/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------
*/
.form-view 
{
	/*width: 400px;*/
	margin: 0 auto;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:2px solid #fff;
    padding: 20px;
	clear: both;	
}

.donor-form .form-view form { 

}

.form-view .form-item input[type="text"], .form-view .form-item input[type="password"], .form-view .form-item textarea, .form-view .form-item select
{
    width: 97%;
    border: 1px solid #CCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 5px 5px;
	color: #a9a9a9;
}
.form-view .form-item input[type="text"].form-value, .form-view .form-item input[type="password"].form-value, .form-view .form-item textarea.form-value, .form-view .form-item select.form-value
{
	color: #000;
}
.form-view .form-item input[type="text"].date
{
	background: url(images/x_office_calendar.png) 96% 50% no-repeat;
	width: 190px;
}
.form-view .form-item input[type="text"].date.required-error
{
	background: #FFEDEF url(images/x_office_calendar.png) 96% 50% no-repeat;
}
.form-view .form-item input[type="text"].date:focus
{
	background: #FFFEEF url(images/x_office_calendar.png) 96% 50% no-repeat;
}

.form-view .form-item select
{
	padding: 3px 5px;
	line-height: 22px;
}
.form-view .form-item option
{
	padding: 2px 3px;
}

.form-view .form-item input[type=text]:focus, .form-view .form-item input[type=password]:focus, .form-view .form-item textarea:focus, .form-view .form-item select:focus
{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background:#FFFEEF;
}

.form-view .form-item 
{
	padding: 5px 0px;
	clear: both;
}
.form-view .form-item .required-error
{
    background-color: #FFEDEF;
    border: 1px solid #FF9999 !important;
}

.form-view .form-item .val-wrap
{
	position: absolute;
}

.form-view .form-item .val
{
	right: -300px;
    top: -20px;
	position: absolute;
	color: #FF9999;
	line-height: 16px;
	display: none;
}

.form-view .form-item .tool-tip
{
	position: absolute;
}

.form-view .form-item .tool-tip .value
{
	right: -300px;
    top: -28px;
	position: absolute;
	/*color: #FF9999;*/
	line-height: 16px;
	display: block;
	
    border: 1px solid #c4b089;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 3px 15px;
	color: #7F5401;
	font-weight: bold;
	background: #ffeca9 url(images/tooltip-bg.png) repeat-x center bottom;
		
}
.form-view .form-item .tool-tip .value .tip
{
	position: absolute;
	background: url(images/tip.png) no-repeat center center;
	top: 22px;
	right: 10px;
	width: 19px;
	height: 10px;
	z-index:10000;
}

.form-view .form-controls input[type="submit"]
{
	width: auto;
	height: auto;
	color: #fff;
	font-weight: bold;
    border: 1px solid #003F87;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 3px 10px;
	background: #003F87;
	cursor: pointer;
	position:relative;
}
.form-view .form-item input[type="submit"]:hover
{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    /*color: #6a6a6a;*/
    text-decoration: underline;
}

.form-view .form-item .form-summary
{
	color: Red;
	font-size: 12pt;
}

.form-view .address-field
{
	/*width: 500px;*/
}
.form-view .address-field0 input[type=text]
{
	width: 300px;
}
.form-view .address-field input[type=text].zip
{
	width: 50px;
}
.address-field input[type=text].state
{
	width: 80px;
}

.form-view .address-field select
{
	width: auto;
}
.form-view .address-field .address-item
{
	padding: 3px 0px;
	min-height: 28px;
}
.form-view .address-field .address-item.half
{
	width: 35%;
	float: left;
}
.form-view .address-field .address-item select, .address-field .address-item .zip
{
    /*float: left;
    margin-right: 10px;*/
}
.form-view .address-field .address-item span
{
	width: 150px;
	text-align: right;
	display: inline-block;
	line-height: 24px;
}
.form-view .editor-label
{
	float: left;
	clear: both;
	width: 30%;
}
.form-view .editor-value
{
	float: left;
	width: 70%;
}

.form-view #form-wrapper{

}

.form-view #form-wrapper{
    /*width:600px;*/
    overflow:hidden;
    clear: both;
    /*position: relative;*/
}
.form-view #fsteps{
    width:1800px;
    overflow:hidden;
}
.form-view .fstep{
    float:left;
    margin: 0px;
    padding: 0px;
    border: none;
    /*padding-bottom: 10px;*/
}

.form-view #form-wrapper
{
	width: 400px;
}
.form-view .fstep
{
	width: 400px;
}
.form-view .form-item input[type="submit"].continue, .form-view .form-item .front-form-submit
{
	float: right;
	margin-top: 10px;
}

.ui-datepicker .ui-state-highlight { border: none !important; background: none !important; }
.ui-datepicker .ui-state-highlight a { border: 1px solid #0073ea !important; background: #0073ea url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x !important; font-weight: bold !important; color: #ffffff !important; }
.ui-datepicker .ui-datepicker-current-day a { color: #0073EA !important; }
.ui-datepicker .ui-state-highlight.ui-datepicker-current-day a { color: #fff !important; }

.form-view .form-overlay 
{
	opacity: 0.7;
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	cursor: wait;
	/*background: #eee;	*/
	/*height: 200px;
	width: 200px;*/
}



/*--------- Grid ------------------------
.t-widget.t-grid, .t-widget.t-grid .t-toolbar, .t-widget.t-grid .t-grid-pager, .t-widget.t-grid .t-status, .t-widget.t-grid .t-grid-header, .t-widget.t-grid .t-header
{
	background: none repeat scroll 0 0 transparent;
}
.t-widget.t-grid, .t-widget.t-grid .t-toolbar
{
	border: none;
	border-color:  transparent;
	padding-bottom: 10px;
}
.t-widget.t-grid .t-grid-header, .t-widget.t-grid .t-header
{
    border-color: #CDCDCD;
    vertical-align: middle;
}

#DropBoxGrid.t-widget.t-grid .t-header .t-move
{
    cursor: move;
	background: url(../images/col_move.png) no-repeat 0px center;  
	width: 20px;
}
#DropBoxGrid.t-widget.t-grid .t-header.first
{
    padding-left: 0.2em;
	background: none;    
}
div.t-grid-header
{
	padding-right: 0px;
}
.t-grid-content
{
	overflow: auto;
}
*/
.admin-grid .t-icon.t-arrow-prev
{
	background: url(../images/arrow-prev.png) no-repeat center center;
}
.admin-grid .t-icon.t-arrow-next
{
	background: url(../images/arrow-next.png) no-repeat center center;
}
.admin-grid .t-state-disabled .t-icon.t-arrow-prev
{
	background: url(../images/arrow-prev-disabled.png) no-repeat center center;
	background: none;
}
.admin-grid .t-state-disabled .t-icon.t-arrow-next
{
	background: url(../images/arrow-next-disabled.png) no-repeat center center;
	background: none;
}
.admin-grid .t-icon.t-arrow-last, .admin-grid .t-icon.t-arrow-first
{
	display: none;
}
.admin-grid .t-page-size
{
	float: right;
	margin-left: 10px;
}
/*==============================================================*/

.admin-grid .t-grid-content
{
	height: auto !important;
}
.admin-grid .t-grid-content table 
{
	background: #ededed; /*e6e9ec;*/
} 
.admin-grid.t-grid .t-grid-header-wrap
{
	overflow: visible;
}
.admin-grid.t-grid .t-resize-handle
{
	height: 1500px;
	z-index: 10000;
}

/*
.admin-grid .button
{
    cursor: pointer;
    height: 18px;
    line-height: 18px;
    padding-left: 16px;
    border: none;
    width: 0px;
    margin-left: 2px;
    float: left;
    background: none;
    display: block;
}
*/
.admin-grid .t-sort
{
	/*display: inline-block !important;*/
	background: url("../images/t-updown.png") no-repeat scroll center center transparent;
}
.admin-grid .t-sort.t-arrow-up
{
	background: url("../images/arrow_up.png") no-repeat scroll center center transparent;
}
.admin-grid .t-sort.t-arrow-down
{
	background: url("../images/arrow_down.png") no-repeat scroll center center transparent;
}

.admin-grid .t-status, .admin-grid .t-status-text
{
	display: none;
}
.admin-grid .t-grid-pager
{
	border: none;
	position: relative;
	float: right;
	top: -30px;
	height: 0px;
	overflow: visible;
}

.admin-grid tr:hover .button
{
	display: block;
}

.admin-grid tr:hover td
{
	background-color: #ddFFaa;
}

.admin-grid tr.deleted td
{
	background-color: #FFCCCC;
}
.admin-grid tr.t-alt.deleted td
{
	background-color: #FFDFDF;
}
/*
.admin-grid.t-grid td
{
	border-right: 1px solid #cdcdcd;
}
*/
.admin-grid .check-item
{
	float: left;
	margin-left: 3px;
	margin-top: 2px;
}

.admin-grid tr.deleted td
{
	color: #999;
}

.t-grid-header .t-header
{

}
.t-grid-header .t-header .t-link
{
	display: inline-block;
	line-height: 16px;
	height: 20px;
	width: auto;
	margin: 0px;
	width: 16px;
	padding: 0.3em 2px 0.3em 10px;
	/*background: url("images/up_down.png") no-repeat left center;*/
	text-indent: -1500px;
	position: absolute;
}
.t-grid-header .t-header select, .t-grid-header .t-header input, .t-grid-header .t-header .item-title
{
    line-height: 18px;
    display: inline-block;
    padding: 2px 1px;
}
.t-grid-header .t-header span.t-link
{
	display: none;
}
.t-grid-header .t-header a.t-link
{
	background: url("../images/t-sort.png") no-repeat 5px center;
}
.t-grid-header .t-header .t-link span
{
	position: relative;
	left: 1500px;
}

.admin-grid input.item-filter, .admin-grid select.bool-filter, .admin-grid select.dd-filter
{
	width: 90%; 
	/*width: auto;*/
}
.admin-grid .t-grid-filter
{
	display: none;
}

.PickUpForm .shift-form
{
	height: 595px;
}
.PickUpForm .form-item
{
	position: relative;
	top: 65px;
}
.PickUpForm .ZipItem
{
	position: absolute;
	top: -248px;
	left: 0px;
	width: auto !important;
}
.PickUpForm .ZipCity
{
	position: absolute;
	top: -212px;
	left: 130px;
	width: 265px !important;
}
.PickUpForm .DateItem
{
	position: relative;
	top: 70px;
}
.PickUpForm .DateItem .capt
{
	line-height: 25px;
	font-weight: bold;
	padding: 5px 0px;
}
/*
.PickUpForm .over-zip-wrap
{
	position: absolute;
}
.PickUpForm .over-zip
{
	position:absolute;
	top: 30px;
	top: -466px;
	height: 530px;
	width: 400px;
	z-index:1000;
}
*/
.PickUpForm input.disabled
{
	background-color: #f0f0f0 !important;
}

:root .PickUpForm .over-zip {top:-435px\0/IE9; }

:root .PickUpForm .ZipItem {top:-240px\0/IE9; }
:root .PickUpForm .ZipCity {top:-203px\0/IE9; }
:root .PickUpForm .ZipCity {left:126px\0/IE9; }
:root .PickUpForm .DateItem {top:73px\0/IE9; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
body:first-of-type.PickUpForm .ZipItem{top:-264px; line-height: 25px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
body:first-of-type.PickUpForm .ZipCity{top:-228px; line-height: 25px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
body:first-of-type.PickUpForm .over-zip{top:-480px;height: 540px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
body:first-of-type.PickUpForm .shift-form { height: 605px;}
}