@charset "UTF-8";
/* CSS Document */

@import "screen.css";
@import "clearfix_ma.css";

form td {padding-bottom:6px;}
h1 { font-size:18px;}

/* --------------------------------
   SPECIFIC STYLES/ EXCEPTIONS
   -------------------------------- */
   
a.edit {float:right; margin:-20px 8px 0 0;}
#line {border-top:solid 1px #666;} 
.red {color:#cc0033;}
.backgroundcolor {background:#fbf9e4; color:#666;}
.logout_margin {width:765px;}
.right {float:right !important; display:inline !important;}
.fixedHeight {height:100px !important;}
p.address {line-height:1.2em !important; margin-top:-5px !important; margin-bottom:-5px !important;}
.address {line-height:1.2em !important; }
.numberNav {color:#666 !important;}
div.yellowborder{border:solid 6px #fbf9e4;}

table.nowidth { width:auto !important;}



/* --------------------------------
   MAIN NAVIGATION
   -------------------------------- */

#mainNavAccount {width:1000px; margin:1px auto 0 auto; padding:1px 0 0 0; background:#fff url(../images/mainnavMyAccount_bg.gif) repeat-x top right; border-top:solid 1px #cccccc;}
body.register #mainNavAccount {width:1000px; margin:1px auto 0 auto; padding:1px 0 0 0; background:#fff url(../images/mainnavMyAccount_bg.gif) repeat-x top right; border-top:solid 1px #cccccc; height:23px !important;}
/* Most styles for this section are in menus_ma.css */

#mainNavAccount ul#primary-nav li a.topNav:hover {background-position:0 -100px; background-color:#666 ; color:#fff;}
#mainNavAccount ul#secondary-nav {float:right;}


/* --------------------------------
   TOOL NAVS
   -------------------------------- */

#toolNav ul li a,
#toolNav.summer ul li a,
#toolNav.fall ul li a,
#toolNav.winter ul li a,
#toolNav.spring ul li a {background-color:#ececec;}
#toolNav ul li a:hover {background-color:#c03; color:#fff;}
li#homeComEdTopNav a.topNav.selected {background-color:#ccc !important; color:#646464 !important;}
li#contactUsTopNav a.topNav.selected {background-color:#ccc !important; color:#646464 !important;}
div#loginBoxLinks,
div#loginBoxLinks a { color:#666; text-decoration:none;}
div#loginBoxLinks a:hover { color:#c03;}


/* --------------------------------
   HEADER ROW
   -------------------------------- */
 
#headerRow_MA {width:1000px; height:100px; background:#fff; margin:0 auto; padding:0; clear:both;}
#headerRow_MA #topLogo {width:220px; height:62px; float:left; display:inline; margin-top:20px;}

/* -- SEARCH BOX --*/
#headerRow_MA #searchBox {width:177px; padding:10px; margin:30px 0 0 0; float:right; display:inline; clear:right; background-color:#ececec;}
#headerRow_MA #searchBox form label {display:none;}
#headerRow_MA #searchBox form #searchInput {width:138px; height:15px; border:solid 1px #ccc; float:left; color:#999; font-size:11px; padding-left:3px; padding:0; margin:0 1px 0 0;}
#headerRow_MA #searchBox form #searchButton {margin-top:1px; border:none;}


/* --------------------------------
   BODY AREA
   -------------------------------- */

#mainContent {width:782px; padding:0 0 20px 0; margin:0; overflow:hidden;}
#mainContent.subPage {width:568px; padding-left:10px;}
#mainContent.wide {padding-left:10px; width:776px; }
#subContent {padding:0px 0 0 0; margin:0 0 0 10px; overflow:hidden;}
#subContent.homepage {padding:0px 0 0 0; margin:0 0 0 20px; overflow:hidden; }
body.register #mainContent.subPage {width:568px; padding-left:10px;}

body.register h1 {border-bottom:none !important; margin:0; padding: 22px 0 7px 0px; font-size:18px; height:22px;}
body.register h1 a {float:right; margin:6px 199px 0 0 !important;}



div#userInfo {border-bottom:solid #ccc 1px; margin:0; padding:25px 218px 10px 10px;}
div#userInfo.noline { border-bottom:none;}
div#userInfo form { display:inline;}
div#userInfo form label { font-size:90%;}
div#userInfo h1 { width:330px; margin:0; height:22px; padding:0;}
div#userInfo #loginTools { float:right; width:433px; height:18px; padding-top:4px; text-align:right;}

#mainContent h1 {border-bottom:none; padding: 10px 0 0px 0px !important;}
#mainContent h2 {font-size:18px; color:#c00; font-weight:100; margin-left:10px;}
#mainContent p,
#mainContent h3,
#mainContent h2,
#mainContent dl,
#mainContent ol,
#mainContent ul {margin-left:10px; margin-right:10px;}
#mainContent p,
#mainContent td,
#mainContent th,
#mainContent li { font-size:90%;}
#mainContent div.columns p {margin-left:0px !important;}
#mainContent form div.disclaimerBox { margin-left:10px;}
#mainContent tbody.normalWeight th{font-weight:normal !important;}

/* -- HOME PAGE EXCEPTIONS --*/
.column3 .box a{text-decoration:none; color:#666;}
.column3 .box a:hover{text-decoration:none; color:#c03;}


/* -- Definition Lists Default -- */
#mainContent dl {margin-top:1em;}
#mainContent dl dt {float:left; display:inline; clear:left; width:170px; padding:0 0 .75em 0; font-weight:bold; line-height:1.8em;margin:0;}
#mainContent dl dd {float:left; display:inline; padding:0 0 .75em 0; line-height:1.8em; width:360px; margin:0 0 0 10px;}
#mainContent h2 + p,
#mainContent h3 + p,
#mainContent h3 + ul {margin-top:1em;}

/* -- Table Default -- */

#mainContent table.statusListing { border-bottom:none; width:270px; background:transparent;clear:none;}
#mainContent table.statusListing.leftTable { margin-left:10px;}
#mainContent table.statusListing tbody td,
#mainContent table.statusListing tbody th { border-top:none;}
#mainContent table.statusListing thead th { border-top:none;}

/* -- COLUMNS --*/
#mainContent div.columns {background:transparent url(../images/ma_columns3_bg.gif) repeat-y; margin-bottom:10px;}
#mainContent.subPage div.columns.noLine {background:none !important; margin-bottom:10px; padding-left:10px; border:none !important;}
#mainContent.subPage div.columns.noLine div.column2 {width:268px !important; float:left;padding-left:0; margin:0 0 0 1px;border:none;}
#mainContent div.columns div.column1 {width:218px; clear:none;}
#mainContent div.columns div.column2 {width:283px; float:left;padding-left:0; margin:0 0 0 1px;border:none; clear:none;}
#mainContent div.columns div.column3 {width:279px;float:left; margin:0 0 0 1px; clear:none;}
#mainContent.subPage div.columns {background:transparent url(../images/ma_columns2_bg.gif) repeat-y;}
#mainContent.subPage div.columns {border-top:solid 1px #ccc; overflow:hidden;}
#mainContent.subPage div.columns div.column1 {width:283px;}
#mainContent.subPage div.columns div.column2 {width:284px;}



/* -- DIV BOX --*/

#mainContent div.box {clear:both; overflow:hidden;}
#mainContent div.box.highlight {background-color:#fbf9e4; padding:0 0 1em 0;}
#mainContent div.box.highlight + div.box { margin-top:12px;}

#mainContent div.box h2 {background-color:#ececec; color:#666; font-size:120%; margin:0; padding:6px 10px; font-weight:normal;}
#mainContent div.box h2.line {border-top:solid #ccc 1px; }
#mainContent div.box h2 a.right {display:inline; float:right; margin:0 !important; }
#mainContent div.box h2 img {margin:-3px 0 -6px 0 !important; }
#mainContent div.box h2 img.free { margin:0 !important;}
#mainContent div.box p {padding:0; line-height:1.5em;}
#mainContent div.columns div.box p {padding:0 10px; line-height:1.5em;}
#mainContent div.box ul {margin:1em 10px;}
#mainContent div.box ul li {line-height:1.5em; background-image:url(../images/bullet_carrot_red.gif); margin-bottom:1em;}
#mainContent div.box table { margin:1em 0 0 6px; border:none; background-color:transparent;}
#mainContent div.box table.normalMargin { margin:1em 0 1em 0px;}
#mainContent div.box table + p { margin-top:0;}
#mainContent div.box table tbody th { text-align:left; border:none;}
#mainContent div.box table tbody th.flex {width:auto !important;}
#mainContent div.box table tbody td { border:none;}
#mainContent div.box table tbody h3 {margin-top:0px;}
#mainContent div.box img { margin-top:auto;}

#mainContent table.plain { margin:1em 0 1em 6px; border:none; background-color:transparent;}
#mainContent table.plain tbody th { text-align:left; width:110px; border:none;}
#mainContent table.plain tbody td { border:none;}


#mainContent div.box table.border {border-collapse:collapse; clear:both; width:98%; }
#mainContent div.box table.border thead th,
#mainContent div.box table.border thead td {text-align:left; padding:5px; border-top:none;}
#mainContent div.box table.border thead.border th,
#mainContent div.box table.border thead.border td {text-align:left; padding:5px; border-top:solid 1px #ccc;}
#mainContent div.box table.border tbody th,
#mainContent div.box table.border tbody td {border-top:solid 1px #ccc; padding:5px; vertical-align:top;}
#mainContent div.box table.border tfoot th,
#mainContent div.box table.border tfoot td {border-top:solid 1px #ccc; padding:5px;}

/* -- FORMS --*/

#mainContent div.box form table {background-color:#fbf9e4; margin-top:-12px !important; margin-bottom:-12px !important; border-top:solid 1px #ccc; }
#mainContent div.box form table.formTable { margin-top:1em !important; margin-bottom:1em !important;}
#mainContent div.box form h2 { margin-bottom:1em; margin-top:1em !important; border-top:solid 1px #ccc;}
#mainContent div.box.highlight form:first-child  h2:first-child { margin-top:0 !important;} /* IE6 RULE NEEDED */
#mainContent div.box p + form table { border-top:none;}
#mainContent div.box form table tbody th { padding-left:15px;} 
#mainContent div.box form table h3 {margin-left:0px !important;}
#mainContent div.box form table tfoot td {padding:10px 5px 15px 5px; border:none !important;}
#mainContent div.box form table tbody td input {margin-top:0;}
#mainContent div.box table form { padding:10px; background-color:#fbf9e4;}
#mainContent div.box table form table {margin:0px !important; border-top:none; }
#mainContent div.box table form table td,
#mainContent div.box table form table th { border-top:none !important; padding-top:2px !important;}

#mainContent div.box form table.formFields { background-color:transparent; margin-top:0 !important; margin-bottom:0 !important;}
#mainContent div.box form table.formFields p { margin-left:0; margin-right:0;}
#mainContent div.box form table.formFields tbody tr th { padding-left:5px;}
#mainContent div.box form table.formFields tbody tr td,
#mainContent div.box form table.formFields tbody tr th {}

/*
#mainContent table.formLayout { border:none !important; background-color:transparent !important; width:auto !important;}
#mainContent table.formLayout tbody th { text-align:left; vertical-align:top; border-top:none; padding-left:10px !important;}
#mainContent table.formLayout tbody.normalWeight th {font-weight:normal !important;}
#mainContent table.formLayout tbody td { border-top:none !important;}
#mainContent table.formLayout p { margin-left:auto; margin-right:auto;}
#mainContent table.formLayout span.error { padding:0px 0 0 10px; background:transparent url(../images/bullet_carrot_red_left.gif) no-repeat 3px 6px;}
*/

/* -- Stop, Start , Move Form -- */
/*
#mainContent div.box #startstopForm table { margin:1em 0 1em 0 !important; border-top:none;}
#mainContent div.box #startstopForm table tbody th { padding-left:10px; width:150px;}
#mainContent div.box #startstopForm table tbody th label { padding-top:3px; display:block;}
*/

/*-- Register Form --*/
#registerForm fieldset {border:none; padding:0; margin:0;}
#registerForm table { border:none; border-collapse:collapse; margin-bottom:8px;}
#registerForm table td { border:none !important; background-color:#fff;}
#registerForm table.login td {background-color:transparent;}
#registerForm #userInfoFieldset {padding:8px 5px; border-top:solid 1px #ccc; margin-bottom:0;}
#registerForm #userInfoFieldset p {margin:0 0 5px 5px;}
#registerForm #userInfoFieldset td { vertical-align:middle;}
#registerForm #userInfoFieldset label {font-weight:bold;}
#registerForm #userInfoFieldset input {width:200px; /*border:solid 1px #ccc;*/}
#registerForm #userInfoFieldset select { width:200px; font-size:10px;}
#registerForm #userInfoFieldset span.error { padding:0px 0 0 10px; background:transparent url(../images/bullet_carrot_red_left.gif) no-repeat 3px 6px;}
#registerForm #optOut {margin-top:0; clear:both; padding:8px 5px 12px 10px;}
#registerForm #optOut p { margin:0;}
#registerForm #optOut span.error { width:185px; padding:3px 0 0 10px; background:transparent url(../images/bullet_carrot_red_left.gif) no-repeat 3px 9px;}

/*-- Login Form --*/
#loginForm { background-color:#fbf9e4; margin-bottom:1em;}
#loginForm fieldset {border:none; padding:0; margin:0;}
#loginForm table { border:none; border-collapse:collapse; margin-bottom:8px;}
#loginForm table td { border:none !important; background-color:#fff;}
#loginForm table.login td {background-color:transparent;}
#loginForm #userInfoFieldset {padding:8px 5px; border-top:solid 1px #ccc; margin-bottom:0;}
#loginForm #userInfoFieldset p {margin:0 0 5px 5px;}
#loginForm #userInfoFieldset td { vertical-align:middle;}
#loginForm #userInfoFieldset label {font-weight:bold;}
#loginForm #userInfoFieldset input {width:200px; /*border:solid 1px #ccc;*/}
#loginForm #userInfoFieldset select { width:200px; font-size:10px;}
#loginForm #userInfoFieldset span.error { padding:0px 0 0 10px; background:transparent url(../images/bullet_carrot_red_left.gif) no-repeat 3px 6px;}
#loginForm #optOut {margin-top:0; clear:both; padding:8px 5px 12px 10px;}
#loginForm #optOut p { margin:0;}
#loginForm #optOut span.error { width:185px; padding:3px 0 0 10px; background:transparent url(../images/bullet_carrot_red_left.gif) no-repeat 3px 9px;}

/* -- MY PROFILE Dynamic Forms -- */

.editRow form thead th {padding:10px 0 10px 16px;}
.editRow { display:none;}
.infoRow { clear:both; font-size:90%; border-bottom:solid 1px #ccc;}
.infoRow .cancel { display:none;}
.infoRow .column1 { float:left; display:inline; clear:left; width:120px; padding:5px 10px; font-weight:bold;}
.infoRow .column2 { float:left; display:inline; clear:none; width:50px; padding:5px 0px;}
.infoRow .column3 { float:left; display:inline; clear:none; width:358px; padding:5px 10px;}
.editRow { background-color:#fbf9e4; font-size:90%; border-bottom:solid 1px #ccc; padding:8px 0;}
.editRow .column1 { float:left; display:inline; clear:left; width:165px; padding:5px 10px 5px 25px; font-weight:bold;}
.editRow .column2 { float:left; display:inline; clear:none; width:368px; padding:5px 0px; }
.editRow label { display:block; padding-top:4px;}



/* -- MULTIPLE ACCOUNT BOX --*/

div.pagination {  background-color:#ececec; color:#666;  font-size:90%; margin:0; padding:6px 10px;}
div.pagination a { text-decoration:none; margin:0 1px;}
div.pagination a.btn { padding:0px 4px;}
div.pagination em,
div.pagination i { font-size:150%; font-style:normal; padding-right:10px;}
table.multAccounts { background:#fbf9e4; border-collapse:collapse; margin-bottom:10px; border:none !important; margin-right:20px;}
table.multAccounts thead th {text-align:left; padding:5px 5px 5px 10px !important; border:none !important;}
table.multAccounts tbody td {border-top:solid 1px #ccc !important; padding:5px 5px 5px 10px !important; vertical-align:top;}
table.multAccounts tbody td + td + td + td {text-align:right;}
table.multAccounts tfoot td {border-top:solid 1px #999; padding:5px 5px 5px 10px !important;}


/* -- GRAY ALERT BOXES -- */

div.alertBox {background:url(../images/alert_bg.gif) repeat-x;}
div.alertBox h2 {color:#fff; font-size:120%; margin:0;}


/* FAQs */
#mainContent h2.faq {background-color:#ececec; color:#666; font-size:120%; font-weight:normal;}
div.faq { margin-left:10px; margin-right:10px;}
div.faq div { padding-left:0; padding-right:0;}

/* -- Search Results --*/
#mainContent div.searchResults h2 {margin-left:0 !important; margin-right:0 !important; font-size:100%; color:#666;}
body.register #mainContent div.searchResults {width:558px;}
div.searchResults p,
div.searchResults h3 {margin-right:10px;}
#searchAgainForm {margin-left:10px;}
div.searchResults div.pagination {background-color:transparent;}