/*
   This stylesheet defines the Metadot 6 skin.

   If you are modifying this stylesheet for a new skin, this file
   should ONLY include the classes that you intend to modify. The
   portal uses the 'cascade' feature of CSS to allow your stylesheet
   to inherit the styles from the parent (or base) skin.
*/

/* =================================================================
   =================================================================
   ==                                                             ==
   ==  STANDARD HTML ELEMENTS                                     ==
   ==                                                             ==
   =================================================================
   ================================================================= */


body {
        background: #eee;
        font-size: 12px;
        font-family: helvetica, arial, verdana, sans-serif;
}

a {
        color: #555;
        font-weight: bold;
        text-decoration: none;
}

h3,h4,h5 {
        margin-bottom: .25em;
}

h3 {
        font-size: 14px;
        color: #333;
}

/*
p {
        margin: 0 0 20px;
        padding: 0px;
}
*/

form {
        padding: 0;
        margin: 0;
}

input, textarea, select {
        padding: 2px;
        margin: 0px 0px;

        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}

td, th {
        font-size: 12px;
        font-family: helvetica, arial, verdana, sans-serif;
}



/* =================================================================
   =================================================================
   ==                                                             ==
   ==  PORTAL-WIDE PAGE LAYOUT                                    ==
   ==                                                             ==
   =================================================================
   ================================================================= */

#header {
        padding: 20px 20px 10px 20px;
}

#header {
        background-color: #A7A93E;
}

#header h1, #header h1 a {
        display: inline;
        font: bold 36px georgia, times, serif;
        margin: 0;
        padding: 0;
        color: #eee;
}

#header h1.etc {
        font: bold 36px georgia, times, serif;
        margin: 0;
        padding: 0;
        color: #eee;
}

#header h2, #header h2, #header h2 a {
        display: inline;
        font: bold 12px helvetica, arial, sans-serif;
        color: #eee;
}



#topnav {
        border-top: 1px solid #ddd;
        background: url("../images/topnav_bg.jpg") repeat-y #9E9B4D;
        padding: 3px 20px 3px 30px;
}

#topnav a {
        color: #fff;
        background: transparent;
        border-right: 1px solid #ddd;
        padding: 3px 8px;
}

#topnav a:hover {
        color: #fff;
        background: #444;
        border-right: 1px solid #ddd;
}

#topnav a.firsta {
        border-left: 1px solid #ddd;
}

.topnone {
        display: none;
}


#container {
        margin: 0px;
        padding: 0px;
        border: 0px;

        background: #EDECDA;
}

#navcont {
        width: 220px;
        height: 100%;

        background: #D6D4AA;
}

#navmenu {
        border-top: 1px solid #ddd;
}

DIV.navmenu {
        padding: 2px 10px 2px 15px;

        border-bottom: 1px solid #ddd;
        background: #777;
}

a.navmenu {
        text-decoration: none;
        color: #eee;
        display: inline;
        font-weight: bold;
        padding-left: 5px;
}

a.navmenu:hover {
        text-decoration: none;
        color: #A7A93E;
}



#menucont {
        border-bottom: 1px solid #eee;
        color: #eee;
        background: #555;
}



#maincont {
        margin: 0px 0px 0px 0px;
        padding: 0px 5px 10px 10px;

        color: #334;
        border-top: 1px solid #ddd;
        padding-top: 10px;
}

#maincont a {
        text-decoration: none;

        /* CKIM: this is annoying
           color: #666;
           border-bottom: 1px dotted #666;
        */

        /* hidden attribute reserves space for the hover pseudo-class,
           prevents weird behavior in Firefox */
        border-bottom: 1px hidden #666;
}

#maincont a:hover {
        text-decoration: none;
        /* CKIM: don't know why this was enabled
          color: #e60;
        */
        border-bottom: 1px dotted #666;
}

#maincont a.icon {
        text-decoration: none;
        /* CKIM: this is annoying
        color: #666;
        */
        border: none;
        border-bottom: none;
}

#maincont a.text_button, #maincont a.text_button:hover, #maincont a.text_button:visited {
        border: 1px solid #9999CC;
}

#maincont span.date {
        border: 1px solid #bbb;
        color: #e60;
        background: #eee;
        padding: 1px 4px;
        position: relative;
        top: -4px;
        left: -18px;
        font-weight: bold;
        font-size: 11px;
        }

#maincont span.bread {
        border: 1px solid #bbb;
        color: #555;
        background: #eee;
        padding: 1px 4px;
        position: relative;
        top: -6px;
        left: -16px;
        font-weight: bold;
        font-size: 11px;
}

#maincont span.archive {
        display: block;
        margin: 5px 0 0;
}

#maincont h1 {
        font-size: 22px;
        margin: 5px 0px;
        padding: 0;
        font-family: georgia, serif;
        color: #333;
}

/*
#maincont p {
        margin: 10px 0px;
}
*/



#sidebar {
        width:200px;
        height: 100%;
        margin: 0px 0px 10px 10px;
        padding: 0px;
        color: #334;
        background: #EDECDA;
        border-left: 1px solid #999;
}


#sidebar h2 {
        margin: 0;
        padding: 2px 5px 5px 20px;
        font-size: 12px;
        font-weight: bold;
        color: #eee;
        background: #666;
        border: 0 none;
}

#sidebar h3 {
        margin: 0;
        padding: 2px 5px 5px 10px;
        font-size: 12px;
        color: #dfdfff;
        font-weight: normal;
        background: #666;
        border: 0 none;
}

#sidebar a {
        text-decoration: none;
        border-bottom: 1px solid #fff;
        color: #555;
        margin: 0;
        font-weight: bold;
}

#sidebar h2 a {
        text-decoration: none;
        color: #eee;
}

#sidebar h2 a:hover {
        color: #ccc;
        background: transparent;
}

#sidebar a {}

#sidebar a:hover {
        text-decoration: none;
        color: #444;
        background: #dde;
}


.sidebar_element {
        padding: 1em 0 1em 0;
        border-bottom: thin solid #D6D4AA;
}




#footer {
        clear: both;
        margin-top: 10px;
        padding: 3px;
        border-top: 1px solid #333;
        color: #333;
        text-align: center;
}

#footer a {
        font-weight: normal;
        text-decoration: none;
}

#footer a:hover {
        font-weight :bold;
        text-decoration: none;
}

#footer .date {
        float: left;
        text-align: left;
}

#footer .other {
        float: right;
        text-align: right;
}




/* =================================================================
   =================================================================
   ==                                                             ==
   ==  SPECIAL-PURPOSE ELEMENTS                                   ==
   ==                                                             ==
   =================================================================
   ================================================================= */

.report {
        margin-bottom: 1em;

        font-size: 10pt;
}

TR.report_alternate {
        background-color: #F8F8E0;
}

.report .header, THEAD.report, TH.report {
        background-color: #DDDDDD;
        border: #DDDDDD 1px solid;
        font-weight: bold;
        padding: 4px;
}

.report .body, TD.report, TD.body {
        /* for some reason, #DDDDDD tends to make the right-side border invisible? */
        border: #DEDEDE 1px solid;
        padding: 2px;
}

.report .footer, TFOOT.report {
        background-color: #DDDDDD;
}

/* in a list, if a row is to be selected */
.selected_row {
        background-color: #EEEEFF;
}




/* =================================================================
   =================================================================
   ==                                                             ==
   ==  GIZMOS                                                     ==
   ==                                                             ==
   =================================================================
   ================================================================= */

h2.section {
        margin: 0px 0px 3px 0px;
        padding: 3px 21px;
        font-size: 14px;
        color: #333;
        background: url(../images/arrow_ico.gif) no-repeat 2px 4px #D6D4AA;
        border: 1px solid #bbb;
}

.news_item A.element_name {
        text-decoration: none;
        color: #eee;
        display: inline;
        font-weight: bold;
}

.news_item A.element_name:hover {
        text-decoration: none;
        color: #A7A93E;
}

.discussion {
        border-bottom: thin solid #D6D4AA;
}

span.calendar  {
        width: 150px;

        text-decoration: none;
        border-bottom: 1px solid #fff;
        color: #555;
        background: #D6D4AA;
        display: block;
        margin: 0;
        padding: 2px 20px 2px 20px;
        font-weight: normal;
}

span.calendar a {
        color: #000;
        background: #EDECDA;
        font-size: 8px;
}

.calendar_month_cell, .calendar_month_cell_day {
        border: 1px solid #ccc;
}

.calendar_month_cell_day {
        background: #dde;
        font-weight: bold;
}

.calendar_month_cell_date {
        background: #ddd;
}

.calendar_month_cell_event a.calendar {
        color: DarkRed;
        font-weight: normal;
        text-decoration: none;
}

.calendar_summary {
        padding: .5em;
        background-color: #def;
        border: 1px solid #def;
}



span.info {
        text-decoration: none;
        border-bottom: 1px solid #fff;
        color: #000000;
        background: #D6D4AA;
        display: block;
        margin: 0;
        padding: 2px 20px 2px 20px;
        font-weight: normal;
}

span.info a {
        width: 150px;

        text-decoration: underline;
        border-bottom: 1px solid #fff;
        color: #000000;
        background: #D6D4AA;
        padding: 0px;
        margin: 0;
        display: inline;
        font-weight: normal;
        border-bottom: none;
}

span.info a:hover {
        width: 150px;

        text-decoration: underline;
        border-bottom: 1px solid #fff;
        color: #000000;
        background: #D6D4AA;
        padding: 0px;
        margin: 0;
        display: inline;
        font-weight: bold;
        border-bottom: none;
}





/* =================================================================
   =================================================================
   ==                                                             ==
   ==  ELEMENT ATTRIBUTES                                         ==
   ==                                                             ==
   =================================================================
   ================================================================= */







/* =================================================================
   =================================================================
   ==                                                             ==
   ==  GIZMOTAGS                                                  ==
   ==                                                             ==
   =================================================================
   ================================================================= */













/* =================================================================
   =================================================================
   ==                                                             ==
   ==  LAYOUT AREA ELEMENTS - Used when the Page Layout feature   ==
   ==                         is in use
   ==                                                             ==
   =================================================================
   ================================================================= */

.vertical_separator {
        background: url('../images/dot_1px_5x5.gif') repeat-y top center;
}

.horizontal_separator {
        background: url('../images/dot_1px_5x5.gif') repeat-x middle left;
}

div.layout_area {
        padding: 0 .5em .5em .5em;
}

/* dimensions for specific layouts */

#layout_1 #layout_area_1 {
        width: 100%;
}

#layout_2 #layout_area_1 {
        width: 200px;
}

#layout_2 #layout_area_2 {
        width: 480px;
}

#layout_3 #layout_area_1 {
        width: 480px;
}

#layout_3 #layout_area_2 {
        width: 200px;
}

#layout_4 #layout_area_1 {
        width: 140px;
}

#layout_4 #layout_area_2 {
        width: 400px;
}

#layout_4 #layout_area_3 {
        width: 140px;
}

#layout_5 #layout_area_1 {
        width: 225px;
}

#layout_5 #layout_area_2 {
        width: 230px;
}

#layout_5 #layout_area_3 {
        width: 225px;
}

#layout_6 #layout_area_1 {
        width: 480px;
}

#layout_6 #layout_area_2 {
        width: 240px;
}

#layout_6 #layout_area_3 {
        width: 240px;
}

#layout_6 #layout_area_3 {
        width: 200px;
}





/* =================================================================
   =================================================================
   ==                                                             ==
   ==  MISCELLANEOUS                                              ==
   ==                                                             ==
   =================================================================
   ================================================================= */

/* used in forms generated by portal, gizmos */
#transitional_form, DIV.transitional_form {
        background-color: #eee;
}


/* the login box */
#tagLoginBox {
        background-color: white;
        border: 1px solid black;
        padding: 1em;
}