﻿form fieldset {clear: left; border-color: #BBB; border-width: 0; /*padding: 0 5px 0 10px;*/ margin: 0;}
form fieldset legend {padding: 6px; color: #5c87b2; font-size: 115%; font-weight: bold;}

form fieldset.invalid legend {color: #ff0000;}
form .sidebar {float: right; width: 50%;}


/* Wide support */
form fieldset.wide div.sidebar {float: none; width: 100%;}
form fieldset.wide textarea {margin-left: 10px; width: 95%;}
/* End wide support */

/* Validation */
form .field-validation-error {color: #ff0000 !important;}
form .input-validation-error {border: 1px solid #C00 !important; background-color: #F7CBCA !important;}
form .errors {width: 100%; position: relative; margin-top: 5px; margin-bottom: 3px; border: 1px solid #BBB; font-size: 95%; color: #000; background-color: #ffeeee;}
form .errors label {display: block; margin: 3px;}
/* End Validation */

/* Element Styling */
form ul.inputs {padding: 0; margin: 0;}
form ul.inputs li {list-style: none;}
form ul.inputs li label {display: inline-block; width: 150px; margin-right: 6px; margin-top: 6px; text-align: right; vertical-align: top;}

form .infoText, form small {margin-top: 2px; margin-left: 125px; display: block;}
form li.required label {font-weight: bold;}
form li.required input, form li.required select, form li.required textarea {border: 1px solid #888;}
form li.separator {margin-bottom: 0; height: 10px;}

form ul.inputs input {border: 1px solid #CCC; width: 250px; margin-top: 4px; height: 16px; padding: 2px 0;}
form textarea {border: 1px solid #CCC; width: 400px; margin-top: 4px;}
form input.readonly, li.required input.readonly {border: 0px !important; width: 500px;}
form input.readonlyAuto, li.required input.readonlyAuto {border: 0px !important;}
form input:focus, form select:focus, form textarea:focus {background: #EEE !important;}


/* New styles for input[type=submit] to replace button */
form ul.inputs input[type=submit] { width:50px; display:block; float:left; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; background-repeat: no-repeat; background-position: 2px center; border-width:1px; border-style: solid; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:130%; text-decoration:none; font-weight:bold; cursor:pointer; padding:5px 10px 5px 21px; }
input[type=submit] {width:auto; overflow:visible;}

input[type=submit], a.input[type=submit]{background-color:#dff4ff; color:#336699;}
a.input[type=submit]:hover, input[type=submit]:hover {background-color:#dff4ff; border-color:#c2e1ef; color:#336699;}
a.input[type=submit]:active {background-color:#6299c5; border-color:#6299c5; color:#fff;}

/* POSITIVE */
input[type=submit].positive, a.input[type=submit].positive {background-color:#E6EFC2; background-image: url(images/icons/accept.png); color:#529214;}
ui-dialog-buttonset input[type=button].positive {background-color:#E6EFC2; background-image: url(images/icons/accept.png); color:#529214;}
a.input[type=submit].positive:hover, input[type=submit].positive:hover {background-color:#E6EFC2; border-color:#C6D880;  color:#529214;}
a.input[type=submit].positive:active {background-color:#529214; border-color:#529214; color:#fff;}

/* NEGATIVE */
a.input[type=submit].negative, input[type=submit].negative {background-color:#fbe3e4; background-image: url(images/icons/cancel.png); color:#d12f19;}
a.input[type=submit].negative:hover, input[type=submit].negative:hover {background-color:#fbe3e4; border-color:#fbc2c4; color:#d12f19;}
a.input[type=submit].negative:active {background-color:#d12f19; border-color:#d12f19; color:#fff;}

form input[type=submit] {margin-left: 10px; margin-top: 20px; height: auto !important; width: auto !important;}

form .buttons input[type=submit]:first-child {margin-left: 160px;}

form .ManualDropDown { width: 500px;}

form select {border: 1px solid #CCC; margin-top: 4px;}
form ul.inputs input.minimal, form select.minimal {width: auto;}
form textarea {overflow: auto;}

form ul.inputs  input[type=checkbox] {border: 0 !important; display: inline !important; height: auto; width: auto !important; padding: 0; margin: 8px 0 0 0 !important;}
form ul.inputs  input+label {float: none; display: inline !important; width: auto !important; padding: 0; margin-top: 8px; text-align: left;}
form ul.inputs  input[type=image] {margin-left: 110px; margin-top: 20px; height: auto !important; width: auto !important;}
form button {margin-left: 10px; margin-top: 20px; height: auto !important; width: auto !important;}

/* RESET OVERRIDE */
button[type=reset] {padding-left:7px !important;}
form .buttons button:first-child {margin-left: 160px;}

/* overide for registration page*/
/*form fieldset.register {margin-top: 20px;}*/
form fieldset.register ul.inputs li label {width: 150px;}
form fieldset.register input[type=submit], form fieldset.register input[type=image] {margin-left: 160px; margin-top: 20px;}
form fieldset.register .buttons button:first-child {margin-left: 160px;}

form fieldset.register .buttons input[type=submit]:first-child {margin-left: 160px;}

/* End Element Styling */

/* Start Button Styling - http://www.bloggerswatch.com/internet/css-trick-submit-button-should-look-same-everywhere/*/
a.button, button{display:block; float:left; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; background-repeat: no-repeat; background-position: 2px center; border-width:1px; border-style: solid; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:130%; text-decoration:none; font-weight:bold; cursor:pointer; padding:5px 10px 5px 21px; /* Links */}
button{width:auto; overflow:visible;}
button img, a.button img{margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;}

/* STANDARD */
button, a.button{background-color:#dff4ff; color:#336699;}
a.button:hover, button:hover {background-color:#dff4ff; border-color:#c2e1ef; color:#336699;}
a.button:active {background-color:#6299c5; border-color:#6299c5; color:#fff;}

/* POSITIVE */
button.positive, a.button.positive {background-color:#E6EFC2; background-image: url(images/icons/accept.png); color:#529214;}
a.button.positive:hover, button.positive:hover {background-color:#E6EFC2; border-color:#C6D880;  color:#529214;}
a.button.positive:active {background-color:#529214; border-color:#529214; color:#fff;}

/* NEGATIVE */
a.button.negative, button.negative {background-color:#fbe3e4; background-image: url(images/icons/cancel.png); color:#d12f19;}
a.button.negative:hover, button.negative:hover {background-color:#fbe3e4; border-color:#fbc2c4; color:#d12f19;}
a.button.negative:active {background-color:#d12f19; border-color:#d12f19; color:#fff;}


.reportFormBody { font: 0.9em segoe ui, Arial, Helvetica, sans-serif; text-align: left; padding:10px;}
.reportFormTitle {margin-bottom:5px;font-weight:bold;}
.reportFormLabel {text-align: right; font-weight:bold;}
.reportFormHint {font-style:italic;}
.reportFormHeading {background-color:#242424;color:#fff;font-size:1.2em;padding:5px;}
.reportFormFooter {padding-top: 5px;margin-bottom:5px;font-weight:bold;clear: both;}

/* Report View Designer Error Message */
.reportViewDesignerError {color:Red; font-weight:bold;font-size:1.2em;}