/* Revision 1.34 */


/* -------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------- */


/* TYPOGRAPHY */


/* -------------------------------------------------------------------------------------------- */


/*	Basic style for page body and base styles for text, default colour/size */


/*	sizes as specified by style guide; */


/* 	font sizes specified in em based on default font size (1em) */


/* -------------------------------------------------------------------------------------------- */





body, td, th {


	font-family: verdana, helvetica, arial, sans-serif;


	color: #666666;


	font-size: 0.6875em;


	line-height: 1.4em;


	}





big	{


	font-size: 1.1em;


	} 





small	{


	font-size: .9em;


	}





/* --- apply default font specification to main elements --- */





/* -------------------------------------------------------------------------------------------- */


/*	Heading styles - default heading style is in section colour (dependent on section) */


/*	sizes as specified by style guide; */


/* -------------------------------------------------------------------------------------------- */





/*  Use to apply look and feel of h1-h4 where headings are not appropriate  */


/*  See also colour1 in colour.css */


.fontSize1 {font-size: 1.63em; }


.fontSize2 {font-size: 1.27em; }


.fontSize3 {font-size: 1.09em; }


.fontSize4 {font-size: 1em; }





/* --- apply default colour (section colour) to headings --- */


h1, h2, h3, h4	{


	color: #ad0008;


	font-weight: bold;


	}





/* --- heading sizes --- */


h1	{font-size: 1.63em; margin-bottom: 0px;}


h2	{font-size: 1.27em;}


h3	{font-size: 1.09em; margin-bottom: 0px;}


h4	{font-size: 1em;}


/* -- Changes to provide line height for h1 -- */


h1.lineHeight	{line-height: 1.18em; } 





/* --- classes for grey/black headings --- */


h4.black, h3.black	{color: #000000;}





h1.grey	{color: #999999;}


h2.grey	{color: #666666;}


h3.grey	{color: #666666;}


h4.grey	{color: #666666;}





/* --- alert heading, use h4 for sizing consistency --- */ 


h4.alert {color: #ff0000;}





/* --- current classes (used to apply 2-colour headings - rare instances) --- */





.darkText   { color: #666666; }


.lightText  { color: #999999; }


.blackText      { color: #000000; }





/* -------------------------------------------------------------------------------------------- */


/*	Body text styles */


/*	sizes as specified by style guide; */


/* 	class names are based on usage; */


/* -------------------------------------------------------------------------------------------- */





.bodytext, .content, .tip	{


	font-size: 1em;


	line-height: 1.4em;


	color: #666666;


	}





.emphasis	{


	font-size: 1em;


	line-height: 1.4em;


	color: #000000;


	}





.intro	{


	font-size: 1.09em;


	line-height: 1.3em;


	color: #666666;


	}





.leadin	{


	font-size: 1.09em;


	line-height: 1.3em;


	color: #666666;


	font-weight: bold;


	}





.alertHeading	{


	color: #ff0000;


	font-weight: bold;


	}





.alertText	{


	font-size: 1em;


	line-height: 1.4em;


	color: #ff0000;


	}





.horizNavRow a:active {  text-decoration: none;}


.horizNavRow a:visited { color: #0066cc; text-decoration: none;}


.horizNavRow a:hover { color: #000000; text-decoration: none;}





.horizNavRowBlack a { font-weight: bold;}


.horizNavRowBlack a:active { font-weight: bold;}


.horizNavRowBlack a:visited { font-weight: bold;}


.horizNavRowBlack a:hover { color: #000000; font-weight: bold;}





/* -------------------------------------------------------------------------------------------- */


/*	Table Headings								


/* -------------------------------------------------------------------------------------------- */





th  {font-weight: bold;  }


th a:visited { color: #0066CC; font-weight: bold; }


th a:hover {color:#000000; font-weight: bold; }


th a:active {color:#000000; font-weight: bold; }











/* -------------------------------------------------------------------------------------------- */


/*	Link/navigation styles */


/*	as specified by style guide	- all links use standard BT navigation blue */


/* -------------------------------------------------------------------------------------------- */





/* --- default colour and size for links (link level 1 / 2) --- */





a	{


	font-family: verdana, helvetica, arial, sans-serif;


	font-weight: normal;


	}





a:link		{color: #0066cc; text-decoration: none;}


a:visited	{color: #0066cc; text-decoration: none;}


a:active	{color: #000000; text-decoration: underline;}


a:hover		{color: #000000; text-decoration: underline;}





/* --- other levels of link --- */





a.level1, a.level2 {font-size: 1em; font-weight: normal;}


a.level3	{font-size: 1em; font-weight: bold;}


a.level4	{font-size: 1.09em; font-weight: bold;}


a.level5	{font-weight: bold;}





/* --- classes for 'off' links - when highlighting current page within nav - use SPAN tags --- */





span.level1, span.level2	{font-size: 1em; font-weight: bold; color: #000000;}


span.level3	{font-size: 1em; font-weight: bold; color: #000000;}


span.level4 {font-size: 1.09em; font-weight: bold; color: #000000;}


span.level5	{font-weight: bold; color: #000000;}





/* -------------------------------------------------------------------------------------------- */


/* end of typography section */


/* ------------------------------------------------------------------------------------------- */








/*	Main style definitions for page layout elements; */		


/* -------------------------------------------------------------------------------------------- */





/* -------------------------------------------------------------------------------------------- */


/*	Specify body - margins, etc*/							


/* -------------------------------------------------------------------------------------------- */





body	{


	margin: 10px 20px 20px 20px;


	background-color: #ffffff;


	}





/* -------------------------------------------------------------------------------------------- */


/*	global definitions to ensure default attributes are as desired */				


/* -------------------------------------------------------------------------------------------- */





div	{


	display: block;


	margin: 0;


	padding: 0;


	border: 0;


	}





table	{


	border: 0;


	padding: 0;


	margin: 0;


	border-collapse: collapse;


	}





hr	{


	background-color: #cccccc; 


	color: #cccccc; 


	height: 1px; 


	border: thin;


	margin: 5px 0px 5px 0px; 


	}





.marginTop {


	margin-top: 5px;


	}





.marginBottom {


	margin-bottom: 5px;


	}





/* -------------------------------------------------------------------------------------------- */


/*	css defs for global header table*/							


/* -------------------------------------------------------------------------------------------- */





table.globalHeader	{


	border-collapse: collapse;


	width: 720px;


	}





table.globalHeader td.spacer	{


	height: 55px;


	}





img.navDot 	{


	margin-left: 7px; 


	margin-right: 9px;


	}





img.search	{


	margin-left: 10px;


	margin-right: 15px;


	}	


	


input.search	{


	border: 1px solid #cccccc;


	color: #666666;


	font-size: 1em;


	font-family: verdana, helvetica, arial, sans-serif;


	width: 122px;


	}





/* -------------------------------------------------------------------------------------------- */


/*	css defs for primary and horizontal navigation tables as per style guide */


/* -------------------------------------------------------------------------------------------- */





table.primaryNav	{


	border-collapse: collapse;


	height: 36px;


	background-color: #f1f8ff;


	}





table.primaryNav td	{


	height: 36px;


	vertical-align: bottom;


	}





.horizNavTable	{


	border-collapse: collapse;


	border-left: 1px solid #b9c7e7;


	border-right: 1px solid #b9c7e7;	


	width:  720px;


	}





.horizNavRow 	{


	height: 20px;	


	padding-left: 10px;


	}





.dropShadowLine {


	height: 4px;


	/* background-image: url(file:///D|/Rahul/Projects/i/skins/btcom/images/structure/underline_shadow.gif); */

	}





.navSeperator {


	margin-left: 7px; 


	margin-right: 7px;


	color: #666666;


	}





/* -------------------------------------------------------------------------------------------- */


/*	css def for breadcrumb - as per style guide */


/* -------------------------------------------------------------------------------------------- */





td.breadcrumb	{


	padding-left: 20px;


	padding-top: 15px;


	padding-bottom: 20px;


	border-left: 1px solid #b9c7e7;	


	}





/* -------------------------------------------------------------------------------------------- */


/*	css defs for  main content panels (leftnav area, content, right nav, etc) */


/* -------------------------------------------------------------------------------------------- */





table.mainContentArea	{


	width: 720px;


	border-collapse: collapse;


	}





/* --- top of content area, breadcrumb and page title --- */





table.mainContentArea td.contentTop	{


	border-right: 1px solid #b9c7e7;


	}





/* --- page title --- */


td.contentTitle	{


	padding: 0px 0px 10px 180px;


	border-left: 1px solid #b9c7e7;	


	}





table.mainContentArea td.contentLeft	{


	width: 160px;


	vertical-align: top;


	text-align: left;


	}





table.mainContentArea td.contentRight{


	width: 680px;


	vertical-align: top;


	text-align: left;


	border-right: 1px solid #b9c7e7;


	border-bottom: 1px solid #b9c7e7;


	padding-left: 19px;


	padding-right: 19px;


	}





/* --- Billing and Payments additions --- */


table.centralContentArea { 


        	border-collapse: collapse; 


       	width: 720px; 


       	padding-left: 20px; 


       	padding-right: 20px; 


      	padding-bottom: 20px; 


      	border-left: solid 1px #b9c7e7; 


      	border-right: solid 1px #b9c7e7; 


      	border-bottom: solid 1px #b9c7e7; 


     	} 





td.leftNav	{


	width: 140px;


	padding-left: 20px;


	border-left: 1px solid #b9c7e7;


	border-bottom: 1px solid #b9c7e7;


	vertical-align: top;	


	}





td.leftNavPersistent	{


	width: 140px;


	padding-left: 20px;


	border-top: 1px solid #b9c7e7;


	border-right: 1px solid #b9c7e7;


	vertical-align: top;


	background-color:#f1f8ff;


	}








/* --- footer navigation panel --- */


td.footerNav		{


	height: 30px;


	vertical-align: middle;


	background-color:#f1f8ff;


	}





/* --- footer bar for base of page, in section colour --- */


td.sectionFooter		{


	height: 10px;


	background-color: #a60008;	/* --- this should reflect the section colour --- */


	}





/* style sheet for footer */


td.hubFooter	{


	height: 10px;		


	background-color: #2566AA;


	}





/* style sheet for PNS footer */


td.PNSFooter 		{


	height: 10px;


	background-color: #A60008;


	}





/* style sheet for Knowledge Centre footer */


td.KCFooter 		{


	height: 10px;


	background-color: #3e0071;


	}





/* style sheet for Customer zone/Access control footer */


td.accessFooter		{


	height: 10px;


	background-color: #006100;


	}





/* style sheet for search page footer */


/* add for R6 - LLD_v0.3 <10.1.13.1> Add the class campaignFooter for Campaign */


/* to have the value as of the existing searchFooter and change the value of searchFooter as 'navy' */


td.campaignFooter	{


	height: 10px;


	background-color: #66009A;


	}





td.searchFooter1		{


	height: 10px;


	background-color: #2266ab;


/*	background-color: #0A0B75;*/


	}


td.searchFooter		{


	height: 10px;


	/* background-color: #66009A; */


	background-color: #0A0B75;


	}


/* End - add for R6 - LLD_v0.3 <10.1.13.1> */





/* style sheet for Error page footer */


td.errorFooter		{


	height: 10px;


	background-color: #66009A;


	}


	








/* -------------------------------------------------------------------------------------------- */


/*	css defs for  right hand panel - navigation, buttons and icon links */


/* -------------------------------------------------------------------------------------------- */





table.rightHandPanel	{


	width: 160px;


	border: 1px solid #cccccc;


	}





table.rightHandPanel TD.rightHandNav	{


	background-color: #f1f8ff;


	padding: 10px 10px 10px 10px;


	}





table.rightHandPanel TD.generic	{


	padding: 0px 10px 0px 10px;


	}





table.rightHandPanel TD.spacer1	{


	height: 20px;


	}





table.rightHandPanel TD.spacer2	{


	height: 15px;


	}





table.rightHandPanel TD.spacer3	{


	height: 10px;


	}


	


/* -------------------------------------------------------------------------------------------- */


/*	css defs for  navigation tables - colour inherited from outer table */				


/* -------------------------------------------------------------------------------------------- */





/* --- persistent left nav table --- */


table.persistentVerticalNav	{


	width: 120px;


	}





/* --- right hand nav area --- */


table.leftNav,	table.rightHandNav	{


	width: 140px;


	}





/* --- table headers should contain graphic title, not text title --- */


th.persistentVerticalNav	{	


	padding: 20px 0px 5px 0px;


	}





/* --- generic navigation row classes, used throughout --- */


td.navTop	{	/* --- used for top row of nav, to ensure alignment with other page elements --- */


	height: 24px;


	padding: 0px 0px 4px 0px;


	}


	


td.navRow	{


	height: 24px;


	padding: 4px 0px 4px 0px;	/* --- padding specified in case text goes over 2 rows --- */


	vertical-align: middle;


	}





td.navSpacerGreyLine	{


	height: 1px;


	background-color: #cccccc;


	}


	


td.navSpacerDGreyDot	{


	height: 1px;


	/* background-image: url(file:///D|/Rahul/Projects/i/skins/btcom/images/structure/line_dotted_dgrey.gif); */

	background-repeat: repeat-x;


	}





td.navSpacerLGreyDot	{


	height: 1px;


	/* background-image: url(file:///D|/Rahul/Projects/i/skins/btcom/images/structure/line_dotted_lgrey.gif); */

	background-repeat: repeat-x;


	}





td.navSpacerBlueDot	{


	height: 1px;


	/* background-image: url(file:///D|/Rahul/Projects/i/skins/btcom/images/structure/line_dotted_blue.gif); */

	background-repeat: repeat-x;


	}


	


td.navBase	{


	height: 20px; 


	}





/* to use for mb segment navigation*/





img.navSegment {


        vertical-align : middle;


        }





.navSegmentBilling {


        vertical-align : middle;


        }











/* -------------------------------------------------------------------------------------------- */


/* --- general table and content area styles --- */





.padRight	{


	padding-right: 10px;


	vertical-align: top;


	}


	


.padLeft	{


	padding-left: 10px;


	vertical-align: top;


	}





/* R8-UKMC Starts */


.UKMCPadRight	{


	padding-right: 10px;


	padding-left: 5px;


	vertical-align: top;


	}


	


.UKMCPadLeft	{


	padding-left: 0;


	padding-right: 5px;


	vertical-align: top;


	}


/* R8-UKMC Ends */





.padTop 	{


	padding-top: 10px;


	}





.padBottom {


	padding-bottom: 10px;


	}





.alignLeft {


	text-align: left;


	}





.alignRight {


	text-align: right;


	}





.alignCenter {


	text-align: center;


	}





div.bordered	{ /* --- used when top and bottom line is required over text content --- */


	padding: 10px 0px 10px 0px;


	border-top: 1px solid #cccccc;


	border-bottom: 1px solid #cccccc;


	margin-bottom: 10px;


	}





table.promoWide	{


	width: 520px;


	height: 81px;


	/* background-image: url(file:///D|/Rahul/Projects/i/skins/btcom/images/structure/promo_wide.gif); */

	margin-top: 10px;


	margin-bottom: 20px;


	}





table.promoWide td	{


	padding: 15px 15px 15px 15px;


	}





.padded {


	padding: 10px 10px 10px 10px;


    	}





.spacer20	{


	height: 20px;


	}





.spacer15	{


	height: 15px;


	}





.spacer10	{


	height: 10px;


	}





.spacer5	{


	height: 5px;


	}





/* added generic style to remove margins */


.noMargin {


	margin:  0px;


	}








/* -------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------- */





/* TABLE STYLING */





td.finance, th.finance {text-align: right;}








/* List Tables  */





.rightBox {


	text-align: right;


	border-top: 1px solid #cccccc;


	border-left: 1px solid #cccccc;


	border-bottom: 1px solid #cccccc;


	padding: 10px 0px 10px 10px;


	vertical-align: top;


	}





.dataTable table, .dataTable th, .dataTable td  {


	margin : 0px 0px 0px 0px;


	}





.dataTable th {


	height : 40px;


	padding : 0px 10px 15px 10px;


	border-bottom : 1px solid #cccccc;


	vertical-align : bottom;


	text-align: left;


	}





.dataTable td  {


	padding : 0px 10px 0px 10px;


	height : 29px;


	vertical-align : middle;


	border-bottom : 1px solid #e7f2ff;


	}





.dataTableTotal td  {


	border-bottom : 1px solid #e7f2ff;


	border-top : 1px solid #e7f2ff;


	font-weight:bold;


	}





.dataTableFinal td {


	height : 20px;


	border-bottom : 1px solid #e7f2ff;


	}





 .hubLayoutTableThree {


    	border-left: solid 1px #b9c7e7;


    	border-right: solid 1px #b9c7e7;


    	border-top: solid 0px #b9c7e7;


   	border-bottom: solid 1px #b9c7e7;


	}








/* Padding for hubLayoutTable*/





	.hubLayoutTablePaddingLeft {


	padding-left: 20px;


	}


	


	.hubLayoutTablePaddingRight {


	padding-right: 20px;


	}





	.hubLayoutTablePaddingTop {


	padding-top: 20px;


	}


	


	/* added 25/05/2004 by Donald Sloan to support Kintana 40688/40674 */


	.hubLayoutTablePaddingTop2 {


	padding-top: 10px;


	}





	.hubLayoutTablePaddingBottom {


	padding-bottom: 20px;


	}


	


/* added for PSTN R6 */	


	.pstnLayoutTablePaddingLeft {


	padding-left: 18px;


	}





	.pstnLayoutTablePaddingRight {


	padding-right: 18px;


	}








	.pstnLayoutTablePaddingTop {


	padding-top: 5px;


	}





	.pstnLayoutTablePaddingBottom {


	padding-bottom: 10px;


	}


/* addition for PSTN R6 ends here */





/* add for R5.6 Campaign image above printable version 3 px padding 4 sides */	 


	.hubLayoutTableImage {


			padding-left: 3px;


			padding-right: 3px;


			padding-top: 3px;


			padding-bottom: 3px;


	}





/* Navigation Table */





.rightNavArea td {


	background-color : #F1F8FF;


	padding : 20px 10px 20px 10px;


	}





.blueLine td {


	background-color : #F1F8FF;


 	border-top : 1px solid #0066CC;


 	border-right : 1px solid #0066CC;


	padding : 20px 20px 0px 20px;


	}





caption	{


	font-size: 0.75em;


	color:#666666;


	font-weight:bold


	}





/* Style sheet for segment navigation knowledge center tab */


/* Release 2.2 : thick blue line under segment - color changed from #859CD3 to #b9c7e7  */


.blueBottomLine	{


    	border-bottom: solid 1px #b9c7e7;


	}





/* Blue border for section nav */


.blueTableBothSide {


    height: 20px;


	vertical-align : middle;


	border-left: solid 1px #b9c7e7;


	border-right: solid 1px #b9c7e7;


	}





/* FORM STYLING */





input, select, textarea {


    font-family: verdana, helvetica, arial, sans-serif;


	color: #666666;


	font-size: 1em;


	font-weight: normal;


	border-width: 2px 2px 2px 2px;


	}


	


/*  remove border from image buttons in Netscape */


input[type=image] {


	border: 0;


	}





/* Error/Warning Styles */





.GenFormError  {


	color: #ff0000


	}





.GenPortletError  {


	color: #ff0000;


	font-weight: bold


	}





.GenPortletWarning  {


	font-weight: bold


	}





.GenHintText  {


	color: #666666;


	font-size: 0.9em;


	}





.borderLeft {


	border-left: solid 1px #b9c7e7;


	}





.borderRight {


	border-right: solid 1px #b9c7e7;


	}





.borderTop {


	border-top: solid 1px #b9c7e7;


	}





.borderBottom {


	border-bottom: solid 1px #b9c7e7;


	}





.borderGreyLeft	{


	border-left: solid 1px #cccccc;


	}





.borderGreyRight	{


	border-right: solid 1px #cccccc;


	}





.borderGreyTop	{


	border-top: solid 1px #cccccc;


	}





.borderGreyBottom	{


	border-bottom: solid 1px #cccccc;


	}





	


/*New styles added for accounts and billing templates*/





.AccountInput {


	width: 120px;


	}





textarea.noOverFlow { overflow:hidden; }





td.navSpacer {


	height: 10px;


}





.LongdataTable td  {


	padding : 0px 10px 0px 10px;


	height : 24px;


	vertical-align : middle;


	border-bottom : 1px solid #e7f2ff;


	}





.LongdataTable th {


	height : 30px;


	padding : 0px 10px 0px 10px;


	border-bottom : 1px solid #cccccc;


	vertical-align : middle;


	text-align: left;


	}





/*This style has been duplicated purely for setting the path of the image whilst creating the templates */


td.navSpacerBlueDot2	{


	height: 1px;


	/* background-image: url(file:///D|/Rahul/Projects/i/skins/btcom/images/structure/blue_dots.gif); */

	background-repeat: repeat-x;


	}





/*  Class added to allow standardisation of margins around bulletted lists on all browsers */





ul.noMargin {margin-top: 0px; margin-bottom: 0px;}





/*  Class added for ADT footer */








.footerNavAdt		{


	height: 30px;


	width:720px;


	vertical-align: middle;


	background-color:#f1f8ff;


	}








.accessFooterAdt		{


	height: 10px;


	width:720px;


	background-color: #006100;


	}





.searchmain {


LEFT: -0.5em; 


POSITION: relative; 


WIDTH:32em;


FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 1em;


}





.searchmain_ {


TOP: 0.8em;


LEFT: -0.6em; 


POSITION: relative; 


WIDTH:60.2em;


FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 1em;


padding: 2px;


min-height: 2.5em;


bottom: -2em;


}





.textbox {


TOP:-0.2em; 


float: left;


LEFT:-0.4em;


HEIGHT: 10px;


border-left: 6px solid white;


POSITION: static; 


FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 1em;


margin: 5 6 6 0;


z-index: 2;


}





.dropdown {


BACKGROUND: none transparent scroll repeat 0% 0%; 


float: left;


top: 0em;


left:0em;


HEIGHT: 10px;


border: 5px solid white;


POSITION: static;


FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 1em;





}





.searchbutton{


BACKGROUND: none transparent scroll repeat 0% 0%; 


float: left;


HEIGHT: 10px;


border: 5px solid white;


POSITION: static;


FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 1em;





}





.advancelink{


BACKGROUND: none transparent scroll repeat 0% 0%; 


TOP:0.1em;


float: left;


HEIGHT: 10px;


border: 5px solid white;


POSITION: static;


FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 1em;





}





.linktips{


LEFT: -0.1em; 


POSITION: relative; 


WIDTH:10em;


FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 1em;


BOTTOM:-0.4em;


}








/*Added by Prasad - for results and tips pages*/


.linktips_{


LEFT: -0.1em;


POSITION: relative;


WIDTH:10em;


FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 1em;


z-index: 1;


bottom: -0.7em;


}


/*End - Added by Prasad - for results and tips pages*/





DIV.spotlight{


	position:absolute;


	width:1px;


	height:1px;


	left: 0px; 


	top: 0px;


	visibility: hidden;


}





/* Style sheet for Pan Segment Footer */


td.panFooter {


 	height: 10px;


 	background-color: #000033;


        }





/* Style sheets for BTB Hub page Footer start here


   Added by Santhosh on 06-09-2005	*/





#Footer div {


	border-top: 1px solid #adc5d7;


	height: 1%;


	margin: 0;


	padding: 0 20px 0 20px;


}


#Footer ul {


	display: block;


	margin: 0;


	padding: 11px 20px 0 20px;


	border: 0;


	list-style: none;


}


#Footer ul li {


	float: left;


	display: block;


	margin: 0;


	padding: 0 7px 0 13px;


	border: 0;


	/*background-image: url(file:///D|/Rahul/Projects/i/skins/btcom/images/structure/separator_dot_4x4.gif); */

	background-position: 0px 6px;


	background-repeat: no-repeat;


	list-style: none;


}


#Footer ul li.first {


	padding-left: 0;


	background: none;


}





#Footer {


	clear: both;


	background-color: #f1f8ff; /* default colour scheme */


	height: 40px;


}





#Page {


	margin: 0 auto; /*reset for containers */


	text-align: left; /* reset for containers */


	border-bottom: 10px solid #2266ab; /* default colour scheme */	


	width: 720px;


}





/* Style sheets for BTB Hub page Footer end here */





/* Style class added for con and btb footers */





td.t1Tint	{background-color:#f1f8ff;}


td.t3Tint	{background-color:#edf9f0;}





#SmeAccessPage {


	margin: 0 auto; /*reset for containers */


	text-align: left; /* reset for containers */


	border-bottom: 10px solid #006100; /* default colour scheme */	


	width: 720px;


}





/* -- TabNav elements added for R9 CR146011 Consistency ------------------------------------------------  */


#TabNav {


	background-color: #f1f8ff;


	background-image:url("/static/wa/consumerfaulttracking/faults/images/bg_line_blue_1x1.gif");


	


	background-position: bottom;


	background-repeat: repeat-x;


	height: 40px;


	font-size:1em !important;


}


#TabNav ul {


	display: block;


	margin: 0;


	padding: 19px 0 0 0;


	border: 0;


	font-size: 1.09em;


	font-weight: bold;


	font-family: tahoma, verdana, lucida, arial, helvetica, sans-serif;


	list-style: none;


}


#TabNav ul li {


	float: left;


	display: block;


	margin: 0 0 0 5px;


	padding: 0;


	border: 0;


	background-image:  url("/static/wa/consumerfaulttracking/faults/images/prim_nav_right_200x21.gif");


	background-position: 100% 0;


	background-repeat: no-repeat;


	list-style: none;


	white-space: nowrap;


	width: 140px;


	height: 21px;


}


#TabNav ul li a {


	background-image:  url("/static/wa/consumerfaulttracking/faults/images/prim_nav_left_4x21.gif");


	background-position: 0 0;


	background-repeat: no-repeat;


	font-family: tahoma, verdana, lucida, arial, helvetica, sans-serif !important;


}


#TabNav ul li.selected {


	background-image: url("/static/wa/consumerfaulttracking/faults/images/prim_nav_selected_right_200x21.gif");


}


#TabNav ul li.selected a {


	background-image:  url("/static/wa/consumerfaulttracking/faults/images/prim_nav_selected_left_4x21.gif");


	cursor: default;

}


#TabNav ul li span, #TabNav ul li a, #TabNav ul li a:link, #TabNav ul li a:visited, #TabNav ul li a:active {


	display: block;


	padding: 2px 10px 0 10px;


	text-decoration: none;


	color: #fff;


	font-weight: bold;


	height: 21px; /* !!! */


}


#TabNav ul li a:hover {


	color: #000;


}


#TabNav ul li.selected span, #TabNav ul li.selected a, #TabNav ul li.selected a:link, #TabNav ul li.selected a:visited, #TabNav ul li.selected a:active, #TabNav ul li.selected a:hover, #TabNav ul li.lastselected span, #TabNav ul li.lastselected a, #TabNav ul li.lastselected a:link, #TabNav ul li.lastselected a:visited, #TabNav ul li.lastselected a:active, #TabNav ul li.lastselected a:hover {


	color: #000;


}





#TabNav ul li.tab1 {


	margin: 0;


}


/* default width for all tabs - could be redefined in segment specific css */


#TabNav ul li.tab1 {


	width:144px;


}


#TabNav ul li.tab2, #TabNav ul li.tab3, #TabNav ul li.tab4, #TabNav ul li.tab5 {


	width: 139px;


}


/* -- End of TabNav elements added for R9 CR146011 Consistency ---------------------------------------------  */





/*Added by Rahul B*/


.margintop10{ margin:10px 0 0 0!important}





/*- Shaded Table -*/


table.shadedTable{ width:100%; border:1px solid #D8D8D8}


table.shadedTable tr.header th.first,


table.shadedTable tr.header th { 


	background: #DDD url(/static/wa/consumerfaulttracking/faults/images/table_header_bg.gif) top left repeat-x; height:22px; text-align:left; padding:0 0 0 10px;


}





table.shadedTable tr.header th.selected { 


	background: #9EBCDB url(/static/wa/consumerfaulttracking/faults/images/shaded_table_header_select.gif) top left no-repeat;


}





table.sortable tr.header th.firstSelected { 


	/*background: #9EBCDB url(/static/wa/consumerfaulttracking/faults/images/table_header_select.gif) top left repeat-x;*/
background: #9EBCDB top left repeat-x;


}


table.sortable tr.header th { 


	background: #DDD url(/static/wa/consumerfaulttracking/faults/images/shaded_table_header_bg.gif) top left no-repeat;


}


table.sortable tr.header th.selected { 


	background: #9EBCDB url(/static/wa/consumerfaulttracking/faults/images/shaded_table_header_select.gif) top left no-repeat;


}


table.sortable tr.header th.selected span,


table.sortable tr.header th.firstSelected span { 


	color: black;


	padding-right: 15px;


	/*background: url(/static/wa/consumerfaulttracking/faults/images/selected_arrow.gif) center right no-repeat;	*/


}


table.shadedTable tbody tr th,


table.shadedTable tbody tr td { 


	/*background: #F4F4F4 url(/static/wa/consumerfaulttracking/faults/images/shaded_table_row_bg.gif) top left repeat-x;*/


	border-bottom: 1px solid #D8D8D8;


	padding: 6px 10px;


}


table.shadedTable tr {


	border-bottom: 1px solid #D8D8D8;


}


table.shadedTable input { position: relative; top: 3px; }