/* Entire Site Style */


A:link      	{font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #0066CC; font-size: 13px;}
A:visited   	{font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #0066CC; font-size: 13px;}
A:hover      	{font-family: Arial, Helvetica, sans-serif; font-style: normal; color: #333333; text-decoration: underline; font-size: 13px;}
/* TD 				{font-family: Arial, Helvetica, sans-serif; color: #7eb24d; font-size: 18px;} */
/*TABLE 				{font-family: Arial, Helvetica, sans-serif; color: #7eb24d; font-size: 18px;} */
SELECT       	{font-family: Arial, Helvetica, sans-serif;font-size:10pt;background:#FFFFFF;color:#0066CC;}
INPUT       	{font-family: Arial, Helvetica, sans-serif;font-size:10pt;background:#FFFFFF;color:#0066CC;}
TEXTAREA     	{font-family: Arial, Helvetica, sans-serif;font-size:10pt;background:#FFFFFF;color:#0066CC;}
hr				{color: #11116E; background-color: #11116E; height: 1px;}
h1.searchZone {border-style: dashed; padding:10px; text-align:center;}
h2.black          {font-family: Arial, Helvetica, sans-serif;font-size: 18px;text-decoration: none;color: #333;line-height:1.1em;}
h3  			{font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #7eb24d;font-size: 18px;line-height: normal;border-bottom:1px #7eb24d;border-bottom-style: dotted;}
h3.noBottomBorder {font-family: Arial, Helvetica, sans-serif; border-bottom-style: none; margin-top:13px;}
h4  			{font-family: Arial, Helvetica, sans-serif;text-decoration: none;font-size:15px;color: #7eb24d;line-height:1.2em; font-weight:lighter;}
h5  			{font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #7eb24d;line-height:1.1em; font-weight:lighter;}
h5.Red 			{font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #CC3333;line-height:1.1em; font-weight:lighter;}
h5.Gray	   {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color:#333;line-height:1.1em; font-weight:lighter;}

h6  			{font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #7eb24d;line-height:1em; font-weight:lighter;}

td.bbPrice    {font-size: xx-large; text-align:right;}
.mediumFontSize {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #999;}
.mediumFontSizeBold {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #333;}


body {
 	font-family: Arial, Helvetica, sans-serif; color: #7eb24d; font-size: 18px;
	background-color: #DEEDD2;
	margin: 0;
	padding: 6px;
}


table.topNavContainer{
	padding-right:0px;
	margin-left:-35px;
}

table.topNavContainer img{
	border:0px;
}

.topNavDiv ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	font-weight: lighter;
	display: inline;
	white-space: nowrap;
	padding-right: 11px;
	padding-left: 11px;
	border-right-style: solid;
	border: 2px;
	text-decoration: none;
	border-right-color: #CCC;
	width: auto;
}

.topNavDiv a{
	font-size: 14px;
	color: #0066CC;
	text-decoration: none;
}

.topNavDiv .noBorder{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	font-weight: lighter;
	display: inline;
	white-space: nowrap;
	padding-right: 11px;
	padding-left: 11px;
	border-right-style: solid;
	border: 0px;
	text-decoration: none;
	border-right-color: #999999;
	width: auto;
}


.topSearchBar{
	white-space: nowrap;
	display: inline;
}


.searchResultsPage{
	margin-left:80px;
	padding:40px;
	width:800px;
	background-color:#f0f7ea;	
}



#menuNavDiv{
	width: 980px;
	height: 28px;
	white-space: nowrap;
	position: absolute center;
	top: 0px;
	background-color: #F9F9F9;
	border-color:#CCCCCC;
	border-style: solid;
	border-left:1px;
	border-right:1px;
	border-bottom: 0px;
	border-bottom-color:#000;
	border-top: 0px;
	background-repeat: repeat-x;
	background-position:center;
	background-image:url(../images/navigation/navGrad.gif);
	text-align: center;
}

#menuNavDiv a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: lighter;
	color: #666666;
	text-decoration: none;
	padding:10px;
}

#menuNavDiv a:hover{
	color: #FFFFFF;
	padding: 10px;
	background-repeat: repeat-x;
	background-position: top;
	background-image:url(../images/navigation/navGradOver.gif);
}

#menuNavDiv a:active{
	color: #5b8fb6;
}


/* ######### CSS for Shade Tabs ######### */

.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	display:none;/**/ /*if enabled this hides 1st set (top level) of tabs*/
}

.shadetabs img{
	border:0px;
}

.shadetabs li{
	display: inline;
	padding-right: 0px;
	padding-left: 0px;
	width: auto;
}

.shadetabs li a{
text-decoration: none;
position: inherit;
z-index: 11;
padding: 10px 0px; /*adjust these to fit bg image*/
/*margin-right: 0px;
border: 0px solid #778;*/
color: #CCC;
background: url(../images/navigation/navTabOff.png);
background-repeat:no-repeat;
background-position: top;
/*background: white url(../images/navigation/shade.gif) top left repeat-x;
cursor: default;*/
text-align:center;
}

.shadetabs li a:visited{
color: #CCC;
}

.shadetabs li a:hover{
text-decoration: none;
color: #CCC;
}

/*.shadetabs li a.selectedselected    ----- main tab style  -----
{ 
position: relative;
top: 1px;
background-color:#000;
}
*/
.shadetabs li a.selected{ /*selected main tab style */
background:url(../images/navigation/navTab.png);
background-repeat:no-repeat;
background-position: bottom;
margin-top: 0px;
position: relative;
top: 2px;
color: #FFF;
/*background-image: url(../images/navigation/shadeactive.gif);*/
/*border-bottom-color: white;*/
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabContainer{
/*	border-top:12px solid;
	border-color: #0066CC;
	background-color:#f6f9f3;*/
	width:930px;
	margin-top:-2px;
	margin-bottom: 1em;
	padding: 10px;
}



.tabcontent{
	display:none;
	white-space:normal;
}



@media print {
.tabcontent {
display:block !important;
}
}

.shadetabsSubNavContainer{
	border-bottom:8px solid;/*12px*/
	border-color:#87B7DA;  /*#89C6ED;  #0066CC;*/
	/*background-color:#0052A1;*/
	position:relative;
	top:0px;
	}


.shadetabsSubNav{
	padding: 0em;
	margin-left: 0;
	margin-top: 11px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left;
}

.shadetabsSubNav li{
	display: inline;
	padding-right: 0px;
	padding-left: 0px;
	width: auto;
}

.shadetabsSubNav li a{
	top:0px;
	padding: 14px; 
text-decoration: none;
position: relative;
z-index: 11;
	color: #FFF;
	background: url(../images/navigation/navTabOff.png);
	background-repeat:no-repeat;
	background-position: top;
	text-align:center;
}

.shadetabsSubNav li a:visited{
color: #FFF;
}

.shadetabsSubNav li a:hover{
text-decoration: none;
color:#0066CC;
}

.shadetabsSubNav li a.selected{ /*selected main tab style */
text-decoration: none;
position: relative;
top: 2px;
color: #FFF;
background-image:url(../images/navigation/navTab.png);
/*border-bottom: solid;
border-bottom-color: #0052A1;
border-bottom-width: 15px;*/
}

.shadetabsSubNav li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


.secondaryMenuIconContainer{
	margin-top:-28px;
}

.secondaryMenuIconContainerInternet{
	margin-top:-20px;
}

.explinationText{
	padding-left:38px;
	padding-top:12px;
	padding-bottom:2px;
	padding-right:12px;
	border-left: 0px;
	border-style: solid;
	border-top: 0px;
	border-bottom:0px;
	border-right:0px;
	border-right-style: dashed;
	border-right-color:#999;
	background-image:url(../images/navigation/subTextImage.gif);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:15px;
	color: #7eb24d;
	line-height:1.2em;
	font-weight:lighter;
	}


/* ######### CSS for Shade Tabs ABOVE######### */


p.testimonies{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#0066CC;
	font-size: 17px;
	line-height:23px;
	margin-left:25%;
	margin-right:25%;
	padding-bottom:25px;
}

p.testimonies:first-letter 
{
	color:#0066CC;
	font-size: 27px;
}



p.firstLine:first-line 
{
	color:#09F;
	font-weight:bold;
}



/* Home Page Style */


#homeImageRotate{
	width: 900px;
	height: 610px;
	white-space: nowrap;
	position: absolute center;
	top: 15px;
}

#homeBottomNavBar{
	width: 900px;
	height: 120px;
	background-image: url(../images/navigation/BottomNavBar.gif);
	white-space: nowrap;
	top: 25px;
	position: relative;
	border: 0px;
	border-style: solid;
	font-weight: lighter;
	table-layout: fixed;
	display: block;
	list-style-type: none;
	text-align: center;
}

#homeBottomNavBarNoLink{
	font-size: 13px;
	color: #5b8fb6;
	text-decoration: none;
	font-weight: lighter;
	list-style-type: none;
}

#homeBottomNavBar a{
	font-size: 13px;
	color: #5b8fb6;
	text-decoration: none;
	font-weight: lighter;
	list-style-type: none;
}

#homeBottomNavBar a:hover{
	color: #333333;
	text-decoration: none;
	font-weight: lighter;
}




/* Body Area Style */

.bodyArea{
	width: 980px;
	white-space: nowrap;
	position: absolute center;
	top: 0px;
	background-color: #f0f7ea;
	border-collapse: collapse;
	margin-top:-3px;
}

.eTabImage {
	width:940px;
    position: relative;
	top:44px;
	margin-left:13px;
	margin-right:5px;	
	}


.eTabBottomBorder{
	margin-left:25px;
	margin-right:25px;
	border-bottom:8px solid;
	border-bottom-color:#87B7DA;
	}
	

.tabContainerEAccounts{
    border-top: 10px solid;
	border-top-color:#0052A1;
	width:930px;
	margin-top:0px;
	margin-bottom: .5em;
	padding-bottom: 5px;
	padding-left:5px;
	padding-right:5px;
	text-decoration: none;
}


.eProfileNavContainer{
    float:left;
	width:180px;
	text-align: left;
	padding-right:.75em;
	border-right:0px dotted #999999;
	table-layout: auto;
	font-size: 17px;
	line-height: inherit;
	margin-top:2px;
}

.eProfileBodyContainer{
	float:left;
	width:690px;
	padding-left:1.5em;
	padding-right:1em;
	text-align: center;
	border-left:2px dotted #999999;
	table-layout: auto;
	font-size: 17px;
	line-height: inherit;
	background-color:#F8FBF4;
	margin-top:2px;
}


#bodyHeading{
	padding:0px;
}

#bodyBody{
	height:500px;
	padding-left: 15px;
	padding-right: 15px;
}





/* Bottom Bar Style */

#bottomNavBar{
	width: 900px;
	height: 120px;
	background-image: url(../images/navigation/BottomNavBar.gif);
	white-space: nowrap;
	top: 45px;
	position: relative;
	border: 0px;
	border-style: solid;
	font-weight: lighter;
	table-layout: fixed;
	display: block;
	list-style-type: none;
	text-align: center;
}


#bottomNavBarNoLink{
	font-size: 13px;
	color: #5b8fb6;
	text-decoration: none;
	font-weight: lighter;
	list-style-type: none;
}

#bottomNavBar a{
	font-size: 13px;
	color: #5b8fb6;
	text-decoration: none;
	font-weight: lighter;
	list-style-type: none;
}

#bottomNavBar a:hover{
	color: #333333;
	text-decoration: none;
	font-weight: lighter;
}


/* Accordian Menus Style */



.applemenu{
	margin: 5px 0;
	padding: 0;
	width: 945px; /*width of menu*/
	border: 0px solid #9A9A9A;
}

.applemenu div.silverheader a{
	background: black url(../images/navigation/accordianBar.gif) repeat-x center left;
	color: white;
	text-indent: 2px;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0;
	padding-left: 8px;
	text-decoration: none;
	border: 0px solid #999999;
	background-color: #f0f7ea;
}


#silverheaderVariableColor1 {
	margin-left:15px;
	color:#FFFF33;
	text-indent: 15px;
}




.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
	color: white;
	background-color: #f0f7ea;
}


.applemenu div.silverheader a:hover{
	background-image: url(../images/navigation/accordianOverBar.gif);
	color: white;
	background-color: #f0f7ea;
}


.applemenu div.selected a{
	background-image: url(../images/navigation/accordianSelectedBar.gif);
	color: white;
	background-color: #f0f7ea;
}

.applemenu div.unselected a{
	background-image: url(../images/navigation/accordianUnSelected.gif);
	color: white;
	background-color: #f0f7ea;
}


.applemenu div.submenu{ /*DIV that contains each sub menu*/
	padding: 5px;
/* height: 520px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
	border: 0px solid #999999;
	background-image:url(../images/navigation/accordianBody.gif);
	background-color: #f0f7ea;
	white-space: normal;
	overflow: auto;

}

.submenuListNoChange a{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	color: #7eb24d;
	font-size: 18px;
	font-weight: lighter;
}





/* Body Container Div's and Content's */


.master{
	background-color:#000;
}

div.imgThumb
  {
  margin:5px;
  border:3px;
  border-style: double;
  border-color: #E5E5E5;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  padding: 20px;
  }
div.imgThumb img
  {
  display:inline;
  margin:3px;
  border:1px solid #E5E5E5;
  }
div.imgThumb a:hover img
  {
  border:1px solid #0066CC;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }



td.img img{
	border:1px solid #7eb24d;
}


div.bodycontainer
{
	width:98.2%;
	margin:0px;
	border:0px solid gray;
	line-height:150%;
}
div.bodyheader,div.bodyfooter
{
	padding:.6em;
	color:#0066CC;
	background-color: #DEEDD2;
	clear:left;
	font-size:13px;
	line-height: normal;
    border-top: 10px solid;
	border-top-color:#0052A1;
}
h1.bodyheader
{
	padding:0;
	margin:0;

}


div.bodyheaderEAccounts,div.bodyfooterEAccounts
{
	padding:.6em;
	color:#0066CC;
	background-color: #DEEDD2;
	clear:left;
	font-size:13px;
	line-height: normal;
/*    border-top: 10px solid;
	border-top-color:#0052A1;*/
}

h1.bodyheaderEAccounts
{
	padding:0;
	margin:0;
	text-align:left;
}

	
	
	
div.bodyleft
{
	float:left;
	width:382px; /*700*/
	text-align: center;
	padding:1.5em;
	border-right:0px dotted #999999;
	table-layout: auto;
	font-size: 17px;
	line-height: inherit;
}

div.bodyleftSingleColumn{
	float:left;
	width:600px; /*700*/
	text-align: center;
	padding-left:3.5em;
	padding-top:1.5em;
	border-right:0px dotted #999999;
	table-layout: auto;
	font-size: 17px;
	line-height: inherit;
}

div.bodyleftScroll
{
	float:left;
	width:382px; /*700*/
	height: 920px;
	text-align: center;
	padding:1.5em;
	border-right:0px dotted #999999;
	table-layout: auto;
	font-size: 17px;
	line-height: inherit;
}


div.bodyleftSmallMaster
{
	float:left;
	width:25%;
	height: 920px;
	text-align: center;
	padding-left:0.5em;
	padding-top:1em;
	padding-right:1.5em;
	/*	padding:1.5em;*/
	border-right:0px dotted #999999;
	table-layout: auto;
	font-size: 17px;
	line-height: inherit;
}


div.bodyleftRtBorder
{
	float:left;
	width:382px;
	text-align: center;
	padding:1.5em;
	border-right:2px dotted #999999;
	table-layout: auto;
	font-size: 17px;
	line-height: inherit;
}


div.bodyleftRtBorderLessPadding
{
	float:left;
	width:445px;
	text-align: center;
	padding-top:1.5em;
	padding-right:.2em;
	border-right:0px dotted #999999;
	table-layout: auto;
	font-size: 17px;
	line-height: inherit;
}


div.bodyleftRtBorderScroll
{
	float:left;
	width:382px;
	height: 920px;
	text-align: center;
	padding:1.5em;
	border-right:2px dotted #999999;
	table-layout: auto;
	font-size: 17px;
	line-height: inherit;
	overflow:auto;
}

div.bodyright
{
	float:left;
	width:410px;
	padding:1.5em;
	text-align: center;
	border-left:2px dotted #999999;
	table-layout: auto;
	font-size: 17px;
	line-height: inherit;
}


div.bodyrightBigDetail
{
	float:left;
	/*width:70%;*/
	padding-top:2em;
	padding-left:1.5em;
	text-align: center;
	border-left:2px dotted #999999;
	table-layout: auto;
	font-size: 17px;
	line-height: inherit;
	background-color:#F8FBF4;
}

div.bodyrightNoLtBorder
{
	float:left;
	width:410px;
	padding:1.5em;
	text-align: center;
	border-left:0px dotted #999999;
	table-layout: auto;
	font-size: 17px;
	line-height: inherit;
}

div.bodyrightWithLtBorderLessPadding
{
	float:left;
	width:410px;
	padding:1.5em;
	text-align: center;
	border-left:2px dotted #999999;
	table-layout: auto;
	font-size: 17px;
	line-height: inherit;
}

.priceTotal
{
	border-bottom: .1em;
	border-bottom-color:#7eb24d;
	border-bottom-style: solid;
}

.signUpArea
{
	border: 1px dotted #7eb24d;
}

div.bodyDescription
{
	float:left;
	width: 100%;
	margin:0;
	padding:1em;
}
div.bodycontent
{
	margin-left:330px;
	border-left:0px solid #999999;
	padding:1em;
}



    /*  SpryData CSS Below   */

/* SpryMasterDetail.css */

/* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Master/Detail structure container. 
 *
 * If you want to constrain the width of the Master/Detail structure, set a width on
 * the Master/Detail container. By default, our structure expands horizontally to fill
 * up available space.
 */
.MasterDetail
{
	font: 80% Arial, Helvetica, sans-serif;
	margin: 2px;
}


/* This is the selector for the Master Container element which houses all the MasterColumn
 * classes. By default the Master column occupy about 35% from the width of the 
 * entire structure. 
*/
.MasterDetail .MasterContainer
{
	color: #7eb24d;
	width: 100%;
	float: left;
	overflow: hidden;
}

/* This is the selector for a Master Column element which holds the actual data for 
 * a master column.
*/
.MasterColumn
{
	font-size: 13px;
	color: #0066CC;
	padding:5px;
	cursor:pointer;
	border-bottom: 1px dotted #7eb24d;
}

.MasterScroll
{
	font-size: 17px;
    color: #7eb24d;
	padding:5px;
	cursor:pointer;
	border-bottom: 1px dotted #7eb24d;
	height:550px;
	overflow: scroll;
/*	scrollbar-3d-light-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #ffffff;
	scrollbar-dark-shadow-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;*/
}

.b2bDirectoryTable
{
	padding-left:10px;
	padding-top:16px;
	padding-bottom:16px;
}

.b2bDirectoryTable a
{
	text-decoration: none;
}

.b2bDirectoryImage
{
	padding-top:16px;
	padding-bottom:16px;
}

.b2bDirectoryImage img
{
  border:3px;
  border-style: double;
  border-color: #E5E5E5;
}

.b2bDirectoryMenu
{
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
	font-size: 36px;
	line-height: 40px;
	color: #DEEDD2;
}


/* (I created my own see below) This is the selector for a highlighted Master Column element.

.MasterDetail .MasterColumnHover
{
	background-color: #DEEDD2;
}
*/
/* (I created my own see below) This is the selector for a selected Master Column element.

.MasterDetail .MasterColumnSelected
{
	background-color:#DFEFFF;
	color: #0066CC;
}
*/
.columnHover
{
	background-color: #DEEDD2;
}

.columnSelected {
	background-color:#DFEFFF;
	color: #0066CC;
}

.evenClass{
	background-color: #EEF5E9;
	border: thick;
	border-color:#000;
	border-style:solid;
}


/* This is the selector for the Detail Container element which houses all the DetailColumn
 * classes. By default the Detail column occupy about 60% from the width of the 
 * entire structure. 
*/
.MasterDetail .DetailContainer
{
	font-size: 16px;
	border: 1px dotted #7eb24d;
	padding:10px;
	width:435px;
	float: right;
	overflow: visible;
	line-height: 1.5em;
		background-color:#F8FBF4;
}


.MasterDetail .DetailContainerBigger
{
	font-size: 16px;
	border: 1px dotted #7eb24d;
	padding:20px;
	width:580px;
	float: right;
	overflow: visible;
	line-height: 1.5em;
}


/* This is the selector for a Detail Column element which holds the actual data for 
 * a detail column.
*/
.MasterDetail .DetailColumn
{
	margin-bottom: 1px;
	
}

.MasterDetail .DetailColumn img
{
	border:0px;
}


/*  SpryData CSS Above   */
  
  
  
  
  

  
/*  eBill Pages CSS Below  */



.eBillCenterContainerColumn{
	background-color:#FFF; 
	padding:35px; 
	border:#999	solid 1px;
	width:700px;
	}
	
.eBillCenterColumn{
	color:#333;
	width:700px;
	}
	
.eBillLeftRightColumn{
	width:80px;
	}


.eBillOddRow{
	background-color: #ECF5FF; 
	/*	background-color: #F7F7F7; */
	}

.eBillEvenRow{
	/*background-color:#FFF; */
	}

.boxTopStretch {
	height:23px; 
	background-color:#090; 
	padding:5px;
	}

.boxTopTitle160 {
	text-align: left;
	left:10px;
	font:bold 11px arial;
	color:#FFFFFF;
	width:670px;
	}

.boxTopTitle160 a:visited {
  color: #333;
}

td.broadbandCell
{
	color: #1E7F2F;
	margin-right:auto;
    margin-left:auto;
	padding: 5px;
	text-align: center;
	background-color: #EAEAFF;
}

td.broadbandSubText
{
  font-size: 10px;
  color: #1E2F7F;
  text-align: center;
  background-color: #EAEAFF;
}

td.xfonCell
{
	color: #1E7F2F;
	margin-right:auto;
    margin-left:auto;
	padding: 5px;
	text-align: center;
	background-color: #ccffcc;
}

td.xfonSubText
{
  font-size: 10px;
  color: #1E7F2F;
  text-align: center;
  	background-color: #ccffcc;
}

div.agreeStatement
{
	background-color: #EAEAFF;
	border: 2px dotted #999999;
	color:#333;
}

.registerTextBox {
	font-size: 12px;
	color: #3B4DA0;
	height: 20px;
	width: 140px;
}

.valsummary
{
  background-color: #ffcccc;
  border: solid 1px #990000;
  color: #990000;
  font-size: 12px;
  margin-right: 1px;
  margin-left:auto;
  position: relative;
	text-align: left;
	width: 400px;
}

.billingCreditsContainerColumn
{
	background-color:#FFF; 
	padding:20px; 
	border:#999	solid 1px;
	width:800px;
	}
	
.billingCreditsCenterColumn
{
	color:#000;
	width:720px;
}
	
.billingCreditsHeader
{
	font-size:30px;
	color:#0066CC;
	text-align:left;
}

td.billingCreditsNameColumn
{
	font-size:18px;
	color:#000;
	text-align:left;
}

td.billingCreditsDescriptionColumn
{
	font-size:14px;
	color:#000;
	text-align:left;
}

td.billingCreditsStatusColumn
{
	font-size:14px;
	text-align:center;
}

td.billingCreditsSavingsColumn
{
	font-size:20px;
	color:#7eb24d;
	text-align:center;
}

td.billingCreditsActionColumn
{
	font-size:14px;
	color:#000;
	text-align:center;
}

.billingCreditsBodyText
{
	font-size:16px;
	color:#000;
	text-align:left;
}

/*  eBill Pages CSS Above  */


  
  
/*  Step Carousel Pop up below  */ 

.stepcarousel{
position: relative; /*leave this value alone*/
border: 8px solid #7eb24d;
overflow: scroll; /*leave this value alone*/
width: 430px; /*Width of Carousel Viewer itself*/
height: 173px; /*Height should enough to fit largest content's height*/
background-color: #000;
top:0px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 5px; /*margin around each panel*/
	width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	padding-top:10px;
	height: 150px;
	background-color: #CCC;
	color: #FFF;
	font-weight: bolder;
}

.stepcarousel .panel img{
	border-color: #FFF;
	border-style: solid;
	border-width:10px;
}

.carousel {
	font-size: 16px;
	color:#09F;
}

.carousel img{
	border: 0px;	
	}
	
.carousel a{
	border: 0px;
	text-decoration: none;
	}
	
/*.carousel a:hover img{
	border: 0px;
	text-decoration: none;
	}
*/

.carouselText{
	/*position: relative;
	top:0px;*/
	font-size: 16px;
	padding:2px;
	color:#09F;
	}
	
.stepCarouselContainer{	
	position: relative;
	top:-6px;
	left:-10px;
	border-color: #CCC;
	border-style: dotted;
	border-width:2px;
	background-color: #F8FBF4;
	padding:4px;
}

/*  Step Carousel Pop up above  */



/* SpryTooltip Below */

/* HACK FOR IE: to make sure the tooltips show above form controls, we underlay each tooltip with an iframe */
.iframeTooltip
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);

}

.tooltipContent
{
	padding:20px;
	background-color: #f0f7ea;
	border:3px;
	border-color:#09F;
	border-style: double;
	width:430px;
	text-align:left;
	float:left;
	clear:both;
	z-index:1000;
}

.tooltipContent ul li
{
	padding:7px;
	color: #0066CC;
	font-size:14px;
}


.pullOutDetail
{
	border:2px;;
	border-color: #999999;
	border-style: dotted;
	background-color:#F8FBF4;
	padding:7px;
	
	}

.pullOutDetailHeading
{
	
}

.pullOutDetailRadioText
{
	color:#09F;
}



/* SpryTooltip Above */






/* DHTML POP-UP WINDOW STYLE BELOW */


.dhtmlwindow{
position: absolute;
border: 17px solid #d0e47e;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid #000;
background-color: white;
color: black;
height: 150px;
padding: 10px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
padding:5px;
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}


.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: gray;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(../images/blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
opacity: 0.8;
}



/* DHTML POP-UP WINDOW STYLE ABOVE */