/*
Styles for the dh may 2006 design of american manufactured living.
Pete Gilbert of Digital Hill
*/

/* ---- HEADER STYLES ---- */
.tagline {
  background-color: #c4b791;
  margin: 0px;
  padding: 0px;
  height: 39px;
}

.inner_head_quote {
  color: #274d79;
  font-style: italic;
  text-align: right;
  padding-right: 10px;
}

.inner_head_signature {
  color: #274d79;
  font-style: italic;
  text-align: right;
  padding-right: 10px;
}

.inner_head_caption {
  background-image: url(../images/header_inner_caption.gif);
  background-repeat: no-repeat;
  height: 98px;
  width: 626px;
  text-align: right;
}

.inner_head_caption span {
  color: #FFFFFF;
  font-size: 32pt;
  padding: 15px;
  vertical-align: bottom;
}

.index_head_quote {
  color: #FFFFFF;
  font-size: 14pt;
  padding-top: 20px;
  text-align: center;
}

.index_head_sig {
  font-size: 10pt;
  padding-top: 10px;
  padding-right: 5px;
  text-align: right;
}

/* ----- NAV / SEARCH STYLES ------------ */
.searchbar {
  background-color: #a5a396;
  margin: 0px;
  padding: 0px;
  height: 39px;
}

.loginbar {
  background-color: #a5a396;
  margin: 0px;
  padding: 10px;
  height: 39px;
}

.navigation_bar_ul {background-color:#324b7e; color:#ffffff; text-align:center; font-size:16px; width:784px; margin:0px 0px 0px 3px; padding:0px 6px; list-style:none; overflow:auto;}
.navigation_bar_ul li {color:#ffffff; float:left; padding:6px 4px 2px 4px;}
.navigation_bar_ul li a {color:#ffffff; text-decoration:none;}
.navigation_bar_div {background-color:#324b7e; color:#ffffff; text-align:left; font-size:16px; width:796px; margin:0px 0px 0px 3px; padding:0px; overflow:auto;}
* html .navigation_bar_div div {display:inline; float:none;}
.navigation_bar_div div {color:#ffffff; float:left; line-height:20px; height:20px; margin:0px; padding:4px 4px 4px 4px;}
.navigation_bar_div div a {color:#ffffff; text-decoration:none; line-height:20px; height:20px; margin:0px; padding:0px;}
.navigation_bar_div div img {margin:0px; padding:0px;}

.navigation_bar_ul_sub {background-color:#4884B9; color:#ffffff; text-align:center; font-size:12pt; width:784px; margin:0px 0px 0px 3px; padding:0px 6px;  overflow:auto;}
.navigation_bar_ul_sub li {color:#ffffff; float:left; padding:6px 4px 2px 4px;}
.navigation_bar_ul_sub li a {color:#ffffff; text-decoration:none;}

.inner-content {padding:10px 0px; width:796px;}

.navigation_bar {
  /* margin: 2px; */
  margin-left: 3px;
  /* padding: 0px; */
  background-color: #324b7e;
  color: #ffffff;
  text-align: center;
  font-size: 12pt;
  width: 796px;
}

.navigation_bar table { /* happens in the manager */
  width: 100%;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}

.navigation_bar td {
  /* vertical-align: top; */
  margin: 0px;
  padding: 0px;
}

.navigation_bar a {
  text-decoration: none;
  color: #ffffff;
}

.navigation_bar .transition {
  width: 17px;
  /* maybe use background image here, but for now the path
   * during developement is not the same a the final live path will
   * be, so rather than mess with it, just use php to write an image
   * tag in the html
   */
}

/* featured home caption on the right side */
.navigation_bar .section_caption {
  background-color: #061739;
  text-align: left;
  padding-left: 20px;
  font-size: 10pt;
  width: 254px;
}

/* ------- FORM STYLES -------- */
.form_area {
  color: #324b7e;
  background: #a5a396;
  border: 1px solid #324b7e;
}

.submit input {
  color: #FFFFFF;
  background: #324b7e;
  border: 1px outset #FFFFFF;
}

.submit input:active {
  border: 1px inset #FFFFFF;
}

.delete input {
  border: 1px outset #000000;
  background: #CF1919;
  color: #FFFFFF;
}

.delete input:active {
  border: 1px inset #000000;
}

.calculator label {
  font-size: 8pt;
}

table.manager_form { width: 100%; }
table.manager_form th {
  vertical-align: top;
  text-align: right;
}

/* ------- CONTENT STYLES ------- */
body {
  font-family: verdana, sans-serif;
  background-color: #FFFFFF;
  color: #30394b;
}

a {
  color: #30394b;
}

a img {
  border: 0px;
}

.column_container {
  padding: 0px 0px 0px 0px;
  margin:  0px;
}

#column_one {
  width: 508px;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}

.homepage p {
  margin:6px 0px;
}

#column_two {
  width: 288px;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}

#feature_image {
  margin: 0px;
  padding: 0px;
}

.home_example {
  background-image: url(../images/home_example.jpg);
  background-repeat: no-repeat;
  height: 375px;
}

.home_example .textblock {
  padding-top: 20px;
  vertical-align: top;
}

.horizontal_section {
  width: 796px; 
  margin-left: 3px;
}

.errorbox {
  background-color: #b01111;
  border: 1px solid #000000;
}

.textblock {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  font-size: 10pt;
}

.textblock h4 {
  font-size: 14pt;
}

.textblock h5 {
  font-size: 12pt;
}

.thumbnail_layout {
  width: 100%;
  margin: 20px;
}

.caption {
  color: #24364c;
  font-size: 30pt;
}

.questions {
  font-size: 12pt;
}

.questions li {
  padding: 5px;
}

.answer {
  width: 600px;
}

.answer .caption {
  font-weight: bold;
  font-size: 12pt;
}

.answer img {
  margin: 5px;
}

.address {
  font-size: 12pt;
}

.gallery_small {
  border: 1px solid black;
  margin: 3px;
}

.gallery_thumb {
  text-align: center;
}

.gallery_thumb_caption {
  font-size: 10pt;
  color: #FFFFFF;
  background-color: #061739;
  text-align: center;
  width: 95px;
}

.gallery_thumb_caption a {
  text-decoration: none;
  color: #FFFFFF;
}

span.paging { /* not a link, means greyed out */
  color: #A5A396;
}

a.paging {
  text-decoration: none;
}

.floorplan_list {
  border: 1px solid #061739;
}

.floorplan_list thead {
  background-color: #061739;
  color: #FFFFFF;
  padding: 0px;
  margin: 0px;
}

.floorplan_list tbody tr.odd_row {
  background-color: #C4B791;
}

.floorplan_list tbody tr.even_row {
  background-color: #A5A396;
}

.floorplan_closeup_data {
  border: 1px solid #061739;
  background-color: #C4B791;
  padding: 10px;
  margin: 20px;
}

.floorplan_closeup_image {
  max-width: 500px;
}

.tour_caption, .tour_caption a {
  color: #FFFFFF;
  background-color: #061739;
  text-align: center;
  text-decoration: none;
}

/* ########## PROJECT STYLES ####### */
.project_head {
  background-color: #4884B9;
}

.project_info {
  width: 100%;
}

.project_title {
  font-size: 18pt;
}

.progress_bar {
  border: 1px solid black;
  background-color: #CCCCCC;
  width: 400px;
  height: 30px;
}

.progress_bar .done {
  background-color: green;
  height: 30px;
}

.phase {
  padding-bottom: 10px;
}

a.incomplete {
  display: block;
  background-color: #C5B891;
  text-decoration: none;
  font-weight: bold;
  line-height: 25px;
}

a.complete {
  display: block;
  background-color: #A5A396;
  text-decoration: none;
  font-weight: bold;
  line-height: 25px;
}

/* for listing when a user has more than one project */
.project_active {
  background-color: #C5B891;
}

.project_complete {
  background-color: #A5A396;
}

.project_active a, .project_complete a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  line-height: 30px;
  margin-left: 50px;
}

.phase + a.complete, .phase + a.incomplete {
  border-top: 1px solid #4884B9;
}

div.incomplete {
  background-color: #C5B891;
}

div.complete {
  background-color: #A5A396;
  display: none;
}

div.incomplete table, div.complete table {
  width: 100%;
}

.notes {
  background-color: #FFFFFF;
  border: 1px dashed black;
  text-align: left;
  padding: 5px;
}

.edit_notes_container {
}

.plain_notes_container {
  display: block;
}

textarea.edit_notes {
  width: 100%;
  height: 100px;
}

div.picture {
  float: left;
  width: 120px;
  padding: 10px;
  }
  
div.picture p {
   text-align: center;
   }
div.picture a {
  font-size: 8pt;
}
/* ########## END PROJECT STYLES ########## */


/* manager / project-area caption for the menu on the left side */
.navigation_bar .menu_caption {
  background-color: #061739;
  text-align: right;
  padding-right: 20px;
  font-size: 10pt;
  width: 150px;
}

.manager_notes {
  width: 450px;
  height: 100px;
}

#item_list {
  background-color: #061739;
  color: #FFFFFF;
  width: 184px;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}

#item_display {
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}

#item_list ul {
  margin-top: 5px;
  margin-bottom: 5px;
}

a.menu_static_choice {
  display: block;
  text-decoration: none;
  color: #4884B9;
  text-align: center;
  padding: 2px 2px 2px 2px;
}

a.menu_choice {
  text-decoration: none;
  color: #FFFFFF;
}

.menu_non_choice {
  display: block;
  text-decoration: none;
  color: #999999;
  padding: 2px 10px 2px 30px;
}

a.menu_expandable_choice {
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  padding: 2px 10px 2px 10px;  
}

/* -------------- FOOTER STYLES --------------- */
.separation_bar_1 {
  background-color: #6b6858;
}

.separation_bar_2 {
  background-color: #121827;
  height: 33px;
}

.footer {
  color: #FFFFFF;
  font-size: 12pt;
  /*
  margin-left: 20px;
  margin-right: 20px;
  */
  text-align: center;
  width: 100%;
}

.footer a {
  color: #FFFFFF;
  text-decoration: none;
}

.copyright {
  color: #FFFFFF;
  font-size: 10pt;
  margin-left: 20px;
  margin-right: 20px;
}

/****************** ADDED BY DIGITALHILL ****************/
#home_builder		{ border:1px solid black; margin:6px 0px 6px 10px; }
#home_builder td 	{ font-size:12px; }
#submit_button		{ width:100%; text-align:center; padding-top: 3px; }

/****************** BACKEND CSS *************************/
.productPageList {width:85%;}
.productPageList tr {background:#f2f2f2;}
.productPageList td {padding:2px; border:1px solid #c8c8c8;}
.productPageList th {background:#fff;}
#item_display td.clear {background:#fff; border:none;}
#item_display .success {margin:10px; padding:10px; border:1px dashed #0f0; background:#dfffdf; color:#000; font-family:"Courier New", Courier, mono; font-size:12px; text-align:left;}
#item_display .kill {margin:10px; padding:10px 10px 10px 40px; border:1px dashed #f00; background:#fff15f url(../images/exclamation.gif) 10px 10px no-repeat; color:#000; font-family:"Courier New", Courier, mono; font-size:12px; text-align:left;}
#item_display .kill a {text-decoration:underline;}
#item_display .header {font-weight:bold; font-size:18px; color:#103976; float:left;}
#item_display .title {font-weight:bold; font-size:14px; text-align:right;}
#item_display .mceEditor {height:200px;}
#item_display .upload-caption {display:none; z-index:100; position:absolute; width:170px; height:120px; background:#fff; border-top:1px solid #000; border-left:1px solid #000; border-right:3px solid #000; border-bottom:3px solid #000; padding:6px;}
#item_display .upload-caption textarea {width:100%; height:80px; background:#fff9ee; border:1px solid #efefef;}
#item_display .galleryCell {width:160px; text-align:center; background:#f2f2f2; border:1px solid #c8c8c8; float:left; margin:4px 20px 0 0; padding:4px; overflow:hidden; z-index:1;}
#item_display .innerCell {width:150px; background:#fff; border:1px solid #e8e8e8; padding:4px; text-align:center;}
#item_display .innerCell img.gallery {margin:6px 0; clear:both; border:1px solid #000000;}
#item_display .galleryCaption {clear:both; width:144px; font-size:12px;}
/*********** Keyword Densities *********************/
#keywordSelect {display:inline;  margin-left:8px;}
#keywordSelect img {border:none;}
#keywordDensityBox {display:none; border:1px solid black; padding:2px; background:#E6C7B3; width:628px; text-align:left;}
#keywordDensityResult {border:1px solid #444444; background:#ffffff; text-align:left; padding:2px; margin-top:8px; font-size:13px; overflow:auto; width:622px; height:200px;}
#keyIconDiv {display:inline;}
#keywordResults {margin:6px; padding:6px; background:#fff; text-align:left; display:none;}
#keyOutput {display:block; margin:6px; padding:6px; font-family:"Courier New", Courier, mono;}