﻿/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}
p,span,a {font-family: 微软雅黑;}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* Footer */

#footer {padding: 10px 0;}
#footer a {
	color: #579;
	text-decoration: none;
}
#footer .right, #footer .right a {
	color: #999;
	text-decoration: none;
}
#footer .text-separator {
	padding: 0 3px;
	color: #BBB;
}
#footer a:hover {color: #000;}

/* Floats */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}
.center {
    text-align:center;
}
.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}

/*****************************************************************************************/
/*页面布局*/
/*****************************************************************************************/
html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
}

html {
    _height: auto;
    _padding: 0px 0 0px;
}

.g-hd,.g-hd-rev,.g-hd-login,.g-sd,.g-mn,.g-ft,.g-body,.g-body-rev,.g-body-crt,.g-navi,.g-sd-map,.g-mn-map{position:absolute;left:0;}
.g-hd,.g-hd-rev,.g-hd-login,.g-ft,.g-navi{width:100%;}
.g-body {width:100%;_margin-top:130px;top:130px;bottom:50px;}
.g-body-crt {width:100%;_margin-top:30px;top:30px;bottom:50px;}
.g-body-rev {width:100%;_margin-top:30px;top:50px;bottom:50px;}
.g-ow,.g-sd,.g-mn,.g-sd-map,.g-mn-map{top:0px;bottom:50px;height:100%;overflow:hidden;background-color: lightgray;}
.g-hd{top:0;height:130px;/*background-image:url(../Content/Images/Header.png);background-repeat:repeat-x;*/}
.g-navi{top:30px;height:100px;background-image:url(../Content/Images/navi/bg.png);background-repeat:repeat;border-top:1px solid #555;}
.g-hd-login{top:0;height:30px;}
.g-hd-rev{top:0;height:50px;}
.g-sd{width:50%;}

.g-mn{_position:relative;left:50%;right:0;_top:0;_left:0;}
.g-sd-map{width:80%;border:1px solid gray;}
.g-mn-map{_position:relative;left:80%;right:0;_top:0;_left:0;border:1px solid gray;background-color:white;}
.g-ft {
    bottom: 0;
    height: 50px;
    /*background-color: lightgray;*/
    color: white;
    /*background-image: url(../Content/Images/Footer.png);
    background-repeat: repeat-x;*/
    background-color:#303030;
}

.g-config-sd,.g-config-mn,.g-register{ position:absolute;left:0; top:0px;bottom:50px;height:100%;overflow:auto;}
.g-register{left:0px;right:0;border:1px groove darkgray;}
.g-config-sd{width:200px;border:1px groove darkgray;}
.g-config-mn{_position:relative;left:200px;right:0;_top:0;_left:0;_margin-left:200px;border:1px groove darkgray;}
.g-config-sd{background-color:lightgray;font-size:16px;padding:0px;}
.g-config-mn{background-color:white;}
.g-hd-top {background-color:#303030;color:white;height:30px;line-height:30px; border-top:1px solid #ddd;}
.g-hd-rev-top {background-color:#404040;color:#eee;height:100%;border-top:1px solid #ddd;}
.hd_top_time{float:left; left:0px;text-align:left;vertical-align:central;padding-left:5px;padding-top:0px;font-size:12px;}
.hd_top_weather{float:left; left:150px;text-align:left;margin-left:20px;margin-top:-5px;color:#ddd;}
.hd_top_user {float:right; text-align:right;padding-top:0px;padding-right:5px;margin-right:0px; font-size:9pt;color:#ddd;}

.g-sd-up, .g-sd-down {
    width: 100%;
    overflow:hidden;
    left: 0;
    height: 50%;
}

.g-sd_down {
    height:50%;
    _position: relative;
    _top: 50%;
    _margin-top: 50%;
}

.g-mn-up, .g-mn-down {
    overflow:hidden;
}

.g-map-up, .g-map-down,.g-map-all {
    overflow:hidden;
}

.g-mn-up {
    top: 0;
    height: 50%;
}

.g-mn-down {
    height:50%;
    _position: relative;
    _top: 50%;
    _margin-top: 50%;
}

.g-map-up {
    top: 0;
    height: 50%;
}

.g-map-all
{
    top:0;
    height:100%;
}

.g-map-down {
    height:50%;
    _position: relative;
    _top: 50%;
    _margin-top: 50%;
}

.clsMenuPanel{display: none; width: 600px; height: 400px; overflow: hidden;position: absolute; z-index: 1002; border: 0px; top: 100px;}
.clsMenuFrame{border:0px;width:600px; height:400px;}

/*****************************************************************************************/
/*导航栏风格1*/
/*****************************************************************************************/
ul.tabbed li {
    list-style: none;
}

ul.tabbed {
    display: inline;
    margin: 0;
}

    ul.tabbed li {
        float: left;
        margin-top:6px;
    }

#dvLogo{float:left;}

#main-nav {
    float: right;
    margin-right: 20px;
}

#main-nav a {
    line-height:0px;
    display:block;
    color: #ddd;
    padding: 9px 8px 9px 8px;
}
/*#main-nav li {
    background: url('/Content/themes/base/images/navigation-separator.gif') no-repeat left center;
}*/

    #main-nav li:first-child {
        background: none;
    }

    /*#main-nav li.current-tab a {
        background: url('/Content/themes/base/images/navigation-arrow.gif') no-repeat center bottom;
    }*/

#main-nav li.current-tab a, #main-nav a:hover {
    color:#fff;
    font-size:18px;
    font-weight:bold;
    /*border:1px dotted #bbb;*/
    /*filter:shadow(color=#f00,direction=135);*/
}

.naviText{
    display:block;
    font-size:14px;
    margin-top:15px;
    margin-left:0px;
    text-align:center;
}

.naviImage{
    width:48px;
    height:48px;
    margin-top:5px;
}

/*****************************************************************************************/
/*导航栏风格2*/
/*****************************************************************************************/
#dvNavi2{width:700px;height:80px;margin:0 auto;float:right;margin-top:-25px;}
#dvNavi2 a{float:left;width:50px;display:block;height:90px;font-weight:bold;}
#dvNavi2 #dvNavi2Item{width:600px;height:80px;overflow:hidden;float:left}
ul.navi2{margin:0;padding:0;list-style:none;width:3000px}/*width/85为可允许的按钮数*/
ul.navi2 li{margin:0;padding:0;width:80px;height:80px;display:block;float:left;margin-right:5px;}
ul.navi2 li.current-tab a {background: url('~/Content/themes/base/images/navigation-arrow.gif') no-repeat center bottom;}
ul.navi2 li.current-tab a, ul.navi2 li a:hover {color:#fff;font-size:18px;font-weight:bold;}
.naviText2{
    width:100px;
    display:block;
    font-size:14px;
    margin-top:0px;
    margin-left:0px;
    text-align:center;
}

.naviImage2{
    width:48px;
    height:48px;
    margin-top:10px;
    margin-left:26px;
}
/*****************************************************************************************/
/*表格数据显示*/
/*****************************************************************************************/
.common-table-container
{
	width: 100%;
    overflow-y:scroll; 
    overflow-x:hidden;
    /*background-color:ButtonFace;*/
}
.common-table {
    font-size: 12px;
    font-family: 微软雅黑, Helvetica, Arial, sans-serif;
    border-collapse: collapse;
    color: #474747;
    width: 100%;
    table-layout: fixed;
}

.td-left
{
	text-align: left;
	padding: 0 0 0 5px;
}

.td-right
{
	text-align: right;
	padding: 0 5px 0 0;
}

.common-table td, .common-table th
{
	border: 1px solid #C0D1E3;
	height: 22px;
	line-height: 14px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    word-break:break-all;
    word-wrap:break-word;
}
.common-table th
{
	border-top: 0px;
}

.redColor
{
	color: #C91D1D;
	font-weight: bold;
}

.common-table thead tr th, .common-table tfoot tr td {
    background: #eee;
    color: #02528f;
    font-weight: bold;
    /*background: #F6F6F6; background: url(/Images/bgbb.jpg) repeat-x;*/
    border: 1px solid #DBDBDD;
    background-color: rgba(200, 200, 240, 0.4);
}
.common-table-odd-backgroundColor
{
	background: #fff;
}

.common-table-even-backgroundColor
{
	background: #F7F5F6;
}

.common-table-tr-hover
{
	background-color: #D5E7F3;
	cursor: pointer;
}
.common-table-tr-hover-default
{
	background-color: #D5E7F3;
	cursor: default;
}

.common-table-tr-selected
{
	background: #7EC7E7;
	color: #fff;
}

.common-table tbody tr td:hover
{
	/*background-color: #eee;
	cursor: default;*/
}

.common-table tbody tr td {
    height: 26px;
    line-height: 26px;

    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.common-table tbody tr td input
{
    border-bottom:1px solid #aaa;
}

.common-table tbody tr td a
{
    color:darkblue;
    text-decoration:underline;
}

/*.common-table tbody tr:nth-child(even) td
{
    background-color:#f9f9f9;
}

.common-table tbody tr:nth-child(odd) td
{
    background-color: #FFF;
}*/
/*****************************************************************************************/
/*分页显示风格*/
/*****************************************************************************************/
.pagging {
    height: 26px;
    padding: 2px;
    line-height: 26px;
    color: #949494;
    background-color: #fff;
}
.pagging a{ height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:2px;margin-top:2px;line-height:20px;  }
/*.pagging a{ background:url(/content/themes/base/admin/images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:2px;  }*/
.pagging a:hover { border-color:#8c3521; background:#ba4c32; color:#fff; }
.pagging span{ float:left; margin-left:2px; padding-top:2px; }
.thepage {background-color:red;color:white;}

.tblTextbox {
    margin:0px;
}

.textBox {
    border:0px;
    width:90%;
    height:90%;
}

.limenu {
    border-top:2px solid blue;
    border-bottom:0px solid gray;
    background-color:#BBB;
    height:30px;
    vertical-align:central;
    text-align:left;
    padding:0px;
    margin:0px;
    font-size:16px;
    padding-top:10px;
    padding-left:20px;
}

.dlgOwnerDetail {
    display:none;
    position:absolute;

    width:1000px;
    height:100%;
}

.clsDlg {
    /*background-color:lightgray;*/
    width:100%;
    height:100%;
}

.pageloading_bg{ background:none repeat scroll 0 0 #fff; display:none; height: 100%; left:0; opacity:0.4; position:absolute; top:0; width:100%; z-index:99999; }
#pageloading{ display:none; font-weight:bold; height:50px; left:50%; line-height:25px; margin-left:-74px; margin-top: -14px; padding:10px 10px 10px 50px; position:absolute; text-align:left; top:50%;width:300px; z-index:100000; background:url('images/loading.gif') no-repeat scroll 12px center #FFFFFF; border:2px solid #86A5AD; }

.w100 {width:100px;}
.w200{width:200px;}

/* jquery datepicker
----------------------------------------------------------*/
.ui-datepicker select.ui-datepicker-year {
    width: 40%;
    float: left;
    margin-top: 2px;
    margin-left:8%;
    border-radius:3px 4px;
}

.ui-datepicker select.ui-datepicker-month {
    width: 40%;
    float: right;
    margin-top: 2px;
    margin-right: 8%;
    border-radius: 3px 4px;
}


.clsFooter{
    line-height:50px; 
    text-align:center; 
    height: 100%; 
    font-size:14px;
}

/*****************************************************************************************/
/*手机风格显示*/
/*****************************************************************************************/
.g-hd-top-mobile {padding-top:8px;background-color:#303030;color:white;height:42px;}
.g-navi-mobile{top:50px;height:80px;background-image:url(../Content/Images/navi/bg.png);background-repeat:repeat;}
.hd_top_weather-mobile{top:30px; left:0px;text-align:left;position:absolute;color:#ddd;}
.webTitle-mobile {position:relative;font-size:16px;top: 20px;left: 10px;width:90px;text-wrap:normal;color:white;}
.dvNaviButton-mobile{width:80px;overflow-x:hidden;overflow-y:scroll;height:100%;margin-top: 0px;background-color:maroon; }
.naviImage-mobile{width:32px;height:32px;margin-top:5px;}
#dvSwitch {z-index:10;display:none;position:absolute;right:60px;top:10px;}


/*****************************************************************************************/
/*IPAD风格显示*/
/*****************************************************************************************/
.g-navi-ipad{top:30px;height:80px;background-image:url(../Content/Images/navi/bg.png);background-repeat:repeat;}
.dvNaviButton-ipad{
    width:100px;overflow-x:hidden;overflow-y:scroll;height:98%;margin-top: 0px;background-color:maroon;
    scrollbar-face-color:gold;                  /*滚动条滑块颜色*/   
    scrollbar-shadow-color:maroon;                    /*滚动条3D界面的暗边颜色*/   
    scrollbar-3dlight-color:yellow;               /*滚动条亮边框颜色*/   
    scrollbar-arrow-color:gold;                 /*箭头颜色*/   
    scrollbar-track-color:maroon;                 /*滚动条底色*/   
    scrollbar-darkshadow-color:purple;                /*滚动条暗边框颜色*/   
}



