/* 
    Document   : formsGridGeneral
    Created on : 25.02.2011, 11:38:29
    Author     : ciro
    Description:
        Purpose of the stylesheet follows.
*/

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

@media screen and (max-width: 319px) {.unit{float: none !important; width: auto !important;}}
#page .line:after,#page .page .lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}

#page .line{zoom:1;margin-bottom: 6px;margin-top: 6px;}

#page .unit{float:left;}

#page .size1of1{float:none;}

#page .size1of2{width:50%;}

#page .size1of3{width:33.33333%;}

#page .size2of3{width:66.66666%;}

#page .size1of4{width:25%;}

#page .size3of4{width:75%;}

#page .size1of5{width:20%;}

#page .size2of5{width:40%;}

#page .size3of5{width:60%;}

#page .size4of5{width:80%;}

#page .size1of6{width:16.66666%;}

#page .size5of6{width:83.33333%;}

#page .size1of7{width:14.28571%;}

#page .size2of7{width:28.57142%;}

#page .size3of7{width:45%;}

#page .size4of7{width:55%;}

#page .size5of7{width:71.42857%;}

#page .size6of7{width:85.71428%;}
#page .lastUnit{display:table-cell;display:block;zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

#page strong.form_element_error {
    /*position: absolute;*/
    color: #C00;
    font-size: 65%;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
}
#page label {
    position: relative;
}
#page .inputClass {
    font-family:Arial;
    margin=1px;
}
#page .textAreaClass,#page .checkboxClass,#page .checkboxGroupClass{
    display: inline-block;
    vertical-align: top;
}
#page .radioClass{
    float:left;
    *float:auto;
    color: #000;
}
#page .popupClass{
    color: #000;
}

#page .popupClass{
    max-width: 150px;
    *width: expression(this.width > 150 ? 150: "auto");
}
#page .dateClass {
    width:auto;
    float:left;
    *float:auto;
    margin-left: 4px;
}
#page .radioLabel,#page  .checkboxGroupLabel{
    display:block;
    color: black;
}
#page .radioGroupClass{
    display:inline-block;
    width: 100%;
    float:left;
    *float:auto;
    color: black;
   /* *position: absolute;*/
    /**left: 75%;*/
    /**top: 0em;*/
}

#page fieldset {
    border: 0;
	margin: 0;
	padding: 0
}

#page .fieldsetClass{
    margin:1.5em 0 0 0;
    padding: 0;
}
#page .legendClass {
    white-space: normal !important;
    font-weight: bold;
    padding-left: 0;
    left:0;
    color: black;
    *margin-left:-7px;
}

#page span.legendClass{
    font-weight: normal;
    padding-left: 0;
    font-size: xx-small;
    color: black;
    *margin-left:0px;
}

#page .labelL,#page .labelR,#page .labelNormal,#page .labelLExtended,#page .labelRExtended,#page .labelNormalExtended,#page .labelLExtendedEsp,#page .labelRExtendedEsp,#page .labelNormalExtendedEsp,#page .labelLExtendedEsp2,#page .labelRExtendedEsp2,#page .labelNormalExtendedEsp2 {
    float:left !important;
}
#page label.labelL,#page label.labelR,#page label.labelNormal,#page label.labelLExtended,#page label.labelRExtended,#page label.labelNormalExtended,#page label.labelLExtendedEsp,#page label.labelRExtendedEsp,#page label.labelNormalExtendedEsp,#page label.labelLExtendedEsp2,#page label.labelRExtendedEsp2,#page label.labelNormalExtendedEsp2 {
    overflow: hidden;
}
#page .labelL, #page .size1of2 .labelR{
    width: 40%;
}
#page .labelL_container{
    width: 60%;
}
#page .size1of2 .labelR_container{
    width: 59%;
}
#page .labelNormal{
    width: 22% !important;
}
#page .labelNormal_container{
    width: 78% !important;
}
#page span.labelNormal{
    width: 100% !important;
}
#page .labelR{
    width:28%;
    margin-left:2px;
}
#page .labelR_container{
    width:71%;
}
#page fieldset fieldset{
    position:relative;
}
#page span.radioLabel{
    display: auto;
    *width:120px;
    color: black;
}
#page .labelLExtendedEsp2,#page .labelRExtendedEsp2,#page .labelNormalExtendedEsp2{
    width: 50% !important;
}
#page .labelLExtendedEsp2_container,#page .labelRExtendedEsp2_container,#page .labelNormalExtendedEsp2_container{
    width: 50% !important;
}
#page .labelLExtended,#page .labelRExtended,#page .labelNormalExtended{
    width: 75% !important;
}
#page .labelLExtendedEsp,#page .labelRExtendedEsp,#page .labelNormalExtendedEsp{
    width:150px;
}
#page .labelLExtended_container,#page .labelRExtended_container,#page .labelNormalExtended_container{
    width: 25% !important;
}
#page fieldset fieldset div.inputContainerClass.radioLabelExtended_container.radioLabelExtended_container.labelNormal{
    width: 25% !important;
}
#page .radioLabelExtended, #page .size1of1 legend.radioLabelExtended.labelNormal, #page .size1of1 legend.labelNormal.checkboxGroupLabelExtended{
    width: 68% !important;
    display: block;
    color: black;
    max-width: 68% !important;
}
#page fieldset fieldset div.inputContainerClass.labelNormal.checkboxGroupLabelExtended_container{
    width: 30% !important;
    *margin-left: 358px;
    _margin-left: 115px;
}
#page .size1of1 legend.radioLabelExtendedEsp2.labelNormal{
    width: 50% !important;
}
#page span.radioLabelExtended, #page .radioLabelExtendedEsp2{
    width: 100% !important;
    color: black;
}
#page .size1of1 legend.labelNormal.checkboxGroupLabelExtendedEsp2 {
    width: 50% !important;
}
#page fieldset fieldset div.inputContainerClass.labelNormal.checkboxGroupLabelExtendedEsp2_container{
    width: 49% !important;
    *margin-left: 270px;
    _margin-left: 115px;
}
#page .radioLabelExtendedEsp2{
    width: 50% !important;
    display: block;
    color: black;
}
#page legend.labelNormal,#page legend.labelL{
   white-space: normal;
   *margin-left:-7px;
   float: left;
}

#page .form_label_help_text,#page  .form_element_help_text{
    font-size: xx-small;
    display: inline-block
}
#page .labelNormalExtended span.form_label_help_text{
    display: block
}
#page  .form_element_help_text{
    display: block
}
.required{
    color: red;
}
#page .size1of1 legend.labelNormal {
    max-width: 67.6% !important;
    *width: expression(this.width > 67.6% ? 67.6%: "auto");
    float: left;
    color: black;
}
#page fieldset fieldset .inputContainerClass.radioLabelExtendedEsp2_container.labelNormal {
    width: 49% !important;
}
#page fieldset fieldset div.inputContainerClass.labelNormal{
    width: 75% !important;
}
#page div.labelNormal .radioGroupClass .radioOptionDesc.noBreaking{
    width: auto !important;
}
#page .radioGroupClass .radioOptionDesc{
    display: inline-block;
    *display: inline;
    vertical-align: top;
    width: 80%;
}
#page .size1of1 legend.checkboxGroupLabel{
    width: 22% !important;
    color: black;
}
#page .inputContainerClass{
    float: left;
}
#page .date_day,#page .date_month{
    float:left;
}
#page .size3of7 .inputContainerClass .form_element_help_text,#page .size4of7 .inputContainerClass .form_element_help_text{
    max-width: 165px;
    *width: expression(this.width > 165 ? 165: "auto");
}
#page .size1of1 .inputContainerClass .form_element_help_text{
    max-width: 90%;
    *width: expression(this.width > 165 ? 165: "auto");
}
/*#page .size1of1 label.textAreaClass,#page .size1of1 label.checkboxClass,*/
#page .size1of1 label.checkboxGroupClass{
    max-width: 350px;
    color: black;
}
#page select.date_day{
    *width: 40px;
    *float: none;
}
#page select.date_month{
    *width: 60px;
    *float: none;
}
#page .checkboxGroupClass input{
    display: inline;
}
#page .checkboxGroupClass label{
    margin-right: 5px;
    display: inline;
    color: black;
}
#page fieldset fieldset .inputContainerClass{
    *float: left;
    *position:relative;
    *margin-left: 115px;
    *margin-top: expression(-$(this).prev().height());
    *top: 0;
    *zoom: 1;
}

#page fieldset fieldset, #page .unit {
        *zoom: 1;
}
#page .size1of1 .inputContainerClass .form_element_help_text.checkbox_help{
    max-width: none;
}
.line .textAreaClass{
    width:371px;
}
table.form_outter_table {
    width: 534px;
    border-collapse: initial;
}

table.form_inner_table {
    width: 526px;
}

#page .size1of1 .inputContainerClass select.popupClass {
    max-width: inherit;
}

#contenttab .line select{
    width: auto;
}
#contenttab .line select.date_day{
    max-width: 40px;
    width: auto;
}
#contenttab .line select.date_month{
    max-width: 80px;
    width: auto;
}
#contenttab .line input.date_year{
    max-width: 50px;
    width: auto;
}
#page .labelRequired {
    font-weight: normal;
}

#page legend.legendClass {
    width: 100%;
    padding:2px 0;
}
#page span.legendClass {
    background-color: inherit;
    padding:2px 0;
}

#page em.required {
    color: red;
}