fieldset { border: 1px solid #cccccc; margin: 0.5em 0 0.7em 0; padding: 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

legend { font-size: 1.1em; font-weight: bold; padding: 2px 4px 8px 4px; color: #696969; }

div.clear { clear: both; }

div.left { float: left;  }
div.right { float: right; }

div.row { margin: 2px 0 10px 0;}
div.row label { display: inline-block; width: 205px; margin: 0px 5px 0px 0px; text-align: left; vertical-align:top; line-height:1.3em;}
div.no-label label { display: inline; width: auto; }

div.row span.required { color: #cd0a0a; vertical-align: top; font-size:0.75em; display:inline-block; margin-top:3px; }
div.row select.small { width: 70px; }
div.row select { width: 312px; }

div.row input.textbox { padding: 2px 0; }
div.row input.textbox, div.row select { border: 1px solid #cccccc; }
div.row input.textbox { width: 310px; }
div.row input.textbox.small { width: 80px; }

div.row textarea { border: 1px solid #cccccc; margin: 0; padding: 0; width:310px;}
div.row textarea.large { width: 100%; height:70px;}
div.row input.checkBox { padding: 0; margin: 0 5px 0 0 ; width: 15px; height: 15px; vertical-align:top; }

div.buttons { margin-top: 1.5em; clear:both; text-align:right;}
div.buttons div.secondary { margin-top: 0; float:left;}
div.buttons input, div.buttons a { padding: 0.2em 0.7em; cursor: pointer; }
div.buttons input { background: url(../Images/button.jpg) repeat-x; border:0px; color:#FFFFFF; height:29px;}
div.buttons .left input { margin:0 10px 0 0; } 

input.button { padding: 0.2em 0.7em; cursor: pointer; }

div.row .radioButtonList { vertical-align:top;}
div.row .radioButtonList label {width:auto;}

input.ui-state-error-text, input.input-validation-error { background-color: #ffeeee; color: #000000; }
select.ui-state-error-text, select.input-validation-error { background-color: #ffeeee; color: #000000; }
textarea.ui-state-error-text, textarea.input-validation-error { background-color: #ffeeee; color: #000000; }

.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-wrapper {margin:0 0 10px 0; padding:5px 10px;}
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-message {clear:both; }
.validation-message ul li { line-height: 1.6em;  }
.validation-heading {margin: 0 0 5px 0; display:block;}
.validation-icon {float: left; margin: 2px 5px 0 0;}
.ui-widget {font-size:100%;}

span.info { display:block; font-size:.8em; color:Gray;}

#global-info-message-wrapper {margin:0 0 10px 0;}
#global-info-message {padding: 5px 10px;}
#global-info-message .global-info-message-icon { float: left; padding: 0; margin-right: 5px;}
#global-info-message .global-info-message-title {float:left}
#global-info-message .global-info-message-detail { clear:both; font-weight:normal; display:block; margin: 0 0 0 20px;}

/* Custom form section */
div.row.state select { width:167px; margin-right:5px;}
div.row.state label.postcode { width:65px; }
div.row.state input.textbox { width:60px; }

.checkboxList { width:310px; display:inline-block; margin: 0 0 5px 0;}
div.row .checkboxList  label { width: 280px;}
div.row .none-above-wraper { display:inline-block; margin:0 0 0 214px; }
div.row .none-above-wraper .none-above {margin:0 2px 0 0;}

div.row label.info { color:#888888; display:block; margin-left: 215px; width:310px;}
div.row .resumeWrapper {display:inline-block;}
.resumeWrapper .buttons { text-align:left;}

/* Register page */
.register fieldset { border:0px; margin:0; padding:0;}
.register legend {display:none;}
.register div.row { margin: 0 0 4px 0;}
.register div.row label { display:block; width:auto;}
.register div.row label.info {margin:0px;}
.register div.row.state select { margin-bottom:4px; width:312px; }
.register div.row.state input { width:310px;}
.register div.row .radioButtonList label { display:inline-block; }
.register div.row .checkboxList {margin:5px 0 5px 15px; width:295px;}
.register div.row .checkboxList label {display:inline-block; width:265px; }
.register div.row .none-above-wraper { margin:0 0 0 15px; }
.register div.row .none-above-wraper label {display:inline-block;}


/*doctor profile */
.read-only {display:inline-block; white-space:pre;}
.locum.view div.row.state span.read-only { width:75px; display:inline-block;}