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

/*Added by Mphasis new*/
	body {
	margin: 0;
	font-family: verdana;
	/*font-size: 0.8em;*/
	font-size: 11px; color: #666666;
	text-align:center;
	
}

.main {
	width: 760px;
	height: auto;
	text-align:left; 
	margin:0 auto; 
}

.signpost{
	width: 722px; 
	height: auto; 
	margin: 0 20px;
	border: 0px solid #333; vertical-align:top;
}


div.primarynav{
	width: 722px; 
	height: 20px;
	margin: 20px 0 0 20px;
	border: 0px solid #333;
}


.mainConentBorder{
	width: 720px; 
	height: auto;
	margin: 0 20px;
	border: 1px solid #B9C7E7;	
	border-bottom: none;
	
}

.btmainConentBorder{
	width: 720px; 
 	height: auto;
 	margin: 0 20px;
 	border: 1px solid #B9C7E7; 
 	border-bottom: none;
 	border-top: none;
 	*margin: -3px 20px 0x;
	
}

.logocontainer{
	float:right;
	width:75px;
	height:36px;
}

.logoImg{
	background-image:url(../images/bt_logo.gif); width:75px; height:36px;
}

.login1{
	width: 365px; 
	float: right; 
	margin: 0 20px 0 0px; 
	border: 0px solid #333;
}

.mainContentDiv{
	width: 680px; height: 872px; margin: 20px 20px 0 20px; border: 0px solid #333;

}

.mainContentDivSearchTips{
	width: 680px; height: 660px; margin: -7px 20px 0 20px; *margin: 0px 20px 0 20px; border: 0px solid #333; padding-top: 0px;

}

.mainContentDivAdvSearch{
	width: 680px; height: 300px; margin: 2px 20px 0 20px; *margin: 4px 20px 0 20px; border: 0px solid #333;

}

.btmainContentDiv{
	width: 680px; height: auto; overflow:hidden; margin: 10px 20px 0 20px; border: 0px solid #333; *margin: 0px 10px 0 20px;
}
.btmainContentDiv_local{
    width: 680px; height: auto; overflow:hidden; margin: 0px 20px 0 20px; border: 0px solid #333;
}


.mainContentLeft{
	width: 480px; height: 870px; float:left; border: 0px solid #333;
}


.btmainContentLeft{
    width: 510px; height: auto; float: left; margin: 10px 0 0 0; left; 
    border-right: 1px solid #DFDFDF;
    padding-right: 10px;
    padding-bottom: 10px;
    word-wrap:break-word;
	*width: 520px; *margin: 10px 0 0 0;
}

/* Right Nav Column*/
.navHeading{
	border-bottom: 0px solid #DFDFDF; margin: 0 20px; padding-bottom: 2px; font-size: 12px; color: #3E0071;
}

.rightNavHeading{
	width: 180px;
	height: 872px;
	float:right;
	border-left: 1px solid #DFDFDF;
}

.btrightNavHeading{
	  width: 155px;
      height: auto;
      float:right;
	        left:500px;
      margin: 20px 0 0 0;
      *width: 160px;
	  border: 0px solid #333;	
	  *margin: 0;
}

.rightNavHeading1{
	border-bottom: 0px solid #333; margin: 20px 20px 0;
}

.rightNavHeading2{
	border-bottom: 0px solid #333; margin: 10px 20px 0;
}

.fontRightNav{
	font-weight: bold; font-size: 11px; font-family: verdana; color: #0066CC;
}

.rightNavImg{
	margin: 4px 20px; background:url(../images/hori_line_bg.gif) repeat-x; 
}

.rightNavText{
	border-bottom: 0px solid #333; margin: 0 20px 12px 20px;
}
/*Right Nav column ends*/



.bottomBorderGray{
	width: 720px; *height: 1px; margin: 0; border-bottom: 1px solid #DFDFDF; *border-top: 1px solid #DFDFDF; *border-bottom: 0px solid #DFDFDF;top: 1px solid #DFDFDF;


}



/*Menu Tab */
.primaryTab_1{
	width: 129px; 
	*width: 139px; 
	margin-right: 7px;
	height: 17px; *height: 20px; 
	padding: 3px 0 0 10px; 
	float: left; 
	border: 0px solid #333; 
	background-color: #EFEFEF; 
	background-image:url(../images/tab_img.jpg); 
	font-size: 12px; color: #fff; font-family:tahoma;
}

.primaryTab_2{
	width: 129px; 
	*width: 139px; 
	margin-right: 7px;
	height: 17px; *height: 20px; 
	padding: 3px 0 0 10px; 
	float: left; 
	border: 0px solid #333; 
	background-color: #EFEFEF; 
	background-image:url(../images/tab_img.jpg); 
	font-size: 12px; color: #fff; font-family:tahoma;
}

.primaryTab_3{
	width: 129px; 
	*width: 139px; 
	margin-right: 7px;
	height: 17px; *height: 20px; 
	padding: 3px 0 0 10px; 
	float: left; 
	border: 0px solid #333; 
	background-color: #EFEFEF; 
	background-image:url(../images/tab_img.jpg); 
	font-size: 12px; color: #fff; font-family:tahoma;
}

.primaryTab_4{
	width: 129px; 
	*width: 139px; 
	margin-right: 6px;
	height: 17px; *height: 20px; 
	padding: 3px 0 0 10px; 
	float: left; 
	border: 0px solid #333; 
	background-color: #EFEFEF; 
	background-image:url(../images/tab_img.jpg); 
	font-size: 12px; color: #fff; font-family:tahoma;
}

.primaryTab_5{
	width: 129px; 
	*width: 139px; 
	margin-right: 0px;
	height: 17px; *height: 20px; 
	padding: 3px 0 0 10px; 
	float: left; 
	border: 0px solid #333; 
	background-color: #EFEFEF; 
	background-image:url(../images/tab_img.jpg); 
	font-size: 12px; color: #fff; font-family:tahoma;
}


/*Added by Mphasis ends*/
/*----------------------------)*/


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

/*Added by Mphasis*/
	div.globalHeader{
	width: 720px; 
	height: 35px; 
	margin: 20px 20px 0px 20px;
	border: 0px solid #333;
}

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

/*Added by Mphasis*/
div.footerNav{
	background-color: #EFEFEF; height: 29px; *height: 40px; border-top: 1px solid #8E8E8E; border-bottom: 1px solid #8E8E8E;  width:709px; *width: 722px; margin: 0 20px; padding: 11px 0 0 13px;
}

/*Added by Mphasis*/
.footerNav1{
	background-color: #EFEFEF; height: 29px; *height: 40px; border-top: 1px solid #8E8E8E; border-bottom: 1px solid #8E8E8E;  width:709px; *width: 720px; margin: 0 20px; padding: 11px 0 0 13px;
}

/*Added by Mphasis new*/
.footerContent{
	width:auto; float: left;margin-right: 25px;
}

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

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

td.navSpacerBlueDot	{
	height: 1px;
	background-image: url(../../../../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(../../../../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(../../../../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 {
background-color: ; 
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;
border: 1px solid #333;
}


/*Added by Mphasis new*/
.searchmain_1{
	border: 0px solid #333; width: 720px; margin: 0 0 12px 0; padding-top: 2px; *padding-top: 20px; *margin: 0;
}


.textbox {
background-color:none transparent scroll repeat 0% 0%;
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;
}

/*Added by Mphasis*/
.textbox_1{
	width:auto; height: 20px; float: left; border: 0px solid #333; margin: 0 17px 0 0; *margin: 0 8px 0 0;
}

.tintedInput {
	color: #666666; background-color: #F1F8FF; font-family: verdana; font-size: 11px;
}

.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;

}


/*Added by Mphasis*/
.dropdown_1 {
	width: auto; height: 20px; margin: 0 10px 0 0px; *margin: 0 11px 0 0px; border: 0px solid #333;float: left;
}

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

}*/


/*Added by Mphasis*/
.searchbutton_1{
	margin: 1px 10px 0 0px; border: 0px solid #333;float: left;
}

.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;
}


/*Added by Mphasis*/
.advancelink_1{
	margin: 4px 20px 0 0px; border: 0px solid #333; float: left;
}


.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(../../../../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(../../../../i/media/images/segment/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(../../../../i/media/images/segment/prim_nav_right_200x21.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
	list-style: none;
	white-space: nowrap;
	width: 140px;
	height: 21px;
	_overflow:hidden;
}
#TabNav ul li a {
	background-image: url(../../../../i/media/images/segment/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(../../../../i/media/images/segment/prim_nav_selected_right_200x21.gif);
}
#TabNav ul li.selected a {
	background-image: url(../../../../i/media/images/segment/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 below for UKMC CR 10th Feb 2009 */
.login2{
	width: 295px; 
	float: right; 
	margin: 0 15px 0 0px; 
	border: 0px solid #333;
	padding: 12px 0 0 0px;
	text-align: center;
}

div.footerNavukmc{
	background-color: #f1f8ff; height: 29px; *height: 40px; border-top: 1px solid #8E8E8E; width:709px; *width: 722px; margin: 0 20px; padding: 11px 0 0 13px; 
}
.footerContent11{
	width:auto; float: left; margin-right: 7px; margin-left: 7px; 
}
.footerContent12{
	float: left; padding-top: 5px;
}
.searchFooter11 {
	background-color: #2266ab; width:709px; *width: 722px; margin: 0 10px 0 20px; padding: 9px 0 0 13px;  
}
/* Added above for UKMC CR 10th Feb 2009 */

/*CR-39 changes  */

 #cookieNotification {
	*width:320px !important;
}
#cookieNotification .arrow {	
  *width: 162px! important;
}
ul#globalNav
{
  *left: 10px !important;
}
.willList, .willNotList, .will, .willNot, .detailsColumnWillNot, .detailsColumnWill{
*margin:0px !important;
*width:328px !important;
}
.functionalList,  .neccesaryPerformanceList, .sharingList {
	*width: 656px !important;
}
#cookieWrapper {
	*width: 700px !important;
}
#cookieFooter .cookieButton {
 margin: 8px !important;
 *margin: 0px !important;
}