/* @override http://wiki.macrabbit.com/b2b2/styles/wiki.css */

body {
	margin: 0;
	font: 12px/1.9 "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
	background-color: #fff;
}

/* @group Page Dimensions */

#navigation ul, #page, .pagefragment {
	width: 800px;
}

/* @end */

h1 {
	display: none;
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
	margin-top: 25px;
	margin-bottom: 12px;
}

p, ul, ol {
	margin-bottom: 20px;
	text-align: justify;
}

ul, ol {
	padding-left: 25px;
}

a {
	color: #008bcc;
}

a:hover {
	color: #21a1ef;
}

a:visited {
	color: #754acc;
}

#page, .pagefragment {
	margin: 40px auto 40px;
	padding-left: 40px;
	padding-right: 40px;
}

.centered {
	text-align: center;
}

a img {
	border: none;
}

img.left.padded {
	margin: 0 15px 15px 0;
}

img.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 8px;
}

img.right {
	float: right;
	margin-bottom: 8px;
	margin-left: 20px;
}

/* @group Navigation */

#navigation {
	display: block;
	background: url(../images/BarBackground.png) repeat-x 50% 100%;
	padding: 0 40px 1px;
	font-size: 11px;
}

#navigation * {
	padding: 0;
	margin: 0;
}

#navigation ul {
	display: block;
	margin: 0 auto;
	background: url(../images/MacRabbitLogo.png) no-repeat 0% 50%;
	height: 150px;
}

/* @group Auto-clearing */

#navigation:after, #navigation ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#navigation, #navigation ul { display: inline-block }

/* Hides from IE-mac \*/
* html #navigation, * html #navigation ul { height: 1% }
#navigation, #navigation ul { display: block }
/* End hide from IE-mac */
	
/* @end */

/* @end */


/* @group Footer */

#footer {
	font-size: 11px;
	text-align: center;
	margin-top: 100px;
	color: #888;
	clear: both;
	margin-bottom: 50px;
}

/* @end */

/* @group Auto-clearing */

.autoclear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.autoclear { display: inline-block }

/* Hides from IE-mac \*/
* html .autoclear { height: 1% }
.autoclear { display: block }
/* End hide from IE-mac */
	
/* @end */

/* @group Info Box */

.infobox {
	background-color: #e3e3e3;
	display: block;
	padding: 10px 15px 1px;
	margin-bottom: 20px;
	color: #727272;
	margin-top: 5px;
	text-shadow: #fff 0 1px 0;
	font-size: 0.9em;
	-webkit-border-radius: 7px;
	clear: both;
}

.infobox.width33 {
	width: 33%;
}

.infobox.width25 {
	width: 25%;
}

.infobox.left {
	float: left;
	margin-right: 30px;
}

.infobox.right {
	float: right;
	margin-left: 30px;
}

.infobox h2 {
	color: #fff;
	text-transform: lowercase;
	font: italic bold 1.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #7d7d7d 0 1px 0;
	margin: 0 0 10px;
}

.infobox.caseunchanged h2 {
	text-transform: none;
}

.infobox p, .infobox ul {
	margin: 0 0 10px;
	text-align: left;
}

.infobox p.centered {
	text-align: center;
}

.infobox a {
	color: #555;
}

/* @group Columns */

.infobox.threecolumns {
	margin-bottom: 50px;
	margin-top: 50px;
}

.infobox.threecolumns .column {
	display: block;
	width: 30%;
	background-colorr: #e6ff4f;
	float: left;
	margin-left: 5%;
}

.infobox.twocolumns {
	margin-bottom: 50px;
	margin-top: 50px;
}

.infobox.twocolumns .column {
	display: block;
	width: 47%;
	float: left;
	margin-left: 5%;
}

.infobox .column.first {
	margin-left: 0;
}

/* @end */



/* @end */


li, dt, dd {
	margin-left: 0;
	padding-left: 0;
}

ul {
	padding-left: 24px;
}

form p {
	margin: 0;
}

.underline {
	border-bottom: 1px dotted #aaa;
}

.hidden {
	display: none;
	visibility: hidden;
}

hr	{ height: 0px; border: dotted 0px; border-top-width: 1px;}

h3 {
	font-size: 11px;
	color: #555;
	}

.lighttext {
 font-size:         10px;
 color:             #73769D;
 padding:           4px 0 2px 0;
 background-color:  transparent;  
}

/*
    Special formatting for quotes, code, pre etc..
------------------------------------------------------ */ 

code {
	font: 12px Consolas, Courier, monospace;
	background: #f1f1f1;
	padding: 3px;
	color: #8a8a8a;
	white-space: normal;
}

 pre {
 background: 		#EFEFF4;
 border:			1px solid #B2B3CE;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #38394B;
 margin:			8px 2px 10px 6px;
 padding:			10px 10px 10px 6px;
 white-space: 		normal;
}

.codeblock {
	overflow: auto;
}

.codeblock code {
	display: block;
	font: 12px/1.9 Consolas, Courier, monospace;
	background: #f1f1f1;
	color: #8a8a8a;
	margin: 8px 4px 10px 3px;
	padding: 3px 6px;
}

blockquote {
 background: 		#EFEFF4;
 border-left:		4px solid #6363A0;
 border-top:		1px solid #B2B3CE;
 border-bottom:		1px solid #B2B3CE;
 border-right:		1px solid #B2B3CE;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #38394B;
 margin:			8px 2px 10px 6px;
 padding:			5px 10px 10px 6px;
}

/*
    Top Bar 
------------------------------------------------------ */ 

#topBar {  
 background: #f7f7f7;
}

#topBar a {
	margin-top: 20px;
	color: #606161;
}

#subheader {
	margin-top: 20px;
}

.topBarLinks { 
 font-size:         11px;
 text-align:		center;
 padding: 15px 30px 15px 20px;
}

/*
    Page Header 
------------------------------------------------------ */ 
#subheader {
 padding: 4px 10px 20px 3px;
	border-bottom: 1px dotted #e5e5e5;
	text-align: left;
}

#searchcontainer {
	margin: 0 0 0 30px;
	display: block;
	float: right;
}

/*
    Breadcrumb Links
------------------------------------------------------ */ 
.breadcrumb {  

}

.breadcrumbspacer {
 color: #919191;
	font-size: 10px;
}

/*
    Misc. Formatting Items
------------------------------------------------------ */ 
.spacer {
 margin-bottom:     12px;
}

.itempad {
padding: 2px 0 2px 0;
}

.itempadbig {
padding: 5px 0 5px 0;
}

.bottompad {
padding: 0 0 2px 0;
}

.marginpad {
 margin: 12px 0 10px 3px;
}

.leftpad {
 margin: 0;
 padding: 0 0 0 4px;
}

.default, .defaultBold, .defaultRight, .defaultCenter {
 font-size:         11px;
 color:             #38394B;
}

.defaultBold {
 font-weight: bold;
}

.defaultRight {
 text-align: right;
}

.defaultCenter {
text-align: center;
}

/*
    Main Content Wrapper
------------------------------------------------------ */ 
#content {
 left:              0px;
 right:             10px;
 margin:            10px 20px 0 0;
 padding:           0;
}
* html #content {
 width:             100%;
 width:            auto;
}



/*

Our Two Column Approach with a Little Path Down the Center
A Path!  A Path!!
------------------------------------------------------ */ 

.left220
	{
	width: 220px;
	float: left;
	}
	
.clear { clear: both; padding: 10px;}


/*

    Form Field Formatting
------------------------------------------------------ */ 

form {
 margin:            0;
 padding:           0;
 border:            0;
} 
.textarea {
 border-top:        2px solid #979AC2;
 border-left:       2px solid #979AC2;
 border-bottom:     1px solid #979AC2;
 border-right:      1px solid #979AC2;
 color:             #333;
 font-size:         11px;
 padding:           0;
 margin:        	5px;
}
.checkbox {
 background-color:  transparent;
 padding:           0;
 border:            0;
}

.submit {
	position: relative;
	top: -1px;
}  

.alert {
 font-size:         11px;
 color:             #990000;
 font-weight:		bold;
}

.highlight {
 color:             #990000;
}

.previewOnly {
	background-color: #fffaca;
	color: #b28425;
	font-size: 15px;
	font-weight: bold;
}