body{ background:#fff url(/assets/img/bg-top.gif) repeat-x; font-family:"lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif; font-size:12px; }
body.home{ background:#f8f7f3 url(/assets/img/bg-top-gray.gif) repeat-x; color:#333333; font-family:Verdana,Arial,Helvetica,sans-serif;}
body.subpage{ background:#fff url(/assets/img/bg-top.gif) repeat-x; color:#333333; font-family:Verdana,Arial,Helvetica,sans-serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote, .p {padding:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;  font-weight:normal; font-style: normal; color:#AE0345;}
h2, .h2{font-size:14px; font-weight:bold; font-style: normal; color:#065fa4; padding:0;}
h3, .h3{font-size:12px; font-weight:bold; font-style: normal; color:#065fa4; padding:0;}
h4, .h4{font-size:11px; font-weight:bold; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}

.subpage h3, .subpage .h3 {font-size:12px; font-weight:bold; font-style: normal; color:#477184; margin-bottom:5px; padding:0;}
.panel p, .panel ul {padding:0 0 15px;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
.messaging {font-size:108%; font-weight:bold;}
/* links */
a { color: #1F75CC; text-decoration: none }
a:focus, a:hover { text-decoration: underline }
a:visited { color:#1F75CC; }
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
ul.messageList {padding-top:0;}
ul.messageList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */

/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either 
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/

.clear { clear:both; }
:focus, a:hover, a:active { outline:none; }

#logo { border:0; float:left; height:56px; width:165px; }
#header .links { float:right; }
#header .welcome { float:left; font-size:11px; font-weight:bold; padding:7px 0 0; }
.icon-list-top { float:left; margin-left:10px; padding:7px 0 0; }
.icon-horizontal { float:left; font-size:11px; margin-left:5px; padding:0 5px 0 15px; }
.icon { background-color:Transparent; background-repeat:no-repeat; background-position:left center; font-size:11px; margin-left:5px; padding:0 5px 0 22px; }
.icon-wrench { background:transparent url(/assets/img/icon-wrench.png) no-repeat; }
.icon-door { background:transparent url(/assets/img/icon-door.png) no-repeat; }
.icon-add { background-image:url(/assets/img/icon-add.png); }
.icon-document-excel { background-image:url(/assets/img/icon-document-excel.png); }
.icon-edit { background-image:url(/assets/img/icon-edit.png); }
.icon-submit { background-image:url(/assets/img/icon-submit.png); }
.icon-accept { background-image:url(/assets/img/icon-accept.png); }
.icon-chart-line { background-image:url(/assets/img/icon-chart-line.png); }
.icon-chart-pie { background-image:url(/assets/img/icon-chart-pie.png); }
.icon-table { background-image:url(/assets/img/icon-table.png); }
.icon-email { background:transparent url(/assets/img/icon-email.png) no-repeat; }
.icon-phone { background:transparent url(/assets/img/icon-phone.png) no-repeat; }
.icon-fax { background:transparent url(/assets/img/icon-fax.gif) no-repeat; }

#company-name { overflow:hidden; white-space:nowrap; width:555px; }
#company-info { position:relative; width:780px; }
#company-info-wrapper { margin-left:170px; margin-top:-18px; }
#company-info-sub-wrapper { border-bottom:solid 1px #AECEEF; margin:10px; padding-bottom:10px; }
#company-logo { position:absolute; height:69px; right:0; top:0; }
#company-address { float:left; line-height:17px; padding:1px 0 0; width:290px; }
#company-contact { float:left; line-height:17px; padding:0; width:270px; }

#community-address { line-height:17px; padding:1px 0 0; }

#main-tabs { margin:10px 0 0 5px; padding-bottom:0; }
.btn { background:transparent url(/assets/img/bg-tabs.png) no-repeat 0 -70px; float:left; margin:5px 2px 0; padding:0 0 0 6px; }
.btn a, .btn a:visited { background:transparent url(/assets/img/bg-tabs.png) repeat-x 0 -105px; color:#fff; float:left; font-size:14px; font-weight:bold; height:33px; line-height:35px; padding:2px 0 0; text-decoration:none; }
.btn a:hover { text-decoration:underline; }
.btn b { background:transparent url(/assets/img/bg-tabs.png) no-repeat -6px -70px; float:left; height:35px; width:6px; }

.btn-active { background-position:0 0; }
.btn-active a, .btn-active a:visited { background-position:0 -35px; height:35px; padding:0; }
.btn-active b { background-position:-6px 0; }

#content-wrapper { background:transparent url(/assets/img/bg-content.gif) repeat-y 0 0; margin-bottom:15px; _margin-top:-2px; width:936px; }
#content-wrapper .top-border { background:transparent url(/assets/img/bg-content.png) no-repeat 0 0; height:8px; left:0; top:0; }
#content-wrapper .bottom-border { background:transparent url(/assets/img/bg-content.png) no-repeat 0 -8px; bottom:0; height:4px; left:0; }

#content, .content { margin:5px 20px 10px; }

.toolbox { *margin:0 0 10px; padding:0; }
.toolbox li { float:left; margin:10px 4px 10px 0; padding:0; }
.toolbox a { background-color:#fafcff; border:solid 1px #aeceef; display:block; font-size:11px; padding:2px 3px; }
.toolbox span { display:block; font-size:11px; padding:3px 5px 3px 20px; }
.toolbox a:hover { background-color:#fafcff; border:solid 1px #aeceef;}

table { background-color:#fff; border-collapse:collapse; font-family: Arial, Helvetica, verdana sans-serif; font-size:11px; width:100%; }
thead th { background-color:#a3c159; border-right:1px solid #fff; color:#fff; font-weight:normal; height:25px; padding:2px; text-align:center; text-transform:uppercase; }
/*thead th { background-color:#348dd3; border-right:1px solid #fff; color:#fff; font-weight:normal; height:25px; padding:2px; text-align:center; text-transform:uppercase; }*/
tfoot { border-top:6px solid #e9f7f6; color:#1ba6b2; font-size:1.2em;  font-weight:bold; margin-top:6px; padding:2px; text-transform:uppercase; }
tbody tr { background-color:#fff; border-bottom:1px solid #f0f0f0; }
tbody tr.last { border-bottom:none; }
tbody td { color:#414141; padding:5px; text-align:left; }
tbody th { padding:2px; text-align:left; }


/* BUTTONS */
.buttons { clear:both; margin:10px auto; width:172px; }
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
    display:inline;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, .buttons a.negative:visited, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.rounded-5px { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.rounded-5px h3 { padding:10px; }
.rounded-5px h4 { border-bottom:solid 1px #cfd4d7; border-top:solid 1px #cfd4d7; margin:5px 10px 0; padding:2px 0; text-align:center; }
.form { background: #f4fAff; border:solid 1px #e2e5e7; margin:10px auto 0; width:547px; _width:550px; }
form { }
form p {}
form label { display:block; float:left; width:200px; }
input, select, textarea { border:solid 1px #cfd4d7; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size:11px; padding:3px; width:300px; }
.input-xsm { width:60px; }
.input-sm { width:100px; }
.input-md { width:200px; }
select { width:308px; }
select.input-sm { width:108px; }
select.input-md { width:208px; }
.checkbox { border:none; width:auto; }
form .msg-icon { display:inline; vertical-align:top; }
textarea { height:45px; max-height:200px; }
.auto-width { width:auto; }

/* Remove the outline around the inputs in Chrome & Safari */
input, textarea { outline:none; }

/* Disable the textarea resize grip in Chrome & Safari */
textarea { resize:none; }

/* Hide disabled scrollbars in IE */
html { overflow:auto; }


/* simple css-based tooltip */
div.tooltip { background-color:#f00; border:1px solid #fff; padding:10px 15px; display:none; color:#fff; text-align:left; font-size:12px; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; }


.field-validation-error {display: none;}

.txtC {text-align:center;}
.txtL {text-align:left;}
.txtR {text-align:right;}
.txtT {vertical-align:top;}
.txtB {vertical-align:bottom;}
.txtM {vertical-align:middle;}

#pagination { padding-left:300px; white-space:nowrap; }
#pagination .disabled { color:#c0c0c0; }


.horizontal-option-list { margin-left:7px; }
.horizontal-option-list .option { float:left; text-align:center; width:auto; }
.horizontal-option-list .option label { display:inline; float:none; width:auto; }
.horizontal-option-list .option input { float:none; width:auto; }


.home .content-main .hentry-first {
margin-right:0;
}
.home .content-main .hentry {
float:left;
margin-right:20px;
position:relative;
width:240px;
}

.home .content-main .hentry-last {
float:right;
margin-right:0;
}

.home .content-main .hentry img {
margin-bottom:1.5em;
}

.home .content-main .hentry h4 {
font-size:17px;
font-weight:normal;
margin:0 0 15px 60px;
line-height:18px;
}
.home .content-main .hentry p {
margin-left:60px;
line-height:19px;
height:210px;
overflow:hidden;
}
.home .action a, .home .content-main .hentry .published {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
.home .content-main .hentry .published {
-x-system-font:none;
background-color:#4E7C92;
color:#FFFFFF;
display:block;
font-family:Helvetica,Arial,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
left:0;
line-height:normal;
padding:5px 10px;
position:absolute;
text-align:center;
text-transform:uppercase;
top:260px;
width:20px;
_width:15px;
}

.home .content-main .hentry .day {
font-size:20px;
}

.home a:hover, .home a:active, .home a:focus {
color:#477184;
text-decoration:underline;
}
.home a, .home a:visited {
color:#477184;
}
.home a {
text-decoration:none;
}

.home .content-sub {
float:right;
width:340px;
}

.home #nav-tools fieldset, .home #nav-main, .home #nav-sub, .home .content-sub blockquote, .panel, .home .social-icon-list {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
.panel {
background-color:#F8F7F3;
border:1px solid #BFBFBF;
margin-bottom:1.5em;
padding:20px;
}

.home #nav-sub {
margin-right:0;
padding:20px;
}

.home .siteinfo {
background-color:#4E7C92;
padding-top:10px;
}
.home #siteinfo {
margin:0 auto;
height:90px;
overflow:hidden;
padding:0 0 15px;
position:relative;
width:940px;
}
.home #siteinfo p {
left:0;
top:10px;
width:330px;
padding:0;
}
.home #siteinfo p, .home #siteinfo ul, .home #siteinfo .vcard {
position:absolute;
}
.home #siteinfo p, .home #siteinfo ul, .home #siteinfo .vcard {
color:#AEC9D6;
}
.home #siteinfo a {
color:#FFFFFF;
}
.home #siteinfo a:hover {
 text-decoration:underline;
}
.home #siteinfo #affiliates {
left:0;
top:10px;
padding:0;
width:300px;
text-align:left;
}
.home #siteinfo p, .home #siteinfo ul, .home #siteinfo .vcard, .home #affiliates, .home #siteinfo .address {
position:absolute;
}
.home #siteinfo p, .home #siteinfo ul, .home #siteinfo .vcard, .home #affiliates, .home #siteinfo .address {
color:#AEC9D6;
}
.home #siteinfo #affiliates ul {
padding:10px 0 0;
}
.home #siteinfo #affiliates li {
 list-style-type:disc;
 margin-left:20px;
}

.home #siteinfo .address {
left:400px;
text-align:left;
top:10px;
}

.home #siteinfo .vcard {
left:700px;
text-align:left;
top:10px;
}


.home .social-icon-list { background-color:#F8F7F3; border:1px solid #BFBFBF; bottom:18px; height:50px; left:0; position:absolute; width:538px; }
.home .social-icon-list ul { margin-left:225px; }
.home .social-icon-list li { float:left; margin-left:10px; }
.home .social-icon a { background:transparent url(/assets/img/logo-social.png) no-repeat 0 0; display:block; height:30px; }
.home .social-icon span { display:none; }
.home .social-icon-linkedin { width:79px; }
.home .social-icon-linkedin a { background-position:0 0; }
.home .social-icon-linkedin a:hover { background-position:0 -30px; }
.home .social-icon-facebook { width:88px; }
.home .social-icon-facebook a { background-position:-79px 0; }
.home .social-icon-facebook a:hover { background-position:-79px -30px; }
.home .social-icon-twitter { width:90px; }
.home .social-icon-twitter a { background-position:-167px 0; }
.home .social-icon-twitter a:hover { background-position:-167px -30px; }





tr.disabled {}
tr .text { background-color:#ffffcc; }
tr.submitted td, tr.submitted .text, tr.submitted a { background-color:#e5efd1; color:#769134; }
tr.disabled td, tr.disabled .text { background-color:#efefef; color:#c0c0c0; }
tr.disabled a { background-color:#efefef; color:#333333; }

.legend table { border-collapse:separate; width:auto; }

/* the overlayed element */ 
.apple_overlay { 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* growing background image */ 
    background-image:url(/assets/img/white.png); 
     
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:800px;         
     
    /* some padding to layout nested elements nicely  */ 
    padding:35px; 
 
    /* a little styling */     
    font-size:11px;
    
    _background-image:url(/assets/img/overlay_IE6.gif); 
    _color:#fff; 
} 

/* default close button positioned on upper right corner */ 
.apple_overlay div.close { 
    background-image:url(/assets/img/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
    _background-image:url(/assets/img/overlay_close_IE6.gif); 
}

.wysiwyg {}
.wysiwyg ul { margin-left:20px; }
.wysiwyg li { list-style-type:disc; }
.wysiwyg p { padding:10px 0; }

ul.common { padding-top:0; }
ul.common li { list-style-type:disc; margin-bottom:5px; margin-left:25px; }
ul.common li.first {}
ul.common li.last { margin-bottom:0; }

.site-navigation { width:160px; }
.site-navigation ul { padding:0; }
.site-navigation li { margin-bottom:10px; }
.site-navigation li.first {}
.site-navigation li.last { margin-bottom:0; }
.site-navigation li li { margin-bottom:0; padding-left:10px; }

.main-panel-content { padding-bottom:5px;}
.main-panel-content li { padding-left:10px; }

.main-header { background-position:right top; background-repeat:no-repeat; }
.main-header-1 { background-image:url(/assets/img/header-1.jpg); }
.main-header-2 { background-image:url(/assets/img/header-2.jpg); }
.main-header-3 { background-image:url(/assets/img/header-3.jpg); }
.main-header-4 { background-image:url(/assets/img/header-4.jpg); }
.main-header-5 { background-image:url(/assets/img/header-5.jpg); }
.main-header-6 { background-image:url(/assets/img/header-6.jpg); }
.main-header-7 { background-image:url(/assets/img/header-7.jpg); }
.main-header-8 { background-image:url(/assets/img/header-8.jpg); }
.main-header-9 { background-image:url(/assets/img/header-9.jpg); }
.main-header-10 { background-image:url(/assets/img/header-10.jpg); }

.icon-list-top-public { font-weight:bold; height:27px; padding:0; }
.icon-list-top-public li { border-left:solid 1px #477184; float:left; }
.icon-list-top-public a { display:block; height:21px; padding:6px 8px 0; }
.login-button a { background-color:#477184; color:#fff; }
.login-button a:visited, .login-button a:hover, .login-button a:active { color:#fff; }

.enroll-button a { background-color:#4a8c17; color:#fff; }
.enroll-button a:visited, .enroll-button a:hover, .enroll-button a:active { color:#fff; }

.validation-summary-errors { color:#ff0000; }