/********************************* 1. SCROLLBOX *****************************************************************************/

/* applied to original <select> to hide */
.has_sb{position:absolute;left:-999999em;text-indent:-999999em;}

/* always visible styles */
.selectbox{display:inline-block; *display:inline;font-family: verdana,sans-serif; float: left; font-size:1em; margin: 0 1px; position:relative; vertical-align:middle;}
.selectbox .display {background: none repeat scroll 0 0 #FCF70C; border: 1px solid #FFFFFF; color: #000000; cursor: default; display: block; font-weight: normal; height: auto; line-height: 1.4em; margin-left: -1px; outline: medium none; overflow: hidden; padding: 4px 24px 3px 6px; position: relative; text-decoration: none;}
.selectbox.disabled .display{color:#999;}
.selectbox.focused .display .text{display:inline-block; *display:inline;}
.selectbox .display.active{border:1px solid #d9e4f0; border-bottom: none;}
.selectbox .display .arrow_btn{background: url("../images/icon_drop_down.png") no-repeat left center transparent; border:none; display:block; height: 19px; margin: 2px; padding: 0px; position:absolute; cursor: pointer; right:0; text-align:center; top: 0; width: 19px;}
.selectbox .display .arrow_btn .arrow{}
.selectbox .display.active .arrow_btn{-moz-box-shadow:inset 0 0 1px 1px #9eb0ba; -webkit-box-shadow:inset 0 0 1px 1px #9eb0ba; box-shadow:inset 0 0 1px 1px #9eb0ba;}
.selectbox .display.hover .arrow_btn{}
.selectbox .value {display:none;}

/* dropdown styles */
.selectbox.items{background:#fff; border:1px solid #d9e4f0; display:block; font-family: verdana,sans-serif; font-size: 1em; list-style-type: none; margin:0; overflow-x:hidden; overflow-y:auto; padding:0; z-index:99999;}
.selectbox.items.above{}
.selectbox.items li{display:block; margin:0; padding:0;/*white-space:nowrap; maybe necessary if using fixedWidth: false */}
.selectbox.items li.first{margin-top:0;}
.selectbox.items li>.item{color:#000; cursor:default; display:block; padding:4px 6px; text-decoration:none;}
.selectbox.items li>.item>.text{display:inline-block; *display:inline;}
.selectbox.items li.selected>.item{}
.selectbox.items li.disabled>.item{color:#999;}
.selectbox.items li.hover>.item{background-color:#3399ff; color:#fcfcfc;}
.selectbox.items .value{display:none;}

/* optgroup styles */
.selectbox.items .optgroup .items{border:none; margin:0; padding:0; -moz-box-shadow:none; -webkit-box-shadow:none;}
.selectbox.items .optgroup>.label{cursor:default;font-weight:bold;line-height:1em;}
.selectbox.items .optgroup .items li>.item{padding-left:1em;}

/* easy rounding styles */
.selectbox .round_sb.display{padding:2px 26px 2px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.selectbox .round_sb.display .arrow_btn{right:2px; top:2px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.selectbox.round_sb.items{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.selectbox.round_sb.items>li>a{padding:4px 6px;}
.selectbox.round_sb.items>li.first>.item{-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
.selectbox.round_sb.items>li.last>.item{-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
/* for optgroups */
.selectbox.round_sb.items>li>.label{line-height:2.08em;padding:4px 6px;}
.selectbox.round_sb.items>li>.items li>.item{padding:4px 6px 4px 12px;}

/* fixed width example styles */
.selectbox .display.fixed_width{width:73px; padding:0 24px 0 3px;}
.selectbox.fixed_width.items{width:100px; /* width of display text plus the padding (60 + 27) = 87 */}
.selectbox .display.fixed_width2{width:60px; padding:0 24px 0 3px;}

.selectbox.fixed_width2.items{width:300px; /* width of display text plus the padding (60 + 27) = 87 */}

/********************************* 2. SELECTBOX *****************************************************************************/
/*
.cust_checkbox{border: 1px solid #fff; font-size:14px; cursor: pointer; height: 24px; width: 24px; display: inline-block; margin: 0 3px 3px 0;}
.cust_checkbox_on{background:url("../images/icon_selectbox.png") no-repeat 0 -24px;}
.cust_radio_on{background:url("../images/icon_selectbox.png") no-repeat 0 -24px;}
.cust_checkbox_off{background:url("../images/icon_selectbox.png") no-repeat 0 0;}
.cust_radio_off{background:url("../images/icon_selectbox.png") no-repeat 0 0;}
.cust_checkbox_disabled_on{background:url("../images/icon_selectbox.png") no-repeat 0 0;}
.cust_checkbox_disabled_off{background:url("../images/icon_selectbox.png") no-repeat 0 0;}
.cust_radio_disabled_on{background:url("../images/icon_selectbox.png") no-repeat 0 0;}
.cust_radio_disabled_off{background:url("../images/icon_selectbox.png") no-repeat 0 0;}
*/

/********************************* 3. jSCROLL *****************************************************************************/

.jspContainer {overflow: hidden; position: relative;}
.jspPane {position: absolute;}

.jspVerticalBar {position: absolute; top: 0; right: 0; width: 19px; height: 100%; background: red;}
.jspHorizontalBar {position: absolute; bottom: 0; left: 0; width: 100%;	height: 16px; background: red;}
.jspVerticalBar *,.jspHorizontalBar * {margin: 0; padding: 0;}

.jspCap {display: none;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {background: #d7e2f0; position: relative;}
.jspDrag {background: url("../images/bg_scroll_bar.png") no-repeat 50% 50% #1d76de; top: 0;	left: 0; cursor: pointer; position: relative;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left; height: 100%;}

.jspArrow {background: #50506d; text-indent: -20000px;	display: block;	cursor: pointer;}
.jspArrow.jspDisabled {cursor: default;	background: #80808d;}
.jspArrow.jspArrowUp {background:url("../images/bg_scroll_up.png") no-repeat 0 0;}
.jspArrow.jspArrowDown {background:url("../images/bg_scroll_down.png") no-repeat 0 0;}

.jspVerticalBar .jspArrow {height: 19px;}
.jspHorizontalBar .jspArrow {width: 19px; float: left; height: 100%;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {background: #eeeef4; float: left; height: 100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{margin: 0 -3px 0 0;}


/********************************* 4. jqtransform *****************************************************************************/
/*
form.jqtransformdone label{margin-top:4px; margin-right: 8px; display: block; float:left;}
*/
form.jqtransformdone div.rowElem {clear: both; padding: 4px 0px;}

/* ** 4.1 Buttons ** */
/*
button.jqTransformButton {margin: 0px; padding: 0px; border: none; background-color: transparent; cursor: pointer; overflow: visible; font-family: Arial;}

*:first-child+html button.jqTransformButton[type]{width: 1;}

button.jqTransformButton span {background: transparent url(img/btn_right.png) no-repeat right top; display: block; float: left; padding: 0px 4px 0px 0px; margin: 0px; height: 33px;}
button.jqTransformButton span span {background: transparent url(img/btn_left.png) no-repeat top left; color: #333; padding: 8px 4px 0px 8px; font-weight: normal; font-size: 12px; line-height: 13px; display: block; text-decoration: none; height: 33px;}
*/

/*hover*/
/*
button.jqTransformButton_hover span span { background-position: left -33px;}
button.jqTransformButton_hover span { background-position: right -33px;}
*/

/*clicked*/
/*
button.jqTransformButton_click span span { background-position: left -66px ; }
button.jqTransformButton_click span { background-position: right -66px ; }
*/

/* IE 6 */
/*
* html button.jqTransformButton { height:33px; }
* button.jqTransformButton span span { height: 25px; }
*/

/* IE 7 */
/*
*+ html button.jqTransformButton { height:33px; }
*+ button.jqTransformButton span span { height: 25px; }
*/

/* ** 4.2 Inputs ** */
.jqTransformInputWrapper {background-color: #fcf70c; height: 24px; padding: 0px; float: left; border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-bottom: 5px;}
.jqTransformInputInner { background-color: #fcf70c;	padding: 0px; margin: 0px; border-right: 1px solid #fff;}
.jqTransformInputInner div {height: 24px; margin: 0px 0px 0px 8px;}
.jqTransformInputInner div input { font-family: verdana,sans-serif; font-size: 12px; line-height: 1em; vertical-align: middle; height: 24px; color: #404040; border: none; padding: 0px 0px 0px 0px; margin: 0px; background: transparent;}

/* IE6 */
* html .jqTransformInputInner div input {padding: 6px 0 0 0; margin: 0 0 0 -8px; height: 24px;}

/* Ie7 */
*+html .jqTransformInputInner div input {padding: 6px 0 0 0; margin-left: -10px; height: 24px;}

/*hover*/
.jqTransformInputWrapper_hover {background-position: left -31px;}
.jqTransformInputWrapper_hover div.jqTransformInputInner {background-position: right -31px;}

/*focus*/
.jqTransformInputWrapper_focus {background-position: left -62px;}
.jqTransformInputWrapper_focus div.jqTransformInputInner {background-position: right -62px;}
.jqTransformSafari .jqTransformInputInner div {position: relative; overflow: hidden; margin: 0px 8px;}
.jqTransformSafari .jqTransformInputInner div input { background-color: transparent; position: absolute; top: -10px; left: -2px; height: 42px; padding-left: 4px;}

/* ** 4.2 Textarea ** */

table.jqTransformTextarea td#jqTransformTextarea-mm textarea {font-size: 12px; line-height: 18px;}
table.jqTransformTextarea td {font-size: 1px; line-height: 1px; width: 5px; height: 5px; margin: 0; padding: 0;}
table.jqTransformTextarea {}
table.jqTransformTextarea tr {}
table.jqTransformTextarea textarea {margin: 0; padding: 5px; border: 0;	background-color: #fcf70c;}
/*
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(img/textarea/textarea_tl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(img/textarea/textarea_tm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(img/textarea/textarea_tr.gif) no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(img/textarea/textarea_ml.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(img/textarea/textarea-mm.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(img/textarea/textarea_mr.gif) repeat-y top left;}

table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(img/textarea/textarea_bl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(img/textarea/textarea_bm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(img/textarea/textarea_br.gif) no-repeat top left;}
*/
/*hover*/
/*
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(img/textarea/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}
*/
/*focus*/
/*
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(img/textarea/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}
*/

table.jqTransformTextarea .jqTransformSafariTextarea div {position: relative; overflow: hidden; border: 0px solid red;}
table.jqTransformTextarea .jqTransformSafariTextarea textarea {background: none; position: absolute; top: -10px; left: -10px; padding: 10px 10px 10px 10px; resize: none;}

/* ** 4.3 Radios ** */
/*
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:5px;}
.jqTransformRadio {background: transparent url(img/radio.gif) no-repeat center top; vertical-align: middle; height: 19px; width: 18px; display:block;}
*/

/* ** 4.4 Checkboxes ** */

span.jqTransformCheckboxWrapper {display: inline-block; float: left; margin-bottom: 5px;}
a.jqTransformCheckbox {border: 1px solid #fff; background: transparent url(../images/form_checkbox.png) no-repeat center top; vertical-align: middle; height: 24px; width: 24px; display: block; /*display: -moz-inline-block;*/}
.jqTransformCheckboxWrapper + label, .jqTransformCheckboxWrapper + input[type="hidden"] + label {padding: 3px 0 0 7px; float: left;}

a.jqTransformChecked {background-position: center bottom;}

/* ** 4.5 Selects ** */

.jqTransformSelectWrapper {width: 45px; position: relative; height: 24px; background-color: #fcf70c; border: 1px solid #FFFFFF; float: left;}
.jqTransformSelectWrapper div span {font-size: 12px; float: none; position: absolute; white-space: nowrap; height: 19px; line-height: 14px; padding: 5px 0 0 7px; overflow: hidden; cursor: pointer;}
.jqTransformSelectWrapper  a.jqTransformSelectOpen {display: block; position: absolute; right: 0px; width: 23px; height: 24px; background: url(../images/form_select_right.png) no-repeat center center;}
.jqTransformSelectWrapper ul {position: absolute; width: 43px; top: 25px; left: 0px; list-style: none; background-color: #FFF; border: solid 1px #d9e4f0; display: none; margin: 0px; padding: 0px; height: 250px; overflow: auto; overflow-y: auto; z-index: 10; height: auto !important;}
.jqTransformSelectWrapper ul li {border-bottom: 1px dotted #CADAED; margin: 0; padding: 0; clear: none; float: none;}
.jqTransformSelectWrapper ul a {display: block; padding: 5px; text-decoration: none; color: #333; background-color: #FFF; font-size: 12px; font-weight: normal;}
.jqTransformSelectWrapper ul a.selected {background: #3399ff; color: #fff;}
.jqTransformSelectWrapper ul a:hover,.jqTransformSelectWrapper ul a.selected:hover{ background: #3399ff; color: #fff;}

/* ** 4.6 Hidden - used to hide the original form elements ** */

.jqTransformHidden {display: none;}



/********************************* 5. autocomplete *****************************************************************************/

.acYellow, .acBlue {background-color: #fff; border: 1px solid #D9E4F0; margin-left: -9px; margin-top: 2px; padding: 0 8px; z-index: 100;}
.acYellow ul, .acBlue ul {margin: 0 -8px;}
.acYellow li, .acBlue li {padding: 5px 8px 5px 9px; border-bottom: 1px dotted #CADAED; cursor: pointer; overflow: hidden;}
.acYellow li:hover, .acYellow li.ac_over, .acBlue li:hover, .acBlue li.ac_over {background-color: #3399FF !important; color: #fff;}

.acYellow li.GROUP_ONLY, .acBlue li.GROUP_ONLY {background: transparent url(../images/icon_workers.png) no-repeat 3px 6px; font-weight: bold; padding-left: 30px;}
.acYellow li.PROFESSION_ONLY, .acBlue li.PROFESSION_ONLY {background: transparent url(../images/icon_worker.png) no-repeat 5px 6px; padding-left: 30px;}

.acBlue {margin-left: 0; padding: 0 5px;}
.acBlue ul {margin: 0 -5px;}


/********************************* 6. chosen *****************************************************************************/

/* @group Base */
.chzn-container {position: relative; display: inline-block; zoom: 1; *display: inline;}
.chzn-container .chzn-drop {background: #fff; border: 1px solid #D9E4F0; border-top: 0; position: absolute; top: 29px; left: 0; z-index: 999;}
.chzn-container a {font-weight: normal; color: #303336;}
.chzn-container a:hover, .chzn-container a span:hover {text-decoration: none;}
/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {background-color: #DAE7F7; border: none; display: block; overflow: hidden; white-space: nowrap; position: relative; height: 22px; line-height: 22px; padding: 0 0 0 8px; text-decoration: none;}
.chzn-container-single .chzn-single span {margin-right: 26px; display: block; overflow: hidden; white-space: nowrap;}
.chzn-container-single .chzicon_chosen_sprite.pngngle abbr {display: block; position: absolute; right: 26px; top: 8px; width: 12px; height: 13px; font-size: 1px; background: url(../images/icon_chosen_sprite.png) right top no-repeat;}
.chzn-container-single .chzn-single abbr:hover {background-position: right -11px;}
.chzn-container-single .chzn-single div {position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px;}
.chzn-container-single .chzn-single div b {background: url(../images/icon_chosen_sprite.png) no-repeat 0 -1px; display: block; width: 100%; height: 100%;}
.chzn-container-single .chzn-search {padding: 3px 4px; position: relative; margin: 0; white-space: nowrap; z-index: 1010;}
.chzn-container-single .chzn-search input {background: #fff url(../images/icon_chosen_sprite.png) no-repeat 100% -22px; margin: 1px 0; padding: 2px 20px 2px 5px; outline: 0; border: 1px solid #aaa;}
.chzn-container-single .chzn-drop {}
/* @end */

.chzn-container-single-nosearch .chzn-search input {position: absolute; left: -9000px;}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {background-color: #fff; border: 1px solid #aaa; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative;}
.chzn-container-multi .chzn-choices li {float: left; list-style: none; border-bottom: 1px dotted #CADAED;}
.chzn-container-multi .chzn-choices .search-field {white-space: nowrap; margin: 0; padding: 0;}
.chzn-container-multi .chzn-choices .search-field input {background: transparent !important; border: 0 !important; padding: 5px; margin: 1px 0; outline: 0;}
.chzn-container-multi .chzn-choices .search-field .default {}
.chzn-container-multi .chzn-choices .search-choice {background-color: #3399ff; border: 1px solid #CADAED; line-height: 13px; padding: 3px 19px 3px 6px; margin: 3px 0 3px 5px; position: relative;}
.chzn-container-multi .chzn-choices .search-choice span {cursor: default;}
.chzn-container-multi .chzn-choices .search-choice-focus {background: #3399ff; color: #fff;}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {display: block; position: absolute; right: 3px; top: 4px; width: 12px;  height: 13px; font-size: 1px; background: url(../images/icon_chosen_sprite.png) right top no-repeat;}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {background-position: right -11px;}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {background-position: right -11px;}
/* @end */

/* @group Results */
.chzn-container .chzn-results {margin: 0 4px 4px 0; max-height: 200px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto;}
.chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0;}
.chzn-container .chzn-results li {display: none; line-height: 1.4em; padding: 5px 7px 5px; margin: 0; list-style: none; border-bottom: 1px dotted #CADAED; width: 94%;}
.chzn-container .chzn-results .active-result {cursor: pointer; display: list-item;}
.chzn-container .chzn-results .highlighted {background: #3399ff; color: #fff;}
.chzn-container .chzn-results li em {background-color: #FCF70C; font-weight: bold;}
.chzn-container .chzn-results .highlighted em {background: transparent;}
.chzn-container .chzn-results .no-results {background: #f4f4f4; display: list-item;}
.chzn-container .chzn-results .group-result {cursor: default; font-weight: bold;}
.chzn-container .chzn-results .group-option {padding-left: 20px;}
.chzn-container-multi .chzn-drop .result-selected {display: none;}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {}
.chzn-container-active .chzn-single-with-drop {}
.chzn-container-active .chzn-single-with-drop div {background: transparent; border-left: none;}
.chzn-container-active .chzn-single-with-drop div b {background-position: -18px -1px;}
.chzn-container-active .chzn-choices {border: 1px solid #5897fb;}
.chzn-container-active .chzn-choices .search-field input {}
/* @end */

/* @group Disabled Support */
.chzn-disabled {cursor: default; opacity:0.5 !important;}
.chzn-disabled .chzn-single {cursor: default;}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {cursor: default;}

/* @group Right to Left */
.chzn-rtl { direction:rtl;text-align: right; }
.chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; }
.chzn-rtl .chzn-single div {left: 0; right: auto; border-left: none; border-right: 1px solid #aaaaaa;}
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {background: url(../images/icon_chosen_sprite.png) no-repeat -38px -22px, #ffffff; padding: 4px 5px 4px 20px;}
/* @end */