/*可根据项目复杂度，决定是否将项目配置样式、项目公用样式、项目定制样式分开处理.比如可以把项目配置样式和项目公用样式放在"项目public.css里面"*/
/********************************
 *项目配置样式*
 *通过实践,若发现某些项目配置样式大量频繁出现，可考虑将其加入public.css配置样式
 ********************************/
 
/********************************
 *项目公用样式*
 *通过实践，若发现某些样式规则大量频繁出现，可考虑将其加入public.css公用样式
 ********************************/
 
/********************************
 *项目定制样式*
 通过实践，若发现某些样式规则大量频繁出现，可考虑将其加入项目公用样式
 ********************************/

body{ background:#f5f5f5; font-family:"微软雅黑"; font-size:14px;}

/* icon */
.icon{ display:inline-block; _display:inline; _zoom:1; width:18px; height:18px; background:url(../images/icons.png) no-repeat; vertical-align:middle;}
.icon-off{ background-position:0 0;}
.icon-exit{ background-position:0 -44px;}
.icon-home{ background-position:0 -88px;}
.icon-info{ background-position:0 -131px;}
.nav a:hover .icon-off{ background-position:-159px 0;}
.nav a:hover .icon-exit{ background-position:-159px -44px;}
.nav a:hover .icon-home{ background-position:-159px -88px;}
.nav a:hover .icon-info{ background-position:-159px -131px;}

.icon-cog{ background-position:0 -175px;}
.icon-frame{ background-position:0 -221px;}
.icon-gallery{ background-position:0 -264px;}
.icon-user{ background-position:0 -308px;}
.icon-control{ background-position:0 -351px;}
.sideNav li a:hover .icon-cog,.sideNav .cur .icon-cog{ background-position:-159px -175px;}
.sideNav li a:hover .icon-frame,.sideNav .cur .icon-frame{ background-position:-159px -221px;}
.sideNav li a:hover .icon-gallery,.sideNav .cur .icon-gallery{ background-position:-159px -264px;}
.sideNav li a:hover .icon-user,.sideNav .cur .icon-user{ background-position:-159px -308px;}
.sideNav li a:hover .icon-control,.sideNav .cur .icon-control{ background-position:-159px -351px;}

.icon-down{ background-position:0 -954px;}
.sideNav .cur .icon-down{ background-position:-160px -954px;}

/* header */
.header{ height:50px; background:#589dea; -webkit-box-shadow:0 1px #4d92df; -moz-box-shadow:0 1px #4d92df; box-shadow:0 1px #4d92df;}
.logo{ padding-left:32px; font:22px/50px "Microsoft Yahei"; color:#fff;}
.nav{ position:absolute; top:0; right:10px;}
.nav li{ float:left; width:46px;}
.nav li a{ display:block; height:34px; padding-top:16px; text-align:center;}
.nav li a:hover{ background:#3185e3;}
.nav .badge{ position:absolute; height:14px; margin:-36px 0 0 18px; padding:0 4px; background:#f86e4a; text-align:center; line-height:14px; font-weight:bold; color:#fff; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}

/* content */
.content{ position:relative; _zoom:1;}

/* side */
.side{ position:absolute; top:0; bottom:0; left:0; width:200px; min-height:400px; background:#3c5066; zoom:1;}
.side .info{ background:#2f4053; line-height:50px; color:#fff; text-align:center; font-size:14px;}
.sideNav li{ *zoom:1;}
.sideNav li a{ display:block; padding:9px 0; background:url(../images/sideNav-line.png) left bottom repeat-x; color:#CCDCED; font-size:14px;}
.sideNav li .level01:hover,.sideNav .cur .level01{ color:#fff; text-decoration:none;}
.sideNav li .icon{ margin:0 10px;}
.sideNav li .icon-down{ position:absolute; left:154px;}

.sideNav-sub{ display:none;}
.sideNav-sub li a{ padding-left:36px; font-weight:normal;}
.sideNav-sub li a:hover{ color:#fff; text-decoration:none;}
.sideNav-sub .active a,.sideNav-sub .active a:hover{ border-left:2px solid #ec5d4d; background:#f5f5f5; color:#3c5066;}

/* main */
.main{ margin-left:200px;}
.dataIframe{ width:100%; overflow:auto; vertical-align:top;}

/*=E heavy hack*/

/* 2015-8-19 */
.side .arrow{ position:absolute; right:-10px; top:45%; width:10px; height:80px; background:url(../images/side-arrow01.png) left top no-repeat;}
.side .arrow02{ background:url(../images/side-arrow02.png) left top no-repeat;}
.dataIframe{ min-width:992px;}