/* cmstyle.css */
/* 04/07/06 mickeyg WR#166440 Added rtnlist and rtnform classes.
** 04/06/06 mickeyg WR#166167 Added distribution navheaders classes for logout.
** 03/08/06 mickeyg WR#162246 Added popupcolspacer.
** 02/20/06 mickeyg           Shrink tab header padding.
** 02/15/06 mickeyg WR#162246 Added detail/detailtbl (Routeservice popup).
** 02/14/06 mickeyg WR#165335 Added blurbstarttbl, buttoncell, and loginbody 
**                            vdivider to hide login page sections.
** 01/25/06 mickeyg WR#165101 Added border and padding to subtitle class;
** 01/14/06 robi    WR#139448 Added vertical-align: for rowheader and
**							  [datacell|textalign][left|center|right]
** 01/12/06 mickeyg WR#164976 Added menuleftbody and secure classes.
** 11/18/05 mickeyg           Added tab (print media) classes
** 11/05/05 mickeyg WR#164251 Added tab folder styles;
**                            main, pageheader, instructions classes
** 11/04/05 mickeyg WR#164165 Added csnavimgrow.
** 10/01/05 mickeyg WR#159866 Added processing class.
** 09/08/05 mickeyg WR#139444 CR#23803 Added accttable; Modified cusstable;
** 08/10/05 mickeyg WR#139440 CR#23559 Added rsnavimgrow.
** 08/04/05 mickeyg WR#139442 Added help classes.
** 07/29/05 mickeyg WR#139440 Added Distribution Access.
**                            Changed vdivider to padding 2px;
**                            Deleted back and phonecells;
**                            Added menubody width: 810px;
** 07/20/05 mickeyg WR#162617 Added newstart div.
** 03/22/05 mickeyg WR#160905 Added register class and padding to vdivider.
** 03/18/05 mickeyg WR#160305 Added emaillink and contactlist class.
** 03/03/05 mickeyg WR#160368 Split out datacell9pt and set border to zero.
** 01/17/05 mickeyg WR#159788 Merged up cmo32 WR#159298.
** 12/01/04 mickeyg WR#159298 Adding calendar css styles.
** 11/23/04 mickeyg WR#159788 CR #21527.  Condense, cleanup tags.
** 10/11/04 mickeyg WR#139439 Modified nonsubscriber tags
** 08/10/04 mickeyg WR#157771 Added background color to region divs.
** 05/06/04 mickeyg WR#156953 Added steplabel and steptext classes for login.
** 05/04/04 mickeyg WR#156598 Merged up cmo32 WR#156316.
** 04/20/04 mickeyg WR#156316 Added region div classes for login and menu
** 03/04/04 mickeyg WR#155730 Added numcell and numlabel classes
** 02/04/04 mickeyg WR#155158 Merged up cmo32 WR#154833.
** 12/28/03 mickeyg WR#154833 Added vdivider class.
** 12/02/03 mickeyg WR#154478 Added blurb class.
** 11/19/03 mickeyg WR#154475 Added media/hidebutton.
** 09/24/03 mickeyg WR#153776 CR#18241 Removed routeservice related css
** 09/23/03 mickeyg WR#153776 Merged up WR#152877
** 08/06/03 mickeyg WR#152877 Added logoheader class
*/

/***********************************************/
/* General/HTML elements                       */
/***********************************************/
body 				{background-color: white; color: black; font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt; padding: 0px; margin: 0px;}
form 				{padding: 0; margin: 0;}
table 				{margin: 0;}
td 					{font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt; color: black;}

h1, h2, h3 		    {font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; color: black;}
h1 					{font-size: 14pt;}
h2 					{font-size: 13pt;}
h3 					{font-size: 12pt;}
a  					{color: #0000cc; font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt;}

.error 				{color: #FF0000; font-weight: bold; font-size: 10pt;}
.confirmation 		{color: #000000; font-weight: bold; text-align: center;}
.datacell 			{color: black; text-align: left;}
.numcell 			{color: black; text-align: right;}
.label  			{text-align: left; white-space: nowrap;}
.numlabel        	{text-align: right;}
.label, .numlabel 	{color: black; font-weight: bold; font-size: 10pt;}
.datacellsub	 	{color: black; text-align: left; font-size: 10pt;}
.titleheadersub  	{font-style: normal; font-variant: normal; font-weight: bold; font-size: 12pt; text-align: left; color: white; background-color: #43779e;}
.buttonalignment 	{text-align: center;}

/***********************************************/
/* Main Menu                                   */
/***********************************************/
.vdivider 			{background-color:#43779e; padding: 2px;} /* also login */
.subtitle 			{font-style: normal; font-variant: normal; font-weight: bold; font-size: 12pt; text-align: left; color: black; margin-top: 20px; padding-right: 20px; border-bottom: #43779e solid 1px;}
.menuStops       	{color: #FF0000; font-style: italic;}
.pastdue 		 	{background-color: white; color: #ff0000;  font-size: 10pt; border: 0px;}

.smalltable   		{padding: 15px; margin: 0px 40px 0px 40px;}
/* MG not used??? used for acctinfo.html, comments.html, submitcomments.html */
.largetable   		{margin: 0px 20px 0px 20px;}
/* used for submitcontest.html, */
.tempsstable  		{padding: 15px; margin: 0px 40px 0px 40px;}
.smalltable, .largetable, .tempsstable {font-family: Arial, Helvetica, Sans-Serif; width: 400px;}
/* used for acctadjust and transaction.html */
.datatable   		{border-width: 1px}
.headerrow  		{background-color: #cccccc; white-space: nowrap;}
.columnheader   	{text-align: center; font-weight: bold; font-size: 9pt;} 
.datarowodd      	{background-color: #ffffff;}
.dataroweven     	{background-color: #cccccc; border-color: #99cccc; border-style: solid; border-width: 1px;}
.datacellnew    	{text-align: left;}
.datacellcopy    	{text-align: center;}
.datacelllabel    	{text-align: left;}
.datacellnew, .datacellcopy, .datacelllabel {color: black; border-color: #cccccc; border-style: solid; border-width: 1px; font-size: 9pt;}
.datacell9pt {text-align: left; color: black; border-width: 0px; font-size: 9pt;}

table.formdata 		{background-color: #ffffcc; border: 0px; margin: 0px; padding: 0px;}
.titleheader 		{font-style: normal; font-variant: normal; font-weight: bold; font-size: 13px; text-align: left; color: black; background-color: white;} 

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

/***********************************************/
/* Region Divs                                 */
/***********************************************/
.csnavimgrow        {} /* custservice nav image row display:none to hide */
.rsnavimgrow        {} /* routeservice nav image row display:none to hide */
.loginhead 			{}
.loginbody 			{margin: 10px;}
.loginfooter 		{text-align: center;}
.pwdbody 			{margin: 10px;}
.logoheader, .logoheader1, .logoheader2, .menuheader {background-color: #43779e;}
.menubody 			{width: 810px;}
.menuleftbody		{margin-top: 10px;}
.menusubscription  	{}
.loginfooter, .menuadfooter, .menufooter {text-align: center; padding-bottom: 20px;}

/***********************************************/
/* Contact Us                                  */
/***********************************************/
.subtitlenew   		{background-color: #43779e; font-style: normal;font-variant: normal; font-weight: bold; font-size: 12pt; text-align: center; color: white;}
.contacttable 		{width: 100%;} 
.contactlist 		{font-weight: bold; white-space: nowrap;} 
.emaillink			{padding-bottom: 10px;}

/***********************************************/
/* AutoRenew & Payments                        */
/***********************************************/
.grace 				{background-color: #ffffcc; color: #ff0000; font-size: 10pt; border: 0px;}
.total 				{background-color: #ffffcc; border: 0px; font-weight: bold; font-size: 10pt;} 
.stmt 				{font-size: 8pt;}

.delsch 			{background-color: #ffffcc; border: 10px; font-size:10pt;}

/***********************************************/
/* Login                                       */
/***********************************************/
.blurbstarttbl		{/* display: none; hide blurb/start table */}
.buttoncell			{/* display: none; hide home, faq, contact img */ vertical-align: top;}
.loginbody .vdivider {/* display: none; hide vertical bar on login page */}
.loginblurb			{padding: 10px; border: 2px solid #43779e; background-color: #F0F8FF;}
.loginblurb img		{margin: 10px 0px 0px 0px;}

/* new start */
.newstart			{/* display: none; hide newstart blurb/img */ padding: 10px; border: 2px solid #43779e; background-color: #F0F8FF; margin-top: 20px;}
.nonsubhead, .nonsubtext {background-color: #F0F8FF; padding: 0px; margin: 0px;}
.nonsubhead 		{font-weight: bold;}
.nonsubtext 		{margin-bottom: 10px; padding-left: 0px;}

/* login form */
.loginalignment  	{text-align: right;}
.steplabel 			{color: black; font-weight: bold;}
.steptext 			{text-decoration: underline;}
.register			{font-weight: bold; font-size: 12pt;}
.register a			{font-weight: bold; color: red;}
.loginbuttons 		{width: 120px; border: 0px; padding-right: 5px;}

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

.receipttext, blurbtext {color: black; font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt;}
.receipttitle 		{background-color: #43779e; font-style: normal; font-variant: normal; font-weight: bold; font-size: 10pt; text-align: left; color: white;}
.processing 		{text-align: center; color: red; font-weight: bold;}

/***********************************************/
/* Tab Folder                                  */
/***********************************************/
#rndtabheader {
    background-color: #43779e; font-size: 93%; float: left; width: 100%; line-height: normal; margin-bottom: 5px;
}
#rndtabheader ul {
    padding-right: 8px; padding-left: 8px; padding-bottom: 0px; margin: 0px; padding-top: 10px; list-style-type: none;
}
#rndtabheader li {
    padding-right: 0px; padding-left: 5px; background: url(../images/rndleft.gif) no-repeat left top; float: left; padding-bottom: 0px; margin: 0px; padding-top: 0px;
}
#rndtabheader a {
    padding-right: 8px; display: block; padding-left: 4px; font-weight: bold; color: white; background: url(../images/rndright.gif) no-repeat right top; padding-bottom: 4px; padding-top: 5px; text-decoration: none; float: left;
}
#rndtabheader a:hover {
    color: blue;
}
#rndtabheader #current {
	background-image: url(../images/rndleft_on.gif);
}
#rndtabheader #current a {
	background-image: url(../images/rndright_on.gif); padding-bottom: 5px; color: red;
}
.selectedtab {
	background-image: url(../images/rndright_on.gif); padding-bottom: 5px; color: red;
}

/***********************************************/
/* Print Media Settings                        */
/***********************************************/
@media print {
    .hidebutton 	{visibility: hidden }
	/* Distribution Tabs */
    #rndtabheader {
        margin: 0pt;
    }
    #rndtabheader ul {
        padding: 0pt;
        margin: 0pt;
    }
    #rndtabheader li {
        padding: 0pt;
    }
    #rndtabheader a {
        padding: 5px;
    }
    a:link, a:visited {
        color: #520;
        background: transparent;
        font-weight: bold;
        text-decoration: underline;
    }
}

/***********************************************/
/* Distribution Accesss                        */
/***********************************************/
navheader {
    background-color: #43779e;
    width: 100%;
    vertical-align: top;
}
.navheaderleft {
    background-color: #43779e;
    float: left;
    width: 690px;
    padding-left: 12px;
    font-weight: bold;
    vertical-align: top;
}
.navheaderleft a:link  {color: white; text-decoration: none;}
.navheaderleft a:visited {color: white; text-decoration: none;}
.navheaderleft a:hover {color: white; text-decoration: underline;}
.navheaderleft a:active {color: white; text-decoration: none;}
.navheaderright {
    background-color: #43779e;
    padding-right: 0px;
    font-weight:bold;
    vertical-align: top;
}
.navheaderright a:link  {color: white; text-decoration: none;}
.navheaderright a:visited {color: white; text-decoration: none;}
.navheaderright a:hover {color: white; text-decoration: underline;}
.navheaderright a:active {color: white; text-decoration: none;}

.main				{}
.distmenufooter 	{margin-left: 12px; text-align: left; padding: 20px 0px 20px 0px;}
.custtable          {width: 750px;}
.accttable          {width: 750px; margin-left: 12px;}
.custlabels         {color: #003399; background-color: #ffffff; text-align: left; font-weight: bold; font-size: 10pt; padding-left: 12px;}
.custinfo           {background-color: #ffffff; text-align: left; vertical-align: top; font-weight: normal; font-size: 9pt; padding: 0px 12px 12px 12px; width: 250px;}
.pageheader 		{font-style: normal; font-variant: normal; font-weight: bold; font-size: 13px; text-align: left; color: black; background-color: white; margin: 0px; padding: 12px 0px 0px 12px;} 
.instructions		{padding: 5px; border: 1px solid black;}
.datacellleft       {text-align: left;} 	/* remove--call textcellleft */
.datacellcenter     {text-align: center;} 	/* remove--call textcellcenter */
.datacellright      {text-align: right;} 	/* remove--call textcellright */
.datacellleft, .datacellcenter, .datacellright {vertical-align: top;}
.textalignleft      {text-align: left;} 	/* dup of datacellleft */
.textaligncenter    {text-align: center;} 	/* dup of datacellcenter */
.textalignright     {text-align: right;} 	/* dup of datacellright */
.textalignleft, .textaligncenter, .textalignright {vertical-align: top;}
.textbold			{font-weight: bold;}
.rptcolumnheader    {text-align: left; font-weight: bold; font-size: 9pt;}
.leftindent         {margin-left: 12px;}

/* forms & tables */
.acctform			{padding-left: 8px; margin-left: 8px; width: 60%;}
.contactform		{padding-left: 8px; margin-left: 8px; width: 40%;}
.reportform			{padding-left: 8px; margin-left: 8px; width: 40%;}
.detail				{margin: 0px 0px 12px 0px; padding: 12px 0px 0px 12px; border: 0px;}
.detailtbl			{padding-left: 8px; margin-left: 8px; border: 0px;}
.popupcolspacer		{width: 50px;}	/* popup window column spacer */

.rtnlist            {width: 700px; padding-left: 8px; margin-left: 8px; margin-bottom:20px;}
.rtnlist, td        {border: 0px; border-collapse: collapse;}
table.rtnlist .datarowodd td {border: 0px; padding-left: 4px; padding-right: 4px; background-color: #FFFFFF;}
table.rtnlist .dataroweven td {border: 0px; padding-left: 4px; padding-right: 4px; background-color: #DEDBD4;;}

.rtnform            {width: 675px; padding-left: 8px; margin-left: 8px; margin-bottom:20px;}

/* browse table */
.browsetable		{width: 99%; padding: 3px; margin-left: 8px;}
.showitems          {}
.browsenav          {} 
.browsecurrpage		{}
.browseresults   	{width: 99%; margin-left: 8px; padding: 1px;}
.browseresults td   {font-size: 9pt;}
.rowheader			{vertical-align: top;}
.columnhdrleft, .columnhdrright, .columnhdrcenter { font-weight: bold; font-size: 9pt;}
.columnhdrleft      {text-align: left}
.columnhdrright     {text-align: right}
.columnhdrcenter    {text-align: center;}
.columnhdrsortleft  {text-align: left;}
.columnhdrsortright {text-align: right;}
.columnhdrsortcenter{text-align: center;}

/* help */
.helpcolumnheader   {text-align: center; font-weight: bold; font-size: 9pt;} 
.helplabel          {color: black; border-color: #cccccc; border-style: solid; border-width: 1px; font-size: 9pt; vertical-align: top;}
.helptext    		{text-align: left; border-color: #cccccc; border-style: solid; border-width: 1px;}
.helpdatarowodd    	{background-color: #ffffff; border-width: 1px;}
.helpdataroweven   	{background-color: #cccccc; border-color: #99cccc; border-style: solid; border-width: 1px;}