/*
--------------------------------------------------------------------
Layout
--------------------------------------------------------------------
*/
body {
    text-align:center;
    padding:0;
    margin:0;
    font-family:Verdana, Arial, Sans-serif;
    font-size:11px;
    background:#FFF;
}
#container {
    width:980px;
    font-size:12px;
    margin:0 auto;
    position:relative;
    text-align:left;
}
/*
--------------------------------------------------------------------
Header
--------------------------------------------------------------------
*/
#header .logo {
    margin:14px 0 14px 16px;    
}
#header .logo a {
    font-size:30px;
    color: #AA6508;
    font-weight: 600;
}
#header .logo a:hover {
    font-size:30px;
    color: #039;
    font-weight: 600;
}
#header .grey {
    color: #333;
    font-weight:normal;
}
#header .primary_navigation {
    color:#FFF;
    background-color: #432803;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-image: url(/images/nav_bkgrnd_right.gif);
    height: 32px;
}
#header .primary_navigation .listing li {
    float: left;
    list-style-type: none;
}
#header .primary_navigation .listing li a {
    text-decoration: none;
    color: #FFF;
    font-size: 13px;
    line-height: 30px;
    font-weight: bold;
    margin-right: auto;
    margin-left: auto;
    padding-left: 17px;
    padding-right: 10px;
}
#header .primary_navigation .listing li.on a ,
#header .primary_navigation .listing li a:hover {
    text-decoration: none;
    color: #9F835E;
}
.banner_interior {
}
.sb_menu {
    margin-top:2px;
    margin-left:13px;
    font-weight:bold;
    background-color:#9F835E;
    opacity: 0.9;
    filter:alpha(opacity=90);
}
.sb_menu ul {
    list-style:none;
    text-align:left;
    margin-right: 0px;
    margin-left: 0px;
    padding:0 4px 0 4px;
    width:125px;
}
.sb_menu ul li {
    border-bottom:1px solid #ffffff;
    padding:0 0 5px 0;
    margin:0 0 5px 0;
}
.sb_menu ul li a {
    text-decoration: none;
    color: #FFF;
    font-size:11px;
    line-height:1em;       
}
.sb_menu ul li.on a {
    color: #432803;
}
.sb_menu ul li a:hover {
    text-decoration: none;
    color: #432803;
}
/*
--------------------------------------------------------------------
Left
--------------------------------------------------------------------
*/
.interior #content #left {
    width: 150px;
    float: left;
    padding-left:14px;
    padding-right:20px;
    padding-bottom:14px;
    padding-top:14px;
    margin-top: 14px;
    margin-bottom: 14px;
}
.interior #content #left .navigation_secondary {
    border-right: 1px solid #C7B69E;
    padding:0 0 20px 0;
}
.interior #content #left .navigation_secondary ul {
    list-style:none;
    text-align:left;
    text-decoration:none;
    margin-right:auto;
    margin-left: auto;
    padding:0px 5px 0px 14px;
}
.interior #content #left .navigation_secondary ul li {
    margin:0 0 12px 0;
}
.interior #content #left .navigation_secondary ul li a {
    text-decoration: none;
    color: #666666;
    font-size:11px;
    line-height:1em;
}
.interior #content #left .navigation_secondary ul li a:hover {
    text-decoration: none;
    color: #9f835E;
}
.interior #content #left .navigation_secondary ul li.on a {
    text-decoration: none;
    color: #9F835E
}
/*
--------------------------------------------------------------------
Main
--------------------------------------------------------------------
*/
#main {
    color: #666;
    font-size: 11px;
    margin-bottom:14px;
    border: 1px solid #C7B69E;
    padding:0 20px 14px 14px;
    margin-top: 14px;
    margin-bottom: 14px;
    float:left;
    width:645px;
    min-height:300px;
}
.wide #main {
    width:944px;
}
.interior #main {
    color: #666;
    border:none;
    margin-bottom:14px;
    padding:14px 14px 14px 0;
    margin-top: 14px;
    margin-bottom: 14px;
    width:475px;
}
.description {
    padding-bottom:10px;
    color: #432803;
}
#main h1 {
    padding-top: none;
    color: #333;
    font-size:16px;
}
#main h2 {
    color: #333; 
    font-size:14px;
}
#main h3 {
    color: #333;
    font-size:12px;
}
#content {
    overflow:hidden;
}
/*
--------------------------------------------------------------------
Right
--------------------------------------------------------------------
*/
#right {
    width:254px;
    min-height:287px;
    margin-top: 14px;
    margin-bottom: 14px;
    border: 1px solid #C7B69E;
    float:right;
    padding: 14px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}
#right .news {
    height:50px;
    width:250px;
    border: 1px solid #C7B69E;
    text-align: left;
    margin-top: 14px;
    margin-bottom: 14px;
    clear: both;
    color:#666;
}
#right .callout {
    text-align: left;
    color:#666;
}
#right .callout ul {
    list-style:none;
    margin:0;
    padding:0;
}
#right .callout li {
    margin:0 0 5px 0;
}
#right .callout img {
    border:1px solid #C7B69E;
    margin-right: auto;
    margin-left: auto;
}
#right .callout .title {
    font-weight: bold;
    color: #000;
    font-size: 11px;
}
#right .callout .description {
    text-align: left;
    width: 250px;
    color:#333;
}
.interior #right {
    width:254px;
    margin-top: 30px;
    margin-bottom: 14px;
    border: 1px solid #C7B69E;
    float:right;
    padding: 14px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.right_text {
    color: #666666;	
    font-size:10px;
    text-align:left;
    margin:10px 0 0 0;
}

/*
--------------------------------------------------------------------
Footer
--------------------------------------------------------------------
*/
#sub_footer {
    color:#FFF;
    background:#012E68;
    font-size: 10px;
}
#sub_footer .content {
    width:950px;
    padding-top: 14px;
    padding-bottom:14px;
    text-align: right;
    margin-right: auto;
    margin-left: auto;
    line-height:18px;
}
#sub_footer .content a {
    line-height:18px;
    text-decoration:none;
    color: #FFBF00;
}
#sub_footer .content a:hover {
    color: #ffffff;
}
#sub_footer .content .primary_navigation {
    padding-left:0px;
    color: #0066CC;
    float:left;
    text-align: left;
    text-indent: 0px;
}
#sub_footer .content .primary_navigation a:hover {
    text-decoration:none;
    line-height:18px;
    color: #FFFFFF;
}
/*
--------------------------------------------------------------------
Formatting
--------------------------------------------------------------------
*/
a {
    color:#039;
    text-decoration:none;
}
a:hover {
    color:#C93;
}
.on a {
    text-decoration: none;
    color: #432803;
}
.previous {
    padding-right:10px;
}
.back {
}
.disabled {
    color:#CCC;
}
/*
--------------------------------------------------------------------
Portfolio
--------------------------------------------------------------------
*/
.portfolio {
    color:#333;
    font-size:10px;
}
.vdivider {
    width:10px;
}
.portfolio td {
    vertical-align:top;
    padding-left:10px;
}
.portfolio .thumb {
    text-align: left;
    min-height:110px;
    overflow:hidden;
    background:#9F835E;
    padding:5px 0px;
margin:0px 0px 10px 0px;
}
.portfolio .thumb img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height:110px;
}
.portfolio .thumb a:hover {
    background-color: #C93;
}
.portfolio .title {
    font-size:11px;
    text-decoration:none;
    font-weight:bold;
    line-height:16px;
}
.portfolio .description {
    color: #432803;
    font-size: 11px;
    padding-top:4px;
    text-align:left;
}
.portfolio .more {
padding-bottom:30px;
}
.portfolio .more a {
    font-weight:bold;
    padding-left:10px;
background: url(/images/more_arrow.png) no-repeat 0px 3px;
}
.portfolio .more a:hover {
    padding-left:10px;
background: url(/images/more_arrow_over.png) no-repeat 0px 3px;
}
.portfolio_slideshow {
    padding-top:15px;
}
.slideshow_thumbs ul {
    list-style:none;
    margin:5px 0 0 0;
    padding:0;
}
.slideshow_thumbs li {
    margin:0 10px 0 0;
    display:inline-block;
        zoom: 1;
            *display:inline;
    cursor:pointer;
    border:1px solid #ffffff;
    height:30px;
    overflow:hidden;
}
.slideshow_thumbs li.on, 
.slideshow_thumbs li:hover {
    border:1px solid #C7B69E;
}
.slideshow_thumbs img {
    display:block;
}

.portfolio_description {
margin:10px 0px 20px 0px;
}

.category_list ul {
}
.category_list li {
    text-align: left;
    list-style: square;
    font-size:11px;
    color: #AA6508;
}
.paging {
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-weight:bold;
}
.paging .previous {
    float:left;
    width:105px;
    text-align:right;
}
.paging .back {
    float:left;
    width:78px;
    text-align:left;
}
.paging .next {
    float:right;
    text-align:right;
    width:55px;
}
#right .description {
    color:#000;
    font-size: 11px;
    padding-top:4px;
    text-align:left;
}
#right .title {
    color:#000;
    font-size: 13px;
    font-weight:bold;
    padding-top:4px;
    text-align:left;
}

/*
--------------------------------------------------------------------
Wood Matrix
--------------------------------------------------------------------
*/

/* three rows at the top */
.woodmatrix tr.row1 {
height: 2em;
}

.woodmatrix tr.row2 {
height: 5em;
}

.woodmatrix tr.row3 {
height: 5em;
}

.woodmatrix .highlite {
background-color: #ccc;
}

/* 4 containers */
.woodmatrix.cross_headers_container {
width:300px; /* must match table below */
clear:both;
float:left;
display:inline-block;
margin-top:2em;
}

.woodmatrix.column_header_container {
width:615px;
overflow:hidden;
float:left;
display:inline-block;
margin-top:2em;
}

.woodmatrix.row_header_container {
width:300px; /* must match table below */
height:435px;
overflow:hidden;
clear:both;
float:left;
display:inline-block;
margin:0;
}

/* effectively creates a max-width, max-height in IE7 */
/* 18px is size of scrollbar */
* + html .woodmatrix .cell_container {
width: expression((document.getElementById('cells_table').clientWidth > 630 ? 648 : document.getElementById('cells_table').clientWidth + 18) +'px');
height: expression((document.getElementById('cells_table').clientHeight > 542 ? 560 : document.getElementById('cells_table').clientHeight + 18) +'px');
}

.woodmatrix .cell_container {
max-width: 630px;
max-height:452px;
overflow:scroll;
display:inline-block;
float:left;
}

/* 4 tables */
.woodmatrix .cross_headers {
width:300px;
margin:0;
border-bottom:2px solid black;
border-right:2px solid black;
border-spacing:0;
border-collapse:separate;
}

.woodmatrix .row_headers {
width: 300px;
margin:0;
border-right:2px solid black;
}

.woodmatrix .column_headers {
border-bottom:2px solid black;
border-collapse:separate;
table-layout:fixed;
}

.woodmatrix .cells {
/* also has class inlineblockhack */
margin:0;
border-top-style:none;
border-left-style:none;
/*table-layout:fixed;*/
}


/* border on cells in 4 tables */
/* default */
.woodmatrix td {
border: 1px solid black;
text-align: center;
}

.woodmatrix .cross_headers td{
border-right-style:none;
border-bottom-style:none;
}

.woodmatrix .row_headers td{
border-top-style:none;
border-right-style:none;
}

/* special case */
.woodmatrix .row_headers td.building_element {
text-align: left;
padding-left:.5em;
}

.woodmatrix .column_headers td {
border-left-style:none;
border-bottom-style:none;
}

.woodmatrix .cells td {
border-left-style:none;
border-top-style:none;
/* this MUST match the value of one_column_width in the code */
width: 70px;
}

/* fixed heights and widths of cells */
.woodmatrix .onecol {
/* this MUST match the value of one_column_width in the code */
width: 70px;
}

.woodmatrix tr {
height: 3.2em;
}

/* contents of matrix cells */
.woodmatrix .cells td.linked {
cursor: pointer;
}

.woodmatrix .cells td.A0 {
background-color: white;
}

.woodmatrix .cells td.A1 {
background-color: #cfc;
cursor: pointer;
}

.woodmatrix .cells td.A2 {
background-color: yellow;
cursor: pointer;
}

.woodmatrix .cells td.A3 {
background-color: orange;
cursor: pointer;
}

.woodmatrix .cells td.A4 {
background-color: red;
cursor: pointer;
}

.n_cell_created {
font-weight: bold;
color: red;
}

.building_element_title {
    color: #333;
    font-size:16px;
    font-weight:bold;
    margin:20px 0 5px 0;
}
.building_use_title,
.building_size_title,
.building_code_group_title {
    color: #333;
    font-size:11px;
    font-weight:bold;
}
.building_code_group_title {
    margin:0 0 20px 0;
}
.woodmatrix_cell_description {
    margin:10px 0 20px 0;
    color: #666;
    font-size: 11px;
}
#main .woodmatrix_cell_details h2 {
    color: #333;
    font-size:12px;
}
.details_list {
    margin:0 0 50px 0;
}
.details_list ul {
    list-style:none;
    margin:10px 0 0 15px;
    padding:0;
}
.matrixfilter {
height: 150px;
overflow: auto;
overflow-y: scroll;
overflow-x: hidden;
border: 1px solid black;
margin-top: 1em;
width: 435px;
}

.filter_cell {
overflow: hidden;
width: 500px;
}

.filter_label {
font-weight: bold;
margin-top: 2em;
clear: both;
}

.filter_container {
float: left;
}

#building_phase_fc {
margin-left: 40px;
}

.inlineblockhack
{
	display: -moz-inline-box;
	display: inline-block;
}

* html .inlineblockhack
{
	display: inline;
}

* + html .inlineblockhack
{
	display: inline;
}


/*
--------------------------------------------------------------------
Wood matrix manager
--------------------------------------------------------------------
*/
.admin_edit table.top_table {
    width: 100%;
}

.admin_edit table.top_table .left {
    width: 475px;
}

.admin_edit table.copy_fields {
    width: 100%;
}

.admin_edit table.copy_fields tr:hover {
    background: #e3e3e3;
}

.admin_edit table.copy_fields>tbody>tr>td {
   vertical-align: middle;
   padding: 3px 5px 3px 5px;
}

.admin_edit table.copy_fields td .radio_table td {
   vertical-align: middle;
   padding: 0;
}