#header { background: #eee; }                       /* site header background */
#site_header {  background: #fff; }                 /* header background */
#site_nav { } /* navagation background */
#site_nav_wrapper {
	width:100%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bbb;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bbb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbb;
	background: #fff;
	} /* navagation background */
/*#tabs li a { background: #246499; }                    /* non selected tab background */
#tabs li a:link, #tabs li a:visited { color: #fff; }   /* tab link colors */

#site_header {
    width: 100%;
    height: 88px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bbb;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bbb;
    color: #fff;
	background-repeat:no-repeat;
}
.cabinet_pro_logo {
	text-align: center;
}
#site_content {
    width: 798px;
    padding: 20px;
	padding-right: 26px;
	background-color:#000;
	background: url(../images/cabinetproback.jpg) no-repeat;
	min-height:330px;
}
#site_content_admin {
    width: 938px;
    padding: 20px;
	padding-right: 26px;
	background-color:#000;
	background: url(../images/cabinetproback.jpg);
}
#content_footer {
	width: 798px;
    padding: 20px;
	padding-right: 26px;
	background-color:#fff;
	background:none;
}

#content_admin_footer {
	width: 938px;
    padding: 20px;
	padding-right: 26px;
	background-color:#fff;
	background:none;
}

div.simple_dashboard fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid}
div.simple_dashboard legend { font-weight: bold; color: #666; }
div.simple_dashboard fieldset div { padding: 0.25em 0; }

.sub_content_left {
	float:left;
	width:100%;
}

.sub_content_right {
	clear:left;
	float:left;
	width:36%;
}


.sub_content_right img {
	float:left;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:80px;
}

#table_quote_add_cabinet{
	display:none;
}

#table_quote_add_cabinet_simple{
	display:block;
	float:left;
	width:100%;
	background:url('../images/chgl.gif');
	font-size:16px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight: bold;
	height:23px;
}

.data_heading_simple th{
	font-size:16px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight: bold;
	height:23px;
	width:100%;
	color: #000;
	background:url('../images/chgl.gif');
}






div.buttonrow input{font-size:16px; width:150px;}

.buttons {
	float:right;
	padding-bottom: 8px;
	font-size: 11px;
}

.cab_columns {
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
	float:left;
	width: 264px;
	line-height: 20px;
	font-size:16px;
	border: solid 1px #ccc;
	/*
border-bottom: solid 1px #ccc;
*/
}

.hardware_add{ height: 160px !important; display:block; }


.cab_columns a {
	color:#5d5d5d;
}
.cab_columns a:hover {
	color:#0000ff;
	text-decoration:none;
}

.cab_columns img{
	padding-bottom:10px;
	padding-top:8px;
	height:140px;
}
#cabinets_code{display:none;}
#cabinets_type{display:none;}

.cab_columns_name {
	display:block;
	/*
background-color:#f5f5f5;
	background:url('../images/chgl.gif');
*/
	background:none;
	color: #5d5d5d;
	font-weight: bold;
	height:30px;
	vertical-align:middle;
}

.add_cab a {
    display:block;
	width:80%;
	margin-left:auto;
	margin-right:auto;
    background-color:#80ff00;
	background:url('../images/chg.gif');
    border:1px solid #008000;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#000;
    cursor:pointer;
    padding:3px 8px 3px 4px; /* Links */
}

.add_cab a:hover{

    background-color:#fc9925;
	background:url('../images/chb.gif');
	color:#fff;
/*    border:1px solid #c2e1ef;
    color:#336699;
*/
    text-decoration:underline;
}
.filter_link{
	font-size:14px;
	padding-left:3px;
	padding-right:3px;
}

#side_bar{

	padding-left:8px;
	width:128px;
	background:#fff;
}
.site_wrapper {
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
	width:984px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	background:#fff;

}


/* Tab styles */

#tabs {
    padding: 6px 0;
    margin-left: 0;
    font-weight: bold;
    margin-right: 26px;
	text-align:center;
}

#tabs a { width:82px;  display:block; background:url('../images/tab_right.gif') no-repeat top right; }
#tabs li { list-style: none; margin: 0; display: inline; background:url('../images/tab_left.gif') no-repeat; }

#tabs li a {  padding: 6px 10px; padding-left: 13px; /* margin-left: 3px; */ border-bottom: none; text-decoration: none; }

#tabs a:hover { background:url('../images/tab_right_hover.gif') no-repeat top right; color: #fff; }
#tabs li:hover {background:url('../images/tab_left_hover.gif') no-repeat; color: #fff; } /* tab hover background */
.tab_hover { background:url('../images/tab_right_hover.gif') no-repeat top right !important; color: #fff; }

#tabs li a#current { color: #fff;}                 /* current tab text color */
#tabs a#current {background:url('../images/tab_right_current.gif') no-repeat top right;}
#tabs li#current1 { background:url('../images/tab_left_current.gif') no-repeat !important; }

#tabs li a:hover { border-color: #227; }

/*
	Start drop down menu
*/
#tabs ul{
	margin:0;
	padding:0px;

	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:2em;
}

#tabs ul a{
	display:block;
	padding:4px 8px;
	color:#fff;
	text-decoration:none;
	background-color:#333;
}

#tabs ul a{	background:#333; }

#tabs li{
	float:left;
	position:relative;
}
#tabs li ul li{background:none;}
#tabs li ul li:hover{background:none;
 }
 #tabs li ul a:hover{background:none;
 background-color:#000;
 background-image:url('../images/nav_link_back.gif');}


#tabs ul {
	position:absolute;
	display:none;
	width:12em;
/*
	top:2.3em;
*/
	top:27px;
}

#tabs li ul a{
	width:12em;
	height:auto;
	float:left;
	text-align:left;
}

#tabs ul ul{
	top:auto;
}

#tabs li ul ul {
	left:12em;
	margin:0px 0 0 10px;
}

#tabs li:hover ul ul, #tabs li:hover ul ul ul, #tabs li:hover ul ul ul ul{
	display:none;
}
#tabs li:hover ul, #tabs li li:hover ul, #tabs li li li:hover ul, #tabs li li li li:hover ul{
	display:block;
}
#header_right a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.buttons {

	float:right;
	padding-bottom: 8px;
	font-size: 11px;
	white-space:nowrap;
}
.buttons_left {
	float:left;
	padding-bottom: 8px;
	font-size: 11px;
	white-space:nowrap;
}

#in_to_out_cut{
	display:none;
}

.advanced_attribute{
	background:#eeeeee;
}




div.form_container form fieldset {
margin:0;
padding: 0 0 0 0;
border:none;
background:url('../images/chbs.gif') repeat-x;


}

div.form_container form legend {

	height:28px;
	line-height: 28px;

	padding-top:28px;
	padding-left:10px;
	font-size:14px;
	font-weight: bold;
	font-family:Helvetica, Arial, sans-serif;
	letter-spacing:1px;

	color:#fff;

	}

.data_content td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #aaa;
	padding: 3px 3px 3px 6px;
	color: #787878;
}

.data_table {
	background-color:#FFF;
}

input[readonly] {color:#999;}

div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
}
.datepickerContainer {
	background: #121212;
	position: absolute;
	top: 10px;
	left: 10px;
}
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
	background: url(../images/datepicker/datepicker_t.png);
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: url(../images/datepicker/datepicker_b.png);
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(../images/datepicker/datepicker_l.png);
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(../images/datepicker/datepicker_r.png);
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker/datepicker_tl.png);
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker/datepicker_tr.png);
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker/datepicker_bl.png);
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker/datepicker_br.png);
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	color: #eee;
	text-decoration: none;
	cursor: default;
	outline: none;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
div.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
}
.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
td.datepickerNotInMonth a {
	color: #666;
}
tbody.datepickerDays td.datepickerSelected{
	background: #136A9F;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}