/************************************************
		BODY STYLES
************************************************/
html {
	margin:0;
	padding:0;
	color:#000;
	}

body {
	margin:0;
	height:100%;
	padding:0 10px 0 0;
	background:#7d000a url('images/bg_main.gif');
	font:normal 9pt "Century Gothic", Verdana, sans-serif;
	}

/************************************************
    TEXT STYLES
************************************************/
h1 {
	margin:0 0 .1em 0;
	background-color:transparent;
	font:bold 1.6em "Trebuchet MS", Verdana, sans-serif;
	color:#7d000a;
	border-bottom:solid #333 1px;
	}

h2 {
	margin:0 0 1em 3px;
	padding:.25em .25em .25em 5px;
	background:transparent url('images/section_header.gif') no-repeat;
	font:bold 1.25em "Trebuchet MS", Verdana, sans-serif;
	color:#fefefe;
	}

h3 {
	margin:0 0 .5em 5px;
	padding:.25em .25em .25em .35em;
	background:transparent url('images/gray-grad.png') repeat-y;
	font:bold 1.1em "Century Gothic", Verdana, sans-serif;
	color:#7d000a;
	font-style:italic;
	}

h4 {
	margin:0 0 .5em 5px;
	padding:.25em .25em .25em .35em;
	background:transparent url('images/gray-grad.png') repeat-y;
	font:bold 1.1em "Century Gothic", Verdana, sans-serif;
	color:#000;
	font-style:italic;
	}
	
a, a:visited {
	background-color:transparent;
	color:#7d000a;
	font-weight:bold;
	text-decoration:none;
	}

.smalltext {
	font-size:.9em;
	}

span.hilit {
	background-color:#ffffaa;
	font-weight:bold;
	}

a:hover, a:active {
	background-color:transparent;
	color:#c00;
	text-decoration:none;
	}

blockquote {
	margin:1em 235px 1.25em 1.25em;
	padding:.25em .75em .25em .75em;
	background:transparent url('images/gray-grad.png') repeat-y;
	font-size:1.2em;
	color:#7d000a;
	font-style:italic;
	text-align:justify;
	border-left:4px double #5f5f5f;
	border-right:4px double #5f5f5f;
	}

blockquote.quote {
	margin-bottom:1.25em;
	padding:0;
	background:url('images/quote.gif') no-repeat top left;
	font-style:normal;
	border:none;
	}
	
div.unquote {
	padding:0 1.75em 0 1.5em;
	/*background:url('images/unquote.gif') no-repeat bottom right; */
	}

#callout {
	margin:0 0 1.5em 1.5em;
	padding:1em 1em 1em 60px;
	background:#ddd url('images/icon_info.gif') no-repeat 10px center;
	font-weight:bold;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	}

#warning {
	margin:0 0 1.5em 0;
	padding:.5em .5em .5em .5em;
	background:#fffcdf url('images/uf_focused.png') repeat scroll 0%;
	font-weight:bold;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	}

#error {
	margin:0 0 1.5em 5px;
	padding:1em;
	background:#ddd url('images/uf_error.png') repeat scroll 0%;
	font-weight:bold;
	border-top:2px solid #7d000a;
	border-bottom:2px solid #7d000a;
	}

hr {
	border:none;
	border-top:1px solid #7d000a;
	margin:.5em 0;
	}


/************************************************
    TABLE STYLES
************************************************/
#mainContent div.tableWrapper {
	padding:0 205px 0 0;
	height:100%;
	}

*:first-child+html #mainContent div.tableWrapper {
	padding:0;
	}

#mainContent table {
	float:left;
	width:100%;
	margin:0 0 1em 0;
	background-color:#fefefe;
	border:1px solid #7d000a;
	}
	
#mainContent table tr {
	height:42px;
	vertical-align:middle;
	}

#mainContent table tr th, 
#mainContent table tr.headerrow {
	height:1.5em;
	background:#7d000a url('images/table_header.gif') repeat-x;
	color:#fefefe;
	font-weight:bold;
	}

#mainContent table tr.odd {
	background:transparent none;
	}

#mainContent table tr.even {
	background:transparent url('images/gray-grad.png') repeat-y;
	}

#mainContent table tr.hoverrow {
	background:#fffcdf url('images/uf_focused.png') repeat scroll 0%;
	}

#mainContent table tr td {
	padding:.2em .5em .2em .5em;
	border-bottom:1px solid #ccc;
	}
	
#mainContent table tr td.shaded {
	background:transparent url('images/gray-grad.png') repeat-y;
	}

#mainContent table tr th.l,
#mainContent table tr td.l {
	text-align:left;
	}

#mainContent table tr th.r,
#mainContent table tr td.r {
	text-align:right;
	}

#mainContent table tr th.c,
#mainContent table tr td.c {
	text-align:center;
	}

#mainContent table.mceEditor {
	border:none;
	margin:0 0 10px 0;
	}

#mainContent table.mceEditor tr {
	height:auto;
	vertical-align:inherit;
	}

#mainContent table.mceEditor tr td {
	border-bottom:0;
	padding:0;
	}

#mainContent table.metro {
	border:3px double #000;
	border-collapse:collapse;
	float:none;
	margin:0 0 1em -10px;
	background-color:transparent;
	}

#mainContent table.metro tr {
	height:auto;
	vertical-align:inherit;
	}
	
#mainContent table.metro tr td {
	border:1px solid #000;
	border-collapse:collapse;
	padding:0 0 0 3px;
	}


#mainContent table.invisible {
	border:0;
	border-collapse:collapse;
	float:none;
	margin:0 0 1em 5px;
	background-color:transparent;
	}

#mainContent table.invisible tr {
	height:auto;
	vertical-align:inherit;
	}
	
#mainContent table.invisible tr td {
	border:0;
	border-collapse:collapse;
	padding:0 0 0 3px;
	}

#mainContent table.contact {
	border:0;
	border-collapse:collapse;
	float:none;
	margin:0 0 1em 5px;
	background-color:transparent;
	}

#mainContent table.contact tr {
	height:auto;
	vertical-align:inherit;
	}
	
#mainContent table.contact tr td {
	border:0;
	text-align:center;
	border-collapse:collapse;
	padding:3 3 3 3px;
	}
	
#mainContent div.centered {
	text-align: center;
	}

#mainContent table.centered {
	margin-left: auto;

	margin-right: auto;
	text-align: left;
	width: 300px;
	}

#mainContent table.centered tr th, 
#mainContent table.centered tr.headerrow {
	border:0;
	text-align:center;

	border-collapse:collapse;
	padding:3 3 3 3px;
	font-weight:bold;
	color:#fefefe;
	}

/************************************************
    IMAGE STYLES
************************************************/
img {
	border:0;
	z-index:10;
	}
	
img.noPrint {
	vertical-align: bottom;
	}

.imgCenter {
	margin-bottom:.75em;
	text-align:center;
	}

/************************************************
    mainContent STYLES
************************************************/
#mainContent {
	position:absolute;
	top:15px;
	left:205px;
	right:0;
	width:auto;
	margin:0 15px 0 0;
	padding:1em;
	font:normal 1em "Century Gothic", Verdana, sans-serif;
	color:#000;
	}

#mainContent .sb-inner { background:#fefefe url('images/draw-fade.jpg') no-repeat fixed bottom left; }
#mainContent .sb-border { background:#000; }
#mainContent .sb-shadow { background:#000; }

#mainContent p {
	margin:0 0 1em 5px;
	font:normal 1em/1.4em "Century Gothic", Verdana, sans-serif;
	}

#mainContent table p {
	margin-left:0;
	}

#mainContent p.shaded {
	padding:.25em 0 .25em .5em;
	background:transparent url('images/gray-grad.png') repeat-y;
	}

#mainContent img.icon {
	padding:0;
	background-color:transparent;
	border:0;
	position:relative;
	z-index:5;
	}
	
#mainContent img.l {
	position:relative;
	float:left;
	margin:0 1em .5em 5px;
	padding:5px 5px 5px 5px;
	background-color:#fefefe;
	border:1px solid #ccc;
	z-index:5;
	}

#mainContent img.r {
	position:relative;
	float:right;
	margin:0 0 .5em 5px;
	padding:5px;
	background-color:#fefefe;
	border:1px solid #ccc;
	z-index:5;
	}
	
#mainContent table {
	margin:0 0 1.5em 5px;
	}

#mainContent #headerNav {
	margin-bottom:.25em;
	font-size:.9em;
	}

#mainContent div.row {
	margin:0 0 1.5em 5px;
	}

#mainContent span.floatLeft {
	float:left;
	background-color:transparent;
	}

#mainContent span.floatRight {
	float:right;
	background-color:transparent;
	text-align:right;
	}

#mainContent div.testrow {
	margin:0 0 .25em 5px;
	}

#mainContent span.testfloatLeft {
	float:left;
	background-color:#eee;
	}

#mainContent span.testfloatRight {
	float:right;
	background-color:transparent;
	}
	
#mainContent hr {
	margin-left:5px;
	}

#mainContent form.inplaceeditor-form {
	display:inline;
	}
/************************************************
    FORUM STYLES
************************************************/

/* TOPICS */
#poll {
	margin:0 0 1em 5px;
	padding:1em 1em 1em 60px;
	background:#ddd url('images/icon_question.gif') no-repeat 1.25em .75em;
	font-weight:bold;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	}

#poll p {
	margin:0;
	padding:.25em 0;
	}

#mainContent #topicNav {
	margin:-.75em 0 .75em 5px;
	}

#mainContent .topicHeader,
#mainContent .forumListHeader {
	height:1.4em;
	margin:0 0 0 1em;
	background-color:transparent;
	font:bold 1.4em "Trebuchet MS", Verdana, sans-serif;
	color:#7d000a;
	border-bottom:2px solid #333;
	}

#mainContent .forumListBody {
	height:2.75em;
	min-height:2.75em;
	margin:0 0 1em 1.25em;
	padding-left:.5em;
	background-color:#efefef;
	border-bottom:1px solid #999;
	}

#mainContent .topicSubheader {
	height:24px;
	margin:0 0 .5em 5px;
	padding:.25em .25em .25em .5em;
	background-color:#efefef;
	font-size:.9em;
	line-height:.95em;
	}

#mainContent .topicBody {
	margin:0 0 .25em 1.25em;
	padding-left:.5em;
	border-bottom:1px solid #999;
	}
	
#mainContent .topicAttachmentsHeader {
	margin:1em 0 .25em 0;
	font-size:.9em;
	}
	
#mainContent .topicFooter, 
#mainContent .forumListFooter {
	height:27px;
	margin:0 0 1.5em 1.25em;
	}

fieldset #callout, 
.topicBody #callout {
	margin:0 0 1em 0;
	}

.quotetitle {
	font-size:.9em;
	font-weight:bold;
	font-style:italic;
	}

.codecontent {
	padding:.5em;
	border:1px dashed #ccc;
	background-color:#efefef;
	}

blockquote.quoteForum {
	width:auto;
	margin:1em 1.25em 0 1em;
	padding:0 .5em;
	background:url('images/quote.gif') no-repeat top left;
	font-size:1em;
	text-align:justify;
	border:none;
	}
	
div.unquoteForum {
	padding:0 1.75em 0 1.5em;
	background:url('images/unquote.gif') no-repeat bottom right; 
	}

/************************************************
    SIDEBAR
************************************************/
#sideBar {
	float:right;
	width:165px;
	height:100%;
	min-height:100%;
	margin:0 0 1.5em 1em;
	padding:1em;
	font:normal 1em/1.5em "Century Gothic", Verdana, sans-serif;
	color:#000;
	text-align:justify;
	z-index:3;
	}
	
#sideBar .sb-inner { background:#fefefe url('images/car-fade.jpg') no-repeat fixed top right; }
#sideBar .sb-border { background:#7d000a; }
#sideBar .sb-shadow { background:#000; }

#sideBar h1 {
	background-color:transparent;
	font-size:1.3em;
	color:#333;
	margin-bottom:.5em;
	}

#sideBar p {
	margin:0 0 1em 0;
	background-color:transparent;
	}

#sideBar img { 
	padding:0;
	border:0;
	}

#sideBar ol, #sideBar ul {
	margin:0 0 .5em 17px;
	padding-left:0;
	list-style-type:square;
	text-align:left;
	}
	
/************************************************
    SITE NAVIGATION
************************************************/
#navBar {
	position:absolute;
	left:15px;
	top:15px;
	width:165px;
	margin:0;
	padding:.75em .75em .75em .75em;
	font:normal 1em/1.3em "Century Gothic", Verdana, sans-serif;
	color:#000;
	z-index:3;
	}

#navBar .sb-inner { background:#fefefe url('images/draw-fade.jpg') no-repeat fixed bottom left; }
#navBar .sb-border { background:#000; }
#navBar .sb-shadow { background:#000; }

#navBar h1 {
	margin:0 0 .5em 0;
	padding:0;
	background-color:transparent;
	font:bold 1.3em "Trebuchet MS", Verdana, sans-serif;
	color:#7d000a;
	border-bottom:1px solid #000;
	}

#navBar h2 {
	margin:0 0 .5em 0;
	padding:0;
	background:transparent none;
	font:bold 1.1em "Trebuchet MS", Verdana, sans-serif;
	color:#333;
	}

#navBar .smalltext {
	font-size:.9em;
	}

#navBar p {
	padding:0;
	}

#navBar ul {
	margin:0 0 .5em 17px;
	padding-left:0;
	list-style-type:square;
	}

/* Vertical navigation */
#navMenu { 
	position:relative;
	}

#navMenu ul {
	margin:0;
	margin-bottom:1.25em;
 	padding:0;
	list-style-type: none;
	}

#navMenu a {
	display:block;
	padding:.3em 0 .3em .5em;
	width:auto;
	background:transparent url('images/gray-grad.png') repeat-y;
	border-bottom:1px solid #eee;
	}

#navMenu a:link, #navMenu a:visited {
	color:#000;
	text-decoration:none;
	}

#navMenu a:hover {
	background:#7d000a url('images/table_header.gif') repeat-x;
	color:#fefefe;
	cursor:pointer;
	border-bottom:1px solid #7d000a;
	}

/* AlphaBlock navigation */

ul#alphaBlock  {
	font-size:1.1em;
	margin:0;
	padding:0;
	white-space:normal;
	}

#alphaBlock li {
	display:inline;
	list-style-type:none;
	}

#alphaBlock a {
	padding:.2em .25em;
	text-decoration:none;
	}

#alphaBlock a:link, #alphaBlock a:visited {
	color:#555;
	}

#alphaBlock a:hover, #alphaBlock a:active,
#selected a:link, #selected a:visited,
#selected a:hover, #selected a:active {
	background:#7d000a url('images/table_header.gif') repeat-x;
	color:#fefefe;
	font-weight:bold;
	}

#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
	background:#7d000a url('images/table_header.gif') repeat-x;
	color:#fefefe;
	font-weight:bold;
	}

/************************************************
    FOOTNOTES / FOOTER
************************************************/
#footNotes {
	clear:both;
	margin:0 0 1.5em 0;
	padding:.5em;
	background-color:#ddd;
	font-size:.8em;
	color:#000;
	border:1px dashed #7d000a;
	}
	
#footer {
	clear:both;
	margin:0;
	padding:0;
	font-size:.8em;
	color:#000;
	text-align:center;
	}
	
/************************************************
    REFGUIDE TEXT STYLES
************************************************/
#test_name, #test_code {
	font-size:1.2em;
	font-weight:bold;
	}
#test_subname {
	font-size:1.1em;
	}
.onlyPrint {display:none;}
