/* Main.css */
/* This holds all css properties specific to the project.*/
html {
	background-color:#EBEBEB;
	min-width:1000px;
	font-family:"Helvetica Neue",  Helvetica, "Verdana", Arial, sans-serif;
	}

.fieldset
{border-color:#cccccc;}
.button {border-color:#999;}
.table,.aspGridView
{border-color:#333;}

.field.column,
.read-only.column,  
.field.three-column,
.read-only.three-column {
	margin: 0;
	padding-left: 0;}
.field.column,
.read-only.column{  
	width: 325px;}

.checkbox label {padding-left: 5px; font-weight: bold;}

.invisibletable
{
	text-align:right; 
	width:800px; 
	line-height:15px; 
	border: 0px; 
	border-width:0px;
}

.grid 
{
	display:inline;
	float:left;
	margin-top: 30px;
	margin-left:50px;
	margin-right:10px;
	width:600px;

}
/* Form */
.field_l {
	padding:0 0 8px 0;
	margin-right: 15px;
	float: left;
	width: 282px;
}


.field_r {
	padding:0 0 8px 0;
	float: right;
	width: 282px;
}

.field_sl {
	padding:0 0 8px 0;
	margin-right: 15px;
	float: left;
	width: 200px;
}


.field_sr {
	padding:0 0 8px 0;
	width: 200px;
}

label {
	display:block;
	padding:0 0 2px 2px;
	line-height:20px;
}

.textbox,
.textarea,
.select,
.button,
.checkbox,
.radio {
	padding:5px 3px;
}
.checkbox,
.radio {
	border:0;
}
.button {
	cursor:pointer;
	padding:5px 8px;
	line-height:100%;
}
.error {
	padding:1px 6px;
	line-height:100%;
}

.textbox,
.textarea,
.select,
.button,
.checkbox,
.radio {
	border:1px solid #ccc;
}

input.big {
	margin-right: 0 !important;
	width: 284px;
}

.button:hover {
	background:#e5e5e5;
}

.shadow {
	-moz-box-shadow:0 0 2px #ddd;
	-webkit-box-shadow:0 0 2px #ddd;
	box-shadow:0 0 2px #ddd; 
}

.hovershadow:hover,
.pagination a:hover {
	-moz-box-shadow:0 0 3px #d0d0d0;
	-webkit-box-shadow:0 0 3px #d0d0d0;
	box-shadow:0 0 3px #d0d0d0; 
}

.highlight {
	background-color:#ff6;
}

.error {
	background:#C00;
}

.warning {
	background:#f93;
}

.success {
	background:#090;
}

.hidden {
	display:none;
}

/* Other Common Classes */
.rounded {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.shadow {
	box-shadow: 0 0 2px #DDDDDD;
}


.field input.hasDatepicker {float:left;width:297px !important;}
.field .ui-datepicker-trigger {float: left;padding-left: 5px;}
.field, .read-only, .controls {padding-bottom:16px;}
.radios-line .radio, .radios-block .radio {margin-left:0px;}
.field .label .sub-text, .read-only .label .sub-text {font-size:11px;}

.textbox,.textarea 
{padding:3px 0px;}
.dropdown 
{height: 25px;}

.form-header {
	color: #FF9900;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;}
	
.alt-row { background-color: #ccc;}
.aspGridView th,.aspGridView td {border-color:#999;}
.aspGridView {position:relative;clear:both;}
.aspGridView th {background-color:#f2f2f2; color: #696969;}
.aspGridView th a {color:#696969; text-decoration:underline;}
.aspGridView th a:hover {text-decoration:none;cursor:pointer;}
.aspGridView .selected-row {background-color:#aaa;font-weight:bold;}
.aspGridView .selected-row a {color: #696969; text-decoration:none;}
.aspGridView.auto-block {border: none;}

.button.selected {background-color: #999;cursor:default;color:white;}

.button.orange {border-color: white;}

/* classes for image-based buttons START */

.button.user-icon,
.button.hospital-icon,
.button.cash-icon,
.button.flask-icon
{padding:4px 10px 4px 30px;}
.button.paper-plus-icon, 
.button.paper-pencil-icon
{padding:6px 10px 6px 33px;}

.button.user-icon { background-image:url(/Skins/images/icons/user.gif); background-position:8px center;}
.button.hospital-icon { background-image:url(/Skins/images/icons/hospital.gif); background-position:8px center;}
.button.cash-icon { background-image:url(/Skins/images/icons/cash.gif); background-position:8px center;}
.button.flask-icon { background-image:url(/Skins/images/icons/flask.gif); background-position:8px center;}
.button.paper-plus-icon { background-image:url(/Skins/images/icons/paper-plus.gif); background-position:6px center;}
.button.paper-pencil-icon { background-image:url(/Skins/images/icons/paper-pencil.gif); background-position:6px center;}

.img-button.blue-span,
.img-button.blue-span .bg-left,
.img-button.orange-span,
.img-button.orange-span .bg-left {
  display:block;
  color: #FFFFFF;
  position: relative;
  text-decoration: none;
  font-weight: bold;
  border: none;}

.img-button,.img-button .bg-left {cursor:pointer;}

.img-button.blue-span input.bg-left,
.img-button.orange-span input.bg-left {padding-bottom:3px;}

.img-button.blue-span {
  background: url("/Skins/images/buttons/blue-button-right.png") no-repeat scroll right top transparent;
  font-size: 14px;
  text-decoration: none;
  height: 35px;
  line-height: 32px;
  padding-right: 12px;
}
.img-button.blue-span .bg-left {
  background: url("/Skins/images/buttons/blue-button-left.png") no-repeat scroll left top transparent;
  height: 35px;
  padding-left: 12px;}

.img-button.blue-span .iconed 
{padding-left: 35px !important;}
.img-button.blue-span .iconed img
{left: 10px;position: absolute;top: 6px;}

.img-button.orange-span {
  background: url("/Skins/images/buttons/orange-button-right.png") no-repeat scroll right top transparent;
  font-size: 13px;
  height: 29px;
  line-height: 26px;
  padding-right: 7px;}
.img-button.orange-span .bg-left {
  background: url("/Skins/images/buttons/orange-button-left.png") no-repeat scroll left top transparent;
  height: 29px;
  padding-left: 7px;}

.img-button.btnStart {
  background: url("/Skins/images/buttons/blue-go-long.gif") no-repeat scroll center transparent;
  width: 93px;
  height: 32px;}

.ui-datepicker-trigger {cursor:pointer;}
/* classes for image-based buttons END */

/*CheckBoxList CSS Begin*/
    .chkChoice input 
{ 
    margin-left: -20px; 
}
/*.chkChoice td 
{ 
    padding-left: 30px; 
}*/
.chkChoice label 
{ 
    display: inline; 
    padding-left: 20px;
}
/*CheckBoxList CSS End*/