source: ether_megapoli/trunk/web/resources/css/visu_parameter_by_pf.css @ 241

/* ****************** CONTAINERS ************************* */
#containerPlateforms, #containerParameters, #containerCalendar {
    margin-top: 10px;
}

.containerParameter {
    width: 250px;
}

.containerPlateform, .containerParameter {
    color: #6178BC;
}

.containerPlateform:hover, .containerParameter:hover {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    text-decoration: none;
    background: #70739C;
    color: #FFFFFF;
}

#containerOptionTitle, #containerOptionType, #containerOptionCalendar {
    margin-bottom: 25px;
}

#containerOptionTitle {
    margin-right: 22px;
}

#containerButtons {
    margin-top: 25px;
}

#containerOptionPlotsSelect {
    margin-bottom: 15px;
    margin-top: 10px;
}

/* ****************** LOADINGS ************************* */
#loadingForPlateforms, #loadingForParameters {
    position: relative;
    top: 105px;
    left: 91px;
}

.loadingPlot {
    margin: auto;
    height: 15px;
    width: 128px;
    margin-top: 50px;
}

/* ****************** OTHERS ************************* */
#NoPlateform, #NoParameter {
    position: relative;
    top: 100px;
    left: 65px;
    color: #04155D;
}

.plateform_selected, .plateform_selected:hover,
.parameter_selected, .parameter_selected:hover {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    background: #70739C;
    color: #E1DEF1;
    text-decoration: none;
}

.actionButtons {
/*margin: 0px 22px;*/
    margin-left: auto;
    margin-right: auto;
    max-width: 240px;
}

#copyright {
    margin-left: -80em;
}

.messagesHeight {
    margin-bottom: 5px;
}

.messages_number_parameters {
    color: #806159;
    font-weight: bold;
    vertical-align: middle;
    font-size: 80%;
    margin-top: 2px;
}

.select_plot_option .select_item_middle:hover {
    background-color: #ffffff;
    color: #70739C;
}

.toolTipPlots {
    margin-top: 4px;
}

.imageExamples {
    margin: 10px;
}

.textExamples {
/*color: #04155D;*/
    margin-bottom: 10px;
}

.textExamplesTD {
    margin: 10px;
    color: #04155D;
    text-align: center;
}

.parameter_name_subMenu, .parameter_name_subMenu:hover {
    position: relative;
    margin-left: 10px;
    margin-right:10px;
}

.parameter_name_subMenu:hover {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    background-color: #DDEEF6;
}

/** ************************************ **/
/** ************ CALENDAR ************** **/
/** ************************************ **/
/*.embeddedCalendar*/
/*{*/
/*margin-top: 10px;*/
/*margin-bottom: 10px;*/
/*max-width: 240px;*/
/*}*/

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

div.leftField {
    float: left;
}

div.rightField {
    float: right;
    margin-right: 53px;
}

/** ************************************ **/
/** ************ BUTTONS *************** **/
/** ************************************ **/