/* CSS Document */
body { behavior: url("../images/csshover3.htc"); } 

#form
{
margin:0 auto;
float:left;
width:700px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:3px;
}

#name
{
float:left;
padding:2px;
width:200px;
}

#name1
{
float:left;
padding:2px;
width:200px;

}

.border {
	/*border:1px solid #006699;*/
}


.scroll {
/*scrollbar-face-color:#999999;
scrollbar-highlight-color:#333333;
scrollbar-3dlight-color:#ff0000;
scrollbar-darkshadow-color:#666666;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#00b7d8;
scrollbar-track-color:#a1f1ff;*/
/*border:1px solid #006699;*/
}

select {
	font:12px Arial, Helvetica, sans-serif;
	color:#7a7a7a;
}

#center-panel-form h1 {
margin:0; padding:0; font:bold 13px Arial, Helvetica, sans-serif; color:#df4719;
}


#center-panel-form hr {
	border:1px solid #fff3f3;
	margin:3px 0 3px 0;
}


* html #center-panel-form hr {
	border:1px solid #fff3f3;
	margin:0px;
	padding:0px;
}

label.form_label{
clear:left; 
display:block;
width:120px;
float:left;
font-size:12px;
text-align:right;
padding:4px 4px 0px 0px;
color: #333333;
font-weight:bold;
margin-bottom:5px;
}

.form_input{
width:200px;
background-color:#fff;
color:#333333;
border:1px solid #DFDFDF;
float:left;
padding:2px; margin:2px;
margin-bottom:5px;
}

textarea.form_textarea{
width:253px;
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
} 


/**********************FORM DESIGN********************/
#forms
{
float:left;
width:730px;
font-family:tahoma;
font-size:11px;
border:1px solid #DDDDDD;
background-color:#FBFBFB;
padding:20px;
margin-left:12px;
}

* html #forms
{
	width:710px;
}
#forms h1 {
color:#136198; font-size:16px; font-weight:bold;
text-align:left;
}

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

/*General styles - NOT really related to the forms*/
.niceform img {border:0;}

.niceform .inputtext { width:400px; float:left; color:#404040; margin:0px 0px 10px 0px;}
/*Forms defaults - change as needed*/

.niceform label {
	clear:left; 
	display:block;
	text-align:right;
	padding:2px 4px 0px 0px;
	width:200px;
	background-repeat: no-repeat;
	color:#5A5A5A;
	cursor:pointer;
	float:left;
	margin:0px 10px 10px 0px;
	font-weight:bold;	
}
.niceform label.chosen {color:#5A5A5A;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;

}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	width:15px;
	height:14px;
	cursor:pointer;
}
.radioArea {background:url(../jsfiles/images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../jsfiles/images/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	width:13px;
	height:13px;
	padding:0;
	margin:0;
	cursor:pointer;	
}
.checkboxArea {background:url(../jsfiles/images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../jsfiles/images/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	float:left;
	height:15px;
	background:url(../jsfiles/images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0px; margin:0px 0px 10px 0px;	
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0px;
	margin:0px;
	float:left;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon { background:url(../jsfiles/images/txtarea_tr.gif) no-repeat top right; float:left;}
.txtarea .tr_xon {background:url(../jsfiles/images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../jsfiles/images/txtarea_br.gif) no-repeat top right; float:left;}
.txtarea .br_xon {background:url(../jsfiles/images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../jsfiles/images/txtarea_cntr.gif) repeat-y right top; float:left;}
.txtarea .cntr_xon {background:url(../jsfiles/images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../jsfiles/images/txtarea_l.gif) repeat-y left top; float:left;
}
.txtarea .cntr_l_xon {background:url(../jsfiles/images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:120px;
	height:21px;
	background:url(../jsfiles/images/select_bg.gif) repeat-x left top;
	float:left;
	margin:0px 0px 10px 0px;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../jsfiles/images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../jsfiles/images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:120px;
	height:21px;
	margin-left:-99px;
	position:absolute;
	outline:none;
	-moz-outline:none;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:70px;
	color:#5a5a5a;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:120px;
	background:#fff;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block; max-height:190px; overflow-y:auto; overflow-x:hidden;}
.optionsDivVisible p {
	margin:0;
	padding:0;
	
}
.optionsDivVisible a {
	color:#5a5a5a;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #CFD7DE;
	border-top:0px solid #CFD7DE;

}
.optionsDivVisible a:hover {
	color:#000;
	background:#E7F2FD;
	border:1px solid #6f7074;
}

/*Multiple Selects*/
.niceform .selects {
	font:12px Arial, Helvetica, sans-serif;
	color:#5a5a5a;
	border:1px solid #CFD0D6;
	background-color:#E7F2FD;
	float:left;
	margin:0px 0px 10px 0px;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#ffffff;
	font-weight:bold;
	padding:0px;
	line-height: 100%;
	background:url(../jsfiles/images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
	float:left;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom; float:left;}

.checkboxcss {float:left;}

.scroll_checkboxes {
    height: 130px;
	width:150px;
	float:left;
    overflow: auto;
    border: 1px solid #ccc;
}

.scroll_checkboxes div:hover, .scroll_checkboxes div.hover { background: #DAD7D7; color: #000; }

 div.options {	
  width:200px;
  background: #def url(../images/cross_bright.png) no-repeat 98% center;
  margin: 4px 0px;
  padding: 2px;
  cursor: pointer;
  color: #46a;
  font-weight:bold;
  border: solid 1px #cde;
  font-size:11px;
}

div.options:hover { background: #DAD7D7	url(../images/cross_bright.png) no-repeat 98% center; color:#000000;}