/*This is a test, just a test. Just testing svn This can be removed */


/*
The two styles below, #img2 and .img2 are being used by customer care to control
the roundmsgbox.  It also appears they are used in other areas of customer care.
*/

#img2 {
	margin:0px 0 0px;
}

.img2 {
	margin:0px 0 0px;
}


a {color:#0066cc; text-decoration:none;}
a:hover {color:#339933; text-decoration:underline;}

html, body {
  margin: 0;
  padding: 0; 
}

body {
  margin: 0;
  padding: 0; 
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  font-family: 'arial',sans-serif;
  color: #000000;
  behavior: url("csshover.htc");
}

br { clear: both; }

table {
  color: #000000;   
  -moz-border-radius-topleft: 5px;  
  -moz-border-radius-topright: 5px; 
}

#maincontent {
  background-color:#dddddd;
  margin:2px;
  margin-top:1px;
  padding:3px;
  border:3px solid #C3C3C3;
/*   background-image:url(/images/cc/bg.gif); */
/*   background-repeat: repeat; */
  -moz-border-radius-topleft: 5px;  
  -moz-border-radius-topright: 5px;
  height: 1%;
}

* html #maincontent {
  background-color:white;
  margin:2px;
  margin-top:1px;
  padding:3px;
  border:3px solid #C3C3C3;
/*   background-image:url(/images/cc/bg.gif); */
/*   background-repeat: repeat; */
  -moz-border-radius-topleft: 5px;  
  -moz-border-radius-topright: 5px;
  height: 1%;
  position: relative;
}

#welcomebox {
  margin:5px;
  margin-left:30px;
  margin-right:30px;
  padding:10px;
  border-top:1px solid navy;
  border-right:4px solid navy;
  border-bottom:4px solid navy;
  border-left:1px solid navy;
  background-image:url(/images/cc/rect3179.png);
/*  background-color:#9EBDFF;  */
  text-align:center;
/*   -moz-border-radius-topleft: 5px;   */
/*   -moz-border-radius-topright: 5px; */
	-moz-border-radius: 25px;
	border-radius: 25px;
}

#ccheading{
  color:navy;
  margin:2px;
  padding:2px;
  text-align:center;
  -moz-border-radius-topleft: 5px;  
  -moz-border-radius-topright: 5px;
}
#ccbody{
  margin: 10px;
  background-color:white;
  padding:15px;
}
#debug {
  position:inherit;
  top:120px;
  margin:2px;
  padding:5px;
  text-align: left;
  right:1px; 
  width:200px;    
  font:normal 10px arial;
  border: 2px solid navy;
/*   //border-top:1px solid black; */
/*   //border-left:1px solid black; */
  background-color:#9EBDFF;
  color:navy;
  -moz-border-radius: 5px;  
}
.bullet{
  color:red;
  font-weight:bold;
  font-size: 14px;
}       
.ccheading {
  text-align:center;
  font-size:18px;
  font-weight:bold; 
  color:navy;
  margin:4px;
  padding:4px;
  -moz-border-radius-topleft: 5px;  
  -moz-border-radius-topright: 5px;
}     
.ccsubheading {
  text-align:center;
  font-size:14px;
  font-weight:bold; 
  color:black;
  margin:1px;
  padding:1px;
  -moz-border-radius-topleft: 5px;  
  -moz-border-radius-topright: 5px;
}     
    
.ccfaqheading {
  text-align:left;
  font-size:14px;
  font-weight:bold; 
  color:navy;
  margin:10px;
  margin-left:0px;
  padding-bottom:0px;
  border-bottom:1px solid navy;
  -moz-border-radius-topleft: 5px;  
  -moz-border-radius-topright: 5px;
}         
          
.messagebox {
  background-color:#F2F6F7;
  font-size:12px;  
	border: 1px solid B7DCCB;
	margin: 5px;
	padding: 3px;
  clear:both;
  color:#4b80c2;  
  font-weight:normal;   
/*   -moz-border-radius: 5px;    */
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.messagebox1 {
/*   border:1px solid blue;   */
  background-color:white;  
  font-size:12px;
  background-image:url(/images/cc/messagebox.png);
  background-repeat:repeat-x; 
  clear:both;
  color:#0000ff;  
  font-weight:normal;   
/*   -moz-border-radius: 5px;    */
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.errormessagebox {
  border:1px solid red; 
  font-size:12px;
  background-color:white; 
  background-image:url(/images/cc/error_message_box.png);
  background-repeat:repeat-x; 
  clear:both;
/*  padding:15px; */
/*  margin:1px; */
/*  margin-top:5px; */
/*  text-align:center; */
/*  margin-bottom:5px;   */
  color:black;  
  font-weight:normal;   
  -moz-border-radius: 5px;  
/*  -moz-border-radius: 5px;   */
}

.errormessage { 
  clear:both;
  padding:3px;
  margin:0px;
  margin-left:142px;
  width:50%;
  color:#CC3300;
  font-weight:bold;
  font-size:12px;
  }
.errormessagehd {   
  padding:5px;
  margin:10px;    
  color:#CC3300;
  font-weight:bold;
  font-size:12px;
  text-align:center;
  }
  
.divbluebutton {
  margin:2px;
  padding:2px;
  text-align:right; 
}
          
.bluebutton {
  font:bold 13px arial; 
  color:#ffffff; 
  background-color:#0066cc; 
  -moz-border-radius: 5px;  
  -moz-border-radius: 5px;
}

          
.ccsearch {
  color:black;
  font-size:12px;
  font-weight:bold; 
  padding:2px;        
  margin:2px;
}         
a.view {
  color:#C00000;
  text-decoration:none;
  font:bold 11px Arial, Helvetica, sans-serif;
  }

a:hover.view {
  color:#400000;
  text-decoration:none; 
  font:bold 11px Arial, Helvetica, sans-serif;
  }


/* Text Colors */
.text {text-align: left;
      clear: both;
      color: #313131;
      font:normal 11px Arial, Helvetica, sans-serif;        
      }

a {color:navy:text-decoration:none;}      
a.red {color:navy;text-decoration:none;}
a:hover.red,a:hover {color:maroon;text-decoration:none;}

.balance {
  margin:1px;
  padding:1px;
  color:black;
  font-weight:bold;navy
}

.help {text-align:center;
  color:#434343;
  font-size:12px; 
  margin:1em;
  
  padding:5px;
}

.helpcsr {text-align:center;
  color:#434343;
  font-size:12px;   
  padding:0px;  
  border:0px; 
  text-align: center;
}
      
.account {float:left;background-color:#fff; color:#000;font-size:12px; margin-left:1px;padding:1px;}
    
div#menubody {
  border-right:2px solid gray;
  border-bottom:2px solid gray;
  border-left:1px solid gray;
  border-top:1px solid gray;
  background-image:url(/images/cc/bg.gif);
  margin:2px;
  padding:2px;
  width:14em;
  -moz-border-radius: 8px;  
  -moz-border-radius: 8px;
} 
        
.menutitle,.menutitle a {
  text-align: center;
  display:block;
  color:#72828e;
  font-size:14px;
  background-color:#e8e8e8;
  font-variant: small-caps;
  font-family:Arial, sans-serif;
}
.menu a {text-align:left;display:block; border:2px solid #93CDFF; background-image:url(/images/cc/cc_menu.png);
     border-left:2px solid red;border-bottom:2px solid #DEDEDE;border-top:2px solid #A3C2FF;color:navy;padding:1px;}
  /* CSR Colors */
.menu a:hover {background-image:url(/images/cc/cc_menu.png);; color:red;
      border:2px solid #6598FF;border-left:2px solid red;text-decoration:none;padding:1px;}
.menug a {text-align:left;display:block; border:2px solid #B6E5B5; background-image:url(/images/cc/cc_contactmenu.png); border-left:2px solid #00783C;padding:1px}
.menug a:hover {text-align:left;border:2px solid navy; background-color:#AFC8F9; color:black; border-left:2px solid red;text-decoration:none;padding:1px;}
    
.menut a {text-align:left;
  display:block; 
  border:2px solid #93CDFF; 
  background-image:url(/images/cc/cc_csrtool.png);
     border-left:2px solid red;border-bottom:2px solid #DEDEDE;border-top:2px solid #A3C2FF;color:navy;padding:1px;}
  /* CSR Colors */
.menut a:hover {background-color:#AFC8F9; color:red;
      border:2px solid #6598FF;border-left:2px solid red;text-decoration:none;padding:1px;}
.menutg a {text-align:left;display:block; border:2px solid #B6E5B5; background-color:#B6E5B5; border-left:2px solid #00783C;padding:1px}
.menutg a:hover {text-align:left;border:2px solid navy; background-color:#AFC8F9; color:black; border-left:2px solid red;text-decoration:none;padding:1px;}
    
    
    /* Login Fields */
.login {margin:0px;padding:1px;font-size:12px;color:navy; }
.input {margin:0px;padding:1px;font-size:12px;color:black; }
   
/* This is used by the content */
.navleftcc {clear:both;
          text-align:right;
          float:left;
          width:250px;                    
          padding:1px;
          margin:1px;
          }
   
   /* this is used for the login */
.navleft {clear:both;
          text-align:right;
          float:left;
          width:180px;          
          padding:1px;
          }
.navright {text-align:left;
          margin-left:2px;          
          padding:1px;
/*           width:100%; */
          }
.navclear {
          clear:both;
          margin:0px;
          padding:0px;
}         
.loginscreen{
	width: 70%;
}

.firstscreen{
	width: 35%;
}

.inputbox { 
  margin:2px;
  text-align:left;
  }
  
.url      {clear:both;
          margin:1px;
          text-align:left;
          }   
        
.url2     {
  margin:1px;
}       
.menud {border:0px;padding:0px;margin:0px;height:5px;
  font: normal 6px Arial, Helvetica, sans-serif;
  }   

.required {color:red;font-size:15px;font-family:arial;font-weight:normal; }

.navigation a {color:black;text-decoration:none;}
.copyright {font-size:11px; font-family:arial; color:#484848; font-weight:normal;}

.error {color:red;font-weight:normal;font-family:arial;font-size:12px;}

.highlight {
  color: #008000;
  font: bold 12px Arial, Helvetica, sans-serif;
  background-color: white;
}
.dropdown {font-size:11px; font-family:arial; background-color:#ffffff; color:#000066; font-weight:normal;}

.shiftcontainer{
  position: relative;
  left: 4px; /*Number should match -left shadow depth below*/
  top: 3px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
/*   align:center; */
  margin:10px;
  margin-top:5px;
  margin-left:auto; 
  margin-right:auto; 
  text-align:center;
  margin-bottom:5px;  
  padding: 1px;
  background-color: #d1cfd0;
  -moz-border-radius: 5px;
  position: relative;
  width: auto;
  	-moz-border-radius: 10px;
	border-radius: 10px;
}

.shadowcontainer .innerdiv{
  /* Add container height here if desired */
  
  position: relative;
  left: -4px; /*shadow depth*/
  top: -3px; /*shadow depth*/
}

.feedbackform{
padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 550px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 150px; /*width of label (left column)*/
text-transform: uppercase;
border-bottom: 1px solid blue;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}

.alinktxt{color:red;}





	/* This is a side bar menu that i am considering using for customer care and doing away with the current menu.
			This menu uses javascript*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
/* background-color: #0067c5; /*background of tabs (default state)*/
background: #0067c5 url(images/awmenu.png) repeat-x;
text-align: left;
}

.sidebarmenu ul li a:visited{
text-align: left;
color: #0067c5;
}

.sidebarmenu ul li a:hover{
/* background-color: #00378b; */
background: url(images/awmenuon.png) repeat-x;
color: white;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(images/awmenu.png) repeat-x;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; text-align: left; }
* html .sidebarmenu ul li a { height: 1%; text-align: left;}
/* End */

/* end side menu javascript for customer care */



/* IE6 css fixer v0.7: Fri, 29 Jan 2010 19:52:36 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html .account,
* html .navleftcc,
* html .navleft,
* html div.fieldwrapper label.styled,
* html div.fieldwrapper div.thefield,
* html * html .sidebarmenu ul li {display:inline;}

/* add zoom:1 to overflow:hidden */
* html .account,
* html .navleftcc,
* html .navleft,
* html div.fieldwrapper label.styled,
* html div.fieldwrapper div.thefield,
* html * html .sidebarmenu ul li {zoom:1;}

/* add zoom:1 to pos:relative elements */
* html * html #maincontent,
* html .shiftcontainer,
* html .shadowcontainer,
* html .shadowcontainer .innerdiv,
* html .sidebarmenu ul li {zoom:1;}
* html .sidebarmenu ul li {zoom:1;}



/* Customer care Side Menu Non Java Script */
#ccmenu {
width: 180px;
float:right;
font: bold 16px Verdana;
/* border-bottom: 2px solid #778; */
display: inline;
}

#ccmenu ul {
margin: 0;
text-align: left;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main ccmenu Item widths */
/* border-bottom: 2px solid #778; */
}

#ccmenu a, #ccmenu h2 {
font: 13px Georgia, "Times New Roman", Times, serif;
/* font: bold 13px Verdana; */
display: block;
margin: 0;
/* padding: 2px 3px; */
border-bottom: 1px solid #778;
border-right: 2px solid #778;
}

#ccmenu h2 {
color: white;
text-align: center;
background: url(images/awmenuon.png) repeat-x;
}

#ccmenu a {
color: #0067c5;
background: #0067c5;
text-decoration: none;
background: url(images/awmenu.png) repeat-x;

}

#ccmenu a:hover {
/* height: 25px; */
background: url(images/awmenuon.png) repeat-x;
color: white;
}

#ccmenu li {
/* height: 25px; */
background: url(images/awmenu.png) repeat-x;
position: relative;
zoom: 1;
}

#ccmenu ul ul ul {
position: absolute;
top: 0;
right: 100%;
width: 100%;
}

div#ccmenu ul ul ul,
div#ccmenu ul ul li:hover ul ul
{display: none;}

div#ccmenu ul ul li:hover ul,
div#ccmenu ul ul ul li:hover ul
{display: block;}


 #ccmenu ul li {float: right; width: 100%; display:inline;}

/* End new menu for customer care */

/* this is used to control data size chart used for data usage */

.cc_unitinfo{
   position:relative;
   width: 20em;
   margin:0 auto 0 auto;
   padding:.2em;
/*    background-color:green;  */
   }

.cc_unittxt{
   font:bold .7em sans-serif;
/*    color: #0067c5; */
		color: red;
   }
   

/*The below items are used to create message box with round corners.     */
.cornerBox {
	position: relative;
	background: white;
background-image:url(/images/cc/rect3179.png);
	height: 60px;
	color: #0000ff;
	width: 10%;
}
.corner {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url('images/corners.png') no-repeat;
	font-size: 0%;
}
.cornerBoxInner {
	padding: 2px;
}
.TL {
	top: 0;
	left: 0;
	background-position: 0 0;
}
.TR {
	top: 0;
	right: 0;
	background-position: -10px 0;
}
.BL {
	bottom: 0;
	left: 0;
	background-position: 0 -10px;
}
.BR {
	bottom: 0;
	right: 0;
	background-position: -10px -10px;
}
/*This ends the code to create round message boxes.  */

/* this is for a snazzy box */
.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.0em; 
/* padding:0 10px 5px 10px;  */
border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:14px;
}
.xsnazzy {
background: transparent; 
/* width:300px;  */
/* float:left;  */
margin:0 3px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
/* background:blue; */
background-image:url(/images/cc/snazybox.png);
color:#fff;
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}
/* End cod for snazzy box */