@charset "utf-8";
.mainBody {
    background: url(images/leftbg.png);
}
/*********  Global Style *********/
body {
	/*滚动条的样式*/
	scrollbar-arrow-color: #0086be;  
	/*三角箭头的颜色*/
    scrollbar-face-color: #6cbadd;  
	/*立体滚动条的颜色*/
    scrollbar-3dlight-color: #6cbadd; 
	/*立体滚动条亮边的颜色*/
    scrollbar-highlight-color: #fff;  
	/*滚动条空白部分的颜色*/
    scrollbar-shadow-color: #6cbadd;  
	/*立体滚动条阴影的颜色*/
    scrollbar-darkshadow-color: #6cbadd;  
	/*立体滚动条强阴影的颜色*/
    scrollbar-track-color: #f3f3f3;  
	/*立体滚动条背景颜色*/
    scrollbar-base-color:#6cbadd; 
	/*滚动条的基本颜色*/ 
}
/*********  Global Style End *********/


/*********  Button Style *********/
button,
button:hover,
.btnNormal,
.btnHover 
{
	color: #d9eef7;
	border: solid 1px #0076a3;
    background-color:#0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
button:hover,
.btnHover 
{
	color:#FFFFFF;
    background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
button:active,.btnHover:active {
	color: #a5d1e2;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
	position: relative;
	top:1px;
}

.btnLarge
{
   color: #d9eef7;
	border: solid 1px #0076a3;
	background-color:#0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
/*********  Button Style End*********/

/*********  TextBox Style start *********/
.txtNormal, input.txtRead,
.txtStr, .txtNum, .txtDate,
.txtLabel, .txtW100
{
	border:1px solid #63a7c0;
	-webkit-transition:border linear .2s;
	-moz-transition:border linear .2s;
	-o-transition:border linear .2s;
	transition:border linear .2s;
}
[type=text]:hover,
[type=password]:hover,
.txtHover
,select:hover,textarea:hover{
    border-color: #008cc1;
}

select,textarea
{
    color:#000;
    line-height:18px;
	border:1px solid #63a7c0;
	-webkit-transition:border linear .2s;
	-moz-transition:border linear .2s;
	-o-transition:border linear .2s;
	transition:border linear .2s;
	border-radius:5px;
}
/*********  TextBox Style End *********/


/*********  Layout Style *********/
.box {
	border:1px solid #87ceeb;
}
.box-header
{
	color:#FFFFFF;
	background: url(images/titlebg.png) #ededed; 
}
.box-btn li
{
	color: #d9eef7;
	background:#0095cd;
	border: solid 1px #0076a3;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.box-btn li:hover
{
	color:#FFFFFF;
    background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.box-btn li:active
{
	color: #a5d1e2;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
	position: relative;
}
/* h4 这两个样式，建议逐步弃用，以后删除 */
.box h4{
	color:#FFFFFF;
	background:#6bc8e3;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bc8e3',endColorstr='#349bb9');
	background:-webkit-linear-gradient(top,#6bc8e3,#349bb9);
	background:-moz-linear-gradient(top,#6bc8e3,#349bb9 );
	background:-o-linear-gradient(top,#6bc8e3,#349bb9 );
	background:-ms-linear-gradient(top,#6bc8e3,#349bb9 );
	background:linear-gradient(top,#6bc8e3,#349bb9 ); 
}

/*********  Layout Style End*********/


/*********  Table Style *********/
/* 数据表格 */
.tblGrid { border:0 none; }
.tblGrid th,.tblGrid td {
	border-color:#BBB #BBB;
}
.tblGrid th {
	text-align:center; 
	background:#87ceeb;
}
.tblGrid tr:hover {
	background-color:#e1f0f6;
}




/*********  Tab *********/
.cpu-tab-nav li {
	background:#87ceeb;
	color:#424242;
}
li.cpu-tab-nav-active {
	background:#4FB1D6;
	color:#FFFFFF;
}
.cpu-tab-mid {
	background-color:#4FB1D6;
}

/*垂直布局*/
.cpu-tab-vt .cpu-tab-nav {
	background:url(images/leftbg.png);
	border-right: 3px solid #4FB1D6;
}
.cpu-tab-vt li.cpu-tab-nav-active {
background-color: #4FB1D6;
}
.cpu-tab-vt .cpu-tab-mid {
	background-color:#4FB1D6;
}

/*********  Drop down menu *********/
.ddMenu-ctrl-hover {
	color:#000;
	background: #0076A3 !important;
	border-color: #0076a3 !important;
}
.ddMenu-wrapper {
	border-color: #009EDA;
}
.ddMenu-wrapper li:hover {
	background: #55AFD1;
}


/*************** top start*******************/
#newHeader {
	background: url(images/TopBG.png) repeat-x #2F96B4;	
	border-bottom:4px solid #29a7cb;
}
#userBar {
	color:#272727;
}
#userBar span {
	color:#FFFFFF;
}
#newBar {
    background-image: url('images/Top2.png');
}
/************************* top end ***********************/

/* left */
#newNav {
	/*background:url(images/leftbg.png);*/
	/*border-right:4px solid #29a7cb;
    bottom:auto;*/
}
#menudiv {
	border-left:4px solid #29a7cb;
    border-right:4px solid #29a7cb;
	border-bottom:4px solid #29a7cb;
}
#menudiv h2 {
	background:url('images/navbg.png') no-repeat;
	color:black;
    height: 30px;
    padding-top: 5px;
    padding-left: 16px;
}
#menudiv h2:hover {
	background:url('images/navhover.png') no-repeat;
	color:#000000;
}
#menudiv h3 {
	background:#0FC;
	background:url(images/h3.png);
}
#menudiv  li  a {
	background:#AAD2E2;
	color:#000;
	border-left:1px #008AF7  solid;
	border-bottom:1px #008AF7 dashed;
	border-right:1px #008AF7  solid;
	display:block;
	padding:5px 5px 5px 45px;
}
#menudiv  li  a:hover {
	background:url(images/nav-li-hover.png);
	background-repeat: no-repeat;
	border-left:3px #a4a4a4  solid;
}
/*left end*/


/****************** Drop down skin ***********************/
.skin {
	background:#95d2eb;
	color:#FFF;
	border:1px solid #008cc1;
}
.skin ul li a {
	color:#3b3b3b;
}
.skin .icon-color {
	background:url('images/d_color_default.png') no-repeat top center;
	background-position:left center;
}
.skin .menu-blue-selected {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    background: url('../../images/icon/yes.png') no-repeat ;
    float:left;
    margin:2px 0 0 2px;
}
.skin .downarrow {
	background:url('images/menu_arrows.png') no-repeat 2px center;
}
.skin .leftarrow {
	background:url('images/menu_arrows.png') no-repeat -46px center;
}
.skin ul li:hover,.nav ul li a:hover,.nav ul li a:active {
	color:black;
	background-color:#87ceeb;
}
.skin ul ul li:hover {
	background:#5bc3ee;
}
.skin .menu-item {
	border-color:transparent;
	_border-color:#008cc1;
}

.skin .menu-level2 {
    background:#95d2eb;
}

/*******顶部的面板栏************/
.title_bar {
	background-color:#87ceeb;
	color:#FFFFFF;
}


/*****  首页的欢迎 *******/
.iwelcome{
	background: url(images/leftbg.png) #ededed;
}
.iwelcome-header {
	color:#FFFFFF;
	background:url(images/titlebg.png);
}
.iwelcome_horn {
    display:inline-block;
    width:20px;
    height:18px;
    vertical-align:middle;
    margin-left:10px;
    background:url(images/iwelcome_horn.png ) no-repeat;
}
/**********表格表头***********************/
.headerbg {
	background-image:url("../../Images/header_bg.gif");
	background:#87ceeb;
}


/*icon*/
.icon-tel{
	background:url(images/tel.png) no-repeat top center;
	position: absolute;
	width: 20px;
	height: 20px;
}

/******表格行被选中******/
.row_selected {background:#C1E1F0;}


/*********  Info页 *********/
#info_body {
	background: url(images/leftbg.png);
}
#info_icon {
	background: url(images/icon.png) no-repeat center;
}
#info_wrapper h1 {
	background: #00A0C6;
	color: #eee;
}
#info_btn li {
	background: #00A0C6;
}
#info_btn li:hover {
	background: #32B2D0;
}

/*YF特有*/
#company{
	background-color:#87ceeb;
	border-left:4px solid ; 
	border-right:4px solid ;
	border-top:4px solid ;
	border-color:#29a7cb;
}

#li-welcome a{color:black;}
#top-nav a:link{color:white;}
/**************报表管理********开始*******/

/****************不同的图片、颜色部分*************/
.reportBody { background: url(images/leftbg.png) repeat; }
.reportTop { background-image: url(images/top_bg.png); border-color: none; color: #fff; font-weight:bold; border-bottom-color: #0f7aa8;}
#topLineBg { background:url(images/top_bgImg.png) center;}


.reportLeft ul li { color: #e3e3e3!important; }

#titleBoxLeft { border-right-color: #000;  border-right: 1px solid #19728b;}
#titleBoxMiddle { border-right: none; width: 120px; border-left: 1px solid #80cde6; }
#titleBoxRight { background-image: url(images/top_right.png); }
#reportLeftBg { background-image: url(images/left_g.png); background-color:rgba(15,122,168,0.6);border-right: 1px solid #cccccc;}
#li-selected { background-image: url(images/left_tabs_bgon.png); color: #fff; font-weight:bold; }
#btnAddFolder, #btnAddReport, .titleBox #btnSearch { 
    color:#0b6c96;
    background: #2193b4	;
	background: -webkit-gradient(linear, left top, left bottom, from(#87e2fb), to(#37abcc));
    background: -moz-linear-gradient(top, #7fcce5, #7fcce5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e2fb', endColorstr='#37abcc');
    
}
#btnAddFolder, #btnAddReport,.titleBox #btnSearch, #btnListType, #btnViewType { border-color:#0c709b;}
#btnAddFolder:hover, #btnAddReport:hover,.titleBox #btnSearch:hover { 
        background: #2193b4;
	    background: -webkit-gradient(linear, left top, left bottom, from(#37abcc), to(#259dbf));
        background: -moz-linear-gradient(top, #7fcce5, #7fcce5);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37abcc', endColorstr='#259dbf');
}
.reportRight { background-image: url(images/bg_pic.png); background-color: rgba(255,255,255,0.33); }
.report { background-color: rgba(255,255,255,0.8); }
.reportIcon { background-image:url(images/reportIco.png);}
.optBar { background: rgba(189,196,185,0.24); }

#btnListType { background: url(images/viewMode.png) 0 0; }
#btnListType:hover { background: url(images/viewMode.png) -36px 0; }
#btnViewType { background: url(images/viewMode.png) 0 36px; }
#btnViewType:hover { background: url(images/viewMode.png) 36px 36px; }

/***********视图样式*********/
.reportView {  border-color: #4fb3d0; }
.reportView:hover { box-shadow: 0 0 5px rgba(0,0,0,0.5); border-color: #2b89b2; }
/************列表样式********/
.reportList { border-left-color:#e1e2e1; border-right-color:#f0f1f0; border-top-color:#f7f9f7;}
.reportList:hover { box-shadow: 0 0 5px rgba(0,0,0,0.3); border-color: #4fb3d0; }
.rpList .reportList:last-child { border-bottom-color:#f7f9f7; }
/*********滚动条颜色*********/
._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, ._mCS_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #056b97; }
/**************报表管理********结束*******/