/* 
    Document   : chromo_page_fields
    Created on : Nov 27, 2012, 6:11:47 PM
    Author     : ChromoSoft
    Description:
        Purpose of the stylesheet follows.
*/

span.ch_flds_span_typ_01, 
.ch_flds_txtbox,
.ch_flds_textarea,
.ch_flds_dtpicker{
    clear:both;
    display:block;
    position:relative;
}

span.ch_flds_span_typ_01, button.ch_flds_btn{
    font-size:11pt;
}

.ch_flds_txtbox, .ch_flds_btn,
.ch_flds_textarea,
.ch_flds_dtpicker{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    -moz-transition:all 0.4s;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}

/*
| field(s) : span
*/
span.ch_flds_span_typ_01{
    color: #4C4C4C;
    margin: 7px 0px 2px 0px;
}
span.ch_flds_span_typ_02{
    color: #4C4C4C;
    display:inline-block;
    font-size:10pt;
    position:relative;
    top:-7px;
    word-wrap: break-word;
}

/*
| fields(s) : textbox
*/
.ch_flds_txtbox,
.ch_flds_dtpicker{
    border: 1px solid #d2cece;
    height:2em;
    padding: 0px 4px 0px 4px;
    outline: none;
    width:99.9%;
    
    
    -moz-box-shadow: 0px 0px 2px rgba(210,206,206,0.6) inset;
    -webkit-box-shadow: 0px 0px 2px rgba(210,206,206,0.6) inset;
    box-shadow: 0px 0px 2px rgba(210,206,206,0.6) inset;
}
.ch_flds_txtbox:focus,
.ch_flds_dtpicker{
    border: 1px solid #9e9b9b;
}

/*
| field(s) : date picker
*/
.ch_flds_dtpicker{
    display:inline-block !important;
}

/*
| field(s) : textarea
*/
.ch_flds_textarea{
    border: 1px solid #b4b4b4;
    font-size:9pt;
    line-height: 10pt;
    min-height:6em;
    padding: 3px;
    outline: none;
    width:70%;
        
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3) inset;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.3) inset;
}
.ch_flds_textarea:focus{
    border: 1px solid #000;
}

/*
| fields(s) : radio/check
*/
.ch_flds_radio,
.ch_flds_check{
    display:inline-block;
    position:relative;
}

/*
| fields(s) : commands
*/
button.ch_flds_btn{
    background: url("../images/cf_flds_btn_bg.png") repeat-x #504f4f;
    border:1px solid #4C4949;
    color:#FFF;
    cursor:default;
    font-size:10pt;
    line-height:12pt;
    margin: 5px -1px 5px 0px;
    min-width: 87px;
    padding: 6px;
    position:relative;
    text-shadow : 0px 0px 1px rgba(0,0,0,0.2);
}
button.ch_flds_btn:last-child{
    margin: 5px 5px 5px 0px;
}
button.ch_flds_btn:hover{
    background: #383d42;
    border:1px solid #000;
    text-shadow: 0px 1px 1px #000;
}

/*
| fields(s) : links
*/
.ch_flds_txtLink:hover{
    text-decoration: underline;
}

/*
| fields(s) : table
*/
table.ch_fld_hldr{
    border-collapse: collapse;
    font-family: Tahoma,Helvetica,Sans-Serif;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
    width: 99.9%;
}
table.ch_fld_hldr tr{
    width:100%;
}
table.ch_fld_hldr tr td{
    font-size:10pt;
    padding:3px;
}
table.ch_fld_hldr tr td.center{
    text-align: center;
}
table.ch_fld_hldr tr td.right{
    text-align: right;
}
.ch_flds_txtLink{
    text-align: right;
    text-decoration: underline;
}
table.ch_fld_hldr tr td[name=enclose],
table.ch_fld_hldr tr td[name=encl_tbl],
table.ch_fld_hldr tr td[name=encl_trb],
table.ch_fld_hldr tr td[name=encl_rl],
table.ch_fld_hldr tr td[name=encl_tb],
table.ch_fld_hldr tr td[name=encl_tl],
table.ch_fld_hldr tr td[name=encl_tr],
table.ch_fld_hldr tr td[name=encl_t],
table.ch_fld_hldr tr td[name=encl_b],
table.ch_fld_hldr tr td[name=encl_l],
table.ch_fld_hldr tr td[name=encl_r],
table.ch_fld_hldr tr td[name=encl_trl],
table.ch_fld_hldr tr td[name=encl_rbl],
table.ch_fld_hldr tr td[name=encl_rb],
table.ch_fld_hldr tr td[name=encl_bl]{
    border-collor:#000;
    border-style: solid;
}
table.ch_fld_hldr tr td[name=enclose]{
    border-width: 1px;
}
table.ch_fld_hldr tr td[name=encl_tbl]{
    border-width: 1px 0px 1px 1px;
}
table.ch_fld_hldr tr td[name=encl_trb]{
    border-width: 1px 1px 1px 0px;
}
table.ch_fld_hldr tr td[name=encl_rl]{
    border-width: 0px 1px 0px 1px;
}
table.ch_fld_hldr tr td[name=encl_tb]{
    border-width: 1px 0px 1px 0px;
}
table.ch_fld_hldr tr td[name=encl_tl]{
    border-width: 1px 0px 0px 1px;
}
table.ch_fld_hldr tr td[name=encl_tr]{
    border-width: 1px 1px 0px 0px;
}
table.ch_fld_hldr tr td[name=encl_t]{
    border-width: 1px 0px 0px 0px;
}
table.ch_fld_hldr tr td[name=encl_b]{
    border-width: 0px 0px 1px 0px;
}
table.ch_fld_hldr tr td[name=encl_r]{
    border-width: 0px 1px 0px 0px;
}
table.ch_fld_hldr tr td[name=encl_l]{
    border-width: 0px 0px 0px 1px;
}
table.ch_fld_hldr tr td[name=encl_trl]{
    border-width: 1px 1px 0px 1px;
}
table.ch_fld_hldr tr td[name=encl_rbl]{
    border-width: 0px 1px 1px 1px;
}
table.ch_fld_hldr tr td[name=encl_rb]{
    border-width: 0px 1px 1px 0px;
}
table.ch_fld_hldr tr td[name=encl_bl]{
    border-width: 0px 0px 1px 1px;
}

.imgBtn:hover{
    opacity : 0.3;
    filter : alpha(opacity = 30);
}
.imgBtn{
    transition: all 0.4s ease 0s;
}