/* 
    Document   : localization
    Created on : 2011/10/03, 14:38:19
    Author     : EUREX
    Description:
        Purpose of the stylesheet follows.
*/

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

#correction_modal{
    width:80%;
    max-width: 740px;
    margin: 12px auto;
    background: #ebebeb;
    padding: 12px;
    border: 1px solid #f3f3f3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.3);
    z-index: 2000;
    position: absolute;
    left: 10%;
    display:none;
}

#cor_item_code{
    font-size: 120%;
    color: #555;
}

.cor_title{
    font-family: georgia, sans-serif;
    font-weight: bold;
    color: #999;
    text-shadow: 0px 1px 0px #f3f3f3;
    
}

.cor_row{
    clear:both;
}

.cor_row select{
    min-width: 320px;
    margin-bottom: 12px;
}

.cor_row select option{
    font-size: 120%;
    padding: 3px;
}

.cor_horizontal{
    display: block;
    width: 30%;
    float: left;
    margin-right: 12px;
}


#correction_modal h4{
    clear:both;
    font-size: 180%;
    font-weight: bold;
    font-family: 'Times New Roman', serif;
    text-shadow: 0px 1px 0px #f3f3f3;
    
    margin-bottom: 6px;
    color #444;
}

#cor_remarks{
    width:78%;
    clear:both;
    min-height: 120px;
    border: 1px solid #bbb;
    background-color: #f5f5f5;
    padding: 3px;
    color: #333;
}

#cor_remarks:hover, #cor_remarks:focus, #Proposed:hover, #Proposed:focus{
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    border: 1jpx solid #f1f1f1;
}

#correction_submit{
    clear:both;
    margin: 18px auto;
    background: #499bea; /* Old browsers */
    background: -moz-linear-gradient(top, #499bea 0%, #13518e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#13518e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #499bea 0%,#13518e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #499bea 0%,#13518e 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #499bea 0%,#13518e 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#13518e',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #499bea 0%,#13518e 100%); /* W3C */
    border: 1px solid #14528F;
    padding: 6px 12px;
    color: #FFF;
    font-size: 140%;
    font-weight:bold;
    letter-spacing: 0.22em;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0px -1px 0px #1F61A2;
    filter: dropshadow(color=#1F61A2, offx=0, offy=-1);
    cursor: pointer;
}

#correction_submit:hover{
    background: #3f7cc6; /* Old browsers */
background: -moz-linear-gradient(top, #3f7cc6 0%, #0e3a68 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f7cc6), color-stop(100%,#0e3a68)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3f7cc6 0%,#0e3a68 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3f7cc6 0%,#0e3a68 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #3f7cc6 0%,#0e3a68 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f7cc6', endColorstr='#0e3a68',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #3f7cc6 0%,#0e3a68 100%); /* W3C */
}

#cor_notes{
    padding: 12px 3px;
}

.cor_error_note{
    font-size: 98%;
    margin-bottom: 9px;
    text-shadow: 0px 1px 0px #f3f3f3;
   
    color: #555;
}

/* Close Button */

.correction_modal_close{
    padding: 4px 6px;
    border: 1px solid #ccc;
    background-color: #DEDEDE;
    color: #666;
    font-size: 110%;
    float: right;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.correction_modal_close:hover{
    color: #fff;
    background-color: #990000;
    border: 1px solid #700202;
}

textarea#Proposed{
	font-size:10px;
/*	width:270px;
	height:120px;*/
        width:98%;
        min-height: 60px;
        padding: 3px;
        border: 1px solid #bbb;
        background-color: #f5f5f5;
        color: #333;
        font-size: 120%;
}

/* TEXT BACKGROUND */

.edit_trans{
    background: transparent url('/img/edit_trans_bg.png') scroll repeat;
    width:auto;
    display:inline;
    cursor: pointer;
}

#correction_dialog_mask{
    background-color: #000000;
    display:none;
    z-index: 1900;
}

#translation_en, #original{
    font-size: 120%;
    text-shadow: 0px 1px 0px #f5f5f5;
    
    color: #333;
}