@import url( http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Lato:300,400,400italic,700 );
html,body {
	margin: 0px; padding: 0px;width:100%;
}


body {
	margin: 0px; height: 100%; color: rgb(102, 102, 102);
	font-family:Calibri, Helvetica, Arial, sans-serif; font-weight: 300; position: relative; 
	background-color: rgb(241, 167, 59);
	background-image: url("images/layoutimages/bg_body.jpg"); 
	background-repeat: no-repeat;
	line-height:1.7em;
	font-size:14px;
	color:#000;
	font-weight:500;
	color: rgb(65, 61, 50);
    background: url("images/layoutimages/bg_body.jpg") no-repeat scroll center top rgb(11, 27, 38);

}

.bodyPopup {
	margin: 0px; height: 100%; color: rgb(102, 102, 102);
	font-family:Calibri, Helvetica, Arial, sans-serif; font-weight: 300; position: relative; 
	background-color: rgb(241, 167, 59);
	line-height:1.7em;
	font-size:14px;
	color:#FFF;
	font-weight:500;
}

.ShowCSHelp{
    color:#fff;
}

/* ----------------------------- Master Page ----------------------------------*/

.MainWrapper {width: 100%; margin: 0 auto;clear:both;display:block;}
.InnerWrapper {width: 100%; margin: 0 auto;height:auto; display:block;}
  

/* ---------------- Header----------------------*/

.HeaderBack {height: 135px; margin: 0 auto; width:76%;}
.HeaderContentWrapper { margin: 0 auto;padding-top:30px;}
.HeaderContentWrapperM {
    margin: 0 auto;
}

.TopHeader
{
    display:block;
    border-bottom:0px;
    margin: 0 auto;
    
}

.BottomHeader
{
   float: left;
   height: 0px;
   background-color:#DE1D33;
   margin: 0 auto;
}

.MainLogo {float: left;width:60%;}
.MainLogo img {float: left;}
.TopHeaderRcontent{float: left;color:#DE1D33; font-size:28px;font-weight:bold;text-align:right;}
.TopHeaderRcontentsub{color:#000; font-size:18px;font-weight:bold;text-align:right;}
.headerlinks {
    float: left;
}

.headerlinks ul li {float:left;  font-size:12px;}


/* ---------------- EOF Header----------------------*/



/* ---------------- CONTENT ----------------------*/

.commoncontentwrapper
{
   margin: 0 auto;
   background-color:#fff;
   position: relative;
   height:auto;
   clear:both;
  width:80%;
}

.commoncontentwrapperInner
{
    position: relative;
    margin: 0 auto;
    height:auto;
    background-color:#fff;
    padding:5px;
    padding-top:0px;
    border-top: 0px solid rgb(204, 204, 204); 
    width:97%;


}
.commoncontenttop
{
    padding-top: 5px;
    text-transform: uppercase;
    height: 40px;
    padding-left:10px;
    background:#fff;
    color:#DE1D33;
    font-size:24px;
    clear:both; 
    text-align:left;
    font: 500 24px "Open Sans", sans-serif

}
        
.commoncontentswrapper
{
    min-height:350px; 
    height:auto;
 }
        
        
.commoncontentbottom
{
    background:#1a1a1a;
    display:block;
    
    
}

.p {line-height:normal;}
        
/* ---------------- EOF CONTENT ----------------------*/


/* ---------------- Footer ----------------------*/

.footerwrapper
{
    background-color:#1a1a1a;
    width: 100%;
    border-top:10px solid #1a1a1a;
    position:relative;   
    display:inline-block;
    color:#fff;

}

.footerContentwrapper {
    margin: 0 auto;
    margin-top:20px;
    width: 75%;
 
}

.footer_left_phone
{
    float: left;
    min-height: 72px;
    height:auto;
    width: 50%;
    font-size:16px;
    line-height:24px;
    color:#fff;
}

.footerwrapperRight
{
    float: left;
    height: 72px;
    width: 50%;
}


.footer
{

    color: #000;
    padding: 8px 0px 8px 0px;
    margin: 0px auto 0px auto;
    text-align: center;
    line-height: normal;
    height:31px;
    background:#ccc9b6;
	
}

.footerwrapperRight img
{
    float: right;
}

/* ---------------- EOF Footer ----------------------*/


/* ---------------- MY UNITS ----------------------*/

.WelcomeNote
{
    margin: 0 auto;
	margin-right:10px;
	width:95%;
	font-weight:500;
	margin-bottom:5px;
    color:#000;
    float:right;
    text-align:right;
}


#Linklogout {display:none;white-space:nowrap;}


.btnGo
{
    border-style:none;
    border:0px solid #aedafd;
    transition:0.15s ease-in-out; 
    background:  url("../../App_Themes/AmericanStorage/images/Go-Normal.png") repeat-x;
    background:  url("../../App_Themes/AmericanStorage/images/Go-Roll.png") repeat-x;
    -webkit-transition: .15s ease-in-out;
    background-position: bottom ; 
    width:41px;
    height:33px;
}


.btnAddUnits
{
    border-style:none;
    border:0px solid #aedafd;
    transition:0.15s ease-in-out; 
    background:  url("../../App_Themes/AmericanStorage/images/Add-a-New-Unit.png") repeat-x;
    background:  url("../../App_Themes/AmericanStorage/images/Add-a-New-Unit-Roll.png") repeat-x;
    -webkit-transition: .15s ease-in-out;
    background-position: bottom ; 
    width:170px;
    height:37px;
}


.btnGo:hover, .btnAddUnits:hover {opacity:0.75;}


/* ---------------- EOF MY UNITS ----------------------*/


/* --------------------- HEADINGS -------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    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;
}

/* ---------------------EOF HEADINGS -------------------------*/


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/


#wrapper_header_top {
	height:189px;
	text-align:left;
	width: 974px;
	margin:  0px auto 0px auto;
	background:url("data:image/gif;base64,R0lGODlhAgAkAOYAAMcXJ56Zj7NqcqE+SJ0yPJ8SH6NFTp0jL5wVIp0tOKpWXpwjLswXKJ0nM8oXKLoWJbkVJKsUIoiCdkcmNsUXJ7IVI583QdAYKasTIb0WJbgWJZ0oM8QXJ5sUIZwRH70WJqlWXrSvp5wRHrAUI88YKcwYKJ4tN+/s6soYKKJFTrMVJJ0fKkQlMZ0fK584QrWwp+/s6aETIIiDdq8UIqESILcVJMjEvMAXJqZNVrUVJKkTIZwaJ9jUzq5fZ6MTIeXi3q4UIsIXJ6YTIfLu6/Lv6/Lv7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAAgAkAAAHSoAsEwICPT0gCjg4BikDAxYuBAQmCRsNCwctKzs7HQgeIgUFNDE+PkJCOjoRGEBAMyMqFTk5GjUPEB8ZNzdBQRwUAAAOKCUMFySBADs=") repeat-x scroll center bottom transparent;
}

.SSLSeal
{
    float:right;
    padding:20px;
    padding-top:1px;
}


.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.header-logo {
    background: url("images/layoutimages/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 162px;
    left: 15px;
    position: relative;
    top: 20px;
    width: 296px; 
}

.header-logo a {
	width: 100%; height: 100%; display: block;text-decoration:none;
}

.PayOnline_Wrapper {display:inline-block;width:97%;padding:14px;}
.PayOnline_Wrapper_sub { padding:10px;padding-top:0px;}

.PO_Wrapperleft {float:left;overflow:auto;display:inline-block;}
.PO_WrapperRight {float:left;overflow:auto;display:inline-block;}

.PayOnlineRegister_Wrapperleft
{
   float:left; 
   padding-right:5px;
   top:0px;
   position:relative;
    
}

.wrapper_header_innerRight
{
    /*width:660px;*/
    height:80px;float:left;
}

#fadeshow1{border:2px solid orange;background-color:White;}


.PayOnlinelogin_Wrapperleft
{
    float:left; 
    padding-left:40px;
}


.PayOnlinlogin_WrapperRight
{
    padding:15px;
    float:left; 
    padding-left:20px;
    padding-top:0px;
   
}

.PayOnlineRegister_WrapperRight {
    float: left;
    top: -50px;
    position: relative;
}


.po_titlesub_bg 
    { height:30px;padding:3px;}

.page
{
    width: 974px;
    margin:  0px auto 0px auto;
  
   
}

.pageContent
{
   background-color: #fff;
   margin-left:0px;
  
   
}


.maintop
{
  /*height: 39px;*/
  font-size:20px;
  color:#fff;
  padding-left:10px;padding-top:2px;
  margin-top:65px;
    
}

.maintopSub{
    font-size:20px;
  color:#fff;
  padding-left:10px;padding-top:2px;
  margin-top:65px;
}

.maintopInternal
{
  height: 39px;
  font-size:20px;
  color:#fff;
  padding-left:30px;padding-top:5px;
    
}

    
.maintopTitle
{   
    font-size:22px;
    color:#fff;
    padding-left:10px;
    padding-top:15px;
    margin-top:13px;
    background-color:transperent;
    height:40px;
    /*float:right;*/
    margin-right:20px;
  
}



.main
{
 
  padding:5px;
  padding-bottom:5px;
  min-height: 485px;
    
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}


.grdstyle
{
     border:1px solid #8a0202;
}
.grdHeaderstyle {background-color:#8a0202;color:#fff;}
.grdRowstyle { color:#7a6568;font-size:15px;}


/* ------------------------ MAIN MENU ---------------------------------*/


div.menu
{
    padding: 4px 0px 4px 180px;
    font-size:20px;
    font-family:Arial Narrow;
    text-transform:uppercase;
    
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    border: 0px #ceb58d solid;
    color: #fff;
    display: block;
    padding: 4px 10px;
    text-decoration: none;
    white-space:nowrap ;
    float:left;
    font-weight:bold ;  

    
}

div.menu ul li a:hover
{
    color: #b42f20;
    text-decoration: none;
}


div.menu ul li a:active
{
    color: #cfdbe6;
    text-decoration: none;
}

.MenuWrapper {
    width: 100%;
    height: auto;
    display: block;
}
              

.MenuWrapper1111 {background-color: #c0c1c2; background: -webkit-linear-gradient(top, #f5f5f5, #c0c1c2); background: -moz-linear-gradient(top, #f5f5f5, #c0c1c2); background: -ms-linear-gradient(top, #f5f5f5, #c0c1c2); border-radius: 15px; padding: 10px 0; width: 900px; margin: 0 auto; box-shadow: 0 2px 3px #868686; font-size: 17px; line-height: 24px; text-align: center; color: #58595b; text-shadow: 0 1px 1px #fff; position: relative;}


#divMenu {height:auto;clear:both;width:100%;}


#navMenu {margin:10px 1px  10px  26px; padding: 0px;float:right; z-index: 9999; }
#navMenu li {list-style: none; margin: 0px; padding: 0px; float: left; position: relative;}

#navMenu a {
	background: url("images/layoutimages/btn_mainnav_bg.png") no-repeat 0px 0px; 
	font: bold 10pt/normal Arial, Helvetica, sans-serif; margin: 0px;
	 padding: 0px; color: rgb(0, 0, 0); 
	 text-decoration: none;
	 height:37px;
	 display: block; 
	 text-align:center;
	 padding-right:10px;
}


#navMenu li#myrentals a {
     background:  url("../../App_Themes/AmericanStorage/images/MyUnits-Roll.png") no-repeat;
    width:110px;
    opacity:0.75;
 
}

#navMenu li#myrentals a:hover {
   opacity:0.5;
 
}

#navMenu li#ChangePassword a {
   background:  url("../../App_Themes/AmericanStorage/images/MyAccounts-Roll.png") no-repeat;
    width:133px;
    opacity:0.75;
}

#navMenu li#ChangePassword a:hover {
   opacity:0.5;
}


#navMenu li#adminoptions a {
   background:  url("../../App_Themes/AmericanStorage/images/SettingRoll.png") no-repeat;
    width:133px;
    opacity:0.75;
}

#navMenu li#adminoptions a:hover {
   opacity:0.5;
}

#navMenu li#logout a {
   background:  url("../../App_Themes/AmericanStorage/images/Logout-Roll.png") no-repeat;
  width:101px; opacity:0.75;
}

#navMenu li#logout a:hover { opacity:0.5;}


#navMenuMob {
	margin:   10px 20px  10px  26px; padding: 0px;float:left; z-index: 9999; display:none;
}
#navMenuMob li {
	list-style: none; margin: 0px; padding: 0px; float: left; position: relative;
}
#navMenuMob a {
	background: url("images/layoutimages/btn_mainnav_bg.png") no-repeat 0px 0px; 
	font: bold 10pt/normal Arial, Helvetica, sans-serif; margin: 0px;
	 padding: 0px; color: rgb(0, 0, 0); 
	 text-decoration: none;
	 height:37px;
	 display: block; 
	 text-align:center;
	 padding-right:10px;
	 border:none;
}


#navMenuMob li#MObmyrentals a {
    background:  url("../../App_Themes/AmericanStorage/images/home.png") no-repeat;
    width:50px;
}   

#navMenuMob li#MObSettings a {
    background:  url("../../App_Themes/AmericanStorage/images/Logout.png") no-repeat;
    width:50px;
}

#navMenuMob li#MObGoBack a {
    background:  url("../../App_Themes/AmericanStorage/images/ChangePassword.png") no-repeat;
    width:50px; 
}

#navMenuMob li#MObGoBack a:hover ,#navMenuMob li#MObSettings a:hover,#navMenuMob li#MObmyrentals a:hover{ opacity:0.5;}


/* ------------------------ EOF MENU ---------------------------------*/

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

.submitButton
{
    text-align: right;
    padding-right: 10px;
}



/* Tenant Ledger style */

.TblBorderSilver {border:1px solid Silver;}
          
.TblNoBorder {font-size:11px; font-weight:bold;}        
          
.Title_BackColor_TxtRAlign {
    text-align: right;
    background-color: #e03c32;
    color:#fff;
    font-weight:bold;
}
      
.Title_BackColor_TxtCAlign {
    text-align: center;
    background-color: rgb(156,26,70);
    color:#fff;
    font-weight:bold;
}
.Title_BackColor_TxtLAlign {
    text-align: left;
    background-color: #e03c32;
    color:#fff;
    font-weight:bold;
}
      
.TxtLAlign,.Olabel
{
    text-align: left;
    background-color:#fffbd6;
        
}
      
.TxtRAlign {text-align: right;}
      

.grdHeaderstyleGrd  {}     
 
.grdHeaderstyleGrd th 
{
    background-image: url("images/layoutimages/header.gif");
    padding-left:5px;
    color:Black;
    text-align:left;
    background-color:#d65a5d;
    text-transform:uppercase;
}

.grdHeaderstyleGrd th.center
{
    background-image: url("images/layoutimages/header.gif");
    padding-left:5px;
    padding-left:5px;
    color:Black;
    text-align:center;
    background-color:#d65a5d;
    text-transform:uppercase;
}


 /* My Rentals */
 .myr_topcontent
 {
     font-weight: normal;color: #454547;
 }
 
 
   .tooltipMyUnits
 {
      font-size:13px;font-weight:bold;
      background-color:#fffedf;
      padding:8px;border:1px solid rgb(0,109,217);
      margin-bottom:10px;color:black;margin-top:0px;
   
 }
 
  .tooltip
 {
      font-size:12px;font-weight:bold;background-color:#fffedf;padding:5px;border:1px solid silver;
 }
 

 

 #UpdateProgressMain
 {
      position:fixed;
      top:0px;
      bottom:0px;
      left:0px;
      right:0px;
      background-color:gray;
      filter:alpha(opacity=40);
      opacity:0.4;
      vertical-align:middle;
      width:100%;
      z-index:99999;
 }

#Progress 
{
      position:fixed;
      top:275px;
      text-align:center;
      vertical-align:middle;
      width:100%;
      padding:20px;
     
}



/* ---------------- THEME CONTROL STYLES ----------------------*/

a.portalButtons,a.portalButtons:active,a.portalButtons:visited
{
    
  font-family:Calibri, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: normal; 
  font-size: 14px; 
  background-color: #9d232f; 
  background-repeat: no-repeat; 
  vertical-align:middle;
  text-align:center;
  text-decoration:none;
 color: #FFF; 
 border:0px solid #002d54;
 font-weight:bold;
 margin-top:3px;
 padding-left:30px;
 padding-right:30px;
 padding-top:8px;
 padding-bottom:8px;
}

a.portalButtons:hover {   font-size: 14px;  color: #fff; 
    text-decoration:none;
    background-color:#d05a5b; /*opacity:0.75;*/ }

.msgValidator {font-size:13px;color:DarkRed; padding-left:2px;}


/* Drop down Box Style  */
.DropDownHeight,.DropDownHeightFixed
{
    border: 1px solid #c4c4c4;
    padding: 6px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    min-height:30px;  outline: none;
    color: rgb(147, 149, 152);
    font-family:inherit;
    font-size:inherit;

}

/* Drop down Box Style End */



/* Text Box Style */
input.textboxstyle ,textarea.textboxstyle
{
    border: 1px solid #c4c4c4;
    padding: 3px 3px 3px 3px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
    
    background: 0px 0px rgb(255, 255, 255); 
    color: rgb(147, 149, 152); float: left;  
    font-family:inherit;
    font-size:inherit;
    margin-bottom:5px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    
}

input.textboxstyle:focus,textarea.textboxstyle:focus {
    outline: none;
    border: 1px solid #9da6b7;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    box-shadow: 0px 0px 8px #9da6b7;
    -moz-box-shadow: 0px 0px 8px #9da6b7;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

/* Text Box Style End */

/* ---------------- EOF THEME CONTROL STYLES ----------------------*/

  
/* ----------------------------- Modal Popup  ----------------------------------*/


.InnerModal
{
    width:97%; 
    background-color:#fff;
    border:1px solid #d9d9d9;
    display:inline-block;
    margin:15px;
    margin-top:-14px;
 }
 
 
 .payhead
{
      background-color:#0b5592;padding:5px;
      color:#ffffff;
      margin-bottom: 0px; font-size: 18px; font-weight: normal;
      text-align: center;
      width:auto; background-color:rgba(162, 19, 33, 1);
 }
 
.pay { padding:2px;padding-top:0px; }


/* ----------------------------- Ajax Modal Popup Window ----------------------------------*/

.modpnl {background-color:#d05a5b;z-index:99;}

.pnlpadding  { padding: 0px 10px 0px 10px;}
.pnlpaddingPay  { padding: 5px 5px 5x 5px;}


.dtlvGridPopUpHeader
{
    background-color:#d05a5b;
    color:#fff;
}

.dtlvGridHeaderPopupText{
    color:#fff;
    font-size:16px;
    font-weight:bold;
    padding-left:10px;
    float:left;
}
    
    
.detailgridEditPopUp{
    padding-left:5px;
    padding-right:5px;
   
}

.menusep
{
    float:left;
   font-size:20px;
    font-family:Arial Narrow;
    color:#fff;
    margin-top:2px;
 
}

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}


 /* ----------------------------- EOF Modal Popup  ----------------------------------*/
 
 



.poonline_outer {display:inline-block;height:auto;overflow:auto;}


/* ----------------------------- Schedule Moveout   ----------------------------------*/

.tdMoveOutDate {width:210px;text-align:left;}
.tdMoveOutDateCal {text-align:left;}

 /* ----------------------------- EOF Schedule Moveout  ----------------------------------*/



/* ----------------------------- AUTO PAY   ----------------------------------*/

#pnlCCUpdateConf {margin: 0px auto 0px auto;}

 /* ----------------------------- EOF AUTO PAY ----------------------------------*/


/* ----------------------------- One Time Payment  ----------------------------------*/

.PayOnline_Wrapperpay {display:inline-block;width:99%;padding:0px;}

.divUnitDetails { float: left; width: 50%;background-color:#fff;}
.divPayMyBilldetails { float: left; width: 50%;background-color:#fff;}

.payheadMyBill 
{
    font-family:inherit;
    background-color:transparent;padding:3px;border:0px solid silver;
    color:#000;
    margin-bottom: 0px; font-size: 24px; font-weight: normal;
    text-align: left;
}

#divPrePayMsg {padding: 5px; color: Red; width: 100%; font-size: 12px; background-color: White;font-weight: bold;}
#divPrePaymonths{color: #fff; float: none; padding: 8px;background-color: Gray; vertical-align: bottom;text-align: center;padding-top:10px;clear:left;}
#divCardDetails {margin-left:0px;}

#divLastPaymentDetails{ padding:8px;}
#divPrePayDetails { clear: both; width: 100%; padding-left: 5px; padding-bottom: 5px;padding-right: 5px;}

.divCardImage {text-align:center;vertical-align:middle;padding:20px;}
.cardPayfieldsLeft {width:170px;float:left;padding-left:10px;}
.cardPayfieldsRight {float:left;}
 
 /* ----------------------------- EOF One Time Payment  ----------------------------------*/
 

 /* ----------------------------- Contact Profile  ----------------------------------*/
 
 
.divProfile { float: left; width: 50%;background-color:#fff;}
.divProfileRight { float: left; width: 50%;background-color:#fff;}
.ProfilefieldsLeft {width:28%;float:left;}
.ProfilefieldsRight {width:72%;float:left;}

 /* ----------------------------- EOF Contact Profile   ----------------------------------*/


/* ----------------------------- My Account  ----------------------------------*/

#myaccwrapper       
{
    margin:0 0 0 0;
    overflow:hidden;
    border:0px solid #415A93;
    border: inset 0px #555;
    display:inline-block;
    width:auto;

}
                    
#myaccwrapper a.selected {background:#415A93;color:#333}
                         
#myaccwrapper li            
{
    font-size:inherit; list-style-type:none;margin-bottom:5px;
    margin-left:-20px;background: rgba(5, 21, 33, 0.8); 
    height:35px;
    

}
     
#myaccwrapper li  span          
{
    color:#A7190C;
    background:#A7190C;float:left;margin-right:10px;
    width:6px;
    height: 100%;
}
                    
                    
#myaccwrapper li a            
{
    font-weight: normal; 
    vertical-align:middle;
    text-align:left;
    text-decoration:none;
    color: #FFF; 
    border-style:none;
    border:0px solid #aedafd;
    padding:8px;
    padding-right:30px;
    cursor: pointer;
    display:block;
    font-weight:bold;
 
}



#myaccwrapper li a:hover {
    opacity: 0.75;
    padding:8px;
    padding-right:30px;
    background-color:#415A93;
}


/* -----------------------------EOF My Account  ----------------------------------*/

   
.mandatory{color:DarkRed;}  
.txtBold {font-weight:bold;}
.txtBoldBlack  {font-weight:bold;color:#000;font-size:13px;}

.pay_outer {border:0px solid #cb0101;padding:0px;margin-left:auto;margin-right:auto;}

.TblBorder { border:1px solid silver;font-size:12px;}

.TblBorder  td
{
   border:1px solid #d9d9d9 ;
}  
          
.TblBorder  th
{
     border:1px solid #d9d9d9 ;
}


.TblBorderfooter td,.TblBorderfooter th
{
     border:1px solid #d9d9d9 ;
     background-color:#727f89;
     color:#fff;
     font-size:13px;
     font-weight:bold;
}


.pnlpadding  { padding: 0px 10px 0px 10px;}
.pnlpaddingPay  { padding: 5px 5px 5x 5px;}

.pay_top_header
{
        text-align: center; font-size:16px; color: white; font-weight: bolder;
        background-color: #cb0101; height: 25px;vertical-align:middle;
}

.hideControl {display:none;}