﻿/* ____________________ STANDARD ELEMENTS ___________________ */
body { font-family:Arial; font-size:12px; color:#333333; margin:0; padding:0; background-color:#e6e6e3; }
hr { height:1px; border-top-width:0; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#97b3ca; border-right-width:0; border-left-width:0; border-top-color:#FFFFFF; border-right-color:#FFFFFF; border-left-color:#FFFFFF; }
strong { color:#000000; }

 a { text-decoration:none; color:#566b98;  }
 a:hover { text-decoration:underline; }




h3 {margin-bottom:5px;}
#wrapper { width:950px; margin-right:auto; margin-left:auto; background-color:#ffffff; margin-top:0; padding-top:0; padding-bottom:24px; }

/* ____________________ UNDERLINED LINK TO CALLOUT BOX ___________________ */
a.popup { color:#28508c; text-decoration:none; border-bottom:#96B1C9; border-bottom-style:dashed; border-bottom-width:thin; }

/* ____________________ CALLOUT BOX ___________________ */
.calloutBox h3 { font-size:12px; font-weight:bold; margin:0 0 4px; padding:0; }
.calloutBox p { font-size:12px; margin:0; padding:0; }

/* ____________________ TOP NAV ___________________ */
#topBar { width:950px; margin:0; padding:0; border-top-width:1px; border-top-style:solid; border-top-color:#692400; background-color:#692400; height:9px; display:block; }
#topNav { padding-top:20px; padding-bottom:20px;margin-right:8px; }
#topNav h1 { float:left; height:48px; width:198px; background-color:transparent; background-image:url(../images/logo_index.gif); background-repeat:no-repeat; background-position:0 0; text-indent:-999px; margin-top:0; margin-right:0; margin-bottom:34px; margin-left:10px; }
#topNav ul { float:right; margin-right:12px; margin-top:15px; }
#topNav li { display:inline; list-style-type:none; padding-right:9px; }
#topNav li { color:#dddddd; font-weight:normal; font-size:14px; }
#topNav li a { text-decoration:none; color:#566b98; font-size:18px; margin-top:0; }
#topNav li a:hover { text-decoration:none; color:#692400; }
#topNav li.active a { text-decoration:none; color:#692400; }

/* ____________________ TOP PROGRESS BAR ___________________ */
#progressNav { width:856px; margin-left:68px; background-image:url(../images/progressnav_bg.gif); background-repeat:no-repeat; background-position:top right; height:30px; margin-bottom:5px; }
#progressNav table,#progressNav td { padding:0; margin:0; }
#progressNav td { vertical-align:middle; color:#788caa; font-weight:bold; }
#progressNav td div { padding:0 7px; text-decoration:none; }
/* ADDED   */
#progressNav td div.end { padding:0 7px; text-decoration:none; padding-right:15px;}


#progressNav td span.innerActive { font-size:11px; padding:0; }
#progressNav td.active { background-color:#B9CDE1; color:#000000; font-weight:bold; }
#progressNav td span.inner { font-size:11px; color:#788caa; }
#progressNav td span.innerActive { font-size:11px; }

/* ____________________ MAIN INNER BOX AND FOOTER BOX___________________ */
.innerBox { width:830px; background-color:#E1EBF0; border-top-color:#97b3ca; border-top-style:solid; border-top-width:thin; margin-left:68px; padding-top:12px; padding-left:13px; padding-right:13px; padding-bottom:20px; margin-bottom:5px; }
.innerBox.lessPadding { padding-bottom:5px; }
.innerBox.top hr.bottom { margin-bottom:0; }
.lowerBox { width:833px; background-color:#c5d8e6; border-top-color:#97b3ca; border-top-style:solid; border-top-width:thin; margin-left:68px; padding-top:12px; padding-left:10px; padding-right:13px; 
/* padding-bottom:12px; */
}
.lowerBox .buttonPadding { padding-bottom:12px; }
.lowerBox input.next {width:77px; height:24px; background-image:url(../images/btn_next.gif); background-repeat:no-repeat; float:right; margin-right:5px; margin-bottom:0;border:0px;cursor:pointer; }

.lowerBox .next { display:block; width:77px; height:24px; background-image:url(../images/btn_next.gif); background-repeat:no-repeat; text-indent:-9922px; float:right; margin-right:5px; margin-bottom:0; }
.lowerBox .back { display:block; width:75px; height:24px; background-image:url(../images/btn_back_index.gif); background-repeat:no-repeat; text-indent:-9922px; float:right; margin-right:16px; margin-bottom:0; }
.innerBox h1 { font-size:20px; color:#663300; font-weight:normal; margin:0; padding:0; }
.innerBox h2 { font-size:16px; color:#000000; font-weight:normal; margin:0 0 10px; padding:0; }

/*  scrolling boxes for checkbox lists */
.scrollfieldLeft { width:340px; float:left; margin-right:35px; margin-left:20px; }
.scrollfieldRight { width:340px; float:left; margin-left:20px; }
.scrollfieldTitle { float:left; font-weight:bold; width:80px; text-align:right; margin-right:10px; display:inline; }
.scrollfieldField { float:left; width:239px; height:106px; overflow:auto; background-color:white; border-left:gray; border-left-style:solid; border-left-width:thin; border-top:gray; border-top-style:solid; border-top-width:thin; display:inline; }
.scrollfieldField.inColumn { margin-bottom:20px; }

/* when many are contained in a column  */
.scrollfieldField.inColumn.short { height:50px; }
.checkField { float:left; width:137px; overflow:auto; background-color:white; border-left:gray; border-left-style:solid; border-left-width:thin; border-top:gray; border-top-style:solid; border-top-width:thin; display:inline; padding:5px; margin-bottom:18px; }
.scrollfieldField ul,.checkField ul { margin:0; padding:0; margin-left:0; list-style-type:none; }
.scrollfieldField li,.checkField li { list-style-type:none; margin-bottom:2px; }
.checkField li h4 { margin:0; font-weight:normal; padding-left:5px; }
.scrollfieldField hr { border-bottom-style:solid; margin:5px; border-bottom-color:#cccccc; }

/* TABLES */
.inputForm table { margin-left:40px; margin-bottom:14px; margin-top:0; }
.inputForm th,.inputForm td { vertical-align:top; padding:4px 4px 0; line-height:18px; }
.inputForm th { font-weight:bold; text-align:right; }

/* ADDED  */
.uploadForm table { margin-left:40px; margin-bottom:14px; margin-top:0; }
.uploadForm th,.uploadForm td {  padding:4px 4px 0; line-height:18px; }
.uploadForm th { font-weight:bold; text-align:right; vertical-align:top; padding-top:6px;}


.tip.narrow { width:650px; }
.tip.narrowInner { width:650px; margin-bottom:5px; }

/* for when tip with within box content and needs space below */
.tip.narrowTop { width:650px; margin-bottom:5px; margin-top:10px; }

/* for when tip with is at top of box */
.clearFloats { clear:both; }

.radioButtons table { margin-left:50px; margin-bottom:20px; margin-top:10px; }
.radioMargin {margin-top:15px;}
.radioButtons.goal { margin-left:0; }
.goalInput { margin-top:10px; }
.radioButtons.budget { margin-left:0; }
.radioButtons.budget img { margin:0 0 0 5px; }
.radioButtons.timing { margin-left:0; }
.radioButtons.timing img { margin:0; }
.radioButtons.refill { margin-left:120px; }
.radioButtons th,.radioButtons td { vertical-align:middle; padding:0px 0px 0px 0px; line-height:18px; }
.radioButtons.budget th,.radioButtons.budget td { vertical-align:top; padding:2px; line-height:18px; }
.radioButtons.createAccount {margin:10px 0;}
.radioButtons.createAccount th,.radioButtons.createAccount td { vertical-align:top; padding:2px; line-height:18px; }
.radioButtons.createAccount h4 {margin:0px;font-size:12px;margin-bottom:0px;}





.radioButtons.timing th,.radioButtons.timing td { vertical-align:top; padding:2px; line-height:18px; }
.radioButtons.goal th,.radioButtons.goal td { vertical-align:top; padding:4px; line-height:18px; }
.radioButtons th { font-weight:bold; text-align:left; }
.tableRowSpace { height:1px; }

/* ____________________ LISTS AND COLLAPSEABLE AREAS ____________________ */
li { color:#333333; }
.selectionList li { list-style-type:none; margin-bottom:5px; }
.selectionListSelected { list-style-type:circle; }
.selectionListCheckBlock { width:120px; float:left; margin-right:15px; }
.toggleBoxWrapper { }
.toggleBoxWrapper li { list-style-type:none; margin:0; padding:0; }
.autoTargetHidden { display:none; padding:5px; }
.advancedTargetHidden { display:none; padding:5px; margin-left:10px; }
.autoTargetListRight a { color:#666666; }
.autoTargetListRight { background-image:url(../images/arrow_right.gif); background-repeat:no-repeat; background-position:left; padding-left:12px; color:#666666; ddisplay:block; }
.autoTargetListDown { background-image:url(../images/arrow_down.gif); background-repeat:no-repeat; background-position:left; padding-left:12px; color:#666666; }
.regionHidden { display:none; }
.regionHidden ul { margin:0; padding:0; margin-left:15px; list-style-type:none; }
.regionHidden li { margin:0; padding:0; list-style-type:none; }
.regionClosed { background-image:url(../images/toggle_open.gif); background-repeat:no-repeat; background-position:left; padding-left:16px; color:#333333; margin-left:5px; }
.regionClosed a { margin-top:20px; }
.regionOpen { background-image:url(../images/toggle_close.gif); background-repeat:no-repeat; background-position:left; padding-left:16px; margin-left:5px; color:#333333; }

/* ____________________ PAGE SPECIFIC ____________________   */
.demographic-filter { float:left; margin-left:116px; margin-right:10px; width:246px; display:inline; }
.budget-left { width:160px; float:left; text-align:right; margin-right:5px; padding-top:4px; margin-top:5px; }
.budget-right { width:230px; float:left; margin-top:5px; }

/* ____________________ MISC ____________________   */
.smallText { font-size:11px; }
.formIndent { margin-left:20px; margin-top:10px; }

/* ADDED */
.formIndent.marginBelow {margin-bottom: 5px;}

.validationMessage { background-image:url(../images/arrow_validation.gif); background-repeat:no-repeat; font-weight:bold; padding-left:20px; font-size:12px; color:#000000; }

/* modified */
.tip { background-color:#f9fafd; border-top-color:#e1d413; border-top-style:solid; border-top-width:thin; background-image:url(../images/circle_exclamation.gif); background-repeat:no-repeat; background-position:6px 6px; border-bottom-color:#e1d413; border-bottom-style:solid; border-bottom-width:thin; padding-left:27px; padding-top:6px; padding-bottom:6px; font-size:12px;padding-right:20px; margin-top:10px;}
.security-code { border-left:gray; border-left-style:solid; border-left-width:thin; border-top:gray; border-top-style:solid; border-top-width:thin; }

/* ____________________ FOOTER ____________________ */



#footerBar { font-family:Arial, Helvetica, sans-serif; background-image:url(../images/bg_footer.gif); height:40px; width:950px; margin-top:26px; font-size:11px; color:#999999; margin:0 auto; }
#footerBar a { text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#345991; font-size:12px; }
.footerLinks { float:left; margin-top:15px; margin-left:16px; }
.footerCopyright { float:right; margin-top:15px; margin-right:16px; }

/* END MODIFIED */


.scrollfieldWrapper { width:355px; float:left; margin-right:30px; margin-left:20px; margin-top:10px; margin:bottom:0px; display:inline; }
.innerBox.top { padding-bottom:12px; }


.error { background-color:#fdfded; border-top-color:#e1d413; border-top-style:solid; border-top-width:thin; border-bottom-color:#e1d413; border-bottom-style:solid; border-bottom-width:thin; padding-bottom:5px; font-size:12px; }



.error.top { margin-top:15px; }



.errorMessage { background-image:url(../images/circle_exclamation_red.gif); background-repeat:no-repeat; background-position:6px 1px; padding-top:1px; padding-bottom:2px; margin-bottom:3px; padding-left:27px; }



.error p { padding-left:8px; font-weight:bold; margin:10px 0 8px 0; }
.errorCircle { width:14px; margin-left:8px; float:left; }


/* for existing user pages */


#existingUser #topBar,#existingUser #wrapper,#existingUser #footerBar { width:1030px; }
#existingUser #wrapper { padding-bottom:10px; }
#existingUser #topNav {margin-left:15px;}
#existingUser #topNav ul { float:right; margin-right:14px; margin-top:15px; }
#existingUser .innerBox { margin-left:56px; }
#existingUser .lowerBox { margin-left:56px; }
#innerFrameExistingUser { width:984px; background-color:#ebebe8; margin-left:23px; padding-top:10px; padding-bottom:32px;margin-bottom:10px; }
#innerContentExistingUser { width:962px; background-color:#ffffff; margin-left:11px; padding-top:25px; padding-bottom:58px; }
#topProgressExisting { width:962px; background-color:#f5f5f2; margin-left:11px; padding-top:5px; padding-bottom:5px; margin-bottom:10px; }
#topProgressExisting p { margin:3px 20px; }
#topTitleExisting { height:26px; width:962px; margin-left:10px; margin-top:10px; border-bottom:solid; border-bottom-color:#c8c8c8; border-bottom-width:1px; }
#topTitleExisting h1 { margin:0; padding:5px 10px; background-color:#c8c8c8; font-size:18px; font-weight:bold; display:inline; }
#topNavExisting { margin-left:40px; color:#28508c; font-size:12px; float:left; display:inline; }
#topNavExisting td { padding:5px 8px; }
#topNavExisting td.active { background-color:#f5f5f2; }

#topNavExisting a { color:#28508c; text-decoration:none; font-size:13px; margin-left:0; }
#progressNav.existingUser { margin:0 0 10px 11px; padding:9px 0; background-color:#f5f5f2; width:962px; height:auto; }
#progressNav.existingUser table { margin-left:10px; }
#progressNav.existingUser td span.inner { font-size:11px; color:#70706f; font-weight:normal; }
#progressNav.existingUser td span.active { color:#000000; }
#progressNav.existingUser td span.activeInner { color:#000000; font-size:11px; }
#progressNav.existingUser td div { padding:0 10px; text-decoration:none; }
#progressNav.existingUser { background-image:none; }
#progressNav.existingUser td { font-weight:normal; color:#70706f; }
#progressNav.existingUser td.active { font-weight:normal; color:#70706f; }
.questionExisting { float:right; margin-right:10px; padding-top:3px; display:inline; }
.questionExisting img { border:0; }


/*   ADBUILDER PAGE STYLES */


#adbuilder #wrapper { width:1005px; margin-right:auto; margin-left:auto; background-color:#ffffff; margin-top:0; padding-top:0; padding-bottom:24px; }

#adbuilder #topBar { width:1005px; margin:0; padding:0; border-top-width:1px; border-top-style:solid; border-top-color:#692400; background-color:#692400; height:9px; display:block; }

#adbuilder #progressNav { width:985px; margin-left:10px; background-image:url(../images/progressnav_bg.gif); background-repeat:no-repeat; background-position:top right; height:30px; margin-bottom:5px; }

#adbuilder .lowerBox { width:960px; background-color:#c5d8e6; border-top-color:#97b3ca; border-top-style:solid; border-top-width:thin; margin-left:12px; padding-top:12px; padding-left:10px; padding-right:13px; 

}

#adbuilder #footerBar { font-family:Arial, Helvetica, sans-serif; background-image:url(../images/bg_footer.gif); height:40px; width:1005px; margin-top:26px; font-size:11px; color:#999999; margin:0 auto; }

#adbuilderFlashWrapper {width:1005px;overflow:hidden;}



/*  new styles for page with questions in right column */

/* MODIFIED */

.mainContentColumn {float:left;width:535px}
.questionsRightColumn {float:right;width:285px;margin-top:8px;}
.questionsRightColumn a.popup {font-weight:bold;margin-top:10px;padding-bottom:2px;}
.questionsRightColumn ul {list-style: none;margin-left:20px;padding-left:0px;margin-top:0px;padding-top:0px;}
.questionsRightColumn li {margin-left:0px;padding-left:0px;margin-top:10px;}
.questionsRightColumn li.first {margin-top:5px;}


.scrollfieldField label,.scrollfieldField label { display:inline; white-space:nowrap; }
.scrollfieldField input,.scrollfieldField input { vertical-align:middle; }
.scrollfieldField label span,.scrollfieldField label span { vertical-align:middle;padding-top:px;  }

.scrollfieldField li {margin-bottom:0px;}
#networkSettings .scrollfieldWrapper{ width:355px; float:left; margin-right:0px; margin-left:10px; margin-top:10px; margin:bottom:0px; display:inline; }
#networkSettings .scrollfieldField {width:245px;padding-top:2px;}

h3.faq {
	background-image: url(../images/hdr_faq_small.gif);
	width:47px;height:16px;
	text-indent: -9999px;
	margin-bottom:0px;
	
	
}
table.exclamation {margin:0px;padding:0px;}
td.exclamation   {margin:0px;padding:0px;}
#networkSettings {margin-left:32px;}

/* also modified .tip, added h3 (at beginning of file)  */

.left{float:left;}
.right{float:right;}
.footer {width:100%; height:42px; background:url(../External-Images/bg_footer.gif); margin:auto; margin-bottom:50px;}
.footer ul {list-style:none; float:left; margin-left:15px; width:60%;}
.footer ul li {float:left; padding-right:15px; border-right:1px solid #999; margin:13px 15px 13px 0; line-height:16px; font-size:14px;}
.footer ul li.nob {border:none;}
.footer ul li a {color:#28508C;text-decoration:none;}
.footer p {float:right; line-height:42px; color:#999; font-size:11px; margin-right:20px;}
ul, form, p, h1, h2, h3 {
margin:0;
padding:0;
}