/**
 * Forms.
 *
 * @package    themes
 * @subpackage default2
 * @author     Dmitri Lakachauskis <lakiboy83@gmail.com>
 */

/* Fieldset / legend */
fieldset {
    margin-bottom: 0.6em;
    padding: 1em 0 0.5em;
    #padding-top: 0; /* fix MSIE fieldsetPadding behaviour */
}
fieldset.noLegend {
    padding-top: 0;
}
fieldset.hr {
    border-top: 1px solid black;
}
fieldset.lastChild {
    margin-bottom: 0;
    padding-bottom: 0;
}
fieldset legend {
    #margin-bottom: 0.8em; /* fix MSIE behaviour */
    #margin-left: -7px;
    #padding-bottom: 0.2em;
    padding-right: 0.5em;
    font-weight: bold;
    font-size: 1.1em;
    color: #333;
    line-height: 22px;
}


/* Form elements */
input.text, select, textarea {
    /*border-width: 1px;
    border-style: solid;
    border-color: #7c7c7c #c3c3c3 #ddd #c3c3c3;
    width: 170px;
    padding: 2px;
    background: #fff url(<?php echo $baseUrl ?>/images/bg/form_input_m.gif) repeat-x left top;
    font-size: 0.9em;
    color: #666;*/
}
textarea {
    height: 6em;
}
label {
    color: #333;
}

input.text, select, textarea{
	border: 1px solid #ccc;
	width: 170px;
	line-height: 16px;
}

input.shortest, select.shortest, textarea.shortest{
	width: 3em;
}

input.short, select.short, textarea.short{
	width: 6em;
}

input.long, select.long, textarea.long{
	width: 35em;
}

input.full, select.full, textarea.full{
	width: 98%;
}

label.required, input.required, select.required, textarea.required{
	font-weight: bold;
}

fieldset span.help{
	text-align:left;
	font-size: 0.8em;
	color: #888;
}
/*Focus para elementos de formulario.
	SI SE MODIFICA ESTO hay que irse a header.html y cambiar también el estilo 
	que se monta para internet explorer (se llama .sffocus)
*/

input.text:focus, select:focus, textarea:focus{
	background: #fffff6; 
	border: 1px solid #d2d282;
}

/* Ordered list for displaying form elements */
form fieldset ol {
    margin: 0;
    list-style: none;
    line-height: 1em;
}
    form fieldset ol li {
        clear: left;
        margin: 0;
        padding-bottom: 0.6em;
        padding-left: 200px;
        <?php if ($isFormSubmitted) { echo "#margin-bottom: 0.6em; /* fix MSIE behaviour on submit */"; } ?>
    }
        form fieldset ol li div {
            <?php if ($isFormSubmitted) { echo "#float: left; /* fix MSIE behaviour on submit */"; } ?>
            #display: inline; /* fix MSIE */
            margin-bottom: 0;
        }
        form fieldset ol li label {
            float: left;
            margin-left: -200px;
            width: 180px;
            text-align: right;
            line-height: 16px;
        }
        form fieldset ol li label.c17Icon, dt.c17Icon{
            background-image: url(<?php echo $themeUrl ?>/images/icons/c17_small.png) !important;
            /*background-image: url(<?php echo $themeUrl ?>/images/icons/c17_small.gif);*/
            background-position: center left;
            background-repeat: no-repeat;
        }
        form fieldset ol li label.c17plusIcon, dt.c17plusIcon{
            background-image: url(<?php echo $themeUrl ?>/images/icons/c17plus_small.png) !important;
            /*background-image: url(<?php echo $themeUrl ?>/images/icons/c17plus_small.gif);*/
            background-position: center left;
            background-repeat: no-repeat;
        }
        form fieldset ol li label.k17Icon, dt.k17Icon{
            background-image: url(<?php echo $themeUrl ?>/images/icons/k17_small.png) !important;
            /*background-image: url(<?php echo $themeUrl ?>/images/icons/k17_small.gif);*/
            background-position: center left;
            background-repeat: no-repeat;
        }
        form fieldset ol li label.p17Icon, dt.p17Icon{
            background-image: url(<?php echo $themeUrl ?>/images/icons/p17_small.png) !important;
            /*background-image: url(<?php echo $themeUrl ?>/images/icons/p17_small.gif);*/
            background-position: center left;
            background-repeat: no-repeat;
        }
        form fieldset ol li label.ill17Icon, dt.ill17Icon{
            background-image: url(<?php echo $themeUrl ?>/images/icons/ill17_small.png) !important;
            /*background-image: url(<?php echo $themeUrl ?>/images/icons/ill17_small.gif);*/
            background-position: center left;
            background-repeat: no-repeat;
        }
        form fieldset ol li label.az17Icon, dt.az17Icon{
            background-image: url(<?php echo $themeUrl ?>/images/icons/az17_small.png) !important;
            /*background-image: url(<?php echo $themeUrl ?>/images/icons/az17_small.gif);*/
            background-position: center left;
            background-repeat: no-repeat;
        }
        form fieldset ol li p { /* field comments */
            margin-top: 0.2em;
            margin-bottom: 0;
            font-size: 0.9em;
        }
        form fieldset ol li p.error { /* field error */
            margin-top: 0;
            margin-bottom: 0.3em;
            color: #f00;
        }


/* Fields on top */
form fieldset ol.onTop {
}
    form fieldset ol.onTop li {
        clear: none;
        padding-left: 0;
        <?php if ($isFormSubmitted) { echo "#margin-bottom: 0; /* restore behaviour */"; } ?>
    }
        <?php if ($isFormSubmitted) { echo "form fieldset ol.onTop li div {  /* restore behaviour */ #float: none; }"; } ?>

        form fieldset ol.onTop li label {
            float: none;
            display: block;
            margin-left: 0;
            margin-bottom: 0.2em;
            width: auto;
            text-align: left;
        }


/* Additional */
form em {
    font-style: normal;
    color: #f00;
}
form div,
form p {
    margin-bottom: 0.6em;
}
form .fieldIndent, div .fieldIndent {
    margin-left: 200px;
    margin-top: 5px;
}

/*Secondary option button in forms*/
div.fieldIndent input.secondary {
    margin-left: 53px;
}

.search {
	padding-left: 18px;
	background-image: url(<?php echo $themeUrl ?>/images/icons/search_16.png) !important;
	/*background-image: url(<?php echo $themeUrl ?>/images/icons/search.gif);*/
	background-position: 2px center;
	background-repeat: no-repeat;
}
.save {
	padding-left: 18px;
	/*background-image: url(<?php echo $themeUrl ?>/images/icons/save.gif);*/
	background-image: url(<?php echo $themeUrl ?>/images/icons/save_16.png);
	background-position: 2px center;
	background-repeat: no-repeat;
}
.cancel, .delete {
	padding-left: 18px;
	/*background-image: url(<?php echo $themeUrl ?>/images/icons/cancel.gif);*/
	background-image: url(<?php echo $themeUrl ?>/images/icons/cancel_16.png);
	background-position: 2px center;
	background-repeat: no-repeat;
}
.continue {
	padding-left: 18px;
	/*background-image: url(<?php echo $themeUrl ?>/images/icons/continue.gif);*/
	background-image: url(<?php echo $themeUrl ?>/images/icons/continue_16.png);
	background-position: 2px center;
	background-repeat: no-repeat;
}
.add {
	padding-left: 18px;
	/*background-image: url(<?php echo $themeUrl ?>/images/icons/add.gif);*/
	background-image: url(<?php echo $themeUrl ?>/images/icons/add_16.png);
	background-position: 2px center;
	background-repeat: no-repeat;
}


.consultar_catalogo {
	padding-left: 18px;
	background-image: url(<?php echo $themeUrl ?>/images/icons/search_16.png) !important;
	background-position: 2px center;
	background-repeat: no-repeat;
	text-align : center;
	font-weight: bolder;
	font-size: 1.2em;
}

.edit {
    padding-left: 18px;
    /*background-image: url(<?php echo $themeUrl ?>/images/icons/edit.gif);*/
    background-image: url(<?php echo $themeUrl ?>/images/icons/edit_16.png);
    background-position: 2px center;
    background-repeat: no-repeat;
}    
.minus {
	padding-left: 18px;
	/*background-image: url(<?php echo $themeUrl ?>/images/icons/minus.gif);*/
	background-image: url(<?php echo $themeUrl ?>/images/icons/minus_16.png);
	background-position: 2px center;
	background-repeat: no-repeat;
}
.plus {
	padding-left: 18px;
	/*background-image: url(<?php echo $themeUrl ?>/images/icons/plus.gif);*/
	background-image: url(<?php echo $themeUrl ?>/images/icons/plus_16.png);
	background-position: 2px center;
	background-repeat: no-repeat;
}
.back {
	padding-left: 18px;
	/*background-image: url(<?php echo $themeUrl ?>/images/icons/back.gif);*/
	background-image: url(<?php echo $themeUrl ?>/images/icons/back_16.png);
	background-position: 2px center;
	background-repeat: no-repeat;
}
.yes {
	padding-left: 18px;
	/*background-image: url(<?php echo $themeUrl ?>/images/enabled.gif);*/
	background-image: url(<?php echo $themeUrl ?>/images/enabled_16.png);
	background-position: 2px center;
	background-repeat: no-repeat;
}
.download {
    padding-left: 18px;
    background-image: url(<?php echo $themeUrl ?>/images/icons/download_16.png) !important;
    /*background-image: url(<?php echo $themeUrl ?>/images/icons/download.gif);*/
    background-position: 2px center;
    background-repeat: no-repeat;
}
/* No forms layout */
div.fieldsetlike {
    padding-bottom: 0.6em;
    background-color: <? echo $bg_fieldsetlike ?>;
}
    div.fieldsetlike span.legendlike {
        margin-bottom: 0.6em;
        font-weight: bold;
        font-size: 1.1em;
        line-height: 22px;
        color: #333;
    }
    div.fieldsetlike dl {
        margin-left: 160px;
        margin-bottom: 0;
        line-height: 1em;
    }
        div.fieldsetlike dl dt {
            float: left;
            display: inline;
            overflow: hidden; /* one row label only */
            height: 1.2em;
            line-height: 16px;
            margin-left: -160px;
            width: 140px;
            text-align: right;
            font-weight: normal;
            color: <? echo $color_fieldsetlike_dt; ?>;
        }
		div.fieldsetlike dl dt2 {
            float: left;
            display: inline;
            overflow: hidden; /* one row label only */
            height: 1.2em;
            line-height: 16px;
            margin-left: -140px;
            text-align: right;
            font-weight: normal;
            color: <? echo $color_fieldsetlike_dt; ?>;
        }        
        div.fieldsetlike dl dt22 {
            margin-left: -140px;
            margin-bottom: 0.8em;
            line-height: 16px;
            min-height: 2.4em;
            _height: 2.4em; /* min height for ie6 */
            padding-bottom: 0.4em; /* fix MSIE bug */
            color: green;
        }        
        div.fieldsetlike dl dd {
            margin-left: 0;
            margin-bottom: 0.4em;
            line-height: 16px;
            min-height: 1.2em;
            _height: 1.2em; /* min height for ie6 */
            padding-bottom: 0.2em; /* fix MSIE bug */
            color: <? echo $color_fieldsetlike_dd; ?>;
        }
        div.fieldsetlike dl dd span.help{
			text-align:left;
			font-size: 0.8em;
			color: #888;
		}
/* END no forms layout */

/* Clase para añadirle un borde a cualquier div fieldset o fieldsetlike*/
.bordered {
	border: 1px solid #ccc;
	background: #f5f5f5;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 4px;
}

.bordered span.legendlike {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}

.bordered legend {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}

.collapsible{
	display:inherit;
}

.collapsed {
	display:none;
}

.extended {	
	display:block;
}

.extended dd{
	font-style: italic;
}

ul.horizontal{
	list-style-type: none;
	margin:0px;
	padding:0px;
	display: inline;
}

ul.horizontal li{
	position: relative;
	float: left;
	display: inline;
}

ul.horizontal li label{
	float:left;
}

ul.horizontal li div{
	float:left;
}

/*Validaciones*/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}