/**
 * @module 		Dashboard
 * @submudule 	Index
 * @type 		layout
 * @Modified 	2013-04-11
 * @version		$Id$
 * @author 		Ink
*/
html, body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body{
	background-color: #F5F7F8;
	font-family: Arial, Tahoma, "\5fae\8f6f\96c5\9ed1", "\5B8B\4F53";
}

/**
 * short
 */
.bb{
	border-bottom: 1px solid #E8E8E8;
}
.msep{ margin-left: 5px; margin-right: 5px; }
.psep{ padding-left: 5px; padding-right: 5px; }

.logo-bg {
	background-image: url(../image/db.png);
	background-repeat: no-repeat;
}

ul{
	margin: 0;
	list-style: none;
}

/** header **/
.header,
.mainer{
	min-width: 720px;
}
.mainer{
	height: 100%;
}
.logo, .hdbar{
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 0 rgba(0, 0, 0, .1);
	background-color: #323338;
	position: relative;
	z-index: 2;
	height: 50px;
	color: #fff;
}
.logo,
.aside{
	position: relative;
	float: left;
	width: 220px;
}
.logo-bg{
	height: 50px;
	background-position: 22px -150px;
	margin: 0;
	text-indent: -9999px;
}
.active .logo-bg {
	/*background-position: 0 -190px;*/
	/*background-color: #fff;*/
	background-color: #4B4F54;
	opacity: .95;
	filter: Alpha(opacity=95);
}

.hdbar,
.mc{
	margin-left: 220px;
}

.user-info{ padding: 10px 20px; }
.user-info img{ max-width: none; }
.user-name{ margin: 0 20px 0 8px; }

.user-info a {
	color: white;
}

.user-info a.msep {
	padding-right: 6px;
	border-right: white solid 1px;
	margin-right: 8px;
}


/** mainer **/
/* aside */
.aside{
	height: 100%;
	background-color: #42454F;
	overflow: hidden;
}
.mc{ height: 100%; }
.main-nav{
	height: 100%;
	overflow: auto;
}

.mc{
	-webkit-box-shadow: -2px 0 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: -2px 0 0 rgba(0, 0, 0, .1);
	box-shadow: -2px 0 0 rgba(0, 0, 0, .1);
	position: relative;
}

.main-link {
	display: block;
	position: relative;
	height: 60px;
}

.main-nav .icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 25px;
	width: 30px;
	height: 30px;
	background-image: url(../image/nav_icons.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.main-nav .main-link > .text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'Microsoft Yahei';
	overflow: hidden;
	left: 60px;
}

.main-nav .active .main-link{ background-color: #3e3f46; }
.active > .main-link,
.active > .sub-link { color: white; }

.sub-nav {
	padding-left: 74px;
}

.sub-nav li {
	padding: 10px 0;
}

.main-link:hover,
.main-link:focus,
.sub-link:hover,
.sub-link:focus{
	text-decoration: none;
}

.db-index{ background-position: 0 -196px; }
.db-module{ background-position: 0 -29px; }
.db-user{ background-position: 0 -88px; }
.db-global{ background-position: 0 -144px; }

.active .db-index{ background-position: 0 -170px; }
.active .db-module{ background-position: 0 -0px; }
.active .db-user{ background-position: 0 -58px; }
.active .db-global{ background-position: 0 -117px; }

.sub-sec-nav li a{
	padding-left: 30px;
	color: #BBBCBF;
	font-size: 12px;
}

.db-table{
	width: 100%;
	height: 100%;
}
.db-table td{ padding: 0; }