﻿@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-bottom: 1em; }
.form fieldset { border: 1px solid #ccc; margin: 0; padding: 0; }
.form legend { padding-left: 10px; padding-right: 10px; }
.form .elements-container, .form .form-fields, .form .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 input[type=text], .form input[type=password], .form select, .form 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 .element-row .question, .form .element-row .answer { width: auto; margin-right: 10px; }
.form .element-row .question { padding-top: 3px; }

.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 select, .form textarea { margin: 0 !important; padding: 1px 1px 2px 3px; border: 1px solid #999; float: left; background: #fff url("/EasySiteWeb/EasySite/StyleData/Default/Images/input_bg.gif") repeat-x top left; }
.form input[type=checkbox] { }
.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 !important; padding: 0; margin: 0; }
.DataFormOption .answer { width: 59% !important; float: left !important; text-align: left; clear: none !important; }
.DataFormOption span { display: block; }
.answer ul li { display: block; clear: both; width: 100%; overflow: hidden; text-align: left; }
.answer ul li label, .answer ul li input { float: left; text-align: left; }

.form select {}

.form .element.medium select { width: 60%; }
.form .element.number input[type=text] { width: 15%; }

.form .date-picker input[type=text] { width: 120px; }
.form .date-picker input[type=image] { float: left; }

.form .buttons, .buttons-container { text-align: right; clear: both; width: 100%; }
.form .buttons button, .form .button { padding: 2px 8px 2px 8px; border: 1px solid #ccc; margin: 10px 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; }
.form .quick-button .button { padding: 2px 6px 2px 6px; float: left !important; margin: 0; }

/* 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: 0 6px 0 6px; }

/* 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 { margin: 5px 0 5px 0; }
.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 {}

/* Address Lookup */
.address-lookup {}
.link-button { background: 0; float: right; color: Blue; border: 0; margin-top: 10px; margin-right: 40px; cursor: pointer; text-decoration: underline; }


}
