@media screen, all 
{
/*
.form button, .form .button { font-family: Segoe UI, Verdana, Helvetica, Sans-Serif; }
*/
/* render view forms (v7) [in progress Sept 09 MAB] */
.form { clear: both; margin: 0 0 1em 0; }

/* render view form records */
.form-render {}

.form fieldset { border: 1px solid #ccc; margin: 0; padding: 0; }
.form-modal fieldset, .x-window-modal fieldset { border: 0; }
.form legend { padding-left: 10px; padding-right: 10px; }
.form .elements-container, .form .form-fields, .form .fields, fieldset .fields { padding: 6px 10px 8px 10px; }
.form .synopsis { display: block; margin-bottom: 1em; }
.form .element { clear: both; width: 100%; overflow: hidden; margin-bottom: 2px; }

.form .question, .form .answer { display: block; float: left; text-align: left; overflow: hidden; }
.form .question { width: 40%; }
.form .answer { width: 59%;}
.form .nosplit .question, .form .nosplit .answer { float: none; clear: both; width: auto; text-align: left; }
.form .element-row .question, .form .element-row .answer { width: auto; margin-right: 10px; }
.form .element-row .question { padding-top: 3px; }

.form label.checkbox .question { width: 10%; }
.form label.checkbox .answer { width: 89%; }
.form .element input[type=text], .form .element input[type=password], .form .element select, .form .element textarea { width: 97%; }
.form .element-row input[type=text], .form .element-row input[type=password], .form .element-row select, .form .element-row textarea { width: auto; }
.form .question label, .form .question .label { display: block; margin-right: 3px; padding: 3px 8px 3px 8px; background: #eee; width: auto; text-align: right; }
.form input[type=text], .form input[type=password], .form textarea, ul.sortable li .listValue { margin: 4px 0 0; padding: 1px 1px 3px 3px; border: 1px solid #999; float: left; background: #fff url("/EasySiteWeb/EasySite/StyleData/Default/Images/input_bg.gif") repeat-x top left; }
.form .element select { float: left; width: 98%;  border: 1px solid #999; }

.form input[type="submit"]:disabled { text-shadow: 1px 1px 1px white, 1px 1px 1px white; color: gray; }

/* ie6 won't support attribute key/value in css statement, useful to exclude properties (hack) */
.form input.textbox { width: 97%; }
.form input.textbox, .object-category-creator-outer .element input { margin: 0; padding: 1px 1px 3px 3px; border: 1px solid #999; float: left; background: #fff url("/EasySiteWeb/EasySite/StyleData/Default/Images/input_bg.gif") repeat-x top left; }
.console table input[type=checkbox], .form input[type=checkbox], .form .checkbox input.checkbox { width: 13px; height: 13px; overflow: hidden;  margin: 1px; }
.form input[type=checkbox], .form .checkbox input.checkbox { margin-top: 7px; }
.console table input[type=checkbox] { vertical-align: middle; }
.form .radios ul, .form .radios ul li { list-style-type: none; padding: 0; margin: 0; }
/* temp */
.answer ul, .answer ul li { list-style-type: none; padding: 0; margin: 0; }
.DataFormOption .answer { width: 59% !important; float: left !important; text-align: left; clear: none !important; }
.DataFormOption span { display: block; }
.form .answer ul li { display: block; clear: both; width: 100%; overflow: hidden; text-align: left; }
.admin_form_container .answer ul li { display: block; clear: both; width: 100%; overflow: hidden; text-align: left; }
.form .answer ul li label, .form .answer ul li input { float: left; text-align: left; }
.admin_form_container .answer ul li label, .admin_form_container .answer ul li input { float: left; text-align: left; }
.form .answer br { clear: both; display: block; }
.admin_form_container .answer br { clear: both; display: block; }

/* end temp */
.form select {}

.form .element.medium select { width: 60%; }
.form .element.number input[type=text] { width: 15%; }
.form .date-picker input[type=text] { width: 120px; margin: 0 5px 0 0; }
.form .date-picker input.textbox { width: 120px; margin: 0 5px 0 0; }

/* time controls on date pickers */
.form .date-picker .ui-datepicker-trigger { float: left; margin: 0 5px 0 0; }
.form .date-picker .time-controls, .easysite-private .time-controls { float: left; }
.form .date-picker .time-controls .element, .easysite-private .time-controls .element { float: left; clear: none; width: 50px; margin: 0 5px 0 0;  }
.easysite-private .time-controls .element { float: right; }
.form .date-picker .time-controls .element .question, .easysite-private .time-controls .element .question { display: none; }
.form .date-picker .time-controls .element .answer, .easysite-private .time-controls .element .answer { width: 100%; float: left; }
.form .date-picker .time-controls .answer select, .easysite-private .time-controls .answer select { width: 100%; }
	
/* change selector */
.form .selector input[type=text] { width: 60%; }
.form .selector .oDataFormAnswer a { padding-left: 5px; text-decoration: none; }

/* multiple answer */
.multi-dropdown .element { float: left; width: auto; clear: none; margin: 0; margin-right: 2px; }
.multi-dropdown .question { display: none; }
.form .multi-dropdown .answer { width: auto; }

/* buttons */
form .buttons, .form .buttons { text-align: right; clear: both; width: 100%; }
.element .button, .buttons .button, .buttons button { width: -1px; height: -1px; overflow: visible; padding: 2px 8px 2px 8px; border: 1px solid #ccc; margin: 0 0 0 10px; font-size: 0.9em; font-weight: normal; cursor: pointer; color: #666666; background: #eeeeee url("/EasySiteWeb/EasySite/StyleData/Default/Images/button_bg.gif") repeat-x; }
.element .button, .form .quick-button .button { padding: 2px 6px 2px 6px; float: left !important; margin: 0; }
.gateway .button { margin-top: 0; }
.date-picker .element .button { padding: 0px 3px; font-size: 1em; }
.link-button { background: none; border: 0; padding: 0; margin: 0; width: -1px; height: -1px; overflow: visible; display: block; cursor: pointer; text-decoration: underline; }

/* multigrid */
.multigrid {}
.multigrid table.oFormGrid { border: 1px solid #ccc; border-collapse: collapse; width: 93%; margin-top: 1em; margin-bottom: 1em; margin-left: 1px; }
.multigrid table.oFormGrid col.question { width: 40%; }
.multigrid table.oFormGrid th, .multigrid table.oFormGrid td { text-align: left; vertical-align: top; font-weight: normal; border: 1px solid #ccc; padding: 2px 10px 3px 10px; }
.multigrid table.oFormGrid span.question { display: block; padding-top: 2px; }
.multigrid .answer label { display: none; }
.multigrid .answer input { float: left; }

/* admin modifiers */
.form-admin {}
.form-admin input.textbox {}
.form-admin input.textbox-short { width: 125px; float: left; }
.form-admin select { float: left !important; margin: 0; }
.easysite-private {}
.easysite-private input.button { font-family: Segoe UI, Verdana; padding: 1px 9px 1px 9px; }

/* element configuration (helpers and validation) */
.show-helper input[type=text] { width: 88%; }
.show-helper .icon-helper { display: block; float: right; text-align: right; width: 8%; }
.show-helper .icon-helper input { float: right;  }

.helper { padding: 5px 0 0 0; clear: both; }
.helper .message { border: 1px solid #ccc; background: #f7f7f7; padding: 5px; display: block; }

.validation { margin: 5px 0 5px 0; }
.validation .message { border: 1px solid red; background: #f7f7f7; padding: 5px; display: block; color: Red; }
/*
.form .question label, .form .question .label { background: #f2f2f2; }
*/
.form .element-row label, .form .element-row .label { margin: 0; padding: 0; background: none; }

/* temp (polling) */
.form-element-radios ul, .form-element-radios ul li { list-style-type: none; padding: 0; margin: 0; }

/* floating panel : row / col */
.form-float .question label, .form-float .question .label { text-align: left; padding-left: 0; background: 0; }
.form-gui {}
.editor .buttons { border-bottom: 1px dotted #eee; border-top: 1px dotted #eee; padding:10px 0; }
.editor .buttons input.button { font-size: 1em; text-transform: lowercase; }

/* sortable list, in a form */
.extensible-list { }
.extensible-list ul.sortable, .extensible-list ul.ui-sortable {}
.extensible-list ul.sortable li { cursor: pointer; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #ccc; }
.extensible-list ul.sortable li:first-child { padding-top: 5px; margin-top: 5px; border-top: 1px dotted #ccc; }
.extensible-list ul.sortable li .item-handle { float: left; width: 20px; }
.extensible-list ul.sortable li .item-handle span.ico-drag { font-size: 1.4em; line-height: 1em; }
.extensible-list ul.sortable li .question { float: left; width: 40%; }
.extensible-list ul.sortable li .question .listValue, .extensible-list ul.sortable li .question .lstQuestion {}
.extensible-list ul.sortable li .answer { float: left; width: 40%; }
.extensible-list ul.sortable li .listValue { width: 95%; }
.extensible-list ul.sortable li .answer .listValue, .extensible-list ul.sortable li .answer .lstQuestion {}
.extensible-list ul.sortable li .remove-item { float: left; display: block; }
.extensible-list ul.sortable li .remove-item a {}
.extensible-list ul.block li { float: left; display: block; }
.extensible-list ul.sortable li .remove-item a,
.extensible-list ul.block li a:link, .extensible-list ul.block li a:visited, .extensible-list ul.block li a:hover, .extensible-list ul.block li a:active
 { display: block; padding: 1px 8px 2px 8px; text-decoration: none; text-transform: lowercase; border: 1px solid #ccc; margin: 10px 10px 0 0; font-weight: normal; cursor: pointer; color: #666666; background: #eeeeee url("/EasySiteWeb/EasySite/StyleData/Default/Images/button_bg.gif") repeat-x; }
.extensible-list ul.sortable li .remove-item a { margin: 0; }

/* tiered shared lists */
/* stack horizontal */
.tiered-list-h .answer .question, .tiered-list-v .answer .question { position: absolute; left: -999em; height: 1px; width: 1px; overflow: hidden; font-size: 0.1em; }
.tiered-list-h .answer .answer, .tiered-list-v .answer .answer { width: 100%; }
.tiered-list-h .answer .element { width: 32%; float: left; clear: none; }
.tiered-list-h .answer select { width: 100%; float: left; }

/* stack visible */
.stacked-normalise .question { position: absolute; left: -999em; height: 1px; width: 1px; overflow: hidden; font-size: 0.1em; }
.stacked-normalise .answer { width: 100%; }
.stacked-normalise .answer .answer { width: 60%; }
.stacked-normalise .answer .question { position: static; left: auto; height: auto; width: auto; font-size: 1em; width: 40%;  }

.tiered-list-n .question { position: absolute; left: -999em; height: 1px; width: 1px; overflow: hidden; font-size: 0.1em; }
.tiered-list-n .answer { width: 100%; }
.tiered-list-n .answer .answer { width: 60%; float: left; }
.tiered-list-n .answer .question { position: static; left: auto; height: auto; width: auto; font-size: 1em; width: 40%; line-height: normal; float: left; }
.oFormBuilder .tiered-list .oDataFormAnswer .element { margin-bottom: 2px; width: 100%; overflow: hidden; }

/* asset uploader */
.asset-upload {}
.asset-upload .vignette { font-family: Segoe UI; border: 1px solid #efefef; padding: 5px; background: #fff; margin-bottom: 7px; }
.asset-upload .vignette .asset, .asset-upload .vignette .profile { float: left; font-size: 0.9em; background: none; padding: 0; border: 0; }
.asset-upload .vignette .asset { width: 60px; }

/* error display  */
.oFormErrorHighlight { font-style: italic; }

.ErrorBox { border: solid 2px red; background-color: red; margin-bottom: 8px; color: White; background-image:url('/EasySiteWeb/EasySite/Administration/Style/Images/error.jpg'); background-repeat:no-repeat; background-position:1px 1px; padding-left:30px; padding-bottom: 11px; }
.ErrorBox ul { margin-left:0; padding-left:0; }
.ErrorBox ul li { list-style-type:none; }

.Feedback { border: solid 2px navy; background-color: navy; margin-bottom: 8px; color: White; background-image:url('/EasySiteWeb/EasySite/Administration/Style/Images/info.jpg'); background-repeat:no-repeat; background-position:1px 1px; padding-left:30px; padding-bottom: 11px; }
.Feedback ul { margin-left:0; padding-left:0; }
.Feedback ul li { list-style-type:none; }


}