/* Revision 1.21 */
/* -------------------------------------------------------------------------------------------- */
/*	Main style definitions for page layout elements; */
/*	all font and type specifications are in separate stylesheet for clarity;	*/				
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/*	Specify body - margins, etc*/							
/* -------------------------------------------------------------------------------------------- */

body	{
	margin: 20px 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; 
	}
	
/* -------------------------------------------------------------------------------------------- */
/*	generic tint classes for applying background colours in non-specific areas */			
/* -------------------------------------------------------------------------------------------- */

.t1Tint	{background-color:#f1f8ff;}
.t2Tint	{background-color:#e7f2ff;}
	
/* -------------------------------------------------------------------------------------------- */
/*	css defs for global header table*/							
/* -------------------------------------------------------------------------------------------- */

table.globalHeader	{
	border-collapse: collapse;
	width: 720px;
	}

table.globalHeader td.spacer	{
	height: 20px;
	}

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: 8pt;
	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(/static/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;
	}

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 Customer zone/Access control footer */
td.accessFooter		{
	height: 10px;
	background-color: #006100;
	}

/* style sheet for search page footer */
td.searchFooter		{
	height: 10px;
	background-color: #66009A;
	}

/* 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(/static/i/skins/btcom/images/structure/line_dotted_dgrey.gif);
	background-repeat: repeat-x;
	}

td.navSpacerLGreyDot	{
	height: 1px;
	background-image: url(/static/i/skins/btcom/images/structure/line_dotted_lgrey.gif);
	background-repeat: repeat-x;
	}

td.navSpacerBlueDot	{
	height: 1px;
	background-image: url(/static/i/skins/btcom/images/structure/line_dotted_blue.gif);
	background-repeat: repeat-x;
	}
	
td.navBase	{
	height: 20px; 
	}

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

td.padRight	{
	padding-right: 10px;
	vertical-align: top;
	}
	
td.padLeft	{
	padding-left: 10px;
	vertical-align: top;
	}

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(/static/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;
}

/* 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;
	}

/* 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:12px;
	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 {
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	border-width: 2px 2px 2px 2px;
	}

.tintedInput {
	background-color: #f1f8ff;
	color: #000000;
	}

/* Error/Warning Styles */

.GenFormError  {
	color: #ff0000
	}

.GenPortletError  {
	color: #ff0000;
	font-weight: bold
	}

.GenPortletWarning  {
	font-weight: bold
	}

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

.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(../../../../i/skins/btcom/images/structure/blue_dots.gif);*/
	background-image: url(/static/i/media/images/your_account/help_and_tips/blue_dots.gif);
	background-repeat: repeat-x;
	}

/* -------------------------------------------------------------------------------------------- */
/* TYPOGRAPHY */
/* -------------------------------------------------------------------------------------------- */
/* Revision 1.10 */
/* -------------------------------------------------------------------------------------------- */
/*	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, textarea {
	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; */
/* -------------------------------------------------------------------------------------------- */

/* --- 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;}

/* --- 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;}