/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Author:     IDcom (www.idcom.ch)
  
    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background-color:#fff; color:#404040}

a {color:#404040;}
a:hover {color:#582F86;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

    #nav span {color:#DDD;}
    #nav #nav-active {color:#a0a186;}

    #tray {background-color:#BFBFBF;}
    #tray li a {color:#404040;}
    #tray li#tray-active a {background-color:#e50; color:#FFF;}
    #tray li a:hover {background-color:#9F9F9F; color:#FFF;}
    
    #tray ul li ul {display:none;}
    #tray ul li:hover ul {clear:left;display:block;overflow:auto;z-index:auto;}
    #tray li:hover ul li {float:left;clear:left;}




        #search #search-input {background-color:#FFF;}
        #search #search-input input {color:#404040;}

    #footer, #footer a {color:#9f9f9f;}
    #footer a:hover {color:#404040;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top, #col-bottom, #col {background-color:#F4F4F1;}

#cols3 .col h3 {background-color:#cfb1f2; color:#3d99c2;}
#cols3 .col h3 a {color:#212121; text-decoration:none;}
#cols3 .col h3 a:hover {color:#000; text-decoration:underline;}
#cols3 .col-more {background:#F5F5F5;}

#cols2 #col-left .title h4, #cols2 #col-right h4 {color:#898a6b;}
#cols2 #col-left .title h4, #cols2 #col-left .title span {background-color:#FFF;}
#cols2 #col-left .article {color:#0891c1;}
#cols2 #col-left a:hover.article {color:#000;}

#cols2 #col-right {background-color:#F4F4F1;}
#cols2 #col-right h4 span {background-color:#F4F4F1;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.high {color:#959678}


/* =============================================================================
MESSAGES
============================================================================= */

.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB; padding-left:35px;}
.msg.warning {border:2px solid #CDCDBE; background-color:#F4F4F0; padding-left:35px;}
.msg.warning a {color:#000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#582F86 !important;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF; padding-left:35px;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9; padding-left:35px;}