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

div.mailer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	background:#e8efff;
	margin:0 auto 0 auto; 
	width:400px;
}
div.mailer img {
	border:0;
}
div.mailer #container {
	padding:20px;
}

/*Forms defaults*/
div.mailer input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
div.mailer label {
	color:#172031;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
div.mailer label.chosen {
	color:#333;
}

/*Transparent items*/
div.mailer .transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
div.mailer .transparentFake {
	background:none;
	border:none;
}
div.mailer .transparent2 {
	z-index:10;
}

/*Radio buttons*/
div.mailer .radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
div.mailer .radioAreaUnchecked {
	background:url(images/radio.gif) no-repeat left top;
}
div.mailer .radioAreaChecked {
	background:url(images/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
div.mailer .checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
div.mailer .checkboxAreaUnchecked {
	background:url(images/checkbox.gif) no-repeat left top;
}
div.mailer .checkboxAreaChecked {
	background:url(images/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/
div.mailer .textinput, .textinputHovered {
	width:170px;
	height:15px;
	background:url(images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
div.mailer .textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
div.mailer .textarea, .textareaHovered {
	width:375px;
	height:125px;
	background:url(images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
	overflow:auto;
}
div.mailer .textareaHovered {
	background-position:left bottom;
}

/*Selects*/
div.mailer .selectArea {
	width:200px;
	height:21px;
	background:url(images/select_bg.gif) repeat-x left top;
}
div.mailer .selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;
}
div.mailer .selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;
}
div.mailer .selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
div.mailer .selectArea .right i {
	display:none;
}
div.mailer .selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Selects drop-down*/
div.mailer .optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
div.mailer .optionsDivInvisible {
	display:none;
}
div.mailer .optionsDivVisible {
	display:block;
}
div.mailer .optionsDivVisible p {
	margin:0;
	padding:0;
}
div.mailer .optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
div.mailer .optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
div.mailer .buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
div.mailer .buttonSubmitHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
div.mailer #stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}
/* Field-Hint with focus */
div.mailer .field-hint {
	position: absolute;
	width: 180px;
	z-index: 50;
	background-image: url(images/hint_topborder.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 14px 0 0 0;
	margin:  12px 0 0 10px;
	*margin:  16px 0 0 10px;
	color: #000;
}
div.mailer .field-hint div {
	background-color: #fffbb8;s
	border-left: 1px solid #ffc20d;
	border-right: 1px solid #ffc20d;
	border-bottom: 1px solid #ffc20d;
	padding: 4px;
}
/* Field-Hint without focus */
div.mailer .field-hint-inactive {
	visibility: hidden;
	position: absolute;
}