
/* ------------------------------------------------------------------
	PRINT STYLESHEET
	
------------------------------------------------------------------- */

@import url("reset.css");

html {
	background: #fff;
}
body {
	background: #fff;
	font-size: 75%; /* from 16px browser default to useable 10px */
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
#bodystyle {
	color: #000;
	background:url(none);
	background-color: #fff;
}
.clear {
	clear: both;
}
/* ====================
GLOBAL STYLES
======================= */

p {
	font-size: 1em; /*12px*/
	line-height: 1.5em; /*13px*/
	margin: 2px 0 17px 0;
}
a:link {
	color: #417b57;
	text-decoration: underline;
}
a:visited {
	color: #417b57;
	text-decoration: underline;
}
a:hover {
	color: #417b57;
	text-decoration: none;
}
a:hover[disabled] {color:#000}
a:active[disabled] {color:#000; text-decoration: none;}

a:active {
	color: #417b57;
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
em, i {
	font-style: italic;
	line-height:1.5em;
	display:block;
	padding: 12px 0 12px 0;
	color:#666;
}
ul, ol {
	list-style-type: none;
}
br {
	margin:0 0 8px 0;
}
.floatleftpic {
	float: left;
	padding: 0 12px 12px 0;
}

.floatleftpichome {
	float: left;
	width:102px;
	height:103px;
	padding: 0 12px 12px 0;
}

.floatleftpiccols {
	float: left;
	padding: 0 10px 0 0;
}
.floatrightpic {
	float: right;
	padding: 0 0 12px 12px;
}

.floatleft {float: left;}
.floatright {float: right;}
.logoutmargins {margin:7px 10px 0 0;}
.underH3 { padding-top:20px;}


h1 {
	font-size: 20px;
	color: #7e6f89;
	background:url(../../images/h1_bg.png) bottom left no-repeat;
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
	line-height: 26px;
}

h1 img {float:left; position: relative; top: -10px; margin:0 5px 0 0;}

h2 {
	font-size: 14px;
	color: #7e6f89;
	background:url(../../images/h1_bg.png) bottom left no-repeat;
	padding: 10px 0 15px 0;
	margin: 0 0 10px 0;
	font-weight:bold;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #417b57;
	margin: 20px 0 3px 0;
}
h3.underH1 {margin-top:10px;}
h4 {
	font-size: 14px;
	color: #d6c7b6;
	font-weight:bold;
	text-align:left;
	padding: 7px 0 0 0;
}
h5 {
	font-size: 14px;
	color: #fff;
	padding: 5px 0 5px 5px;
	margin: 0 0 10px 0;
	font-weight:bold;
	display:block;
	background:url(../../images/smbtn_bg.gif) top left repeat-x #417b57;
}
h6 {
	font-size: 12px;
}
.texthighlight {
	color:#a1907b;
	font-size: 13px;
	line-height: 16px;
	text-align:justify;
}

.top, a.top {font-size:11px; text-transform:uppercase; color:#CCC; text-decoration:none;}
a.top:hover {background:#7e6f89; color:#fff;}
/*======
SITE TEXTURE
======*/
#sitewrap {
	width: 600px;
	background:url(none);
	margin: 0;
}
/*============
HEADER
============*/

#header {display:none;}

/*============
NAVIGATION
============*/

#mainnav {display:none;}

/*============
SPLASH
============*/
#splash {display:none;}


/*============
CONTENT AREA BG
============*/

#pagearea {
	padding: 15px 0;
}
/*======
MAIN CONTENT
=======*/
#pagearea .maincontent {
	float: left;
/*	position:relative;
*/	width: 611px;
}
#pagearea .maincontent ul, #pagearea .maincontent ol {
	margin:0 10px 0 4px;
}
#pagearea .maincontent ul li {
	color: #000;
	padding: 0 0 0 15px;
	background-image:url(../../images/bullet_black.gif);
	background-repeat:no-repeat;
	background-position: 0 8px;
	margin: 0 0 15px 0;
	line-height:1.5em;
}
#pagearea .maincontent ul li ul li {
	margin:15px 0 0 0;
}
#pagearea .maincontent ol li {
	padding: 0 0 0 10px;
	background-image:none;
	background-repeat:no-repeat;
	background-position: 0 0;
	line-height:1.3em;
}
.homeintro {
	margin: 0 0 34px 0;
}
#pagearea ul.featuredManualCol {
	margin:0 5px 30px 0;
}
#pagearea ul.featuredManualCol li {
	background-image:none;
	margin:0;
	padding:0;
	color:#000;
}
.featuredManualCol li small {
	color: #8c6510;
	font-size: 10px;
	display:block;
	padding: 0 0 15px 0;
}
.featuredManualCol li.morelink a {
	color:#999999;
	text-transform:uppercase;
	font-size: 9px;
	text-decoration:none;
}
.featuredManualCol li.morelink a:hover {
	text-decoration:underline;
}
#pagearea ul.featured {
	margin:0 5px 30px 0;
}
#pagearea ul.featured li {
	background-image:none;
	margin:0;
	padding:0;
	color:#000;
}
.featured li small {
	color: #8c6510;
	font-size: 10px;
	display:block;
	padding: 0 0 15px 0;
}
.featured li.morelink a {
	color:#999999;
	text-transform:uppercase;
	font-size: 9px;
	text-decoration:none;
}
.featured li.morelink a:hover {
	text-decoration:underline;
}
#pagearea ul.featuredcols {
	margin:14px 20px 0 0;
}
#pagearea ul.featuredcols li {
	background-image:none;
	line-height:normal;
	margin:0;
	padding:0;
	color:#000;
}
#pagearea ul.reghome {
	margin:0 20px 20px 0;
}
#pagearea ul.reghome li {
	background-image:url(../../images/bullet_black.gif);
	background-repeat:no-repeat;
	background-position: 0 10px;
	line-height:25px;
	padding:0 0 5px 15px;
	margin:5px 0;
	border-bottom: 1px solid #e9e9e9;
}
/*Branches*/

.toggletrigger {
	background:#e7e6e3;
	padding: 5px;
	margin:15px 0 0 0;
	color: #417b57;
	cursor:pointer;
}
.toggletrigger a {
	cursor:pointer;
	color: #417b57;
}
.toggletrigger a:active {
	cursor:pointer;
	color: #417b57;
	text-decoration:none;
}
.toggletrigger a:hover {
	text-decoration:underline;
}
.togglearea {
	padding: 5px;
	margin:0 0 15px 0;
	background:#e7e6e3;
}

.Col { width:272px;float:left; margin-right:20px;}

.Designation {width:100px; display:inline-block; font-weight:bold}
.DesignationLarger {width:225px; display:inline-block; font-weight:bold}

/*======
SIDE CONTENT
=======*/
#pagearea .sidecontent {display:none;}

/*MEMBERS AREA*/

.MessageArea {
	margin-top:10px;
	padding: 10px;
	border:1px solid #D9D6CF;
	background:#e9e9e9;
	text-align:center;
	}
.MessageArea h2 { background:url(../../images/h1_bg-messagearea.png) bottom center no-repeat; margin-bottom:20px; }
.MessageArea label {font-size:12px}
.MessageArea .InvoiceRetired {width:200px; margin:0 auto;}
.MessageArea .InvoiceRetired table { margin:0;}
.MessageArea br {margin:0;}



/*============
FOOTER
============*/

#footer {display:none;}


/*====TABLES===*/

table {
	font-size:11px;
	width:100%;
	/*table-layout:fixed;*/
	margin: 0 0 18px 0;
}

tr {
}
th, .th {
	padding: 10px;
	background:#e9e9e9;
	color:#417b57;
	font-weight:bold;
}
.th td {font-weight:bold;}

td {
	border-bottom: 1px solid #e9e9e9;
	padding: 10px;
	line-height: 14px;
}
.ProfDevActivity {font-size:1em;}
.ProfDevActivity td {border-bottom:none; padding:3px; }
.ProfDevActivity td table {width:150px; margin-bottom:0;}
.ProfDevActivity .TextAreaWidth {width:320px}
.ProfDevActivity div table {margin:0; width:200px;}
	.ProfDevActivity div table td {text-align:center;}
	
.Profile label {font-size:12px;}
.Profile .Labels, .Invoice .Labels {width:100px}
.Profile .OptIns label {font-size:11px}
.ProfileNoMargin {margin:0;}
.Profile div table {margin:0; width:200px;}
	.Profile div table td {text-align:center;padding:3px;}
	
	
.Invoice { font-size:12px}
.Invoice td {border-bottom:none; padding:7px 3px; }
.Invoice .InvoiceTax {padding-bottom:10px;}
.Invoice .InvoiceTotal {border-top: 1px solid #e9e9e9; padding-top:10px; font-size:14px;}

.InvoicePaid {color:#417B57; font-weight:bold; font-size:12px;}
.InvoiceDue {color:#C03; font-weight:bold; font-size:12px;}

.Question {font-size:12px; font-weight:bold; border-bottom: none;}
.Question label {font-size:12px;}
.Question table {margin:0;}

.DateFilter {margin-bottom:10px;}

.InputCheck input {border: none;}
.InputCheck12px input {border: none; font-size:12px}
.InputCheck12px label {font-size:12px;}
.InputCheck12px{ font-size:12px}

.SurveyResults td {padding:5px;}

.Merchandise td { padding:10px 0; font-size:12px; vertical-align:top;}
.Merchandise img {padding:10px 0}

.Applications td {border:none;}
.MarginBottom0 {margin-bottom:0;}
.ApplicationLabels {width:350px}

.CellNoBorder {border:none;}

.Font12Bold label {font-size:12px; font-weight:bold;}




.Note {font-size:11px;}

td img {
	float: left;
	padding:0 5px 0 0;
}
.alt {
	background: #efefef;
}
/*=====FORMS========*/

fieldset {
	border: 0px solid #bfc4c2;
	padding:10px;
	margin:0 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
}
label {
	font-size:14px;
}
input {
	border: 1px solid #bfc4c2;
	display:inline-block;
/*	padding:3px;*/
/*	margin:0 0 13px 0;*/
}


.disabled {background:#eaf8f3; border-color:#dddddd;}

input:focus {background: #d0eddb; border-color:#000; outline: none;}

select {
	border: 1px solid #bfc4c2;
/*	padding:3px;*/
/*	margin:0 0 13px 0;*/
}
textarea {
	border: 1px solid #bfc4c2;
	padding:3px;
	margin:0 0 13px 0;
}

textarea:focus {background: #d0eddb; border-color:#000; outline: none;}

.formbtn {
	background:url(../../images/smbtn_bg.gif) top left repeat-x;
	border:0;
	color:#fff;
	font-size: 12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.formbtn:hover {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	-moz-opacity: 0.93;
	opacity:0.93;
	filter:alpha(opacity = 93);
}

.formbtn:focus {background:url(../../images/smbtn_bg.gif) top left repeat-x; color:#fff; }
.formbtn:active {background: #877991; color:#FFF; }
.btnpaddingtop20 {padding-top:20px;}
.btnmarginbottom20 {margin-bottom:20px;}

.formbtnpassmargin {margin:10px 0 0 165px;}
.formbtnloginmargin {margin:10px 0 0 160px;}

ol.mainforms {width:245px}

ol.mainforms li {margin:5px 0 0 0;}
ol.mainforms li span.formlabel {   
	display:;
	width:70px;
	float:left;
	text-align:right;
	padding-right:10px;
}
ol.mainforms li .forgot {text-align:right; padding-top:10px; margin-right:10px;}

ol.mainforms li input.RegularInput { width:142px; }

.PrevNextBtn { padding:10px 0 25px 0;}

.TotalHours {
	margin:30px 0 40px 0;
	padding: 10px;
	border:1px solid #D9D6CF;
	background:#e9e9e9;
	text-align:center;
	line-height:22px;
	}
	
.Error {color:red; font-size:11px;}


/*-searchfields-*/
.searchfield {
	border-top: 3px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	/*	padding: 7px;*/
	width:85%;
	margin:0 0 20px 0;
	padding:0 0 0 7px;
}
.searchfield h3 {
	margin:10px 0 21px 4px;
	padding:0;
	line-height:normal;
}
#pagearea .searchfield ol {
	margin:0;
	padding:0;
}
#pagearea .searchfield ol li {
	text-align:right;
	padding:0;
}
.searchfield label {
	display:inline-block;
}
.results h3 {
	margin:0;
	padding:0;
}
.featuredresults li {
	margin: 0 0 30px 0;
}

.featuredsearch li {margin:0 0 13px 0;}
/*-searchfield alt-*/

.dropdownfield {
	border-top: 3px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	/*	padding: 7px;*/
	width:65%;
	margin:0 0 20px 0;
	padding:0 0 0 0;
}
.dropdownfield h3 {
	margin:10px 0 21px 4px;
	padding:0 0 0 7px;
	line-height:normal;
}
#pagearea .dropdownfield ol {
	margin:0;
	padding:0;
}
#pagearea .dropdownfield ol li {
	margin:0;
	padding:0 0 0 12px;
	float: left;
}
/*===============
TABS
================*/

ul.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 0;
}

#pagearea .maincontent ul.tabNavigation li {
	display: inline;
	background-image:none;
	padding:0;
	margin:0;
	font-size: 14px;
}

ul.tabNavigation li A {
	padding: 3px 5px;
	background-color: #e7e6e3;
	color: #417b57;
	text-decoration: none;
	margin: 0 3px 0 0;
	padding: 5px 10px 4px 10px;
	font-weight: normal;
	border: 1px solid #d9d6cf;
}
ul.tabNavigation li A.selected,  ul.tabNavigation li A:hover {
	background-color: #417b57;
	background-image:url(../../images/smbtn_bg.gif);
	color: #fff;
	padding: 5px 10px 4px 10px;
	border: 1px solid #3b7250;
}
ul.tabNavigation li A:focus {
	outline: 0;
}
div.tabs > div {
	padding: 20px 10px 10px 10px;
	margin-top: 4px;
	background:url(../../images/h1_bg.png) top left repeat-x;
}
div.tabs > div h3 {
	margin-top: 0;
}
#first {}
#second {}
#loginform {
    background:none repeat scroll 0 0 white;
    border:2px solid #3B7250;
    font-size:small;
    left:859px;
    padding:5px;
    position:absolute;
    width:230px;
    z-index:1000;
    top:46px;
    font-size:11px;
}
    #loginform #registerlink
    {
        text-align:center;
        font-size:9px;
        padding-bottom:2px;
    }
    #loginform #forgot 
    {
        text-align:right;
        font-size:9px;
    }
    #loginform .formlabel 
    {
        display:block;
        width:60px;
        float:left;
    }
    #loginform .formfield 
    {
        padding:1px;
    }


.PrintHeader {display:block; padding-bottom:30px}
