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

/*General styles not really related to the forms*/
* {
	
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	background:#FFF;
}
img {
	border:0;
}
#container {
	padding:20px;
}

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

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



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

/*Text inputs*/
.textinput, .textinputHovered {
	width:153px;
	height:15px;
	background:url(images/input1.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputSmr, .textinputHoveredSmr {
	width:53px;
	height:15px;
	background:url(images/input1.gif) no-repeat right top;
	border:none;
	border-left:1px solid gray;
	padding:4px 8px;
}
.textinputSml, .textinputHoveredSml {
	width:53px;
	height:15px;
	background:url(images/input1.gif) no-repeat left top;
	border:none;
	border-right:1px solid gray;
	padding:4px 8px;
}
.textinput1, .textinput1Hovered {
	width:238px;
	height:15px;
	background:url(images/input3.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}
.textinputHoveredSmr {
	background-position:right bottom;
}
.textinputHoveredSml {
	background-position:left bottom;
}
.textinput1Hovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:30px;
	background:url(images/textarea2.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
	overflow:hidden;
}
.textareaHovered {
	background-position:left bottom;
}
.textarea {
	cursor:pointer;
}


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

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


/*Button*/
.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;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}








/**********************************

Use: Reset Styles for all browsers
Author: Nick Rigby

***********************************/
	
body, p, blockquote {
	margin: 0;
	padding: 0;
	}

a img, iframe { border: none; }
	
/* Headers
------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
	
/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
	}
	
/* Links
------------------------------*/

a, a:link {}
a:visited {}
a:hover {}
a:active {}

/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
	}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
	}




/**********************************

Use: Core Styles
Author: Nick Rigby

***********************************/

body {
	padding: 0 10px;
	font: normal 62.5% 'Trebuchet MS',Verdana;
	}
	
p { margin: 10px 0; }
	
.sr {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}
	
	
/**********************************

Use: cmxform template
Author: Nick Rigby

***********************************/

form.cmxform fieldset { margin-bottom: 10px; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 110px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */



/**********************************

Name: cmxform Styles
Author: Nick Rigby 

***********************************/

form.cmxform {
	/*width: 370px;*/
	font-size: 1.1em;
	color: #333;
	}
	
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend { color: #333; background-color:White; border:1px solid; border-color:#C9DCA6; padding:2px; }
/*form.cmxform label { color: #333; }*/

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(images/regformbg.gif) left bottom repeat-x;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(images/divider.gif) left bottom repeat-x;
	}
	
.passStr
{
    color: Red;
    /*display: inline;*/
    margin-top: -5px;
    margin-left: -5px;
    font-size: 1.1em;
}
.passReq
{
    margin-top: 5px;
}

form.cmxform fieldset.right {
	border: 1px solid #C9DCA6;
	background-image:none;
	width:210px;
	color:#999;
	padding:3px;
	text-align:justify;
	}

.watermark 
{
    padding:4px 8px;
    text-align:center;
    background:url(images/textarea2.gif) no-repeat left top;
    border:none;
    width:343px;
    height:30px;
    cursor:pointer;
    color:#999;
    overflow:hidden;
    line-height:30px;
    }
.watermarkText
{
    padding:4px 8px;
    text-align:center;
    background:url(images/input1.gif) no-repeat left top;
    border:none;
    width:153px;
    height:15px;
    cursor:pointer;
    color:#999;
    overflow:hidden;
    }
.wmSmr
{
	padding:4px 8px;
    text-align:center;
	width:53px;
	height:15px;
	background:url(images/input1.gif) no-repeat right top;
	border:none;
	border-left:1px solid gray;
	cursor:pointer;
    color:#999;
    overflow:hidden;
}
.wmSml
{
	padding:4px 8px;
    text-align:center;
	width:53px;
	height:15px;
	background:url(images/input1.gif) no-repeat left top;
	border:none;
	border-right:1px solid gray;
	cursor:pointer;
    color:#999;
    overflow:hidden;
}