body {padding: 0; margin: 0;}
img {border: none 0;}
a {outline: none;text-decoration:none;color: #dc6d8c;}
a:hover {color:#654581}

.info {cursor: default;border-bottom: 1px solid #999}
img.info {border: none;}
#tips {background: #e5e5e5; color: #333;padding: 5px 10px;font-family: Verdana;font-size: 11px;max-width: 350px;}

.hintIcon {position:relative;top: 7px;}
.ui-tooltip {font-size: 11px !important;}

.topLine {
    position:relative;
    z-index: 1000;
    top: 0; left:0;
    width: 100%;
    height: 38px;
    background: #333;
    font-family: Verdana, Arail;
}

.topLine img {height: 34px;margin-left: 15px;}

.topLine > * {float:left;position:relative;z-index: 100;}

.topLine ul {padding:0;margin:0;list-style-type: none;margin-left: 20px;margin-top: 1px;}
.topLine ul li {float:left;padding: 7px 0;}
.topLine ul li a {padding: 11px 10px;color: #fff;font-size: 15px;}
.topLine ul li a:hover, #topLine ul li a.active {background: #e5e5e5;color: #11a0ff;}

.topLine a.action  {float:right;padding: 10px 10px;font-size: 15px;}
.topLine a:hover.action  {background: #e5e5e5;}

div.autocomplete {}
div.autocomplete input {}
div.autocomplete input:focus { outline: none; }
div.autocomplete .ac-element {float: left;display:block;border: 1px solid #ccc;background: #e5e5e5; padding: 3px 6px;border-radius: 5px;margin: 5px 1px ;}
div.autocomplete .ac-element a {font-weight: bold;}
div.autocomplete .ac-element .icon {height: 12px;position:relative;top: 1px;}

.ui-autocomplete {font-size: 12px !important;}

.wrap {
    width: 100%;
    font-family: Verdana; 
    font-size: 13px;
    position:relative;
}
.wrap > div {position:absolute;}

h1,h2 {margin:0;padding:0;}
h1 {margin-bottom: 8px;color: #666;font-style: italic;font-size: 21px;font-weight: normal;}

#loginForm table {margin-top: 20px;}
#loginForm table td {padding: 3px 20px;}
#loginForm table td:first-child {text-align:right}
#loginForm table td input {width: 100%;}

.errMsg {border: 1px solid #dd0000; padding: 15px 25px;margin-top: 5px; color: #dd0000;display: inline-block}
.completeMsg {border: 1px solid #00BB00; padding: 15px 25px;margin-top: 5px; color: #00BB00;display: inline-block;}

.green {color: #00AA00;font-size: 12px;display: block;padding-left: 54px;margin-bottom: 15px;}
.red {color: #AA0000;font-size: 12px;display: block;padding-left: 54px;margin-bottom: 15px;}

.leftRow {width: 240px;}
.rightRow {left: 20px;right:0;}

.aBtn {margin: 5px 3px;padding: 5px 10px 5px 7px; background:#e5e5e5;color:#333;display: inline-block;border: 1px solid #FFF;box-shadow: 0 0 6px rgba(0,0,0,1);}
.aBtn:hover {background:#22a0e1;color:#Fff;}

/** .leftRow **/

.leftRow ul {margin:0; padding: 0; list-style-type: none;}
.leftRow ul li {font-size: 14px;}
.leftRow ul li a {color: #000;display: block;padding: 5px 0px 5px 54px;}
.leftRow ul li a:hover,.leftRow ul li a.active {color: #fff;background: #e58239}

/** .rightRow **/
.rightRow {padding-top: 20px;}
.addBtn {height: 12px;position: relative;top: 2px;}

.paginator {width: 100%; margin-top: 15px;font-size: 12px; height:90px}
.paginator .total {width: 200px;padding: 14px;font-size: 11px;background: #e1e4e9;border:1px solid #e1e4e9;margin-bottom: 15px;float: left;}
.paginator .total span {font-size: 13px;}
.paginator .page a {margin:0;padding:5px; color: #000;}
.paginator .page{float: left;width: 100%;}
.paginator a:hover,.paginator a.active {background: #654581;border:1px solid #e1e4e9; color: #FFF;}
.numRow {float:right; width: 200px; padding: 10px;font-size: 11px;background: #e1e4e9;border:1px solid #e1e4e9;margin-bottom: 15px;}
.numRow select {width: 80px;height: 24px;margin:0;padding:0;}

.listTable {width: 100%;border-collapse: collapse;}
.listTable th {background: #e1e4e9;padding: 8px 10px;}
.listTable th, .listTable td {text-align: left;}
.listTable tr:hover.odd, .listTable tr:hover.even {background: #c4ebff !important;color: black;}

.listTable td.actions img {width: 20px;}
.listTable .statusIcon {width: 20px;}
.listTable .noActive {color: #999;}
.listTable .isBad {color: white;background: #F34723 !important; }
.listTable .isGoodProfit {color: white;background: green !important;}
.listTable .odd {background: #f0f0f0;}

/* Links in options */
.reserved {background: #f1f1f1}
.banned {background: #ffe5e5}
.reserved-banned {background: #fff8e5}

/* Filter Form */
#filterForm {width: 500px;font-size: 12px;position:absolute;}
#filterForm h3 {padding: 10px 0 10px 25px;background: #e1e4e9;font-weight: bold;}
#filterForm a {}
#filterForm a:hover {border-bottom: 1px dashed #999;}
#filterForm input[type=text], #filterForm select {width: 280px;}
#filterForm #filter-groupBy {min-height: 120px;}

.filter table td {padding: 2px 5px;}
.clear {height: 40px;}

/* Index */
#indexStat {margin-top: 20px;}
#pingStatfilterForm {margin-top: 20px;}
#pingStat {margin-top: 20px;}
.cell-color-up{color:  green !important;}
.cell-color-down{color: red !important; }

.common-form td {vertical-align: top;padding: 0 5px;}

.plus, .minus {font-size: 17px;font-weight: bold;}

.threadInfo {}
.threadInfo tr:hover {background: #c4ebff !important;color: black;}
.threadInfo .id {width: 20px;text-align: center;}
.threadInfo .title {width: 250px;}
.threadInfo .pingCode {width: 30px;text-align: center;}
.threadInfo .link {width: 600px;}
.threadInfo .noActive {background: #ffe7e6;}
.threadInfo span.filterValue {display:inline-block;border: 1px solid #ccc;background: #e5e5e5; padding: 3px 6px;border-radius: 5px;margin: 5px 1px ;}
.threadInfo span.filterValue .icon {height: 12px;position:relative;top: 1px;}

.hidden{
  display:none;
}
span.linkInfo {
  padding-top: 6px;display: block;padding-bottom: 6px;text-decoration: none;border: 0 none;
}
img.link {
width: 23px;
    display: inline-block;
    position: relative;
    top: 8px;
    left: 5px;
}

input[type=text] {
    width: 481px;
}