@import url("css/menu.css");

/* CSS Document */
body {background:#000000; height:100%; margin:0; padding:0; }

* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6{color:#7e2100;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}


a,a:link,a:visited,a:active{color:#7e2100; text-decoration:none; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#7e2100;font-weight:bold;}
.SubHead {color:#7e2100;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/

#wrap_main{display:table;width:990px; margin:0 auto;}
#wrap_sub{display:table-row}
.template_style{display:table-cell}

.wrap_header {
	background-image: url('images/head_bg_flame.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	height: 300px;
	width: 100%;
	z-index: 1;
}
.header_top_red {
	background-color: #7e2100;
	height: 40px;
	z-index: 2;
}
.header_bottom_red {
	background-color: #7e2100;
	height: 40px;
	margin-top: 200px;
	z-index: 2;
}
.logo_pad {
	z-index: 10;
	top: 0px;
	position: relative;
	left: 0px;
}
.body_space {
	width: 100%;
	height: 34px;
}
.bread_bg{padding:0; margin: 0 10px 0 10px; height:34px;}
.bread_left{padding:0; margin:0; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0;  background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; line-height:34px; padding-right:18px;}
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#ffffff;}

.content_pad {
	width: 100%;
	height: 100%;
	table-layout: fixed;
	display: table;
}
.menu_style {
	background-image: url('images/menu_bg.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 245px;
	float: left;
	min-height: 350px;
	height: 100%;
	display:table-cell;
}

.menu_bg {
	background-color: transparent;
	background-image: url('images/menu_color.png');
	width: 245px;
	min-height: 350px;
	
}
.content_width {
	float: right;
	width: 735px;
	margin-top: 3px;
	background: url('images/content_bg.jpg') bottom left no-repeat;
	display:table-cell;
}
.content_bg {
	background-color: transparent;
	background-image: url('images/content_bg_white.png');
	background-repeat: repeat;
	min-height: 350px;
	padding-left: 5px;
	padding-right: 5px;
	height: 100%;
}
.ContentPane
{
	padding:5px;
}
.TopPane
{
	padding: 5px;
}
.LeftPane
{
	padding: 5px 2px 5px 5px;
}
.RightPane
{
	padding: 5px 5px 5px 2px;

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

.MenuPane
{
	background-color: transparent;
	background-image: url('images/menu_color.png');
	padding: 5px;
	text-align: center;
}

*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}