/*
 *
 * Horus Networks Sàrl
 *
 * CSS File copyright (c) 2007-2008 Horus Networks Sàrl 
 *
 * Alexis Domjan <adomjan@horus.ch>
 *
 * LAYOUT: Blue
 *
 * $Id: layout.css,v 1.7 2010-08-17 17:27:05 disco Exp $
 *
 */

body {
   background: url(background.png) repeat-y white;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   margin: 0px;
   padding: 0px;
}



/* MENU */

a.topmenu {
   font-size: 10pt;
   padding-top: 6px;
   padding-bottom: 6px;
   color: white;
   text-decoration: none;
}

a.topmenu:hover {
   color: #2c2c3b;
}

a.topmenu-sel {
   font-size: 10pt;
   padding-top: 6px;
   padding-bottom: 6px;
   color: #fe7e11;
   text-decoration: none;
}

a.topmenu-sel:hover {
   color: #2c2c3b;
}




a.submenu {
   font-size: 8pt;
   padding-top: 3px;
   padding-bottom: 3px;
   color: white;
   text-decoration: none;
}

a.submenu:hover {
   color: #2c2c3b;
}

a.menu {
   display: block;
   font-size: 10pt;
   text-align: right;
   padding: 4px;
   color: #232512;
   text-decoration: none;
   background-color: #e3eab2;
   border-bottom: 1px #616830 solid;
}

a.menu:hover {
   background-color: #96ab07;
}

a.menu-sel {
   display: block;
   font-size: 10pt;
   text-align: right;
   padding: 4px;
   color: #232512;
   background-color: #96ab07;
   text-decoration: none;
   border-bottom: 1px #616830 solid;
}

a.menu-sel:hover {
   background-color: #96ab07;
}



a.ordertitle {
   text-decoration: none;
   border-bottom: 1px solid white;
   color: white;
}

a.ordertitle:hover {
   text-decoration: none;
   border-bottom: 1px solid #ddd;
   color: #ddd;
}


img.image {
   border-bottom: 3px solid white;
}

img.image:hover {
   border-bottom: 3px solid black;
}
   

a.mainlink {
   display: block;
   height: 27px;
   vertical-align: middle;
   color: #eee;
   padding-top: 3px; 
   text-decoration: none;
}

a.mainlink:hover {
   background-color: #89a5d7;
}

a.mainlink-sel {
   display: block;
   height: 27px;
   vertical-align: middle;
   color: #eee;
   padding-top: 3px; 
   text-decoration: none;
   background-color: #5975a7;
}

a.mainlink-sel:hover {
   background-color: #89a5d7;
}

a.produits {
   text-decoration: none;
/*   color: inherit; isn't supported by IE7 ? */
   color: #444;
}

span.menu {
   display: block;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   text-align: right;
   padding: 4px;
   color: #232512;
   font-weight: bold;
   text-decoration: none;
   background-color: #c4d54f;
   border-bottom: 1px #616830 solid;
}


a.news {
   display: block;
   text-decoration: none;
   padding: 3px;
   color: black;
}

a.news:hover {
   padding: 2px;
   border: 1px solid #ddd;
   background-color: #eee;
   text-decoration: none;
}

/* TEXTS */

p.page-title { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10pt; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; color: #4a5b9c; }

p.subtitle { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10pt; color: #020300; font-weight: bold;} 

p.subtitlenews { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10pt; color: #020300; font-weight: bold; display: block; background-color: #ddd; border-bottom: 1px solid #aaa; }

p.text { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9pt; color: #020300; text-align: justify; }
p.texth { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9pt; color: #020300; margin-left: 5px; }

p.smalltext { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 8pt; color: #020300; } 


#j { text-align: justify; }


/* A */

a.linkgreen {
   color: #2c8a28;
}

a.linkgreen:hover {
   color: #345532;
}

a.link {  
   color: #004ba7;
}

a.link:hover {
   color: #c86e0d;
}


/* IMGS */
img.borded { border: 1px solid #888; } 


/* LISTS */
ul.list {
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size: 9pt;
    line-height: 1.5em;
    list-style-type: square;
    margin: 0 0 0 16px;
    padding: 0;
    line-height: 12pt;
    list-style-image: url(../../images/triangle-noir.gif);
}

ul.listsmall {
    font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 8pt;
    line-height: 1.5em;
    list-style-type: square;
    margin: 0 0 0 16px;
    padding: 0;
    line-height: 10pt;
    list-style-image: url(../../images/triangle-noir.gif);
}


   
   




/* DIVS */

div.mainlinks {
   float: left;
   vertical-align: middle;
   text-align: center;
   font-size: 14pt;
   font-weight: bold;
   color: #eee;
   width: 179px;
   height: 30px;
   border-left: 1px solid #5975a7;
}

div.linkbarleft {
   float: left;
   vertical-align: middle;
   text-align: center;
   font-size: 8pt;
   color: #eee;
   width: 150px;
   height: 30px;
}

#mainlinkselected { background-color: #89a5d7; }

div.header-title {
   position: absolute; 
   top: 0px; 
   left: 0px; 
   width: 870px; 
   height: 80px; 
   vertical-align: top; 
   text-align: left; 
   background-color: #ddd;
}


div.header-links {
   position: absolute; 
   top: 80px; 
   left: 0px; 
   width: 870px; 
   height: 30px; 
   vertical-align: middle; 
   text-align: left; 
   background-color: #3a465b;
}

div.left-menu {
   position: absolute; 
   top: 110px; 
   left: 0px; 
   width: 150px; 
   text-align: center; 
}



div.main-content {
   position: absolute; 
   top: 110px; 
   left: 150px; 
   width: 700px; 
   text-align: left; 
   padding: 10px;
}


/* POWER PRODUCTION STYLES */

/* images */

/*img.sun    { position: absolute; top: 10px; left: 10px; z-index: 0; }
img.moon   { display: none; position: absolute; top: 10px; left: 10px; z-index: 0; }
img.cloud1 { display: none; position: absolute; top: 15px; left: 15px; z-index: 1; }
img.cloud2 { display: none; position: absolute; top: 5px; left: 5px; z-index: 3; }
img.cloud3 { display: none; position: absolute; top: 15px; left: 20px; z-index: 4; }
*/

img.sun    { z-index: 0; }
img.moon   { display: none; position: absolute; top: 10px; left: 380px; z-index: 0; }
img.cloud1 { display: none; position: absolute; top: 15px; left: 385px; z-index: 1; }
img.cloud2 { display: none; position: absolute; top: 5px; left: 375px; z-index: 3; }
img.cloud3 { display: none; position: absolute; top: 15px; left: 390px; z-index: 4; }

div.powerline-left {
   display: block; padding: 3px; width: 230px; float: left; background-color: #f7c667; font-size: 12pt; font-weight: bold; border-top: 1px solid #fbdc9f; border-bottom: 1px solid #fbdc9f; text-align: left; margin-bottom: 3px;
}

div.powerline-right {
   display: block; padding: 3px; width: 95px; float: left; background-color: #f7c667; font-size: 12pt; font-weight: bold; border-top: 1px solid #fbdc9f; border-bottom: 1px solid #fbdc9f; text-align: right; margin-bottom: 3px;
}

div.powerinfo { 
   display: none; width: 329px; padding: 3px;
}

div.copyright {
   width: 900px;
   background-color: #afb585;
   color: black;
   font-size: 8pt;
   text-align: center;
   margin-top: 15px;
   padding-top: 3px;
   padding-bottom: 3px;
   float: left;
}

p.newstitle {
   font-size: 8pt;
   font-weight: bold;
   color: black;
}

span.newsdate {
   font-weight: bold;
   color: #555;
}

span.newstitle {
   font-weight: bold;
   color: black;
}

p.newstext {
   font-size: 8pt;
   font-weight: normal;
}



/* TD */
td.hostt {
   color: #020300;
   font-size: 8pt;
   background-color: #ccc;
   padding: 2px; 
   font-weight: bold;
   border-bottom: 1px solid white;
}

td.hostl {
   color: #020300;
   font-size: 8pt;
   background-color: #eee;
   border-bottom: 1px solid white;
   padding: 2px; 
   text-align: left;
}

td.hostr {
   color: #0203aa;
   font-size: 8pt;
   background-color: #eee;
   border-bottom: 1px solid white;
   padding: 2px; 
   font-weight: bold;
   text-align: right;
}

td.hosting {            font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        color: #666;
                        font-weight: normal;
                        background-color: white;
                        text-align: center;
                }


td.hostingname {        font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        color: #666;
                        font-weight: bold;
                        text-align: center;
                        background-color: white;
                }


td.hostingname-ecomail {        font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        color: #666;
                        font-weight: bold;
                        text-align: center;
                        background-color: #f0f0ff;
                }
td.hosting-ecomail {            font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        color: #666;
                        font-weight: normal;
                        background-color: #f0f0ff;
                        text-align: center;
                }


td.hostingservice {     font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        color: #666;
                        font-weight: normal;
                        background-color: white;
                }

td.hostingdata {        font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        color: white;
                        font-weight: bold;
                        background-color: #c0c0c0;
                        text-align: center;
                }



p.text-encadre  {       font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        font-style: italic;
                        color: #444;
                        margin-left: 8px;
                        margin-right: 8px;
        }


div.encadre {
   background-color: #eee;
   border: 1px solid #ddd;
}




td.general-table {      font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        color: #606060;
                        background-color: #d0d0d0;
                        text-align: center }

td.general-table-left { font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        color: #606060;
                        background-color: #d0d0d0;
                        text-align: left }


td.general-table-green {        font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        color: green;
                        background-color: #d0d0d0;
                        text-align: center }

td.general-table-orange {       font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        color: #ff7700;
                        background-color: #d0d0d0;
                        text-align: center }

td.general-table-red {  font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        color: red;
                        background-color: #d0d0d0;
                        text-align: center }

td.general-table-top {  font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        color: #404040;
                        background-color: #909090;
                        text-align: left }

td.general-table-bigtop {       font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 10pt;
                        font-weight: bold;
                        color: white;
                        background-color: #909090;
                        text-align: center }

td.general-table-total {        font-family: Verdana,Helvetica,Arial,sans-serif;
                        font-size: 8pt;
                        font-weight: bold;
                        color: white;
                        background-color: #909090;
                        text-align: center }


td.comment {    font-family: Verdana,Helvetica,Arial,sans-serif;
                font-size: 8pt;
                font-weight: normal;
                color: #808080;
                text-align: center;
                vertical-align: top;
           }



td.order {      font-family: Verdana,Helvetica,Arial,sans-serif;
                font-size: 9pt;
                font-weight: normal;
                color: #404040;
                vertical-align: top;
                text-align: left }

td.orderhead {  font-family: Verdana,Helvetica,Arial,sans-serif;
                font-size: 11pt;
                font-weight: bold;
                color: #808080;
                vertical-align: middle;
                text-align: left;
                border-bottom: #808080 1px solid; }

td.meteot { font-size: 9pt; color: black; padding: 2px 4px 2px 4px; text-align: left; border-bottom: 1px solid #dddddd; background-color: #eeeeee; }
td.meteod { font-size: 9pt; color: black; padding: 2px 4px 2px 4px; text-align: right;  font-weight: bold; border-bottom: 1px solid #dddddd; background-color: #eeeeee; }

td.solart { font-size: 9pt; color: black; padding: 2px 4px 2px 4px; text-align: left; border-bottom: 1px solid #dddddd; background-color: #eeeeee; }
td.solard { font-size: 9pt; color: black; padding: 2px 4px 2px 4px; text-align: right;  font-weight: bold; border-bottom: 1px solid #dddddd; background-color: #eeeeee; }
td.solardb { font-size: 14pt; color: black; padding: 2px 4px 2px 4px; text-align: right;  font-weight: bold; border-bottom: 1px solid #dddddd; background-color: #eeeeee; }
td.solart_on { font-size: 9pt; color: white; padding: 2px 4px 2px 4px; text-align: left; border-bottom: 1px solid #dddddd; background-color: #25ae1e; }
td.solard_on { font-size: 9pt; color: white; padding: 2px 4px 2px 4px; text-align: right;  font-weight: bold; border-bottom: 1px solid #dddddd; background-color: #25ae1e; }
td.solart_off { font-size: 9pt; color: white; padding: 2px 4px 2px 4px; text-align: left; border-bottom: 1px solid #dddddd; background-color: #c82b16; }
td.solard_off { font-size: 9pt; color: white; padding: 2px 4px 2px 4px; text-align: right;  font-weight: bold; border-bottom: 1px solid #dddddd; background-color: #c82b16; }




/* FAQ */

p.faq-section {
   font-size: 9pt;
   font-weight: bold;
   color: #4a5b9c;
}

ul.faq {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 9pt;
    line-height: 1.5em;
    list-style-type: square;
    margin: 0 0 0 16px;
    padding: 0;
    line-height: 18pt;
    list-style-image: url(../../images/triangle-noir.gif);
}