/*** Common css file for CSS and TPS FC projects ***/

#bodyContent p { font-size:12px;  line-height:130%; margin-bottom:10px}

#Application .tableHeader2{
	font-size: 15px;
	color:#333333;
	background-color: #F2F2F2;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px 10px 5px 10px;
	margin-top:5px;
	margin-bottom:20px;
	text-align:left; /*added to remove center align*/
	font-weight:normal;
}
#Application .tableHeader3 	{
	font-size: 11px;
	font-weight:bold;
	background-color: #F2F2F2;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
}
#Application .dataTable td {
	padding:5px;
	border-bottom:1px solid #CCCCCC;
}
#Application .borderBottom {
	padding:5px;
	border-bottom:1px solid #CCCCCC;
}

/*
#Application input {
	display: block;
	margin-top: 3px;
	float: left;}
#Application label {font-size:12px; display: block; padding: 0px 0px 12px 0px; margin: 0px 0px 0px 30px}
*/

#Application label {font-size:12px}

#Application .label {font-size:11px; font-weight:bold;}
#Application .value {font-size:12px}

#Application .right,
#Application .bcTable .right	{text-align:right}

#Application .indent {padding-left: 20px}

#Application .formAction 	{
	font-size: 12px;
	border-top:1px solid #CCCCCC;
	padding:10px 0px 5px 0px;
	margin-top:20px;
	width:100%;
}
#Application .buttonSmall {width:75px}
#Application input, #Application select, #Application textarea { font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
#Application .readOnly {border:0px solid transparent; font-size:12px; background-color:transparent}
#Application .w25 { width:25px}	
#Application .w50 { width:50px}
#Application .w75 { width:75px}
#Application .w100 {width:100px}
#Application .w200 {width:200px}
#Application .w300 {width:300px}

#Application #leftColumn {
	width:48%;
	display:block;
	float:left;
	vertical-align:top;
/*	margin-right:1%	
*/
}

#Application #rightColumn {
	width:49%;
	display: block;
	margin-left:50%;
	vertical-align:top;
/*	margin-right: 1%;
	float: right;
	clear: none;	
*/
}

#Application #message {font-size:12px; font-weight:bold; border:1px solid #7F9DB9; margin-bottom:10px; padding:10px}

#Application #summaryHeader {
	border:1px solid #7F9DB9;
	padding:8px 10px 8px 10px;
	font-size:12px;
	line-height:120%;
	margin-bottom:20px
}

#Application #summaryHeader H1 { font-size:24px}

#Application #summaryHeader hr { height: 1px; color:#CCCCCC; }


#Application #listFilter, #Application #listFilter select { font-size:12px}

#Application .required{
	background-image:url(../../image/required.gif);
	background-repeat:no-repeat;
	padding-left: 8px;
	background-position: left center;
}

#Application #accountHeader h2	{
	display: inline;
	margin-right: 20px;
}


#Application hr {
	color:#CCCCCC;
	height: 1px;
	margin: 0 auto 15px auto;
	text-decoration: none;
}
/* --- IDs and contextual Classes ---*/

    #Application .accountTab	{
      background-image: url(../../image/accountTab_inactive.gif);
      background-repeat: no-repeat;
      width: 190px;
      height: 31px;
      color: #999;
      font-size: 12px;
      text-align: center;
    }	

	
	 #Application .accountnumber {
   	  font-size: 11px;   	    	  
    }
    
    #Application .accountTabActive	{
      background-image: url(../../image/accountTab.gif);
      background-repeat: no-repeat;
      width: 190px;
      height: 31px;
      color: #999;
      font-size: 12px;
      text-align: center;
      font-weight: bold;
    }

    #Application .accountTab a, #Application .accountTabActive a	{	color:#999999;	}

	#Application .seeLink	{
      border-bottom: 1px solid #ccc;
      padding-bottom: 8px;
      margin-bottom: 10px;
      font-size: 11px;
      text-align: right;
    }
	
	#Application .tabRowEmpty	{
      background-image: url(../../image/tabRowEmpty.gif);
      background-repeat: repeat-x;
    }
    
	#Application .tabRowSpacer	{
		height: 1px;
		font-size: 1px;
    }
		
	#Application .sectionHeader	{
      padding: 2px 0px 0px 0px;
	  margin-top:10px;
	  border-bottom: 1px solid #ccc;
    }
	
	#Application #leftColumn .sectionHeader, 	#Application #rightColumn .sectionHeader{
      padding: 2px 0px 0px 0px;
      margin-bottom: 10px;
	  border-bottom: 1px solid #ccc;
    }
	
#Application .bcGrayHeader {
	padding: 5px;
	background-color: #F2F2F2;
	font-size: 15px; /*	changed to 15px to match styleguide - bt	*/
	font-weight: normal;	/*remove bold to match styleguide - bt	*/
	border-top: 0px solid #ccc;	/*	zero out to remove extra thick line	*/
	border-bottom: 0px solid #ccc;	/*	zero out to remove extra thick line	*/
}



#Application .bcGrayBackground {
	background-color: #F9F9F9;
}

#Application div.bcGrayHeader	{
	border-top: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;
}

#Application .appNote	{
	padding: 5px;
	background-color: #F2F2F2;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	margin-bottom: 10px;
	width:98%;
}

#Application #accountHeader	{
	vertical-align: middle;
	margin-bottom: 14px;
}

#Application #accountHeader .rFloatElem	{
	float:right; margin: 5px 10px;
}





/* --- CLASSES ---*/

#Application .pinkBold {
	color: #EE0C6E;
	font-weight: bold;
}

/****** ERROR MESSAGE ***** */

 .errorMsg	{
	border-top: 1px solid #EE0C6E;
	border-bottom: 1px solid #EE0C6E;
	padding: 10px 20px 10px 50px;
	margin: 20px 0px 20px 0px;
	width: 80%;
	background-image:url(../../image/alert43x33.gif);
	background-repeat:no-repeat;
	background-position: 0px 10px;
	}
	
 .errorMsg p	{
		font-weight: bold;
		text-transform:uppercase;
	}

	#bodyContent .errorMsg ul	{
		padding: 0;
	}

	#bodyContent .errorMsg ul li	{
		background: transparent url(../../images/icons/arrow-icon.gif) 0px 2px no-repeat;
		color: #EE0C6E;
		font-weight: bold;
		margin: 5px 0;
	}

/* ***** end ERROR MESSAGE ***** */
/*****New code created 12 sep by ZZ*****/
#Application ul li{
	margin: 0;
	padding: 0 0 10px 20px;	
}
#Application .RightColBox-container ul li{
	margin:0;
	padding:0 0 5px 20px;	
}
#Application h4{
	color: #00adef;
}
#Application h3{
	color:#000;
	font-weight:bold;
	margin-left:0px;
	padding:0;		
}
#Application .RightColBox-container h4 {
	color: #00adef;
	font-size: 11px;
	font-weight:bold;
}




#Application .btn_flat{	background-image: url(../../image/button_flat_default.gif);	}
#Application .btn_cancel	{	background-image: url(../../image/button_flat_cancel.gif);	}
#Application .btn_disabled {	background-image: url(../../image/button_flat_disabled.gif);	}		

#Application .btn_flat,
#Application .btn_cancel,
#Application .btn_disabled {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 3px 10px 3px 22px;
	font-size: 12px;
	color: #fff;
	border: 0px solid #fff;
	cursor:pointer;
}


#Application table.noLines,
#Application td.noLines,
#Application table.noLines td	{
	border:	0px solid #fff;
}

#Application table.noPadding,
#Application td.noPadding,
#Application table.noPadding td	{
	padding: 0px;
}

#Application table.bcTableNested {	display: inline-block;	}
#Application table.bcTableNested	td {	padding: 1px;	}

#Application table.padding5	td {padding:5px;}
#Application table.lines td { border-bottom:1px solid #ccc;}
#Application .actions { font-size:11px; color:#000;} /**** added by bt 20mar2009 for Your Account bill preferences actions ****/




/* ********** FIXES FOR SIDENAV FORMATTING ISSUES ********** */

	#sideBar #sideNav ul.bctier1,
	#sideBar #sideNav ul.bctier2,
	#sideBar #sideNav ul, 
	#sideBar #sideNav ul li,
	#sideBar #sideNav ul ul, 
	#sideBar #sideNav ul ul li, 
	#sideBar #sideNav ul ul ul,
	#sideBar #sideNav ul ul ul li,
	#sideNav ul li.highlighted,
	#sideNav ul li.highlighted ul	{
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#sideBar #sideNav a	{
		margin-top: 6px;
		padding-bottom: 6px;
		display: block;
	} 

/* ********** end FIXES FOR SIDENAV FORMATTING ISSUES ********** */






	#bcMain #bodyContent {
	/* 	Corrects a formatting error in the "ElectricBoxes" caused by 
		fixing this line height to 15px in the global.css file. Sept 25, KD

		width: 700px;

	*/
		line-height: normal;
	}




/* ********** LEVEL 2 TABS ********** */

	#Application	.secondLevelAccountTab	{
		background-color: #F1F2EE;
		border-bottom: 1px solid #B5B5B5;
		border-collapse: collapse;
		color: #00ADEF;
		font-size: 12px;
		height: 21px;
		white-space: nowrap;
		text-align: center;
		cursor:pointer;
		border-top: 4px solid #fff;
		background-image: url(../../image/subtab.gif);
    }
    

	#Application .rightEnd	{
		border-right: 1px solid #fff;
    }
    
	
	#Application	.secondLevelAccountTabDisabled	{
		background-color: #F1F2EE;
		border-bottom: 1px solid #B5B5B5;
		border-collapse: collapse;
		color: #CCC;
		font-size: 12px;
		height: 21px;
		white-space: nowrap;
		text-align: center;
		border-top: 4px solid #fff;
		background-image: url(../../image/subtab.gif);
    }

    
	#Application	.secondLevelChallengeTab	{
		background-color: #F1F2EE;
		border-bottom: 1px solid #E4E4E4;
		border-left: 0px solid #E4E4E4;
		border-collapse: collapse;
		color: #00ADEF;
		font-size: 12px;
		height: 21px;
		white-space: nowrap;
		text-align: center;
    }
    
	#Application	.secondLevelTabActive	{
		background-color: #FFF;
		border-bottom: 1px solid #B5B5B5;
		border-collapse: collapse;
		color: #666666;
		font-size: 12px;
		height: 21px;
		white-space: nowrap;
		text-align: center;
		border-top: 4px solid #fff;
    }


/* ********** end LEVEL 2 TABS ********** */






/* **************** MESSAGE BOXES *************** */
/* **************** added Jan 09/09 by KD *************** */
/* **************** this section should get moved to /includes/css/wsm.css *************** */

.pinkBold {
	color: #EE0C6E;
	font-weight: bold;
}

/*	Master Message Box styles, apply to all types. See Unique styles below for attributes that apply to one or few of the Message Boxes. */
.msgboxError,
.msgboxInfo,
.msgboxInfoUrgent,
.msgboxConfirm,
.msgboxConfirmUrgent	{
	border: 2px solid #ccc;
	padding: 15px 20px 15px 100px;
	margin: 0px 15px 15px 0px;
	background-repeat:no-repeat;
	background-position: 27px 18px;
}

	.msgboxError h5,
	.msgboxInfo h5,
	.msgboxInfoUrgent h5,
	.msgboxConfirm h5,
	.msgboxConfirmUrgent h5	{
		font-weight: bold;
		font-size: 16px;
		margin: 0 0 10px 0;
	}
	
	.msgboxError ul,
	.msgboxInfo ul,
	.msgboxInfoUrgent ul,
	.msgboxConfirm ul,
	.msgboxConfirmUrgent ul	{
		padding: 0;
	}
	
	.msgboxError ul li,
	.msgboxInfo ul li,
	.msgboxInfoUrgent ul li,
	.msgboxConfirm ul li,
	.msgboxConfirmUrgent ul li	{
		background: transparent url(../../images/icons/arrow-icon.gif) 0px 2px no-repeat;
		margin: 5px 0;
	}
	
	.msgboxError label,
	.msgboxInfo label,
	.msgboxInfoUrgent label,
	.msgboxConfirm label,
	.msgboxConfirmUrgent label	{
		font-weight: bold;
	}


/*	Unique Message Box styles. Do not put generic style attributes here. See Master styles above for styles that apply to all Message Boxes. 	*/
.msgboxError	{
	border-color: #EE0C6E;
	background-image:url(../../image/icon_msgbox_error.gif);
}

.msgboxInfo	{
	border-color: #ccc;
	background-image:url(../../image/icon_msgbox_info.gif);
}

.msgboxInfoUrgent	{
	border-color: #EE0C6E;
	background-image:url(../../image/icon_msgbox_infoUrgent_1.gif);
}

.msgboxConfirm	{
	border-color: #ccc;
	background-image:url(../../image/icon_msgbox_confirm.gif);
}

.msgboxConfirmUrgent	{
	border-color: #ccc;
	background-image:url(../../image/icon_msgbox_confirmNoReverse.gif);
}





/* *************** end MESSAGE BOXES *************** */






/* *************** FORMATTING FIX FOR NESTED TABLES *************** */

#bodyContent table.bcTable th th,
#bodyContent table.bcTable th td,
#bodyContent table.bcTable td th,
#bodyContent table.bcTable td td	{
	border-top: 0px solid #fff;
}

/* *************** end FORMATTING FIX FOR NESTED TABLES *************** */


/* *************** BACKGROUND IMAGES FORTABLES *************** */

.sumLine {background: url(../../images/backgrounds/sum_line.gif) no-repeat;}

/* *************** end BACKGROUND IMAGES FOR TABLES *************** */




/*	****************************** NEW MARCH 2009 ******************************	*/




#Application .tps_results {
	width: 285px;
	background-image: url(../../image/tps_results_middle.gif);
	background-repeat: repeat-y;
	background-position: top;
	padding: 0px;
	margin:0px;
}

#Application .tps_results_top {
	background-image: url(../../image/tps_resutls_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;
}

#Application .tps_results_top p {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align:middle;
	color: #fff;
	padding: 9px 0px 11px 0px;
	margin: 0px 8px 0px 0px;
	vertical-align:middle;
}

#Application .tps_results_bottom {
	background-image: url(../../image/tps_results_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;
}

#Application .tps_results_bottom p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align:middle;
	color: #999;
	margin: 0px 8px 0px 0px;
	padding: 10px 0px 15px 0px;
	vertical-align:middle;
}

#Application .tps_results_middle {
/*	height: 70px;	*/
}

#Application .tps_results_middle table,  .tps_results_middle tr,  .tps_results_middle td {
	margin: 0px;
	padding: 0px;
}

#Application .tps_results_middle p {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align:middle;
	color: #000;
}

#Application .tps_results_box {
	width: 276px;
	height: 70px;
}

#bodyContent #Application .dialog img {
	border: 3px solid #ccc;
	margin: 0px 10px 10px 0px;
	float: left;
}

div.bcGrayHeader {
	padding: 5px;
	font-weight: bold;
}

div.graphic_jointps {
	width: 180px;
	padding: 110px 20px 30px 160px;
	background-image: url(../../image/join_tps.jpg);
	background-repeat: no-repeat;
}

/*	MARCH 24 - generic line break, clear floats - KD  */
.break	{
	clear:both;
	height: 35px;
}

/*	MARCH 26 - added to give an option of less margin - KD  */
.break20	{
	clear:both;
	height: 20px;
}


/*	MARCH 26 - added to ensure proper margin - KD  */
#tpsprogress {	margin-top: 20px;	}
#trackprglnk {	margin-bottom: 20px;	}



/*	****************************** end of NEW MARCH 2009 ******************************	*/



/*	**************** PROGRESS BOX moved from interim_applications.css ****************	*/

	#Application	.percentSign	{
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 36px;
	vertical-align: top;
    }

	#Application	.clrGray	{	color: #939393;	}
    
	#Application	.clrAmber	{	color: #FFB82D;    }
    
	#Application	.clrGreen	{	color: #5CAD33;    }
    
	#Application	.clrRed	{	color: #D63333;    }

	#Application	.percentValue	{
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 36px;
    }


/*	*************************** end of PROGRESS BOX  *********************************	*/