/* @override http://localhost:3000/stylesheets/styles.css?1161166619 */

* {
	padding: 0px;
	margin: 0px;
}

body {
	background-image: url(/images/sidebar_bottom.gif);
	background-repeat: repeat-y;
	font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;	
	margin: 0px;		
}

img {
	border: 0px;
}

form {
	padding: 0px;
	margin: 0px;
	line-height: normal;
}

#wrapcontent {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
}

#banner {
	width: 100%;
	height: 219px;
	background-image: url(/images/banner_rhs.gif);
	background-repeat: repeat-x;
}

#banner h1 {
    position: absolute;
	font-size: 35px;
	top: 110px;
	left: 0px;
	text-align: right;
	font-weight: bold;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 15px;
	border-bottom: 3px solid #FFF;
	width: 722px;
}

#topmenus {
	position: absolute;
	width: 722px;
	top: 165px;
	left: 0px;
	color: #FFF;
	font-size: 16px;
	text-align: right;
	text-transform: lowercase;
}

#topmenus a {
	padding-left: 20px;
	display: inline;
	color: #FFF;
}

#topmenus a:hover {
	color: #A12A22;		
}

.sidebarmenu {
	margin-top: 16px;
	margin-left: -14px;
}

#contentarea {

}

ul {
	list-style: none;
}

#sidebar {
	width: 198px;
	position: absolute;
	top: 246px;
	left: 0px;
}

#sidebar td {
    color: #FFF;
}

#sidebarimage {
	width: 198px;
	position: absolute;
	top: 219px;
}

#sidebar .sidebarmenu a {
	background-image: url(/images/bullet_on.gif);
	background-repeat: no-repeat;	
	color: #FFF;	
	
	background-position: 0px 7px;
	text-transform: lowercase;		
	display: block;
	margin-left: 53px;
	font-size: 16px;			
	padding-left: 30px;
	padding-bottom: 4px;
}

#sidebar .sidebarmenu a:hover {
	background-image: url(/images/bullet_off.gif);
	background-repeat: no-repeat;
	color: #A12A22;	
}


p {
	margin-top: 4px;
	margin-bottom: 14px;
	line-height: 1.6em;
}

/* for putting little chunks of stuff in a section */
.postit {
	background-color: #FFF;
	padding: 8px 10px;
	
	background-image: url(/images/pin.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.postit p {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 1.3em;
	margin-bottom: 4px;
}

.section {
	margin-bottom: 20px;
	margin-left: 13px;
	margin-right: 13px;
}

.section h2, .navigation h2 {
	color: #FFF;
	font-size: 14px;
	border-bottom: 2px solid #FFF;
	padding-bottom: 0px;
	text-transform: lowercase;
	text-align: right;
}

.section h3 {
	color: #FFF;
	font-size: 13px;
    padding-top: 3px;
	padding-bottom: 0px;
}

.section p a {
	font-weight: normal;
}

.section p.note {
    color: #FFF;
    padding-bottom: 0px;
    line-height: 1.1em;
}


a, a:link, a:visited {
	color: #226273;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #DD571C;
	text-decoration: none;
}

#sidebar li.current a {
	color: #DD571C;
	text-decoration: none;	
}

/* provides padding not possible with original columns because of clearfix */

#sidebar .spacer {

}

#content .spacer {

}

div.navigation {
	float: right;
	font-size: 12px;
	padding: 0px;
	margin: 0px;	
	margin-bottom: 20px;
	margin-top: -27px;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 27px;
	margin-left: 0px;

	width: 172px;
	max-width: 172px;
	background-color: #E8B14F;
}


/* TOC */

div.toc {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	padding-bottom: 9px;	
}

div.toc ul {
	margin: 0px;
	/* margin-left: 15px; */
	padding: 0px;
	padding-top: 0px;
	list-style: none;	
}

div.toc ul li {
	/* margin-left: -15px; */
	/* padding-left: 15px; */
	/* background-image: url(/images/bullet_small1.gif); */
	/* background-repeat: no-repeat; */
	/* background-position: 0px 2px; */
	line-height: 1.2em;
	margin-top: 6px;
}

div.attachments ul li {
	margin-left: -15px;
	padding-left: 15px;
	background-image: url(/images/attachment.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	line-height: 1.2em;
	margin-top: 6px;
	padding-bottom: 2px;
}

div.toc ul:first-child {
	margin-top: 10px;
}

div.toc * ul li {
	/* background-image: url(/images/bullet_small1.gif); */
	margin-left: 15px;
}

div.toc li.current {
	font-weight: bold;
	color: #DD571C;
	/* background-image: url(/images/bullet_current.gif); */
}

div.toc li.intro {
	margin-top: 18px;
}

div.toc * input {
	margin-right: 5px;
	float: left;
}

div.toc * label {

}

/* Attachments */

div.attachments {
	margin: 0px;
	margin-top: 12px;
	padding: 0px;
	padding-bottom: 9px;
}

div.attachments ul {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
	padding-top: 4px;
	list-style: none;	
}

div.attachments h4 {
	font-size: 12px;
	margin-top: -2px;
	margin-bottom: 4px;
}



/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any container that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/*
	CSS for document content
	
	1. documents that have a navigator must be wrapped in a <div class="document withnavigation">
	2. documents that don't have a navigator must be wrapped in a <div class="document">
	
	The .document class is used to ensure that document specific styling can be added, without
	being inherited by the navigator.
	
	The .withnavigator class is used to ensure that the document does not impinge on the virtual
	column that the navigator uses.
*/

.document {
	position: absolute;
	padding-left: 20px;
	font-size: 12px;
	padding-right: 20px;
	left: 198px;
	padding-top: 27px;
	min-width: 700px;
}

.document h1 {
	font-size: 16px;
	margin-bottom: 6px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #000;
	color: #333333;
	margin-top: -1px;
}

.document h2 {
	font-size: 15px;
    color: #333333;
    margin-bottom: 3px;
	padding-bottom: 2px;
}

.document ul {
	list-style: disc outside;
	padding-left: 45px;
}

.document ol {
	padding-left: 45px;
}

.document li {
	margin-bottom: 8px;
	line-height: 1.6em;
}

.withnavigation {
	margin-right: 198px;
}

.document .internallink {
	font-size: smaller;
}

h1.nobottom, h2.nobottom {
	border-bottom: none;
}



.attributes {
	
}

tr.ss_attribute {

		
}

tr.ss_attribute td.label {
	padding-top: 2px;	
	font-size:  12px;
	font-weight: bold;	
	padding-right: 15px;
	padding-bottom: 2px;   
}

tr.ss_attribute td.offsetlabel {
    padding-top: 12px; 
    vertical-align: top;  
	font-weight: bold;	
	padding-right: 15px;    
}

tr.ss_attribute td.value {
	font-size:  12px;	
	padding-right: 15px;	
	padding-top: 2px;	
	padding-bottom: 2px;
}



.ss_formfields td {
	padding-top: 5px;
	padding-bottom: 5px;
}

.ss_formfields {
	padding-left: 12px;
}

.ss_form {
	padding: 12px;
	background-color: #ECE4D2;
	border: 1px solid #D3C4A3;
	margin-bottom: 12px;
}

h2.ss_form {
	border: 0px;
	padding: 0px;
	border-bottom: 1px dotted #000;
	padding-bottom: 3px;
	margin-bottom: 12px;	
}

.ss_formaction {
	margin-top: 20px;
	border: 1px solid #B0BC94;
	padding: 12px;
	background-color: #BDCD90;
}

.ss_formaction input {
	padding: 3px;
}

.ss_formaction span {
	font-size: 12px;
}

td.ss_formaction {
	padding-top: 20px;
}


.ss_2column1 {
	float: left;
	width: 49%;
	margin-right: 10px;
}

.ss_2column2 {
	margin-left: 51%;
}

.ss_note {
	background-color: #F8F3E7;
	padding: 12px;
}

.checkbox {
    margin-right: 12px;
}