/* Custom form styles */
.formFieldTitle,
.formFieldTitleSmall {    	
    min-height: 25px;
    display: block;
    /*text-transform:uppercase;*/
    float: left;
    width: 175px;
    padding: 6px 6px 6px 0;			
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #4d4d4d;
    vertical-align: top;	
}

.formFieldTitle small {
    
    text-transform:lowercase;
    font-weight: normal;
    display: block;
    
}

.formFieldTitle.notfixed {
	width: auto;
}

.title-size-100 .formFieldTitle{
    width: 100px;
    padding: 8px 6px 0 16px;
}
.formFieldTitleSmall{
    width: 100px;
    padding: 3px 6px 6px 0;			
    
}
.inpTextArea.disabled textArea,
.inpText.disabled input,
.inpSelect.disabled .selectWrap {
	background-color: #e6e6e6;
	color: #a1a1a1;
}
.inpSelect.disabled .selectWrap em {
	color: #a1a1a1;
}

.impConfClearing {
	clear: both;
	float: left;
	width: 100%;
	min-height: 32px;
	padding-bottom: 6px;
}
.impConfHideInput {
	position: absolute;
	top: -1000px;
	left: 0;
}
.impConfLabel {
	float: left;
	margin-right: 10px;
	padding: 0 10px 0 30px;
	height: 23px;
	background: transparent url('../images/form-radio.png') no-repeat 0 0;
	font: normal 12px/23px Arial, Verdana, sans-serif;
	color: #393939;
}
.impConfField {
	float: left;
	border: 1px solid #b8b5b5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0 10px;
	height: 25px;
	font: normal 12px/25px Arial, Verdana, sans-serif;
	color: #393939;
}
/* CK Editor field */
.inpCkEditor {		
	min-height: 32px;
	padding-bottom: 6px;
}

/* text field */
.fieldWrap {
	clear: both;
}

.disableClearBoth {
    clear: none;
}

.inpText {
	/*clear: both;
	float: left;*/
	min-height: 32px;
	padding-bottom: 6px;

}
.inpFile {
	
	min-height: 32px;
	padding-bottom: 6px;
}
.inpText input {
	float: left;
	border: 1px solid #b8b5b5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 10px;
	height: 27px;
	font: normal 12px/25px Arial, Verdana, sans-serif;
	color: #393939;	
	width: 150px;
	background: #fff url(../images/field-shadow.png) repeat-x 0 0;
	outline: none;
}

.inpTextArea .textUnder,
.inpSelect .textUnder,
.inpSelect .textAfter,
.inpText .textBefore,
.inpText .textUnder,
.inpText .textAfter {
	font: normal 12px/20px Arial, Verdana, sans-serif; /*31px => 20px*/
	color: #636363;
}
.inpText .textBefore {
	float: left;
	padding-right: 5px;
}


.inpText .textUnder,
.inpSelect .textUnder,
.inpTextArea .textUnder{
	clear: both;
	margin-left: 125px;
}
.inpFile .textUnder {
	clear: left;
}

.inpSelect .textAfter,
.inpText .textAfter {
	float: left;
	padding-left: 5px;
}
.inpText.invalid input {
	border-color: #d63921;
}
/* password field */
.inpPass {
	
	min-height: 32px;
	padding-bottom: 6px;
}
.inpPass input {
	float: left;
	border: 1px solid #b8b5b5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 10px;
	height: 25px;
	font: normal 12px/25px Arial, Verdana, sans-serif;
	background: #fff url(../images/field-shadow.png) repeat-x 0 0;
	color: #393939;
	width: 150px;
}
.inpPass.invalid input {
	border-color: #d63921;
}
/* textarea field */
.inpTextArea {
	
	min-height: 32px;
	padding-bottom: 6px;
}
.inpTextArea textarea {
	float: left;
	border: 1px solid #b8b5b5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 10px;
	width: 370px;
	height: 50px; /*(100 =>70)*/

	background: #fff url(../images/field-shadow.png) repeat-x 0 0;
	font: normal 12px/18px Arial, Verdana, sans-serif;
	color: #393939;
}
.inpTextArea.invalid textarea {
	border-color: #d63921;
}
/* checkbox */
.inpCheck {
	
	min-height: 32px;
	padding-bottom: 6px;
}
.inpCheck input {
	position: absolute;	
	left: -1000px;
}
.inpCheck label {
	float: left;
	margin-right: 10px;
	padding: 0 10px 0 30px;
	height: 23px;
	background: transparent url('../images/form-checkbox.png') no-repeat 0 0;
	font: normal 13px/23px Arial, Verdana, sans-serif;
	color: #393939;
}
.inpCheck label.selected {
	background-position: 0 -46px;
}
/* radio button */
.inpRadio {
	
	min-height: 32px;
	padding-bottom: 6px;
}
.inpRadio input {
	position: absolute;
	/*top: 0;*/
	left: -1000px;
}
.inpRadio label {
	float: left;
	margin-right: 1px;
	margin-bottom: 10px;
	padding: 0 0 0 24px;
	height: 23px;
	background: transparent url('../images/form-radio.png') no-repeat 0 0;
	font: normal 13px/14px Arial, Verdana, sans-serif;
	color: #686868;
	/* line-height: 25px; */
	padding-top:4px;
}
 
.inpRadio label.selected {
	background-position: 0 -46px;
}
/* file upload field */
.inpFile input[type=file] {
}
.inpFile input[type=text] {
	margin-right: 10px;
	float: left;
	border: 1px solid #b8b5b5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 10px;
	height: 25px;
	font: normal 12px/25px Arial, Verdana, sans-serif;
	color: #393939;
}
.inpFile button {
	position: relative;
	top: 2px;
	margin: 0;
}
/* claendar field */
.inpCalendar {
	
	min-height: 32px;
	padding-bottom: 6px;
}
.inpCalendar input {
	float: left;
	border: 1px solid #b8b5b5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 10px;
	height: 25px;
	font: normal 12px/25px Arial, Verdana, sans-serif;
	color: #393939;
	width: 270px;
}
.inpCalendar img.tcalIcon {
	margin: 4px;
	float: left;
}
.inpCalendar.invalid input {
	border-color: #d63921;
}
.ckEditorWrap {
	padding-right: 10px;
	width: 600px;
	float: left;
}
.ckEditorWrap	> span {
	float: left;
	display: block;
}
.cke_wrapper {
	width: 600px;
}

.openBtnWrap {
	clear: both;
	padding: 10px 0 0 180px;
}
.openBtnWrap input,
.openBtnWrap button {
	float: left;
}

/* select box */
.inpSelectClassic {
	clear: both;
	float: left;
	width: 100%;
	min-height: 32px;
	padding-bottom: 6px;
	
}

.inpSelectClassic select{    
    float: left;    
    padding-left: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right:6px;
    height: 27px;
    font: normal 12px/25px Arial, Verdana, sans-serif;
    color: #393939;
    width: 170px;    
    background-color: #FFF;    
    border: 1px solid #b8b5b5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*-webkit-appearance: none;*/
    border-radius: 4px;
    background: #fff url(../images/field-shadow.png) repeat-x 0 0;
}

.inpSelectClassic.invalid select {
    border-color: #d63921;
}
 
select.invalid {
    border-color: #d63921;
}




.inpSelect {
	/*
	clear: both;
	float: left;
	width: 100%;
	*/
	height: 27px;
	min-height: 32px;
	padding-bottom: 6px;
	position: relative;
	margin-right: 5px;
}
.inpSelect .selectWrap {
	float: left;
	width: 170px; /*290px*/
	border: 1px solid #b8b5b5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff url(../images/field-shadow.png) repeat-x 0 0;
}
.inpSelect .selectWrap em {
	display: block;
	border-bottom: 1px solid transparent;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	padding: 0 10px;
	height: 25px;
	background: transparent url(../images/dropdown-arrow.png) no-repeat 100% 0;
	font: normal 12px/25px Arial, Verdana, sans-serif;
	color: #393939;
	cursor: pointer;
}
.inpSelect .selectWrap ul {
	display: none;
	overflow: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 200px;
}
.inpSelect .selectWrap li {
	padding: 0;
	width: 100%;
	height: 27px;
	font: normal 12px/25px Arial, Verdana, sans-serif;
	color: #393939;
	text-indent: 10px;
	cursor: pointer;
}
.inpSelect .selectWrap li:hover {
	background: #535353;
	color: #fff;
}
.inpSelect .selectWrap.open {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.inpSelect .selectWrap.open em {
	border-color: #d3d3d3;
	background-color: #f8f8f8;
}
.inpSelect.invalid .selectWrap {
	border-color: #d63921;
}

.size-60 input[type=text],
.size-60 input[type=password],
.size-60 textarea {
	width: 38px;
}
.size-60 .selectWrap {
	width: 60px;
}

.size-80 input[type=text],
.size-80 input[type=password],
.size-80 textarea {
	width: 58px;
}
.size-80 .selectWrap {
	width: 80px;
}

.size-100 input[type=text],
.size-100 input[type=password],
.size-100 textarea {
	width: 78px;
}
.size-100 .selectWrap {
	width: 100px;
}

.size-170 input[type=text],
.size-170 input[type=password],
.size-170 textarea {
	width: 148px;
}
.size-170 .selectWrap {
	width: 170px;
}

.size-196 input[type=text],
.size-196 input[type=password],
.size-196 textarea {
	width: 174px;
}
.size-196 .selectWrap {
	width: 196px;
}

.size-210 input[type=text],
.size-210 input[type=password],
.size-210 textarea {
	width: 188px;
}
.size-210 .selectWrap {
	width: 210px;
}

.size-250 input[type=text],
.size-250 input[type=password],
.size-250 textarea {
	width: 238px;
}
.size-250 .selectWrap {
	width: 250px;
}

.size-270 input[type=text],
.size-270 input[type=password],
.size-270 textarea {
	width: 258px;
}
.size-270 .selectWrap {
	width: 270px;
}

.size-390 input[type=text],
.size-390 input[type=password],
.size-390 textarea {
	width: 368px;
}
.size-390 .selectWrap {
	width: 390px;
}

.size-500 textarea {
	width: 478px;
	height:200px;
}


.errorWrap {    
    display: none;
    clear: both;	
    margin-left: 180px;
    margin-bottom: 15px;
}

.error {		
    color:red;		
}


/*
.errorWrap {
	display: none;		
	margin-left: 160px;
	
	float: left;
	max-width: 360px;
	min-width: 10px;
	
	clear: both;
}
.error {
	padding: 5px 3px;
	color: #red;
	line-height: 12px;	
	background-color: red;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
*/

/* custom */
.search_btn_padding{
    padding: 0px 0 0 250px;
}

.login_btn_padding{
    padding: 0px 0 0 120px;
}

.btn-green-282 {
	margin: 6px 0;
	padding: 0;
	border: 0;
	width: 282px;
	height: 43px;
	background: transparent url(../images/btn-green-282.png) no-repeat 0 0;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	line-height: 43px;
	text-align: center;
	color: #202022;
	text-transform: uppercase;
	cursor: pointer;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, .5);
}
.btn-green-282:hover {
	background-position: 0 -43px;
}

/* datepicker fix*/
.ui-datepicker{ z-index: 9999 !important;}

/* tooltip*/
a.tooltip {outline:none; }
a.tooltip strong {line-height:25px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip div {
    z-index:10;display:none; padding:7px 9px;
    margin-top:-30px; margin-left:28px;
    width:290px; line-height:16px;
}
a.tooltip:hover div{
    display:inline; position:absolute; 
    /*color:#111;*/
    border:1px solid #ccc; background:#fafafa;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip div
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}