/* 
    Document   : bj_forms
    Created on : Mar 17, 2009, 12:08:10 PM
    Author     : mforbes@bocajava.local
    Description:
        Form styles
*/

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

li input, td input, li textarea, li select, td select {
    background: url("/images/2009/input_bg.jpg") repeat-x scroll 0 0 transparent;
    border: 1px solid #666666;
    display: block;
    max-width: 220px;
    padding: 0.2em;
}


li input.qty
{
    width:65px;
}

label
{
    display:block;
    color:#666;
    font-weight:bold;
}

.label-b label{font-weight:normal;font-size:116%;color:#000;}
.label-b input{margin-top:.2em;}

label span
{
    display:block;
    font-size:84%;
    color:#666;
    font-weight:normal;
}

.fh li
{
    overflow:auto;
    display:block;
    zoom:1;
    margin:.4em 0 0em 0;
    padding:0 0 .4em 0;
    
}

.fh li label, .fh li input, .fh li textarea, .fh li select
{
    width:50%;
    float:left;
    margin-right:2%;

}



.fh li label
{
    width:30%;
    text-align:right;
    margin-top:.2em;
}

.fh li.in_half label
{
    width:50%;
}

.fh li.in_half input
{
    width:30px;
}


.fh li.cb input
{
    float:left;
    margin-left:32%;
    background:none;
    border:0;
    width:30px;
    display:inline;
}

.fh li.cb label
{
    font-weight:normal;
    width:48%;
    text-align:left;
    float:left;
}

.fi li.cb{overflow:auto;}

.fi li.cb input
{
    float:left;
    width:30px;
}

.fh li.nl
{
    overflow:hidden;
}

.fh li.nl button
{
    float:left;
    margin:0 2% 0 32%;
}



.fv li
{
    padding:.5em;
    position:relative;
    clear:both;
    overflow:auto;
    zoom:1;
}

.fv label
{
    margin-bottom:.2em;
}

.fv li input, .fv li textarea, .fv li select
{
    width:80%;
    float:left;
}

.fv li.cb
{
    overflow:auto;
    zoom:1;
}

.fv li.cb label
{
    float:left;
    width:80%;
}

.fv li.cb input
{
    float:left;
    width:20px;
    margin-right:.2em;
    border:0;
    background:#fff;
    background-image:none;
}

li .LV_valid
{
    position:absolute;
    top:0;
    right:.5em;
    display:block;
    width:57px;
    height:20px;
    z-index:10;
    background:url(/images/2009/sprite.png?v=3) 0 0 no-repeat;
}

.fv li .LV_valid
{
    top:1.6em;
}

.fv li .LV_invalid, .fh li .LV_invalid, .tt_invalid, .fi li .LV_invalid
{
    padding:.2em;
    margin:.2em 0 .2em 0;
    display:block;
    background:url(/images/2009/error_bg.png);
    color:#CC0000;
    border:1px solid #cc0000;
    font-size:93%;
    width:80%;
}

.fh li .LV_invalid
{
    clear:both;
    width:50%;
    margin-left:32%;
    position:relative;
    top:2px;
}

* html .fh li .LV_invalid
{
    width:73%;
}

ul.fi
{
    overflow:auto;
    zoom:1;
}

.fi li
{
    display:inline;
    float:left;
    margin-right:1em;
    position:relative;
}


.fi li select
{
    font-size:93%;
}


.fv.col_2 li
{
    float:left;
    width:45%;
}


.label_over li
    {
        position:relative;
    }

.label_over li.num
{
    top:4px;
}

 .label_over li label
    {
        position:absolute;
        z-index:2;
        top:4px;
        left:4px;
    }

    .label_over li textarea{
        position:relative;top:0;left:0;z-index:0;
}

ul.fi.label_over
    {
        margin:2px 0px 2px 0px;
        padding:.5em 0 .5em 0;
        height:auto;
    }

    ul.label_under label{clear:both!important;position:relative;top:2px;}

    /** search form on black, white border **/
    #f_searchtype{border:1px solid #fff;width:100px;}




 .vh_invalid{background:#feefef url('/images/2009/input_bg_invalid.jpg') top no-repeat!important;}
 .vh_valid{background:transparent url('/images/2009/input_bg_valid.jpg') top no-repeat!important;}




 .fv li{margin:2px;padding:5px;}
.tooltip-error-content{padding-left:25px;padding-top:2px;background:url('/images/2010/av_error.gif') 0px 43% no-repeat;}
.avErrorMessage{clear:both;}

.avSuccess{position:relative;top:5px;width:16px;height:16px;left:2px;float:left;}
/*form.tt .avSuccess{position:absolute;top:48%;right:15px;width:20px;}*/
.ui-tooltip { padding:8px; width:100px; position:absolute; z-index:9999; }
body .ui-tooltip { border-width:2px; }
.ui-state-success .ui-icon{background:none;display:none;}

.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.avErrorMessage{clear:both;font-size:11px!important;padding:10px;}
.avErrorMessage .ui-state-error{background:#ffe2e2;border:1px solid #740d0d;}

.translucent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}