/***********************************************************************
 * form design
 ***********************************************************************/
input[type="text"], input[type="password"] {
	width: 333px;
	height: 40px;
	background: url(userForm/input_text.png) top left no-repeat;
	padding: 4px 0 0 12px;
	border: none;
	display: block;
	float: left;
	line-height: 36px;
	
	color: #5E6367;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
}

label {
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	
	display: block;
	width: 215px;
	
	float: left;
	clear: both;
	
	margin: 0 7px 0 0;
	
	position: relative;
	top: 10px;
}

fieldset {
	border: none;
	border-top: 5px solid #E6E6E6;
	padding-top: 20px;
}

legend {
	color: #B1B1B1;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	margin-top: -15px;
}

.textareaContainer {
	border: 1px solid #CFCFCF;
	float: left;
	margin: 5px 0 10px 3px;
}
textarea {
	border: 0;
	border-top: 5px solid #DFDFDF;
	border-left: 5px solid #DFDFDF;
	width: 330px;
	height: 150px;
}

.userID {
	position: relative;
	top: 15px;
}

.type-text, .type-select, .type-check, .type-radio {
	height: 47px;
}

.type-edit {
	height: auto;
}

.type-check span {
	position: relative;
	top: -5px;
	left: 3px;
}

/***********************************************************************
 * CSS File for ezMark jQuery Plugin
 ***********************************************************************/
.ez-hide { opacity: 0; filter:alpha(opacity=0); }
.ez-checkbox, .ez-radio, .ez-checkbox input, .ez-radio input { zoom: 1; *display:inline; height:29px; width: 27px;}

.ez-checkbox {
	background: transparent url('userForm/checkbox.gif') 0 -36px no-repeat;
	display:inline-block;
}
.ez-checked { background-position: 0 1px; }

.ez-radio {
	background: transparent url('userForm/radiobox.gif') 0 -35px no-repeat;
	display:inline-block;
}
.ez-selected { background-position: 0 1px; }

.checkRadioLabel {
	position: relative;
	top: -8px;
}

/***********************************************************************
 * Promo-Selectbox sesign
 ***********************************************************************/
.promoBox {
	position: relative;
	height: 40px;
	width: 370px;
	z-index: 0;
	float: left;
	display: inline;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	color: #444;
	padding: 0;
	background: url("userForm/selectbox_long.gif");
}
.promoBox.selecthover {
	border-color: #000;
	background-color: #000;
	z-index: 700;
	background-position: left -50px;
}	
.promoBox .promoBox-currentItem {
	padding: 3px 0px 0px 3px;
	padding-top: 8px;
	padding-left: 8px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}

.promoBox .promoBox-list {
	display: none;
	position: absolute;
	top: 40px;
	padding: 2px;
	left: 0px;
	background: #191B1E;
	width: 325px; 
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
	border: 1px solid #000;
	
	-zoom: 1;
	filter: alpha(opacity=98);
	opacity: 0.98;
}
.promoBox .promoBox-moreButton {
	float: right;
	background: url("userForm/selectbox_long.gif");
	background-position: top right;
	width: 50px;
	height: 40px;
	cursor: pointer;
}
.promoBox .promoBox-moreButton.morebuttonhover {
	background-position: right -50px;
}

.promoBox .promoBox-item.listelementhover {
	background: #000;
	color: #fff;
}
.promoBox .promoBox-item {
	display: block;
	color: #ccc;
	cursor: pointer;
}

/***********************************************************************
 * basic select box design
 ***********************************************************************/
.basicFormDesign {
	position: relative;
	height: 40px;
	width: 340px !important;
	z-index: 0;
	float: left;
	display: inline;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	color: #444;
	padding: 0;
	background: url("userForm/selectbox_long.gif");
	margin-left: 3px;
}
.basicFormDesign.selecthover {
	border-color: #000;
	background-color: #000;
	z-index: 700;
	background-position: left -50px;
}	
.basicFormDesign .basicFormDesign-currentItem {
	padding: 3px 0px 0px 3px;
	padding-top: 8px;
	padding-left: 8px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}

.basicFormDesign .basicFormDesign-list {
	display: none;
	position: absolute;
	top: 40px;
	padding: 2px;
	left: 0px;
	background: #191B1E;
	width: 325px !important; 
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
	border: 1px solid #000;
	
	max-height: 200px; 
	
	-zoom: 1;
	filter: alpha(opacity=98);
	opacity: 0.98; 
}
.basicFormDesign .basicFormDesign-moreButton {
	float: right;
	background: url("userForm/selectbox_long.gif");
	background-position: top right;
	width: 50px;
	height: 40px;
	cursor: pointer;
}
.basicFormDesign .basicFormDesign-moreButton.morebuttonhover {
	background-position: right -50px;
}

.basicFormDesign .basicFormDesign-item.listelementhover {
	background: #000;
	color: #fff;
}
.basicFormDesign .basicFormDesign-item {
	display: block;
	color: #ccc;
	cursor: pointer;
}


.errorContainer {
	border: 2px solid #CB1C27;
	color: #CB1C27;
	padding: 5px 5px 5px 35px;
	background: url('userForm/formErrorIcon.png') 5px center no-repeat; 
	margin: 5px 0 10px 0;
}