/**************************************************************************/

* 
{
    /* Reset padding and margins globally.  Helps a lot
        when putting together a CSS-based layout */
    margin: 0;   
} 

html
{
    /*Dark Grey bg showing in l&r borders*/
    height: 100%;
    margin: 0; 
    /*For FF - ensures horiz scrollbar appears when window is resized*/
    min-width: 970px;
    padding: 0;
    font-size: .7em;
}

body
{
    font-family: Arial, Sans-Serif;    
    margin: 0;
    font-size: 1em;
}

body#Visibill
{
    /*Required*/
    height: 100%; 
    /*Enables borders on l&r for grey to show through*/
    margin: 0px;
    background-color:White;
   /* _width: 97.2%;
    min-width: 1024px;*/
}

body#ErrorPage
{
    /*Required*/
    height: 100%; 
    /*Enables borders on l&r for grey to show through*/
    margin: 0 15px;
    background-color:#DEDEDE;
    font-family: Arial, Sans-Serif;    
    font-size: 1.1em;
   /* _width: 97.2%;
    min-width: 1024px;*/
}

.ieclearer {
	float:none;
	clear:both;
	height:0;
	padding:0;		
}

.HeaderStyle
{
	text-align: left;
}

#Logo
{
    height: 90px;
}

table#LoggedInfo
{
	width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    background-color: #E4E4E4;
    /*background-image: url(/images/Common/infoBG.gif);*/
    background-position: top center;
    background-repeat: repeat-x;
	border-bottom: solid 1px #B0B0B0;    
}

table#Layout 
{
    width: 100%;
    margin: 0;
    /*padding: 0;*/
    border-collapse: collapse;
    background-color: #fff;
}


table#Layout tr td
{
    vertical-align: top;
    margin: 0;
}

table#Layout tr td#Layout_Navigation 
{
    padding-bottom: 2em;
}

table#Layout tr td#Layout_Content 
{
    padding: 0.5em 1em;
    width: 100%;
}

table#Layout tr td#Layout_Footer 
{
    height: 3em;
}


table#Layout tr td#Layout_Header
{
    width: 100%;
    margin: 0;
    height: 120px;
    vertical-align: bottom;
}

table#Layout tr td#Layout_Error_Header
{
    width: 100%;
    height: 80px;
    vertical-align: bottom;
    background-image: url(/images/Common/ErrorHeader.gif);
    background-repeat: no-repeat;
    background-color: #0F5F96;
}

table#Layout tr#Layout_Error_Background
{
	background-color: #000000;
}

.Column1, .Column1_Centered
{
    /*Ensure the column doesn't break the layout if font-size is increased to HUGE*/
    overflow: hidden;
    float: left;
    clear: right;
    width: 48%;   
    height: auto;
    padding: 5px;      
    margin-top: 1em; 
}

.Column1_Centered, .Column2_Centered
{
    text-align: center;
}

* html .Column1
{
    margin-right: 5px;
}

.Column2, .Column2_Centered
{
    /*Ensure the column doesn't break the layout if font-size is increased to HUGE*/
    overflow: hidden;
    float: right;
    clear: right;
    width: 48%;   
    height: auto;
    padding: 5px;
    margin-top: 1em;
}

* html .Column2
{
    width: auto;
}

#SiteLinks
{
    height: 30px;
    padding: 0;
    margin: 0;
    width: 100%;
	list-style: none;
	overflow: hidden;
}

#SiteLinks li
{
	list-style: none;
	float: left;
	width: auto;
}

#SiteLinks li.active
{
	/*set bg*/	
}

#SiteLinks a 
{
    list-style: none;
    font-size: 1.22em;
    font-family: Arial, Trebuchet MS, Sans-Serif;
    display: block;    
    padding: 4px 8px;
    float: left;   
    text-decoration: none;
    /*text-transform: lowercase;  */  
}

#SiteLinks a:Hover 
{
}

#Info
{
    /*Box model issue - height has to be 29px as the bottom border is 1px*/
    height: 49px;
    font-family: Arial, Trebuchet MS, Sans-Serif;
    font-size: 1em;
    display: block;
    padding: 0;
    float: left;
	list-style: none;
	/*width: 70%;*/
	/*white-space: nowrap;*/
	overflow: hidden;
    /*background-image: url(/images/Common/infoBG.gif);*/
    background-position: top left;
    background-repeat: repeat-x;
}

#Info li
{
	list-style: none;
	float: left;
	width: auto;
	padding: 16px 8px 0px;
}

#Info .CustomerName, #Info .CustomerAccountCode
{
    font-family: Arial, Trebuchet MS, Sans-Serif;   
    font-weight: bold;
}

#ExportLinks
{
    /*Box model issue - height has to be 49px as the bottom border is 1px*/
    height: 49px;
    font-family: Arial, Trebuchet MS, Sans-Serif;
    font-size: 1em;
    /*display: block;
    width: 30%;*/
    float: right;
	/*list-style: none;
	text-align: left;*/
	overflow: hidden;
    /*background-image: url(/images/Common/infoBG.gif);*/
    background-position: top center;
    background-repeat: repeat-x;
    color: #666;
}

#ExportLinks li
{
    float: right;    
	list-style: none;	
	width: auto;
}

#ExportLinks tr td a.btnPrint
{
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(/images/Common/printBG.gif);
    background-position: center left;
    background-repeat: no-repeat;    
}

#ExportLinks tr td a:hover.btnPrint
{
    background-image: url(/images/Common/printBG_colour.gif);
    cursor: hand;
}

table#ExportLinks tr td a.btnExcel
{
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(/images/Common/excelBG.gif);
    background-position: center left;
    background-repeat: no-repeat;    
}

table#ExportLinks tr td a:hover.btnExcel
{
    background-image: url(/images/Common/excelBG_colour.gif); 
    cursor: hand pointer;
}

#ExportLinks tr td a.btnPDF
{
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(/images/Common/pdfBG.gif);
    background-position: bottom left;
    background-repeat: no-repeat;    
}

#ExportLinks tr td a:hover.btnPDF
{
    background-image: url(/images/Common/pdfBG_colour.gif); 
    cursor: hand pointer;
}

#ExportLinks tr td a.btnCSV
{
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(/images/Common/csvBG.gif);
    background-position: center left;
    background-repeat: no-repeat;    
}

#ExportLinks tr td a:hover.btnCSV
{
    background-image: url(/images/Common/csvBG_colour.gif); 
    cursor: hand pointer;
}

#ExportLinks .LinkDescription
{
	text-align:left; 
	/*left: -10px; 
	position:relative; */
	font-weight:bold; 
	font-size:7pt;
}

h1, h2, h3, h4, h5, h6
{
    font-family: Arial, Trebuchet MS, Sans-Serif;
    display: block;
    float: none;
}

h1
{
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 1.5em;
    text-align: left;
}

h2
{
    font-size: 1.2em;
    text-align: left;    
    height: 2em; 
    text-indent: .7em;
    padding-bottom: .5em;
    margin-bottom: .5em;
	/*  Included "background-image"  style from CP.css to Master.css 
		as arrowBG is common in both themes*/
    background-image: url(/images/Common/arrowBG.gif);
}

h3
{
    font-size: 1.3em;
}

h4, h5
{
    font-size: 1.3em;
}

h6
{
    font-size: 1.2em;
}

/*  Included "#PageSummaryRow h2"  style from CP.css to Master.css*/
#PageSummaryRow h2 
{
    background-image: url(/images/Common/arrowBG_dark.gif);
}

label#SubAccountLabel, label#BillingPeriodLabel
{
    font-weight: bold;
    font-size: 1.1em;
    padding-right: 2em;
}

/*select 
{
    font-size: 0.9em;
    padding: .2em;
    width: 100%;
    margin-right: 2em;   
}

select option 
{
    font-size: 0.9em;        
}
*/
input, select
{
    font-size: 0.9em;
}


td#Layout_Content input
{
    display: inline; 
}

input.Submit
{
    padding: 0.25em;
    font-size: 0.9em;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    margin: 0 .5em;
}

input.Submit:active
{
}

fieldset legend
{
    font-weight: bold;
    font-style: italic;
    padding: 0.5em;
}

fieldset
{
    padding: 10px;
    padding-top: 1em;
    width: auto;
    /*float: left;*/
    clear: none;
    margin-top: -5px;
}

.Mandatory
{
    font-weight: bold;
}

.Optional
{
    font-weight: normal;
}

.LinkDescription
{
	text-align:left;
	font-weight:bold; 
	font-size:7pt;
}

/*James required to rollback the css navigation changes */
/*CVP 2012-07-13 */
/*
#SiteNavigation{ padding: 0px; margin: 0px; list-style-type: none; }
#SiteNavigation a{ text-decoration:none; }

.NavLevel1{font-weight:bold;padding:10px 0px 0px 0px;}
.NavLevel2{ padding:2px 0px 0px 5px;margin-left: 0px; list-style-type: none; }
*/
#SiteNavigation
{
    list-style: none;
    width: 17em;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}

#SiteNavigation li.NavLevel1
{    
    
}

#SiteNavigation li.NavLevel1 .NavHeading
{
    height: 1.5em;
    display: block;
    padding: 0 0.3em;
    white-space: nowrap;
    font-weight: bold;
    font-family: Arial, Trebuchet MS, Sans-Serif;
    font-size: 1.1em;
    text-align: left;
}

ul#SiteNavigation li ul
{
    display: block;
    float: none;
    list-style-type: none;
    font-weight: normal;    
    font-size: 1.1em;
    padding: 0 0 0 0;
    text-align: left;
    white-space:nowrap;
}

ul#SiteNavigation li ul.NavLevel2 li.NavLevel2
{
    margin: .5em 0;    
    width: auto;
    padding-left: 0.25em;
    padding-right: 1em;
    display: block;
    list-style-type:none;
}

li.NavLevel2 a 
{
    text-decoration: none;       
    padding-left: 0.25em;
    padding-right: 1em;
    display: block;
    height: 1.2em;
    list-style-type:none;
}

li.NavLevel2 a:hover
{
    text-decoration: none;    
    padding-left: 0.25em;
    padding-right: 1em;
    list-style-type:none;
}

#SiteNavigation select 
{
    margin-bottom: 1.5em;
}


#SiteNavigation li.NavLevel1 ul.NavLevel2 li.NavLevel2 .NavHeading
{
    height: 1.5em;
    display: block;
    padding: 0 0.3em;
    white-space: nowrap;
    font-weight: bold;
    font-family: Arial, Trebuchet MS, Sans-Serif;
    font-size: 12px;
    text-align: left;
    list-style-type:none;
}

ul#SiteNavigation li ul li ul
{
    display: block;
    float: none;
    list-style-type: none;
    font-weight: normal;    
    font-size: 12px;
    text-align: left;
    white-space:nowrap;
}

ul#SiteNavigation li ul.NavLevel2 li.NavLevel2 ul.NavLevel3 li.NavLevel3
{
    margin: .5em 0;    
    width: inherit;
    padding-left: 0.45em;
    display: inline-block;
}

li.NavLevel3 a 
{
    text-decoration: none;       
    padding-left: 0.25em;
    display: block;
    height: 1.2em;
}

li.NavLevel3 a:hover
{
    text-decoration: none;    
    padding-left: 0.25em;
}


h1#MainTitle
{
    display: none;
}

xtable
{
    border: none;
    width: 99%;
    margin-bottom: 8px;
    border-collapse: collapse;
}

xtable a 
{
    text-decoration: none;
    border: none;
}

xtable a:hover
{
    text-decoration: none;
}

xtable tr td 
{
    padding: 0.3em 0.2em 0.3em;
    font-size: 1em;
}

xtable tr th 
{
    font-weight: bold;
    padding-bottom: .3em;
    text-align: left;
    font-size: 1.1em;
    vertical-align: top;
}

table Caption
{
    font-weight: bold;
    text-align: center;
    padding: .2em 0;
    font-size: 1.1em;
    font-family: Arial, Trebuchet MS, Sans-Serif;
}

.tableFooter
{
    font-weight: bold;
    background-color: #E4E4E4;
}

xtable.FormLayout
{
    border: none;
    width: auto;
    border-collapse: separate;    
}

.TransactionHistory td 
{
    text-align: left;
    background-color: #E4E4E4;
    padding: 10px 10px 10px 10px
}

.TransactionHistory TransactionPadding
{
	padding: 3px 0 0 5px;
	display: inherit;
}

xtable.CallDetails Caption 
{    
}

xtable.CallDetails tr td
{
}



#ContentRow
{
    display: block;
   /* Ensure the column doesn't break the layout if font-size is increased to HUGE*/
    overflow: hidden;
    float: none;    
    clear: both;
    width: auto;    
    height: auto;
    margin-bottom: 2em;
    padding: 1em;
    margin-top: 2em;
    position: relative;
    top: 2em;
    text-align: center;
}


#CallDetailsRow
{
    display: block;
    float: none;  
    clear: none;    
    width: auto;       
    height: auto;
    overflow: auto;    
    margin: 0;    
    margin-bottom: 2em;
    padding: 1em;
}

.PageSummaryRow 
{
    display: block;
    float: none;  
    clear: none;       
    height: auto;
    overflow: auto;    
    margin: 1em 0 0 0; 
    padding: 5px;
    width:95%;
}


.PageSummaryRow p
{
    height: 1em;   
    font-size: 1em;
    font-family: Arial, Trebuchet MS, Sans-Serif;
    font-style: normal;
}

.PageSummaryRow address
{
    display: block;       
    float: right;  
    width: 16em;
    overflow: visible;
}

.PageSummaryRow address p
{      
}

.PageSummaryRow label
{
    display: block;
    width: 15em;  
    height: 2em;  
}

.PageSummaryRow select
{
    display: block;
    margin-left: 16em;
    margin-top: -3em;
    width: auto;
    margin-bottom: 1em;    
}

.PageSummaryRow input
{
    display: block;
    margin-left: 16em;    
}

br.cleared 
{
    clear: both;
}

/************  For Login Screen  ********************/
body#LoginScr
{
	font-size: 1.1em;
	background-repeat: no-repeat;
	padding: 5px;
	height: 100%; 
	font-family: Arial, Trebuchet MS, Sans-Serif;
    /*Enables borders on l&r for grey to show through*/
    margin: 0px;
}

.Layout_Content_Login
{
	padding: 5px;
	width: 970px;
	position:relative;
	color:white;
}

#LoginScr a 
{
    list-style: none;
    font-size: 1.0em;
    font-family: Arial, Trebuchet MS, Sans-Serif;
    /*display: block;   
    padding: 4px 8px;
    float: left;  */ 
    text-decoration: underline;
}

#LoginScr a:Hover 
{
}

.caption 
{
	color:#000000; 
	white-space:nowrap; 
	text-align:center;
	font-size: -1;
}

.form-noindent 
{
	padding: 10px;
	border-spacing: 3px;
	width: 100%
}

/************  Banners on forms  ********************/

.Banner
{
	/*Box model with a bottom border is 1px*/
    height:auto ;
    font-family: Arial, Trebuchet MS, Sans-Serif;
    font-size: 1em;
    display: block;
    padding: 5px;
	width: 94%;
	white-space:inherit ;
	background-color: #E4E4E4;
    /*background-image: url(/images/CP/infoBG.gif);*/
    background-position: top left;
    background-repeat: repeat-x;
    border-bottom: solid 1px #B0B0B0;
    color: #666;
}

/************  Banners on forms  ********************/

#MainHeader
{
	/*Box model with a bottom border is 1px*/
    font-family: Arial, Trebuchet MS, Sans-Serif;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0;
	border-bottom: solid 1px #B0B0B0;
	width: 95%;
}
/*
.BorderLine
{
	background-color: #B0B0B0;
	width: 99%;
}
*/
.CustomerName
{
    font-family: Arial, Trebuchet MS, Sans-Serif;   
    font-weight: bold;
}

.CustomerAccountCode
{
}


/************  Inner Table on forms  ********************/
.innerTableBorder
{
	width:95%;
	/*padding: 5px;*/
	float:inherit;
}

/************  Removed from SS.css and pasted here  ********************/
.searchfield
{
	padding: 5px;
	font-family:Arial, Sans-Serif; 
}

/************  Control width on forms	*******************/

.controlStyle
{
	width:80%;
}


/****************************  Alternate Table Row Styles	****************************/

.TableTextField
{
	 vertical-align:middle;
	 PADDING-RIGHT: 15px; 
	 PADDING-LEFT: 15px; 
	 FONT: normal 11px Arial, Trebuchet MS, Sans-Serif;  
}

.TableValueField
{
	 background-color: #ffffff; 
	 font-family: Arial, Trebuchet MS, Sans-Serif; 
 	 color: #ADABAB;
}
 
.TableStyle
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-spacing: 15px;
}

.TableStyle TableStyle_listing
{
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	border-spacing: 25px;
}

/****************************  Header on Navigation	****************************/

.GenHeader
{
    height: 1.5em;
    display: block;
    padding: 0 0.3em;
    white-space: nowrap;
    font-weight: bold;
    font-family: Arial, Trebuchet MS, Sans-Serif;
    font-size: 1.1em;
    text-align: left;
}

.MinorNotifications
{
	font-size:xx-small;
	color:#ADABAB;
}

.PlainText
{    
	height: 1.5em;
    display: block;
    padding: 0 0.3em;
    white-space: nowrap;
    font-family: Arial, Trebuchet MS, Sans-Serif;
    font-size: 1.1em;
    text-align: left;
}

#ErrorNotification, .ErrorNotification
{
	color:Red;
	font-family:Arial Trebuchet MS, Sans-Serif;
	font-size: 1.1em;
	font-weight:500;
	text-align:left;
	padding: -50em 0 0 0;
	vertical-align:top;
	display:block;
}

.InnerContent
{
    margin: 0;
    border-collapse: collapse;
    background-color: #fff;	
    vertical-align:middle;
	PADDING-RIGHT: 0.939em; 
	PADDING-LEFT: 0.939em; 
	/*padding-top: 0.939em;*/
	FONT: normal 12px Arial, Trebuchet MS, Sans-Serif;   
}

.InnerContent p
{    
	/*height: 1em;   */
    font-size: 1em;
    font-family: Arial, Trebuchet MS, Sans-Serif;
    font-style: normal;
    color: Black;
}

.InnerContent p a
{
	height: 1em;   
    font-size: 1em;
    font-family: Arial, Trebuchet MS, Sans-Serif;
    font-style: normal;
    color: Black;
}

.BottomLine
{
	background-color:Silver;
	height: 0.0626em;
}

.TaxInvoice
{
	vertical-align:bottom;
	font:  normal 12px Arial, Trebuchet MS, Sans-Serif;
	color: #ADABAB;
	float: right;
	display:block;
	
}

.extraPadding
{
	padding: 1em 1em 0em 1em;
	position:relative;
}

.silverBGColor
{
	vertical-align:middle;
	PADDING-RIGHT: 15px; 
	PADDING-LEFT: 15px; 
	padding-top:15px;
	FONT: normal 11px Arial, Trebuchet MS, Sans-Serif;  
	background-color:#E4E4E4;
}

/*********************************/
/*		Error page				*/
.normalText
{
	text-align:center;
	padding: 1em 0 2em 0;
}

.errorNotification
{
	text-align:center;
	background-color: #C2C2C2;
	vertical-align: middle;
	padding: 1em 0 1em 0;
}

/* Cross platform min-width functionality (tested for IE & Firefox)
   Please dont not alter
*/
.width {
	width:100%;
	min-width:970px;
}

.content {
	position:relative;
}

.minwidth{
	padding-left: 970px;
}

.container{
	margin-left:-970px;
	position:relative;
}

.Lbl
{
	 vertical-align:middle;
	 PADDING-RIGHT: 15px; 
	 PADDING-LEFT: 15px; 
	 padding-top:15px;
	 FONT: normal 1em Arial, Trebuchet MS, Sans-Serif;  
}

.Ctl
{
	 background-color: #ffffff; 
	 padding-right: 15px; 
	 padding-left: 15px;
	 padding-top: 15px;
	 font-family: Arial, Trebuchet MS, Sans-Serif; 
	 font-size: 1.3em;
 	 color: #ADABAB;
}

/*\*/
* html .minwidth, * html .container, * html .content, * html .layout {
	height: 1px;
}

.NormalTextColor
{
    color: #202020;
}

.Lbl_XS
{
	font-size: small;
	font-weight: bold;
}
.Lbl_8
{
	font-size: 8pt;
	font-weight: bold;
}
.Ctl_XS
{
	font-size: small;
}
.Ctl_8
{
	font-size: 8pt;
}
.Lbl_M
{
	font-size: medium;
	font-weight: bold;
}
.AltRow
{
	background-color: Gainsboro;
}
.WaitBox
{
	overflow: hidden;
	background-color: #DCDCDC;
}

/* Login.aspx page stylesheet */
.HeaderBlurb 
{
    height: 120px;
    padding: 140px 30px 0px 50px;
    position: relative;
    width: 850px;
}
.LoginForm
{
    height: 96px;
    padding: 50px 30px 50px 50px;
    position: relative;
    width: 850px;
}
.loginFormTable
{
    width: 80%;
        
}
.SecurityOptions
{
    padding: 0px 30px 20px 50px;
    position: relative;
    width: 850px;
}
.securityoptionblurb
{
    padding: 10px 0px 0px 0px;    
}

td.loginFormCaption
{
    width: 25%;
}
.loginFormTextBox
{
    width: 75%;    
}
p.RecoverPassword
{
    padding: 50px 20px 0px 0px;    
}
table.RecoverPassword
{
    width: 70%;
}
td.RecoverPassword
{
    width: 170px;    
}
.FormErrorMessage
{
    color: #FFFFFF;
    font-weight: bold;  
    padding-bottom: 25px;
}
div.MessageSection
{
    padding: 50px 0px 0px 0px;
}



/* alert from twbs */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}