/** ***************************************************** **/
/** ************************ TITLES ********************* **/
/** ***************************************************** **/
.title1 {
    color: #165076;
    font-weight: bold;
    font-size: 15px;
}

.title2 {
    color: #165076;
    font-weight: bold;
}

.titlePage {
    color: #003D6C;
    font-weight: bold;
    font-size: 20px;
    margin-top: 9px;
    margin-left: 43px;
}

.information {
    margin-bottom: 10px;
    margin-left: 30px;
}

/** ***************************************************** **/
/** ********************** CONTAINER ******************** **/
/** ***************************************************** **/
.containerHeader{
   margin: 0 0 20px 0;
}

.containerQuickAccess{
   margin: 0 0 20px 0;
}
.containerTitle {
    color: #0066FF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16pt;
    font-weight: bold;
}

.containerTools {
    margin: 20px 0 0 20px;
    float: left;
    width: 880px;
}

.containerQuickLooks {
    float: left;
    margin: 10px 0;
    width: 900px;
    text-align: center;
    color: #000099;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11pt;
    font-weight: bold;
}
.containerResult {
    margin: 0 5px;

}

.containerDataAccess {
    -moz-border-radius: 4px 0 4px 4px;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 4px 0 4px 4px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    background: -moz-linear-gradient(#EDEDED, white);
    background: -webkit-linear-gradient(#EDEDED, white);
    background: -ms-linear-gradient(#EDEDED, white) repeat scroll 0 0 transparent; /*For IE10*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = '#EDEDED', endColorstr = 'white'); /*For IE7-8-9*/
    float: right;
    padding: 10px;
    width: 868px;
}

.containerAccess {
    margin-top: 30px;
    float: left;
    width: 880px;
}

.containerTabs {
    position: relative;
    float: right;
    margin-right: 9px;

}

/** ***************************************************** **/
/** ************************ OTHERS ********************* **/
/** ***************************************************** **/

.selectTools {
    color: #000099;
    font-size: 13px;
    font-family: Trebuchet MS, Arial, san-serif;
    width:120px;
    float: left;
    padding-right: 0px;
}

.selectArchs {
    color: #000099;
    font-size: 14px;
    font-family: Trebuchet MS, Arial, san-serif;
    width:200px;
    float: left;
    padding-left: 60px;
    text-decoration: none;
}

.selectCal {
    color: #000099;
    font-size: 13px;
    font-family: Trebuchet MS, Arial, san-serif;
    width:126px;
    float: left;
    padding-top: 0px;
    margin-left: 417px; 
}

.selectCalO3 {
    color: #000099;
    font-size: 13px;
    font-family: Trebuchet MS, Arial, san-serif;
    width:126px;
    float: left;
    padding-top: 0px;
    margin-left: 332px;
}

.selectCalF {
    color: #000099;
    font-size: 13px;
    font-family: Trebuchet MS, Arial, san-serif;
    width:126px;
    float: left;
    padding-top: 0px;
    margin-left: 200px;
}

#quickLookButton {
    background: none repeat scroll 0 0 #eaffff;
    color: #000099;
    font-size: 12px;
    font-family: Trebuchet MS, Arial, san-serif;
    float: right;
    margin: 15px 50px 0;
}

#beginDate, #endDate, #beginDateMens, #beginDateSO2 {
    background-image: url("../../resources/icons/calendrier-icone-16x16.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000099;
}

#beginYear, #beginMonth, #beginDay {
    background-position: right center;
    background-repeat: no-repeat;
    color: #000099;
    font-size: 13px;
    font-family: Trebuchet MS, Arial, san-serif;
}

#datePicker, #datePickerMens, #datePickerSO2 {
     background-image: url("../../resources/icons/calendrier-icone-16x16.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000099;
}

.radioProductLevel {
    margin-right: 10px;
}

.radioSat {
    margin-left: 19px;
    color: #0066FF;
}

#productLevelComment {
    margin-left: 70px;
    padding: 20px;
    float: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: solid 1px #AAAAAA;
    color: #AAAAAA;
    font-size: 11px;
    width: 350px;
    height: 18px;
}

#buttonDataAccess {
    float: right;
}


/** ***************************************************** **/
/** ************************ TABS *********************** **/
/** ***************************************************** **/
.tab_class {
    background: none repeat scroll 0 0 #AAAAAA;
    border-radius: 4px 4px 0 0;
    color: white;
    float: right;
    height: 19px;
    margin-left: 11px;
    margin-right: -10px;
    margin-top: 0px;
    padding: 4px;
}

.tab_class.activated {
    background: none repeat scroll 0 0 #EDEDED; /*color: #3167AD;*/
    color: #051039;
}

.tabbutton_class {
    background: none repeat scroll 0 0 #AAAAAA;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 4px 4px;
    color: white;
    cursor: pointer;
    float: right;
    height: 19px;
    margin-left: 11px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 4px;
}

.tabbutton_class.activated {
    background: none repeat scroll 0 0 #EDEDED; /*color: #3167AD;*/
    color: #0066FF;
}


/** ***************************************************** **/
/** ************************ MAP *********************** **/
/** ***************************************************** **/
div.olMap {
    cursor: default;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 0;
}

.smallmap {
    border: 1px solid #CCCCCC;
    height: 256px;
    width: 512px;
    float:left;
}
.geoform {
    float: right;
    height:180px;
    width:300px;
    margin-top:78px;
}
.geoformlat {
    position:relative;
    margin-left: 80px;
}
.geoformlon {
    position:relative;
    margin-left: 45px;
}
.geoformreset {
    position:relative;
    margin-left: 58px;
}

/**.olControlNavToolbar {
			  top: 150px !important;
			}
*/
.olControlDrawFeaturePathItemInactive
{
display: none !important;
    }



/****************************************************************/
/**********************Calendar*********************************/
/**************************************************************/
#AnyTime--endDate, #AnyTime--beginDate    {
    z-index: 1000;
}

.datepicker {
/** margin: -74px 0 0 117px;**/
    margin: 14px 0 0 -10px;
}

.datepicker table {
    font-family: Trebuchet MS,Arial,san-serif;
    font-size: 12px;
    line-height: 0.3em;
    color: #000099;
}
.datepicker td, .datepicker th {
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    height: 11px;
    text-align: center;
    width: 13px;
}

.imgdart {
    border: 0 none;
    height: 12px;
    max-width: 100%;
    vertical-align: middle;
    margin-top: -10px;
    cursor: pointer;
}