/* HTML ELEMENTS 
======================================== */
body {
    font-family: Arial, Helvetica, sans-serif; font-size: .75em; margin: 0;
}
a {
    color: #5c6678; text-decoration: none;
}
a:hover {
    color: #000;
}
a img {
    border: none;
}
input[type="text"], input[type="password"], input[type="submit"], textarea {
    font-family: Arial, Helvetica, sans-serif; font-size: .9em; border: 1px solid #ccc;
}
h1 {
    background-color: #e8e8e8;
}
hr {
    color: #ccc; 
}

/* CONTAINERS 
======================================== */
.leftcolumn, .rightcolumn, .fullwidth {
    border: solid 1px #ccc;
}

#pageContent {
    padding-left: .4em; padding-right: .4em;
}
#textContainer {
    float: left;
}
#imageContainer {
    float: right;
}

/* MAP PAGE 
======================================== */
.mapcontainer, navigationbottomleft, .navigationbottomright {
    border: solid 1px #ccc;
}
.navigationtopleft, .navigationtopright {
    background-image: url('../images/backg_menu1.gif');
}
.navigationHelp {
    border: solid 1px #000; background-color: #fff;
}
.navigationHelp h4, .typologyInfo h4 {
    background-color: #e8e8e8; font-size: 1.25em;
}
.infoBackground {
    display: none;
}
.modalBackground, .infoBackground {
    background-color: #000; filter:alpha(opacity=70); opacity:0.7;
}
.closeButton {
    cursor: pointer;
}

/* LANDSCAPE DETAILS
======================================== */
.landscape-header {
    width: 700px; margin: 0 auto; height: 1.9em; padding-top: .6em; margin-bottom: 2em;
}
.landscape-number {
    background-color: #fff;
}
.imagecontainer {
    border: 1px solid #ccc;
}
.key-number {
    background-color: #e8e8e8; text-align: center;
}

/* LANDSCAPES KEY
======================================== */
.key-list-title {
    color: #285D26;
}

/* TOOLTIP
======================================== */
a.tt {
    font-weight: bold; text-decoration:none; border-bottom: 1px dashed #285D26; 
}
.typologyToolTip {
    opacity: 0.7; filter: alpha(opacity = 70);
}
.tooltip, .typologyToolTip {
    background-color:#000; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; border:1px solid #fff; color:#fff; text-align:left; font-size:12px;
}
.tooltip h6 {
    font-weight: bold; color: #fff; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #fff; font-size: 1em;
}
.tooltip a:hover {
    color: #fff;
}

/* COMPONENTS 
======================================== */
.underline {
    text-decoration: underline;
}
.osNotes {
    color:#666; 
}
.smalltext {
    font-size: .8em;
}

/* MENU 
======================================== */
.mainmenu {
    background: url(../images/backg_menu1.gif) repeat-x;
}
.menu li {
    color: #fff; background-color: #aaa; font-weight: bold;
}
.menu li a {
    color: #fff; text-decoration: none;
}
.menu li:hover {
    background-color: #285d26;
}
.menu .search, .menu .search:hover {
    color: #fff; font-weight: bold; background-color: #858585;
}
.search input[type="text"] {
    height: 14px;
}
.search input[type="image"] {
    vertical-align: top;
}

/* FIELDSETS / FORMS 
======================================== */
fieldset {
    border: 1px solid #285D26;
    border-width: 1px 0 1px 0;
    border-style: solid none solid none;
}
fieldset legend {
    font-weight: bold; color: #285d26;
}

/* CMS CONTROLS
======================================== */
.cms_control_row {
    color: #000; background-color: #ececec;
}
.cms_control_edit, .cms_control_remove {
    cursor: pointer;
}