/* Beijing BitAnswer Co., Ltd. Copyright 2009 - ?. All rights reserved. */

body {
    font-size: 12px;
    line-height: 1.6;
    color: #333333;
    background: #FFF;
}

#container{
    width: 1046px;
    margin: 0 auto;
}

#head {
    background: #3B5998;
    color: #D8DFEA;
    padding-top: 4px;
    border-bottom: 1px solid #133783;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.52);
    width: 100%;
    clear: both;
}
#head_content {
    margin: 0 auto;
    width: 1042px;
}

#main {
    clear: both;
    width: 100%;
    border-right: solid 1px #D2D9E7;
}

#navi {
    width: 150px;
    float: left;
}

#content {
    float: left;
    width: 894px;
    min-height: 800px;
    border-left: solid 1px #D2D9E7;
    overflow: hidden;
}
#content_top {}
#content_middle {
    margin: 10px;
    min-height: 600px;
    overflow: hidden;
    zoom: 1;
}
#content_bottom {}

#footer {
    clear: both;
    width: 100%;
    height: 30px;
    margin: 0 auto;
}

#copyright {
    background: #F5F7FA;
    border-top: 1px solid #D2D9E7;
    color: #808080;
    font-size: 12px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
}

/* ----------------------------------- *\
            Common Components
\* ----------------------------------- */

p, blockquote, ul, ol {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.6em;
}

p {
    margin-left: 20px;
}
div.p {
    margin: 10px 0;
    line-height: 1.6em;
}
div.formline {
    margin-bottom: 18px;
}

ul, ol {
    list-style-position: outside;
}

select {
    border: 1px solid #abc;
}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea {
    border:1px solid #abc;
    outline:medium none;
    padding:1px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus {
    outline:medium none;
    box-shadow:0 0 5px rgba(82, 168, 236, 0.5);
    -webkit-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);
    -moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);
    border:1px solid rgba(121, 187, 238, 0.75) !important;
    border:1px solid #BBDAFD\9;
}
input[type="checkbox"], input[type="radio"] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
input[type="radio"] {
    bottom: 0;
}
input.readonly, textarea.readonly {
    border: 1px solid #CCC; background: #E3E5E7;
}
input[readonly="readonly"], textarea[readonly="readonly"]{
    border: 1px solid #CCC; background: #E3E5E7;
}
select.nt1, input.nt1, textarea.nt1 {
    padding: 2px;
    border: 1px solid #E2E9EF;
    border-top: 1px solid #CBD3E2;
}
input.nt1 {
    height: 25px;
}
input.file {
    padding: 3px 5px;
}
input.sn {
    font-family: Arial;
    text-align: left;
    text-transform: uppercase;
}

input.fat {padding: 2px;}
input.deflen {width: 120px;}
.pad-3, input.pad-3 {padding: 3px;}
.pad-4 {padding: 4px;}
.some_selected {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

h1 {
    font:normal 22px "微软雅黑",Arial,verdana;
    margin:0.5em 0 1em 0;
    text-shadow:1px 1px 3px rgba(50, 50, 50, 0.3);
}

h2, h3 {
    color: #074D8F;
    margin-top: 10px;
    margin-bottom: 10px;
}

h1 { font-size: 16px; color: #1C2A47; }
h2 { font-size: 107%; }
h3 { font-size: 100%; }
h4 {
    font-size:100%;
    border-bottom:1px solid #CCCCCC;
    margin:0 0 1em;
}

/* a */
a {
    text-decoration: none;
    color: #074D8F;
    cursor: pointer;
}
a:hover {
    text-decoration: none;
    color: #074D8F;
    cursor: pointer;
}
a.ul {text-decoration: underline;}
a.ul:hover {text-decoration: underline;}

a.data {
    text-decoration: none;
    color: #074D8F;
    cursor: pointer;
}

.leftText {text-align: left;}
.rightText {text-align: right;}
.centerText {text-align: center;}

table a:hover {
    text-decoration: underline;
    cursor: pointer;
}

a.graylink {color: #BBBBBB;}

/* Label */
label {
    display: inline-block;
    width: 70px;
    padding-right: 1em;
    text-align: right;
}
label.top {
    vertical-align: top;
}
label.forradio{
    display: inline;
    text-align: left;
    width: auto;
}

.leftText {text-align: left;}
.rightText {text-align: right;}

/* Table */
table {
    border-collapse:collapse;
}

table.fixed {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
}

table.nowrap {
    width: 100%;
    table-layout: fixed;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.full {
    width: 100%;
}

table.oneline {
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.simple {
    width: 100%;
    border-bottom: 1px solid #CED5E5;
}

table tr {line-height: 1.6;}

table.simple tr {line-height: 1.8;}
table.simple th {
    background: none;
    border: none;
    border-bottom: 1px solid #CED5E5;
    color: #333;
    text-align: center;
    font-weight: bold;
}
table.simple th.leftText, table.simple td.leftText {
    text-align: left;
    padding-left: 6px;
}
table.simple th.rightText, table.simple td.rightText {
    text-align: right;
    padding-right: 6px;
}

table.simple td {
    color: #333333;
    border: none;
    text-align: center;
    padding: 8px 5px;
    border-bottom: solid 1px #CED5E5;
}

table.simple td.onleft {text-align: left;}
table.simple td.onright {text-align: right;}

thead th {
    font-weight: normal;
    color: #333;
    text-align: center;
    background-color: #EDF2F6;
    padding: 8px 5px;
    border: 1px solid #CED5E7;
}
table.v2 thead th {
    border: none;
    border-top: 1px solid #CED5E7;
    border-bottom: 1px solid #CED5E7;
    padding: 8px 5px;
    font-weight: normal;
    text-align: left;
}
table.v2 thead th.number, table.v2 thead th.date {
    text-align: right;
}
table.v2 thead th.center {text-align: center;}
thead th.null {background: none;}
table.v2 thead th.indicator, thead th.indicator {
    width: 2px;
    padding-left: 0;
    padding-right: 0;
}

.w1, th.w1, th.col_status {width: 18px;}
.w2, th.w2 {width: 36px;}
.w3, th.w3, th.col_op2 {width: 54px;}
.w4, th.w4 {width: 72px;}
.w5, th.w5 {width: 90px;}
.w6, th.w6 {width: 108px;}
.w7, th.w7 {width: 126px;}
.w8, th.w8, th.col_fdate, th.col_op5 {width: 144px;}
.w9, th.w9 {width: 162px;}
.w10, th.w10 {width: 180px;}
.w11, th.w11 {width: 198px;}
.w12, th.w12 {width: 216px;}
.w13, th.w13 {width: 234px;}
.w14, th.w14 {width: 252px;}
.w15, th.w15 {width: 270px;}

th.col_id {width: 45px;}
th.col_sn {width: 150px;}
th.col_op {width: 28px;}
th.col_pad3 {padding-left: 3px; padding-right: 3px;}

/* TD */
tbody th {
    font-weight: normal;
    text-align: left;
    background-color: #E9EEF2;
    color: #333;
    padding: 8px 5px;
    border: 1px solid #D2D9E7;
}

table.hover tbody tr.hover td {
    background: #F3F5F8;
}

tbody tr {
    background: #FAFCFE;
}
tbody tr.disabled {
    background: #F5D8F7;
}
tbody tr.deleted {
    background: #F5D7D9;
}
tbody tr.slt {
    background-color: #F3F3F3;
}
tbody tr.alt {
    background: #F7F9FB;
    color: #847A6D;
}
tbody tr.white {
    background: #FFF;
}

tbody tr.edit_popup, div.edit_popup {
    background: #FAFAD2;
}

table.v2 tr.hl {
    border-left: solid 2px #4D90F0;
}

.none tr {background: none;}
.none td, td.none {
    color: #000;
    border: none;
}

tbody td {
    color: #333;
    padding: 8px 5px;
    border: 1px solid #D2D9E7;
    overflow: hidden;
}

table.v2 tbody td {
    border: none;
    border-bottom: 1px solid #D2D9E7;
    padding: 8px 5px;
}

tbody td.noborder {
    border: none;
    background: none;
}

tbody td.blank, table.blank td {
    color: #333;
    border: none;
    background: #F3F5F6;
}

tr.blocked a.sn, td.blocked span.highlight, span.status-disabled{
    color: #FE5C57;
}
tr.denied a.sn, td.denied span.highlight, span.status-denied{
    color: orange;
}
tbody td.slt {background: #BBDAFD;}

tbody td.icon {
    text-align: center;
    vertical-align: middle;
    padding: 0;
}

tbody td.links {
    text-align: center;
    background: #F2F5F7;
}
tbody td.hl {background-color: #4D90F0;}

tbody td.product {color: #88CCDD;}
tbody td.template {color: #2345DD;}
tbody td.sn {color: #BB3244;}
tbody td.user {background-color: #E5ECF9; color: #BB3244}

td.free {}
td.free a, span.free {color: #17A325;}

.table-ext {
    border-left: 1px solid #D2D9E7;
    border-right: 1px solid #D2D9E7;
    border-bottom: 1px solid #D2D9E7;
    padding: 10px 20px;
}
.row .table-ext {
    border-left: none;
    border-right: none;
}

div.table_navi {clear: both;}
div.navi {
    font-size: 100%;
    margin-bottom: 12px;
    margin-top: 8px;
}
div.navi a, div.navi span {
    margin-left: 3px;
    margin-right: 3px;
}
div.navi a.unact {
    color: #D2D2D2;
}
div.navi a.unact:hover {
    color: #074D8F;
}
div.navi span.naviblock {
    margin-left: 0;
    margin-right: 16px;
}
div.navi .hl {
    background: #abcdef;
    font-weight: bold;
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 2px;
    padding-right: 2px;
}
div.navi .hl2 {
    color: #333;
}
span.pageitems {margin-right: 5px;}
.info-icon {
    color: #4bbcc5;
    font-size: 14px;
    cursor: help;
}
.default-icon {
    color: #3b5998;
}

.sort i {
    margin-left: 3px;
    color: #074daf;
}
.current-sort a {
    font-weight: bold;
}

/* Form */
form {
    padding-top: 10px;
    padding-bottom: 10px;
}
form.empty {padding:0}
form.nt1, div.nt1 {
    background-color: #F5F7FA;
    margin-top: 10px;
    padding: 20px 10px;
}
form.nt1 div.formline {
    margin-bottom: 16px;
}
form.nt1 label {
    width: 120px;
}

/* ----------------------------------- *\
            Specific Classes
\* ----------------------------------- */

/* Tab bar */
#tab {
    width: 100%;
    position: relative;
}

.tab-box {
    border-bottom:1px solid #a4c4dc;
    border-left:1px solid #a4c4dc;
    border-right:1px solid #a4c4dc;
    padding: 10px;
}

#tab p {
    border-bottom:1px solid #a4c4dc;
    bottom:0;
    font-size:1px;
    height:1px;
    left:0;
    position:absolute;
    width:100%;
    margin: 0;
    z-index:5;
}

#tab span.none {
    display: inline-block;
    border: none;
    background: none;
    font-weight: bold;
    height: 18px;
    padding: 0 5px;
    vertical-align: middle;
}

#tab a {
    background-color: #E9EEF2;
    display: inline-block;
    height: 18px;
    margin: 0 2px;
    padding: 8px 15px 4px;
    line-height: 100%;
    border: 1px solid #E2E5E9;
    border-bottom: none;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
    position: relative;
    color: #3b5998;
}

#tab a:hover {
    background-color: #d9e1ec;
    border: 1px solid #CED5E5;
    border-bottom: none;
}

#tab a.active, #tab a.active:hover {
    z-index: 10;
    border: 1px solid #A4C4DC;
    border-bottom-color: #FFF;
    background: none;
}

#tab a i {
    margin-right: 6px;
}
#tab a.active i {color: #dd4b39;}

/* Form */
form {
    padding-top: 10px;
    padding-bottom: 10px;
}
form.empty {padding:0}

/* ----------------------------------- *\
            Specific Classes
\* ----------------------------------- */

/* Tab bar */
#tab {
    width: 100%;
    position: relative;
}

#tabContainer {
    border-bottom:1px solid #a4c4dc;
    border-left:1px solid #a4c4dc;
    border-right:1px solid #a4c4dc;
    padding: 10px;
}

#tab p {
    border-bottom:1px solid #a4c4dc;
    bottom:0;
    font-size:1px;
    height:1px;
    left:0;
    position:absolute;
    width:100%;
    margin: 0;
    z-index:5;
}

#tab span.none {
    display: inline-block;
    border: none;
    background: none;
    font-weight: bold;
    height: 18px;
    padding: 0 3px;
    vertical-align: middle;
}

#tab a {
    background:none repeat scroll 0 0 transparent;
    background-color: #F5F5F5;
    color: #555;
    display: inline-block;
    height: 18px;
    margin: 0 2px;
    padding: 6px 12px 2px;
    line-height: 100%;
    border-top: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
    text-align: center;
    font-size: 13px;
    vertical-align: middle;
    position: relative;
}

#tab a:hover {
    background-color: #F1F1F1;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
}

#tab a.active {
    z-index: 10;
    border: 1px solid #A4C4DC;
    border-bottom: 1px solid #FFF;
    background: none;
}

#tab a.control {color: #a91997;}
#tab a.feature {color: #2354f5;}
#tab a.data {color: #17a325;}
#tab a.role {color: #333;}

/* Boxes */
div.box1_boader {
    background-color: #ffffff;
    border: 1px solid #c3d9ff;
}

.box1_inner {
    background: #e8eefa none repeat scroll 0 0;
    margin: 3px;
    padding: 10px;
}

/* ----- Navibar ----- */
#navibody ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
}

#navibody li {
    margin-bottom: 1px;
    padding: 5px 0;
}

#navibody li li {
    margin: 0;
    padding: 0;
    text-align: left;
}

#navibody li h2 {
    margin: 10px;
    padding: 5px;
    text-align: left;
    border-bottom: 1px dotted #D2D9E7;
    font-size: 100%;
    color: #999;
    background-repeat: no-repeat;
    background-position: 15px 5px;
}

#navibody li p {
    margin: 0;
    line-height: normal;
    color: #333;
}

/* Logo */
#logo {
    float: left;
    width: 140px;
    height: 52px;
    text-align: center;
}

/* headmanu */
#headmanu {
    margin: 24px 0 0;
    padding: 4px 5px;
    height: 20px;
    float: right;
    text-align: center;
}

#headmanu a, #headmanu span {
    display: inline-block;
    padding: 3px 3px;
    color: #D8DFEA;
}
#headmanu a:hover {
    color: #FFF;
}
#headmanu span.separator {
    padding-left: 0;
    padding-right: 0;
    color: #D8DFEA;
}

/* ----------------------------------- *\
               Navi Column
\* ----------------------------------- */

#navitop {
}

#navibody {
    padding-top: 6px;
}

#navibottom {
    font-size:0;
    height:10px;
    line-height:0;
}

#navibody .mouseover {
    background-color: #EFF2F7;
}

#navibody .selected {
    background-color: #D8DFEA;
    font-weight: bold;
}

#navibody li a {
    display: block;
    height: 28px;
    line-height: 28px;
    padding-left: 15px;
    color: #555;
}
#navibody li a:hover {color: #333;}

/* ----------------------------------- *\
              Drop Down Manu
\* ----------------------------------- */
.glist, .module {
    display: inline-block;
    position: relative;
}

.gbtn {
    display: inline-block;
    padding: 3px 8px;
    color: #000;
    border: solid 1px #BBB;
    border-color: #CCCCCC #BBBBBB #A0A0A0;
    cursor: default;
    text-align: center;
    vertical-align: middle;
    outline: medium none;
    white-space: nowrap;
    background: #F0F0F0;
    background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3);
    background: -webkit-gradient(linear, 0 40%, 0 70%, from(#F9F9F9), to(#E3E3E3));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#E3E3E3');
    /* Disable text selection (Firefox/Webkit only)*/
    -moz-user-select: none;
    -webkit-user-select: none;
}

/* IE ONLY STYLE */
.gbtn {
    _display: block;
    _float: left;
    _cursor: pointer;
}

.gbtn:active {
    border-color: #444 !important;
    background: #C0C0C0;
    background: -moz-linear-gradient(center top, #EEE, #F9F9F9);
    background: -webkit-gradient(linear, 0 40%, 0 70%, from(#EEE), to(#F9F9F9));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#F9F9F9');
}
.gbtn:hover, .gbtn:focus, .gbtn_ie {
    border-color: #444 !important;
    border-color: #939393;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.gbtn img, .gbtn span {
    vertical-align: middle;
    display: inline-block;
}
.gbtn img {
    _margin: 1px 0;
}
.gbtn span {
    line-height: 1.2;
    margin-left: 4px;
}
.gbtn small {
    margin-left: 3px;
    display: inline;
}

.glpad {
    margin-right:0 !important;
}
.grpad {
    border-left-width: 0;
    margin-left:0 !important;
}
.grpad:hover, .grpad:focus {
    border-left-width: 1px;
    padding-left: 7px;
}

div.gactive {
    background: #999999;
    background: -moz-linear-gradient(center top , #777, #999);
    background: -webkit-gradient(linear, 0 40%, 0 70%, from(#777), to(#999));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#999777');
    border-color: #888888 !important;
    color: #FFFFFF;
}

.gdown {
    z-index: 100;
    position: absolute;
    display: none;
    margin: 0;
    clear: both;
    padding: 5px;
    background: #F4F5F7;
    border: 1px solid #E6E6E6;
    -moz-box-shadow: 0 4px 10px #8B8B8B;
    -webkit-box-shadow: #8B8B8B 0px 4px 10px;
    box-shadow: 0 4px 10px #8B8B8B;
}

.gitem {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 3px 2.5ex 3px 0;
    min-width: 40px;
    white-space: nowrap;
    text-align: left;
    color: #000;
}

.gitem_hover {
    background: #BBDAFD;
    color: #222;
}

.radius_top_left, .radius_top, .radius_left, .gleft, .gtop {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.radius_bottom_left, .radius_bottom, .radius_left, .gleft, .gbottom {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}

.radius_top_right, .radius_top, .radius_right, .gright, .gtop {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.radius_bottom_right, .radius_bottom, .radius_right, .gright, .gbottom {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.gright {
    margin-right: 8px;
}

.unselected {
    -moz-user-select: none;
    -webkit-user-select: none;
}

/* ----------------------------------- *\
                 Content
\* ----------------------------------- */

p.debug {
    color: gray;
    margin-bottom: 5px;
}

p.debug span.title {
    color: #404040;
    font-weight: bold;
}

.afterlabel {
    margin-left:70px;
    padding-left:1em;
}

form p, p.b10 {
    margin-bottom: 10px;
}

.red, .warnning, a.red, a.red:hover {color: red;}
.gray {color:gray;}
.free {background-color: #D9F9D7;}

.titlesec {
    width: auto;
    background: #c3d9ff none repeat scroll 0 0;
    padding: 3px 10px;
    margin: 20px 0 10px 0;
}

.bodysec {
    margin-left: 20px;
}

.container_s1 {
    background: #eeeeee;
    border: 2px solid #cbdced;
    padding: 10px;
    margin: 40px auto;
    width: 650px;
}

.left {float: left;}
.right {float: right;}
.center {margin: 0 auto;}
.clear {clear:both; overflow:hidden; height:0;}

.smallmargin{
    margin-bottom: 5px;
}

/* Wrapper */
#wrapper {
    margin: 30px auto 0;
    width: 800px;
    overflow: hidden;
}
#wrapperFull {
    margin: 30px auto 0;
    width: 100%;
    overflow: hidden;
}

#titlebar, #selectbar {
    padding: 3px;
    margin-bottom: 20px;
    font-size: 13px;
    background: #F5F7FA;
}
span.sltfilter {
    margin: 3px 5px;
}
#selectbar select {
    min-width: 150px;
}

.tip {color: gray;margin: 10px;}
span.ttip {color: gray;margin: 10px 0;}
.h1_tip {font-size: 12px; font-weight: normal; margin-left: 20px;}
.note {
    color: gray;
    margin-top: 20px;
    display: block;
}
.noteH4 {
    border-top:1px solid #CCCCCC;
    color:gray;
    display:block;
    margin-top:30px;
    padding:1em 0;
}

span.content_name {
    font-weight: bold;
    display: inline-block;
    width: 90px;
}
span.content_value {
    display: inline-block;
    width: 180px;
}
span.content_tip {color: gray}

div.geninfo {
    margin: 12px 0;
    line-height: 2;
    color: #555;
}
div.geninfo .desk {color: #aaa;}

span.rightInfo {
    display: inline-block;
    float: right;
}

.formbtn {
    padding: 2px 4px;
}

.dataname {
    font-weight: bold;
    color: #667788;
}

.radius, .block {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.block, .bg1, .bg2 {
    background: none repeat scroll 0 0 #F5F7FA;
    border: 1px solid #CED5E5;
}

.block {
    margin:20px auto;
    padding:20px;
    font-size:14px;
}
.bg1 {
    margin:20px auto;
    padding:20px;
}
.bg2 {
    margin:5px auto 25px;
    padding:10px;
}

.bgShadow {
    padding: 10px 20px;
    background: #EFF5FB;
    border: 1px solid #A7C5E2;
    -moz-box-shadow: 0 2px 5px #8B8B8B;
    -webkit-box-shadow: #8B8B8B 0px 2px 5px;
    box-shadow: 0 2px 5px #8B8B8B;
}

.forradio{
    width: 150px;
    float: none;
    text-align: left;
}

input.changed {
    color: blue;
}

select.changed {
    color: blue;
}

/* success and failed status bar */
#msgbar {
    font-size: 120%;
    margin: 10px 0;
    padding: 3px 10px;
    line-height:1.6em;
}

.success {
    color: #2356de;
    background: #ddeeff;
}

.failed {
    color: red;
    background: #eeeeee;
}

.error {
    border: solid 1px red;
    background: #ffaaaa;
}

/* textarea self-adaption */
.bit_textarea_auto {
    position: relative;
    float: left;
}

.bit_textarea_auto textarea {
    position: absolute;
    float: left;
    resize: none;
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin: 0px;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

.bit_textarea_auto pre {
    display: none;
    visibility: hidden;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break:break-all;
    overflow:hidden;
    width: 100%;
    height: 100%;
    margin: 0px;
    border: 1px solid red;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/* input placeholder  */
.bit_input_tip {
    position: relative;
    float: left;
    cursor: text;
}

.bit_input_tip input, .bit_input_tip textarea{
    padding: 5px 15px;
    position: absolute;
    width: 100%;
    height: 100%;
}

.bit_input_tip span {
    float: left;
    display: block;
    padding: 4px 0px;
    margin-left: 19px;
    position: absolute;
    color: #a9a9a9;
}

/* bd content box */
.bd {
    border:1px solid #A7C5E2;
}

.bdTitle {
    font:14px Verdana;
    margin-bottom:5px;
    padding-left:10px;
    border:1px solid #A7C5E2;
    border-width:0 0 1px;
    height:21px;
    padding-top:3px;
    background-color:#EFF5FB;
}

.bdBody {
    margin:11px 0 10px 10px;
}

.bdItem {
    clear:both;
    margin:10px 3px;
    overflow:hidden;
}

.hide {
    display: none;
}

.midMust {color: blue; margin-left: 3px;}
.midSame {color: #AAA}
.midSame .midMust {color: #AAF}
.mid {color: #55BBBB; margin-left: 3px;}
.midSame .mid {}
.unconfirm {color: orange;}

/* Feature Bar */
div.tableSimpleBar {
    border-bottom:1px solid #888;
    margin:10px 0;
    padding:3px 10px;
}

div.tableSimpleBottom {
    background:none repeat scroll 0 0 #EAEAEA;
    border-bottom:1px solid #888;
    height:20px;
    margin:0;
    padding:3px;
}

div.tableSimpleTop {
    background:none repeat scroll 0 0 #EAEAEA;
    border-top:1px solid #888;
    margin:0;
    padding:3px 10px;
}
div.tableSimpleTop h2 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.noTitle .ui-dialog-titlebar {display:none}
.ui-widget {
    font-size: 12px;
    font-family: Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}
div.wait {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}

/* Sexy button */
.sexy {
    margin: 0;
    font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important;
    text-decoration: none !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.20);
    background: none;
    border: none;
    white-space: nowrap;
    cursor: pointer;

    position: relative;
    padding: 5px 10px 5px;
    font: inherit;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: bold !important;
    color: #fff !important;
    line-height: 1;
    background-image: url("../img/overlay-sprite.png");
    background-repeat: repeat-x;
    background-position: 0 0;

    /* Special effects */
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);

    display: inline-block;
    vertical-align: middle;

    /* IE only stuff */
    _background-image: none;

    /* Fix extra width padding in IE */

    /* Force hasLayout in IE */
    *display: inline !important;
    zoom: 1;

    /* Disable text selection (Firefox/Webkit only)*/
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.sexy::selection {background: transparent;}

.sexy:hover, .sexy:focus {
    background-position: 0 -50px; 
    color: #fff !important;
}
.sexy:focus, .sexy:active {
    outline: none !important;
}

.sexy:active { 
    background-position: 0 -100px; 
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7); 
    /* Unfortunately, Safari doesn't support inset yet */
    -webkit-box-shadow: none;
}

.sexy[disabled], .sexy.disabled { 
    background-position: 0 -150px; 
}
.sexy:disabled {background-position: 0 -150px;}

.sexy[disabled],
.sexy[disabled]:hover,
.sexy[disabled]:focus,
.sexy[disabled]:active,
.sexy.disabled,
.sexy.disabled:hover,
.sexy.disabled:focus,
.sexy.disabled:active {
    color: #333 !important;
    cursor: inherit;
    text-shadow: none;
    opacity: 0.33;
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

/* Simple button colors */
.sexy			{ background-color: #333; }		/* Default */
.sexy.sexyblack		{ background-color: #333; }
.sexy.sexyred		{ background-color: #a90118; }
.sexy.sexyorange	{ background-color: #ff8a00; }
.sexy.sexyyellow	{ background-color: #ffb515; }
.sexy.sexygreen		{ background-color: #59a901; }
.sexy.sexyblue		{ background-color: #015ea9; }
.sexy.sexyteal		{ background-color: #2daebf; }
.sexy.sexymagenta	{ background-color: #a9014b; }
.sexy.sexypurple	{ background-color: #9d01a9; }

/* Simple button sizes */
.sexy.sexysmall          { padding: 4px 7px 5px; font-size: 10px !important; }
.sexy.sexysmall:active   { padding: 5px 7px 4px; }
.sexy                    { /* default */ }
.sexy:active             { padding: 6px 10px 4px; }
.sexy.sexymedium         { /* default */ }
.sexy.sexymedium:active  { padding: 6px 10px 4px; }
.sexy.sexylarge          { padding: 8px 14px 8px; font-size: 14px !important; }
.sexy.sexylarge:active   { padding: 9px 14px 7px; }
.sexy.sexyxl             { padding: 8px 14px 8px; font-size: 16px !important; }
.sexy.sexyxl:active      { padding: 9px 14px 7px; }
.sexy.sexyxxl            { padding: 8px 14px 8px; font-size: 20px !important; }
.sexy.sexyxxl:active     { padding: 9px 14px 7px; }
.sexy.sexyxxxl           { padding: 8px 14px 8px; font-size: 26px !important; }
.sexy.sexyxxxl:active    { padding: 9px 14px 7px; }

.sexy.sexysmall[disabled]:active, .sexy.sexysmall.disabled:active { padding: 4px 7px 5px; }
.sexy[disabled]:active, .sexy.disabled:active { padding: 5px 10px 5px; }
.sexy.sexymedium[disabled]:active, .sexy.sexymedium.disabled:active { padding: 6px 10px 4px; }
.sexy.sexylarge[disabled]:active, .sexy.sexylarge.disabled:active { padding: 8px 14px 8px; }
.sexy.sexyxl[disabled]:active, .sexy.sexyxl.disabled:active { padding: 8px 14px 8px; }
.sexy.sexyxxl[disabled]:active, .sexy.sexyxxl.disabled:active { padding: 8px 14px 8px; }
.sexy.sexyxxxl[disabled]:active, .sexy.sexyxxxl.disabled:active { padding: 8px 14px 8px; }

.bit-hide { display: none; }

#bit_msg, div.msg {
    padding: 10px 15px;
    background-color: #F9EDBE;
    border: 1px solid #F0C36D;
}
#bit_msg {
    font-size: 14px;
    display: none;
}

.table-paging {
    text-align: center;
}

.table-paging .action{
    padding-left: 10px;
    padding-right: 10px;
}

label.bit-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 16px;
    vertical-align: text-top;
    padding: 0px;
}

.bit-switch input { display: none;}

.bit-switch span {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 16px;
}

.bit-switch span:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 50%;
}

.bit-switch input:disabled + .slider {
  background-color: #607d8b !important;
}

.bit-switch input:checked + .slider {
  background-color: #2196F3;
}

.bit-switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.bit-switch input:checked + .slider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}

.s_unperformed { color: #d3d3d3; }
.s_performed { color: #9acd32; }
.s_pause { color: #ffd700; }
.s_stop { color: #ffd700; }
.s_finish { color: #9acd32; }
.s_error { color: red; }
.s_b_finish { background-color: #9acd32; }
.s_b_error { background-color: red; }

#dialog-tip {
    overflow: hidden;
    top: 0px;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    text-align: center;
    padding: 7px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    position: absolute;
}

.bit-progress-bar {
    height: 15px;
    width: 146px;
    display: inline-block;
    position: relative;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    vertical-align: sub;
}

.bit-progress-bar .bit-progress-scale {
    position: absolute;
    background-color: #337ab7;
    top: 0px;
    height: 100%;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

span.task-time {
    font-weight: bold;
    padding: 0px 4px;
}