/*
* These styles are based on the styles by The Man in Blue
* http://www.themaninblue.com/experiment/InForm/fieldset.htm
*/

input, textarea {
    padding: 0.1em;
}

fieldset.container {
    background: none;
}

.field img {
    vertical-align: middle;
}

/**
* Base settings for fieldsets
*/
fieldset {
    display: block;
    margin: 0.5em 0.5em 0.5em 0;
    padding: 0 0.5em 0.7em 0.5em;
}


/**
* Fieldset
*/

fieldset.layout-horizontal {
    margin: 0.5em 0.5em 0.5em 0;
    padding: 0em 0.5em 0.7em 0.5em;
}

fieldset.layout-column {
    float: left;
    margin: 0.5em 0.5em 0.5em 0;
    padding: 0em 0.5em 0.7em 0.5em;
}

fieldset.layout-vertical {
    margin: 0.5em 0.5em 0.5em 0;
    padding: 0em 0.5em 0.7em 0.5em;
}

fieldset.layout-margin {
    border: 0 solid #FFFFFF;
    border-top: 1px solid #000000;
}


/*
* Fields
*/


fieldset .field {
    display: block;
    margin: 0.5em 0 0.5em 0;
    padding: 0;
    clear:both;
    float:left;
    /** Need ths otherwise IE doesn't calculate widths properly */
    width:100%;
}


.field>* {
    display:inline;
}

.field>table {
    display:table;
}


.layout-horizontal .field {
    float: left;
    margin: 0.2em 2em 0.2em 0em;
    width:auto;
    clear:none;
}

.layout-column .field {
    float: none;
    margin: 0 0.5em 0.5em 0;
    width:auto;
}


.layout-vertical.field {
    float: none;
    margin: 0 0.5em 0.5em 0;
    width:auto;
}



.fieldset-column {
    float:left;
}


/**
* Labels
*/

fieldset.bold-label .field label {
    font-weight: bold;
}


.field label{
    width:10em;
    float:left;
    margin: 0 .7em 0 0;
    padding: 0 0 0 0.5em;
    text-align: right;
    clear:left;
}

.label-above label{
    display: block;
    float: none;
    width: auto;
    text-align: left;
    margin: 0;
    padding: 0;
}

.label-above .label-beside label {
    width:10em;
    float:left;
    text-align: left;
    clear:left;

}


.layout-margin .field label {
    text-align: left;
    padding: 0 0 0 0.5em;
}

/**
*  Input elements
*/

.field input, .field textarea, .field select {
    margin: 0 0 0 0;
    float:left;
}

.field a {
    margin: 0 0 0 0;
    float:left;
}

/**
* Radio boxes
* Assume that a set of radio options is encludes in a <div class="radio-group"
* Each option is enclosed in <div class="radio-option"
*/

.radio-group {
    width:auto;
    display:block;
    float:left;
}

.radio-group .radio-option{
    display:inline;
    float:left;
}

.radio-group .radio-option input {
    display:inline;
    float: none;
    margin: 0;
    padding:0;
}

.radio-group .radio-option label {
    display: inline;
    margin: 0;
    padding:0;
    float:none;
    text-align:left;
    width:auto;
}

.radio-group .radio-option label:after{
  content:normal;
}

.label-above .radio-group {
    border: 2px ThreeDFace groove;
}

.label-above .radio-group .radio-option {
    display:block;
    float:none;
}
.label-above .radio-group .radio-option label {
    display:inline;
    float:none;
}



/**
* Buttons within fieldset
*/
fieldset div.buttons {
    padding: 0.2em 0;
    width:100%;
}
fieldset div.buttons .first{
    margin-left:10.5em
}


fieldset div.buttons * {
    /*font-size:120%;*/
}

fieldset.layout-horizontal div.buttons {
    display: block;
    clear: both;
    float: none;
    margin: 0.2em 0 0 0;
}

fieldset.layout-column div.buttons {
    margin: 0.2em 0 0 0;
}
fieldset.layout-vertical div.buttons {
    margin: 0.2em 0 0 0;
}



/*****************************************************************************************************/






.layout-column label.first-field {
    padding-top: 0.2em;
}




.layout-horizontal div.field-group {
    display: block;
    float: left;
    margin: 0 0 0 0;
}

.layout-margin div.field-group {
    display: block;
    float: left;
}

.layout-simple div.field-group {
    display: block;
}

.layout-horizontal .field-group .field {
    display: block;
    float: none;
}

.layout-column .field-group .field {
    display: block;
}

.layout-margin .field-group .field {
    display: inline;
    float: none;
}

.layout-simple .field-group .field {
    display: inline;
    float: none;
    clear: none;
}

.layout-horizontal .field-group .unlabeled {
    margin: 0 0 0 0em;
    padding: 0 0 0 0;
}
.layout-column div.unlabeled {
    margin: -0.5em 0 0 0;
}


.layout-margin .field-group .unlabeled {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


.layout-simple .field-group .unlabeled {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


.layout-horizontal .field-group .unlabeled label {
    display: none;
}

.layout-column .unlabeled label {
    display: none;
}


.layout-margin .field-group .unlabeled label {
    display: none;
}
.layout-simple .field-group .unlabeled label {
    display: none;
    float: none;
}






/**
* Fix control styles that may have been destroyed by fieldset layout.
*/
.field select option {
    display: block !important;
}

/**
* Restore Tapestry invisible class.
*/
.field .t-invisible {
    display:none;
}

.field-updated label {
    font-weight:bold;
    background-color:lightblue;
}

/**
*  Highlight input with current focus
*/
input[type='text']:focus, select:focus, textarea:focus {
    background:yellow;
}
option {
    background:white;
}

option.null {
    font-style:italic;
}

/**
* Remove legend that is also a tab title.
*/
.tabs-container legend.tab-title {
    display:none;
}