﻿/*!
 * Landlord UI CSS Framework 1.0
 */
 @charset "UTF-8";
/* CSS Document
 * RESET THE PREVIOUS STYLES IF ANY
 */
/*ensures layout reflows on the iPhone in landscape orientation */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: middle; background: transparent; }
th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: middle; }
a { margin: 0; padding: 0; font-weight: normal; font-size: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* includes SASS variables for colours and dimensions */
/* dimensions */
/* colours */
/* END RESET*/
/*
 * DEFAULT STYLES
*/
br { line-height: 1.2em; }
.GlobalButtonStyle {cursor: pointer;}

/* DEFAULT STYLES
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Html (For Page Scroll Bar)
--------------------------*/
html { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #afaeae; scrollbar-3dlight-color: #afaeae; scrollbar-darkshadow-color: #afaeae; scrollbar-shadow-color: #afaeae; scrollbar-arrow-color: #333366; scrollbar-track-color: #e5e5E5; }
/*Body
---------*/ 
body { font-family: arial,sans-serif; font-size: 62.5%; /*This takes 16px down to 10px. So the Scale will be: 1em is 10px, 0.8em is 8px, 1.6em is 16px, etc*/ }
/*Page
-----*/
.page { width: 1000px; background-color: #ffffff; margin: 0px auto 0px auto; }
/*LINK - IN GENERAL
---------------------*/
.navigationInGeneral a:link { color: #096bb3; text-decoration: underline; }
.navigationInGeneral a:visited { color: #800080; text-decoration: underline;}
.navigationInGeneral a:hover { color: #096bb3; text-decoration: none; }
.navigationInGeneral a:active { color: #096bb3; }

/*Page Wait Handler Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Modal Popup
-------------*/
.modalPopup { background-color: #696969; filter: alpha(opacity=30); opacity: 0.7; xindex: -1; position: absolute; }
.modalPopupAlignment { text-align: center; }
.WaitingHeader { width: 100%; height: 25px; text-align: center; vertical-align: middle; padding: 0px 10px 0px 10px; color: #FFFFFF; 
                 margin: 0px auto; font-size: 1.8em; font-weight: bold; background-repeat: no-repeat; }
/*Default Text Box Styles
------------------------*/
select { padding: 5px 3px 5px 3px; border: 1px solid #d0d0d0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
textarea, input[type="text"] { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid #d0d0d0; padding: 5px 0px 5px 5px; resize:none; }
select:focus, select:active, input[type="text"]:focus, input[type="text"]:active, textarea:active, textarea:focus { background-color: #d0ecfb; border-style:inset; }
/*Popup Styles
----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Dont delete the below style - This is used for Popup Navigation*/
/*-----------------------------------------------------------------------*/
.PopupNavigation { }
.PopupFrameStyle { }
#PopupClose { display: none; position: fixed; z-index: 1003; background-color: transparent; width: 28px; height: 28px; display: none; background: transparent url('/customer/images/Close-Icon.png') no-repeat 0 0; cursor: pointer; }
#PopupBackground { display: none; position: fixed; top: 0; left: 0; background: #C0C0C0; z-index: 1001; display: none; }
#PopupArea { display: none; position: fixed; background: #ffffff; z-index: 1002; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
             -khtml-border-radius: 3px; border-radius: 3px; width: 750px; height: 538px; display: none; padding:10px; text-align: left; }
.PopupBody {text-align: left;}
.PopupLoaderDiv {display:block; text-align: center; padding: 50px;}
.PopupLoaderDivWaitingHeader { width: 100%; height: 25px; text-align: center; vertical-align: middle; padding: 0px 10px 0px 10px; color: #000000; 
                 margin: 0px auto; font-size: 1.8em; font-weight: bold; background-repeat: no-repeat; }

/*Master Page Styles
-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Header Style
--------------*/
.topHeaderFrame { margin: 0em 0 1.5em 0; font-size: 1.2em; height: 23px; background: url('./images/TopHeaderFrame.png') repeat-x; color: #ffffff; }
.topHeaderFrameLeft { height: 23px; text-align: left; vertical-align: middle; font-weight: bold; padding: 0px 0px 0px 5px; width: 75%; }
.topHeaderFrameRight { margin: 0px; height: 23px; text-align: right; vertical-align: middle; padding: 0px 10px 0px 0px; width: 25%; }
.topHeaderFrameRightCell { border-width: 5px; border-color: transparent; }
.topHeaderFrameRightCell:hover { cursor: pointer; font-weight: bold; }
/*LINK - TopHeader Frame
--------------------------*/
.topHeaderFrameNavigation:link { text-decoration: none; color: #ffffff; }
.topHeaderFrameNavigation:visited { text-decoration: none; font-weight: normal; color: #ffffff; }
.topHeaderFrameNavigation:hover { text-decoration: none; font-weight: bold; color: #ffffff; }
.topHeaderFrameNavigation:active { text-decoration: none; font-weight: normal; color: #ffffff; }
/*Contact Us Div
-----------------*/
.contactUs { background: url('./images/ContactUsBackground.png'); color:#000000; width: 275px; height: 110px; padding: 10px 10px 10px 10px; background-repeat: no-repeat; position: absolute; top: 23px; left: 850px; z-index: 1; filter: alpha(opacity=90); opacity: 0.9; }
.contactUs td { vertical-align: middle;}
/*Blank Table Row
-----------------*/
.blankRow5px { height: 5px; font-size: 0em;}
.blankRow10px { height: 10px; font-size: 0em;}
.blankRow20px { height: 20px; font-size: 0em;}
/*Company Header
----------------*/
.companyHeaderLeft { width: 60%; margin: 0px; text-align: left; padding: 0px 5px 0px 5px; color: #000000; background-repeat: repeat-x; }
.companyHeaderRight { width: 40%; margin: 0px; text-align: right; vertical-align: middle; font-size: 1.4em; padding: 30px 5px 10px 5px; color: #000000; }
/*Font Changer
--------------*/
div.fontChanger { vertical-align: bottom; }
div.fontChanger a { float: right; text-decoration: underline; color: Black; vertical-align: text-bottom; }
a.fontSmall { font-size: 14px; margin: 3px 10px 0 0; }
a.fontMedium { font-size: 16px; margin: 1px 10px 0 0; }
a.fontLarge { font-size: 18px; margin: 0em 2px 0 0; }
/*Horizontal Line
------------------*/
.horizontalLine { background: url('./images/HLine.png'); background-repeat: repeat-x; vertical-align: middle; text-align: center; height: 5px; font-size: 0em; width: 99%; }
/*Navigation Panel
-----------------*/
.navigationSection { padding: 0px 5px 0px 5px; }
.navigationLeft { width: 12px; height: 41px; background: url('./images/NavigationBarLeft.png');  background-repeat: no-repeat; }
.navigationRight { width: 12px; height: 41px; background: url('./images/NavigationBarRight.png'); background-repeat: no-repeat; }
.navigationInActiveHeader { height: 41px; background: url('./images/NavigationBarInActive.png'); background-repeat: repeat-x; color: #ffffff; font-size: 1.4em; padding: 0px 5px 0px 5px; text-align: center; }
.navigationInActive { cursor: pointer; height: 41px; background: url('./images/NavigationBarInActive.png'); background-repeat: repeat-x; color: #ffffff; padding: 0px 0px 0px 0px; text-align: center; vertical-align: middle; }
.navigationInActive:hover { height: 41px; background: url('./images/NavigationBarActive.png');  background-repeat: repeat-x;  color: #333366; padding: 0px 0px 0px 0px;  text-align: center; vertical-align: middle; }
.navigationActive { cursor: pointer; height: 41px; background: url('./images/NavigationBarActive.png'); background-repeat: repeat-x; color: #333366; padding: 0px 0px 0px 0px; text-align: center; vertical-align: middle; }
.navigationMiddle { width: 1px; height: 41px; background: url('./images/VLine.png'); background-repeat: repeat-y; vertical-align: middle; }
/*Error Message Related Styles
-----------------------------*/
.validatorRow {text-align: left; padding: 0px 10px 0px 10px; margin: 0px 0px 10px 0px;}
.validatorStyle { color: #FF0000; font-weight: bold; }
.validatorStyle { border-color: #FF8040; font-size: 1.2em; border-width: 2px; border-style: solid; color: #FF0000; }
.validatorStyle ul { list-style-type: decimal; /*padding: 0;*/ margin: 0; padding: 0.4em 0.4em 0.4em 2.5em; line-height:normal; }
.warningStyle { font-size: 1.4em; font-weight: bold; border-color: #FF8040; border-width: 2px; border-style: solid; color: #FF0000; padding: 5px 5px 5px 5px; }
.InformationStyle { font-size: 1.4em; font-weight: bold; border-color: #90B0D8; border-width: 1px; border-style: solid; color: #333366; padding: 5px 5px 5px 5px; }
.PopupText { font-size: 1.6em; font-weight: bold; border-color: #90B0D8; color: #333366; padding: 5px 5px 5px 5px;}
/*Page Title
-----------*/
.PageTitle { width: 100%; font-size: 2.4em; font-weight: bold; color: #333333; height: 30px; vertical-align: top; padding: 0px 0px 0px 5px;}
/*Footer
----------*/
.footer { width: 100%; height: 30px; text-align: center; vertical-align: middle; padding: 0px 0px 0px 5px; color: #000000; margin: 0px auto; line-height: normal; font-size: 1.2em; font-weight: normal; background-repeat: no-repeat; }
/*Main Conetnt and Controls
----------------------------*/
.mainSection { padding: 0px 5px 0px 5px; vertical-align: top;}
.mainContent { width: 75%; vertical-align: top; }
.InfoContent { width: 25%; text-align: right; vertical-align: top; padding: 0px 0px 0px 13px;}
/*Right Hand Control Styles
---------------------------*/ 
.rightHandControlStyle { text-align: right; }

/*FAQ Control Styles
------------------------------------------------------------------------------------------------------------------------------------------------*/
.FAQControlBody { background: url('./images/FAQControlBackground.png') repeat-y; }
.FAQControlDesign { color: #386ca7; font-size: 1.4em; text-align: left; height: 20px; padding: 2px 0px 0px 10px; background: url('./images/FAQControlHeaderBackground.png') repeat-y; }
.FAQControlDesignBody { color: #000000; font-size: 1.2em; text-align: left; height: 20px; padding: 2px 0px 0px 10px; }
.FAQControlDesignBody td { padding: 0px 5px 5px 0px; vertical-align:text-top;}
.FAQControlDesignBody td a {cursor:pointer;}
.FAQControlDesignBody a:hover {text-decoration: underline;}
.FAQMoreLink { padding: 0px 10px 0px 0px; font-size: 1.2em; line-height: 1.2em;}
.FAQMoreLink a:hover { text-decoration: underline;}
.FAQFooter { vertical-align: top;}

/* Styles for the Frequently Asked Questions Page (FAQ Page)
---------------------------------------------------------------------------------------------------------------------------------------------------------*/
.FaqContent { color: #000000;}
.FaqContentBorder { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid #afaeae; display: block; }
.FaqContentHeader { background: url('./images/FAQ_Top_Header_Bg.png') repeat-x; color: #ffffff; font-size: 2.2em; font-weight: bold; height: 56px; text-align: left; vertical-align: middle; padding: 0px 20px 0px 20px; }
.FaqContentHeader td { vertical-align: middle;}
.FaqContentLeft { background: url('./images/FAQPageLeftQuestionsBackGround.png') repeat-y; height: 465px; width: 250px; text-align: left; font-size: 1.4em; color: #000000; padding: 15px 25px 0px 5px; vertical-align: top; }
.FaqContentLeftDiv { overflow-y: scroll; height: 450px; width: 235px; }
.FaqContentLeftDiv td { vertical-align: text-top; }
.FaqContentRight { padding: 15px 5px 0px 5px; height:465px;  width: 500px; font-size: 1.2em;line-height: 1.3em;  }
.FaqContentRightDiv { overflow-y: scroll; height: 450px;}
.FaqContentRightDiv td { vertical-align: text-top;}
.Faq { padding: 5px 0px 5px 2px; border-bottom: 1px solid #afaeae; }
.Faq img { display: none; }
.Faq:hover { background-color: #c0c0c0; cursor: pointer; }
.Faq-Active { background-color: #afaeae; border-bottom: 1px solid #afaeae; cursor: default; }
.Faq-Active:hover { background-color: #afaeae; }
.Faq-Active img { display: block; }
.FaqDescription { display: none; padding: 5px 5px 5px 20px; text-align: left; }
.FaqDescription-Active { display: block; }
.FaqDescriptionHeader {color: #000000; font-size: 1.85em; text-align: left; vertical-align: middle; padding: 0px 5px 20px 0px;line-height: 1.1em;  }

/* Styles for the GateWayDetails Page
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.GatewayBorder { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid #afaeae; font-size: 10px;}
.GatewayHeader { background: url('./images/FAQ_Top_Header_Bg.png') repeat-x; color: #ffffff; font-size: 2.2em; font-weight: bold; height: 56px; text-align: left; vertical-align: middle; padding: 0px 20px 0px 20px; }
.GatewayContent { font-size: 1.4em; text-align: left; vertical-align: middle; padding: 10px 20px 10px 20px; }
.GatewayContent div { padding: 10px 0px 10px 0px; }
.GatewayContent div ul { list-style-image: url('./images/FAQControlBullet.png'); padding: 0px 0px 0px 40px; }

/* Styles for Need Help Section 
------------------------------------------------------------------------------------------------------------------------------------------*/
.NeedHelpBodyStyle { background: url('./images/NeedHelp-Body.png') repeat-y; font-size: 1.5em; font-weight: 100; text-align: left; padding: 0px 10px 0px 10px; line-height: 1.2em; }

/* Any Grid Style
----------------------------------------------------------*/
.gridHeaderStyle { background: url('./images/Grid_Header_Background.png') repeat-x;  color: #ffffff; height: 29px; min-height: 29px; padding: 6px 6px 6px 25px; white-space: normal; }
.gridHeaderStyle th { font-weight: bolder; background: url('./images/Grid_Header_Background.png') repeat-x;}
.gridRow { background: #FFFFFF; font-size: 0.85em; font-weight: normal; color: #000000; min-height: 25px; white-space: normal; }
.gridRow td { background: #FFFFFF; }
.gridRowAlternating { background: #D0D8E8; font-size: 0.85em; font-weight: normal; color: #000000; min-height: 25px; white-space: normal; }
.gridRowAlternating td { background: #D0D8E8; }
.gridButtonFace { border: 0px; background-color: transparent; font: inherit; color: inherit; width: 100%; height: 100%; min-height: 25px; cursor: pointer; white-space: normal; }

/*Styles for the My Properties Page
--------------------------------------------------------------------------------------------------------------------------------------------*/
.prop-main { padding: 0px 0px 0px 0px; width: 100%; }
.prop-main .prop-title-section { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; vertical-align: middle; padding: 0px 0px; height: 46px; font-size: 1.2em; line-height: 1.4em; margin-bottom: 15px; vertical-align: top; border-bottom:1px solid #d0d0d0; background:#f5f6f9; }
.prop-main .prop-title-section .sortby { float: left; padding: 8px 20px 0em 20px; }
.prop-main .prop-title-section .sortby select{width: 200px; cursor: pointer;}
.prop-main .prop-title-section .rows { float: right; margin: 0px 15px 0px 25px; vertical-align: middle; line-height: 41px; }
.prop-main .prop-title-section .rows a{ vertical-align: middle; }
.prop-main .prop-title-section .rows select{width: 50px; vertical-align: middle; cursor: pointer;}
.prop-main .prop-title-section .rows img{vertical-align: middle; cursor: pointer;}
.prop-main .prop-content-section { overflow: scroll; overflow-y: scroll; overflow-x: auto; height: 345px; margin: 0px 5px 0px 0px; background-color:#e0f4fc; position:relative; }

.prop-content-site { background-color: White; margin: 0px 20px 20px 20px; font-size: 1.4em; display: none; border: 1px solid #d0d0d0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; position: relative; vertical-align: middle; }
.prop-content-site-unconfirmed { }
.prop-content-site-tenant { }
.prop-content-site-landlord { }
.prop-content-site-visible { display: inline-block; }
.prop-content-section .loadMore { background-color: White; margin: 0px 24px 20px 20px; font-size: .9em; display: block; text-align: center; border: 1px solid #d0d0d0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; position: relative; }
.prop-site-icon { position: absolute; display: block; background-repeat: no-repeat; margin: 0px 0px; padding: 0px 0px; overflow: hidden; left: 20px; top: 15px; }
.prop-site-unconfirmed { background-image: url(images/Icon_No_Info.png); left: 10px; width: 88px; height: 63px; }
.prop-site-tenant { background-image: url(images/Icon_Tenant.png); width: 75px; height: 68px; vertical-align: top; }
.prop-site-landlord { background-image: url(images/Icon_Landlord.png); width: 75px; height: 68px; }
.prop-site-address { width: 380px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prop-site-status { font-size: .75em; width: 380px; font-weight: bolder; text-overflow: ellipsis;}
ul.prop-site-details { float: left; margin: 25px 16px 10px 100px; }
ul.prop-site-details li { padding: 0px 0px 5px 0px; }
ul.prop-site-action { float: right; margin: 20px 20px 10px 0px; font-size: 1em; font-weight: lighter; }
ul.prop-site-action li { margin: 0px 0px 10px 0px; padding: 0px 0px; width: 155px; /* switch to:hover for non-touch devices*/ }
.secondaryButton { text-decoration: none; display: block; cursor: pointer; padding: 4px 4px; margin: 0; font-size: .7em; font-weight: bold; background: #4892c1 url(images/Secondary_Button_Middle.png) repeat-x top; text-align: center; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.secondaryButton:hover { color:#c7c705; }
div.searchBar { text-align: right; padding:10px 20px 10px 20px; background: #4794c9 url(images/Search_Panel_Middle_Gradient.png) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; vertical-align: middle; display:block;  }
div.searchBar-Selection { display:inline-block; font-size: 1.4em;  text-align: right;}
.searchBar-Selection-content{ text-align: left; cursor: pointer; display:inline-block;float:right;width:20em;background: #ffffff; border:0px solid #d0d0d0; padding: 0.5em 0.5em 0.5em 0.5em;  border-bottom: 1px solid #d0d0d0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
.searchBar-Selection-content span{ float:left; }
.selectorIcon {float: right; left: 95%; }
div.propertyCount { line-height:1.5em; font-size: 1.4em; }
div.propertyCount label { vertical-align: top; }
.LoadMoreDivStyle { padding: 0px 0px 0px 0px; text-align: center; margin: 20px 0px 20px 0px; }
.LoadMoreDivStyle-Hide { display: none }
.myPropSearchSectionContent  {background-color: #fff; border: 0px solid #d0d0d0;  padding: 20px 0px 10px 0px; font-size: 1.2em; text-align: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.LoadMoreButton{cursor: pointer;}
.hideMyPropSearch { text-align: right; line-height: 2em; margin-right: 0.5em; font-size: 1em; color: #3e87b8; text-decoration: none;}
.hideMyPropSearch span {cursor: pointer; text-decoration: underline;}
.hideMyPropSearch img {cursor: pointer;}
.mandatoryVerbiage { font-size: 1.2em; margin-top: 5px; font-weight: bold; color: #ffffff; }
.searchRelatedSectionInActive { display: none; }
.searchRelatedSectionActive {}


/*Heading Styles used in the Accordion*/
h1 { font-size: 1.5em; margin-top: 0.5em; margin-bottom: 0.2em; clear: both; display: inline-block; line-height: 100%; padding: 0px 0px; font-weight: bold; text-align: left; color:#333333; }
h2 { font-size: 1.5em; margin-top: 0em; margin-bottom: 0.5em; clear: both; line-height: 100%; color: #000077; }
h3 { font-size: 1.4em; padding-top: .3em; padding-bottom: .3em; padding-left: 0.5em; padding-right: 0.5em; background: white; border-top: 1px solid #d8d8d8; margin-top: 0em; margin-bottom: 0.7em; margin-left: -0.5em; margin-right: -0.5em; line-height: 100%; }
h4 { font-size: 1.3em; color: #219b00; margin-top: 0em; margin-bottom: 0.7em; clear: both; line-height: 100%; }
h5 { font-size: 1.2em; background-color: #f6f6f6; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; padding-left: 0.5em; padding-top: .3em; padding-bottom: .3em; margin-top: 0em; margin-bottom: 0.8em; margin-left: -0.5em; margin-right: -0.5em; clear: both; line-height: 100%; }

/*My Bills Styles
-------------------------------------------------------------------------------------------------------------------------------*/
.MyBillsSearchPanel { padding: 0px 0px 20px 0px; }
.MyBillsSearchPanel .SearchSectionLinks { font-size: 1em; color: #3e87b8; }
.OuterDivStyle { border: 15px solid #e3f0f8; background-color: #e3f0f8; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.OuterDivStyle table { font-size: 1.2em; color: #000000; background-color: #ffffff; border-collapse: separate; width:100%; 
                       width:expression(parentNode.clientWidth);
                       height:expression(parentNode.clientHeight); }
.TableStyle th { background: url('./images/Grid_Header_Middle.png'); height: 35px; font-weight: normal; text-align: left; vertical-align: middle; }
.TableStyle td { height: 35px; font-weight: normal; text-align: left; vertical-align: middle; }
.TableStyle .HeaderLeftImage { background: url('./images/Grid_Header_Left.png') no-repeat; width: 6px; }
.TableStyle .HeaderRightImage { background: url('./images/Grid_Header_Right.png') no-repeat; width: 6px; }
.TableStyle .BillsHeaderLeftImage { background: url('./images/My_Bills_Grid_Header_Left.png') no-repeat; width:27px; }
.TableStyle .BillsHeaderRightImage { background: url('./images/My_Bills_Grid_Header_Right.png') no-repeat; }
.TableStyle .LeftBorder { border-left: 1px solid #a4c0ce; }
.TableStyle .BottomBorder { border-bottom: 1px solid #a4c0ce; }
.TableStyle .RightBorder { border-right: 1px solid #a4c0ce; }
.TableStyle .PadData { padding: 0px 5px 0px 5px; }
.TableStyle .SiteAddressList { width: 700px; }
.TableStyle .BillingAccount { width: 100px; cursor:pointer; }
.TableStyle .SiteAddress { cursor:pointer; }
.TableStyle .DueAmount { width: 100px; cursor:pointer; }
.TableStyle .RightAlignAmount { text-align:right; padding:0px 15px 0px 0px; }
.TableStyle .DueDate { width: 70px; cursor:pointer; }
.TableStyle .BillSummary { width: 75px; }
.TableStyle .ViewBillList { width: 2px; }
.headerSortUp .SortIcon {  background-image: url(images/Sort_Up.png); float: right; width: 12px; height: 10px; }
.headerSortDown .SortIcon { background-image: url('images/Sort_Down.png'); float: right;width: 12px; height: 10px; }
.SiteDetailsContainer { padding: 0px 0px 20px 0px; }
.SiteSearchDetails {cursor: pointer;}
.SiteSearchDetails:hover {background-color:#ecf0f3;}
.SiteSelected { background-color:#ecf0f3; }
.BillDetailsContainer { padding: 0px 0px 0px 0px; }
.BillDetails { padding: 0px 0px 15px 0px; border: 0px solid #e3f0f8; background-color: #e3f0f8; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.SiteDetails { padding: 0px 0px 15px 0px; border: 0px solid #e3f0f8; background-color: #e3f0f8; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.ViewBillLinkStyle { font-size: 1em; color: #0866af; }
.MyBillsLoadMoreDivStyle { padding: 0px 0px 0px 0px; text-align: center; }
.SiteLoadMoreDivStyle { padding: 0px 0px 0px 0px; text-align: center; }
.NavigationDivStyle { padding: 20px 0px 10px 0px; text-align: center; }
.SiteDetailsMaxHeight { max-height: 215px;  overflow-y: scroll; }
.BillDetailsMaxHeight { max-height: 935px;  overflow-y: scroll; }
.LoadMoreButton {cursor:pointer;}
.MyBillsButtons {cursor:pointer;}
.MultiAddressStyle { font-size: 1em; color: #0866af; text-decoration:underline; cursor:pointer; }
/*UNSAT-ADS011728-ADDED-START*/
.BillingAccountFontStyle { font-weight: bold; }
/*UNSAT-ADS011728-ADDED-END*/

/* Styles for the Multi Site Address Page
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.MultiAddrBorder { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; 
                   border: 1px solid #afaeae; font-size: 10px;}
.MultiAddrHeader { padding-left:10px; background: url('./images/FAQ_Top_Header_Bg.png') repeat-x; color: #ffffff; font-size: 2.2em; 
                   height: 56px; text-align: left; vertical-align: middle; }
.MultiAddrContent { font-size: 1.4em; text-align: left; vertical-align: middle; padding: 10px 10px 10px 10px; }
.SiteContentStyle { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.SiteContentHeaderStyle {background: #4892c1 url(images/Grid_Header_Middle.png) repeat-x top; height: 35px; font-weight: bold; 
                         text-align: left; vertical-align: middle; border-left: 1px solid #a4c0ce; 
                         border-right: 1px solid #a4c0ce; display: block; 
                         
                         font-size: 1em;}
.MultiAddrLeftHeader { display:inline-block; float:left; line-height: 35px; padding-left: 10px;}
.SiteContentRowSection { overflow-y:scroll; height: 200px; }
.SiteContentRowStyle {padding: 5px 10px 5px 10px; background: #ffffff; height: 20px; text-align: left; vertical-align: middle; 
                      display: block; font-size: 1em; 
                      border-bottom: 1px solid #a4c0ce; border-left: 1px solid #a4c0ce; border-right: 1px solid #a4c0ce;}


/*Billing Account / Service Address Search Control
-----------------------------------------------*/
.SearchSection {  padding: 20px 0px 0px 10px; }
.SearchSection table { border-collapse: separate; }
.SearchSectionTopLeft { height: 25px; width: 6px; background: url('./images/Section_Panels_Top_Left.png') no-repeat; }
.SearchSectionTopBody { height: 25px; text-align: left; background-color: #4790c0; padding: 0px 0px 0px 5px; color: #ffffff; font-weight:bold; font-size: 1.4em; background: url('./images/Section_Panels_Top_Middle.png') repeat-x; }
.SearchSectionTopRight { height: 25px; width: 6px; background: url('./images/Section_Panels_Top_Right.png') no-repeat; }
.SearchSectionBottomLeft { height: 15px; width: 6px; background: url('./images/Section_Panels_Bottom_Left.png') no-repeat; }
.SearchSectionBottomBody { height: 15px; width: 550px; background-color: #4790c0; background: url('./images/Section_Panels_Bottom_Middle.png') repeat-x; }
.SearchSectionBottomRight { height: 15px; width: 6px; background: url('./images/Section_Panels_Bottom_Right.png') no-repeat; }
.SearchSectionContent { background-color: #e8f5fc; border: 1px solid #007BC3; border-bottom:0px; padding: 10px 0px 10px 0px; font-size: 1.2em; }
.SearchSectionContent td {padding-left: 4px;}
.SearchSectionContent ul li{float:left; padding:4px; line-height:2em;}
.SearchSectionContent .BillingAccountSearch { padding-top:15px;}
.SearchSectionContent .AddressSearch { padding-top:15px; padding-right:5px; padding-bottom: 0px; padding-left:5px; }
.SearchSectionDisclaimer {background-color: #e8f5fc; border: 1px solid #007BC3; border-top:0px; border-bottom:0px; padding: 5px 5px 0px 0px; font-size: 1.2em; text-align:right;}

/* Styles For Search My Properties CONTROL
--------------------------------------------------------*/
.SmpLinkButtonStyle { font-size:1.1em; color:#4f94cd; }
.SiteSearchSection td { padding-bottom:6px; padding-left: 4px;}
.SiteSearchSection .SearchSectionLinks { font-size: 1em; color: #3e87b8; }
.SearchSectionContentPadding { padding: 5px 20px 0px 20px; }
.SiteSearchSection .AddressSearchTown td { padding-left: 0px; padding-right: 10px; }
.SiteSearchSection ul li{float:left; padding:4px; line-height:2em;}

/* Styles For FORMS AND DOCUMENTS
----------------------------------------------------------*/
/*.FADMainContent { border:1px solid #BFEFFF; background-color:#EEF6FF; height:36.5em; width:720px; padding: 10px 0px 10px 10px;
                  -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }*/
.FADMainContent { border:1px solid #BFEFFF; background-color:#EEF6FF; display: inline-block; width:720px; padding: 10px 0px 10px 10px;
                  -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.FADMainContent .FADSelector { float:left; margin:85px 0px 0px 0px; }
.FADMainContent .FADSelector a { text-decoration: none; margin: 0px 0px 0px 10px; font-size:1.45em; color: #000000;
                                 outline: none; white-space: nowrap;  }
.FADMainContent .FADSelector ul { text-align:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-weight:bold; }
.FADMainContent .FADSelector ul li { background: url(images/MA_Type_UnSelected_Body.png) repeat-x 0px -1px; padding: 0px 0px 0px 0px;
                                     margin:  0px 0px 3px 9px; height:42px;line-height:42px; width:146px; cursor: pointer; -moz-border-radius: 4px 0px 0px 4px;
                                     -webkit-border-radius:4px 0px 0px 4px; -khtml-border-radius: 4px 0px 0px 4px;
                                     border:1px solid #BFEFFF;
                                     border-right:0px none;  }
.FADMainContent .FADSelector .DocSelected { background: url(images/MA_Type_Selected_Body.png) repeat-x 0px -1px ; padding: 0px; margin: 0px 0px 3px 0px;
                                            height:52px; line-height:52px; width:155px; cursor: pointer; -moz-border-radius:3px 0px 0px 3px;
                                            -webkit-border-radius: 3px 0px 0px 3px; -khtml-border-radius: 3px 0px 0px 3px; position:relative;left:1px;}
.FADHeader { height:84px; width:556px; border-left:1px solid #BAD1DF; border-top:1px solid #BAD1DF; border-right:1px solid #BAD1DF; 
             background-color:#CBE5F5; float:left; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; 
             -khtml-border-radius: 3px 3px 0px 0px; text-align:left; font-size:1.85em; font-style:normal;
             color:#0055a8; margin:0px; padding:0px; }
.FADHeader ul { float:left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 24px; }
.FADHeader ul li { padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px; }
.DownloadPdfImageStyle { cursor:pointer; }
.FADHeader .GoBackForward { float:right; margin:15px 11px 0px 11px; cursor:pointer;}
.FADContent { width:556px; float:left; border:1px solid #BFEFFF; background-color:#E2F1FA; margin:0px; padding:0px; }
.FADContent .FADSubContent { margin:18px 4px 18px 16px; overflow:auto; font-size:1.2em; padding:5px  10px; display:none;}
.FADContent .DocContentSelected { display:block; }



/*Manage properties Page Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.MPHeaderStepImage { display:block; text-align: center; padding-bottom: 20px;}
.MPContentDivStyle { background-color: #e3f0f8; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.MPTransferOption {display: inline-table; font-size: 1.4em; width: 100%;}
.MPTransferOption .MPTransferOptionFloatLeft {float: left;}
.MPTransferOption .MPTransferOptionFloatRight {float: right;}
.MPTransferOption select {cursor: pointer;}
.MPEditButton { text-decoration: none; display: block; cursor: pointer; padding: 4px 4px; margin: 0; vertical-align: middle; font-size: 0.9em; font-weight: bold; 
                background: #4892c1 url(images/Secondary_Button_Middle.png) repeat-x top; text-align: center; color: #fff; -moz-border-radius: 4px; 
                -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; float: right; height: 21px; width: 100px; line-height: 21px;}
.MPBackToMyPropButton {width: 200px;}            
.MPEditButton:hover { color:#c7c705; }
.MPPropertyContentBorder {border:1px solid #4892c1; margin: 10px 0px 0px 0px; -moz-border-radius: 5px; 
                -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.MPPropertyHeaderContent { text-align: left; line-height: 2.5em; padding-left: 10px; background: #4794c9 url(images/Search_Panel_Middle_Gradient.png) repeat-x; 
                vertical-align: middle; display:block; color: #ffffff; font-size: 1.4em; }
.MPPropertyHeaderContent span {font-weight: bold;}
.MPPropertySiteContentStyle {margin: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.MPPropertySiteContentHeaderStyle {background: #4892c1 url(images/Grid_Header_Middle.png) repeat-x top; height: 35px; font-weight: bold; 
                                   text-align: left; vertical-align: middle; border-left: 1px solid #a4c0ce; border-right: 1px solid #a4c0ce; display: block; 
                                   font-size: 1.4em;}
.LeftHeader { display:inline-block; float:left; line-height: 35px; font-weight: bold; padding-left: 10px; width: 560px; border-right: 1px solid #a4c0ce;}
.RightHeader {line-height: 35px; font-weight: bold; padding-left: 10px; display:inline-block;}

.MPPropertySiteContentRowSection { overflow-y: scroll; height: 155px; }
.MPPropertySiteContentRowStyle {background: #ffffff; height: 30px; text-align: left; vertical-align: middle; display: block; font-size: 1.2em; 
                                border-bottom: 1px solid #a4c0ce; border-left: 1px solid #a4c0ce; border-right: 1px solid #a4c0ce;}
.MPPropertySiteContentRowStyle:hover {background: #e8f5fc}
.MPPropertySiteContentRowStyleSelected {background: #cad9ed; height: 30px; text-align: left; vertical-align: middle; display: block; font-size: 1.2em; 
                                border-bottom: 1px solid #a4c0ce; border-left: 1px solid #a4c0ce; border-right: 1px solid #a4c0ce;}
.LeftCell { display:inline-block; float:left; line-height: 30px; padding-left: 10px; width: 560px; border-right: 1px solid #a4c0ce;}
.LeftCell span {line-height: 30px;}
.RightCell { line-height: 30px; padding-left: 10px; display:inline-block;}
.CheckBoxDisplayStyle {cursor: pointer;}
.MPAddPropMABoxArea { border:1px solid #3b83b5; height:395px; background-color:#EEF6FF; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
                          margin:10px 0px 10px 0px; text-align:left; }
.MPAddPropMABoxArea .BackColor { background-color:#dcedf7; height: 150px;}
.MPAddPropMABoxAreaVerify { border:1px solid #3b83b5; background-color:#EEF6FF; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
                          margin:10px 0px 10px 0px; text-align:left; }
.MPAddPropMABoxAreaVerify .BackColor { background-color:#dcedf7; height: 115px;}
.MPAddPropMABoxHeader { height: 25px; text-align: left; background: #4790c0;	padding: 5px 0px 0px 5px; color: #FFFFFF; margin: 0px auto;	line-height: normal; font-size: 1.3em; font-weight: bold; background: url('./images/Section_Panels_Top_Middle.png'); background-repeat: repeat-x; }
.MPAddPropMABoxContent .MPMandatoryField{text-align:right; padding: 5px 0px 5px 0px; border-color:transparent; font-size:1.2em; font-variant:normal;  margin-right: 5px;}
.MPAddPropMABoxContent { padding-left:3px; text-align:left;}
.MPAddPropMABoxContent td {padding: 2px 4px 2px 0px;}
.MPNavigationButtonStyle { text-decoration: none; display: block; cursor: pointer; padding: 4px 4px; margin: 0; vertical-align: middle; font-size: 0.9em; font-weight: bold; 
                background: #4892c1 url(images/Secondary_Button_Middle.png) repeat-x top; text-align: center; color: #fff; -moz-border-radius: 4px; 
                -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border-style: none; border-color: transparent; float: right; 
                border-width: 0px; width: 100px; line-height: 21px;}
.MPNavigationButtonStyle:hover { color:#c7c705; }
.MPNextStep {display: block; font-size: 1.4em; padding: 10px 0px 20px 0px; }
.MPNextStep .FloatLeft { float:left; }
.MPNextStep .FloatRight { float:right; }
.MPHidden { display: none; }
.LeftHeaderVerify { display:inline-block; float:left; line-height: 35px; font-weight: bold; padding-left: 10px; width: 680px; }
.LeftCellVerify  { display:inline-block; float:left; line-height: 30px; padding-left: 10px; width: 650px;}
.LeftCellVerify span {line-height: 30px;}
.MPPropertySiteContentRowStyleRemove {background: #ffcccc; height: 30px; text-align: left; vertical-align: middle; display: block; font-size: 1.2em; 
                                border-bottom: 1px solid #a4c0ce; border-left: 1px solid #a4c0ce; border-right: 1px solid #a4c0ce;}
.RemoveVerbiage {font-weight: bold; vertical-align:top;}
.ConfirmMessage { background-color:#d7e4bd; color: #4f6228; border:1px solid #4f6228; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
                  border-radius: 5px; margin-bottom:10px; text-align:left; font-size:1.4em; padding:10px 0px 10px 5px; }




/*Add Property Styles
-------------------------------------------------------------------------------------------------------------------------------*/

.AddPropertiesContent {background-color:#e3f0f8; border: 1px solid #3b83b5; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; padding:10px;display:block; }
.AddPropertiesContent .AddPropertyUL .AddPropertyLI{float:left;display:block;}
.AddPropertiesContent .AddPropertyUL {list-style:none;display:block;float:left;}
.SelectPropText { font-size:1.4em; padding:10px 0px 20px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; 
                  border-radius: 4px; font-weight:bold; line-height:1em; }
.AddPropSearchSectionContent  { font-size: 1.2em; text-align: left; padding-bottom:4px;}
.SearchPropertySection {-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border:1px solid #3b83b5;}
.AddSection {display:table-cell;vertical-align:bottom; padding-top:240px; }
.AddSection img { cursor:pointer; }
.SelectedPropertySection { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border:1px solid #3b83b5; }
.AddPropSearch td { padding-left: 4px; background-color:#e3f0f8; }
.AddPropSearch .SearchSectionLinks { font-size: 1em; color: #3e87b8; padding-right:4px; }
.AddPropSearch ul li{float:left; padding-left:2px; padding-right:2px; padding-bottom:0px;padding-top:6px; line-height:1em;}
.AddPropSearchHeader { vertical-align: middle; padding: 4px; height: 20px; line-height: 1.4em; background: #4794c9 url(images/Search_Panel_Middle_Gradient.png) repeat-x; color:#ffffff; font-size:1.3em; font-weight:bold; }
/*.AddPropSearchCriteria { vertical-align: middle; padding: 4px; height: 20px; line-height: 1.4em; background: #4794c9 url(images/Search_Panel_Middle_Gradient.png) repeat-x; color:#ffffff; font-size:1.2em; font-weight:bold; }
.AddPropSearchCriteriaText { vertical-align: top; font-size:1em; font-weight:bold; }*/
.AddPropSearchHeader .SelectedSitesCount { font-weight:bold; vertical-align:top; }
.AddPropSearchHeader .HeaderText { float:left; font-weight:bold; }
.AddPropSearchHeader .Link { float:right; color:#ffffff; vertical-align: top; font-size:1em; cursor:pointer; text-decoration:underline; }
.AddPropSearchResultsContainer { padding: 4px; border-top: 1px solid #3b83b5; }
.AddPropSearchResults { max-height: 468px; overflow-y: scroll; border:1px solid #3b83b5; }
.AddPropSearchResults table { font-size: 1.2em; border-collapse: collapse; width:100%; 
                       width:expression(parentNode.clientWidth);
                       height:expression(parentNode.clientHeight); }
.AddPropSearchResults th { vertical-align: middle; text-align:left; padding: 0px; height: 30px; line-height: 1.4em; background: #4794c9 url(images/Grid_Header_Middle.png) repeat-x; color:#000000; font-size:1em; }
.AddPropSearchTable td { height: 35px; font-weight: normal; text-align: left; vertical-align: middle; line-height: 1.4em; }
.AddPropSearchTable .CheckList { width: 20px; text-align:center; padding-left: 4px; }
.AddPropSearchTable .SiteId { display:none; }
.AddPropSearchTable .LeftBorder { border-left: 1px solid #a4c0ce; }
.AddPropSearchTable .BottomBorder { border-bottom: 1px solid #a4c0ce; }
.AddPropSearchTable .RightBorder { border-right: 1px solid #a4c0ce; }
.AddPropSearchTable .PadData { padding: 0px 0px 0px 4px; }
.LoadMoreSites { padding: 5px 0px 5px 0px; text-align:center; }

.SelectedSitePropertiesContainer { padding:4px; }
.SelectedSiteProperties { height: 468px; max-height: 468px; overflow-y: scroll; border: 1px solid #a4c0ce; }
.SelectedSiteProperties table { font-size: 1.2em; border-collapse: collapse; width:100%; 
                       width:expression(parentNode.clientWidth);
                       height:expression(parentNode.clientHeight); }
.SelectedSitePropTable th { vertical-align: middle; padding: 4px; height: 20px; line-height: 1.4em; background: #4794c9 url(images/Grid_Header_Middle.png) repeat-x; color:#000000; font-size:1em; }
.SelectedSitePropTable td { height: 35px; font-weight: normal; text-align: left; vertical-align: middle; }
.SelectedSitePropTable .SiteId { display:none; }
.SelectedSitePropTable .SiteAddress { width:190px; text-align:left; }
.SelectedSitePropTable .Trash { width:40px; text-align: center; }
.SelectedSitePropTable .TopBorder { border-top: 1px solid #a4c0ce; }
.SelectedSitePropTable .LeftBorder { border-left: 1px solid #a4c0ce; }
.SelectedSitePropTable .BottomBorder { border-bottom: 1px solid #a4c0ce; }
.SelectedSitePropTable .RightBorder { border-right: 1px solid #a4c0ce; }
.SelectedSitePropTable .PadData { padding: 4px 0px 4px 4px; line-height:1.3em; }
.NextButtonDiv { text-align:right; padding-top:10px; display:inline-block; width:100%;  }
.NextButtonDisabled { cursor:pointer; }
.NextButtonEnabled { display:none; cursor:pointer; }
.AddPropButtonStyle { cursor:pointer; }

.OptionsSeparator { padding:0px 0px 10px 0px; }
.TransferOptions { font-size: 1.2em; text-align: left; border: 1px solid #3b83b5; height:60px; padding:10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; cursor:pointer; }
.TransferOptions  img { cursor:pointer; }
.SelectedTransferOption { background-color:#96bedf; }
.OptionHeader { font-weight:bold; padding-left:10px; }
.TransferDescrptn { padding-left:30px; padding-top:10px;line-height:1.3em; }
.AddPropMailingAddr { display:inline-block; }
.AddPropMABoxArea { border:1px solid #3b83b5; height:395px; background-color:#EEF6FF; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
                          margin-bottom:10px; text-align:left; }
.AddPropMAVeifyBoxArea { border:1px solid #3b83b5; background-color:#EEF6FF; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
                          margin-bottom:10px; text-align:left; }
.AddPropMAVeifyBoxArea .BackColor { background-color:#dcedf7; }
.AddPropMABoxHeader { height: 25px; text-align: left; background: #4790c0;	padding: 5px 0px 0px 5px; color: #FFFFFF; margin: 0px auto;	line-height: normal; font-size: 1.3em; font-weight: bold; background: url('./images/Section_Panels_Top_Middle.png'); background-repeat: repeat-x; }
.AddPropMABoxContent .MandatoryField{text-align:right; padding:5px 10px 5px 0px; border-color:transparent; font-size:1.2em; font-variant:normal;}
.AddPropMABoxContent { text-align:left; padding-left:7px;-moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; -khtml-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px;}
.AddPropMABoxContent td {padding: 2px 2px 2px 0px;}
.TrnsfrOptNavigation { padding-top:10px; width:100%; display:inline-table; }
.TrnsfrOptNavigation .FloatLeft { float:left; }
.TrnsfrOptNavigation .FloatRight { float:right; }

.AddPropVerifyTrnsfrOptArea { border:1px solid #3b83b5; min-height:100px; background-color:#EEF6FF; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
                          margin-bottom:10px; text-align:left;}
.AddPropVerifyTrnsfrOptHeader { height: 25px; text-align: left; background: #4790c0;	padding: 5px 0px 0px 5px; color: #FFFFFF; margin: 0px auto;	line-height: normal; font-size: 1.3em; font-weight: bold; background: url('./images/Section_Panels_Top_Middle.png'); background-repeat: repeat-x; }
.AddPropVerifyTrnsfrOptContent {text-align:right; padding:10px 0px 10px 0px; border-color:transparent; font-size:1.2em; font-variant:normal;}
.AddPropVerifyTrnsfrOptContent { text-align:left;}
.AddPropVerifyOptType { font-weight:bold; padding-left:10px; }
.AddPropVerifyOptDesc { padding-left:10px; padding-top:10px; }
.SelectedSitesVerifyContainer { padding:4px; }
.SelectedSitePropertiesVerify { height: 480px; max-height: 250px; overflow-y: scroll; border: 1px solid #a4c0ce; }
.SelectedSitePropertiesVerify table { font-size: 1.2em; border-collapse: collapse; width:100%; text-align:left;
                       width:expression(parentNode.clientWidth);
                       height:expression(parentNode.clientHeight); }
.SelectedSitePropVerifyTable th { vertical-align: middle; padding: 4px; height: 20px; line-height: 1.4em; background: #4794c9 url(images/Grid_Header_Middle.png) repeat-x; color:#000000; font-size:1em; text-align:left; }
.SelectedSitePropVerifyTable td { height: 30px; font-weight: normal; text-align: left; vertical-align: middle; }
.SelectedSitePropVerifyTable .SiteId { display:none; }
.SelectedSitePropVerifyTable .TopBorder { border-top: 1px solid #a4c0ce; }
.SelectedSitePropVerifyTable .LeftBorder { border-left: 1px solid #a4c0ce; }
.SelectedSitePropVerifyTable .BottomBorder { border-bottom: 1px solid #a4c0ce; }
.SelectedSitePropVerifyTable .RightBorder { border-right: 1px solid #a4c0ce; }
.SelectedSitePropVerifyTable .PadData { padding: 4px 0px 4px 4px; line-height:1.3em; }

.ConfirmSuccess { background-color:#d7e4bd; color: #4f6228; border:1px solid #4f6228; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
                  margin-bottom:10px; text-align:left; font-size:1.6em; padding:10px 0px 10px 5px; }
.NoPadding { padding:0px; }
.PadBy10px { padding:10px; }
.BottomMargin {border-bottom: 1px solid #3b83b5; margin-bottom: 10px; }
/*UNSAT-ADS011728-ADDED-START*/
.AddPropSelectedSitesHeader { min-height: 20px; height: auto; }
/*UNSAT-ADS011728-ADDED-START*/



/*Mailing Address Control Styles
-------------------------------------------------------------------------------------------------------------------------------*/
.VerifyAddressTabStyle { background: url(images/MA_Type_Selected_Body.png) repeat-x 0px -1px; padding: 0px; margin: 0px 0px 3px 0px;
                             height:52px; width:146px; cursor: pointer; border:1px solid #BFEFFF; border-right:0px none;  }
.VerifyAddressTabMarkStyle { float:left; height:25px; width:25px; position:relative; top:10px; left: 5px;}
.VerifyAddressContentStyle { float: left; display:block; background :url(images/MA_Content_Selected_Body.png) repeat; height:300px;
                                     width:564px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius:0px 4px 4px 0px;
                                     -khtml-border-radius: 0px 4px 4px 0px;  padding: 29px 0px 0px 10px; margin:0px;
                                     border:1px solid #BFEFFF; border-left:0px none; font-size:1.45em;}
.WizardImage { margin:10px 10px 10px 0px; }
.WizardRightButton { float:right; }
.wizardLeftButton { float:left; }
.SelectSectionTopBody { height: 25px; text-align: left; background-color: #4790c0; padding: 0px 0px 0px 5px; color: #ffffff; font-weight:bold; font-size: 1.4em; background: url('./images/Section_Panels_Top_Middle.png') repeat-x; }
.MailingAddressArea { border:1px solid #3b83b5; background-color:#EEF6FF; width:740px; height:395px; border-radius:3px -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
                          margin: 10px 0px 10px 0px;}
.MailingAddressHeader { height: 25px; text-align: left; background: #4790c0; padding: 5px 0px 0px 5px; color: #FFFFFF; margin: 0px auto;   line-height: normal; font-size: 1.4em; font-weight: bold; background: url('./images/Section_Panels_Top_Middle.png'); background-repeat: repeat-x; }
.MailingAddressContent { margin:0px 0px 10px 12px; }
/*.searchBA-Selection-content{ text-align: left; cursor: pointer; display:inline-block;float:right;width:20em;background: #4790c0; border:0px solid #d0d0d0; padding: 0.5em 0.5em 0.5em 0.5em;  border-bottom: 1px solid #d0d0d0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}*/
.MAHeaderText{height: 25px; text-align: left; float:left; font-weight:normal; color:#ffffff;line-height: normal; font-size: 1.4em; font-weight: bold;}
.mandatory { text-align:right; padding:5px 0px 5px 0px; background-color:#EEF6FF; border-color:transparent; font-size:1.1em; font-variant:normal;  width:704px;}
div.umaSearchBar { text-align: right; padding:10px 10px 10px 5px; background: #4794c9 url(images/Search_Panel_Middle_Gradient.png) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; vertical-align: middle; display:block;  }

/* Style for Mailing Address Control
----------------------------------------------------------*/
.MA { background-color:#EEF6FF;}
.MA .AddressType { float:left; margin: 0px 0px 0px 0px; }
.MA .AddressType a { text-decoration:none; margin: 0px 0px 0px 10px; width:100%; height:100%; color: #000000; outline:none;
                     white-space: nowrap; position:relative; top:15px; font-size:1.2em}
.MA .AddressType ul { text-align:left; padding:0px; margin:0px;}
.MA .AddressType ul li { background: url(images/MA_Type_UnSelected_Body.png) repeat-x 0px -1px; padding: 0px; margin: 0px 0px 2px 0px;
                         height:42px; width:146px; cursor: pointer; border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius:4px 0px 0px 4px;
                         -khtml-border-radius: 4px 0px 0px 4px; border:1px solid #BFEFFF; border-right:0px none; }
.MA .AddressType .Mark { visibility:hidden; float:left; height:25px; width:25px; position:relative; top:10px; left: 5px;}
.MA .AddressType .MarkSelected { visibility:visible;}
.MA .AddressType .selected { background: url(images/MA_Type_Selected_Body.png) repeat-x 0px -1px; padding: 0px; margin: 0px 0px 3px 0px;
                             height:52px; width:146px; cursor: pointer; }
.MA .MAContent { float: left; display:block; background :url(images/MA_Content_Selected_Body.png) repeat; height:300px;
                                     width:550px; border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius:0px 4px 4px 0px;
                                     -khtml-border-radius: 0px 4px 4px 0px;  padding: 29px 0px 0px 5px; margin:0px;
                                     border:1px solid #BFEFFF; border-left:0px none; display:none; }
.MA .MAContent table {margin: 10px 0px 0px 0px;}
.MA .MAContent td {padding: 2px 1px 2px 1px;}
.MA .ContentSelected { display:block; }
.formTable { text-align:left; }
.LandlordFieldLabelTop { font-size: 1.2em;}      


/* Style for Mailing Address Control Verify
----------------------------------------------------------*/
.MAVerify .AddressType { float:left; }
.MAVerify .AddressType ul { text-align:left;padding:6px;}
.MAVerify .AddressType ul li { -moz-border-radius: 4px; -webkit-border-radius:4px; -khtml-border-radius: 4px;  }
.MAVerify .MAContent { -moz-border-radius: 4px; -webkit-border-radius:4px; -khtml-border-radius: 4px; padding: 10px; }
.MAVerify .MAContent li {display: inline; padding-right:6px;}
.MAVerify .MAContent ul { padding:4px;}
.MAVerify .MAContent table {margin: 10px 0px 0px 0px;}
.MAVerify .MAContent td {padding: 2px 1px 2px 1px;}
.MAVerify .formTable { text-align:left; }
.MAVerify .fieldLabelTop { font-size: 1.2em;} 

.MAVerify .MAVerifyUL .MAVerifyLI{float:left;display:block;}
.MAVerify .MAVerifyUL {list-style:none;display:block;float:left;}

/* Style for TRANSFER SERVICE
----------------------------------------------------------*/
.TsMainPanel { font-family: arial,sans-serif; font-size: 10px; }
.TsWizardImage { margin:0px 0px 10px 0px; text-align:center;}
.TsWizardImage img {-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;}
.TsServiceAddressDiv {height:25px; border:1px solid #3b83b5; background-color:#CBE5F5; margin:0px; padding:10px 0px 0px 0px;
                      -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
                      text-align:left;}
.TsServiceAddressDiv span {color:#0055a8; font-size:1.2em; font-style:normal; font-weight:bold; padding-left:5px;}
.TsWizardNavigationControlDiv { padding: 10px 0px 10px 0px; font-size: 1.2em; color: #3e87b8; width:100%;}
.TsWizardNavigationControlDiv .AlignCenter { position:relative; top:8px; }
.TsWizardNavigationControlDiv img {-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.TsWizardLeftNavigationControl { float:left; cursor:pointer; }
.TsWizardRightNavigationControl { float:Right; cursor:pointer; }                     
.TransferServiceBoxArea { border:1px solid #3b83b5; background-color:#EEF6FF; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
                          margin:5px 0px 5px 0px; text-align:left;}
.TransferServiceBoxArea .LandlordFieldLabelTop { font-size: 1.1em;}
.TransferServiceHeader { height: 25px; text-align: left; background: #4790c0;	padding: 5px 5px 0px 5px; color: #FFFFFF; margin: 0px auto;	line-height: normal; font-size: 1.4em; font-weight: bold; background: url('./images/Section_Panels_Top_Middle.png'); background-repeat: repeat-x; }
.TsMandatoryField{text-align:right; padding:5px 20px 5px 0px; background-color:#EEF6FF; color:#000; border-color:transparent; font-variant:normal; font-size:1em; }
.TransferServiceContent { margin:0px 0px 10px 12px; text-align:left; color:#000; font-size:1.2em;}
.TransferServiceContent td {padding: 2px 3px 2px 0px;}
.TransferServiceContent .QuestionsDiv { margin:5px 10px 5px 0px; text-align:left; }
.TransferServiceContent .QuestionsDiv ul { height:50px; line-height:1.5; background-color:#CBE5F5; margin:0px 0px 3px 0px; padding:5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.TransferServiceContent .QuestionsDiv li { display:inline; float:left; }
.TransferServiceContent .QuestionsDiv .LiLeft { width:600px; }
.TransferServiceContent .QuestionsDiv .LiRight { width:100px; }
/*UNSAT-ADS011440-ADDED-START*/
.TransferServiceContent .QuestionsDiv .SetStudentUl { height:30px;  padding-top:10px;}
/*UNSAT-ADS011440-ADDED-END*/
.TransferServiceContent hr{margin: 0px 10px 10px 0px;}
.TsPostalVerificationDivContainerHeight {height: 100px;}
.TsPostalVerificationDiv {padding: 5px 0px 0px 12px; font-size:1.2em; display:inline-block;}
.TsPostalVerificationDiv span { line-height: 2.2em; }
.TsPostalVerificationDiv ul { vertical-align: bottom; }
.TsPostalVerificationDivLeftUl {float: left; width: 570px}
.TsPostalVerificationDivLeftTopUl {width: 570px; margin: 0px 0px 5px 0px; line-height: 2em;}
.TsPostalVerificationDivLeftButtomUl {width: 570px; margin: 0px 0px 0px 0px; line-height: 2em;}
.TsPostalVerificationDivRightUl {float: left; width: 130px; margin: 0px;}
.TsPostalVerificationDivRighToptUl {width: 130px; margin: 0px 0px 5px 0px; line-height: 2em;}
.TsPostalVerificationDivRightButtomUl {width: 130px; margin: 0px; line-height: 2em;}
.TsPostalVerificationDiv a { text-decoration:none; font-weight:700; }
.TsPostalVerificationDiv a:hover { text-decoration:none; font-weight:700; color:#000; }
.TsPostalVerificationDiv div { margin:10px 0px 10px 0px; }
.TsPostalVerificationDiv img { cursor:pointer; }
.TransferServiceMABoxArea { border:1px solid #3b83b5; background-color:#EEF6FF; height:396px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
                          margin-bottom:10px; font-family:Arial; }
.TsDisclaimerFont {text-align:right; padding:5px 20px 5px 0px; background-color:#EEF6FF; color:#000; border-color:transparent; font-variant:normal; font-size:1.2em; }                          
.TransferServiceMAContent { margin:0px 0px 10px 20px; text-align:left; color:#000; }
.TransferServiceTandC { font-size:1.2em; vertical-align: bottom; text-align:left; color:#000; }
.TsFieldLabelLeft { }
.TsServiceInfoDiv { font-size: 1.1em; margin: 0px 0px 30px 0px; }
.TsSpanLeftField { position:relative; bottom:5px; }
.TsServiceInfoHeaderDiv { height:20px; font-weight:bold; }
.TsRadioButton { vertical-align:middle; cursor:pointer; }
.TsRadioButton input { vertical-align:middle; cursor:pointer; }
.TransferPrivacyDiv { background-color:#CBE5F5; padding: 10px 10px 10px 10px; margin-right:10px; line-height:1.5; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.TsVerifyHeader {font-size:1.2em; font-weight:bold; color:#3b83b5; }
.TsVerifyLeftSpanField { width:150px;}
.TsVerifyInfoDiv { font-size: 1.1em; margin: 10px 0px 10px 0px; color:#000; line-height:1.5; }
.TsVerifyInfoDivMailingAdrress {height: 100px;}
.TsVerifyInfoDivMailingAdrress li { display: inline; }
.TsVerifyInfoDivMailingAdrressLeftLi { float: left; width:125px; }
.TsVerifyInfoDivMailingAdrressRightLi { float: left; width:600px; }
.TsVerifyInfoDiv li { Height: 30px; }
.TsVerifyInfoDiv .TsSpanBold { font-weight: bold; }
.TsVerifyInfoDiv .TsSpanUnderline { text-decoration:underline; }
.TsFinalize {color:#ff0000; font-size:1.1em;}
.TsConfirmDiv { font-size: 1.1em; margin: 15px 0px 20px 0px; }
.TsConfirmDiv .TsBold { font-weight: bold; }
.statuslink { background-color: Silver; color: Black; line-height: 2.4em; font-size: 2.4em; margin: 10px; padding: 5px 5px 5px 5px; cursor: pointer; }
.TSTermsNCond { line-height:1.5em; vertical-align:bottom; }
.TSTermsNCond img { line-height:normal; vertical-align:top; }
/*ADS009906-Start*/
.TSAutoFillMailingAddress { font-size:1.2em; vertical-align: bottom; text-align:left; color:#000; margin-bottom:5px; }
/*ADS009906-End*/

/* LINK - NAVIGATION ACTIVE
----------------------------------------------------------*/
.navigationActive a:link { text-decoration: none; color: #FFFFFF; font-family: Calibri; font-weight: bold; font-size: 1.4em; }
.navigationActive a:visited { text-decoration: none; color: #FFFFFF; font-family: Calibri; font-weight: bold; font-size: 1.4em; }
.navigationActive a:hover { text-decoration: none; color: #FFFFFF; font-family: Calibri; font-weight: bold; font-size: 1.4em; }
.navigationActive a:active { text-decoration: none; color: #FFFFFF; font-family: Calibri; font-weight: bold; font-size: 1.4em; }

/* LINK - NAVIGATION INACTIVE
----------------------------------------------------------*/
.navigationInActive a:link { text-decoration: none; color: #C0C0C0; font-family: Calibri; font-size: 1.4em; font-weight: lighter; }
.navigationInActive a:visited { text-decoration: none; color: #C0C0C0; font-family: Calibri; font-size: 1.4em; font-weight: lighter; }
.navigationInActive a:hover { text-decoration: none; color: #FFFFFF; font-family: Calibri; font-size: 1.4em; font-weight: bold; }
.navigationInActive a:active { text-decoration: none; color: #C0C0C0; font-family: Calibri; font-size: 1.4em; font-weight: lighter; }

/* ERROR SUMMARY - VALIDATOR STYLE
----------------------------------------------------------*/
/* ERROR SUMMARY - SECTION TABLE STYLE
----------------------------------------------------------*/
.section { border-color: #90B0D8; border-style: solid; border-collapse: collapse; }
.sectionHeader { width: 100%; height: 25px; text-align: left; background: #336699; vertical-align: middle; padding: 0px 0px 0px 5px; color: #FFFFFF; 
                 margin: 0px auto; line-height: normal; font-family: Calibri; font-size: 1.6em; font-weight: bold; background-repeat: no-repeat; }
.sectionContentMiddle { width: 5%; vertical-align: middle; padding: 0px 5px 0px 5px; font-family: Calibri; font-size: 1.4em; font-weight: normal; color: #333366; }
.sectionContentRight { width: 75%; vertical-align: middle; padding: 0px 0px 0px 5px; font-family: Calibri; font-size: 1.4em; font-weight: normal; color: #333366; }
.sortasc-header A { background: url('./images/NavigationBarRight.png') right center no-repeat; }
.sortdesc-header A { background: url('./images/NavigationBarLeft.png') right center no-repeat; }
TH A { padding-right: 20px;}

/* SUB SECTION STYLE
----------------------------------------------------------*/
.subSectionHeaderStyleLeft { padding: 6px 6px 6px 6px; background: #336699; font-family: Calibri; font-size: 1.2em; font-weight: bold; color: #ffffff;}
.subSectionHeaderStyleRight { padding: 0px 5px 0px 0px; background: #336699; font-family: Calibri; font-size: 1.2em; font-weight: bold; color: #ffffff; }
.subsectionContent { width: 100%; vertical-align: middle; padding: 6px 6px 6px 6px; font-family: Calibri; font-size: 1.4em; font-weight: normal; color: #333366; }
.subsectionContentColumnLeft {width: 25%; vertical-align: middle; padding: 6px 6px 6px 20px; font-family: Calibri; font-size: 1.2em; font-weight: bold; color: #333366; }
.subsectionContentColumnMiddle { width: 2%; vertical-align: middle; padding: 6px 6px 6px 6px; font-family: Calibri; font-size: 1.2em; font-weight: bold; color: #333366; }
.subsectionContentColumnRight { width: 73%; vertical-align: middle; padding: 6px 6px 6px 20px; font-family: Calibri; font-size: 1.2em; font-weight: normal; color: #333366; }
.searchSectionLeft { width: 27%; vertical-align: middle; padding: 0px 6px 0px 0px; font-family: Calibri; font-size: 1.2em; font-weight: bold; color: #333366; }
.searchSectionRight { width: 73%; vertical-align: top; padding: 0px 6px 0px 6px; font-family: Calibri; font-size: 1.2em; font-weight: bold; color: #333366; }
.landlordSearchBySectionleft { vertical-align: middle; text-align: center; padding: 0px 6px 0px 0px; font-family: Calibri; font-size: 1.2em; font-weight: bold; 
                               color: #333366; width: 40%;}
.landlordSearchBySectionRight { vertical-align: middle; text-align: center; padding: 0px 6px 0px 6px; font-family: Calibri; font-size: 1.2em; font-weight: bold; 
                                color: #333366; width: 60%;}
.landlordSearchByFieldleft { vertical-align: middle; text-align: right; padding: 0px 6px 0px 6px; font-family: Calibri; font-size: 1.2em; font-weight: bold; 
                             color: #333366; width: 20%; }
.landlordSearchByFieldRight {vertical-align: middle; text-align: left; padding: 0px 6px 0px 6px; font-family: Calibri; font-size: 1.2em;
                             font-weight: bold; color: #333366; width: 80%; }
.landlordSearchByInputLeft { vertical-align: middle; text-align: left; padding: 0px 0px 0px 25px; font-family: Calibri; font-size: 1.2em; font-weight: bold; 
                             color: #333366; width: 28%; }
.landlordSearchByInputMiddle { vertical-align: middle; text-align: center; padding: 0px 6px 0px 6px; font-family: Calibri; font-size: 1.2em; font-weight: bold;
                               color: #333366; width: 5%; }
.landlordSearchByInputRight { vertical-align: middle; text-align: left; padding: 0px 6px 0px 6px; font-family: Calibri; font-size: 1.2em; font-weight: bold;
                              color: #333366; width: 67%; }
.customerTypeSectionStyleLeft { vertical-align: middle; text-align: right; padding: 0px 0px 0px 10px; font-family: Calibri; font-size: 1.2em; font-weight: bold;
                                color: #333366;}
.customerTypeSectionStyleRight { vertical-align: middle; text-align: left; padding: 0px 0px 0px 5px; font-family: Calibri; font-size: 1.2em; font-weight: bold;
                                 color: #333366; }
.customerSearchDivStyle { position: relative; top: 0; left: 0;}
.landlordSearchDivStyle { position: relative; height: 100%; width: 100%; top: 0; left: 0;}
.propertyManagerCustomerType {vertical-align: middle; padding: 0px 0px 0px 6px; font-family: Calibri; font-size: 1.2em; font-weight: bold; color: #333366;}

/* EXPAND COLLAPSE
----------------------------------------------------------*/
.expandCollapse { height: 16px; width: 16px; padding: 0px 0px 0px 0px; vertical-align: middle; cursor: pointer; background: url('./images/Expand.png');
                  background-repeat: no-repeat; }

/* DROP DOWN LIST STYLE
----------------------------------------------------------*/
.dropDownListStyle { border-width: 1px; border-color: #90B0D8; border-style: solid; border-collapse: collapse; width: 150px; font-family: Calibri;
                     font-size: 1.4em; font-weight: lighter; color: #333366; cursor: pointer;}

/* PANEL STYLE
----------------------------------------------------------*/
.panelStyle { border-width: 1px; border-color: #90B0D8; border-style: solid; border-collapse: collapse;}

/* FIELD SET STYLE
----------------------------------------------------------*/
.fieldSetStyle { padding: 0px 0px 5px 5px; font-family: Calibri; font-size: 1.2em; font-weight: bold; color: #333366; border-width: 1px; border-color: #90B0D8; 
                 border-style: solid; border-collapse: collapse; height: 90px; vertical-align: middle; }
.landlordSearchByfieldSetStyle { padding: 0px 0px 5px 5px; font-family: Calibri; font-size: 1.2em; font-weight: bold; color: #333366; border-width: 1px;
                                 border-color: #90B0D8; border-style: solid; border-collapse: collapse; height: 210px; width: 100%; text-align: center;
                                 vertical-align: middle; }
.radioButtonListStyle { width: 100%; vertical-align: middle; padding: 0px 0px 0px 0px; cursor: pointer;}
.required { color: #ff0000;}

/* TEXT FIELD STYLE
----------------------------------------------------------*/
.buttonStyle { cursor: pointer;}
.radioButton { border: 0px none #FFFFFF; border-collapse: collapse; cursor: pointer;}
p { margin-bottom: 10px; line-height: 1.6em;}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; font-variant: small-caps; text-transform: none; font-weight: 200; margin-bottom: 0px;}
h1 { font-size: 1.6em; padding-bottom: 0px; margin-bottom: 0px;}
h2 { font-size: 1.5em; font-weight: 600;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}
h5, h6 { font-size: 1em;}
/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0px;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.header h1 { font-weight: 700; margin: 0px; padding: 0px 0px 0px 20px; color: #f9f9f9; border: none; line-height: 2em; font-size: 2em;}
.leftCol { padding: 6px 0px; margin: 12px 8px 8px 8px; width: 200px; min-height: 200px;}

/* TAB MENU   
----------------------------------------------------------*/
div.hideSkiplink { background-color: #3a4f63; width: 100%;}
div.menu { padding: 4px 0px 4px 8px;}
div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto;}
div.menu ul li a, div.menu ul li a:visited { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em;
                                             padding: 4px 20px; text-decoration: none; white-space: nowrap;}
div.menu ul li a:hover { background-color: #bfcbd6; color: #465c71; text-decoration: none;}
div.menu ul li a:active { background-color: #465c71; color: #cfdbe6; text-decoration: none;}

/* FORM ELEMENTS   
----------------------------------------------------------*/
fieldset{ margin: 1em 0px; padding: 1em; border: 1px solid #ccc;}
fieldset p { margin: 2px 12px 10px 10px;}
fieldset.login label, fieldset.register label, fieldset.changePassword label { display: block; }
fieldset label.inline { display: inline;}
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px;}
input.textEntry{ width: 320px; border: 1px solid #ccc;}
input.passwordEntry { width: 320px; border: 1px solid #ccc;}
div.accountInfo { width: 42%;}

/* MISC  
----------------------------------------------------------*/
.clear { clear: both;}
.title { display: block; float: left; text-align: left; width: auto;}
.loginDisplay { font-size: 1.1em; display: block; text-align: right; padding: 10px; color: White;}
.loginDisplay a:link { color: white;}
.loginDisplay a:visited { color: white;}
.loginDisplay a:hover { color: white;}
.failureNotification { font-size: 1.2em; color: Red;}
.bold { font-weight: bold;}
.submitButton { text-align: right; padding-right: 10px;}
.gridHeader { background: #162A4D; }
.gridAltRowStyle { background: url('./images/grid_row.jpg'); background-repeat: repeat-x; height: 25px;}
.gridRowStyle { background: #ffffff; color: #162A4D; height: 25px;}
.tableArea { background: #D0D3D8; border: 0px; margin: 0px; color: #162A4D; font-weight: bold; font-family: Verdana; height: 164px;}
.tableData { background: #162A4D; border: 0px; margin: 0px; color: #f9f9f9; font-size: 1.0em; font-weight: bold; font-family: Verdana; 
             background: url('./images/table_data.jpg'); background-repeat: repeat-x; }
.mainTable { border-width: 0px 0px 0px 0px; border-style: solid; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.colorGrad { color: #162A4D;}
.gridTableArea { background: #162A4D; border: 0px; margin: 0px; color: #f9f9f9; font-size: 1.0em; font-weight: bold; font-family: Verdana; 
                 background: url('./images/table_area.jpg'); background-repeat: repeat-x;}
.gridTierHeader { background: #446A9B;    background: url('./images/tierHeader.JPG'); background-repeat: repeat-x; height: 26px;}
.required { color: Red;}
.borderedDivStyle { border: 1px solid #007DC3; margin-left: 2px;}
.applicationAreaStyle { border: 0px;  margin: 0px; color: #162A4D; font-size: 1.0em; font-weight: bold; font-family: Verdana;}
.panelHeaderFontStyle { font-size: 1.1em; font-weight: bold; color: #007DC3;}
.panelHeaderFontStyleInside { font-size: 1.1em; font-weight: bold; color: #000000;}

/* Style for UPDATE MAILING ADDRESS
----------------------------------------------------------*/
.VerifyAddressTabStyle { background: url(images/MA_Type_Selected_Body.png) repeat-x 0px -1px; padding: 0px; margin: 0px 0px 3px 0px;
                             height:52px; width:146px; cursor: pointer; border:1px solid #BFEFFF; border-right:0px none;  }
.VerifyAddressTabMarkStyle { float:left; height:25px; width:25px; position:relative; top:10px; left: 5px;}
.VerifyAddressContentStyle { float: left; display:block; background :url(images/MA_Content_Selected_Body.png) repeat; height:300px;
                                     width:564px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius:0px 4px 4px 0px;
                                     -khtml-border-radius: 0px 4px 4px 0px;  padding: 29px 0px 0px 10px; margin:0px;
                                     border:1px solid #BFEFFF; border-left:0px none; font-size:1.45em;}
.WizardImage { margin:10px 10px 10px 0px; }
.WizardRightButton { float:right; cursor: pointer; }
.wizardLeftButton { float:left; cursor: pointer; }
.SelectSectionTopBody { height: 25px; text-align: left; background-color: #4790c0; padding: 0px 0px 0px 5px; color: #ffffff; font-weight:bold; font-size: 1.4em; background: url('./images/Section_Panels_Top_Middle.png') repeat-x; }
.MailingAddressArea { border:1px solid #3b83b5; background-color:#EEF6FF; width:740px; height:395px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
                          margin: 10px 0px 10px 0px;}
.MailingAddressHeader { height: 25px; text-align: left; background: #4790c0; padding: 5px 0px 0px 5px; color: #FFFFFF; margin: 0px auto;   
                        line-height: normal; font-size: 1.4em; font-weight: bold; background: url('./images/Section_Panels_Top_Middle.png'); 
                        background-repeat: repeat-x; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0;}
.MailingAddressContent { margin:0px 0px 10px 12px; }
.WizardNextButtonDisabled { float:right; display:none;}
dl dt{padding-bottom: 5px; padding-top: 5px;}
.AddMA{ width:70px; margin-top: 250px; padding-left: 10px; cursor:pointer;}
.RightDiv{	float: right; width: 42%; }
.RightDivHeader { height: 25px; text-align: left; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; background: #4790c0; padding: 5px 0px 0px 5px; color: #FFFFFF; margin: 0px auto;   line-height: normal; font-size: 1.4em; font-weight: bold; background: url('./images/Section_Panels_Top_Middle.png'); background-repeat: repeat-x; }
.RightContent{	height: 450px; overflow-x: hidden; overflow-y: auto; font-size:1.2em; background-color:#E3F0F8; 
              	border-color: #A4C0CE; border-style: solid; border-width: 0 1px 1px; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; 
              	-webkit-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; }
.RemoveHeader{ width:47px;}
.MailingAccount{width:84px; font-size: 1.2em;}
/*UNSAT-ADS011728-COMMENTED-START*/
/*.MailingAddress{ width:180px; cursor:pointer; }*/
/*UNSAT-ADS011728-COMMENTED-END*/
/*UNSAT-ADS011728-ADDED-START*/
.TableStyle .MABillingAccountHeader { width: 82px; cursor: pointer; }
.MailingAddress{ width:200px; cursor:pointer; }
/*UNSAT-ADS011728-ADDED-END*/
.LeftDiv{ width: 46.2%; float: left; border: #A4C0CE solid; border-width: 0 1px 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.LeftDivHeader { height: 25px; text-align: left; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; background: #4790c0; padding: 5px 0px 0px 5px; color: #FFFFFF; margin: 0px auto;   line-height: normal; font-size: 1.4em; font-weight: bold; background: url('./images/Section_Panels_Top_Middle.png'); background-repeat: repeat-x; }
.LeftDivHeader .HeaderText{ float:left; font-weight:bold; }
.LeftDivHeader a{ float:right; font-size:0.85em; padding-right:5px; cursor:pointer; text-decoration:underline; vertical-align:top;}

.CenterDiv{ width: 9.35%; float: left;}
.MASearchSectionContent { background-color: #e8f5fc; padding: 10px 0px 10px 0px; font-size: 1.2em;}
.MASearchSectionContent td {padding-left: 4px;}
.MASearchSectionContent ul li{float:left; padding:4px; }
.MABillingAccountSearch { padding-top:15px;}
.MABillingAccountSearch li{ line-height: 2em; }
.MABillingAccountSearch .SearchSectionLinkButton{color: #3E87B8;font-size: 1em; cursor:pointer; text-decoration:underline; }
.MASearchSectionContent .AddressSearch { padding-top:15px; padding-right:5px; padding-bottom: 0px; padding-left:5px; }
.MASearchSectionDisclaimer {background-color: #e8f5fc; padding: 5px 5px 0px 0px; font-size: 1em; text-align:right;}
/*UNSAT-ADS011728-COMMENTED-START*/
/*.MAContainerFont{ font-size:1.2em; height: 250px; overflow-y: scroll; overflow-x: hidden; border-bottom: 1px solid #A4C0CE; }*/
/*UNSAT-ADS011728-COMMENTED-END*/
/*UNSAT-ADS011728-ADDED-START*/
.MAContainerFont{ font-size:1.2em; min-height: 272px; max-height: 398px; overflow-y: scroll; overflow-x: hidden; border-bottom: 1px solid #A4C0CE; }
/*UNSAT-ADS011728-ADDED-START*/
.RemovePadding{ padding: 0 !important;}
.MAConfirmSuccess { background-color:#d7e4bd; color: #4f6228; border:1px solid #4f6228; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
                  margin-bottom:10px; text-align:left; font-size:1.7em; padding:10px 0px 10px 5px; width:735px; margin-top:1em;}
.RemoveButton{ padding-left: 10px; }
.MALoadMore{cursor: pointer; padding: 10px 0 10px;}
.ContainerDiv{ padding-top:1em; margin-bottom: 20px;}
.MailingAddressTableHeader{width:205px;cursor:pointer;}
/*UNSAT-ADS011728-COMMENTED-START*/
/*.BillingAccountTableHeader{ width:125px; cursor:pointer;}*/
/*UNSAT-ADS011728-COMMENTED-END*/
/*UNSAT-ADS011728-ADDED-START*/
.BillingAccountTableHeader{ width: 92px; cursor:pointer;}
/*UNSAT-ADS011728-ADDED-END*/
.EmptyRemoveBox{ width:28px; }
.MAOuterDivStyle { padding:10px; border: 1px solid #3B83B5; background-color: #e3f0f8; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; 
                   -khtml-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; height:255px;}
.MAInnerDivStyle { height: 250px; overflow-y:auto;}
.MAInnerDivStyle table { font-size: 1.2em; color: #000000; background-color: #ffffff; border-collapse: separate; width:100%; 
                       width:expression(parentNode.clientWidth); }
.MABillDetails { border: 0px solid #e3f0f8; background-color: #e3f0f8; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.LineGap{margin-top:2em;}
.MAVerifyBoxSize{height: 120px; width:733px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
.WarningMessage{ float:right; color:Red; font-size:1.2em; margin-top:0.5em }

.ButtonFloatLeft {float: left !important; cursor: pointer;}
.MAMyBillsLoadMoreDivStyle { padding: 0px 0px 0px 0px; text-align: center; }
/*UNSAT-ADS011728-COMMENTED-START*/
/*.MABillingAccount{width:100px;}*/
/*UNSAT-ADS011728-COMMENTED-END*/
/*UNSAT-ADS011728-ADDED-START*/
.MABillingAccount { width: 82px; }
/*UNSAT-ADS011728-ADDED-END*/
.BoldSpan{font-weight:bold; vertical-align:top;}
.UMAHeader{ width:600px;}
/* Style Updates for EXISTING PAGES
----------------------------------------------------------*/

/*
EBILL PAGE 
----------------------------------------------------------*/
/*.opcoMainContent { line-height:normal; font-size:1.2em; }*/
.ebillTable td {line-height:normal;}
.ebillTextAlignBottom img { vertical-align: text-bottom; }