/* CSS document */
/** used for all labels in the form and tables **/


.label { 
	
	font-size: 13px; 
	color: #000000; 
	font-weight: bold; 
    float: left;
    text-align: left;
    margin: 1 1em 10px 0
    clear: both
}
.labels { 
	
	font-size: 13px; 
	color: #000000; 
	font-weight: bold; 
    float: none;
    text-align: center;
    margin: 1 1em 14px 3;
    clear: both 
    
}
.d1pp_formLabels
{
	color:#000000;
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	 
}
.formbold { 
	font-size: 12px; 
	color: #444444; 
	font-weight: bold; 
	}

/*** USED FOR FEW FORM FIELDS **/
form#form { 
 background-color: none; 
 color: #000000; 
 border: 0px solid #000000; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 text-align: left; 
 font-weight: bold;
 
}
#form .text { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 margin-right: 6px; 
 background: #FFF
 
}

#form .buttons { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 background-color: #000000; 
 color: #FFFFFF; 
 margin-right: 6px; 
}

/*** FOR ERROR MESSAGES and GENERAL MESSAGE PAGE **/
.messages {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #9A2730;
	Font-weight: bold;
}


/* define default tags */
BODY, TABLE, DD, TR, TH, TD, BLOCKQUOTE, DIV, SPAN, DD, U, UL, DL, H4, H5, INPUT, A, BR, CENTER, I,  LI, OL, TEXTAREA, FORM, P { 
	font-size: 12px; 
	font-family: arial, helvetica, sans-serif; 
	color: #000000;
	}

/*** GENERAL LINKS **/
A  { 
	font-size: 12px; 
	font-weight:bold;	
	color: #CC0000; 
    text-decoration: none;
	} 

A:Visited { 
	font-size: 12px; 
	font-weight:bold;
	color: #010167; 
	} 

A:Hover { 
	font-size: 12px;
	color: #CC0033;
	/*font-weight:bold;*/
   /* text-decoration: underline; */
	}

/* FAQ TOP LINKS */
A.promos { 
	font-size: 12px; 
	color: #010167; 
	font-weight: bold;
	}

A:HOVER.promos { 
	font-size: 12px; 
	color: #E95625; 
	font-weight: bold;
	}
/** FAQ FOOTER LINKS **/
A.footerlinks {
	font-size: 11px;
	font-weight:bolder;
	color: #010167;
	}

A:HOVER.footerlinks { 
	font-size: 11px; 
	font-weight:bolder;
	color: #6666CC; 
	}

A:VISITED.footerlinks { 
	font-size: 11px; 
	font-weight:bolder;
	color: #CC0000; 
	}

u1{
	color: #660000;
}


/* New */
.header1 { 
	font-size: 18px; 
	color: #444444; 
	font-weight: bold; 
	}
	
.header2 { 
	font-size: 16px; 
	color: #444444; 
	font-weight: bold; 
	}
	
.header3 { 
	font-size: 14px; 
	color: #444444; 
	font-weight: bold; 
	}

.header5 {
	font:  bolder 17px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #70757a;
	margin: 0 0 15px 0
}

.error { 
	color: red; 
	font-weight: bold; 
	}

.formbolder {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	}

.promos { 
	font-size: 10px; 
	color: #666666; 
	}

.errorsheader{
        color: red;
        font-weight: bold;
        !important;
        }
.isred{
        color: red;
        font-size: 15px
        !important;
        }
.boldRed{
        color: red;
        font-size: 14px;
        font-weight: bold;
        text-decoration: underline;
                   
        }          

.registertopic{
        font-style: italic;
        font-size: 13px; 
	color: #e00038; 
	font-weight: bold;
        !important;
       }
/* Squish */

FONT, SPAN { font-size: 12px; font-family: arial, helvetica, sans-serif; color: #000000; font-style: normal; !important;} 
EM { font-style: normal; !important;} 
SPAN { color:#000; !important;}

.blue{
          color: #6A5ACD; text-decoration: none;
          font-size: 18px; 
          font-weight: bold; !important
        
}      
.purple{
	     color: #6633FF;  
	     font-size: 12;
         font-weight: bold; !important
         font-style: italic;
 }
 
.maccblue{
	     color: #21467b;  
	     font-size: 12;
         font-weight: bold; !important;
         font-style: italic;
 }
.red{ 
	     color: #990000;  
	     font-size: 12;
         font-weight: bold; !important;
         
 }


/** THIS COLOR IS USED FOR SMS ADD ACCOUNT MESSAGE **/
.smsmsg{ 
	font-size: 16px; 
	color:#0a1972; 
	font-weight: bold; 
	}	
	
	
.smallred{ 
	     color: #990000;  
	     font-size: 11;
         font-weight: bold; 
         
 }
 .smallerred{ 
	     color: #990000;  
	     font-size: 9;
         font-weight: bold; 
         
 }
 .brown{ 
	     color: #660000; text-decoration: none;
          font-size: 17px; 
          font-weight: bold; !important  
 }

.detailbutton {
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 12px; 
	 text-decoration: underline;
	 background-color: white; 
	 color: 2D43AD; 
	 border: none;
	 cursor: pointer;	
	} 
	
.disabled {
	font-size: 12px; 
	font-family: arial, helvetica, sans-serif; 
	color: #999999;
	}
u{
	color: #660000;
}

table, td, a {
	color: #000;
	font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif
}

h1 {
	font: normal normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0
}

h2 {
	font: normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0
}

h3 {
	font: normal normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008000;
	margin: 0 0 15px 0
}

h7 {
	font: normal normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #FF0000;
}
H6 {
	font-size: 8pt;
	color: #5E5EFF;
	}
	
h4 {
	font: normal bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin: 0 0 15px 0
}

h5 {
	font-size: 15px;
	font-weight: bolder;
	color: #CC0000;
}


/* end basic styling */
/* Table Customer info : define height and width of scrollable area. Add 16px to width for scrollbar */
div.tableCustomer {
	clear: both;
	border: 0px solid #6BA772;
	height: 250px;
	width: 350px;
}

/* Table Customer info : define height and width of scrollable area. Add 16px to width for scrollbar */
div.tableTranDetail {
	clear: both;
	border: 0px solid #6BA772;
	height: 250px;
	width: 600px;
}

/* define height and width of scrollable area. Add 16px to width for scrollbar          */ 
div.tableContainer { 
        clear: both; 
        border: 0px solid #6BA772; 
        height: 150px; 
        overflow: auto; 
        width: 770px 
}

/* define height and width of scrollable text area. - newly added for preregister text area*/ 
div.textContainer { 
        clear: both; 
        color:navy;
        height: 300px; 
        overflow: auto; 
      
}

/** MANAGE PAYMENT ACCOUNTS PAGE TABLES **/
div.tableContainer1 {
	clear: both;
	border: 0px solid #6BA772;
	height: auto;
	overflow: auto;
	width: 100%; /*590px*/
}
/* Reset overflow value to hidden for all non-IE browsers. */ 
html>body div.tableContainer { 
        overflow: hidden; 
        width: 756px 
} 

/* define width of table. IE browsers only                 */ 
div.tableContainer table { 
        float: left; 
        width: 750px 
} 

/* define width of table. Add 16px to width for scrollbar.           */ 
/* All other non-IE browsers.                                        */ 
html>body div.tableContainer table { 
        width: 756px 
} 

/* define the table content to be scrollable                                              */ 
/* set TBODY element to have block level attributes. All other non-IE browsers            */ 
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */ 
/* induced side effect is that child TDs no longer accept width: auto                     */ 
/*** HISTORY TABLE IN PROFILE PAGE **/
html>body tbody.scrollContent { 
        height: 120px;
        overflow: auto; 
        width: 100%; 
} 
/** FOR PERSONAL INFO TABLE,ACCOUNT TABLE and FOR TRANSDETAIL TABLE **/
html>body tbody.content { 
        overflow: auto; 
        width: 100%; 
} 
tbody.scrollContentEx td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
tbody.content td, tbody.content tr.normalRow td { 
        background: #FFF; 
        border-bottom: none; 
        border-left: none; 
        border-right: 1px solid #CCC; 
        border-top: 1px solid #DDD; 
        padding: 2px 3px 3px 4px; 

}

/* make TD elements pretty. Provide alternating classes for striping the table */ 
/* http://www.alistapart.com/articles/zebratables/                             */ 
tbody.scrollContent td, tbody.scrollContent tr.normalRow td { 
        background: #FFF; 
        border-bottom: none; 
        border-left: none; 
        border-right: 1px solid #CCC; 
        border-top: 1px solid #DDD; 
        padding: 2px 3px 3px 4px; 

} 

tbody.scrollContent tr.alternateRow td { 
        background: #EEE; 
        border-bottom: none; 
        border-left: none; 
        border-right: 1px solid #CCC; 
        border-top: 1px solid #DDD; 
        padding: 2px 3px 3px 4px; 

} 

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */ 
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */ 
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */ 
html>body thead.fixedHeader th {
	width: 160px
}

html>body thead.fixedHeader th + th {
	width: 125px 
	
}

html>body thead.fixedHeader th + th + th {
	width: 150px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 150px
}

html>body tbody.scrollContent td + td {
	width: 120px
}

html>body tbody.scrollContent td + td + td {
	width: 150px
}

html>body tbody.content td { 
        width: 140px; 
} 

html>body tbody.content td + td { 
        width: 200px 
} 

html>body tbody.content td + td + td { 
        width: 200px 
} 

.common_buttons
{
	color:#050663;
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
 	font-size: 12px; 
 	background-color: #FFFFFF;   
 	margin-right: 6px;
	clear: both;
    color: #000;
	border: 2px #000000 outset;
	width:70px;
	height:20px;
	
}

.zonemanage {
	position:absolute;
	width:750px;
	left:5%;
	right:0px;
	top: 90px;
	padding:0px;
	margin: 0px;
	z-index: 4;
	}