.ncWidget{}

.ncClearBoth{
	clear:both;
}

.ncSuperClear{
	clear:both;
	height:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
}

.errormessage{
	display:none;
	width:220px;
	overflow:hidden;
	background:#FFFFCC url(../GFX/widgets/iconerror.gif) no-repeat 15px 45%;
}

.errormessage p{
	margin:10px 15px 10px 44px;
	color:#E12813;
	font-weight:bold;
}

/**** CUSTOM TEXT FIELDS ****/
.textinputWrapper{
	display:block;
	overflow:hidden;
	height:20px;
	background:url(../GFX/widgets/state_field_middle.gif) repeat-x 0 0;
	padding:0px;
	margin:0 10px 0 0;
	float:left;
}

.textinputLeft {
	display:block;
	overflow:hidden;
	width:3px;
	height:20px;
	padding:0px;
	margin:0px;
	background:url(../GFX/widgets/state_field_left.gif) no-repeat 0 0;
	float:left;
}

.textinputField{
	display:block;
	overflow:hidden;
	height:20px;
	border:none;
	background:none;
	outline:none;
	padding:2px 0 0 1px;
	margin:0px;
	vertical-align:middle;
	float:left;
	color:#6b6b6b;
}

.textinputRight {
	display:block;
	overflow:hidden;
	width:3px;
	height:20px;
	padding:0px;
	margin:0px;
	background:url(../GFX/widgets/state_field_right.gif) no-repeat 0 0;
	float:right;
}

/**** TEXT FIELD ICONS ****/
.iconNone {
	display:none;
	position:relative;
	top:0px;
	left:0px;
	float:left;
}


/**** WIDTH CLASSES ****/
.width150px{width:150px;}
.width300px{width:300px;}
.width400px{width:400px;}

/**** HEIGHT CLASSES ****/
.height50px{height:50px;}
.height100px{height:100px;}
.height150px{height:150px;}
.height250px{height:250px;}


/**** CUSTOM DEFAULT BUTTON ****/
.ncButton{
	display:block;
	padding: 0 10px;
	cursor: pointer;
	width:auto;
	overflow:visible;
	height:20px;
	border:none;
	float:left;
	color:#878787;
	margin:0px;
	background:url(../GFX/widgets/button_middle.gif) repeat-x 0 0;
}

.ncButton::-moz-focus-inner { 
	padding:0; 
	margin-top:-2px;
}

.ncButtonLeft {
	display:block;
	overflow:hidden;
	width:3px;
	height:20px;
	padding:0px;
	margin:0px;
	float:left;
	background:url(../GFX/widgets/button_left.gif) no-repeat 0 0;
}

.ncButtonRight {
	display:block;
	overflow:hidden;
	width:3px;
	height:20px;
	padding:0px;
	margin:0 10px 0 0;
	float:left;
	background:url(../GFX/widgets/button_right.gif) no-repeat 0 0;
}

/******* CUSTOM SELECT BOX ******/
.ncSelect{
	display:block;
	cursor: pointer;
	width:100%;
	overflow:visible;
	height:21px;
	border:none;
	margin:0px;
	background:url(../GFX/widgets/select_middle.gif) repeat-x 0 0;
}

.ncSelect p{
	font-size:12px;
	color:#878787;
	padding:2px 0px 4px 7px;
	margin:0px;
	float:left;
}

.ncSelectLeft {
	display:block;
	overflow:hidden;
	width:3px;
	height:21px;
	padding:0px;
	margin:0px;
	float:left;
	background:url(../GFX/widgets/select_left.gif) no-repeat 0 0;
}

.ncSelectRight {
	display:block;
	overflow:hidden;
	width:21px;
	height:21px;
	padding:0px;
	margin:0px;
	float:right;
	background:url(../GFX/widgets/select_right.gif) no-repeat 0 0;
}

.ncOption{
	display:block;
	margin:1px 1px 0 1px;
	padding:4px 23px 4px 23px;
	color:#878787;
	background:#FFFFFF url(../GFX/widgets/select_selected.gif) no-repeat -5000px 8px;
	cursor:pointer;
        font-size: 12px;
}

.ncSelectWrapper{
	position:relative;
	width:250px;
}

/**** CUSTOM SELECTBOX ****/
.ncOptionBox, .ncOptionBox_content, .ncOptionBox_topright, .ncOptionBox_topleft { 
	background: transparent url(../GFX/widgets/ncOptionBox.gif) no-repeat bottom right; 
} 

.ncOptionBox { 
	z-index:99; 
	position:absolute;
	display:none;
	top:-20px;
	width:100%;
	margin:0 -4px 0 -4px;
	padding-right: 4px;
} 

.ncOptionBox_topright { 
	background-position: top right; 
	margin-right: -4px;
	padding-right: 8px;
} 

.ncOptionBox_topleft { 
	background-position: top left;
	padding: 4px 0 4px 4px;
	height: auto !important;
	height: 0px;
} 

.ncOptionBox_content {
	display:block;
	position:relative;
	overflow:hidden;
	background-position: bottom left; 
	margin-right: 1px;
	padding: 1px 0 9px 5px;
}

.ncOptionBox_inner {
	display:block;
	position:absolute;
	overflow:hidden;
	top:10px;
	z-index:50;
}

.ncOptionBox_scrollup { 
	display:block;
	position:absolute;
	top:0px;
	width:100%;
	height:10px;
	background: #FFFFFF url(../GFX/widgets/select_arrow_up.gif) no-repeat 50% 25%;
	cursor:pointer;
	z-index:51;
}

.ncOptionBox_scrolldown { 
	display:block;
	position:absolute;
	bottom:5px;
	width:100%;
	height:10px;
	background: #FFFFFF url(../GFX/widgets/select_arrow_down.gif) no-repeat 50% 25%;
	cursor:pointer;
	z-index:52;
}