﻿.head { min-height:40px; height: 54px; background: url('/images/logo-w.png') 0px 4px no-repeat #3e81b2; background-size: 209px 47px; }
.body { min-height: 600px; }
.menu { margin-top: 29px; }
.tabs { width: 100%; text-align: right; padding-top: 0.5em; padding-bottom:0.5em; margin-bottom:0.5em; }
.tabs span.pad { display: inline-block; width: 1em; }
.tabs a.btn { padding: 0.3em 1em; margin: 1px 0.3em; border-bottom: 2px solid #b1d3ec; }
    .tabs a.btn:link, .tabs a.btn:visited { text-decoration: none; color: #0066b2; }
    .tabs a.btn:active, .tabs a.btn:hover { text-decoration: none; border-bottom: 2px solid #0066b2; color: #0066b2; }
.tabs a.focus { border-bottom: 2px solid #0066b2; }
.welcome { color: #fff; font-family:KaiTi, Arial; padding:0.1em; margin:0.1em 1em; }

#divTabContent { width: 100%; display: inline-block; background-color: #b1d3ec; }
#divTabContent h2 { font-size: larger; }

p.top { width: 92%; margin: 0.2em auto; }
p.top span { color: #333; padding: 0.1em; margin: 0.1em 0.2em; }
p.top select { padding: 0.1em; margin: 0.1em 0.2em; }
p.top button { padding: 0.1em 0.4em; margin: 0.1em 0.4em; }

div.form { display: inline-block; }
div.form input[type=text], div.form input[type=password] { width: 10em; margin: 0.1em; padding: 0.2em; }
li label { display: inline-block; width:5em; color: #333; padding: 0.1em 0.5em; }
.form ul { min-width:20em; max-width:40em; text-align:left; }

table caption { font-size: larger; line-height: 2.6em; color: #fff; }
table.table thead th { font-weight:normal; color: #fff; background-color: #6caad9; }
table.table, table.form, p.form { width: 92%; margin: 0px auto; background-color: #b1d3ec; }
td.label { min-width: 5em; color: #333; text-align: center; }
table.table td { text-align:center;  }
table.table td.left { text-align: left; }
table.form td { min-height: 2em; height: 2em; text-align: left; padding-left: 1em; }
table.form input[type=text], table.form textarea { min-width: 18em; width: 90%; margin: 0.1em; padding: 0.2em; }
.form select { margin: 0.1em; padding: 0.2em; }
td a.btn { display: inline-block; padding: 0.1em; margin: 0px 0.1em; }
    td a.btn:link, td a.btn:visited { text-decoration: none; color: #0066b2; }
    td a.btn:active, td a.btn:hover { text-decoration: none; color: #ff9900; }
td .clip8 { display: inline-block; width: 9em; height: 1.2em; overflow: hidden; margin: 0px; padding: 0px; text-overflow: clip; }
td .clip8 a, td .clip8 span { text-wrap:none; margin:0px; padding:0px; }
table.list { border: 0px none; border-bottom: 1px solid #6caad9; }
table.list tr.hover span.ball { color:#fff; }
table.list th { border-color: #6caad9; }
table.list td { padding: 0.33em; border: 0px none; }
table.list td span.ball { display: inline-block; min-width:1.2em; padding: 0.1em 0.15em; border-radius: 0.8em; background-color: #6caad9; color: #b1d3ec; }
table.pid_0 { display: none; }
table.table tr.closed_true td { color:#666; }

span.star { display: inline-block; font-family: KaiTi, 'Courier New', Arial; padding: 0.1em; }
span.item { display: inline-block; width: 12em; margin: 0.1em; }
.form td label { margin-right: 0.6em; }

p.pagination { width: 100%; margin: 0px; padding: 0px; }
p.pagination a.disabled, .pagination a.disabled:link, .pagination a.disabled:visited, .pagination a.disabled:hover, .pagination a.disabled:active { color: #aaa; cursor: default; }
p.pagination span.numbers a.current { color: red; }

p.btns { line-height: 2em; margin: 0.5em; }
p.btns button { margin: 0.1em 0.4em; padding: 0.2em 0.8em; }

.summary { width:100%; height:180px; text-align:left; overflow:hidden; padding-left:10px; }
.summary .links, .summary .charts { height: 180px; display: inline-block; margin:0px; padding:0px; }
.summary .links { padding-top:0.2em; min-width:12%; }
.links ul { display: inline-block; clear: none; height: 160px; font-size: 12px; list-style-position: inside; margin-left: 0.4em; }
.links ul li:before { content: '☛'; color: #555; margin-right: 1.1em; }
.links ul li a.btn, h2.summary_head a.btn { display: inline-block; font-size: 12px; font-family: 'Microsoft YaHei UI', 'Courier New'; cursor: pointer; width: 7em; padding: 0.1em 0.2em; margin: 0.1em; margin-left: -0.6em; color: #555; }
.links ul li a.btn:link, h2.summary_head a.btn:link, .summary ul li a.btn:visited, h2.summary_head a.btn:visited { text-decoration: none; color: #555; }
.links ul li a.btn:active, h2.summary_head a.btn:active, .summary ul li a.btn:hover, h2.summary_head a.btn:hover { text-decoration: none; color: #ff9900; }
.links ul li i { font-family: 'Courier New', Arial; font-style:normal; font-size:larger; padding: 0.1em 0.2em; margin: 0.1em; }
h2.summary_head a.btn { margin-right: 6em; letter-spacing:initial; }
.charts { min-width: 80%; height: 160px; display: inline-block; padding-top: 5px; }
.charts div.chart { width: 200px; height: 150px; display:inline-block; clear:none; }

.bg100 { display: inline-block; width: 100%; height: auto; padding-bottom: 2em; background-color: #b1d3ec; }

div.fault { width: 94%; display: inline-block; height: auto; margin: 0px; padding: 0px; border-radius: 0.5em; border: 1px solid #6caad9; border-collapse: collapse; overflow: hidden; }
div.fault h3 { background-color: #6caad9; font-size: 16px; height: 2.2em; color: #333; margin: 0px; padding: 0px; border:0px none; width: 102%; }
div.fault h3 span { margin: 0.2em; padding: 0.2em 0.3em; font-size: 16px; color: #b1d3ec; }
div.fault h3 span.ball { display: inline-block; padding: 0.1em 0.2em; text-align: center; border-radius: 0.8em; min-width: 1.2em; letter-spacing: 0.01em; background-color: #b1d3ec; color: #3e81b2; }
div.fault p { width: 92%; margin: 0.3em auto; }
div.fault p.path { font-size: 12px; color: #6caad9; margin-top: 0.5em; }
div.fault p.path span { padding:0.2em; margin:0.1em 0.5em; }

.processes { padding: 0.5em; }
p.comment { margin: 0.3em 0.1em; padding: 0.2em; border-radius: 0.5em; font-family: KaiTi, 'Global Serif'; text-indent: 0px; color: black; background-color: #fff; }
p.comment span { font-style:normal; margin:0.1em 0.2em; }
p.comment em { font-style: normal; margin: 0.1em 0.2em; color: #0066b2; }
p.del { text-decoration:line-through; opacity:0.5; }
#ulImages { list-style:decimal inside; }
a.img { display: inline-block; clear: none; height: 90px; }
a.img:link, a.img:visited { text-decoration: none; }
a.img:active, a.img:hover { text-decoration: none; background-color: #6caad9; opacity:0.8; }
a.img img { max-width: 160px; max-height: 100%; min-height: 80%; }