/* General Layout */
.form h3 {
    background: none !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
    color: #424242 !important;
    font-size: 14px !important;
}
.form .form-row {
    margin-bottom: 8px;
    clear: both;
    display: inline-block;
    width: 100%;
}
.form .form-row-left {
    float: left;
    width: 138px;
    font-weight: bold;
    line-height: 18px;
    padding-top: 2px;
    padding-right: 10px;
}
.form .two-col .form-row-left {
    width: 130px;
}
.form .form-row-left-long {
    float: left;
    width: 260px;
    font-weight: bold;
    line-height: 18px;
    padding-top: 2px;
    padding-right: 10px;
}
.form .form-row-input {
    float: left;
    padding-right: 10px;
}
.form .form-buttons {
    clear: both;
}


/* Validator */
.validator {
    font-size: 12px;
    color: #B1B1B1;
    display: block;
}
.errormsg {
    color: #E00;
}

/* Input & Buttons */
input.textfield {
    display: inline-block;
    width: 200px;
    height: 26px;
    line-height: 26px\9; /* IE8 and below */
    padding: 0px 10px;
    margin: 0;
    border: 1px solid #D9D9D9;
    background: #fff;
    font-size: 12px;
    color: #424242;
}
input[type="text"], input[type="password"] {
     display: inline-block;
    width: 200px;
    height: 26px;
    line-height: 26px\9; /* IE8 and below */
    padding: 0px 10px;
    margin: 0;
    border: 1px solid #adadad;
    background: #fff;
    font-size: 12px;
    color: #424242;
}
input.tf-short {
    width: 50px;
}
textarea {
    padding: 10px;
    border: 1px solid #D9D9D9;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    font-size: 12px;
    color: #424242;
}
textarea.long-textarea {
    width: 600px;
    height: 50px;
}
input[type="text"]:focus, input[type="password"]:focus, input.textfield:focus, textarea:focus, select:focus {
    border: 1px solid #27a196;
    outline: none;
}
input.short-tf {
    width: 150px;
}
select {
    border-style: solid;
    border-color: #D9D9D9;
    border-width: 1px;
    /*width: 100%;
    padding: 1%;*/
    width: 222px;
    padding: 4px 4px;
}
input[type="submit"], input[type="button"] {
    float: right;
}
input.button-green {
    border: 0;
    margin: 0;
    padding: 12px 70px 12px 20px;
    background: #1c9d92 url(../images/sprites.png) right -191px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
input.button-green:hover {
    background: #424242 url(../images/sprites.png) right -231px;
}
input.errorinput {
    border: 1px solid #DE0E00;
    color: #DE0E00;
}

/* Custom Radio Buttons and Checkboxes */
.ez-hide {
     opacity: 0;
     filter: alpha(opacity=0);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     _filter: alpha(opacity=100);
     padding: 0;
     margin: 0;
}
.ez-checkbox {
    width: 16px;
    height: 16px;
	background: transparent url(../images/sprites.png) -420px -4px no-repeat;
    _background: none;
	display: inline-block;
    margin-right: 5px;
}
.ez-radio {
    width: 16px;
    height: 16px;
	background: transparent url(../images/sprites.png) -394px -4px no-repeat;
    _background: none;
	display: inline-block;
    margin-right: 5px;
}
.ez-checked { background-position: -420px -39px; }
.ez-selected { background-position: -394px -39px; }
.ez-checkbox, .ez-radio { zoom: 1; *display:inline; _height:25px; }

/* Custom Select Box */
select.hiddenSelect {
    /*visibility: hidden;*/
    filter:alpha(opacity=10);
    -moz-opacity:0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
    /*width: 1px;*/
    height: 0px;
    /*margin-left: 150px;*/
    display: block !important;
    padding: 0;
    _display: none !important; /* Hide selectbox for ie6 only */
    border: 0;
    -webkit-appearance: none;
}
.sbHolder {
	min-width: 220px;
    border: 1px solid #d9d9d9;
    text-decoration: none;
    text-align: left;
    font-size: 12px;
    color: #424242;
    outline: 0;
    vertical-align: top;
    background: #fff;
    display: inline-block;
    cursor: default;
    font-weight: normal;
    width: 220px !important;
    height: 25px;
}
.sbHolder:focus .sbSelector {
}
.sbSelector {
    padding: 0 7px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: 180px;
    height: 26px;
    line-height: 26px;
    float: left;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
	color: #424242;
	outline: none;
	text-decoration: none;
}
.sbToggle {
    display: inline-block;
    float: right;
    width: 25px;
    height: 25px;
    background: url(../images/sprites.png) -291px -2px no-repeat;
    border-left: 1px solid #d9d9d9;
}
.sbToggle:hover {
}
.sbToggleOpen {
	background-color: #007571;
    background-position: -291px -33px;
}
.sbToggleOpen:hover {
	background-color: #007571;
    background-position: -291px -33px;
}
.sbHolderDisabled {
}
.sbHolderDisabled .sbSelector {
    color: #999 !important;
}
.sbOptionWrap {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
}
.sbOptions {
	border: 1px solid #d9d9d9;
    background: #fff;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
    top: -1px !important;
    left: -1px !important;
	width: 100%;
	overflow-y: auto;
	list-style: none;
    display: block;
	z-index: 100003;
}
.sbOptions li {
}
.sbOptions a {
	display: block;
	outline: none;
	padding: 7px;
	color: #007571;
    text-decoration: none;
}
.sbOptions a:link, .sbOptions a:visited {
	color: #007571;
    text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus {
	background-color: #f7f7f7;
	color: #424242;
}
.sbOptions li.last a {
}
.sbOptions .sbDisabled {
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
	color: #999;
    text-decoration: none;
}
.sbOptions .sbGroup {
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
	color: #007571;
    text-decoration: none;
}
.sbOptions .sbSub {
	padding-left: 17px;
}


/* Date Picker */
.calendar-input {
    display: inline-block;
    width: 222px;
}
.calendar-input .textfield {
    display: inline-block;
    float: left;
}
.calendar-img {
    display: inline-block;
    width: 25px;
    height: 26px;
    /*background: url(../images/sprites.png) -756px 1px no-repeat;*/
    border: 0;
    float: right;
    margin-top: -27px;
}
.calendar-img-active {
    /*background: #1B9D91 url(../images/sprites.png) -756px -33px no-repeat;*/
}

/* Calendar */
.ajax__calendar .ajax__calendar_container {
    z-index: 10 !important;
    color: #424242 !important;
    border: 1px solid #D7D7D7 !important;
    background: #F4F4F4 !important;
    padding: 0 !important;
    width: 200px !important;
}
.ajax__calendar_header {
    height: 30px !important;
    background: #fff !important;
}
.ajax__calendar_title {
    font-size: 13px !important;
    padding-top: 5px !important;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {
    color: #00A195 !important;
}
.ajax__calendar_body {
    width: 176px !important;
    height: 150px !important;
}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    height: 150px !important;
}
.ajax__calendar .ajax__calendar_day {
    border: 0 !important;
    padding: 2px 3px !important;
    font-weight: normal !important;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day {
    background: none !important;
    color: #A0A0A0 !important;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day {
    background-color: #00A195 !important;
    border-color: #00A195 !important;
    color: #fff !important;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
    background-color: #CAEEEB !important;
    border-color: #CAEEEB !important;
    color: #424242 !important;
}
.ajax__calendar .ajax__calendar_month {
    border: 0 !important;
    font-weight: normal !important;
    height: 50px !important;
    background: #F4F4F4 !important;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_month {
    color: #A0A0A0 !important;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {
    background-color: #00A195 !important;
    border-color: #00A195 !important;
    color: #fff !important;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {
    background-color: #CAEEEB !important;
    border-color: #CAEEEB !important;
    color: #424242 !important;
}
.ajax__calendar .ajax__calendar_year {
    border: 0 !important;
    font-weight: normal !important;
    height: 50px !important;
    background: #F4F4F4 !important;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {
    background: none !important;
    color: #A0A0A0 !important;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {
    background-color: #00A195 !important;
    border-color: #00A195 !important;
    color: #fff !important;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
    background-color: #CAEEEB !important;
    border-color: #CAEEEB !important;
    color: #424242 !important;
}
.ajax__calendar .ajax__calendar_footer {
    border: 0 !important;
    background: #fff !important;
    padding: 3px 0 !important;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
    color: #00A195 !important;
}
.ajax__calendar_prev {
    background: url(../images/sprites.png) -436px 0 no-repeat !important;
    width: 25px !important;
    height: 25px !important;
    margin-top: 3px !important;
}
.ajax__calendar_next {
    background: url(../images/sprites.png) -519px 0 no-repeat !important;
    width: 25px !important;
    height: 25px !important;
    margin-top: 3px !important;
}


/* Other */
.error {
    color: #DE0E00;
}
.errorbox {
    background: #F8DBDB;
    border: 1px solid #DE0E00;
    color: #DE0E00;
    padding: 3px 10px;
    margin-bottom: 10px;
}
.watermark {
    color: #A9A9A9 !important;
}
.ajax__validatorcallout_popup_table {
    z-index: 10;
}