/* ----- GLOBAL & BODY ----- */

*{margin:0; padding:0}
body{color:#333; width:800px; background:#fff  repeat-x top left; font:normal 14px arial,helvetica,sans-serif; padding-bottom:20px;  }
.clear{clear:both; height:1px; text-overflow:none}
.clear{display:inline !ie}
.right{float:right}
.left{float:left}
.camelCase{text-transform:capitalize}

/* ----- PAGE STRUCTURE ----- */

body.clientdashboard #rightcol{padding-top:10px}
.twocol{background:#fff; _background:#fff; position: relative;}
#content{padding:10px 10px 25px 0px; position:relative; /* Give content layout to fix IE7 bug with 100% width tables  */zoom:1.0}
#leftcol{margin-right:155px; min-height:350px;   height:auto !important;   height:350px}
#rightcol{position:absolute; text-align:left; top:0px; right:0px; min-height:100%; width:150px; padding: 10px 5px 5px 10px; background-color:#F7FC87}

#rightcol h1{font-size:16px; padding:0px 0 3px 0; margin:0; color:#003366}
#rightcol a{color: #003366; FONT-VARIANT: small-caps; font-size:13px }
#rightcol a:hover{color: #003366; text-decoration: none; FONT-VARIANT: small-caps; font-size:13px}
#rightcol span{color: #003366; font-size:12px}

#rightcoladmin{position:absolute; text-align:left; top:0px; right:0px; min-height:100%; padding: 10px 5px 5px 10px; }
#rightcoladmin h1{font-size:16px; padding:0px 0 3px 0; margin:0; color:#003366}
#rightcoladmin a{color: #003366; FONT-VARIANT: small-caps;}
#rightcoladmin a:hover{color: #003366; text-decoration: none; FONT-VARIANT: small-caps;}
#rightcoladmin span{color: #003366; font-weight:bold}

#leftcol #homecontent{padding-left:20px; padding-right:20px; font-size:14px; line-height:16px}
#leftcol #news h2{height:30px; background-color:#003366; color: #F7FC87; padding-left:10px; margin-top:20px; margin-left:15px}
#leftcol #news a{color: #003366; text-decoration:none}
#leftcol #news a:hover{color: #003366;  text-decoration:underline }
#leftcol #news span{color: #333;}
#leftcol #news #newsstory{padding: 10px 10px 20px 30px}
#leftcol #content{padding-left:10px; padding-right:10px; padding-top:5px}
#leftcol #content h1{font-size:20px;  color: #003366;}

#leftcol #newsarticle h2{font-size:14px;  color: #003366; margin-bottom:8px}
#leftcol #newsarticle{padding:10px; border-width:1px; border-style:solid; border-color:#003366; margin-bottom:8px; margin-top:5px}

#leftcol #content #articlecontent{padding-left:10px; padding-top:10px}
/* ----- PAGE CASING ----- */

#case{ width:96%; margin:0px auto; }
#case .shadowHeader, #case .shadowHeader .c{ text-align:left}
#case .shadowBottomLeft .shadowMidLeft{ height:11px; _background-color:#003366}
#case .shadowBottomLeft .shadowMidLeft{ height:14px; _background-color:#003366}
#case .shadowHeader{ background-image:url("../img/bg/tl.png"); background-repeat:no-repeat; background-position:0px 0px; margin-right:14px; /* space for right corner */ _margin-right:0;  _background:none}
#case .shadowHeader .shadowMidLeft{ background-image:url("../img/bg/tr2.png"); background-repeat:no-repeat; background-position:right 0px; margin-right:-14px; /* pull right corner back over "empty"space (from above margin") */ _margin-right:0;  margin-left:14px;  _background:none;  _background-color:#003366}
#case .shadowWrap{ background:#003366; margin-right:6px; _margin-right:0}
#case .shadowWrap .shadowMidLeft{ background:transparent url("../img/bg/mr.png") repeat-y right 0px; margin-right:-6px; _margin-right:0; _background:none; _background-color:#003366}
#case .shadowWrap .shadowMidLeft .shadowMidContent{ margin:0px 8px 0px 4px; _margin:0; background:#003366; text-align:left}
#case .shadowBottomLeft{ background:transparent url("../img/bg/bl.png") no-repeat 0px 0px; margin-right:14px; _margin-right:0; _background:none}
#case .shadowBottomLeft .shadowMidLeft{ background:transparent url("../img/bg/br.png") no-repeat right 0px; margin-right:-14px; _background:none; _margin-right:0; _background-color:#003366}


/* ----- FORMS ----- */

input[type="text"], input[type="password"], textarea{padding:5px 4px; font:normal 12px arial,helvetica,sans-serif; border:1px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; _border:1px solid #ccc !important; _padding:none}
input:focus, textarea:focus{border:1px solid #ababab; outline:none}
input[type="radio"], input[type="checkbox"]{background:transparent !important; border:0 !important; width:16px !important}
input[type="image"]{border:0; padding:0}
input.searchField{font-size:11px; color:#b1b1b1; width:110px}
input.searchFieldOn{color:#5f5f5f}
select{font:normal 12px arial,helvetica,sans-serif; padding:2px}
select option{padding-right:8px}
.formBG{background:#f4f4f4; -moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px; padding:4px 0; margin-top:-5px; /* Give content layout to fix IE7 bug with 100% width tables  */zoom:1.0}
.formBGCSS{background:#f4f4f4; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; padding:18px 0 5px 0; /* Give content layout to fix IE7 bug with 100% width tables  */zoom:1.0}
.formWrapper{padding:2px 15px}
.formWrapperRadios{padding:2px 15px 15px 15px}
.formWrapperExtraPad{padding:15px}
.formDescription{background:#e4e4e4; padding:10px 8px; font-size:11px; line-height:15px; margin-bottom:15px}
.formContainer{margin:5px 0 15px 0; background:#e4e4e4; padding:3px; line-height:1.2; /* Give content layout to fix IE7 bug with 100% width tables  */zoom:1.0}
.formContainer2{margin:5px 0 15px 0; background:#e4e4e4; padding:3px; line-height:1.2; /* Give content layout to fix IE7 bug with 100% width tables  */zoom:1.0}
.formContainerGa{margin:5px 0 6px 0; background:#e4e4e4; padding:3px; line-height:1.2; /* Give content layout to fix IE7 bug with 100% width tables  */zoom:1.0}
.formContainer div.clearfix{padding:4px}
.formContainer div.clearfixError{padding:4px}
.formContainerDark{background:#d3d3d3}
input[type="text"].clearfixError, textarea.clearfixError, input[type="password"].clearfixError{padding:5px 4px; border:1px solid #f77171; margin:0}
.clearfixError textarea.full{width:90%}
.clearfixError img{border:none}
.clearfixError label{color:#c00; padding:4px 0 0 2px}
select.errorSelect{background:#f7bbbb}
.formContainer label{width:100px; float:left; font-size:11px; padding:7px 0 0 0}
.formContainer label.file{width:100px; float:left; font-size:11px; padding:3px 0 0 0}
.formContainer label.top{float:none; font-size:11px; padding:4px 0 0 5px}
.formContainer label.wide, .lastFormContainer label.wide{width:150px}
.formContainer label.thin, .lastFormContainer label.thin{width:50px}
div.radioInset{padding:5px 0 0 100px}
.formContainer div.radioInset label{float:none}
.formContainer td.last, .formContainer th.last, .formContainer th#last1, .formContainer td#last2{border:none}
th#last1, td#last2{background:#fff5ca; color:#646259; padding:8px 0}
span.fieldTip{font-size:11px; color:#999; padding-left:5px}
.radioContainer{margin:5px 0 10px 0; padding:5px; background:#e4e4e4; /* Give content layout to fix IE7 bug with 100% width tables  */zoom:1.0}
.radioConfirm{margin:10px 0 10px 0 !important; padding-top: 15px;}
.radioContainerPad{padding:5px}
.radioContainer input.top{margin:12px 5px 5px 8px}
.radioContainer input.top2{margin:0 5px 0 8px}
input.notNested{margin-left:5px}
.radioContainer label{font-size:11px; padding-left:2px}
.radioContainer label.big{font-size:12px; font-weight:bold}
#gaSwitch, #clientAccessSwitch, #checkboxSwitch{padding:10px; /* Give content layout to fix IE7 bug with 100% width tables  */zoom:1.0}
label.bigPad{font-size:12px; font-weight:bold; padding:0 0 0 10px; *padding:0 0 0 4px}
.radioContainer img{margin-top:-2px}
.radioSelected{background:#999; color:#fff; margin-bottom:0}
.confirmCase{margin:5px 0 10px 0; background:#e4e4e4; padding:15px 15px 10px 15px; line-height:1.2}
.confirmCase p{font-size:12px; padding:4px 0 5px 20px}
.accessSettings, .nestedFormCase{/* Give content layout to fix IE7 bug with 100% width tables  */zoom:1.0}
.accessFeature{margin-bottom:5px; padding:8px 5px 0 8px}
.accessFeature label{font-weight:bold; padding-left:5px}
.accessFeature p{padding-top:4px; font-size:11px; line-height:14px}
.nestedForm{background:#ccc}
.nestedFormCase{/* Give content layout to fix IE7 bug with 100% width tables  */zoom:1.0}
.nestedFormCase label{font-weight:bold; padding-left:4px; font-size:12px}
.nestedFormCase label.small{font-weight:normal; padding-left:0; font-size:11px}
.nestedFormCase p{padding-bottom:10px; font-size:11px; line-height:14px}
.subscribersFeature{background:#e1e0e0}
.nestedFooter{background:url("../img/bg/nested-form-footer.gif") repeat-x; height:17px; margin-bottom:10px}
.formContainer .inlineFormExp{font-size:11px; padding:5px; color:#666}
.formContainer .inlineFormExp span{color:#363636}
.formContainer .inlineFormRadio{padding:2px 0 0 10px}
.formContainer .inlineFormRadio label{float:none; font-size:12px; padding-left:2px}



body#admin #adminWrap, body#admin #dashboard {
	background: none;
}
#case .shadowHeader, #case .shadowHeader .shadowMidLeft {
	background-color:#003366;
}

#header {
	width:100%;
	font-size:12px;
	line-height:normal;
	text-align: left;
}
#header h1 {
	color: #F7FC87;
	font: bold 24px arial, helvetica, sans-serif;
	padding: 20px 0 22px 5px;
	line-height: 26px;
	text-shadow: none;
}



#header h1 a {
	color: #F7FC87;
	text-decoration: none;
}


#header {
	width:100%;
	font-size:12px;
	line-height:normal;
	text-align: left;
}
#header h1 {
	color: #000;
	font: bold 24px arial, helvetica, sans-serif;
	padding: 20px 0 22px 5px;
	line-height: 26px;
	text-shadow: none;
}



#primaryNavs {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 7px 0px; 
}
#primaryNavs ul {
	margin:0;
	list-style:none;
}
#primaryNavs li {
	display:inline;
	margin:0;
	padding:5px;
	TEXT-ALIGN: center;
	font-size: 13px;
    FONT-VARIANT: small-caps;
    BACKGROUND-COLOR: #003366;
    COLOR: #F7FC87;
}

#primaryNavs a 
{
    COLOR: #F7FC87;
}

#primaryNavs li a:hover {
	display:inline;
	margin:0;
	TEXT-ALIGN: center;
    FONT-VARIANT: small-caps;
    text-decoration: none
    
}

#footer  
{
   TEXT-ALIGN: center;
   font-size:xx-small
}

a{color: #003366; FONT-VARIANT: small-caps;}
a:hover{color: #003366; text-decoration: none; FONT-VARIANT: small-caps;}
p{margin-bottom:10px}
h1{font-size:14px;  color: #003366; margin-bottom:8px}


/* ----- ALERTS ----- */
#success{background:#e1ffd1 url("../img/icons/alert-success.gif") no-repeat 11px 12px; border-top:1px solid #c5f8ac; border-bottom:1px solid #c5f8ac; margin:0 0 20px 0; padding:10px 10px 10px 35px}
#success h3{color:#468d3f; font-size:14px; font-weight:normal; margin:0; padding:0}
#failure{background:#ffd1d1 url("../img/icons/alert-failure.gif") no-repeat 13px 11px; border-top:1px solid #f8acac; border-bottom:1px solid #f8acac; margin:0; padding:10px 10px 10px 35px}
#failure h3{color:#8d3f3f; font-size:14px; font-weight:normal; margin:0; padding:0}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#primaryNavs a span {float:none;}
/* End IE5-Mac hack */