* {font-family: Arial; font-size: 9pt; color: #555;}
body {margin: 0; background: #f6fbe3;}
ul {margin: 0; padding: 0; list-style: none;}
textarea {resize: none; border-color: #C4D686 #ABABAB #ABABAB #C4D686; border-width: 1px;}
input {background: url('../interface/bk_input.jpg') repeat-x; border-width: 1px; border-color: #C4D686 #ABABAB #ABABAB #C4D686;}

#cloak {position: absolute; background: #000; opacity:0.4; filter:alpha(opacity=40); z-index: 99;}

#header {position: relative; margin: auto; width: 995px; height: 75px;}
    #logo {float: left; width: 394px; height: 73px; background: url('../interface/logo.png') no-repeat; margin-left: 30px; cursor: pointer;}
    ul#menu {position: absolute; top: 0; right: 0;}
        ul#menu li {float: left; margin: 0 2px;}
            ul#menu li a {font-family: Verdana; font-size: 8pt; letter-spacing: 7px; text-decoration: none; border-bottom: 1px solid #000; padding-left: 7px;}
    ul#home_menu {position: absolute; top: 30px; right: 10px;}
        ul#home_menu li {float: left; margin: 0 10px;}
            ul#home_menu li a {text-decoration: none; font-size: 15pt; padding: 0 3px; color: #000;}
            ul#home_menu li a.sel, ul#home_menu li a:hover {background: #EEE; border-radius: 5px;}

/* HOME PAGE */

.home_cont {margin: auto; width: 995px; border: 1px solid #c4d686; background: #ffffff;}
    .home_cont img {float: left; margin: 20px;}
    .home_cont h1, .home_cont h1 a {float: left; width: 519px; padding: 0; color: #9caa6d; font-size: 22pt; text-indent: 20px; text-decoration: none;}
    .home_cont h1 a {margin: 20px 10px;}
    .home_cont p {float: left; width: 519px; font-size: 12pt; margin: 10px; text-indent: 20px;}
    .home_cont p.buttons_cont {width: 300px; margin-left: 150px;}
    .home_cont .big_button {float: left; background: url('../interface/bk_big_button.jpg') repeat-x; border: 1px solid #b5ce62; color: #555; font-size: 14pt; padding: 7px 5px; text-decoration: none; text-indent: 0; margin: 10px;
        /* rounded edges */
        -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
        /* for IE */
        behavior: url('border-radius.htc'); border-radius: 5px;}
    .home_cont #content_list {background: #fdffd1; border-bottom: 2px solid #EEE;}
        .home_cont #content_list h1 {clear: both; font-size: 14pt; margin: 10px 20px 0; text-indent: 0;}
        .home_cont #content_list h2 {clear: both; margin: 0 20px 10px;}
        .home_cont #content_list h3 {float: left; font-size: 11pt; margin: 0 0 0 10px;}
        .home_cont #content_list ul {float: left; width: 457px; margin: 0 20px;}
        .home_cont #content_list li {float: left; width: 457px; margin: 5px 0;}
        .home_cont #content_list img {margin: 5px;}
        .home_cont #content_list p {width: 300px; margin: 0 0 0 10px; font-size: 9pt; text-indent: 0;}
        .home_cont #content_list a {color: #9caa6d; text-decoration: none; font-size: 12pt; margin-left: 70px; font-weight: bold;}
        .home_cont #about_preview {float: left; width: 400px; margin-left: 20px;}
            .home_cont #about_preview h1 {font-size: 14pt;}
            .home_cont #about_preview p {width: 380px; font-size: 9pt;}
        .home_cont #contacts_preview {float: left; width: 400px;}
            .home_cont #contacts_preview h1 {font-size: 14pt;}
            .home_cont #contacts_preview p {width: 380px; font-size: 9pt;}
            .home_cont #contacts_preview a {display: block; color: #9caa6d; text-decoration: none; margin-left: 20px;}
            
    /* FEATURES */

.features_cont {margin: auto; width: 995px; border: 1px solid #c4d686; background: #ffffff;}
    .features_cont .title_links_cont {float: left; width: 955px; border-bottom: 1px solid #9CAA6D; margin: 10px 20px 5px;}
        .features_cont h1, .features_cont h1 a {float: left; padding: 0; color: #9caa6d; font-size: 15pt; text-indent: 5px; text-decoration: none; margin: 0;}
        .features_cont h2 {font-size: 12pt; text-align: left;}
        .features_cont a {float: right; margin: 3px 0 0; font-size: 12pt; text-decoration: none; padding: 0 3px;}
            .features_cont a.sel, .features_cont a:hover {background: #EEE; border-radius: 5px; text-decoration: none;}
    .features_cont p {float: left; text-align: justify; margin: 10px 20px; font-size: 12pt; text-indent: 20px;}
    .features_cont .half_panels_cont {float: left; width: 468px; margin: 0 0 0 20px;}
    .features_cont .panel_a1 {float: left; text-align: center; margin: 0 0 10px 0;}
        .features_cont .panel_a1 h2 {float: left; width: 100%; margin: 0;}
        .features_cont .panel_a1 p {margin: 10px 0;}
        .features_cont .panel_a1 img {display: inline-block;}
    .features_cont .panel_a2 {float: left; margin: 0 0 10px 0;}
        .features_cont .panel_a2 h2 {float: left; width: 100%; margin: 0;}
        .features_cont .panel_a2 img {float: left; margin: 10px 0 0;}
        .features_cont .panel_a2 p {float: left; width: 305px; margin: 10px 0 10px 5px;}
    .features_cont .panel_a3 {float: left; margin: 0 0 10px 0;}
        .features_cont .panel_a3 h2 {float: left; width: 100%; margin: 0;}
        .features_cont .panel_a3 img {float: right; margin: 10px 0 5px 5px;}
        .features_cont .panel_a3 p {width: 240px; margin: 10px 0 0;}
    .features_cont .panel_b3 {float: left; margin: 0 0 10px 0;}
        .features_cont .panel_b3 h2 {float: left; width: 100%; margin: 0;}
        .features_cont .panel_b3 img {float: left; margin: 10px 5px 5px 0;}
        .features_cont .panel_b3 p {margin: 10px 0 0;}
    
    /* POPUP */
    
    #popup_cont {position: absolute; display: none; visibility: hidden; width: 600px; background: #F6FBE3; border: 5px solid #D5E2AA; z-index: 100; padding-bottom: 7px;
        /* rounded edges */
        -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
        /* for IE */
        behavior: url('border-radius.htc'); border-radius: 5px;
        /* shadow */
        -moz-box-shadow: 2px 4px 10px #000; -webkit-box-shadow: 2px 4px 10px #000; box-shadow: 2px 4px 10px #000;
    }
    #popup_cont h1 {float: none; width: 580px; margin: 3px auto; padding: 3px; background: #FFF;
        /* rounded edges */
        -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
        /* for IE */
        behavior: url('border-radius.htc'); border-radius: 4px 4px 0 0;}
    #popup_cont h2 {width: 580px; margin: 0 auto 3px auto; padding: 3px; background: #FFF;}
    #popup_cont .button {float: right;}
        ul#milestone_types {float: left; clear: both; width: 426px; padding: 10px 10px 0; margin-left: 7px;}
            ul#milestone_types li {float: left; background: url('../interface/bt_empty_menu.png')  0 -80px no-repeat;}
            ul#milestone_types li.sel, ul#milestone_types li:hover {background-position: 0 0;}
            ul#milestone_types a {float: left; height: 20px; padding: 5px 10px 0; background: url('../interface/bt_empty_menu.png') right -80px no-repeat; margin-left: 3px; color: #000; text-decoration: none;}
            ul#milestone_types li.sel a, ul#milestone_types a:hover {background-position: right 0;}
        ul.milestones {float: left; clear: both; display: none; visibility: hidden; width: 588px; background: #FFF; margin: 0 0 10px 6px; padding: 5px 0;}
            ul.milestones li {float: left; width: 192px; margin: 1px 2px;}
        .custom_milestone {float: left; clear: both; display: none; visibility: hidden; width: 588px; background: #FFF; margin: 0 0 10px 6px; padding: 20px 0;}
            .custom_milestone label {margin: 0 5px;}

#footer {margin: auto; width: 995px; height: 50px; text-align: center;}
    #footer p {float: left; font-size: 8pt;}
    #footer ul {float: left; margin: 10px;}
    #footer li {float: left; margin: 0 2px; font-size: 8pt; font-weight: bold;}
    #footer a {color: #9caa6d; font-size: 8pt; font-weight: normal;}
    #footer .center_block {display: inline-block;}

.left_container {float: left;}
    .left_container span {display: block;}
    .left_container a.button {margin: 0 0 2px 0 !important;}

    /* GLOBAL BUTTONS */
    
    a.button {float: left; width: 68px; height: 18px; text-decoration: none; color: #333 !important; font-size: 8pt; font-weight: normal; padding-top: 4px; margin-right: 10px;}
    a.bt_edit {background: url("../interface/bt_all.gif") 0 -22px no-repeat; padding-left: 30px;}
    a.bt_edit:hover {background-position: -98px -22px;}
    a.bt_new_photo {width: 73px; background: url("../interface/bt_all.gif") 0 -66px no-repeat; padding-left: 25px;}
    a.bt_new_photo:hover {background-position: -98px -66px;}
    a.bt_new_album {width: 73px; background: url("../interface/bt_all.gif") 0 -286px no-repeat; padding-left: 25px;}
    a.bt_new_album:hover {background-position: -98px -286px;}
    a.bt_new_post {width: 73px; background: url("../interface/bt_all.gif") 0 -286px no-repeat; padding-left: 25px; margin: 20px 0 0 20px;}
    a.bt_new_post:hover {background-position: -98px -286px;}
    a.bt_save_post {width: 73px; background: url("../interface/bt_all.gif") 0 -286px no-repeat; padding-left: 25px; margin: 0 0 0 20px;}
    a.bt_save_post:hover {background-position: -98px -286px;}
    a.bt_publish {width: 73px; background: url("../interface/bt_all.gif") 0 -154px no-repeat; padding-left: 25px; margin: 0 0 0 20px;}
    a.bt_publish:hover {background-position: -98px -154px;}
    a.bt_delete {width: 73px; background: url("../interface/bt_all.gif") 0 -286px no-repeat; padding-left: 25px; margin: 0 0 0 20px;}
    a.bt_delete:hover {background-position: -98px -286px;}
    a.bt_media {width: 73px; background: url("../interface/bt_all.gif") 0 -220px no-repeat; padding-left: 25px; margin: 0 0 0 20px;}
    a.bt_media:hover {background-position: -98px -220px;}
    a.bt_edit_album {width: 73px; background: url("../interface/bt_edit_album.jpg") no-repeat; padding-left: 25px;}
    a.bt_save {width: 73px; background: url("../interface/bt_save.jpg") no-repeat; padding-left: 25px;}
    a.bt_cancel {width: 73px; background: url("../interface/bt_all.gif") 0 -198px no-repeat; padding-left: 25px;}
    a.bt_cancel:hover {background-position: -98px -198px;}
    a.bt_next {width: 73px; background: url("../interface/bt_all.gif") 0 -264px no-repeat; padding-left: 25px;}
    a.bt_next:hover {background-position: -98px -264px;}
    a:hover {text-decoration: underline;}
    
    a.bt_submit {display: block; width: 115px; height: 28px; background: url("../interface/bt_submit.png") no-repeat; text-align: center; text-decoration: none; color: #555 !important; padding-top: 14px; margin: 20px auto; font-weight: bold;}
    a.bt_submit:hover {background-position: 0 -42px;}
    
    a.ic_help {float: left; width: 16px; height: 16px; background: url("../interface/ic_help.png") no-repeat;}
    a.ic_help:hover {background-position: 0 -16px;}
    
    a.sbmt_login {float: right; background: url("../interface/bt_all.gif") 0 -264px no-repeat; padding-left: 30px; margin: 5px 0 0 0;}
    a.sbmt_login:hover {background-position: -98px -264px;}
    
    a.ic_remove {width: 16px; height: 16px; background: url('../interface/ic_remove.png') no-repeat;}

    /* GLOBALS */
    
    .clear {font-size: 0; height: 0; clear: both;}
    span.loading {font-size: 8pt; padding: 2px 0 5px 25px; background: url("../interface/loading.gif") no-repeat;}
    a:visited {color: #551A8B;}
    #system_updating {text-align: center; font-size: 20pt; padding: 100px 0; }
    #monitoring {display: block; visibility: hidden; position: absolute; top: 100px; left: 100px; background: #FFF; color: #000; border: 3px solid #FF0000; z-index: 200;}
    
    .float_left {float: left;}
    .no_bottom_margin {margin-bottom: 0;}
    .bottom_margin_2 {margin-bottom: 2px;}
    .auto_height {height: auto !important;}

    /* ERRORHANDLER */
    
    .error {font-size: 9pt; color: #FFFFFF; background: #FF0000; padding: 2px;}
    .warning {font-size: 9pt; color: #000000; background: #FFFF00; padding: 5px;}
    .note {font-size: 9pt; color: #000000; background: #00FF00; padding: 5px;}