/* ======== #1 - Common block level/Layout content (classes used in TopLevel) ======== */
  body {
    font-family:  Verdana, Arial, sans-serif;
    aabackground: #c4c6c8 url(/template_images/layout/pageBG.gif) repeat-x fixed top;
    aabackground: #c4c6c8;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    color:#2E0D02; 
    }
      
  table {
    width:100%;
    }
    
  td {
    vertical-align:top;
    }


  table.layout {
    width: 770px;
    margin: 0 auto 0 auto;
    border: 0;
    background: #FFFFFF; 
    font-size: 11px;
  }
  
  td.leftContent {
    padding: 0px 0px 22px 0px;    
    background: #f2f2f2 url(/template_images/layout/left_bg.gif);
    color:#476083;
    }
    
  td.mainContent {
    padding: 22px 8px 22px 23px; 
    color:#333;
    }
    
  td.rightContent {
    padding: 22px 8px 22px 8px; 
    color:#333;
    }
		
  .mainContent table {  
    font-size: 11px;
    color:#333;
    }

  div.leftContent {
    padding: 2px 23px 0px 23px;
    }

  /* ======== #2 - Common inline/formatting ======== */

  /*{{{ ======== #2 - A:  Standard Items (all sites use)  */
 
   a:link {
    color: #476083;
    text-decoration: none;
    }
  a:visited{
    color: #476083;
    text-decoration: none;
    }
  a:hover {
    color: #263346;
    text-decoration: underline;
    }
  a:active {
    color: #ca2929;
    text-decoration: underline;
    }		
  
    
  h1 {
    font-family:  'Trebuchet MS', sans-serif, Verdana, Arial, sans-serif;
    font-size: 14px;
    color:#333333;
    margin-top:12px;
    margin-bottom:8px;
    font-size:16px;
    }

  h2 {         
    font-family:  'Trebuchet MS', sans-serif, Verdana, Arial, sans-serif;
    font-size:12px;
    color:#007cc2;
    font-weight : normal;    
    margin-top:18px;
    margin-bottom:6px;
    } 
    
    
  h3 {
    border-bottom:1px solid #333;
    font-size:10px;
    color:#000;    
    font-weight : bold;
    padding-bottom:2px; 
    margin-top:12px;
    margin-bottom:4px;    
    } 

  .text {
    font-size:11px;
    line-height:16px;
    }
    
  /* property override */  
  .generalcomments .text {
    font-size:10px;
    line-height:12px;
    }
    
  .small {
    font-size:9px;
    }

  strong {
    font-weight:600;
    }

  b {
    font-weight:600;
    }

  .nowrap {
    white-space:nowrap;
    }

  ol {
    list-style-type : decimal;
    }

  ul {
    list-style-type : square;
    }

  li {
    list-style-position : outside;
    }

  label {
    cursor: hand;
    }
    
  div.msg {
    padding: 2px;
    border:1px solid #aaa;
    font-size:9px;
    background-color:#ffffcc;
    }
  
  .msg_success {
    color:#007DC3;
    font-weight:bold;
  }
  .msg_warning {
    color:#ca2929;
    font-weight:bold;
  }   
  .msg_error {
    color:#EE2B2B;
    font-weight:bold;
  }
    
   /* controls spacing around each item in a search result, ie news, events, etc. */
  .listing {
    margin-bottom:12px;
  }

  /* common simple paging */

   .simplePaging { 
    width: 100%;
    font-size: 8pt;
    margin-top: 5px;

  }	
  .pagingPrev { 
    width: 42%;
    text-align:right;
    vertical-align: middle;
    padding-top: 3px;
    white-space: nowrap;
  }	
  .pagingPage { 
    width: 16%;
    text-align:center;
    vertical-align: middle;
    padding-top: 3px;
    white-space: nowrap;
  }	
  .pagingNext { 
    width: 22%;
    vertical-align: middle;
    padding-top: 3px;
    white-space: nowrap;
  }	
  .pagingJump { 
    width: 20%;
    vertical-align: middle;
    text-align:right;
    padding-top: 3px;
    white-space: nowrap;
  }	
   
  /* pageControls - ie printerFriendly, email this page */

  .pageControls { 
    margin: 0px;
    padding:3px 6px 3px 6px;
    width: 100%;
    text-align: right;
    font-size: 10px;
  }

  /* printer Friendly */    
  .printerFriendlyHeader { 
   display: none;
   visibility:hidden;
  }
  .printerFriendlyFooter {
    display: none;
  } 
  
  
  /*}}}*/
   
  
  /* patch in from modules to hide */
  .documentListCollectionSummary {
    display: none;
    visibility: hidden;
  }
  
  

  /*{{{ Navigation */
  
  div.leftNav {
    text-align: right;
    margin:29px 23px 44px 0px;
    testborder:1px solid blue;
    }
    
  div.leftNav div.link {
    margin:0px 0px 14px 0px;
    }
  div.leftNav div.searchfield {
    testborder:1px solid red;
    color:#000;
    text-align:right;    
    }
    
    
    /* not used */
  ul.leftNav {
    list-style: none;
    margin: 0;
    margin:0px 12px 0px 0px;
    background-color:#DDD;
    width:120px;
  }
  /* not used */
  ul.leftNav li {
    padding: 0;
    margin: 0 0 14px 0;
  }
  
  
/*   ul.leftNav li a:link {text-decoration: none;}
  ul.leftNav li a:visited {text-decoration: none;}
  ul.leftNav li a:hover {text-decoration: none;color:#000;afont-weight:bold;}
  ul.leftNav li a:active {text-decoration: none;color:#000;afont-weight:bold;} */
    
    
  
/*}}}*/

    
    
    
  /*{{{ footer */
          
  td.footer {
    text-align: center;
    padding: 0;
    color:#a9a9a9;
    background: #FFF;
    font-size: 9px;
    font-weight: normal;
    margin: 0 auto 0 auto;
    border: 0;
    asborder-bottom: 1px solid #aab8c7;
  }
  

  td.footer  a:link {
    color:#a9a9a9;
    text-decoration: none;    
    }

  td.footer a:visited {
    color:#a9a9a9;
    text-decoration: none;
    }

  td.footer a:hover {
    color:#007cc2;
    text-decoration : none;
    }
    
  td.footer a:active {
    color:#000000;
    text-decoration : none;
    } /*}}}*/


   .pageMetaInfo TH.cmscontent-border{
     font-size: 10px;
     background-color: #cfcfcf;
   }

   .pageMetaInfo TD.cmscontent-border{
     font-size: 9px;
   }

   
   
   
/*{{{ ======== #5 - Forms ======== */

  input {
    background-color:#f8f8f8;
    color:#434343;
    font-size: 11px;
    }

  input.textbox {
    background-color:#FFFFFF;
    color:#434343;
    font-size: 11px;
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #DDDDDD;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #DDDDDD;
    }

  textarea {
    background-color : #f8f8f8;
    color:#434343;
    font-size:11px;
    }

  select {
    background-color :  #f8f8f8;
    color:#434343;
    font-size: 11px;
    }
    
  input.submit {
    background: #f2f2f2;
    color:#000;
    font-size: 11px;
    font-weight: bold;
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    cursor:pointer;
    }
  input.submitover {
    background: #FFFFFF;
    color:#000;
    font-size: 11px;
    font-weight: bold;
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    cursor:pointer;
    }    
    
  input.searchBox {
    background-color:#FFFFFF;
    color:#434343;
    font-size:11px;
    height:18px;
    width:150px;
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #DDDDDD;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #DDDDDD;
    }
    
  input.searchButton {
    cursor:hand;
    background-color:#6F6F6F;
    color:#ffffff;
    font-size: 11px;
    font-weight:bold;
    height:18px;
    border-top:1px solid #D7D7D7;
    border-bottom:1px solid #333333;
    border-left:1px solid #D7D7D7;
    border-right:1px solid #333333;
    margin-left:2px;
    margin-right:2px;
    }
    
  .submitbutton{
    width:100%;
    text-align:right;
    margin-top:1em;
    }    
/*}}}*/
    
/* registration form, etc */
table.form {
    width:550px;
    margin:6px 0px 20px 0px;
    background-color:#FFFFFF;
    color:#434343;
    font-size: 10px;
    aborder-top:2px solid #cbcdce;
    aborder-bottom:2px solid #cbcdce;
    aborder-left:1px solid #CCCCCC;
    aborder-right:1px solid #DDDDDD;
}

table.form td {
  padding:4px 8px 4px 0px;
  text-align:left;
  border-top:1px solid #DDD;aborder-right:1px solid #DDD;
}
    
  table.form input, table.form password, table.form textarea,  table.form select {
    width:200px;
  }
  
  table.form textarea {
    height:100px;
  }
  

    
    

 /*{{{ ======== #5 - Rich Content ======== */
   table.content {
     padding: 0px 1px 1px 0px;
     border-right: 2px solid #6F6F6F;
     border-bottom: 2px solid #6F6F6F;
    }

  th.contentsection {
    vertical-align:top;
    text-align:left;
    font-weight:bold;
    padding:9px 4px 2px 2px;
    color:#6A943E; 
    }

  th.content {
    
    vertical-align:top;
    text-align:left;
    border-bottom : 1px solid #6F6F6F;
    padding:4px 2px 2px 8px;
    background-color:#E8D155;
    color:#ffffff; 
    }

  td.content {
    white-space:normal;
    vertical-align:top;
    padding : 4px 8px 4px 8px;
    background-color : #ffffff;
    border: 1px solid #6F6F6F;
   
    }

  .strong {
    font-weight:bold;
    }
    
  .weak {
    font-style:italic;
    }
    
  .image-left {
    margin: 0px 10px 5px 0px;
    text-align:left;
    }

  .image-right {  
    margin: 0px 0px 5px 10px;
    text-align:right;
    }

  .image-inline {
    margin: 0px 10px 5px 10px;
    text-align:center;
    }

  .image-caption {
    position:relative;
    color:#434343;
    font-size:.9em;
    }

/*}}}*/


 /*{{{ ======== #6 - Search ======== */
   table.searchresultcontainer {
    border: 1px solid #007cc2;
    margin-top:25px;
    margin-bottom:20px;
    font-size:11px;
    }
  th.searchresultcontainer {      
    padding:4px;
    background-color : #007cc2;
    font-weight:bold;
    color:#ffffff;
    text-align:left; 
    font-size:11px;
    }
  td.searchresultcontainer_morelink {
    background-color:#f2f2f2;
    text-align:right;
    padding:3px;
    font-size:11px; 
    }

  table.searchresult {
    margin-top:6px;
    padding:0px;
    font-size:12px;
    }
  td.searchresult_icon {
    padding:2px 6px 0px 6px;
    }
  td.searchresult_link {
    padding:2px 8px 4px 0px;
    }
  td.searchresult_lastmodified {
    padding:2px 4px 6px 0px;
    white-space: nowrap;
    font-size:10px;
    color:999999;
    }
  td.searchresult_summary {
    padding:0px 0px 6px 0px;
    }
  td.searchresult_details {
    padding:0px 0px 14px 0px;
    font-size:10px;
    color:666666;
    font-style:italic;
    }

    
  table.advancedsearchform {
    width:100%;
    }
  
  td.advancedsearchform {
    vertical-align:top;
    padding: 10px;
    margin: 0px;
    } /*}}}*/

    

    
    
  /* Property  */
    

  table.property {
    font-size:10px;
  }
    
  table.property th {
    vertical-align:top;
    text-align:left;
    font-weight:bold;
    font-weight:normal;
    color:#333;
    width:200px;
    padding:2px 8px 2px 0px;
    wasborder-bottom:1px solid #EEE;
  }
    
  table.property td {
    vertical-align:top;
    padding:2px 0px 2px 0px;
    wasborder-bottom:1px solid #EEE;
    font-weight:bold;
    font-weight:normal;
    color:#333;
  }
    
  table.property  h2 {
    font-variant:small-caps;
    margin-top:18px;
    margin-bottom:0px;
    letter-spacing:1px;
    } 

    
  table.units {
    font-size:9px;
  }
  table.units th {
    text-align:left;
    font-weight:normal;
    width:110px;    
    padding:1px 8px 1px 18px;
    border-bottom:none;
    border-top:1px solid #DDD;border-right:1px solid #DDD;
  }
  table.units td {
    padding:1px 0px 1px 2px;
    border-bottom:none;
    border-top:1px solid #DDD;
  }
  
  
    
  /* Property Page Associated Documents */
    
  .PropertyDocManager  { 
     text-align:right;
  }
    
  
  .PropertyDocManager .documentListTitle {
    color:#000000;
    font-weight: bold;
    margin-bottom: 4px;
    font-variant:small-caps;
    white-space:nowrap;
  }
  
  .PropertyDocManager .documentListDocument {
    margin-bottom: 8px;
    debugborder:1px solid blue;
  }  

  .PropertyDocManager .resourceContainer {
    margin-bottom: 8px;
    width:100%;
    debugborder:1px solid green;
  }  

  
  .PropertyDocManager .documentListTitle .documentListCollectionLink:hover {
    color:#000000;
    text-decoration: none;
    cursor:default;
  }
  .PropertyDocManager .documentListTitle .documentListCollectionLink:link {
    color:#000000;
    text-decoration: none;
  }
  .PropertyDocManager .documentListTitle .documentListCollectionLink:visited {
    color:#000000;
    text-decoration: none;
  }

  .comparisonPanel h2 {
     margin:0px 0px 6px 5px;
     padding:0px 0px 0px 0px;
     font-size:11px;
   }
   
 
 
  /* general purpose flyout menu (eg: go to staging|Logout box (doc manager seems to use this too!) */
  .slidemenu { 
    position:absolute;
    visibility:hidden;
    overflow:hidden;
    z-index:1;
    margin:0;
    padding:0px;
    border:1px solid #6f6f6f;
    margin-top:1px;
    background-color:#FFFFFF;
    width:100px;
    font-size:11px;
    text-align:left;
  }
  
  .menulink{
    padding-left:12px;
    padding-right:12px;
    padding-top:2px;
    padding-bottom:3px;
    cursor:pointer;
    TEXT-DECORATION: none;
    color: #000000;
  }
  .menulinkup{
    padding-left:12px;
    padding-right:12px;
    padding-top:2px;
    padding-bottom:3px;
    cursor:pointer;
    background:#b3dcea;
    TEXT-DECORATION: none;
    color: #000000;
  }
    
   /* Blogs */
   
   .blogIdx {
     text-align:right;
     padding:10px 0 20px 0;
     margin:0;
   }
   
   .blog{
     text-align:inherit;
     padding:10px 0 0 0;
     margin:0;
   }
   
   .blog .small{
     font-style:italic;
     color:#999;
   }
   
   .blog .text{
     margin:5px 0 5px 0;
   }
   
   /* canned searches */
   
   .cannedSearch {
     padding:10px 0;
   }
   .cannedSearch .searchHeader{
     border-left:6px solid #007CC2;
     padding:0 0 0 6px;
     margin:0;
   }
   .cannedSearch .searchHeader h4{
     font-family:  Verdana, Arial, sans-serif;
     font-size:14px;
     margin:0 0 2px 0;
     padding:0;
   }
   .cannedSearch .searchLinks ul{
     margin:0 0 0 5px;
     padding:10px 0 0 0;
     border-left: 1px solid #e0e0e0;
   }
   
   .cannedSearch .searchLinks ul li {
     list-style-type:none;
     list-style-position:outside;
     line-height:6px;
     margin:0 0 1em 12px;
   }
   
   * html .cannedSearch .searchLinks ul li {
     margin:0 0 1em 14px;
   }
   
   .cannedSearch .searchLinks ul li.active {
     list-style-image:url(/template_images/arrowr.gif);
   }
   .searchLinks {
      margin-top: 4px; 
   }
   
   /* Watched Properties */
   
   #watchIcon{
     margin:2px 7px -2px -1px;
   }
   
   h1#propertyTitle {
     margin-bottom:0;
   }
   
   
 /* Submarket Stats Table */
 
 #submarketStats th {
background-color:#cacaca;

}

#submarketStats {
border:thin solid #bab9b9;
border-collapse: collapse;
}

#submarketStats .odd{background-color: white;} 
#submarketStats .even{background-color: #f4f4f4;} 

#submarketStats tr {
border:thin solid #bab9b9;
}

.clear {
  clear:both; 
}

.photoList {
  padding: 0;
  margin: 0;
}

.photoList li {
  border-top: 1px solid #9ED9F7;
  list-style-type: none; 
  clear: both;

 
}

.photo_item {
  padding-top: 8px;
  width: 100%;
}

.photoList li div {
  float: left;
  
  
}

.photoList li div.info {
  padding: 0 0 0 12px; 
}

.photo_link {
 float:right;  
 margin-top: 12px;
}

.photo_title {
 width: 70%;
 float:left;
 
}

.submarket-link {
  font-size: 12px;
  font-weight: bold;
  
}


/* google maps */
#property-locator {
  width:548px;
  height:350px;
  border: 1px solid #ddd;
}




.roundedcornr_box {
	background: url(/template_images/layout/corners/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
	background: url(/template_images/layout/corners/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom {
	background: url(/template_images/layout/corners/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom div {
	background: url(/template_images/layout/corners/roundedcornr_br.png) no-repeat bottom right;
}
.roundedcornr_content {
	background: url(/template_images/layout/corners/roundedcornr_r.png) top right repeat-y;
}
.roundedcornr_box {
  width: 250px; 
  color: #fff;
  
}
.roundedcornr_box a {
    color: #fff;
}

.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
	width: 100%;
	height: 29px;
	font-size: 1px;
	
}

.update-button .content {
  padding: 8px; 
  text-align: center;
}
.update-button {
  background-color: #007CC2;
  color: #fff;
  
}
.update-button {
  margin-top: 4px;
  float: left;
}

.update-button a {
    color: #fff;
}
.update-button a:hover,
.update-button a:visited {
  color: #fff !important; 
}

.update-button .content .tall {
  font-weight: bold;
  font-size: 14px;
}


.roundedcornr_content .content {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 11px;
  text-align: center;

}
.roundedcornr_content .content .tall {
  font-weight: bold;
  font-size: 14px;
}
.roundedcornr_content, .roundedcornr_bottom {
	margin-top: -15px;
}
.roundedcornr_content {
  padding: 0 15px; 
  min-height: 50px;
}
.small-box {
  width: 200px !important
}

h2.heading {
  font-size: 14px;
  font-weight: bold;
}

#submarket-list ul {
  margin: 0;
  padding: 0;
}
#submarket-list ul li {
  list-style-type: none;
 /* float: left; */
  width: 250px;
  
  padding: 0 0 12px 0;
}
.show-hide-submarket {
  text-align: right;
  margin-bottom: 12px;
}

.sm-item {
  cursor:pointer;
}
.col-1 {
  margin-left: 20px; 
}
.col-1,
.col-2 {
  float: left; 
}

#legend ul  {
  margin: 0 0 0 20px; 
  padding: 0px;
}
#legend ul li {
  list-style-type: none; 
  padding: 0 0 12px 22px;
  
}
.lcol-1,
.lcol-2,
.lcol-3 {
   float: left;
   width: 160px;
}


.ns {
  background:url(/template_images/layout/pins/green/4.png) no-repeat; 
}
.cs {
  background:url(/template_images/layout/pins/yellow/4.png) no-repeat; 
}
.da {
  background:url(/template_images/layout/pins/blue/4.png) no-repeat; 
}
.so {
  background:url(/template_images/layout/pins/orange/4.png) no-repeat; 
}
.pw {
  background:url(/template_images/layout/pins/red/4.png) no-repeat; 
}
.th {
  background:url(/template_images/layout/pins/grey/1.png) no-repeat; 
}
.lr {
  background:url(/template_images/layout/pins/grey/2.png) no-repeat; 
}
.mr {
  background:url(/template_images/layout/pins/grey/3.png) no-repeat; 
}
.hr {
  background:url(/template_images/layout/pins/grey/4.png) no-repeat; 
}
.sf {
  background:url(/template_images/layout/pins/grey/5.png) no-repeat; 
}
.dx {
  background:url(/template_images/layout/pins/grey/6.png) no-repeat; 
}
.rlr {
  background:url(/template_images/layout/pins/grey/7.png) no-repeat; 
}
.lft {
  background:url(/template_images/layout/pins/grey/8.png) no-repeat; 
}
.stk {
  background:url(/template_images/layout/pins/grey/9.png) no-repeat; 
}

#map-loader {
  position:absolute;
  z-index: 50000;
  background-color: #fff;
  padding: 8px;
  border: 1px solid #ddd;
  color: #007CC2;
  font-weight: bold;
}

.map-container {
   width: 100%;
   overflow:hidden;
   height:150px;
}
#property-map {
  border: 1px solid #ddd; 
  width: 100%;
  height: 150px;
}

.agreement {
  height: 300px;
  overflow:auto;
  border: 2px solid #007CC2;
  padding: 8px;
}
.submarket-list .left,
.submarket-list .right {
    float: left;
    width: 200px;
}


.submarket-list ul,
.status-list ul {
  margin: 0;
  padding: 0;
}
.submarket-list ul li,
.status-list ul li {
  list-style-type: none;
  
  float: left;
  width: 200px;
}

/* Sample Report Button Content */
#leftColumn .leftContent { margin: 0px 0px 44px 28px; padding: 0; }

#leftColumn .leftContent h1 {
font-family: 'Trebuchet MS', sans-serif, Verdana, Arial, sans-serif;
color: #476083;
margin-top: 18px;
margin-bottom: 6px; 

font-size: 14px;
font-weight: bold;}

#leftColumn .leftContent .image-inline { margin: 5px auto !important; }
