/* HTML ELEMENTS 
======================================== */
h1 {
    font-size: 1.3em; /* height: 1.5em; */  margin-bottom: 1em; padding: .4em; padding-bottom: 0; margin-top: 0;
}
hr {
    height: 1px; font-size: 1px; clear: both; 
}

/* CONTAINERS
======================================== */
.container {
    width: 990px; margin: 0 auto;
}
.content {
    padding: 5px 0 5px 0; clear: both;
}
.rightcolumn {
    width: 974px;
}
.rightcolumnmap {
    float: right; width: 743px;
}
.leftcolumn {
    float: left; width: 225px; padding: 5px;
}
.rightcolumn {
    float: right; width: 730px; padding: 5px 5px 5px 5px;
}
.fullwidth {
    width: 978px; padding: 5px 5px 5px 5px;
}

/* MAP PAGE 
======================================== */
.mapcontainer {
    width: 740px; height: 569px;
}
.navigation {
    display: none; margin-top: 5px; height: 30px;
}
.navigationtopleft {
    float: left; width: 558px; height: 100%;    
}
.navigationtopright {
    float: right; width: 180px; height: 100%; margin-right: 1px;
}
.navigationcontent {
    clear: both;  height: 179px; padding-top: 5px; display: none;
}
.navigationbottomleft {
    float: left; width: 556px; height: 100%; 
}
.navigationbottomright {
    float: right; width: 178px; height: 100%; margin-right: 1px;
}
.navigationHelp {
    height: 500px; width: 640px; padding: 10px;
}
.navigationHelp h4, .typologyInfo h4 {
    margin-top: 0px; padding: 5px 5px;
}
.typologyInfo h4 {
    margin-bottom: 2px;
}
.infoBackground {
    position: absolute; left: 0; top: 0; z-index: 350; width: 100%; height: 100%;
}
.helpContent {
    overflow: auto; height: 420px; margin: 10px;
}
.controls img {
    display: block; margin-bottom: 2px;
}
.closeButton {
    cursor: pointer;
}

/* LANDSCAPE DETAILS
======================================== */
.imagecontainer {
    padding: 5px; height: 125px; width: 140px;
}
.landscape-header {
    background-color: #e8e8e8; 
}
.landscape-number {
    margin-left: 12px; float: left; width: 2em; text-align: center; height: 15px;
}
.landscape-key {
    float: left; margin-right: 12px;
}
.landscape-title {
    float: left;
}
.landscape-title h1 {
    padding-top: 0;
}
.landscape-links {
    float: right; margin-right: 5px;
}
.landscape-characteristics {
    clear: both; width: 700px; margin: 0 auto;
}
.characteristics-title {
    float: left; width: 530px;
}
.characteristics-image {
    float: right; width: 152px; margin-top: 5px;
}
.landscape-details {
    clear: both; width: 700px; margin: 0 auto;
}
.details-title {
    float: left; width: 530px;
}
.details-images {
    float: right; width: 152px;
}
.details-images .image {
    margin-top: 10px;
}
.details-images .imagecontainer {
    height: 95px !important; width: 140px !important;
}
.details-images .image-description {
    text-align: right; padding-top: 3px;
}
.landscape-pdfs {
    clear: both; width: 700px; margin: 0 auto;
}
.landscape-pdfs table {
    width: 100%; border-collapse: collapse;
}
.landscape-pdfs td {
    background-color: #e8e8e8; border-spacing: 5px; 
}
.landscape-pdfs tr {
    border-bottom: 1px solid #fff;
}
.landscape-pdfs .icon {
    width: 19px;
}
.landscape-pdfs .icon img {
    width: 19px; height: 18px;
}
.landscape-pdfs .pdflink {
    width: 488px;
}

/* LANDSCAPES KEY
======================================== */
.key-list {
    padding: 5px 3px
}
.key-list-title {
    padding-bottom: 5px;
}
.key-list-title table {
    width: 222px;
}
.key-number {
    width: 18px;
}
.key-image {
    width: 20px;
}
.key-image img {
    height: 15px; width: 20px;
}

/* TOOLTIP
======================================== */
.typologyToolTip {
    width: auto; padding: 5px 5px; display: none; position: absolute; z-index: 250;
}
.tooltip {
    padding:10px 10px; width:400px; display:none;
}
.tooltip h6 {
    padding: 2px 0 2px 0; margin: 0 0 5px 0;
}

/* MENU 
======================================== */
.mainmenu {
    height: 4.2em; padding-left: 14px;
}
.menu {
    height: 1em; list-style: none; margin: 0; padding: 0;
}
.menu li {
    float: left; margin: 0 0.15em; margin-top: 12px; padding: 5px 10px;
}
.menu .search {
    float: right; margin-right: 20px; padding: 4px 10px;
}
.search label {
    margin-right: 15px;
}

/* FIELDSETS / FORMS 
======================================== */
.form, fieldset {
    padding: 10px;
}
.form legend {
    font-size: 100%; font-weight: bold; margin-bottom: 10px;
}
.form p {
    width: 100%; clear: left; margin: 0; padding: 0px 0 1px 0; margin-top: 4px; _height: 18px; min-height: 18px;
}
.form p label {
    width: 10.0em; float: left; text-align: left; margin-right: 0.8em; display: block; font-size: 100%;
}
.form p span label {
    float: none; display: inline; margin: 0; width: 0;
}
.form p .textbox {
    width: 225px;
}
.form .button {
    width: 100px;
}


/* COMPONENTS 
======================================== */
.osNotes {
    padding: 20px 5px 0 5px; height: 67px; font-size: smaller; clear: both;
}

/* CMS CONTROLS
======================================== */
.cms_control {
    margin-bottom: 0px;
}
.cms_control_table {
    width: 100%;
}
.cms_control_header {
    width: 100%; margin-bottom: 10px;
}
.cms_control_row {
    height: 24px;
}
.cms_control_title {
    padding-left: 2px; padding-right: 5px; font-weight: bold;
}
.cms_control_edit {
    padding-left:2px; padding-right:2px; width: 16px; cursor: pointer;
}
.cms_control_remove {
    padding-left:2px; padding-right:2px; width: 16px;
}

/* CLEARFIX 
======================================== */
.clearfix:after {
	visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}
* html .clearfix             { 
    zoom: 1; 
}
*:first-child+html .clearfix { 
    zoom: 1; 
}