/* Form styles
================================================== */

*, * focus {
outline: none;
}


/* ===== General form styles ===== */

.formRow { padding: 22px 14px; clear: both; border-bottom: 1px solid #E2E2E2; border-top: 1px solid white; position: relative; }
.formRow:first-child { border-top: none; }
.formRow:last-child { border-bottom: none; }
.ui-formwizard .formRow:last-child { border-bottom: 1px solid #E2E2E2 ; }
.wizButtons { border-top: 1px solid #fff; }
.formRow .inputImg { position: absolute; top: 29px; right: 25px; }
.formRow .labelImg { float: left; margin: 2px 10px 0 0; }
.formRow > label { padding: 4px 0; display: block; float: left; }
.formRight label { float: left; margin-right: 24px; padding: 2px 0; cursor: pointer; }
.formNote { display: block; text-align: left; font-size: 11px; padding-top: 5px; color: #939393; }

.req { float: right; margin-left: 5px; display: block; color: #DB6464; }
.disabled { color: #c0c0c0; }


.sliderSpecs > label { font-size: 11px; margin-right: 10px; }
.sliderSpecs > input { border: none; background: none; width: 30%; padding: 5px; color: #595959; }

.formRow .checker, .formRow .radio { margin-right: 12px; margin-top: 4px; }
.formRow .formRight { display: block; float: right; width: 80%; margin-right: 18px; }

.form input[type=text], .form input[type=password], .form textarea { font-size: 11px; padding: 7px 6px; background: white; border: 1px solid #DDD; width: 100%; font-family: Arial, Helvetica, sans-serif; box-shadow: 0 0 0 2px #f4f4f4; -webkit-box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; color: #656565; } 
.form input[type=text]:hover, .form input[type=password]:hover, .form textarea:hover { border-color: #d5d9dc; background: #fdfdfd; }
.form input[type=text]:focus, .form input[type=password]:focus, .form textarea:focus { border-color: #d5d9dc; background: #fff; -webkit-box-shadow: 0 0 0 2px #f4f4f4; box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; }
input[readonly], input[disabled] { background: #FCFCFC; border: 1px solid #DADADA; color: #D1D1D1; }

.multiple { width: 100%; padding: 5px; }


/* ===== Dropdown with search  ===== */

.searchDrop .selector { display: none; }


/* ===== Limit box  ===== */

.limBox { font-size: 11px; padding: 10px 0; display: block; }
.limiterBox { border: 1px solid #ddd; border-top: none; background: #efefef url(/images/default/backgrounds/titleBg.png) repeat-x; padding: 4px 6px; font-size: 11px;	margin-top:1px; }


/* ===== Tags input  ===== */

div.tagsinput { border: 1px solid #ddd; box-shadow: 0 0 0 2px #f4f4f4; -webkit-box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; background: #FFF; padding: 5px; width: 100%; overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #a5d24a; display: block; float: left; padding: 3px 8px 2px 8px; background: #cde69c; color: #638421; margin: 5px 5px 5px 5px; }
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; font-size: 11px; float: right; margin-top: -1px; } 
div.tagsinput input { width: 80px; border: none; padding: 5px; background: transparent; margin: 5px 5px 0 0; }
div.tagsinput div { display: block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid { background: #FBD8DB !important; color: #90111A !important;}


/* ===== Timepicker  ===== */

.timepicker { width: 46px!important; }
.timeEntry_control { vertical-align: middle; margin-left: -1px; margin-top: -2px; cursor: pointer; }
* html .timeEntry_control { margin-top: -4px; }
.timeEntry_wrap { margin-right: 12px; }


/* ===== Spinner ===== */

.ui-spinner { width: 10em; display: block; position: relative; overflow: hidden; border: 1px solid #cacaca; background: url(/images/default/forms/spinnerBg.png) repeat-x top left!important; padding-left: 8px; }
.ui-spinner-disabled { background: #F4F4F4; color: #CCC; }
.ui-spinner input.ui-spinner-box { border: none!important; background: none!important; box-shadow: none!important; padding: 6px 0!important; }
.ui-spinner-up, .ui-spinner-down { width: 18px; padding: 0; margin: 0; z-index: 100; position: absolute; right: 0; cursor: pointer; border: none; }
.ui-spinner-up { background: url(/images/default/forms/spinnerTop.png) no-repeat; height: 13px; top: 0; }
.ui-spinner-down { height: 13px; bottom: 0px; background: url(/images/default/forms/spinnerBottom.png) no-repeat; }
.ui-spinner-pressed {  }
.ui-spinner-list, .ui-spinner-listitem { margin: 0; padding: 0; font-size: 11px; }
.ui-spinner ul li, .ui-spinner-data { line-height: 25px; height: 25px; }


/* ===== Form validation ===== */

#newsletter_form label{display: block;}

.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 282px; display: block; z-index: 998; cursor: pointer; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; }

.formError .formErrorContent { background: #202020; position:relative; z-index:5001; color: #fff; width: 122px; font-size: 11px; border: 1px solid #000; padding: 2px 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.greenPopup .formErrorContent { background: #33be40; }
.blackPopup .formErrorContent { background: #393939; color: #FFF; }
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px;  position:relative; z-index: 5006; }
.formError .formErrorArrowBottom { box-shadow: none; margin: 0px 0 0 12px; top:2px; }
.formError .formErrorArrow div { font-size: 0px; height: 1px; background: #202020; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }

.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }

.checker input, .radio input, .selector select { cursor: pointer; }


/* ===== Select ===== */

div.selector { position: relative; height: 28px; background: url(/images/default/forms/select_left.png) no-repeat top left; float: left; width: 160px; position: relative; padding-left: 6px; margin-bottom: 6px; }
div.selector select { width: 170px; font-size: 12px; position: absolute; height: 28px; top: 5px; left: 0; }
div.selector span, div.selector p { overflow: hidden; width: 160px; cursor: pointer; position: absolute; right: 0; height: 28px; background: url(/images/default/forms/select_right.png) no-repeat center right; top: 0; line-height: 28px; font-size: 11px; padding: 0px; margin: 0px;}

.dataTables_length div.selector { width: 45px; float: left; height: 22px; background: url(/images/default/forms/select_left_datatable.png) no-repeat top left; padding-left: 8px; }
.dataTables_length div.selector span { width: 45px; height: 22px; background: url(/images/default/forms/select_right_datatable.png) no-repeat center right; line-height: 22px; }
.dataTables_length div.selector select { width: 65px; left: -5px; height: 22px; }


.multiple { height: 200px; }


/* ===== Checkboxes ===== */

div.checker { width: 15px; height: 15px; position: relative; float: left; }
div.checker input { width: 15px; height: 15px; opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none; }
div.checker span { background: transparent url(/images/default/forms/checkbox.png) no-repeat 0 0px ; vertical-align: middle; height: 15px; width: 15px; display: -moz-inline-box; display: inline-block; text-align: center; }
div.checker span.checked { background-position: center bottom; }


/* ===== Radios ===== */

div.radio { width: 15px; height: 15px; position: relative; float: left; margin-top: 5px; }
div.radio input { opacity: 0; filter: alpha(opacity:0); text-align: center; display: inline-block; background: none; width: 15px; height: 15px; }
div.radio span { background: transparent url(/images/default/forms/radio.png) no-repeat 0 0; vertical-align: middle; height: 15px; width: 15px; display: block; display: -moz-inline-box; display: inline-block; text-align: center; }
div.radio span.checked { background-position: center bottom; }


/* ===== File uploader ===== */

div.uploader { width: 250px; position: relative; overflow: hidden; box-shadow: 0 0 0 2px #f4f4f4; -webkit-box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; border: 1px solid #DDD; background: white; padding: 2px 2px 2px 8px; }
div.uploader span.action { width: 22px; background: #fff url(/images/default/addFiles.png) no-repeat 0 0; height: 22px; font-size: 11px; font-weight: bold; cursor: pointer; float: right; text-indent: -9999px; display: inline; overflow: hidden; cursor: pointer; }
div.uploader:hover span.action { background-position: 0 -27px; }
div.uploader:active span.action { background-position: 0 -54px; }
div.uploader span.filename { color: #777; max-width: 200px; font-size: 11px; line-height: 22px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; }
div.uploader input { width: 266px; opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 26px; border: none; cursor: pointer; }
.uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }


/* ===== Wizard ===== */

label.error {   margin-top: 3px;
  font-size: 11px;
  color: #ff0000;
  font-style: italic;
}

#bank_transfer label.error { 
	display: block;
}

.selector .error { margin-right: -220px; float: right; }
.checker label.error, .radio label.error { display: inline; }
.step h1 { float: right; font-weight: bold; font-size: 1em; padding-right: 14px; margin-top: -28px; }
.navigation_button { width : 70px; }
.data span { font-size: 11px; text-align: center; border-top: 1px solid #DDD; padding: 12px 0; display: block; }

.wizButtons .wNavButtons { float: right; margin: 14px 18px; }
.wizButtons .status span { float: left; color: #599414; padding: 18px 14px 18px 32px; background: url(/images/default/icons/updateDone.png) no-repeat 14px; font-size: 11px; }


/* ===== Dual select boxes ===== */

.leftPart { float: left; width: 38%; max-width: 45%; }
.rightPart { float: right; width: 38%; max-width: 45%; }
.dualControl { text-align: center; width: 200px; margin: 150px 1px; position: absolute; left: 50%; margin-left: -100px; }
.boxFilter { max-width: 80%; margin: 0 0 0 0; float: right; }
.filter { margin: 10px 0 22px 0; position: relative; width: 100%; }
.filter > span { float: left; display: block; margin-top: 4px; }
.fBtn { position: absolute; right: 10px; top: 9px; background: none!important; color: #aaa; border: none!important; padding: 0!important; }
.countLabel { margin-top: 10px; display: block; }




/* ===== WYSUWYG editor ===== */

.cleditorMain {  background-color:white}
.cleditorMain iframe {border:none; margin:0; padding:0}
.cleditorMain textarea { border:none!important; margin:0; padding:0!important; font:10pt Arial,Verdana; resize:none; outline:none; height: 127px; box-shadow: none!important; /* webkit grip focus */}
.cleditorToolbar {background: url('/images/default/wysiwyg/toolbar.gif') repeat}
.cleditorGroup {float:left; height:26px}
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('/images/default/wysiwyg/buttons.gif')}
.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
.cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}
.cleditorList div {padding:2px 4px 2px 4px}
.cleditorColor {width:150px; padding:1px 0 0 1px}
.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
.cleditorPrompt {background-color:#F6F7F9; padding: 10px; font-size:8.5pt}
.cleditorPrompt input[type=text],
.cleditorPrompt textarea {font:8.5pt Arial,Verdana; width: auto; margin: 5px 0;}
.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}



/* ===== Multiple file uploader  ===== */

.plupload_button { font-size: 11px; font-weight: bold; color: #fff; line-height: 13px; margin-top: 6px; }

.plupload_start, .plupload_add { background: url(/images/default/ui/usualButtons.png) repeat-x; }

.plupload_start { float: left; background-position: 0 -255px; border: 1px solid #576270; }
.plupload_start:hover { background-position: 0 -283px; }
.plupload_start:active { background-position: 0 -311px; }
.plupload_start span { background: url(/images/default/icons/upload.png) no-repeat 10px 8px; padding: 5px 15px 6px 28px; display: block;  }

.plupload_disabled, a.plupload_disabled:hover { color: #a6a6a6; border: 1px solid #e9e9e9; background: none; cursor: default; }
.plupload_disabled span { padding: 5px 13px 6px 13px; }

.plupload_add { margin-right: 10px; background-position: 0 0; border: 1px solid #c7c7c7; float: left; color: #595959; }
.plupload_add:hover { background-position: 0 -28px; }
.plupload_add:active { background-position: 0 -56px; }
.plupload_add span { background: url(/images/default/icons/add.png) no-repeat 10px; padding: 5px 13px 6px 26px; display: block; }

.plupload_wrapper { font-size: 11px;; width: 100%; }

.plupload_container {  }
.plupload_container input { border: 1px solid #DDD; font-size: 11px; width: 98%; }

.plupload_filelist { margin: 0; padding: 0; list-style: none; }
.plupload_scroll .plupload_filelist { height: 185px; background: #fff; overflow-y: scroll; }
.plupload_filelist li { padding: 10px 12px 14px 10px; background: #FCFCFC url(/images/default/contentDivider.png) repeat-x 0 100%; }
.plupload_filelist li:hover { background-color: #f9f9f9; }

.plupload_filelist_header, .plupload_filelist_footer { background: #EFEFEF url(/images/default/backgrounds/titleBg.png) repeat-x; padding: 3px 12px; color: #878787; }
.plupload_filelist_header {	border-bottom: 1px solid #d5d5d5; height: 20px; }

.plupload_filelist_footer { border-top: 1px solid #D5D5D5; line-height: 38px; vertical-align: middle; } 
.plupload_file_name { float: left; overflow: hidden; }
.plupload_filelist .plupload_file_name { background: url(/images/default/arrow.gif) no-repeat 2px; padding-left: 14px; }
.plupload_file_status { color: #777; }
.plupload_file_status span {}
.plupload_file_size, .plupload_file_status, .plupload_progress { float: right; width: 80px; }
.plupload_file_size, .plupload_file_status, .plupload_file_action { text-align: right; }
.plupload_filelist .plupload_file_name { width: 205px; }
.plupload_file_action { float: right; width: 14px; margin-top: 3px; height: 14px; margin-left: 15px; }
.plupload_file_action * { display: none; width: 14px; height: 14px; }

li.plupload_uploading {  }
li.plupload_done { color: #AAA; }
li.plupload_delete a { background: url(/images/default/icons/uploader/deleteFile.png) no-repeat 0; }
li.plupload_failed a { background: url(/images/default/icons/uploader/error.png) no-repeat 0; cursor: default; }
li.plupload_done a { background: url(/images/default/icons/uploader/uploaded.png) no-repeat 0; cursor: default; }

.plupload_progress, .plupload_upload_status { display: none; }
.plupload_progress_container { margin-top: 10px; border: 1px solid #CCC; background: #FFF; padding: 1px; }
.plupload_progress_bar { width: 0px; height: 7px; background: #CDEB8B; }
.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action { margin-right: 17px; }

/* Floats */

.plupload_clear,.plupload_clearer { clear: both; }
.plupload_clearer, .plupload_progress_bar { display: block; font-size: 0; line-height: 0; }

li.plupload_droptext { background: transparent; text-align: center; vertical-align: middle; border: 0; line-height: 160px; }
li.plupload_droptext:hover { background: #fff; }




/* SEARCH BIG + SELECT --> OLD

.big_search{
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
    width: 518px;
    height: 50px;
    
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -webkit-box-shadow: inset 0 0px 1px rgba(0,0,0,0.30);      
}

.big_search form{
    margin-top: 7px;
    margin-left: 7px;
}

.form .big_select, .big_input {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    float: left;
    color: #bbb;
}

.form .big_input {
    width: 252px;
    margin-right: 2px;
}

.form .big_input input[type=text] {  box-shadow: 0 0 0 0px #f4f4f4; -webkit-box-shadow: 0 0 0 0px #f4f4f4; -moz-box-shadow: 0 0 0 0px #f4f4f4; border: 1px solid #fff;} 
.form .big_input input[type=text]:hover { border-right: solid 1px #aaa; background: #fff; }
.form .big_input input[type=text]:focus { border-right: solid 1px #aaa; background: #fff; -webkit-box-shadow: 0 0 0 0px #f4f4f4; box-shadow: 0 0 0 0px #f4f4f4; -moz-box-shadow: 0 0 0 0px #f4f4f4; }


.form .big_input input[type="text"]{
    width: 248px;
    height: 36px; background: #fff; border-right: solid 1px #aaa; 
    font-size: 20px;
    font-weight: bold;
    color: #ccc;
    line-height: 36px;
    padding: 0px;
    margin: 0px;
    padding-right: 3px;
}


.big_select {
    text-transform: uppercase;
    width: 195px;
}

.big_select div.selector select { width: 195px; font-size: 12px; position: absolute; height: 36px; top: 9px; left: 0; }
.big_select div.selector { position: relative; height: 36px; background: #fff; border: 0px;  float: left; width: 185px; position: relative; padding-left: 10px; padding-right: 3px;}
.big_select div.selector span { width: 185px; cursor: pointer; position: absolute; right: 0; height: 36px; background: url(/images/default/forms/select_big.png) no-repeat center right; top: 0; line-height: 36px; font-size: 12px; }
*/