/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/*General styles - NOT really related to the forms*/

/*Forms defaults - change as needed*/
input, textarea {font-size:12px;color:#404040;}

label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#333;}

.niceLabel {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
	vertical-align: middle;
}
.niceLabelChosen {color:#333;}


/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}


/*Radio buttons*/

.niceRadioButton .niceLabel
{
	font-size: 12px;
	line-height: 14px;
	padding: 0 0 0 18px;
}
/*
.niceRadioButtonTable {
	display: -moz-inline-box;
	vertical-align:bottom;
	cursor:pointer;
}

.niceRadioButtonTable td
{
	padding: 0;
	margin: 0;
}
*/
.radioArea, .radioAreaChecked {
	display:block;
	/*width:15px;*/
	height:14px;
	/*font-size:0;*/
	cursor:pointer;
	margin-top: 2px;
}
.radioArea {background:url(../../images/niceforms/default/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../../images/niceforms/default/radio.gif) no-repeat left bottom;}

/*Checkboxes*/

.niceCheckbox
{
}

.niceCheckboxDisabled
{	
	cursor:default !important;
}

.niceCheckbox .checkboxImage
{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align:middle;
	overflow: hidden;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	background:url(../../images/niceforms/default/checkbox.gif) no-repeat;
	cursor:pointer;
}

.niceCheckbox .checkboxImageChecked
{
	background-position: 0 -13px;
}
.niceCheckbox .checkboxImageRed 
{
	background-position: 0 -26px;
}

.focused {border:1px dotted #ddd;}

/*Text inputs*/
.NJFText {height:23px;width:60px;border:none;vertical-align:middle;display:inline;}
.NJFText .left {height:23px;width:8px;background:url('../../images/NiceForms/default/input_left.gif') no-repeat right top;}
.NJFText .right {height:23px;width:8px;background:url('../../images/NiceForms/default/input_right.gif') no-repeat left top;}
.NJFText .center {height:23px;width:auto;background:url('../../images/NiceForms/default/input_bg.gif') repeat-x left top;}
.NJFText .center input {height:15px;width:10px;border:none;font-size:12px;color:#404040;background:transparent;}

.NJFTextFocused {}
.NJFTextFocused .left {background-position:right bottom;}
.NJFTextFocused .center {background-position:left bottom;}
.NJFTextFocused .right {background-position:right bottom;}

/*NJFDropdown*/
.NJFDropdown {height:21px;display:block;overflow:hidden;}
.NJFDropdown .center {height:21px;width:100%;position:relative;top:0px;overflow:hidden;background:url('../../images/NiceForms/default/select_bg.gif') repeat-x left top;}
.NJFDropdown .center div{white-space:nowrap;color:#FFF;padding-left:10px;padding-top:3px;}
.NJFDropdown .left {height:21px;width:8px;position:relative;top:-21px;float:left;background:url('../../images/NiceForms/default/select_left.gif') no-repeat left top;}
.NJFDropdown .right {height:21px;width:21px;position:relative;top:-21px;float:right;background:url('../../images/NiceForms/default/select_right.gif') no-repeat left top;}
.NJFDropdown .right a{height:21px;width:21px;text-decoration:none;display:block;padding:0px;margin:0px;border:0px;}
.NJFDropdown .right a img{border-style:none;}

.NJFDropdownOptions {position:absolute;margin-top:-1px;margin-left:3px;background:#6f7074;padding:2px;font-size:11px;white-space:nowrap;overflow-y:auto;overflow-x:hidden;display:block;z-index:1020;}
.NJFDropdownOptions p {margin:0;padding:0;}
.NJFDropdownOptions a {color:#F2F2F2;text-decoration:none;display:block;padding:1px 4px;border:1px solid #6f7074;cursor:pointer;}
.NJFDropdownOptions a:hover {color:#FFF;background:#5F6062;border-color:#cfd0d6;cursor:pointer;}

/*NJFListItems*/
.NJFListItems {display:block;overflow:hidden;background:#6f7074;padding:2px;font-size:11px;white-space:nowrap;text-align:left}
.NJFListItems p {margin: 0px;padding: 0px;}
.NJFListItems a {background:#6f7074;color:#F2F2F2;text-decoration:none;display:block;margin: 0px;padding:0px 4px 0px 4px;border:1px solid #6f7074;overflow:hidden;cursor:pointer;}
.NJFListItems a:hover {color:#FFF;background:#5F6062;border-color:#cfd0d6;cursor:pointer;}
.NJFListItems .selected {color:#FFF;background:#5F6062;border-color:#cfd0d6;cursor:pointer;}
.NJFListItemsHeader {display:block;overflow:hidden;color:#FFA;background-color:#6f7074;font-size:12px;font-weight:bold;border:none;height:16px;padding: 4px 1px 0px 1px;margin: 0px;}

.selectedItem a {color:#33CCCC;background-color:#400040;}
.selectedItem a:hover {color:#33CCCC;background-color:#400040;}

/*NJFDroplist*/
.NJFDroplist {height:21px;width:80px;border:none;vertical-align:bottom;display:block;table-layout:fixed;cursor:pointer;}
.NJFDroplist .left {height:21px;width:8px;background:url('../../images/NiceForms/default/select_left.gif') no-repeat right top;}
.NJFDroplist .right {height:21px;width:21px;background:url('../../images/NiceForms/default/select_right.gif') no-repeat left top;}
.NJFDroplist .center {height:21px;width:100%;overflow:hidden;background:url('../../images/NiceForms/default/select_bg.gif') repeat-x left top;text-align:left}
.NJFDroplist .center div{white-space:nowrap;color:#FFF;width:10px;overflow:visible;font-size:12px; font-weight:bold; cursor:pointer;}
.NJFDroplist .center input{height:15px;color:#FFFFFF;white-space:nowrap;padding:0px;font-size:12px; font-weight:bold; border:none;margin:0px;background-color:#6f7074;width:100%;cursor:text;}
.NJFDroplist .right a{height:21px;width:21px;text-decoration:none;border-style:none;}
.NJFDroplist .right a img{border-style:none;}

.NJFDropItems {position:absolute;display:none;overflow:hidden;background-color:transparent;border:none;z-index:1020;}
.NJFDropItems .frame {width:100%;height:100%;border:none;display:block;}
.NJFDropItems .frame .left_top {width:4px;height:4px;background:url('../../images/NiceForms/default/njflist_cl.gif') repeat-y right top;}
.NJFDropItems .frame .left_bot {width:4px;height:4px;background:url('../../images/NiceForms/default/njflist_bl.gif') no-repeat;}
.NJFDropItems .frame .right_top {width:4px;height:4px;background-color:transparent;}
.NJFDropItems .frame .right_bot {width:4px;height:4px;background:url('../../images/NiceForms/default/njflist_br.gif') no-repeat;}
.NJFDropItems .frame .top {width:4px;height:4px;background-color:#6f7074;}
.NJFDropItems .frame .bot {width:4px;height:4px;background:url('../../images/NiceForms/default/njflist_cb.gif') repeat-x left top;}
.NJFDropItems .frame .left_cen {width:4px;height:auto;background:url('../../images/NiceForms/default/njflist_cl.gif') repeat-y right top;}
.NJFDropItems .frame .right_cen {width:4px;height:auto;background:url('../../images/NiceForms/default/njflist_cr.gif') repeat-y left top;}
.NJFDropItems .frame .ScrollableArea {overflow:hidden;background-color:#6f7074;}

.NJFDropItems .frameUpsideExpanded .left_top {width:4px;height:4px;background:url('../../images/NiceForms/default/njflist_tl.gif') no-repeat;}
.NJFDropItems .frameUpsideExpanded .left_bot {width:4px;height:4px;background:url('../../images/NiceForms/default/njflist_cl.gif') repeat-y right top;}
.NJFDropItems .frameUpsideExpanded .right_top {width:4px;height:4px;background:url('../../images/NiceForms/default/njflist_tr.gif') no-repeat;}
.NJFDropItems .frameUpsideExpanded .right_bot {width:4px;height:4px;background:transparent;}
.NJFDropItems .frameUpsideExpanded .top {width:4px;height:4px;background:url('../../images/NiceForms/default/njflist_ct.gif') repeat-x left top;}
.NJFDropItems .frameUpsideExpanded .bot {width:4px;height:4px;background:#6f7074;}

.NJFDropItems .frameScrollable .right_top {background:url('../../images/NiceForms/default/njflist_cr.gif') repeat-y left top;}
.NJFDropItems .frameScrollableUpsideExpanded .right_bot {background:url('../../images/NiceForms/default/njflist_cr.gif') repeat-y left top;}
.NJFDropItems .frameScrollableUpsideExpanded .ScrollableArea, .NJFDropItems .frameScrollable .ScrollableArea {overflow-y:auto;overflow-x:hidden;}

.NJFDropItemsCalendar .frame .right_top {background:url('../../images/NiceForms/default/njflist_tr.gif') no-repeat;}
.NJFDropItemsCalendar .frame .top {background:url('../../images/NiceForms/default/njfCal_gap.gif') no-repeat;}

/*NJFListbox*/
.NJFListbox {height:auto;border:none;display:block;table-layout:fixed;}
.NJFListbox .left_top {width:4px;height:4px;background:url('../../images/NiceForms/default/njflist_tl.gif') repeat-y right top;}
.NJFListbox .left_bot {width:4px;height:4px;background:url('../../images/NiceForms/default/njflist_bl.gif') no-repeat;}
.NJFListbox .right_top {width:4px;height:4px;background:url('../../images/NiceForms/default/njflist_tr.gif') no-repeat;}
.NJFListbox .right_bot {width:4px;height:4px;background:url('../../images/NiceForms/default/njflist_br.gif') no-repeat;}
.NJFListbox .left_cen {width:4px;height:auto;background:url('../../images/NiceForms/default/njflist_cl.gif') repeat-y right top;}
.NJFListbox .right_cen {width:4px;height:auto;background:url('../../images/NiceForms/default/njflist_cr.gif') repeat-y left top;}
.NJFListbox .top {width:100%;height:4px;background:url('../../images/NiceForms/default/njflist_ct.gif') repeat-x left top;}
.NJFListbox .bot {width:100%;height:4px;background:url('../../images/NiceForms/default/njflist_cb.gif') repeat-x left top;}
.NJFListbox .cen {width:100%;height:100%;background-color:#6f7074;vertical-align:top;}
.NJFListbox .cen .ScrollableArea {width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background-color:#6f7074;}

/*Button*/

.niceButton
{
	cursor:pointer;
	background: transparent url('../../images/NiceForms/default/button_sprite1.gif') no-repeat top left;
	line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 26px) */
	/*line-height: expression( this.lineHeight = '26px');*/
	height: 26px; /* Height of button background height */
	padding-left: 6px; /* Width of left menu image */
	/*text-decoration: none;*/
	display: inline-block;
	display: -moz-inline-box;
}

.niceButtonText
{
	color:#FFF;
	background: transparent url('../../images/NiceForms/default/button_sprite2.gif') repeat-x top right;
	/*
	display: inline-block;
	display: -moz-inline-box;
	*/
	padding: 4px 12px 4px 6px; /*Set 11px below to match value of 'padding-left' value above*/
	display: block;
	display: expression(this.display = 'inline-block');
	text-align: center;
}

.niceButtonHover { /* Hover state CSS */
	text-decoration:none;
	background-position: 0 -26px;
}

.niceButtonTextHover { /* Hover state CSS */
	background-position: right -26px;
}

.niceButtonDisabled 
{
	background-position: 0 -52px;
	cursor: default;
}
.niceButtonTextDisabled
{
	background-position: right -52px;
}

/*NJFTextarea*/
.NJFTextareaFrame {width:auto;height:auto;border:none;table-layout:fixed;}
.NJFTextareaFrame .left_top {width:5px;height:5px;background:url('../../images/NiceForms/default/txtarea_sprite_h.gif') no-repeat 0px 0px;}
.NJFTextareaFrame .left_bot {width:5px;height:5px;background:url('../../images/NiceForms/default/txtarea_sprite_h.gif') no-repeat 0px -5px;}
.NJFTextareaFrame .right_top {width:5px;height:5px;background:url('../../images/NiceForms/default/txtarea_sprite_h.gif') no-repeat -5px 0px;}
.NJFTextareaFrame .right_bot {width:5px;height:5px;background:url('../../images/NiceForms/default/txtarea_sprite_h.gif') no-repeat -5px -5px;}
.NJFTextareaFrame .left_cen {width:5px;height:auto;background:url('../../images/NiceForms/default/txtarea_sprite_v.gif') repeat-y 0px 0px;}
.NJFTextareaFrame .right_cen {width:5px;height:auto;background:url('../../images/NiceForms/default/txtarea_sprite_v.gif') repeat-y -5px 0px;}
.NJFTextareaFrame .cen_top {width:100%;height:5px;background:url('../../images/NiceForms/default/txtarea_sprite_h.gif') repeat-x 0px -20px;}
.NJFTextareaFrame .cen_bot {width:100%;height:5px;background:url('../../images/NiceForms/default/txtarea_sprite_h.gif') repeat-x 0px -25px;}
.NJFTextareaFrame .cen {width:100%;height:auto;background:url('../../images/NiceForms/default/txtarea_bg.gif') repeat right top;}
.NJFTextareaFrame .cen textarea{width:100%;overflow:hidden;border:none;background-color:transparent;overflow:-moz-scrollbars-vertical;overflow-y:auto;}

.NJFTextareaFrameFocused {}  
.NJFTextareaFrameFocused .left_top {background-position: 0px -10px;}
.NJFTextareaFrameFocused .left_bot {background-position: 0px -15px;}
.NJFTextareaFrameFocused .right_top {background-position: -5px -10px;}
.NJFTextareaFrameFocused .right_bot {background-position: -5px -15px;}
.NJFTextareaFrameFocused .left_cen {background-position: -10px 0px;}
.NJFTextareaFrameFocused .right_cen {background-position: -15px 0px;}
.NJFTextareaFrameFocused .cen_top {background-position: 0px -30px;}
.NJFTextareaFrameFocused .cen_bot {background-position: 0px -35px;}

.NJFTextareaFrameRed {width:auto;height:auto;border:none;table-layout:fixed;}
.NJFTextareaFrameRed .left_top {width:5px;height:5px;background:url('../../images/NiceForms/default/txtarea_sprite_h.gif') no-repeat 0px -40px;}
.NJFTextareaFrameRed .left_bot {width:5px;height:5px;background:url('../../images/NiceForms/default/txtarea_sprite_h.gif') no-repeat 0px -45px;}
.NJFTextareaFrameRed .right_top {width:5px;height:5px;background:url('../../images/NiceForms/default/txtarea_sprite_h.gif') no-repeat -5px -40px;}
.NJFTextareaFrameRed .right_bot {width:5px;height:5px;background:url('../../images/NiceForms/default/txtarea_sprite_h.gif') no-repeat -5px -45px;}
.NJFTextareaFrameRed .left_cen {width:5px;height:auto;background:url('../../images/NiceForms/default/txtarea_sprite_v.gif') repeat-y -20px 0px;}
.NJFTextareaFrameRed .right_cen {width:5px;height:auto;background:url('../../images/NiceForms/default/txtarea_sprite_v.gif') repeat-y -25px 0px;}
.NJFTextareaFrameRed .cen_top {width:100%;height:5px;background:url('../../images/NiceForms/default/txtarea_sprite_h.gif') repeat-x 0px -50px;}
.NJFTextareaFrameRed .cen_bot {width:100%;height:5px;background:url('../../images/NiceForms/default/txtarea_sprite_h.gif') repeat-x 0px -55px;}
.NJFTextareaFrameRed .cen {width:100%;height:auto;background:url('../../images/NiceForms/default/txtarea_red_bg.gif') repeat right top;}
.NJFTextareaFrameRed .cen textarea{width:100%;overflow:hidden;border:none;background-color:transparent;overflow:-moz-scrollbars-vertical;overflow-y:auto;}


/*Text inputs*/
.NJFTextboxFrame {height:23px;width:60px;border:none;vertical-align:middle;display:inline;display:-moz-inline-box;table-layout:fixed;}
.NJFTextboxFrame .left {height:23px;width:8px;background:url('../../images/NiceForms/default/input_sprite.gif') no-repeat -8px 0px;}
.NJFTextboxFrame .right {height:23px;width:8px;background:url('../../images/NiceForms/default/input_sprite.gif') no-repeat 0px 0px;}
.NJFTextboxFrame .center {height:23px;width:100%; background:url('../../images/NiceForms/default/input_sprite.gif') repeat-x 0px -46px;}
.NJFTextboxFrame .center input {height:15px;width:100%;border:none;font-size:12px;color:#404040;background:transparent;}

.NJFTextboxFocused {}
.NJFTextboxFocused .left {background-position: -8px -23px;}
.NJFTextboxFocused .right {background-position: 0px -23px;}
.NJFTextboxFocused .center {background-position: 0px -69px;}

.NJFTextboxFrameRed .left {height:23px;width:8px;background:url('../../images/NiceForms/default/input_sprite_red.gif') no-repeat -8px 0px;}
.NJFTextboxFrameRed .right {height:23px;width:8px;background:url('../../images/NiceForms/default/input_sprite_red.gif') no-repeat 0px 0px;}
.NJFTextboxFrameRed .center {height:23px;width:100%;background:url('../../images/NiceForms/default/input_sprite_red.gif') repeat-x 0px -46px;}

/* NJFAutoComplete */
.NJFAutoComplete_completionListElement  
{
	border: solid 1px gray; 
	text-align: left; 
	cursor: default; 
	list-style: none; 
	padding: 0; 
	margin: 0; 
	overflow: auto;
	background-color: White;
}

.NJFAutoComplete_listItem  
{
	background-color: #6f7074; 
	color: #ffffff; 
	border: solid 1px #6f7074; 
}

.NJFAutoComplete_highlightedListItem  
{
	color: #ffffff; 
	background-color: #5f6062; 
	border: solid 1px #ffffff;
}

.NJFAutoComplete_systemText
{
	background-color: #eee;
	color: Black;
	font-weight: normal;
	font-size: 12px;
}