/* MediaPlus cmo36 Version cmo36A 12/14/10 08:10:32 delta css/subscriber.css
** Copyright 2001 Publishing Business Systems, Inc.
** All Rights Reserved Worldwide.
*/
/* subscriber.css - DTI standard subscriber CSS
** DO NOT EDIT - client changes should be placed in subscriber_custom.css
*/
/* #185551 10.11.09 mickeyg Remove #registersidebar {display: none;} and
**                          #passwordsidebar {display: none;}.
**                          Add float:right to .menusubscription for old layouts
** #186140 10.11.02 mickeyg Remove padding-left from vlabel.
**                          Remove .loginbody .vdivider, .buttoncell, .formTanBG
** #185004 10.09.16 mickeyg Change .multisubmit to #multisubmit
** #183963 10.08.19 marks	Merge 35 WR 178226 to version 36.
** #178226 10.06.03 mickeyg Move privacylink to cmstyle.css.
** #183323 10.08.17 marks	Merge 35 WR 177070 to version 36.
** #177070 10.04.19 mickeyg Add multisubmit class.
** #182814 10.04.05 mickeyg Add helptbl and datarowodd/even hover.
**                          Remove creditCardImage, creditCardHolder, infoTable,
**                          viewAccountRowColorGray, viewAccountRowColorWhite, 
**                          promo, promoContent, promoTable, promoContentHeader,
**                          subSectionRightBlue, subSectionRightBlueTanBG,
**                          subSectionRight2Lines, and tableSpacerLeftColumn.
** #183217 10.04.16 todd	Merge cmo 35a WR #181035 up to 36a.
** #181035 09.08.28 mickeyg Add acctadjust table styles.
** #176831 08.09.23 robi	Merge up 175997
** #175997 08.08.22 mickeyg Add campaign and startrateslink classes. 
** #173953 08.04.16 mickeyg Change .loginhead to .loginheader, .navfooter to
**                          #loginfooter, and add activate, newstart, register, **                          password divs. Obsolete #mainContent and 
**                          registerLink a classes.
**         08.04.04 mickeyg Move contact styles to cmstyle.css.
** NEXPO 08.03.27 mickeyg Remerge WRs 163703 and 162232.
** #163703 07.04.18 mickeyg Change broadcast png path to '../images'. 
** #162232 07.04.13 mickeyg Added broadcastmsg and submessagetbl classes. 
** #172369 08.02.22 mickeyg CR#29586 Added privacy link classes.
** #173112 08.02.21 mickeyg Add registration field ids.
** #173797 08.01.17 todd	Add loginalertmsg.
** #164649 07.12.05 mickeyg Created.
*/

#bodyarea			{padding: 10px 0 10px 10px;}

/* Print */
.printimg			{border: 0; float: right; vertical-align: top;}

/* Help */
.helpimg			{border: 0; float: right; vertical-align: bottom;}
.helptbl td			{padding: 5px; margin: 5px;}
.helptbl .datarowodd	{border-bottom: solid thin #F5F5F2;}

.blurbtext 			{}
.phonehint			{}
.datacell 			{text-align: left;}
.label, .vlabel 	{color: #07284F; font-weight: bold;}
.label  			{text-align: left; white-space: nowrap; padding-left: 10px;}
.numlabel        	{text-align: right;}
.vlabel				{text-align: left; padding-left: 0;}

/* data tables */
.headerrow  		{background-color: #E0E0D2;}
.columnheader   	{text-align: left; vertical-align: bottom; font-weight: bold;} 
.datarowodd      	{background-color: #FFF;}
.dataroweven     	{background-color: #F5F5F2;}
tr.dataroweven:hover, tr.datarowodd:hover 	{background:  #A0E2FC;}

/* buttons */
.buttonalignment 	{text-align: center; padding-top: 10px; padding-bottom: 10px;}
#multisubmit        {font-weight: bold; color: red; padding-bottom: 10px;}

/* popup data entry forms */
table.calendar 		{background-color: #d7D8ca; border: 0; margin: 0; padding: 0;}
table.formdata 		{background-color: #d7D8ca; border: 0; margin: 0; padding: 0;}

.titleheader 		{font-style: normal; font-variant: normal; font-weight: bold; font-size: 14px; text-align: left; color: #000; padding: 0 12px 0 12px;}

/* Broadcast Message */
div.dimmer {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;

    /* overlay browser content for dimming effect */
    background-image:url(../images/beige.png);
    /* ieWin only stuff */
    _background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/beige.png');
}
div.dimming {
    background-color: #FFF;
    border: 1px solid #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    position: absolute;
    visibility: hidden;
    /* set z-index higher than possible */
    z-index: 10000;
}
div.dimming p {
    padding-left: 10px;
}
.wbroadcastmsg {
    /* height: 200px; */
    visibility: hidden;
    /* width: 500px; */
}
.broadcastmsg {
    margin-bottom: 30px;
    margin-top: 10px;
    padding-right: 10px;
}
table.floatingheader td {
    background-color: #11437C;
    color: #FFF;
    font-weight: bold;
    padding-left: 10px;
}
.broadcastprod	{font-weight: bold; color: #10427B; white-space: nowrap; padding-top: 10px;}

/* Main Menu Screen */
.topnavtbl			{} 
.csnavimgrow        {display: none;} /* custservice nav image row header */
.menuheader 		{background-color: #10427B; white-space: nowrap;}
.menubody 			{width: 810px;}
.menubody .vdivider {}
.menuacctinfo		{float: left;}
.menuaddrinfo		{margin-left: 20px; padding-left: 10px;}
.menulinespacer		{line-height: 20px;}

.menuleftbtn		{padding-left: 10px;} /* classic layout only */ 
.menuleftbtn img	{margin-top: 5px;} /* classic layout only */
.menuleftbody       {margin-top: 10px;}	/* advertising area */
.menusubscription   {width: 545px; float:right;}
.menusubleftpad		{padding-left: 10px;}
.menusubrightpad	{padding-right: 20px;}
.menurightbtn		{margin-top: 20px;} 
.menurightbtn td	{padding-top: 4px;}
.menuadfooter		{text-align: center;} /* advertising area */
.menufooter			{width: 810px; margin-top: 20px; margin-bottom: 10px; padding-bottom: 10px; text-align: center;}

.subtitle 			{font-weight: bold; font-size: 16px; color: #000; padding: 10px 20px 0 10px; border-bottom: #6699cc solid 2px;}
.menustops       	{padding-left: 10px; color: #FF0000; font-style: italic;}
.pastdue 		 	{background-color: #FFF; color: #FF0000; border: 0;}
.redWarning 		{color:#FF0202; font-weight:bold;}

.returnbtn			{border: 0; margin-top: 20px;}

/* Calendar Screen */
.day 				{width:35px; background-color:#FFF; color:#000; border:1px; border-style:solid; border-color:gray;}
.dayheader 			{background-color:#F6F5E3; color:#000; font-family: Arial, Helvetica, Sans-Serif; font-weight:bold; text-align:center;}
.highlight 			{width:35px; background-color:#FFF; color:red; font-weight:bold; border:1px; border-style:solid; border-color:red;}

/* login body */
.loginbody 			{padding: 10px 0 10px 10px;}
.blurbstarttbl      {width: 90%; /* display: none; hide blurb/start table */}
.buttoncell         {/* display: none; hide home, faq, contact img */ vertical-align: top;}
.loginalertmsg		{color: #FF0000; font-weight: bold; font-size: 16px; line-height: 20px; padding-bottom: 20px;} 
.loginblurb         {padding: 10px; border: 2px solid #6699cc; background-color: #F0F8FF;}
.loginblurb img     {margin: 10px 0 0 0;}

/* new start */
.newstart           {padding: 10px; border: 2px solid #6699cc; background-color: #F0F8FF; margin-top: 20px;}
.nonsubhead 		{font-weight: bold;}
.nonsubhead, .nonsubtext {margin: 5px;}
/* new start - left nav layout */
.newstart3          {padding: 0; margin-top: 10px; border: 0;}
.nonsubhead3 		{font-weight: bold;}
.nonsubhead3, .nonsubtext3 {padding: 0; margin: 0;}

/* login form */
.loginalignment  	{text-align: right;}
.steplabel 			{color: #10427B; font-weight: bold;}
.steptext 			{text-decoration: underline;}
.register			{font-weight: bold; font-size: 10pt;}
.register a			{font-weight: bold; color: red;}

/* login/main menu "secure" img/text div */
.secure             {background-color: transparent; font-style: italic;} /* display:none to hide */

/* Privacy links display:none; to hide */
.privacynavlink     {vertical-align: top;}

/* Account/Contact Screens */
.acctinfotbl		{width: 400px; border: 0}

/* Account Adjustment/History/Renewal Screens */
.acctadjusttbl, .accthisttbl, .renewalhisttbl	{width: 550px; border: 0}
.acctadjusttbl.td, .accthisttbl.td, .renewalhisttbl.td  {padding: 3px;}

/* Subscriber Messages */
.submessagestbl		{width: 550px; border: 0}
.submessages.td     {padding: 3px;}

/* Complaints Screens */
.complaintstbl		{width: 400px; border: 0}

/* Contest Screens */
.conteststbl		{width: 500px; border: 0}

/* Delivery Schedule/Frequency Screens (future) */
.delscheduletbl		{width: 400px; border: 0}
.delsch             {background-color: #FFF; border: 0;}

/* Discontinue Subscription Screens (future) */
.discontinuetbl		{width: 400px; border: 0}

/* Address Find/Confirm (New Subscription) */
.addrfindtbl		{width: 500px; border: 0}
.addrfind_campaign	{margin-bottom: 20px;}

/* New Subscription/Starts Screens */
.startpubl_campaign {margin-bottom: 20px;}
.startstbl			{width: 450px; border: 0}
.startsaddrtbl		{width: 450px; border: 0}
.startsconfirmtbl	{width: 550px; border: 0}
.startsconfirmtbl .subSectionLeft { 
	color: #07284F;  
	font-weight: bold; 
	text-align: right; 
	vertical-align: top;
	width: 150px;
}

/* Starts/Payments Terms & Conditions */
textarea.termsconditions {
    background-color: #FFF;
    border: 1px solid #ccc;
    height: 75px;
    padding: 6px;
    width: 400px;
}

/* Address (New Subscription/Starts) Screens */
.startsaddrtbl		{width: 500px; border: 0}

/* New Subscription/Starts Confirmation Screen */
.startsconfirmtbl	{width: 650px; border: 0}

/* Rates (New Subscription/Starts) Screen */
.startrateslink		{}
.ratestbl			{width: 400px; border: 0}

/* Renew Info Screen */
#switchimg			{margin-left: 175px;}
.delfrequencydesc	{border: 0; font-size: 11px;}

/* Payment Screens */
.paymentstbl		{width: 550px; border: 0;}
/* .paymentstbl td		{border: 1px blue solid;} */ 
.grace 				{background-color: #E0E0D2;}
.total 				{border: 0; font-size: 11px; font-weight: bold;} 

/* Registration Screen */
.registrationtbl	{width: 500px; border: 0}
#registration #phonenumber		{}
#registration #housenumber		{}
#registration #zipcode			{}
#registration #lastname			{}
#registration #accountnumber	{}
#registration .subSectionLeft   {width: 200px;}

/* Subscriber Status Screen */
.statuscol {vertical-align: top; padding-right: 10px;}
.statusdesccol {padding-right: 5px;}

/* Delivery Details Screen */
.deldetailtbl td {padding-right: 10px;}

/* Show Inserts Screens */
.showinsertstbl		{width: 400px; border: 0}

/* Temp Stop Screens */
.tempstoptbl		{width: 575px; border: 0;}
.tempstoptbl {padding-left: 9px;}
.tempstoptbl .datacell {padding-left: 9px;}
#tempstartstop .subSectionLeft, #edittempstop .subSectionLeft  {width: 200px;}

/* 3-Column CSS (Login/Pre-Login) Layout Divs */
#activateheader, #loginheader, #newstartheader, #passwordheader,
#registerheader {
	width: 100%; background-color: #10427B;
}
#activatefooter, #loginfooter, #passwordfooter, #registerfooter {
    background-color: #07284F;
    clear: both;
    color: #62C4F9;
    font-weight: bold;
    height: 20px;
    padding: 5px 10px 5px 10px;
    width: 100%;
}
/* footer link styles */
#activatefooter a:link, #activatefooter a:visited {
	color: #62C4F9;
	text-decoration: none;
}
#activatefooter a:hover {
	text-decoration: underline;
}
#loginfooter a:link, #loginfooter a:visited {
	color: #62C4F9;
	text-decoration: none;
}
#loginfooter a:hover {
	text-decoration: underline;
}
#passwordfooter a:link, #passwordfooter a:visited {
	color: #62C4F9;
	text-decoration: none;
}
#passwordfooter a:hover {
	text-decoration: underline;
}
#registerfooter a:link, #registerfooter a:visited {
	color: #62C4F9;
	text-decoration: none;
}
#registerfooter a:hover {
	text-decoration: underline;
}

#activatenav, #loginnav, #newstartnav, #passwordnav, #registernav {
	border-right: 1px solid #AEAD8B;
	float: left;
	height: 630px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 134px;
}
#activatesidebar, #loginsidebar, #newstartsidebar, #passwordsidebar, #registersidebar {
	background-color: #CEECFC;
	border-bottom: #82CFFC solid 1px;
  	float: right;
	line-height: 13px;
	margin-left: 10px;
	padding: 22px 14px 22px 14px; 
	width: 135px;
}
#activatecontent, #logincontent, #newstartcontent, #passwordcontent, #registercontent {
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 0 10px 10px 10px;
  	width: 55%; 
}
#activatecontent table {
	width: 100%;
}
#logincontent table {
	width: 100%;
}
#newstartcontent table {
	width: 100%;
}
#passwordcontent table {
	width: 100%;
}
#registercontent table {
	width: 100%;
}


/* navigation classes */
.activateNavTop, .loginNavTop, .newstartNavTop, .passwordNavTop, .registerNavTop {
	background-image: url(../images/leftnavtop.jpg); 
	background-repeat: repeat-x; 
	border-bottom: #AEAD8B solid 1px; 
	height: 34px;
	width: 100%; 
}
.activateNavBottom, .loginNavBottom, .newstartNavBottom, .passwordNavBottom, .registerNavBottom {
	background-image: url(../images/leftnavbottom.jpg); 
	background-repeat: repeat-x; 
	height: 463px;
	width: 100%; 
} 

/* 3-Column CSS (Post-Login) Layout Divs */
#mainnav {
	border-right: 1px solid #AEAD8B;
	float: left;
	height: 630px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 134px;
}

#mainsidebar {
	background-color: #CEECFC;
	border-bottom: #82CFFC solid 1px;
  	float: right;
	line-height: 13px;
	margin-left: 10px;
	/* margin-right: 10px; */
	padding: 22px 14px 22px 14px; 
	width: 135px;
}
#mainsidebar ul{
	margin-left: 10px;
}

#maincontent {
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 0 10px 10px 10px;
  	width: 55%; 
}

/* Main Content Styles */
#maincontent table {
	width: 100%;
}
.mainContentBold {
    color: #07284F;
    font-weight: bold;
}
.mainContentBold a:link {
    color: #07284F;
    font-weight: bold;
    text-decoration: underline;
}
.mainContentBold a:visited {
    color: #07284F;
    font-weight: bold;
    text-decoration: underline;
}
.mainContentBold a:hover {
    color: #07284F;
    font-weight: bold;
    text-decoration: underline;
}
.mainContentBold a:active {
    color: #07284F;
    font-weight: bold;
    text-decoration: underline;
}
.mainContentHeader { 
	background-image: url(../images/subHead_bg.jpg); 
	background-repeat: repeat-x; 
	border-bottom: #B1B08F solid 1px; 
	height: 61px;
	margin-bottom: 30px; 
	width: 450px; 
}
.mainContentHeaderText { 
	font-size: 16px; 
	font-weight: bold;
	padding-bottom: 7px; 
	padding-left: 10px; 
	vertical-align: bottom; 
}
.mainContentHeaderWithStep {
	background-image: url(../images/subHead_bg.jpg); 
	background-repeat: repeat-x; 
	border-bottom: #B1B08F solid 1px; 
	height: 61px;
	margin-bottom: 5px; 
	width: 450px; 
}

/* Home / Landing Screen Styles */
.defaultHeader img {
	float: left;
}
.defaultHeader p {
	font-weight: normal;
}
.defaultHeader {
	color: #07284F; 
	font-size: 14px; 
	font-weight: bold;
	height: 79px;
	line-height: 16px; 
	padding-bottom: 10px;
}
.defaultHeader a:link { 
	color: #07284F; 
	font-size: 14px; 
	font-weight: bold; 
	line-height: 16px; 
	text-decoration: underline;
}
.defaultHeader a:visited { 
	color: #07284F; 
	font-size: 14px; 
	font-weight: bold; 
	line-height: 16px; 
	text-decoration: underline;
}
.defaultHeader a:hover { 
	color: #07284F; 
	font-size: 14px; 
	font-weight: bold; 
	line-height: 16px; 
	text-decoration: underline;
}
.defaultHeader a:active { 
	color: #07284F; 
	font-size: 14px; 
	font-weight: bold; 
	line-height: 16px; 
	text-decoration: underline;
}
.divider {color:#FFF; padding-left:11px; padding-right:11px;}

/* Footer Styles */
#mainnavfooter1, #mainnavfooter2 {
    background-color: #07284F;
    clear: both;
    color: #62C4F9;
    font-weight: bold;
    padding: 5px 5px 0 10px;
    width: 100%;
}
#mainnavfooter2 {
    padding: 0 0 5px 10px;
}
#mainnavfooter1 a:link, #mainnavfooter1 a:visited {
    color: #62C4F9;
    text-decoration: none;
}
#mainnavfooter1 a:hover {
    text-decoration: underline;
}
#mainnavfooter2 a:link, #mainnavfooter2 a:visited {
    color: #62C4F9;
    text-decoration: none;
}
#mainnavfooter2 a:hover {
    text-decoration: underline;
}

/* Form Styles */
.formSpacer {
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.formYearSpacer {
	padding-left: 8px;
}
.buttonSpacer {
	padding-left: 18px;
}

/* Header Styles */
.headerImage {
	background-color: #11437C;
	width: 100%; 
}

/* navigation header */
.navheader {
	background-color: #07284F;
	vertical-align: top;
	width: 100%;
}
#navheader a:link, #navheader a:visited {
	color: #62C4F9;
	text-decoration: none;
}
#navheader a:hover {
	text-decoration: underline;
}
.navheaderleft {
	background-color: #07284F;
	color: #62C4F9; 
	float: left;
	font-weight: bold; 
	padding-left: 12px;
	vertical-align: top;
	width: 70%;
}
.navheaderright {
	background-color: #07284F;
	color:#62C4F9; 
	font-weight: bold;
	padding-right: 12px;
	vertical-align: top;
	white-space: nowrap;
}

/* Main (Left) Navigation Styles */
.mainNavTop {
	background-image: url(../images/leftnavtop.jpg); 
	background-repeat: repeat-x; 
	border-bottom: #AEAD8B solid 1px; 
	height: 34px;
	width: 100%; 
}
.mainNavBottom {
	background-image: url(../images/leftnavbottom.jpg); 
	background-repeat: repeat-x; 
	height: 463px;
	width: 100%; 
} 

/* Sidebar Styles */
#mainsidebar a:link {
	color: #07284F;
	line-height: 13px; 
	text-decoration: underline;
}
#mainsidebar a:visited {
	color: #07284F; 
	line-height: 13px; 
	text-decoration: underline;
}
#mainsidebar a:hover {
	color: #07284F; 
	line-height: 13px; 
	text-decoration: underline;
}
#mainsidebar a:active {
	color: #07284F; 
	line-height: 13px; 
	text-decoration: underline;
}
#mainsidebar hr {color: #10427B;}
.sidebartitle {font-weight: bold;}

/* Login/Register Styles */
.registerPassword { 
	color:#000;
	font-size: 12px; 
	font-weight: bold; 
	padding-bottom: 15px; 
	padding-left: 10px; 
	vertical-align: top; 
}
.registerLink { 
	color: #07284F; 
	font-size: 12px; 
	font-weight: normal;
	line-height: 14px; 
}

/* Sub Section Styles */
.subSectionHeader {
	border-bottom: #AEAD8B solid 1px; 
	margin-bottom: 15px; 
	width: 100%;
}
.subSectionHeaderText {
	font-size: 12px; 
	font-weight: bold;
	padding-bottom: 5px; 
	padding-left: 9px; 
	vertical-align: top; 
}
.subSectionIndent { 
	margin-left: 10px; 
	width: 100%;
}
.subSectionLeft { 
	color: #07284F;  
	font-weight: bold; 
	text-align: right; 
	vertical-align: middle; 
	width: 175px;
}
.subSectionLeft2Lines { 
	color: #07284F;  
	font-weight: bold; 
	text-align: right; 
	vertical-align: top; 
	width: 175px;
}
.subSectionReqdField { /* not used yet */
	color: #C7284F;
	font-weight: bold; 
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: top; 
}
.subSectionRight {
	color:#000;
	padding-left: 5px; 
	text-align: left; 
	vertical-align: middle; 
}

@media print {
    .hidebutton 	{visibility: hidden;}
}