/*##########################################
Name: Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/*Forms defaults - change as needed*/
.container-form input, .container-form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
.container-form label {
    color: #000000;
    cursor: pointer;
    padding-left: 2px;
    line-height: 16px;
    overflow: hidden;
    display: block;
    width: 100%;
}
.container-form label.chosen {
    color: #333;
}

/*Transparent items*/
.container-form .outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.container-form .radioArea, .container-form .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.container-form .radioArea {background:url(imagesForm/radio.gif) no-repeat left top;}
.container-form .radioAreaChecked {background:url(imagesForm/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.container-form .checkboxArea, .container-form .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.container-form .checkboxArea {background:url(imagesForm/checkbox.gif) no-repeat left top;}
.container-form .checkboxAreaChecked {background:url(imagesForm/checkbox.gif) no-repeat left bottom;}
.container-form .focused {border:1px dotted #ddd;}

/*Text inputs*/
.container-form .textinput, .container-form .textinputHovered {
	height:15px;
	background:url(imagesForm/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.container-form .textinputHovered {background-position:left bottom;}
.container-form .inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.container-form .txtarea .tr, .container-form .txtarea .tr_xon {background:url(imagesForm/txtarea_tr.gif) no-repeat top right;}
.container-form .txtarea .tr_xon {background:url(imagesForm/txtarea_tr_xon.gif) no-repeat top right;}
.container-form .txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.container-form .txtarea .br, .container-form .txtarea .br_xon {background:url(imagesForm/txtarea_br.gif) no-repeat top right;}
.container-form .txtarea .br_xon {background:url(imagesForm/txtarea_br_xon.gif) no-repeat top right;}
.container-form .txtarea .cntr {background:url(imagesForm/txtarea_cntr.gif) repeat-y right top;}
.container-form .txtarea .cntr_xon {background:url(imagesForm/txtarea_cntr_xon.gif) repeat-y right top;}
.container-form .txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(imagesForm/txtarea_l.gif) repeat-y left top;
	float:left;
}
.container-form .txtarea .cntr_l_xon {background:url(imagesForm/txtarea_l_xon.gif) repeat-y left top;}
.container-form .txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.container-form .selectArea {
	width:200px;
	height:21px;
	background:url(imagesForm/select_bg.gif) repeat-x left top;
}
.container-form .selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(imagesForm/select_left.gif) no-repeat left top;
}
.container-form .selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(imagesForm/select_right.gif) no-repeat left top;
}
.container-form .selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.container-form .selectArea .right i {display:none;}
.container-form .selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivVisible a:link, .optionsDivVisible a:visited, .optionsDivVisible a:active {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
.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*/
.container-form .buttonSubmit, .container-form .buttonSubmitHovered {
    background-position: left top;
    width: auto;
    height: 26px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px 2px 2px 2px;
    background: url(imagesForm/button_bg.gif) repeat-x left top;
    cursor: pointer;
    border: none;
}
.container-form  .buttonSubmitHovered {background-position:left bottom;}
.container-form  .buttonImg {vertical-align:bottom;}

/*##########################################
End Niceforms v.1.0
##########################################*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
div.container-form {
    overflow: hidden;
}
div.container-form div.field-line {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-top: 6px;
    margin-bottom: 6px;
}

div.container-form div.field-left {
    display: inline;
    float: left;
    width: 47%;
    margin-top: 6px;
    margin-bottom: 6px;
}
div.container-form div.field-right {
    display: inline;
    float: right;
    width: 47%;
    margin-top: 6px;
    margin-bottom: 6px;
}
div.container-form .button {
    display: block;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}
div.container-form div.field-checkbox {
    display: block;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}

div.container-form div.field-checkbox label {
    color: #000000;
    cursor: pointer;
    padding-left: 2px;
    line-height: 16px;
    overflow: hidden;
    display: inline;
    width: 100%;
}
div.container-form .requiredValidator {
    font: bold 8pt Tahoma, Verdana, Arial, sans-serif;
    color: #800000;
}

div.container-form em {
    font: bold 8pt Tahoma, Verdana, Arial, sans-serif;
    color: #800000;
}

/* buttons */
a.bluebutton {
    background: transparent url('imagesForm/btn_white_bkg_right.gif') no-repeat scroll top right;
    display: block;
    float: left;
    font: 12px arial, sans-serif;
    height: 26px;
    margin-right: 6px;
    padding-right: 18px;
}
a.bluebutton span {
    background: transparent url('imagesForm/btn_white_bkg_left.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 6px 0 6px 18px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
a.bluebutton:active {
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    font-weight: bold;
    text-decoration: none;
}
a.bluebutton:active span {
    background-position: bottom left;
    padding: 6px 0 6px 18px; 
}
.bluebutton:hover {
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    font-weight: bold;
    text-decoration: none;
}
a.bluebutton:hover span {
    background-position: bottom left;
    padding: 6px 0 6px 18px;
}