@font-face 
{
  src: url(/kdach/public/myFont.tff);
  font-family: "myFont";
}

body
{
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial;
	font-size: 12px;
	background: url('../images/bg_all.png');
}

/* --- HEADER --- */
.header
{
	width: 100%;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	margin-bottom: 20px;
}
	.header .logo
	{
		float: left;
		padding-right: 10px;
	}
	.header .title
	{
		height: 100%;
		padding-top: 10px;
		color: #FFF;
		font-weight: bold;
	}

/* --- PPAGE HOLDER --- */
.page
{
	min-height: 600px;
}




.login_info_menu
{
	position: relative;
	color: #000;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	padding-top: 2px;
	height: 20px;
}

	
.offer_tab_div
{
	width: 95%;
	height: 200px;
	overflow: auto;
}
.temp_tab,
.offer_tab_div .offer_tab
{
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0px;
}
	.temp_tab td,
	.offer_tab td
	{
		padding: 5px;
		width: 33%;
		border: 1px dotted;
		margin: 0;
	}
	.temp_tab tr.titles td,
	.offer_tab tr.titles td
	{
		border: 1px solid;
		text-align: center;
		font-weight: bold;
	}

/* --- MENU --- */
.menu
{
	margin-top: -40px;
	width: 216px;
	height: 475px;
	padding-bottom: 1px;
    float:left;
}
.right_menu
{
	margin-top: -110px;
	width: 200px;
	padding-bottom: 1px;
    float:right;
	text-align: right;
}
	.menu .title
	{
		padding-top: 10px;
		color: #FFF;
		background: url('../images/menu_title.png') no-repeat;
		height: 20px;
		text-align: center;
	}
	.menu .main
	{
		padding-top: 10px;
		background: url('../images/menu_bg.png') no-repeat top;
	}
		.menu .main .roof_img
		{
			margin-bottom: 10px;
			margin-left: 20px;
			margin-right: 20px;
		}
	.right_menu .main
	{
		padding-right: 10px;
	}
	.menu .main .item,
	.menu .main .item_calc
	{
		color: #F00;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		background: url('../images/button_menu.png') no-repeat;
		width: 197px;
		padding-top: 12px;
		height: 31px;
	}
	.menu .main .item_calc
	{
		background: url('../images/button_menu_calc.png') no-repeat;
	}
		.menu .main .item_calc a
		{
			color: #FFF;
			text-decoration: none;
		}
		.menu .main .item_calc a:hover
		{
			text-decoration: underline;
		}
		.menu .main .item a
		{

			color: #980808;
			text-decoration: none;
			text-weight: bold;
		}
		.menu .main .item a:hover
		{
			text-decoration: underline;
		}
	.menu .lower
		{
		background: url('../images/menu_lower.png') no-repeat top;
		height: 21px;
		}

/* --- CONTENT --- */
.filters_holder
{
	text-align: left;
	width: 100%;
	margin-bottom: 10px;
}
	.filters_holder .filters .title
	{
		font-weight: bold;
		padding-left: 180px;
		margin:5px;
	}
		.filters_holder .filters .title
		{
			font-weight: bold;
			padding-left: 180px;
			margin:5px;
		}
.select_box_holder .label
{
	text-align: right;
	line-height: 28px;
	width: 330px;
	float: left;
}

.select_box_holder .select_box
{
	width: 250px;
}

.cont
{
	margin-left: 200px;
	margin-right: auto;
	padding-left: 53px;
	padding-right: 31px;
	margin-top: 120px;
	width: 800px;
	height: 761px;
	background: url('../images/bg_cont.png') no-repeat top;
}
	
	.inner_cont
	{
		padding-left: 15px;
		padding-top: 20px;
		width: 748px;
		max-height: 710px;
		overflow: auto;
	}
	.text
	{
		line-height: 25px;
	}
	
	.form
	{
		width: 690px;
		padding: 10px;
		padding-left: 20px;
		margin-top: 5px;
	}
		.form .text
		{
			width: 260px;
			text-align: right;
			padding-top: 10px;
			line-height: 25px;
			float: left;
		}
		.form .field
		{
			text-align: left;
			margin-left: 260px;
			padding-top: 10px;
		}
		.form .submit
		{
			text-align: center;
			padding-top: 10px;
		}
		.form .errs
		{
			text-align: center;
			padding-top: 10px;
			color: #F00;
		}
			.form .field input
			{
				width: 255px;
			}
			.form .field textarea
			{
				width: 255px;
				height: 100px;
			}
			.form .submit input
			{
				border: 1px solid #F99;
				background: #F00;
				color: #FFF;
				font-weight: bold;
			}
	.list
	{
		background: #DDD;
		margin-left: auto;
		margin-right: auto;	
	}
		.list td
		{

			text-align: center;
		}
		.list input,
		.confirm input,
		.form input.button
		{
			border: none;
			background: url('../images/confirm_btn.png') no-repeat;
			width: 84px;
			height: 36px;
			color: #000;
		}
		.list input.del:hover,
		.confirm input.del:hover
		{
			color: #F00;
		}
		.list a
		{
			color: #555;
			text-decoration: none;
		}
		.list a:hover
		{
			color: #000;
		}
		.list a.del:hover
		{
			color: #F00;
		}
		.list .title
		{
			text-align: center;
			background: #CCC;
		}
			.list .title a
			{
				color: #000;
				font-weight: bold;
				text-decoration: none;
			}
			.list .title .spec
			{
				background: #F00;
				color: #FFF;
			}
		.list .row1
		{
			border-color: #9F9F9F;
			background: #CCC;
		}
		.list .row2
		{
			border-color: #9F9F9F;
			background: #CCC;
		}
			.list .row1 .spec,
			.list .row2 .spec
			{
				background: #CCC;
			}
		.list .pages
		{
			padding: 0;
		}
	.pages
	{
		text-align: center;
		margin: 0;
		padding: 10px;
		background:#FFF; 
	}
	.pages a
	{
		color: #000;
		text-decoration: none;
		margin: 5px;
	}
		.pages .cur
		{
			font-weight: bold;
		}
		.pages .other:hover
		{
			text-decoration: underline;
		}
	
	.confirm_text
	{
		color: #0C0;
		font-size: 14px;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.logs
	{
		margin-top: -10px;
		background: #CCC;
		position: absolute;
		display: none;
		border: 1px solid;
		width: 740px;
		height: 0;
		overflow: hidden;
		overflow-y: scroll;
		margin-bottom: 30px;
	}
		.logs_cont
		{
			margin: 10px;
			line-height: 20px;
		}
			.logs .title
			{
				font-size: 14px;
				text-align: center;
				margin-bottom: 10px;
				font-weight: bold;
			}
			.logs .info
			{
				margin-left: 20px;
				width: 360px;
			}
		
	.fields_holder
	{
		overflow: hidden;
		overflow-y: scroll;
		height: 450px;
		width: 100%;
	}
	.utosp_div
	{
		border: 1px dotted;
		float: left;
		background: #EEE;
	}
		.utosp_users,
		.utosp_sps
		{
			overflow: auto;
			width: 380px;
			padding: 5px;
		}
		.utosp_users
		{
			float: left;
		}
		.utosp_list_tab,
		.utosp_tab_row1
		{
			width: 100%;
		}
			.utosp_title
			{
				padding: 5px;
				font-weight: bold;
			}
			.utosp_tab_row1 td,
			.utosp_tab_row2 td,
			.utosp_row1,
			.utosp_row2
			{
				padding: 10px;
			}
			.utosp_tab_row1,
			.utosp_row1
			{
				background: #FFF;
			}
			
	.page_title
	{
		background: url('../images/middle_page_title.png') no-repeat top;
		font-size: 20px;
		text-align: left;
		margin-top: 95px;
		padding-top: 16px;
		height: 50px;
		width: 812px;
		text-align: center;
		position: absolute;
		top: 15px;
		left: 50%;
		left: 235px;
	}
	

.auth_form
{
	width: 364px;
	height: 167px;
	padding-top: 18px;
	margin-left: auto;
	margin-right: auto;
	background: url('../images/bg_auth.png') no-repeat;
}
	
/* --- TEMPLATES --- */

.final_sums_holder
{
	text-align: right;
	width: 100%;
	height: 100px;
}

.final_sums
{
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 8px;
	line-height: 25px;
	border: 1px dotted;
}

.tab_holder
{
	min-height: 50px;
	max-height: 490px;
	overflow: auto;
}
.materials
{
	width: 100%;
	min-height: 50px;
	border-collapse: collapse;
	border: 1px solid;
}
	.materials tr.titles td
	{
		text-align: center;
		font-weight: bold;
		border-color: #555;
		background-color: #C9C9C9;
	}
	.materials td
	{
		border: 1px solid #777;
		height: 40px;
		padding: 5px;
	}
		.materials td input
		{
			width: 40px;
		}
	.materials .chosen_field
	{
		cursor: pointer;
	}
	.materials .met_dets
	{
		float: left;
	}

.del_x
{
	font-size: 14px;
	font-weight: bold;
	color: #F00;
}
	
.mat_inp
{
margin: 0;
padding: 0;
}	

.mat_ch
{
	border-style:solid;
	border-width:1px;
	float: left;
	height: 40px;
}

.mat_ch_last
{
	border-style:solid;
	border-width:1px;
	height: 40px;
}

.tab
{
border-spacing: 0px;
}

#mats_details_cont
{
	position: absolute;
	display: none;
	margin-left: 30px;
	background: #EEE;
	border: 1px solid;
	padding: 6px;
}

#nav_stripe
{
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
	#nav_stripe .butt
	{
		width: 110px;
	}
	#save_name,
	#load_offer,
	#ret_but
	{
		float: left;
		width: 150px;
		text-align: center
	}
#client_info
{
	text-align: center;
	margin-bottom: 10px;
}
	#client_info #client_info_dets
	{
		width: 520px;
		margin-left: auto;
		margin-right: auto;
	}
		#client_info #client_info_dets div
		{
			width: 100px;
		}
		#client_info #client_info_dets div.left
		{
			float: left;
		}

#post_lock
{
	text-align: center;
}

.buttA
{
	float: left;
	text-align: center;
	width: 100%;
	margin-bottom: 15px;
}
.buttAfirst
{
	margin-top: 15px;
}
.buttAlast
{
	float: none;
}

.chose_text
{
	color: #F00;
	font-weight: bold;
	cursor: pointer;
}

.chose_list
{
	margin-top: 10px;
	min-width: 200px;
	max-height: 300px;
	overflow: auto;
	border: 2px solid;
	position: absolute;
	display: none;
}
	.chose_list .entry
	{
		background-color: #DEDEDE;
		padding: 10px;
		cursor: pointer;
		border-bottom: 1px dotted;
	}
	.chose_list .entry:hover
	{
		background-color: #CDCDCD;
	}
	.chose_list .sel
	{
		font-weight: bold;
	}

.msg_box_bg,
#post_lock
{
	position: fixed;
	left: 0;
	top: 0;
	background: #FFF;
	-khtml-opacity: .4;
	-moz-opacity: 0.4;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.msg_box
{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 100px;
	width: 100px;
	height: 100px;
}
	.msg_box .main_cont
	{
		position: relative;
		background: url('../images/bg_cont_bg.png') repeat-x;
		margin-top: -12px;
		padding-top: 15px;
	}
		.msg_box .main_cont .msg_cont 
		{
			text-align: center;
		}
		.msg_box .main_cont .msg_conf 
		{
			width: 230px;
			margin-top: 20px;
		}
			.msg_box .main_cont .msg_cont input,
			.msg_box .main_cont .msg_cont textarea,
			.msg_box .main_cont .msg_cont select,
			input,
			textarea,
			select
			{
				height: 26px;
				margin: 2px;
				border: 1px solid #A00;
				background: #FFF;
				color: #C00;
				font-weight: bold;
				margin-left: 10px;
			}
		.msg_box .main_cont .close_button,
		.msg_box .main_cont .cancel_button
		{
			text-align: center;
		}
			.msg_box .main_cont .close_button input,
			.msg_box .main_cont .cancel_button input
			{
				width: 90px;
				height: 30px;
				border: 1px solid #F00;
				background: #C00;
				color: #FFF;
				font-weight: bold;
				cursor: pointer;
			}
			.msg_box .main_cont .cancel_button input
			{
				background: #DCDCDC;
				color: #F00;
			}
	.msg_box .left
	{
		float: left;
		width: 20px;
		background: url('../images/bg_cont_left.png') repeat-y;
	}
	.msg_box .right
	{
		float: left;
		width: 20px;
		height: 100%;
		background: url('../images/bg_cont_right.png') repeat-y;
	}
	
	.msg_box .tr_corner,
	.msg_box .br_corner
	{
		float: right;
	}
	.msg_box .bl_corner,
	.msg_box .br_corner
	{
		margin-top: -10px;
	}
	.msg_box .msgbox_det ._info,
	.msg_box .msgbox_det ._desc2
	{
		overflow: auto;
		float: left;
		width: 360px;
		text-align: left;
	}
	
	.msg_box .msgbox_det .title
	{
		font-weight: bold;
		margin-bottom: 10px;
		text-align: center;
	}
		.msg_box .msgbox_det ._info .title
		{
			font-size: 14px;
		}
		.msg_box .msgbox_det ._info .lab
		{
			text-align: right;
			width: 120px;
			max-width: 120px;
			float: left;
			padding-top: 2px;
			height: 22px;
			margin-top: 8px;
		}
		.msg_box .msgbox_det ._info .det_lab
		{
			margin-bottom: 10px;
			margin-left: 10px;
		}
	.msg_box .msgbox_det ._desc .addr,
	.msg_box .msgbox_det ._desc2
	{
		width: 220px;
		height: 150px;
	}
	.msg_box .msgbox_det ._info, 
	.msg_box .msgbox_det ._desc2 
	{
		margin-right:15px;
	}
	#user_det ._info,
	#user_det .addr
	{
		height: 340px;
	}
	
	
.red_button
{
	border: 2px solid #A00;
	border-top-color: #F00;
	border-left-color: #F00;
	background: #D00;
	min-width: 100px;
	min-height: 25px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	color: #FFF;
	cursor: pointer;
}
	.red_button:active
	{
		border: 2px solid #F00;
		border-top-color: #A00;
		border-left-color: #A00;
	}

.red_small_button
{
	min-width: 50px;
	min-height: 20px;
	cursor: pointer;
}

.add_button
{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
	.add_button input
	{
		width: 90px;
		height: 30px;
		cursor: pointer;
	}

.img_button
{
	cursor: url('../images/cursor_hand.png');
}

.quickmenu
{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
	.quickmenu .title
	{
		font-weight: bold;
		font-size: 16px;
		text-align: center;
	}
	.quickmenu_item 
	{
		margin: 20px;
	}
	.quickmenu_item span
	{
	/*	display: none;
	*/	position: absolute;
		margin-left: 60px;
		margin-top: 15px;
		font-size: 14px;
	}
	/*
	.quickmenu_item:hover span
	{
		display: block;
	}
	*/

.label_title
{
	margin-top: 15px;
}


/* --- FOOTER --- */
.footer, .footer_auth
{
	width: 100%;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	height: 75px;
}

.footer_auth
{
	position: absolute;
	bottom: 0px;
}

	.closer
	{
		float: right;
		padding-left: 10px;
	}
	
	.footer #branding, .footer_auth #branding
	{
		padding-top: 59px;
		padding-left: 5px;
		font-size: 10px;
		color: #b4b4b4;
	}
	
	.footer #branding a, .footer_auth #branding a
	{
		color: #f0f0f0;
		text-decoration: none;
	}
	
	.footer #branding a:hover, .footer_auth #branding a:hover
	{
		color: #fff;
	}
	
	.footer #branding font, .footer_auth #branding font
	{
		color: #f0f0f0;
	}
	
div.required
{
	text-align: right;
	font-size: 10px;
	color: #666;
	padding-right: 5px;
	padding-bottom: 18px;
}

div.required, div.dots
{
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(../images/pattern_a.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

div#password_forgotten_label a
{
	color: #404040;
	text-decoration: none;
}

div#password_forgotten_label a:hover
{
	color: #dddddd;
}