/**
 * Ĭ������
 *
 * 
 * @font-family-sans-serif:  "stheiti stxihei", "microsoft jhenghei", "microsoft yahei", "wenquanyi micro hei", helvetica, sans-serif;
 * @font-family-serif:       georgia, "times new roman", "����", times, serif;
 * @font-family-monospace:   menlo, monaco, consolas, "courier new", monospace;
 * 
 */

/* 
    ��ɫ

    #0077c7; @primary-dark
    #4b9ce7; @primary-light
    #8dcae9; @primary-lighter
    #e4f5ff; @primary-lightest
    #374552; @alternate-dark
    #414141; @gray(6)
    #58636d; @gray(5)
    #e6e6e6; @gray(4)
    #f0f0f0; @gray(3)
    #f7f7f7; @gray(2)
    #fafafa; @gray(1)
    #fff;    @gray(0)
    #d14;    @error
    #728798; @btn-default-bg
    #eef4ff; @panel-title-bg

    #ffe2e2; @custom-lightred

*/

/**
 * ����
 */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "stheiti stxihei", "microsoft yahei", "wenquanyi micro hei", helvetica, sans-serif;
}
.cBlack,
a.cBlack:link,
a.cBlack:visited{
	color:#0078c9; text-decoration:none;
}
a.cBlack:hover{
	color:#0078c9; text-decoration:underline; 
} 
a:visited{
	color:#0078c9; text-decoration:none;
}

/**
 * ����ͼƬ
 */

/* ҳͷ���� */
.header {
    position: relative;
    /* background-color:#0078c9; */ /* @primary-lightest; */
    background:url('././head-1920.jpg'); /**Ĭ��1280*/
}

.header .logo {
    background: url('../../img/logo.png');
    background-size: 400px;
    background-repeat: no-repeat;
}

.header .header-time .year-month-day{
    background-color: #00b9df;
    color:#fff;
}

.header .header-time .hour-min-scd{
    background-color: #29333c;
    color:#fff;
}

/** ҳͷͼ��  */
.header-icon{
	float: left; 
	padding:0px 10px; 
	margin:0px 5px; 
	height: 70px; 
	text-align: center;
}

/* ҳ�� */
.footer{
/*     color: #93999c; */
/*     background-color: #343c3f; */
}

/**
 * loading ���ֲ�
 */
.loading-cover,
.loading-panel {
    position: absolute;
}

.loading-panel,
.modal.loading .main {
    background-image: url('../../img/loading.gif');
    background-repeat: no-repeat;
    background-color: #fff;    /* @gray(0) */
}

.loading-cover,
.cover {
    background:      #000;
}

.loading-panel {
    background-position: 10px 50%;
}

/* ���ض��� */
.modal.loading .main {
    background-position: 50% 50px;
}

/**
 * ͼ��
 */
.icon-1,
.icon-2,
.icon-3,
.icon-4,
.icon-5,
.icon-6,
.icon-7,
.icon-8,
.icon-9,
.icon-10,
.icon-11,
.icon-12,
.icon-13,
.icon-14,
.icon-15,
.icon-16,
.icon-17,
.icon-18,
.icon-19,
.icon-20,
.icon-21,
.icon-22,
.icon-23,
.icon-24,
.icon-25,
.icon-26,
.icon-27,
.icon-28,
.icon-29,
.icon-30,
.icon-31,
.icon-32,
.icon-33,
.icon-34,
.icon-35,
.icon-36,
.icon-37,
.icon-38,
.icon-39,
.icon-40,
.icon-41,
.icon-42,
.icon-43,
.icon-44,
.icon-45,
.icon-46,
.icon-47,
.icon-48,
.icon-49,
.icon-50,
.icon-51,
.icon-52,
.icon-53,
.icon-54, .panel-group > .panel.active > .panel-head .panel-state.icon,
.icon-55, .panel-group > .panel > .panel-head .panel-state.icon,
.icon-56,
.icon-57,
.icon-58,
.icon-59,
.icon-60,
.icon-61,
.icon-62,
.icon-63,
.icon-64,
.icon-65,
.icon-66,
.icon-67,
.icon-68,
.icon-69,
.icon-70,
.icon-71,
.icon-72,
.icon-73,
.icon-74,
.icon-75,
.icon-76,
.icon-77,
.icon-78,
.icon-79,
.icon-80,
.icon-81,
.icon-82,
.icon-83,
.icon-84,
.icon-85,
.icon-86, 
.icon-87,
.icon-88,
.icon-89,
.icon-90,
.icon-91,
.icon-92,
.icon-93,
.icon-94,
.icon-95,
.icon-96,
.icon-97,
.icon-98,
.icon-99,
.icon-100,
.icon-101,
.icon-102,
.icon-103,
.icon-104,
.icon-105,
.icon-106,
.icon-107,
.icon-108,
.icon-109,
.icon-110,
.icon-111,
.icon-112,
.icon-113,
.icon-114,
.icon-115,
.icon-116,
.icon-117,
.icon-118,
.icon-119,
.icon-120,
.icon-121,
.icon-122,
.icon-123,
.icon-124,
.icon-125,
.icon-126,
.icon-127,
.icon-128,
.icon-129,
.icon-130,
.icon-131,
.icon-132,
.icon-133,
.icon-134,
.icon-135,
.icon-136,
.icon-137,
.icon-138,
.icon-139,
.icon-140,
.icon-141,
.icon-142,
.icon-143,
.icon-144,
.icon-145,
.icon-146,
.icon-147,
.icon-148,
.icon-149,
.icon-150,
.icon-151,
.icon-152,
.icon-153,
.icon-154,
.icon-155,
.icon-156,
.icon-157,
.icon-158,
.icon-159,
.icon-160,
.icon-161,
.icon-162,
.icon-163,
.icon-164,
.icon-165,
.icon-166,
.icon-167,
.icon-168,
.icon-169,
.icon-170,
.icon-171,
.icon-172,
.icon-173,
.icon-174,
.icon-175,
.icon-176,
.icon-177,
.icon-178,
.icon-179,
.icon-180,
.icon-181,
.icon-182,
.icon-183,
.icon-184,
.icon-185,
.icon-186,
.icon-187,
.icon-188,
.icon-189,
.icon-190,
.icon-191,
.icon-192,
.icon-193,
.icon-194,
.icon-195,
.icon-196,
.icon-197,
.icon-198,
.icon-199,
.icon-200,
.icon-201,
.icon-202,
.icon-203,
.icon-204,
.icon-205,
.icon-206,
.icon-207,
.icon-208,
.icon-209,
.icon-210,
.icon-211,
.icon-212,
.icon-213,
.icon-214,
.icon-215,
.icon-216,
.icon-217,
.icon-218,
.icon-219,
.icon-220,
.icon-221,
.icon-222,
.icon-223,
.icon-224,
.icon-225,
.icon-226,
.icon-227,
.icon-228,
.icon-229,
.icon-230,
.icon-232,
.icon-233,
.icon-234,
.icon-235,
.icon-231{
    background-image: url('./sprites.png');    
},
.icon-new-199{
	background-image: url('./new.gif');    
}
.icon-index-p1{
	background-image: url('./index-p1.png');    
}
.icon-index-p2{
	background-image: url('./index-p2.png');    
}
.icon-index-p3{
	background-image: url('./index-p3.png');    
}
.icon-index-p4{
	background-image: url('./index-p4.png');    
}
.icon-index-p5{
	background-image: url('./index-p5.png');    
}
.icon-index-p6{
	background-image: url('./index-p6.png');    
}

.icon-m-1,
.icon-m-2,
.icon-m-3,
.icon-m-4,
.icon-m-5,
.icon-m-6,
.icon-m-7,
.icon-m-8,
.icon-m-9,
.icon-m-10,
.icon-m-11,
.icon-m-12,
.icon-m-13,
.icon-m-14,
.icon-m-15,
.icon-m-16,
.icon-m-17,
.icon-m-18,
.icon-m-19,
.icon-m-20,
.icon-m-21,
.icon-m-22,
.icon-m-23,
.icon-m-24, 
.icon-m-25, 
.icon-m-26, 
.icon-m-27, 
.icon-m-28, 
.icon-m-29,
.icon-m-30,
.icon-m-31,
.icon-m-32, 
.icon-m-33,
.icon-m-34,
.icon-m-35,
.icon-m-36,
.icon-m-37,
.icon-m-38,
.icon-m-39,
.icon-m-40,
.icon-m-41,
.icon-m-42,
.icon-m-43,
.icon-m-44,
.icon-m-45,
.icon-m-46,
.icon-m-47,
.icon-m-48,
.icon-m-49,
.icon-m-50,
.icon-m-51,
.icon-m-52,
.icon-m-53,
.icon-m-54 {
    background-image: url('./sprites_m.png');
}
/**
 * ��ҳ�Ŀ������ QL
 */
.icon-ql-1{
	width: 48px;
    height:48px;
 	background-image:url('./QL1.png');/** �¼����� */
}
.icon-ql-2{
	width: 48px;
    height:48px;
	background-image:url('./QL2.png');/** �Ƽ����ݱ������  */
}
.icon-ql-3{
	width: 48px;
    height:48px;
	background-image:url('./QL3.png');/** �������� */
}
.icon-ql-4{
	width: 48px;
    height:48px;
	background-image:url('./QL4.png');/** T���������� */
}
.icon-ql-5{
	width: 48px;
    height:48px;
	background-image:url('./QL5.png');/** ���ⷢ�� */
}
.icon-ql-6{
	width: 48px;
    height:48px;
	background-image:url('./QL6.png');/** ���˹������� */
}
.icon-ql-7{
	width: 48px;
    height:48px;
	background-image:url('./QL7.png');/** ָ�ɹ������� */
}
.icon-ql-8{
	width: 48px;
    height:48px;
	background-image:url('./QL8.png');/** ���� */
}
.icon-l-1,
.icon-l-2,
.icon-l-3,
.icon-l-4,
.icon-l-5,
.icon-l-6,
.icon-l-7,
.icon-l-8,
.icon-l-9,
.icon-l-10,
.icon-l-11,
.icon-l-12,
.icon-l-13,
.icon-l-14,
.icon-l-15,
.icon-l-16,
.icon-l-17,
.icon-l-18,
.icon-l-19,
.icon-l-20,
.icon-l-21,
.icon-l-22,
.icon-l-23,
.icon-l-24,
.icon-l-25,
.icon-l-26,
.icon-l-27,
.icon-l-28,
.icon-l-29,
.icon-l-30,
.icon-l-31,
.icon-l-32,
.icon-l-33,
.icon-l-34,
.icon-l-35,
.icon-l-36,
.icon-l-37,
.icon-l-38,
.icon-l-39,
.icon-l-40,
.icon-l-41,
.icon-l-42,
.icon-l-43,
.icon-l-44,
.icon-l-45,
.icon-l-46,
.icon-l-47,
.icon-l-48,
.icon-l-49,
.icon-l-50,
.icon-l-51,
.icon-l-51,
.icon-l-52,
.icon-l-53,
.icon-l-54,
.icon-l-55,
.icon-l-56,
.icon-l-57,
.icon-l-58,
.icon-l-59,
.icon-l-60,
.icon-l-61,
.icon-l-62,
.icon-l-63,
.icon-l-64,
.icon-l-65,
.icon-l-66,
.icon-l-67,
.icon-l-68,
.icon-l-69,
.icon-l-70,
.icon-l-71,
.icon-l-72 {
    background-image: url('./sprites_l.png');
}

/**
 * ��ɫ
 */

body,
input,
textarea,
select {
    color:            #414141; /* @gray(6) */
}

body {
/*    background-color: #f0f0f0;  @gray(3) */    
}

/* �Ӵָ��� */
em {
    color:            #0077c7; /* @primary-dark */
}

/* ������������ɫ */
.action-bar a {
    color:            #414141; /* @gray(6) */
}

/* ҳͷ������ɫ */
.header .right-info{
    color:            #fff; /* @gray(1) */
}

/* ҳͷ������ɫ */
.header a {
    color:            #fafafa; /* @gray(1) */
}

/* �˵���ɫ */

.menu .sub-menu-wrapper,
.menu .sub-menu-wrapper-homepage {
	/* background-color: #054084; @primary-dark */
    background: url(././menu_02.jpg) repeat-x;
	color:            #fff;    /* @gray(0) */
}

.menu .main-menu li.this {
    color:            #fff;    /* @gray(0) */
    background: url(././menu-bg.png);
}

.menu .main-menu li:hover {
    color:            #fff;    /* @gray(0) */
    background: url(././menu-bg.png);
    filter:alpha(opacity=80);
    opacity: 0.8;
}
.main-menu:hover {
    color:            #fff;    /* @gray(0) */
    background: url(././menu-bg.png);
}

/* ��ҳ�˵�������ʽ */
.menu .main-menu li.this-homepage a {
    color:            #fff;    /* @gray(0) */
}

.menu .main-menu li a {
    /* background-color: #e6e6e6; @gray(4) */
}

.menu .sub-menu > li.this > a,
.menu .sub-menu > li:hover > a  {
    background-color: #dfe4e8; /* @primary-light */
    color:            #0078c9;
    font-weight: bold;
}

.menu .sub-menu li ul {
    background-color: #dfe4e8;   
    /*No-prefix
    background: linear-gradient(top, #ffffff, #e6eaea);
    IE
    background: -ms-linear-gradient(top, #ffffff, #e6eaea);
    Mozilla:
    background: -moz-linear-gradient(top, #ffffff, #e6eaea);
    Chrome, Safari:
    background: -webkit-gradient(linear,
            left top, left bottom, from(#ffffff), to(#e6eaea));    
    MSIE
    filter: progid:DXImageTransform.Microsoft.Gradient(
            StartColorStr='#ffffff', EndColorStr='#e6eaea', GradientType=0); */
}


.menu .sub-menu li ul li a,
.menu .main-menu li a  {
    color:            #414141; /* @gray(6) */
}

.menu .main-menu li a  {
    color:            #fff; /* @gray(6) */
}

.menu .main-menu li.this a {
    color:            #fff;    /* @gray(0) */
}
/* ��ҳ�˵�������ʽ */
.menu .main-menu li.this-homepage a {
    color:            #fff;    /* @gray(0) */
}

.menu .sub-menu > li.hover > ul > .arrow {
    background-color: #0077c7; /* @primary-dark */
}

/* ��ز˵� */

.menu.collapse-menu > li > span,
.menu.collapse-menu > li > a {
    background-color: #f4f4f4; /* @btn-default-bg */;
    color:            #3e454c;    /* @gray(0) */
    border-bottom: 1px solid #cbd2d8;
}

.menu.collapse-menu > li.this > span,
.menu.collapse-menu > li.this > a  {
    background-color: #19a5fd; /* @primary-dark */
    color: #fff;
}

/* ��ض����˵� */

.menu.collapse-menu{
    border: 1px solid #cbd2d8;
    border-bottom: none;
}

.menu.collapse-menu > li > ul > li > a,
.menu.collapse-menu > li > ul > li > span {
    background-color: #fff; /* @gray(3) */
    color:            #414141; /* @gray(6) */
}
.menu.collapse-menu > li > ul > li.this > div, 
.menu.collapse-menu > li > ul > li.this > span {
    background-color: #cae9fd; /* @primary-lighter */
    color:            #0077c7; /* @primary-dark */
}

.menu.collapse-menu > li > ul > li.this > a{
    background-color: #e4f5ff; /* @primary-lightest */
    color:            #0077c7; /* @primary-dark */
}

/* ��������˵� */
.menu.collapse-menu > li > ul> li > ul > li > a,
.menu.collapse-menu > li > ul> li > ul > li > div,
.menu.collapse-menu > li > ul> li > ul > li > span {
    background-color: #fff; /*  @primary-lightest */
    color:            #728798; /* @gray(6) */
}

.menu.collapse-menu > li > ul> li > ul > li.this > a,
.menu.collapse-menu > li > ul> li > ul > li.this > div,
.menu.collapse-menu > li > ul> li > ul > li.this > span {
    background-color: #fff; /*  @primary-lightest */
    color:            #0077c7; /* @primary-dark */
}

.menu.collapse-menu > li > ul > li > ul > li.this > div > div.thisBlock{
    background-color:#0079ca;
}

/* �°��ز˵� */

.menu.collapse-menu-new > li > span,
.menu.collapse-menu-new > li > a {
    background-color: #19a5fd; /* @btn-default-bg */;
    color:            #fff;    /* @gray(0) */
/*     border: 1px solid #cbd2d8; */
}

.menu.collapse-menu-new{
    border: 1px solid #cbd2d8;
    border-bottom: none;
}

.menu.collapse-menu-new > li > ul > li > a,
.menu.collapse-menu-new > li > ul > li > span {
    background-color: #fff; /* @gray(3) */
    color:            #414141; /* @gray(6) */
}
.menu.collapse-menu-new > li > ul > li.this > div, 
.menu.collapse-menu-new > li > ul > li.this > span {
    background-color: #cae9fd; /* @primary-lighter */
    color:            #0077c7; /* @primary-dark */
}

.menu.collapse-menu-new > li > ul > li.this > a{
    background-color: #e4f5ff; /* @primary-lightest */
    color:            #0077c7; /* @primary-dark */
}

.menu.collapse-menu-new > li > ul > li > a:HOVER{
    color:            #0077c7; /* @primary-dark */
}


/**
 * �����
 */
.shortcuts-bar ul li a {
    background-color: #58636d; /* @gray(5) */
}

.shortcuts-bar ul li a:hover {
    background-color: #0077c7; /* @primary-dark */
}

/**
 * ��
 */
.ctrl input[disabled],
.ctrl input[readonly],
.ctrl textarea[disabled],
.ctrl textarea[readonly],
.ctrl select[disabled] {
    background-color: #f7f7f7; /* @gray(2) */
}

.ctrl.ctrl-date input[disabled],
.ctrl.ctrl-date input[readonly] {
    background-color: #fff;    /* @gray(0) */
}

/**
 * ������
 */
.mark {
    color:            #d14;    /* @error */
}


/**
 * ��ť
 */

.btn {
    background-color: #728798; /* @btn-default-bg */;
    color:            #fff !important; /* @gray(0) */
}

.btn.btn-primary {
    background-color: #2080FF; /* @primary-dark */
    border-radius: 4px;
}

.btn-margin-0-15 {
    margin: 0px 15px;
}

/**
 * ���
 */

table.table tbody tr {
    background-color: #f7f7f7; /* @gray(2) */
    color:            #374552; /* @alternate-dark */;
    border-bottom: 1px solid #fff;    /* @gray(0) */
}

table.panel thead tr {
    /* @primary-lighter */
    color:            #fff; /* @primary-dark */
    background-color: #3C9AFF; /* @panel-title-bg */
}

table.panel tbody tr:hover {
    background-color: #eef4ff; /* @panel-title-bg */
    color:            #0077c7; /* @primary-dark */
}

table.table_1 tbody tr {
    background-color: #fff; /* @gray(0) */
    color:            #374552; /* @alternate-dark */;
    border: 1px solid #8dcae9;    /* @primary-lighter */
}
table.table_1 thead tr {
    /* @primary-lighter */
    color:            #fff; /* @primary-dark */
    background-color: #1b8cd1; /* @panel-title-bg */
    border: 1px solid #1b8cd1;
}
table.table_1 thead th  {
    border-right: 1px solid #8dcae9;    /* @primary-lighter */
}
table.table_1 tbody td  {
    border-right: 1px solid #8dcae9;    /* @primary-lighter */
}

/**
 *  Add By Sangyp  ������ҳ������ӵ���ʽ
 */
.table-QL-hover:hover{
    cursor: pointer;
    border:1px solid #0077c7  !important; 
    color:#0077c7;
}
.table-back-hover:hover{
    background-color: #eef4ff; /* @panel-title-bg */
    color:            #0077c7; /* @primary-dark */
}

/**
 * ���Ʊ��
 */
table.table.table-striped tbody tr.odd {
    background-color: #e4f5ff; /* @primary-lightest */
    color:            #0077c7; /* @primary-dark */
}

table.table.table-striped tbody tr:nth-child(odd) {
    background-color: #e4f5ff; /* @primary-lightest */
    color:            #0077c7; /* @primary-dark */
}

table.table.table-striped tbody tr.even {
    background-color: #f0f0f0; /* @gray(3) */
    color:            #414141; /* @gray(6) */
}

table.table.table-striped tbody tr:nth-child(even) {
    background-color: #f0f0f0; /* @gray(3) */
    color:            #414141; /* @gray(6) */
}

table.table.table-striped thead tr {
    background-color: #0077c7; /* @primary-dark */
    color:            #fafafa; /* @gray(1) */
}

/**
 * �������ͷ
 */
table.table td.title {
    background-color: #f7f7f7; /* @gray(2) */
    color:            #374552; /* @alternate-dark */;
    border-right: 1px solid #fff;    /* @gray(0) */
}


/**
 * th td
 */
table.table th.cloud-th{
	border:1px solid #87c6f1;
	background-color: #dff0fc;
	color: #0f84e7;
}
table.table td.cloud-td{
   border:1px solid #87c6f1;
   background-color: #fff;
}


/**
 * ����ڲ����
 */
.panel {
    border: 1px solid #cbd2d8; /* @primary-lighter */
}

.panel .table thead tr {
    border: none;
    color:            #fff; /* @primary-dark */
    background-color: #3C9AFF; /* @panel-title-bg */
}

.panel .panel-head{
    border-bottom: 1px solid #cbd2d8; /* @primary-lighter */
    background-color: #eef2f2; /* @panel-title-bg */
}

.panel .table tbody tr {
    border: none;
    background-color: #fff;    /* @gray(0) */
    border-bottom: 1px solid #e6e6e6; /* @gray(4) */
    color:            #374552; /* @alternate-dark */
}

.panel .table td.title {
    background-color: #D7D7D7; /* @gray(4) */
    border-right: 1px solid #e6e6e6; /* @gray(4) */
    color:            #374552; /* @alternate-dark */
}

.panel .panel-head .title {
    color:            #0077c7; /* @primary-dark */
}

.panel .panel-head .action-bar li a,
.section .section-head .action-bar li a{
   color: #58636d !important;
}

.panel .panel-head .action-bar li a.this,
.section .section-head .action-bar li a.this{
   color: #0077c7 !important;
   font-weight: bold !important;
}

.panel .panel-head .action-bar li a:hover,
.section .section-head .action-bar li a:hover{
   color: #0077c7 !important;
}


.menu-collection-new .top .pic{ 
    background-color:#0077c7; /* @primary-dark */
}

.menu-collection-new .top .title{ 
    color:            #414141; /* @gray(6) */
 } 
.menu-collection .menu-item a {
    color:            #0077c7; @primary-dark
}

.menu-collection-new .menu-item a {
    color:            #414141; /* @gray(6) */; @primary-dark
}
/* .menu-collection-new .menu-item a:hover {
    color:            #0077c7; @gray(6); @primary-dark
} */
.menu-collection-new .menu-item > div{
	color:            #414141; /* @gray(6) */
}
.menu-collection-new .menu-item .per:hover{
    border:1px solid #0077c7 !important;  /* @primary-dark */
    color:            #0077c7 ; /* @primary-dark */
}

.menu-collection.horizontal .menu-item a {
    background-color: #fafafa; /* @gray(1) */
    text-decoration: none;
}


/**
 * ģʽ�Ի���
 */

.modal .head {
    background:       #0077c7; /* @primary-dark */
    color:            #fff;    /* @gray(0) */
}

.modal .main {
    background-color: #fff;    /* @gray(0) */
}


/**
 * ��ǩҳ
 */
.tabs .tab-titles {
    border-bottom: 1px solid #3C9AFF; /* @gray(4) */
    color:            #414141; /* @gray(6) */
}
.tabs .tab-titles > li a {
    color:            #0077c7; /* @gray(6) */
    border: 1px solid #e6e6e6; /* @gray(4) */
    border-bottom: none;
    background-color: #d4edff; 
    
}
.tabs .tab-titles > li a:hover {
    text-decoration: none;
    color:#414141;
    background-color: #f5f6f6; 
}
.tabs .tab-titles > li.this a {
    border: 1px solid #3C9AFF;
    border-bottom:none;
    background-color:#3C9AFF;
    color: #fff;
}

.tabs .tab-titles > li.disabled a {
    color:            #e6e6e6; /* @gray(4) */
}

.tabs .tab-titles > li.disabled a:hover {
    background: transparent;
}

/**
 * css sprites
 */

.icon.icon-dark {
    background-color: #f0f0f0; /* @gray(3) */
}

/**
 * ��Ϣ
 */
.message.message-info {
    color:            #414141; /* @gray(6) */
}

.message.message-error {
    color:            #d14;    /* @error */
}

/**
 * ����
 */
pre.code {
    background:       #fafafa; /* @gray(1) */
}

/**
 * �б�
 */
dl dd {
    color:             #58636d; /* @gray(5) */
}

dl.dotted-divided dd {
    border-bottom-color: #e6e6e6; /* @gray(4) */
}

/**
 * �����
 */
.panel-group .panel .panel-head dl dt {
    color:             #0077c7; /* @primary-dark */
}

/**
 * �Զ�����ɫ
 */
.custom-bg-lightred {
    background-color: #ffe2e2 !important; /* @custom-lightred */
}

.custom-color-lightred {
    color:            #ffe2e2 !important; /* @custom-lightred */
}

.bg-primary-light {
    background-color: #0077c7; /* @primary-dark */
}

.color-gray-1 {
    color:            #fafafa; /* @gray(1) */
}
.pagination-bar a:hover{
    color:#0077c7;
}

/* ��ѯ���� */
.ctrl-group .labelbg {
    background: url('./text_bg150.png');
    background-position: right;
    background-repeat: no-repeat;
}

/* ��ع���������ɫ */
.metro-panel:hover {
	float:left;
    border:1px solid #0078c9; 
}
.metro-panel .title a {
	color:#0078c9;	
}
.metro-panel .title a:hover {
    color:#0078c9;  
    text-decoration: underline;
}

/**
 * ��ط�������
 */
.monitor-box .pic {
    background-color: #0078c9;    
}
.monitor-box .content a {
    color: #414141;
}
.monitor-box .content a:hover {
    color: #414141;
    text-decoration: underline;
}
/**
 * myalert,myconfirm ͷ����ʽ
 * ����ҳ������ͷ����ʽ
 */
.alertFram .alert-title,
.confirmFram .confirm-title,
.errormsg-title{
	background:#0077c7;
}
/**
 * myalert,myconfirm ��ʽ��͸���ȱ�������
 */
.shield{
	background-color:#000000;
	background-color:rgba(0,0,0,.5); /** ��͸���ȼ���chrome */
	filter: alpha(opacity=50);       /** ��͸���ȼ���ie */
	-moz-opacity:0.5;             	 /** ���ݻ�� */
}


/**
 * ��ҳ
 */
.page ul  a,
a.redirectA { 
    border: 1px solid #d8dada;
    background-color: #fff !important;     /*@gray(0)*/
    color: #0077c7 !important;             /* @primary-dark*/
    
}
 
.page ul a.this ,
a.redirectA.this{ 
    border: 1px solid #4193FF;    /*@primary-dark*/
    color: #fff !important;                 /*@gray(0)*/
    background-color: #4193FF !important;  /*@primary-dark*/
    
}
 
.page ul a:hover ,
a.redirectA:hover{ 
    border: 1px solid #4193FF;    /*@primary-dark*/
    color: #fff !important;                 /*@gray(0)*/
    background-color: #4193FF !important;  /*@primary-dark*/
    
}
.condition {
    border: 1px solid #cbd2d8; /* @primary-lighter */
}
.top{
	border-bottom: 1px solid #cbd2d8; /* @primary-lighter */
	background-color: #eef2f2; /* @panel-title-bg */
}

::-moz-placeholder {
    color: #999;opacity:1;
}

input:-ms-input-placeholder{
    color: #999 !important;opacity:1;
}

input::-webkit-input-placeholder{
    color: #999;opacity:1;
}