/* CSS Document */
body { background-color: #FFF; margin: 0 auto 0 auto; }
 
h1, h2, h3, h4 { font-family: "helvetica neue", arial, "sans serif"; font-weight:bold; color: #1a682e; }

h1 { font-size: 18px; } 
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

h2.map { line-height: 0%; margin: 0 0 15px 0;  }

p, li { font-size: 12px; line-height:20px; color: #000; }

p, li, #footer, .homeReasons, #noColumnsBody ul a, #footer a, ol li, div.interiorReasons,  #towerBodyContainer { font-family: "helvetica neue", arial, "sans serif";}

/*********************  Named Object Positioning and Styling *****************************/

#container { width:950px; margin-right:auto; margin-left:auto; margin-top:0; margin-bottom:0; padding:0; background-color:#FFF; }

#header { padding: 0 0 0 24px; }

#mainNav { width:939px; background: url(/public/images/nav-background.gif) repeat-x; padding-left:11px; }

#homeFlashContainer {width:950px; height:196px; margin:0; padding:0; background: #1a682e; }

#interiorFlashContainer {width:950px; height:130px; margin:0; padding:0; background: #1a682e; }

#homeLeftColumn { width:593px; padding: 0 24px 13px 24px; margin:0; float:left; }

#homeBodyContainer { background:url(/public/images/home-body-background.gif) repeat-y; min-height:1px; }

#homeRightColumn { width:300px; background-color: #337499; margin:0; padding:0; float:left; }

#interiorBodyContainer { background:url(/public/images/interior-body-background.gif) repeat-y; min-height:1px; width:950px; }

#towerBodyContainer { min-height:1px; width:902px; padding: 0 24px 0 24px; font-size:12px; }

#noColumnsBody { min-height:1px; width:902px; padding: 0 24px 13px 24px; }

#interiorLeftColumn {  width:672px; padding: 0 24px 13px 24px; margin:0; float:left;}

#interiorRightColumn { width:230px;	background-color: #337499; margin:0; padding:0; float:left; font-family: Georgia, "Times New Roman", Times, serif; color:#FFF; line-height:19px; font-size:14px; }

#footer { margin: 0; border-top: #337499 solid 12px;  font-size: 11px; line-height:18px; color: #1a682e; }

#footerLeft { width:451px; float:left;padding: 10px 0 10px 24px; }

#footerRight { width:451px; float:left;text-align:right; padding: 10px 24px 10px 0; }

.homeReasons { width:241px; padding:15px 15px 14px 53px; margin: 5px 0 5px 0; background-color:#c0d9e2; background-image:url(/public/images/home-reason-arrow.gif); background-repeat:no-repeat; background-position:center left; font-size:14px; line-height: 16px; font-weight: bold; }

.whiteHeader  { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color:#FFFFFF; line-height:18px; font-size:16px; margin-left: 16px; }

div.whiteHeader { width:285px; padding: 15px 0 15px 0; }

div.interiorReasonsHeader { width:220px; padding: 15px 0 15px 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color:#FFFFFF; line-height:18px; font-size:12px; margin: 0 0 0 16px;}

div.interiorReasons { width:175px; padding:15px 15px 14px 40px; margin: 5px 0 5px 0; background-color:#c0d9e2; color: #000; background-image:url(/public/images/interior-reason-arrow.gif); background-repeat:no-repeat; background-position:center left; font-size:12px; line-height: 16px; font-weight: bold; }


div.clearBoth { clear:both; }


/*********************  Login Forms Style *****************************/

.blueLogin { margin-left: 16px; }

.loginlink a, #wlpeLoginInterior a, #wlpeLoginInterior, #wlpeUserInterior, #wlpeLoginForm, #wlpeLoginFormInterior, #wlpeUserFormInterior a, #wlpeUserForm a {font-family: "helvetica neue", arial, "sans serif"; font-weight: normal;}

.loginlink a, #wlpeLoginInterior a, #wlpeLoginFormInterior, #wlpeUserFormInterior a, #wlpeUserForm a, #wlpeLoginForm { font-size: 11px ; color: #FFF; text-decoration:none; background: #337499; }

.loginlink a:hover, #wlpeLoginInterior a:hover, #wlpeUserFormInterior a:hover, #wlpeUserForm a:hover { text-decoration:underline; }

#wlpeUserFormTower a, #wlpeLoginFormTower a { color: #1a682e; text-decoration:none; }

#wlpeUserFormTower a:hover, #wlpeLoginFormTower a:hover { text-decoration: underline; }

#wlpeLoginTower { width: 500px; float: right; text-align: right; color: #000; font-family: "helvetica neue", arial, "sans serif"; font-weight: normal; font-size: 11px; padding: 3px 0 3px 24px; }

#wlpeLoginFormTower input { color:#000; font:  11px "helvetica neue", arial, "sans serif"; background-color:#FFF; border:1px solid; padding-top:2px; border-color: #337499;} 

#wlpeLoginInterior, #wlpeUserInterior { color: #FFF; background: #337499; font-size: 11px; font-weight:bold; padding: 3px 3px 3px 24px; }

#wlpeLoginInterior { width:923px; }

#wlpeUserInterior { width:902px; }

#wlpeLoginForm input, #wlpeLoginFormInterior input { color:#337499; font:  11px "helvetica neue", arial, "sans serif"; background-color:#FFF; border:1px solid; border-color: #337499 #444 #444 #337499; }

#wlpeLoginButton, #wlpeLogoutButtonInterior, #wlpeProfileButtonInterior { color:#337499; font: 11px "helvetica neue", arial, "sans serif"; background-color:#c0d9e2; border:1px solid; border-color: #337499 #444 #444 #337499; }

#wlpeReminderButton, #wlpeRegisterButton { color:#FFF; font:  11px "helvetica neue", arial, "sans serif"; background-color:#337499; border:0px solid; border-color: #337499 #444 #444 #337499; }

.wlpeButtonTower { color:#FFF; font: 11px "helvetica neue", arial, "sans serif"; background-color:#1a682e;; border:1px solid; }

#wlpeUserInfo { width:270px; padding: 15px; }

#wlpeUserInfo p { color: #FFF; }

.wlpeMessageText { font-size: 11px ; color: #FFF; text-decoration:none; }

div.siteImages { float: left; border:1px solid; border-color:#337499; margin: 7px 0 7px 15px; text-align:center;}

.siteImagesHeader { font-size: 11px; font-weight:bold; color: #1a682e;  }
.siteImagesDescription { font-size: 10px; }

.required { color: red; }

/*********************  Register Form Style *****************************/

#wlpeRegisterInfo {  }
#wlpeUserRegisterForm legend {    color: #000000;  font-weight: bold;}
#wlpeUserRegisterForm fieldset, #wlpeResetForm fieldset, #wlpeActivate fieldset, #wlpeUser fieldset {  margin: 0;  padding: 0; border: 0; }
#wlpeUserRegisterForm fieldset ol, #wlpeActivate fieldset ol, #wlpeUser fieldset ol {  padding: 5px 5px 0 5px;  list-style: none; } 
#wlpeUserRegisterForm fieldset li, #wlpeActivate fieldset li, #wlpeUser fieldset li {  float: left;  clear: left;  width: 100%;  padding: 0 0 5px 0; }
#wlpeUserRegisterForm label, #wlpeActivate fieldset label, #wlpeUser fieldset label {   float: left;  width: 200px;  margin-right: 5px; }
#wlpeUserRegisterForm .wlpeRegisterButton, #wlpeResetForm .wlpeResetButton, #wlpeActivate .wlpeResetButton, #wlpeUser .wlpeProfileButton { color:#337499; font: 11px "helvetica neue", arial, "sans serif"; border:1px solid; border-color: #337499 #444 #444 #337499; }
#wlpeNewUser .wlpeMessageText, #wlpeReset .wlpeMessageText, #wlpeUser .wlpeMessageText { font-size: 12px ; color: red; text-decoration:none; }


/*********************  Links *****************************/

#interiorLeftColumn a, #homeLeftColumn a, #noColumnsBody a, #noColumnsBody ul a, #towerBodyContainer a { color: #1a682e; text-decoration:none; font-weight: bold; font-size: 12px; }

#interiorLeftColumn a:hover, #homeLeftColumn a:hover, #noColumnsBody a:hover, #noColumnsBody ul a:hover,  #towerBodyContainer a:hover { text-decoration:underline; }

#towerBodyContainer a { color: #1a682e; text-decoration:none; font-weight: bold; font-size: 12px; }
#towerBodyContainer a:hover { text-decoration:underline; }



div.interiorReasons a { color: #1a682e; text-decoration: none; }

#footer a { font-size: 11px; line-height:18px; color: #1a682e; text-decoration:none; }

#footer a:hover, div.interiorReasons a:hover { text-decoration:underline; }


/********************* Lists  *****************************/

#interiorRightColumn ul { margin: 0; padding: 0 20px 0 20px;  list-style-type: square; }

#interiorRightColumn ul li { padding-top:10px; }

ol li{ font-size: 12px; line-height:20px; color: #000; }


/*********************  Start Google Maps Styling *****************************/

.gmPopup { font-size: 8px }

#content { }
#map_canvas { width: 672px; height: 500px; float: left;}
#sidebarcontainer { width: 215px; height: 500px; float: left; padding-left: 15px; font: 12px "helvetica neue", arial, "sans serif"; }
#sidebarcontainer .labels, #towerBodyContainer .labels {font-family: "helvetica neue", arial, "sans serif"; font-weight:bold; color: #1a682e; font-size:12px; }
#sidebar { overflow: auto; height: 180px; border: 1px dotted; border-color: #337499; }
#sidebarcontainer form {  } 
#sidebarcontainer form select, #sidebarcontainer form input, #sidebarcontainer form textarea { color:#337499; font: 12px "helvetica neue", arial, "sans serif"; border:1px solid; border-color: #337499; margin-bottom: 5px;}
#sidebarcontainer form button { color:#337499; font: 12px "helvetica neue", arial, "sans serif"; border:1px solid; border-color: #337499 #444 #444 #337499; }

/** Google Pano Styling **/

.noshow { display: none ;}


/******************** Over lay help for bulk search *****************************/

/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(/public/images/overlay/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(/public/images/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(/public/images/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(/public/images/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}