@import url("Fonts.css");
@import url("_form.css");
@import url("themes/hoa/theme-shared.css");
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body{
margin:0;
padding:0;
}

#container { margin:auto; text-align: center; }
#container #main {text-align: left; min-height: 20em;}

#header { min-height: 8em; }
#header #management-company {float:left; display: block; width: 240px; margin: 0; height: 5em; position:relative;}
  #header #management-company a {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
  }

#header #management-company img {max-width: 90%; position:relative; margin-left:auto; margin-right:auto;display: block;} 

#menu-container { width: 960px;  margin: auto; display:block; overflow: hidden; }
#menu-container div.menu { padding: 2px 0; display:block; margin-top: -0.5em; height: 28px;text-align: center;} 
#menu-container div.menu ul { }
#menu-container div.menu li {display: block; float: left; list-style-type: none;  color: White; }
#menu-container a.menu { padding: 0 2em ; color: White; font-weight: bold; font: 75% veranda, sans-serif; vertical-align: top; text-decoration: none; }
#menu-container li.active a.menu { pointer-events: none;  border-bottom: 1px solid; }
.mocha #menu-container li.active a                     {cursor: default;}
#menu-container #phone {float: right; display: block;}
#menu-container a.menu-image {height: 40px; width: 90px; display: block; }
#menu-container a.menu{font-size: 10px;}
#main #content{float:left; padding-left: 1em; width: 580px;}
#main #home .left{float:left; width: 25%;  margin-right: 1em;}
#main  #show-survey{clear:both; width: 100%;}
#main  #show-survey .question{clear:both; margin-top: 1em; }
#main  .header {padding: 0.5em; font-size: 90%; font-style: bold; display: inline;}
#main .image {float:left; border: 1px solid; padding: 3px; margin-bottom: 0.5em;}

#main  #show-survey .percentage .container{width: 8em; border: 1px solid #eee; display:block; height: 1em;}
#main  #show-survey .percentage .container .value{display:block; height: 1em; background-color: #8ee5ee; }

#main {width: 960px; margin: auto; line-height: 1.4em;}
#main h2 {font-size: 14px; text-transform:capitalize; color: #333;}
#main h3 {font-size: 12px;}
#main h1 {font-size: 16px; border-bottom: 1px solid;}
#main {font-size: 11.5px; color: #333;}
#main #whats-new-date {font-size: 11px; color: grey;}
#main #whats-new {display:block; font-size: larger; font-weight: bold; font-size: 90%;  padding: 0.5em; width: 8em; text-align: center;}
#main #news-list td.date { width: 8em; vertical-align: top; padding-left: 0.5em;}
#main #news-list td.news-item{ margin-top: 1em;}
#main #content {padding-left: 1em;}

#ver-minimalist.provider td {vertical-align: top;border-bottom: 1px solid #c08020;}
#ver-minimalist.provider .left span.name {font-weight: bold; margin-bottom: 1em; clear: both; display: block;}
#ver-minimalist.provider .left span.email{; margin-bottom: 1em; clear: both; display: block;}
#ver-minimalist.provider .right span {font-weight: bold; }
#ver-minimalist.provider .right span.truncate_more {font-weight: normal; }
#ver-minimalist.provider .right p{margin-top: 2px; }

#main .provider .data .left {padding: 1em 0; width: 14em;}
#main .provider .data .right{padding: 1em 0;}

#ver-minimalist  a {padding-right: 1.5em; }
#ver-minimalist .title,
#ver-minimalist .name {color:#333; }
span.authorization_level_1  {background: url("/Images/lock-bullet-green.png") no-repeat right; }
span.authorization_level_1.locked {background: url("/Images/lock-bullet.png") no-repeat right; }

#footer { padding-top: 1em; border-top: 1px solid  #47a2d9; width: 960px; margin:auto; margin-top: 2em; display: block; clear: both; min-height: 4em; font-size: 13px;} 
#footer div.copyright { display: block; float: left; }
#footer div.menu { width: 64%; display: block; float: left; }
#footer div.menu ul { display: block; float: right; }
#footer .menu { margin-top: -1em; text-align: right; } 
#footer .menu li { display: block; float: left; list-style-type: none; padding: 3px; }
#footer a.menu { border-left: 1px black solid; padding-left: 3px; font-weight: bold; font: 75% veranda, sans-serif; vertical-align: top; text-decoration: none;}
#footer .menu li:first-child a { border: 0px; }
#footer .menu a.menu.active { pointer-events: none; cursor: default; font-weight: bold; color: brown; font-size: 80%;}

#contact-us {margin-bottom: 3em;}
#contact-us td.left {width: 35%; padding: 0 1em; border-right: 1px solid lightgray; font-size: 11px; vertical-align: top;}
#contact-us td.left p {margin: 0px;}
#contact-us td.right{width: 70%; padding-left: 1em;}
#contact-us #address {margin: 0 0 0 6em; width: 30%; border-right: 1px solid gray; height: 10em;}
#contact-us #address p {margin: 0;}
#contact-us #attachment .qq-upload-button {margin: auto;}
#contact-us fieldset  {width: 250px; margin-left: 12.5em;}
#contact-us .action {float: right; width: 270px; text-align: center;}
#home img {min-width:120px; max-width: 250px;}
div.ui-dialog  {min-width: 330px; font-size: smaller;}

#content.documents h2 { color: #333;}

#content.documents li span span { padding-right: 1.5em;}
#alternate-urls a {border-left: 1px solid; padding-left: 0.5em;}
#alternate-urls a:first-child {border-left: none;}

table.answers td {
   padding-left: 10px;
}  
.bold {
   font-weight: bold;
}
#campagin-link img 
{
  max-width: 50px;
  max-height: 50px;
}
.hidden {
  display: none;
}