body
{
    background-color: #333333;
    margin: 0;
    padding: 0;
    color: #333333;
 	font-family: Arial, Helvetica;
	font-size: 10pt;
	height: 100%;
}
a img
{
    border: 0px;
}
a:link
{
    color: black;
    font-family: Arial;
    font-size: 10pt;
    line-height: 10pt;	/*so that its inline with labels/ textboxes*/
    white-space: nowrap;
}
a:visited
{
    color: #003366;
   	font-family: Arial, Helvetica;
	font-size: 10pt;
    text-decoration: none;
}
a:hover
{
    color: #3a3a3a;
   	font-family: Arial, Helvetica;
	font-size: 10pt;
    text-decoration: none;
}
a:active
{
    color: #003366;
    font-family: Arial, Helvetica;
	font-size: 10pt;
    text-decoration: none;
}
H1
{
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}
H2
{
    line-height: 14px;
    margin: 1em 0px 0px 0px;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
H3
{
    margin: 0px 0px 5px 0px;
    font-size: 1em;
    font-weight: bold;
}
/* loading message text */
.loading
{
    font-family: Arial, Helvetica;
    background-color: #fff;
    color: #000;
    vertical-align: top;
}
.updateProgress
{
	border: solid 1px #ebeff2;
	background-color: #ebeff2;
	position: absolute;
	width: 225px;
	height: 40px;
	text-align: center;
	padding-top: 15px;
}
.updateProgressMessage
{
	font-family: Arial, Helvetica;
	font-size: 13px;
	font-weight: 500;
}
/* Error message text */
.errorText
{
   	font-family: Arial, Helvetica;
	font-size: 10pt;
    color: red;
}
/* Required text */
.alertText
{
    color: #d00808;
 	font-family: Arial, Helvetica;
	font-size: 10pt;
    font-weight: normal;
}
/* hide and show style */
.hide
{
    display: none;
}
.show
{
    display: block;
}
/* Link Button style */
.csshyperlink
{
   	font-family: Arial, Helvetica;
	font-size: 10pt;
    font-weight: bold;
    border: 1px solid #38609c;
    background: #3f729a;
    cursor: pointer;
    display: inline-block;
    padding: 4px 6px 4px 6px;
    height: 14px;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px; 
      /* IE10 */ 
    background-image: -ms-linear-gradient(top, #92ACC0 0%, #587993 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #92ACC0 0%, #587993 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #92ACC0 0%, #587993 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #92ACC0), color-stop(1, #587993));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #92ACC0 0%, #587993 100%);
    /* Proposed W3C Markup */ 
    background-image: linear-gradient(top, #92ACC0 0%, #587993 100%);    
}
.csshyperlink:link, .csshyperlink:visited
{
    font-family: Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
    color: #ffffff;
}
.csshyperlink:hover
{
    font-family: Arial, Helvetica;
	font-size: 10pt;
    color: #FFFFFF;
    background: #2C77B9;
    /* IE10 */ 
    background-image: -ms-linear-gradient(top, #2C77B9 0%, #245E9D 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #2C77B9 0%, #245E9D 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #2C77B9 0%, #245E9D 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2C77B9), color-stop(1, #245E9D));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #2C77B9 0%, #245E9D 100%);
    /* Proposed W3C Markup */ 
    background-image: linear-gradient(top, #2C77B9 0%, #245E9D 100%);
}
.csshyperlink:active
{
    font-family: Arial, Helvetica;
	font-size: 10pt;
    color: #FFFFFF;
    background: #111111;
}
.csshyperlink2
{
    font-family: Arial;
    border: outset 2px #D4A77A;
    background: url('../images/navBar.gif') repeat-x;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 1px 10px 2px 10px;
    text-decoration: none;
}
.csshyperlink2:link, .csshyperlink2:visited
{
    font-family: Arial;
    color: #fff;
}
.csshyperlink2:hover
{
    font-family: Arial;
    border: inset;
    color: #000;
    background: #fff;
}
/* shopping cart text */
.shoppingCartBox
{
    height: 14px;
	vertical-align: middle;
	padding: 5px 3px 5px 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px; 
    background: #2C77B9; 
    border: 1px solid white;
}
.cartSpacer
{
    padding-left: 20px;
}
a.myCartLink
{
    color: White;
}
/* Horizontal navigation bar */
.navBar
{
    background: url('../images/navBar.gif') repeat-x;
    height: 30px;
    color: #ffffff;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
     /* IE10 */ 
    background-image: -ms-linear-gradient(top, #245D9B 0%, #2B75B6 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #245D9B 0%, #2B75B6 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #245D9B 0%, #2B75B6 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #245D9B), color-stop(1, #2B75B6));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #245D9B 0%, #2B75B6 100%);
    /* Proposed W3C Markup */ 
    background-image: linear-gradient(top, #245D9B 0%, #2B75B6 100%);
}
/* Horizontal bar data text style */
span.bar-account
{
    position: absolute;
    left: 5px;
    padding-top: 7px;
}
span.bar-serviceaddress
{
    position: absolute;
    left: 250px;
    padding-top: 7px;
}
span.bar-signout
{
    position: absolute;
    right: 5px;
    padding-top: 3px;
}
/* Copyright text */
.Copyright
{
    font-family: Arial, Helvetica;
	font-size: 10pt;
    color: #fff;
    padding-top: 5px;
    text-align:right;
}
.CopyrightContainer
{
    background-color:#333333;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}
/* Contact Us text */
.ContactUsBox
{
	padding: 2px 0px 0px 0px;
	float: right;
	text-align: right;
	font-family: Arial, Helvetica;
	font-size: 10pt;
}
.ContactUs, .ContactUs a
{
	padding: 2px 15px 0px 15px;
	background-color: #333333;
	font-family: Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	text-decoration: underline;
	color: #FFFFFF;
}
.ContactUs:hover
{
    text-decoration:none;
}
/* Portal top image */
.headerImage
{
    background: url('../images/DynamicPortal_header100.jpg');
    display: block;
    width: 1000px;
    height: 100px;
}
/* Portal very top spacer */
.headerBar
{
    background-color: #333333;
    height: 20px;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}
/* Portal footer spacer */
.footerBar
{
    background-color: inherit;
    height: 20px;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}
/* Gridview/Datagrid theme styles */
.HeaderStyle
{
    background-color: #333333;
    color: #FFF;
    font-weight: bold;
    font-family: Arial, Helvetica;
    vertical-align: top;
    text-align: left;
    border-color: #ebeff2;
}
.HeaderStyle a, .HeaderStyle a:visited
{
    color: #FFF;
}
.FooterStyle
{
    background-color: Gray;
    color: #FFF;
    text-align: right;
}
.AlternatingRowStyle
{
    background-color: #FFF;
    vertical-align: top;
}
.RowStyle
{
    background-color: #ebeff2;
    text-align: left;
    vertical-align: top;
}
.SelectedRowStyle
{
    vertical-align: top;
}
.PagerRowStyle, .PagerRowStyle td
{
    background-color: #333333;
    color: #FFF;
    font-family: Arial, Helvetica;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    width: 100%;
}
.PagerRowStyle a, .PagerRowStyle a:visited
{
    color: #2c78ba;
}
.PagerRowStyle a:hover
{
    color: #FFF;
}
.GridviewControlStyle
{
    border-color: #ebeff2;
    border-width: 1px;
    border-style: solid;
    color: #3a3a3a;
    background-color: White;
    width: 100%;
}
/*
	 div text styles 
*/
/* required information section style */
div.requiredInformation
{
    position: relative;
    text-align: center;
    width: 100%;
    height: 1.5em;
}
/* page outer content padding section style */
.page-contentPadding
{
    vertical-align: top;
    background-color: #fff;
    padding: 15px 15px 15px 15px;
}
/* page inner content padding section style */
.contentPadding
{
    padding: 10px 10px 10px 10px;
    background-color: #fff;
}
/* page content border section style */
.contentBorder
{
    border: solid 1px #C7C7C7;
}
/* Left navigation content section style use in SiteContent master page */
.leftnavigationcontent
{
    background-color: #fff;
    width: 210px;
    vertical-align: top;
    overflow: hidden;
    margin: auto;
    float: left;
    padding-bottom: 30px;
    height: 100%;
}
/* column style use in Login, LoginContent, and SiteContent master pages */
.middlecontent
{
    margin: auto;
    overflow: hidden;
    padding: 2px 2px 0px 2px;
}
/* column style use in Login master page for Login box */
.rightlogincontent
{
    float: right;
    padding: 2px 2px 0px 0px;
    width: 275px;
    overflow: hidden;
}
/* Login page box column style */
.columnBorder
{
    vertical-align: top;
    border: solid 1px #C7C7C7;
    height: 352px;
}
.sitecontainer
{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	background-color: White;
}
/* Portal header section style use in Site master page */
.portalheader
{
	text-align: center;
	clear: both;
}
/* Portal container style use in Site master page */
#site
{
    width: 1000px;
    background-color: White;
    text-align: center;
    margin: auto;
}
#site h1
{
    text-align: center;
    clear: both;
    margin-top: 20px;
}
/* Portal body section style use in Site master page */
.portalmiddle
{
    padding: 0px 0px 0px 0px;
    background-color: White;
    margin: auto;
    text-align: left;
    background-color: #fff;
}
/* Portal footer section style use in Site master page */
.portalfooter
{
    text-align: center;
    clear: both;
    margin: auto;
}
/* Login page content padding style */
.login-contentPadding
{
    vertical-align: top;
    background-color: #fff;
}
/* button container style for forms */
.buttonContainer
{
    float:left; 
    padding: 4px 4px 4px 4px;
}
/* line break or spacer between content */
.spacer
{
    padding-top: 5px;
    clear: both;
}
.spacer2
{
    padding-top: 10px;
    clear: both;
}
ul
{
    font-family: Arial, Helvetica;
    font-size: 10pt;
}
.crmlist
{
    list-style-image: url('../images/SideMenu_BulletPoint.png');
    font-family: Arial, Helvetica;
    font-size: 10pt;
}
.cdrlist
{
    padding-left:75px;  
    list-style-image: url('../images/SideMenu_BulletPoint.png');
    font-family: Arial, Helvetica;
    font-size: 10pt;
}
/* Left navigation list style */
#side_nav
{
    padding: 10px 10px 0px 10px;
    margin: 0px;
    vertical-align: top;
    list-style-type: none;
}
#side_nav LI
{
    padding-left: 5px;
    margin: 0px;
    float: none;
    font-size: 13px;
    font-family: Arial, Helvetica;
    color: #245d9b;
}
#side_nav LI.list1
{
    list-style: inside;
    list-style-image: url('../images/SideMenu_BulletPoint.png');
    font-family: Arial;
    font-size: 10pt;
    color: #003366;
    padding-top: 3px;
}
#side_nav LI A
{
    font-family: Arial, Helvetica;
    font-size: 10pt;
    color: #333333;
    text-decoration: underline;
    list-style-type: circle;
}
#side_nav LI A:hover
{
    color: #003366;
    text-decoration: underline;
}
#side_nav LI.current A
{
    font: 12px Arial;
    color: #003366;
    text-decoration: none;
}
#side_nav LI.dropped
{
    margin-top: 10px;
    font-family: Arial;
    font-size: 10pt;
    font-weight:bold;
    list-style-image: none;
    color:Black;
}
#side_nav LI A.Home
{
    font: 10pt Arial;
    font-weight: 600;
    color: black;
    text-decoration: underline;
}
#side_nav LI A.Home:hover
{
    color: #003366;
}
/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header
{
    font-family: Arial, Helvetica;
	font-size: 10pt;
    background: url('../images/tab-line.png') repeat-x 50% bottom;
    font-weight: bold;
    display: block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer
{
    background: url('../images/tab.png') no-repeat left top;
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner
{
    background: url('../images/tab.png') no-repeat right top;
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner
{
    color: #000000;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer
{
    background: url('../images/tab.png') no-repeat 0pt -40px;
    border-bottom-color: #ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner
{
    background: url('../images/tab.png') no-repeat right -40px;
    color: #000000;
    border-color: #333;
}
.ajax__tab_technorati-theme .ajax__tab_body
{
 	font-family: Arial, Helvetica;
	font-size: 10pt;
    padding: 8px;
    background-color: #ffffff;
    border: solid 1px #d7d7d7;
    border-top-width: 0;
}
/*  printer friendly link styles */
a.printerFriendly_link
{
    cursor: pointer;
    color: #1b4b59;
    background-color: #fff;
}
a.printerFriendly_link:link
{
    cursor: pointer;
    color: #1b4b59;
    background-color: #fff;
}
a.printerFriendly_link:hover
{
    cursor: pointer;
    color: Red;
    background-color: #fff;
}
.printerFriendly
{
    font-size: 1em;
    width: 90%;
}
.printerFriendlyNavLink
{
    font-weight: bold;
    font-size: 1em;
}
.columnContainer
{
    clear: both;
}

.alignRight
{
    float: right;
}
.lineDivider
{
    color: #ebeff2;
    height: 1px;
}
.smallText
{
    font-size: 0.8em;
    font-weight: normal;
}
/*  Login page list layout styles */
ul.loginColumns
{
    margin: 0 auto;
    padding: 0;
}
ul.loginColumns li
{
    text-align: left;
    list-style: none;
    margin-top: 10px;
}
.login-lable
{
    font-weight: bold;
}
.login-input
{
    float: right;
    width: auto;
}
.login-text
{
    font-family: Arial;
}
/*  Common list layout styles */
ul.common-column
{
    margin: 0;
    padding: 0;
    width: 450px;
}
ul.common-column li
{
    text-align: left;
    list-style: none;
    margin-top: 10px;
    clear: both;
}
.common-lable
{
    font-style: normal;
}
.common-input
{
    float: right;
    width: auto;
}
.common-inputtext
{
    font-family: Arial, Helvetica;
    font-weight: normal;
    color: #000;
    width: 200px;
}
/*  Account Summary page list layout styles */
ul.accountSummary-column
{
    margin: 0;
    padding: 0;
    width: 450px;
}
ul.accountSummary-column li
{
    text-align: left;
    list-style: none;
    margin-top: 10px;
    clear: both;
}
.accountSummary-lable
{
    font-style: normal;
}
.accountSummary-input
{
    float: right;
    width: auto;
}
.accountSummary-inputAlignR
{
    float: right;
    width: auto;
    text-align: right;
}
.accountSummary-inputtext
{
    font-family: Arial, Helvetica;
    font-weight: normal;
    color: #000;
    width: 200px;
}
/*  Credit card pay fee page list layout styles */
ul.payment-column
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 550px;
}
ul.payment-column li
{
    clear: both;
}
.payment-lable
{
    float: left;
    width: 150px;
    clear: both;
    padding-bottom: 10px;
    padding-left: 20px;
}
.payment-image
{
    float: left;
    clear: both;
    padding-bottom: 10px;
    padding-left: 20px;
}
.payment-input350
{
    width: 350px;
}
.payment-input200
{
    width: 200px;
}
.payment-input100
{
    width: 100px;
}
.payment-input50
{
    width: 50px;
}
ul.paymentConfirmation-column
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 550px;
}
ul.paymentConfirmation-column li
{
    clear: both;
}
.paymentConfirmation-lable
{
    float: left;
    width: 250px;
    clear: both;
    padding-bottom: 5px;
    padding-left: 20px;
}
/*  Direct debit page list layout styles */
ul.directDebit-column
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 550px;
}
ul.directDebit-column li
{
    clear: both;
}
.directDebit-lable
{
    float: left;
    width: 130px;
    padding-bottom: 5px;
    clear: both;
}
/*  Login modify page list layout styles */
ul.PortalAccount-column
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 550px;
}
ul.PortalAccount-column li
{
    clear: both;
}
.PortalAccount-lable
{
    float: left;
    width: 220px;
    clear: both;
    padding-bottom: 10px;
}
.PortalAccount-inputtext250
{
    width: 250px;
}
.PortalAccount-inputtext250RO
{
    width: 250px;
    background-color: Silver;
}
.PortalAccount-inputtext150
{
    width: 150px;
}
.PortalAccount-inputtext150RO
{
    width: 150px;
    background-color: Silver;
}
/*  ModifyBillingAccountContact page list layout styles */
ul.UBAccount-column
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 550px;
}
ul.UBAccount-column li
{
    clear: both;
}
.UBAccount-lable
{
    float: left;
    width: 120px;
    clear: both;
    padding-bottom: 10px;
}
.UBAccount-inputtext400
{
    width: 400px;
}
.UBAccount-inputtext50
{
    width: 50px;
}
.UBAccount-inputtext100
{
    width: 100px;
}
.UBAccount-inputtext150
{
    width: 150px;
}
.UBAccount-inputtext250
{
    width: 250px;
}
/*  AddBankAccount page list layout styles */
ul.AddBank-column
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 550px;
}
ul.AddBank-column li
{
    clear: both;
}
.AddBank-lable
{
    float: left;
    width: 120px;
    clear: both;
    padding-bottom: 10px;
}
.AddBank-inputtext400
{
    width: 400px;
}
.AddBank-inputtext50
{
    width: 50px;
}
.AddBank-inputtext100
{
    width: 100px;
}
.AddBank-inputtext150
{
    width: 150px;
}
/*  LoginEnrollemnt page list layout styles */
ul.PortalEnroll-column
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 650px;
}
ul.PortalEnroll-column li
{
    clear: both;
}
.PortalEnroll-lable
{
    float: left;
    width: 220px;
    clear: both;
    padding-bottom: 10px;
}
.PortalEnroll-inputtext250
{
    width: 250px;
}
.PortalEnroll-inputtext150
{
    width: 150px;
}
/*  LoginEnrollemnt page list layout styles */
ul.CDR-column
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 650px;
}
ul.CDR-column li
{
    clear: both;
    vertical-align: text-top;
    padding-bottom: 20px;
}
.CDR-image
{
    float: left;
    width: 60px;
    clear: both;
    padding-bottom: 10px;
}
 /* stop the float */
br
{
    clear: left;
}
div.wrapper
{
    margin-bottom: 1em;
}
/*  CRM ApplicationDetailControl page list layout styles */
ul.SR-column
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 550px;
}
ul.SR-column li
{
    clear: both;
}
.SR-lable
{
    float: left;
    width: 200px;
    padding-bottom: 5px;
    clear: both;
}
/*  general instruction list styles */
.instructionList
{
    margin: 0;
    list-style-image: url('../images/SideMenu_BulletPoint.png');
    padding: 0px 0px 0px 25px;
}

/*  header text style with image background */
.image-header
{
    background: url('../images/navBar.gif') repeat-x;
    color: #FFF;
    font-family: Arial, Helvetica;
    font-weight: bold;
    vertical-align: top;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px; 
     /* IE10 */ 
    background-image: -ms-linear-gradient(top, #2C78BA 0%, #4E93D1 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #2C78BA 0%, #4E93D1 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #2C78BA 0%, #4E93D1 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2C78BA), color-stop(1, #4E93D1));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #2C78BA 0%, #4E93D1 100%);
    /* Proposed W3C Markup */ 
    background-image: linear-gradient(top, #2C78BA 0%, #4E93D1 100%);
}
.image-headerGray
{
    color: #FFF;
    font-family: Arial, Helvetica;
    font-weight: bold;
    vertical-align: top;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: Gray;
    position: relative;
    text-align: center;
    height: 22px;
}
/*  gridview header text style with image background */
.image-gridheader
{    
    background: url('../images/navBar.gif') repeat-x;
    height: 30px;
    color: #ffffff;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
     /* IE10 */ 
    background-image: -ms-linear-gradient(top, #245D9B 0%, #2B75B6 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #245D9B 0%, #2B75B6 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #245D9B 0%, #2B75B6 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #245D9B), color-stop(1, #2B75B6));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #245D9B 0%, #2B75B6 100%);
    /* Proposed W3C Markup */ 
    background-image: linear-gradient(top, #245D9B 0%, #2B75B6 100%);
}
span.gridheaderleft
{
    position: absolute;
    left: 0;
    padding-top: 5px;
    padding-left: 5px;
    font-weight: bold;
}
span.gridheaderright
{
    position: absolute;
    right: 0;
    padding-top: 3px;
    padding-right: 5px;
}
/*  Service request search control styles */
.SR-history
{
    float: left;
    padding-left: 20px;
}
/*  Bill history search control styles */
.Bill-history
{
    float: left;
    padding-left: 20px;
}
/*  Payment history search control styles */
.Payment-history
{
    float: left;
    padding-left: 20px;
}
/*  Other general styles */
.search-lable
{
    padding-left: 20px;
}
div.line
{
    position: relative;
    text-align: center;
    width: 100%;
    height: 2em;
}
span.left
{
	position: absolute;
	left: 0;
	margin: 0;
    padding: 0;
}
span.right
{
	position: absolute;
	right: 0;
	margin: 0;
    padding: 0;
}
span.left2
{
	position: absolute;
	left: 0;
	margin: 0;
    padding: 0;
    margin-left: 5px;
}
span.right2
{
	position: absolute;
	right: 0;
	margin: 0;
    padding: 0;
    padding-right: 5px;
}
.readOnlyDetailPage
{
    width: 100%;
    height: 200px;
    background-color: White;
}
.boldText
{
    font-weight: 700;
}
.detail-background
{
    background-color: White;
}
/*  Javascript calendar control styles */
#CalendarControlIFrame
{
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
    height: 250px;
    width: 250px;
    z-index: 99;
}
#CalendarControl
{
    position: absolute;
    background-color: #FFF;
    margin: 0;
    padding: 0;
    display: none;
    z-index: 100;
}
#CalendarControl table
{
    font-size: 8pt;
    border-left: 1px solid #336;
    border-right: 1px solid #336;
}
#CalendarControl th
{
    font-weight: bold;
}
#CalendarControl th a
{
    font-weight: normal;
    text-decoration: none;
    color: #FFF;
    padding: 1px;
}
#CalendarControl td
{
    text-align: center;
}
#CalendarControl .calheader
{
    background-color: #2c78ba;
}
#CalendarControl .weekday
{
    background-color: #C2D1D5;
    color: #000;
}
#CalendarControl .weekend
{
    background-color: #ebeff2;
    color: #000;
}
#CalendarControl .current
{
    border: 1px solid #339;
    background-color: #2c78ba;
    color: #FFF;
}
#CalendarControl .weekday, #CalendarControl .weekend, #CalendarControl .current
{
    display: block;
    text-decoration: none;
    border: 1px solid #FFF;
    width: 2em;
}
#CalendarControl .weekday:hover, #CalendarControl .weekend:hover, #CalendarControl .current:hover
{
    color: #FFF;
    background-color: #2c78ba;
    border: 1px solid #999;
}
#CalendarControl .previous
{
    text-align: left;
}
#CalendarControl .next
{
    text-align: right;
}
#CalendarControl .previous, #CalendarControl .next
{
    padding: 1px 3px 1px 3px;
    font-size: 1.4em;
}
#CalendarControl .previous a, #CalendarControl .next a
{
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}
#CalendarControl .title
{
    text-align: center;
    font-weight: bold;
    color: #FFF;
}
#CalendarControl .empty
{
    background-color: #FFF;
    border: 1px solid #FFF;
}
#CalendarControl .dropdown
{
    background-color: #a4b3b3;
    color: #FFF;
    border: none;
    font-size: 8pt;
    font-weight: bold;
}
#CalendarControl .top
{
    background-color: #2c78ba;
    padding-top: 5px;
}
#CalendarControl .padtop
{
    padding-top: 5px;
}
#CalendarControl .today-row
{
    padding: 3px;
}
/* Menu item style */
.StaticMenuItemStyle, .StaticMenuItemStyle:link, .StaticMenuItemStyle:visited
{
	font-weight: bold;
	color: #fff;
	border: solid 1px #ebeff2;
	background-color: #235c9a;
	padding: 3px 0 3px 10px;
}
.StaticHoverStyle, .StaticHoverStyle:link
{
	text-decoration: none;
}
.DynamicMenuStyle
{
	z-index: 100;
}
.DynamicMenuItemStyle, .DynamicMenuItemStyle:link
{
	padding: 2px 5px 2px 5px;
	color: #333333;
	border: solid 1px #ebeff2;
	background-color: #ebeff2;
}
.DynamicHoverStyle, .DynamicHoverStyle:link, .DynamicHoverStyle:visited
{
	text-decoration: none;
}
/* 2 column default page */
div.columnContainer
{
    float: left;
    width: 650px;
    margin: 0;
    padding: 0;
}
div.columnContainerMax
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
div.column1
{
    clear: left;
    float: left;
    width: 60px;
    padding: 0;
    margin: 0;
    display: inline;
}
div.column2
{
    float: right;
    width: 590px;
    padding: 0;
    margin: 0;
    display: inline;
}
div.InspectionCalanderContainer
{
    width: 650px;
    overflow: auto;
}
div.InspectionCalanderColumn1
{
    width: 150px;
    font-weight: bold;
    float: left;
}
div.InspectionCalanderColumn2
{
    width: 500px;
    float: left;
}
/* header div text */
div.h1
{
    line-height: 14px;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
/* Address Line 1 */
div.AddressSearchContainer
{
    width: 650px;
    overflow: auto;
}
div.AddressColumn75
{
    width: 75px;
    padding-right: 5px;
    float: left;
}
div.AddressColumn150
{
    width: 150px;
    padding-right: 5px;
    float: left;
}
div.AddressColumn75B
{
    width: 75px;
    float: left;
}
div.AddressColumn150B
{
    width: 150px;
    float: left;
}
.AddressControl65
{
    width: 65px;
}
.AddressControl140
{
    width: 140px;
}
.ApplicationTypeControl500
{
    width: 500px;
}
/* Summary Tab */
ul.tab-column
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 550px;
}
ul.tab-column li
{
    clear: both;
}
.tab-lable
{
    float: left;
    width: 150px;
    clear: both;
    padding-bottom: 10px;
    font-weight: 600;
}
.tab-lable200
{
    float: left;
    width: 200px;
    clear: both;
    padding-bottom: 10px;
    font-weight: 600;
}
.summaryLable
{
    float: left;
    width: 160px;
    clear: both;
}
.applicantLable
{
    float: left;
    width: 75px;
    clear: both;
}
.intakeConfirmationLable
{
    float: left;
    width: 150px;
    clear: both;
    padding-bottom: 5px;
    font-weight: 600;
}
.reportMenuCol
{
    float: left;
    width: 25px;
    clear: both;
    padding-left: 20px;
}
.reportSubMenuCol
{
    float: left;
    width: 25px;
    clear: both;
    padding-left: 40px;
    font-style: italic;
}
.tab-field350
{
    width: 350px;
}
ul.intake-column
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 600px;
    float: left;
}
ul.intake-column li
{
    width: 600px;
    margin: 0;
    background: #ebeff2;
}
ul.intake-column li .header1
{
    background-color: #333333;
    color: #FFF;
    float: left;
    width: 100px;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    text-align: center;
}
ul.intake-column li .header2
{
    background-color: #333333;
    color: #FFF;
    width: 580px;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}
ul.intake-column li .content1
{
    float: left;
    width: 100px;
    padding-top: 5px;
    padding-right: 10px;
    text-align: center;
}
ul.intake-column li .content2
{
    width: 580px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/* Payment cart text */
.paymentText
{
    color: white;
}
/* Detail page tab */
.detailPageiframe
{
    width: 100%;
    height: 300px;
    background-color: #ffffff;    
}
/* Inspection calendar */
.calTextBox
{
    width: 215px;
}
.availableDateStyle
{
    background-color: #ebeff2;
}
.unavailableDateStyle
{
    font-size: 8pt;
}
.highlightOn
{
	color: #2c78ba;
	background-color: #C2D1D5;
	cursor: pointer;
	vertical-align: top;
}
/* Intake step */
.StepsTable
{
	border: solid 1px #ebeff2;
}
.SelectedStepColor
{
	background-color: #2c78ba;
	height: 8px;
}
.NonSelectedStepColor
{
	background-color: #ebeff2;
	height: 8px;
}
.SelectedStepText
{
	color: #2c78ba;
	font-family: Arial, Helvetica;
	font-size: 8pt;
	font-weight: bold;
	background-color: #ffffff;
	vertical-align: top;
}
.NonSelectedStepText
{
	background-color: White;
	color: #3a3a3a;
 	font-family: Arial, Helvetica;
	font-size: 8pt;
	vertical-align: top;
}
/* intake application type dropdown list */
.ApplicationTypeStyle
{
    width: 500px;
}
/* intake attachment high light text */
.AttachmentHighlightStyle
{
    color: Red;
    text-transform: uppercase;
}
/* Multiple column text box */
.MultiLineStyle98
{
    width: 98%;
}
/* intake step style */
.spacerStep
{
    border-top: 5px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left:  1px solid #ddd;
	margin-top: 10px;
	float: left;
	width: 1px;
	background-color: #fff;
}
.currentStep
{
	border-top: 5px solid #2c78ba;
	border-bottom: 5px solid #ddd;
	border-right:  1px solid #ddd;
	margin-top: 10px;
	float: left;
	width: 11.5%;
	background-color: #ebeff2;
	font-size: 0.8em;
	font-weight: bold;
	font-style: italic;
	color: #2c78ba;
	padding: 3px 0px 3px 5px;
}
.remainStep
{
	border-top: 5px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right:  1px solid #ddd;
	margin-top: 10px;
	float: left;
	width: 11.5%;
	background-color: #fff;
	font-size: 0.8em;
	font-style: italic;
	padding: 3px 0px 3px 5px;
}
.completedStep
{
	border-top: 5px solid #2c78ba;
	border-bottom: 1px solid #ddd;
	border-right:  1px solid #ddd;
	margin-top: 10px;
	float: left;
	width: 11.5%;
	background-color: #ebeff2;
	font-size: 0.8em;
	font-style: italic;
	padding: 3px 0px 3px 5px;
}
.clearboth { clear: both; }

/* HTML Report style */
table.htmlReport
{
    font-family: Times New Roman, Arial;
	font-size: 1em;
	width: 100%;	
	padding: 0;
	border-collapse: collapse;
}
table.htmlReport td
{
	padding: 2px;
	vertical-align: top;
}
table.htmlReport td.doubleLine
{
	border-bottom: double 3px;
}
table.htmlReport td.singleLine
{
	border-top: solid 1px;
}
table.htmlReport td.SummaryLabelColumn
{
	width: 150px;
	white-space: nowrap;
}
table.htmlReport tr.headerRow
{
	font-weight: bold;
	font-style: italic;
}
.htmlReportHeader
{
    text-align: center; 
    font-size: 1.2em; 
    font-weight: bold;
    padding-bottom: 5px;
}
.htmlSubSectionBorder
{
    padding: 10px; 
    border: solid 1px #ebeff2;
}
div.htmlReportContainer
{
    padding: 10px;
}
div.htmlContentPadding
{
    padding: 10px;
}