/* layout 
*/

body {
	background-color: #ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #303030;
	font-size:11px;
	margin: 0; /* zeroes the margins on the body */
	margin-top:10px;
	padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
	border: 0; /* zeroes off any existing border */
	text-align: center; /* Hack to center the wrapper in IE5.x pc */
	min-width: 780px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
	}
	
#wrapper {
	width:780px;
	margin:0px auto;
	text-align:left;
	padding-top : 5px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 5px;
	clear: both;
	border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #333; border-bottom:0px;
	background-color:#394549; 
	
	color: #F5F5F5;
	display: table;
	}

#headerWrapper
{
	width:770px;
	margin:0px auto;
	text-align:left;
	margin-top : 5px;
	margin-left : 10px;
	margin-right : 10px;
	margin-bottom : 5px;
	clear: both;
	border:0px;
	
	color: #F5F5F5;
	display: table;
	height: 30px;
	}
	
#leftnavLogin {
	
	float:left;
	width: 380px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px; 
}

a:link {font-size:11px; font-weight:normal; background-color:transparent; color: #333333; text-decoration: none; }
a:visited {font-size:11px; font-weight:normal; background-color:transparent; color: #333333; text-decoration: none; }
a:hover {font-size:11px; font-weight:normal; background-color:transparent; color: #333333; text-decoration: underline; }
a:active {font-size:11px; font-weight:normal; background-color:transparent; color: #333333; text-decoration: none; }


a.headerLoginLink:link {font-size:11px; font-weight:bold; color: #ffffff; text-decoration: none; }
a.headerLoginLink:visited {font-size:11px; font-weight:bold; color: #ffffff; text-decoration: none; }
a.headerLoginLink:hover {font-size:11px; font-weight:bold; color: #ffffff; text-decoration: underline; }
a.headerLoginLink:active {font-size:11px; font-weight:bold; color: #ffffff; text-decoration: none; }

a.contentTitleLink:link {font-size:11px; font-weight:bold; color: #333333; text-decoration: none; }
a.contentTitleLink:visited {font-size:11px; font-weight:bold; color: #333333; text-decoration: none; }
a.contentTitleLink:hover {font-size:11px; font-weight:bold; color: #333333; text-decoration: underline; }
a.contentTitleLink:active {font-size:11px; font-weight:bold; color: #333333; text-decoration: none; }


#contentHeaderNav {
	color: #ffffff; text-align:right; 
}


#innerWrapper {
	
	
	text-align:left;
	margin-top : 5px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 5px;
	clear: both;
	border:0px; background-color:#394549;
	background-image:url(../_images/bg.gif); background-repeat:repeat-y;
	color: #F5F5F5;
	
	}
	
#leftnavWrapper {
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px; 
	text-align: left;
	clear: both;
	
}


	
.defaultWidthPadding {padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 10px; }
.defaultHeightPadding {padding-top: 3px;padding-right: 0px;padding-bottom: 3px;padding-left: 0px; }
.defaultPadding {padding-top: 3px;padding-right: 10px;padding-bottom: 3px;padding-left: 10px; }
.headerNavPadding {padding-top: 3px;padding-right: 10px;padding-bottom: 3px;padding-left: 30px; }

#leftnav {
	background-color: #e1e9e2;
	width: 210px;
}

#leftnavPadding {
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.leftnavHeader {

	background-color: #a8b7af;
	color: #ffffff; 
	
	text-align: left; 
	font-weight:normal;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px; 
}

a.leftnavHeaderLinks:link {font-size:11px; background-color:#a8b7af; color: #ffffff; font-weight:normal; text-decoration: none; }
a.leftnavHeaderLinks:visited {font-size:11px; background-color:#a8b7af; color: #ffffff; font-weight:normal; text-decoration: none; }
a.leftnavHeaderLinks:hover {font-size:11px; background-color:#a8b7af; color: #ffffff; font-weight:normal; text-decoration: underline; }
a.leftnavHeaderLinks:active {font-size:11px; background-color:#a8b7af; color: #ffffff; font-weight:normal; text-decoration: none; }


.leftnavContent {

	background-color: #ffffff;
	color: #303030; font-size:10px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px; 
}

a.leftnavContentLinks:link {font-size:10px; color: #303030; background-color:#ffffff; font-weight:normal; text-decoration: none; }
a.leftnavContentLinks:visited {font-size:10px; color: #303030; background-color:#ffffff; font-weight:normal; text-decoration: none; }
a.leftnavContentLinks:hover {font-size:10px; color: #303030; background-color:#ffffff; font-weight:normal; text-decoration: underline; }
a.leftnavContentLinks:active {font-size:10px; color: #303030; background-color:#ffffff; font-weight:normal; text-decoration: none; }


#content {
	float: left; margin-left:10px;
	width: 550px; 
	text-align: left;
}

#contentPadding {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px; }


#contentMain {
	
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px; 
	
}
#contentMainHeader {
	background-color: #ffffff; 
	color:#303030;
	
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px; 
	
	
}
#contentMainHeaderLogoContainer {
	float:left; 
	/*height:80px;*/
	width:245px; 
	margin-bottom:10px; 
}

#contentMainHeaderLogoContainerIbox {
	float:left; 
	
	width:245px; 
	padding-bottom:0px; 
}

#contentMainHeaderSearchContainer {
	float:right; 
	padding-bottom:10px; 
	height:40px;
}
#contentMainBreadcrumbOrResultsNavLeft {
	text-align:left;
	float:left; 
	clear: left;
	width:240px; 
}
#contentMainBreadcrumbOrResultsNavRight {
	text-align:left;
	float:right; 
	clear:right;
	width:240px; 
}
#contentMainTagline {
	 font-weight:bold; font-size:11px;
	width:300px; 
}

#contentMainSeperator { 
	background-color:#e1e9e2; clear:both;
}
#contentMainTitlebar { 
	background-color:#b5759c; color:#ffffff; 
	clear:both; 
	padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;
}
#contentMainBody {
	background-color: #ffffff; 
	color:#303030;
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px; 
	
}

.contentMainSeperator { 
	background-color:#e1e9e2; clear:both;
}
.contentMainTitlebar { 
	background-color:#b5759c; color:#ffffff; 
	clear:both; 
	padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;
}
.contentMainBody {
	background-color: #ffffff; 
	color:#303030;
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px; 
	
}

.contentMainTableHeader { 
	font-size:11px;
	background-color: #a8b7af;
	color: #303030; 
	height:35px;
	text-align: left; 
	font-weight:bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px; 
	clear:both;
}

table.dataTable {
	background-color:#a8b7af;
	width:100%;
	border: solid 1px #a8b7af; 
}
.contentMainTableRow {
	background-color: #eeeeee; border-bottom: solid 1px #a8b7af; 
	color: #394549; 
	height:40px;
	text-align: left; 
	font-size:10px; overflow:visible;
	 
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px; 
	clear:both;
}

.formLabel {
	width:120px; float:left; background-color:#ffffff;
}
.formField {
	width:280px; float:left; background-color:#ffffff;
}



#footer {
	font-size:10px;
	background-color:#394549;
	text-align: center;
	text-align:center; padding-top:10px; padding-bottom:5px;
	width: 780px;
	clear: both;
}
#bottomfooter {
	font-size:9px;
	position: relative; /* important to position it relatively */
	text-align: center; /* Realigns the text to the left after the IE hack in the body rule */
	color: #394549;	margin: 5px auto;/* centers the wrapper. First value - 5px - is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	width: 780px;
	
	
	clear: both;
}



ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 1.5em;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-indent: 2px;
list-style-position: outside;
color: #303030;
list-style-type: disc;
padding: 0px;
margin-left:10px; margin-bottom:1px; margin-right:2px; margin-top:0;
}

br { 
	clear: both; 
	line-height: 2em; 
	display: block; 
}

p { margin-top: 4px; margin-bottom: 4px; }

p.breadcrumb { margin-top: 4px; margin-bottom: 4px; color:#333333; font-size:10px; font-weight:normal; }

.spacer {
  clear: both; 
  }
.clearboth { clear: both; }





/* design */
a.headerNavLinks:link {font-size:11px; color: #ffffff; font-weight:normal; text-decoration: none; }
a.headerNavLinks:visited {font-size:11px; color: #ffffff; font-weight:normal; text-decoration: none; }
a.headerNavLinks:hover {font-size:11px;  color: #ffffff; font-weight:normal; text-decoration: underline; }
a.headerNavLinks:active {font-size:11px; color: #ffffff; font-weight:normal; text-decoration: none; }

a.headerNavLinksSelected:link {font-size:11px; font-weight:bold; color: #ffffff; text-decoration: none; }
a.headerNavLinksSelected:visited {font-size:11px; font-weight:bold; color: #ffffff; text-decoration: none; }
a.headerNavLinksSelected:hover {font-size:11px; font-weight:bold; color: #ffffff; text-decoration: underline; }
a.headerNavLinksSelected:active {font-size:11px; font-weight:bold; color: #ffffff; text-decoration: none; }

a.footerNavLinks:link {font-size:10px; color: #ffffff; font-weight:normal; text-decoration: none; }
a.footerNavLinks:visited {font-size:10px; color: #ffffff; font-weight:normal; text-decoration: none; }
a.footerNavLinks:hover {font-size:10px;  color: #ffffff; font-weight:normal; text-decoration: underline; }
a.footerNavLinks:active {font-size:10px; color: #ffffff; font-weight:normal; text-decoration: none; }

a.footerNavLinksSelected:link {font-size:10px; color: #ffffff; font-weight:bold; text-decoration: none; }
a.footerNavLinksSelected:visited {font-size:10px; color: #ffffff; font-weight:bold; text-decoration: none; }
a.footerNavLinksSelected:hover {font-size:10px;  color: #ffffff; font-weight:bold; text-decoration: underline; }
a.footerNavLinksSelected:active {font-size:10px; color: #ffffff; font-weight:bold; text-decoration: none; }

a.bottomfooter:link {font-size:9px; color: #394549; background-color:#ffffff; font-weight:normal; text-decoration: none; }
a.bottomfooter:visited {font-size:9px; color: #394549; background-color:#ffffff; font-weight:normal; text-decoration: none; }
a.bottomfooter:hover {font-size:9px; color: #394549; background-color:#ffffff; font-weight:normal; text-decoration: underline; }
a.bottomfooter:active {font-size:9px; color: #394549; background-color:#ffffff; font-weight:normal; text-decoration: none; }

/* forums and messages */

a.genericLink:link {font-size:11px; font-weight:normal; color: #333333; text-decoration: none; }
a.genericLink:visited {font-size:11px; font-weight:normal; color: #333333; text-decoration: none; }
a.genericLink:hover {font-size:11px; font-weight:normal; background-color:#394549; color: #ffffff; text-decoration: none; }
a.genericLink:active {font-size:11px; font-weight:normal; color: #333333; text-decoration: none; }

a.genericBoldLink:link {font-size:11px; font-weight:bold; color: #333333; text-decoration: underline; }
a.genericBoldLink:visited {font-size:11px; font-weight:bold; color: #333333; text-decoration: underline; }
a.genericBoldLink:hover {font-size:11px; font-weight:bold; background-color:#394549; color: #ffffff; text-decoration: none; }
a.genericBoldLink:active {font-size:11px; font-weight:bold; color: #333333; text-decoration: underline; } 

a.textLink:link {font-size:11px; font-weight:normal; color: #333333; text-decoration: underline; }
a.textLink:visited {font-size:11px; font-weight:normal; color: #333333; text-decoration: underline; }
a.textLink:hover {font-size:11px; font-weight:normal; background-color:#394549; color: #ffffff; text-decoration: none; }
a.textLink:active {font-size:11px; font-weight:normal; color: #333333; text-decoration: underline; }

a.textSmallLink:link {font-size:10px; font-weight:normal; color: #333333; text-decoration: underline; }
a.textSmallLink:visited {font-size:10px; font-weight:normal; color: #333333; text-decoration: underline; }
a.textSmallLink:hover {font-size:10px; font-weight:normal; background-color:#394549; color: #ffffff; text-decoration: none; }
a.textSmallLink:active {font-size:10px; font-weight:normal; color: #333333; text-decoration: underline; }

a.textSmallLinkNoUnderline:link {font-size:10px; font-weight:normal; color: #333333; text-decoration: none; }
a.textSmallLinkNoUnderline:visited {font-size:10px; font-weight:normal; color: #333333; text-decoration: none; }
a.textSmallLinkNoUnderline:hover {font-size:10px; font-weight:normal; background-color:#394549; color: #ffffff; text-decoration: none; }
a.textSmallLinkNoUnderline:active {font-size:10px; font-weight:normal; color: #333333; text-decoration: none; }

a.textLinkNoUnderline:link {font-size:11px; font-weight:normal; color: #333333; text-decoration: none; }
a.textLinkNoUnderline:visited {font-size:11px; font-weight:normal; color: #333333; text-decoration: none; }
a.textLinkNoUnderline:hover {font-size:11px; font-weight:normal; background-color:#394549; color: #ffffff; text-decoration: none; }
a.textLinkNoUnderline:active {font-size:11px; font-weight:normal; color: #333333; text-decoration: none; }

a.textBoldLink:link {font-size:11px; font-weight:bold; color: #333333; text-decoration: underline; }
a.textBoldLink:visited {font-size:11px; font-weight:bold; color: #333333; text-decoration: underline; }
a.textBoldLink:hover {font-size:11px; font-weight:bold; background-color:#394549; color: #ffffff; text-decoration: none; }
a.textBoldLink:active {font-size:11px; font-weight:bold; color: #333333; text-decoration: underline; }

a.textBoldLinkNoUnderline:link {font-size:11px; font-weight:bold; color: #333333; text-decoration: none; }
a.textBoldLinkNoUnderline:visited {font-size:11px; font-weight:bold; color: #333333; text-decoration: none; }
a.textBoldLinkNoUnderline:hover {font-size:11px; font-weight:bold; background-color:#394549; color: #ffffff; text-decoration: none; }
a.textBoldLinkNoUnderline:active {font-size:11px; font-weight:bold; color: #333333; text-decoration: none; }

a.breadcrumbLink:link {font-size:10px; font-weight:bold; color: #333333; text-decoration: none; }
a.breadcrumbLink:visited {font-size:10px; font-weight:bold; color: #333333; text-decoration: none; }
a.breadcrumbLink:hover {font-size:10px; font-weight:bold; color: #333333; text-decoration: underline; }
a.breadcrumbLink:active {font-size:10px; font-weight:bold; color: #333333; text-decoration: none; }

input.headerSearchButton {
	border-style:outset;
	border-color: #e1e9e2;
	background-color: #b5759c;
	color: #ffffff;
	border-width:1px;
	font-size:10px;
}

input.headerSearch
{
width: 70px;
border-style:solid;
border-color: #e1e9e2;
background-color: #ffffff;
color: #394549;
border-width:1px;
font-size:10px;
}


input.submitButton {
	border-style:outset;
	border-color: #394549;
	background-color: #b5759c;
	color: #ffffff;
	border-width:1px;
	font-size:11px;
}

input.deleteButton
{

	border-style:solid;
	border-color: #e1e9e2;
	background-color: #b5759c;
	color: #ffffff;
	border-width:1px;
	font-size:10px;
}

input.textBox
{
width: 240px;
border-style:solid;
border-color: #394549;
background-color: #f7f7f7;
color: #394549;
border-width:1px;
font-size:11px;
}

textarea
{
width: 240px;
border-style:solid;
border-color: #394549;
background-color: #f7f7f7;
color: #394549;
font-size:11px;
border-width:1px;
}

.select
{
width: 240px;
border-style:solid;
border-color: #000033;
background-color: #f7f7f7;
color: #394549;
font-size:11px;
border-width:1px;

}
.requiredField
{
color: #b5759c;
background-color:transparent;
}
.error {
	font-size:11px;
	color: red;
	font-weight: bold;
}
.success {
	font-size:11px;
	color: green;
	font-weight: bold;
}

/* data tables */
table.dataTableOuterWrapper {
	background-color:#ffffff; border:0px; 
	width:510px;
	
}

table.dataTable {width:510px;background-color:#ffffff;border:0px; }

th.dataTableHeader { 
	background-color:#a8b7af;
	color: #ffffff; font-weight:normal; 
	padding-left:5px; padding-right:5px; padding-top:8px; padding-bottom:8px;
}

a.dataTableHeader:link {font-size:11px; font-weight:normal; color: #ffffff; text-decoration: none; }
a.dataTableHeader:visited {font-size:11px; font-weight:normal; color: #ffffff; text-decoration: none; }
a.dataTableHeader:hover {font-size:11px; font-weight:normal; color: #ffffff; text-decoration: underline; }
a.dataTableHeader:active {font-size:11px; font-weight:normal; color: #ffffff; text-decoration: none; }

th.dataTableHeaderWithin { 
	background-color:#f0f0f0;
	padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;
	color: #333333; font-weight: bold;
}

th.dataTableFormLabel { 
	background-color:#e1e9e2;
	color: #333333; 
	font-weight:normal;
	padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
}
th.dataTableFormRequiredFieldLabel { 
	background-color:#eeeeee;
	color: #b5759c; 
	padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
}
th.dataTableFormNOTRequiredFieldLabel { 
	background-color:#eeeeee;
	color: #b5759c; 
	padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
}

td.dataTableBody { 
	background-color:#eeeeee;
	padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
	color: #333333;
}
td.dataTableBody0 { 
	background-color:#eeeeee;
	padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
	color: #333333;
}
td.dataTableBody1 { 
	background-color:#f7f7f7;
	padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
	color: #333333;
}

.quotedText { 
	background-color:#eeeeee;
	padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
	color: #333333; font-style:italic;
}
#IboxWrapper {
	width:480px; height:230px; min-height:230px;
	margin:0px auto;
	text-align:left;
	padding-top : 5px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 5px;
	clear: both;
	border-top:1px solid #333; border:1px solid #333;
	background-color:#e1e9e2; 
	
	color: #F5F5F5;
	display: table;
	}
	
.textSmall {
	font-size:7pt;
}