/* 
    Document   : style_pdf-csv-export
    Created on : 7 oct. 2013, 16:18:27
    Author     : cpoitevi
    Description:
        Purpose of the stylesheet follows.
*/

.form_export {
    border-radius: 0px;
    counter-reset: none;
}

.export {
    width : 210px;
    height: auto;
    margin-left: 700px;
    margin-top: -172px;
    margin-bottom: 5px;
    border: 2px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
    font-family: calibri;
    background-color: #CCCCCC;
}

.export_title {
    border-bottom: 2px solid #000000;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    font-weight: bold;
    background: url("./ui/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;
    padding: 7px 0px;
    text-align: center;
    cursor: default;
}

.export_title_sub {
    font-weight: bold;
    font-size: 16px;
    color: white;
    vertical-align: middle;
}

.export_format_title, .export_area_title {
    border-top: 1px solid white;
    padding-bottom: 1px;
    padding-top: 2px;
    margin-top: 0px;
    margin-bottom: 2px;
    font-size: 13px;
    cursor: pointer;
}

.export_recap {
    border-top: 2px solid #B47529;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 13px;
    cursor: default;
}

.export_recap_title {
    vertical-align: middle;
    margin-left: 5px;
} 

.export_area_title {
    margin-top: 4px;
}

.export_format_title_sub, .export_area_title_sub {
    vertical-align: middle;
    margin-left: 5px;
} 

li.export_submit {
    border-top: 2px solid #B47529;
    padding: 2px auto;
    margin-top: 4px;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    background-color: #FFFFFF;
    text-align: center;
}

button.export_submit_button {
    cursor: pointer;
    padding: 2px;
    margin: 5px 0px;
    font-family: calibri;
    font-size: 13px;
}

button.export_submit_button:hover {
    background-color: #B47529; 
    cursor: pointer;
    padding: 2px;
    margin: 5px 0px;
    font-family: calibri;
    font-size: 13px;
}

.export_recap_area, .export_recap_format {
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

.export_img_area, .export_img_format {
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

.radio_csv {
    display: none;
}

.radio_csv + label {
    width: 64px;
    height: 64px;
    background: url("../../squelettes/images/CSV.png") no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-left: 25px;
}

.radio_csv:checked + label {
    width: 64px;
    height: 64px;
    background: url("../../squelettes/images/CSV_h.png") no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-left: 25px;
}

.radio_pdf {
    display: none;
}

.radio_pdf + label {
    width: 64px;
    height: 64px;
    background: url("../../squelettes/images/PDF.png") no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-left: 28px;
    float: none;
}

.radio_pdf:checked + label {
    width: 64px;
    height: 64px;
    background: url("../../squelettes/images/PDF_h.png") no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-left: 28px;
    float: none;
}

.radio_full {
    display: none;
}

.radio_full + label {
    width: 64px;
    height: 64px;
    background: url("../../squelettes/images/FULL_AREA.png") no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-left: 25px;
    float: none;
}

.radio_full:checked + label {
    width: 64px;
    height: 64px;
    background: url("../../squelettes/images/FULL_AREA_h.png") no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-left: 25px;
    float: none;
}

.radio_sel {
    display: none;
}

.radio_sel + label {
    width: 64px;
    height: 64px;
    background: url("../../squelettes/images/SEL_AREA.png") no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-left: 28px;
    float: none;
}

.radio_sel:checked + label {
    width: 64px;
    height: 64px;
    background: url("../../squelettes/images/SEL_AREA_h.png") no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-left: 28px;
    float: none;
}