/*
black 333
gary 666
blue 406CBF

bg_gray F0EFEF
bg_blue E5EEF8

border_form BABABA
*/

* {margin:0; padding:0}
li {list-style:none}
img {border:none; vertical-align:middle}
html,body {overflow:hidden; background:transparent;}
body {font-size:12px; color:#666; line-height:1.28; font-family:@font_list; overflow-x:hidden; overflow-y:scroll; vertical-scrollbar:my-v-scrollbar}
a {color:#406CBF; text-decoration:none; outline:0}
a:hover {color:#406CBF; text-decoration:underline}

.listBlock {padding-top:15px; width:568px; margin:auto; position:relative}

.serverList {flow:h-flow; padding-left:7px}
.serverList li {width:254px; height:50px; padding:7px 8px; border-radius:5px; margin:9px 0; margin-bottom:22px; behavior:hyperlink; /*behavior:clickable*/}
.serverList li:nth-child(odd) {margin-right:8px}
.serverList li:hover {background:@bg_node_hover}
.serverList li.selected {background-color:@bg_node_selected}
.sLogo {width:50px; height:50px; float:left; behavior:hyperlink; cursor:pointer}
.serverList p {width:199px; padding-left:5px; float:left; line-height:17px; overflow:hidden}
.sName {color:#10469E; behavior:hyperlink; cursor:pointer}
.sName:hover {text-decoration:underline}
.sDesc,.sId,.sOnline {color:#666}
.sId {display:inline-block; width:75px}
.serverList p img {margin-right:5px}

.serverList li.btnCommend {padding-left:68px; width:194px; color:#10469E; vertical-align:middle; background:url(RC://localImage/theme/public/image/btn_commend.png) 8px 0 no-repeat;}
.serverList li.btnCommend:hover {background:url(RC://localImage/theme/public/image/btn_commend.png) 8px -64px no-repeat}

.vTips {border:1px solid #10469E; background:#FFFFE1; font-weight:normal; padding:3px 5px; display:none; max-width:300px}
.vTips font:first-child {color:#10469E}
.vTips font:last-child {color:#888}

.listTips {padding:0 15px}

.btnCreate {display:inline-block; height:17px; line-height:17px; padding:3px 12px 3px 32px; border:1px solid #A5BADC; border-radius:3px; background:#FFF #FFF #EEF1F5 #EEF1F5 url(RC://localImage/theme/public/image//icon_create_server.gif) 12px center no-repeat; color:#333; font-weight:bold}
.btnCreate:hover {border-color:#66B6EE; outline:1px glow #3C6FC3; text-decoration:none; transition:none}

#mask {width:100%; height:99%; background:#FFF; opacity:0.01; position:absolute; left:0; top:0}
/*#loading {outline-shift:3px; outline-offset:2px}*/
#loading {position:absolute; left:50%; top:50%; margin:-32px 0 0 -143px; text-align:center; width:286px; height:64px; background:#F8FAFD #F8FAFD #FDFDFE #FDFDFE; border:1px solid #AAC1E3; border-radius:3px; outline:5px glow #AAC1E3; line-height:1em}
#loading p {color:#333; padding:19px 15px 6px 15px; line-height:1.2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
#loading a {display:block; width:23px; height:17px; background-image:url(RC://localImage/theme/public/image/btn_close.gif); background-repeat:no-repeat; background-position:0 0; position:absolute; right:5px; top:-1px}
#loading a:hover {background-position:-23px 0}
#loading a:active {background-position:-46px 0}

/******************** search ********************/

#search {}

.searchTips {padding:0 0 0 15px; color:#002947}
.searchTips a {margin:0 5px}

#search .serverList {min-height:370px}
#search .serverList li {margin-bottom:18px}

.pageNav {}
.pageBox .firstPage,.pageBox .prevPage,.pageBox .nextPage,.pageBox .lastPage {display:none}

/******************** suggestion ********************/

#suggestion {}
#suggestion > div {background:#FFFFF4; border:1px solid #F8E2A9; border-radius:5px; text-align:center; min-height:36px; padding:6px; margin:0 10px}
#suggestion > div span {min-height:36px; display:inline-block; color:@default_color; padding-left:44px; vertical-align:middle; text-align:left; background:url(RC://localImage/theme/public/image//pic_alert.png) 0 center no-repeat}
#suggestion h5 {padding-top:20px; font-size:12px; font-weight:normal; color:@default_color; padding-left:10px}

/******************** guide ********************/

#guide {padding-top:0; width:100%}
#guide img {position:absolute; left:0}
#guideSearch {top:7px}
#guideFind {top:50%%}
#guideCreate {bottom:2px}
#guideCollect {top:50%%; left:50%!important; margin-left:-208px}

.btnGuideClose {display:inline-block; width:20px; height:20px; background-image:url(RC://localImage/theme/public/image//btn_guide_close.png); background-repeat:no-repeat; background-position:-20px 0}
.btnGuideClose:hover {background-position:0 0}
.btnGuideClose {position:absolute; left:524px; top:22px}