﻿/*CSS 2.1 Validation W3C
www.dnn360.net
by: thangpdtt@gmail.com*/
@import url("menu.css");

#skinbody {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
	padding: 0;
	margin: 0;
	background: url(bg.jpg) repeat;
	width: 100%;
	text-align: center;
}

.search_style{float:right; height:40px;padding-top:5px;margin-top:5px;}
.search_bg{padding:0px 16px 0px 0;
margin-top:-5px;
padding-top:-5px;
}
img.searchimg
{
margin-top:0px;
padding-top:0px;
vertical-align:top;
}
#dnn_dnnSEARCH_txtSearch { height:20px;vertical-align:middle; background: #FFF; width: 218px; border: 1px solid #7B5FA9; }
.clear_float{clear:both; line-height:0; font-size:0; height:0;}
/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 218px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:168px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}

.inbox { background-color:#ffffff;}
.space {padding-left:5px;padding-right:5px;}
.top {background-color:  #df0000;background:url(top_bg.jpg) repeat-x top left;min-height:121px;border:#ae0000 1px solid;border-width:0 1px ;}
.top #logo {margin: 0 19px 0 7px; padding:0;	height: 87px;}
.top #search_bg {background:url(search_bg.jpg) no-repeat top center;height:60px; width:320px;}
.leftsideouter{background: url(lt_sd.jpg) repeat-y top right;}
.rightsideouter{background: url(rt_sd.jpg) repeat-y top left;}
/* tab menu bar */
.firstspace{width:30px; height: 1px;float:left;}
.nav_tab_outer{height:69px; width:100%;float:left; background: url(nav_images/tab_separator_bg.jpg) repeat-x top left;}
.nav_tab_inner_top_right{float:right;width:200px; padding-top:5px;}
.nav_tab_inner_bottom{width:100%; float:left;}
.nav_bg {background: url(nav_bg.jpg) repeat-x bottom center;}

.center {padding-top:5px;padding-right:5px;}
.bottom {background:#df0000 url(bottom_bg.jpg) repeat-x bottom;border:1px solid #d10000;height:35px;}

.controlpanel{ background:#ffffff; border:#ccc solid; border-width:2px; width:100%;}
.controlpanel IMG{ margin:15px 5px 0px; }
.controlpanel TD TD TD TD IMG{ margin:0px; }
.controlpanel TD TD TD{ width:auto; }
.controlpanel DIV{ border:#000 solid; border-width:0px 1px; width:3px; height:100px; }
.controlpanel TD.SubHead{ background:#ffffff; font-size:12px; color:#036ebc; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:11px; color:#036ebc; font-weight:normal; }
.controlpanel TD TD TD input{ background:#fff; font-size:11px; color:#000;  padding-left:4px; }
.controlpanel TD TD TD select{ background:#fff; font-size:11px; color:#333; }
.controlpanel A.CommandButton{ font-size:10px; text-decoration:underline; }
.controlpanel A.CommandButton:link{ color:#036ebc;text-decoration:underline; }
.controlpanel A.CommandButton:visited{ color:#036ebc; text-decoration:underline;}
.controlpanel A.CommandButton:active{ color:#036ebc; text-decoration:underline;}
.controlpanel A.CommandButton:hover{ color:#036ebc; text-decoration:none;}

.toppane {	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;background-color: transparent;}
.contentpane {
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: transparent;
	text-align: left;
}
.rightpane {	padding-right: 0px; padding-left: 0px; padding-bottom: 5px; padding-top: 0px;background-color: transparent;	}
.leftpane {	padding-right: 0px; padding-left: 0px; padding-bottom: 5px; padding-top: 5px; background-color: transparent;	}
.paddingbt9 {padding-bottom:9px;}
.bgcolorRed{background:url(nav_images/tab_separator_bg.jpg) top center;}
.rightpaneblack {	padding-right: 0px; padding-left: 0px; padding-bottom: 5px; padding-top: 0px;background-color: #464646;	}

.Head {	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #666;}
.SubHead {	FONT-SIZE: 11px; COLOR: #666;}
.SubSubHead {	FONT-SIZE: 11px; COLOR: #666;}
.Normal {FONT-SIZE: 11px; COLOR: #666; font-family:Arial, Helvetica, sans-serif;}
A.CommandButton:active {	COLOR: #cc0000; TEXT-DECORATION: none;}
A.CommandButton:visited {	COLOR: #cc0000; TEXT-DECORATION: none;}
A.CommandButton:link {	COLOR: #cc0000; TEXT-DECORATION: none;}
.CommandButton {	COLOR: #cc0000; TEXT-DECORATION: none;}
A.CommandButton:hover {	COLOR: #cc0000; TEXT-DECORATION: underline;}
DIV{	FONT-SIZE: 11px; COLOR: #666; font-family:Arial, Helvetica, sans-serif;}
TD{	FONT-SIZE: 11px; COLOR: #666; font-family:Arial, Helvetica, sans-serif;}
TH{	FONT-SIZE: 11px; COLOR: #666; font-family:Arial, Helvetica, sans-serif;}
A:active {COLOR: #cc0000; TEXT-DECORATION: underline; font-family:Arial, Helvetica, sans-serif;}
A:visited {COLOR: #cc0000; TEXT-DECORATION: underline; font-family:Arial, Helvetica, sans-serif;}
A:link {COLOR: #cc0000; TEXT-DECORATION: underline; font-family:Arial, Helvetica, sans-serif;}
A {COLOR: #cc0000; TEXT-DECORATION: underline; font-family:Arial, Helvetica, sans-serif;}
A:hover {COLOR: #cc0000; TEXT-DECORATION: none;}

#login { background:url(login_mid.jpg) repeat-x bottom; height:29px;}
#user { background:url(login_mid.jpg) repeat-x bottom; height:29px;}
.space_user { padding:0 8px 0 5px;}
.user {	 FONT-WEIGHT: normal;FONT-SIZE: 11px; COLOR: #fff; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif;	 padding:0 0px 0 0px;}
A.user:visited {	 FONT-WEIGHT: normal;FONT-SIZE: 11px; COLOR: #fff; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif;	 padding:0 0px 0 0px;}
A.user:active {	 FONT-WEIGHT: normal;FONT-SIZE: 11px; COLOR: #fff; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif;	 padding:0 0px 0 0px;}
A.user:link {	 FONT-WEIGHT: normal;FONT-SIZE: 11px; COLOR: #fff; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif;	 padding:0 0px 0 0px;}
A.user:hover {	 COLOR: #fff; TEXT-DECORATION:underline;}
td.breadcrumb{padding-left:33px;padding-top:8px;} td.date{padding-top:8px;}
.date {	FONT-WEIGHT: normal;font-size: 11px; COLOR: #fff; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif;}
.breadcrumb {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	padding-right: 7px;
	padding-left: 7px;
}
A.breadcrumb:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	padding-right: 7px;
	padding-left: 7px;
}
A.breadcrumb:active {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	padding-right: 7px;
	padding-left: 7px;
}
A.breadcrumb:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	padding-right: 7px;
	padding-left: 7px;
}
A.breadcrumb:hover { text-decoration:underline;}
#dnn_dnnSEARCH_txtSearch { height:20px; background: #FFF; width: 218px; border: 1px solid #b40000; }
A.footer:visited {
	FONT-SIZE: 11px;
	COLOR: #fff;
	TEXT-DECORATION: none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 7px;
	padding-left: 7px;
	text-align: left;
}
A.footer:active {
	FONT-SIZE: 11px;
	COLOR: #fff;
	TEXT-DECORATION: none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 7px;
	padding-left: 7px;
	text-align: left;
}
A.footer:link {
	FONT-SIZE: 11px;
	COLOR: #fff;
	TEXT-DECORATION: none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 7px;
	padding-left: 7px;
	text-align: left;
}
.footer {
	FONT-SIZE: 11px;
	COLOR: #fff;
	TEXT-DECORATION: none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 7px;
	padding-left: 7px;
	text-align: left;
}
A.footer:hover { color: #fff; text-decoration:underline;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}
/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.NormalBold td{font-weight:bold;}
.DataGrid_Header td{font-weight:bold;}
/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}
/*-------- design style --------*/
.template_style{width:960px;margin:0 auto;padding-bottom: 5px;}
.border_img {
	border: 2px solid #B20101;
	background: bottom;
	height: 100px;
	width: 140px;
}
.underline {
	border-bottom-color: #FF0000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
}
body {
	padding: 0;
	margin: 0;
	background: url(bg.jpg) repeat;
	text-align: center;
}
