/* 
    Document   : bo_main
    Created on : 16 déc. 2011, 14:34:55
    Author     : Sebastien
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
html {
    background-color: #dededc;
    background-image: url(/images/bottomBgTile.png);
}
input {
    outline: 0;
}
body{
    margin: 0px !important;
    padding: 0px !important;
}
.header{
    height: 58px;
    margin: auto;
    background-image: url(/images/topBanBg.png);
}
.footer,.headerContent{
   width: 1000px;
   margin: auto;
}
.headerContent{
    height: 58px;
}
.headerLeft{
    float: left;
    padding-top: 6px;
    padding-left: 30px;
}

.headerRight{
    float: right;
}

.headerMenuButton{
    float: left;
    height: 58px;
    line-height: 58px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}

.headerMenuButton img{
    margin-right: 3px;
}
#servicesHeaderMenuButton:hover{
    background-image: url(/images/activitiesMenuHover.png);
}
#servicesHeaderMenuButton{
    width: 107px;
    text-align: center;
}
#privateAccessHeaderMenuButton{
    width: 143px;
    text-align: center;
}
#privateAccessHeaderMenuButton:hover{
    background-image: url(/images/customerSpaceMenuHover.png);
}
#servicesList{
    position: absolute;
}
#servicesHeaderMenuButton:hover #servicesList{
    display: block;
}
.serviceLine{
    width: 105px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    background-color: #28A4EA;
    text-align: left;
    margin-bottom: 1px;
    margin-left: 1px;
    padding: 4px 0px;
}
.serviceLine a{
    margin-left: 5px;
    color: white;
}
.serviceLine:hover{
    background-color: #42bafd;
}
.footer{
    height: 35px;
    line-height: 35px;
    text-align: right;
}
.footer a{
   color: black 
}