@charset "utf-8";

/* CSS Document */



/*body, ul, form, div, input, select { margin:0px; padding:0px;}*/



#container

{

width: 800px;

margin:0px auto;



}



#top_column {

	width:549px;

	float:left;

	border:1px #000000 solid;

	padding:10px;

	background-color: #fff;



}



#left_column {

	width:539px;

	float:left;

	border:1px #000000 solid;

	padding:15px;

	background-color: #fff;

	min-height:150px;

}

#temp_code {

	width:539px;

	float:left;

	padding:15px;

	background-color: #fff;

	display:none;

}



#right_column { width:227px; float:left; border:1px #000000 solid; 	background-color:#eeeeee; }



.box_header {

	background-image:url(images/panel1.gif);

	background-repeat:no-repeat;

	overflow:hidden;

	height:17px;

	font-weight: normal;

	line-height: 17px;

	padding-left: 10px;

}



.box_text {

	padding:10px 15px;

	



}

.items {

	padding:10px 15px;

	



}



div.item span {

	padding-left: 20px;

	background-position: left;

	background-repeat: no-repeat;

	cursor:move;

}







#cf_text {

	background-image: url(images/text.png);

	

}



#cf_heading {background-image:url(images/heading.png);}



#cf_textbox { background-image:url(images/textbox.png);
}



#cf_textarea { background-image:url(images/textarea.png);}



#cf_dropdown { background-image:url(images/dropdown.png);}



#cf_checkbox { background-image:url(images/checkbox.png);}



#cf_radiobutton { background-image:url(images/radiobutton.png);}



#cf_datetimepicker { background-image:url(images/datetimepicker.png);}



#cf_fileupload { background-image:url(images/fileupload.png);}



#cf_button { background-image:url(images/button.png);}



#cf_html { background-image:url(images/html.png);}



#cf_image { background-image:url(images/image.png);}



#cf_password { background-image:url(images/passwordbox.png);}



#cf_captcha { background-image:url(images/captcha.png); background-position: top;}







.border-top { border-top:1px #000000 solid!important;}



#Properties {font-family:Arial, Helvetica, sans-serif;

	font-size:12px;}

	

.Propertiesitem span {

	font-size:12px;

	line-height:20px;

	display: block; width:100px;

	float:left;

}



.Propertiesitem input, .Propertiesitem select  {height:16px; float:left; /*background:none;*/ border:none; }

	

.Propertiesitem hr {

	clear:both;

	border:1px #111111 solid;

	border-bottom: none;

	border-left: none;

	border-right: none;

}



/*-----------Form Styles--------------*/



.form_item {

 /*border:1px #CCCCCC solid;*/

	height:auto;

}



.form_element {

	float: left;

	margin-top:8px;

	margin-bottom:8px;

}



.form_element label {

	width:150px;

	display: block;

	float: left;

	line-height: 22px;

	vertical-align: middle;

}

.form_element .check_label {

	width:150px;

	float:none;

	display:inline;

	line-height: 22px;

	vertical-align: middle;

}

.form_element .radio_label {

	width:150px;

	float:none;

	display:inline;

	line-height: 22px;

	vertical-align: middle;

}



.form_element select, .form_element input {

	width:200px;
	height: 20px;

}

.form_element textarea {

	width:200px;
	height: 100px;

}

.cf_button input {
	height: 25px;
	width: 150px;
}


.delete_icon { float:right; /*border-left:1px #CCCCCC solid; padding:10px;*/}



.delete_icon1 { float:right; border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; padding:10px;}


.no_delete { border:none;}



.cf_button1 {

	width:70px!important;

}



.radio { width:20px!important;}



.float_left { float:left;}

.clear { clear:both; font-size:0px; line-height:0px;}



.width1 { width:571px;}