.dashboard { position: relative; }
.dashboard .primary { overflow: visible; min-height: 335px; padding: 11px 0 0 0; margin: 0 0 30px 0; background: url("../images/default.png") no-repeat top right; position: relative; }
.dashboard .secondary { overflow: hidden; clear: both; }


.service .primary { background: none; }

.service-wrapper { clear: both; margin: 15px 0; }
.service-info { float: left; width: 310px; }
.service-form {background:none repeat scroll 0 0 #E0DFDD; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; padding:15px; float: right; width: 650px; }
.service-form .sub-tips{padding:15px 20px;margin-bottom:15px;}
.service-form .sub-tips h2{font-weight:bold;font-size:16px;}
.service-form .sub-tips p{padding-left:15px;}
.service-form .input-row .input-left,.service-form .submit-row .input-left{width:90px !important;}
.service-form .input-row .input-right,.service-form .submit-row .input-right{width:auto !important;}

.service-tag { padding: 0 30px 0 0; margin: 0 0 15px 0; background: url('../images/service-tag-arrow.png') no-repeat right center; }
.service-tag-contents { background: #e4e3e1; padding: 10px; height:66px;}
.service-tag-description { width: 186px; float: left; padding-left: 10px; }
.service-tag-description .character-message { height: 64px;}
.service-tag-description .character-name { font-size: 16px; }
.service-tag-description .character-class,.service-tag-description .character-realm { display: block; line-height: 1.5; }


.character-icon { width: 64px; height: 64px; overflow: hidden; float: left; background-color: #444; }
.character-icon img{width:64px;height:64px;}
.character-icon.no-character { background-image: url('../images/no-character-64.png'); }
.character-description { width: 286px; float: left; padding-left: 10px; }
.character-description .character-name { font-size: 20px; color: #4a4a4a; }
.character-description .character-class { display: block; line-height: 1.5; }



.service-error { padding: 30px 20px; text-align: center; font-size: 16px; font-weight: bold; background: #e4e3e1; }
.service-error p { margin: 1em 0; }

.character-list { margin-bottom: 6px; }
.character-list .realm { color: #b0afac; display: block; height: 22px; line-height: 22px; padding: 0 0 0 30px; color: #b0afac; text-transform: uppercase; overflow: hidden; -moz-user-select: none; -webkit-user-select: none; user-select: none; overflow: hidden; margin-top:5px}
.character-list .realm-name { float: left; }
.character-list .character-count { display: block; height: 22px; padding-right: 22px; line-height: 22px; float: right; background: url("../images/titlebar-character.png") no-repeat right 0;  }
.character-list .realm.opened { background: #6a6e73 url("../images/game-titlebar.png") left 0 no-repeat; }
.character-list .realm.closed { background: #797e84 url("../images/game-titlebar.png") left -22px no-repeat; }
.character-list .realm.opened:hover,.character-list .realm.opened:focus { color: #fff; background: #6a6e73 url("../images/game-titlebar.png") left -44px no-repeat; }
.character-list .realm.closed:hover,.character-list .realm.closed:focus { color: #fff; background: #797e84 url("../images/game-titlebar.png") left -66px no-repeat; }
.character-list .realm.opened:hover .character-count,.character-list .realm.opened:focus .character-count,.character-list .realm.closed:hover .character-count,.character-list .realm.closed:focus .character-count { background-position: right -22px; }
.character-list #characters{display:block;display:none;}

.character-list li { margin-bottom: 6px; cursor: pointer; padding: 13px; height: 64px; overflow: hidden; clear: both; background: #ededeb url("../images/character-arrow.gif") no-repeat right 0; }
.character-list li:hover { background-color: #f4f4f4; background-position: right -90px; }
/*.character-list li.pending { background-color: #e0dfdd; background-position: right -180px; cursor: default; }
.character-list li.pending:hover { background-color: #e4e3e1; background-position: right -270px; }*/
.character-list li.error { background-color: #e0dfdd; background-position: right -360px; cursor: default; }
.character-list li.error:hover { background-color: #e4e3e1; background-position: right -450px; }
.character-list li.complete { background-position: right -540px; cursor: default; }
.character-list li.complete:hover { background-position: right -630px; }
.character-list li.loading { background-color: #e0dfdd; background-position: right -720px; cursor: default; cursor: progress; }
.character-list li.loading:hover { background-color: #e4e3e1; background-position: right -810px; }
.character-list .character-link,.character-list .character-link:hover,.character-list .character-link:focus { color: #4a4a4a; } 
.character-list .character-status { float: right; padding-right: 46px; width: 200px; text-align: right; }
.character-list .character-status .status-loading { color: #888; line-height: 64px; font-size:14px; }
.character-list .character-status .status-error { color: #944a4a; font-size:12px;line-height: 24px; }
.character-list .character-status .status-complete { color: #4a8432; font-size:14px; line-height: 24px; }

/*
.character-list .character-status .status-pending { color: #b9801d; font-size:14px; }
.character-list .character-status .status-pending strong { text-transform: uppercase; color: #b9801d; }
.character-list .character-status .status-complete { color: #4a8432; font-size:14px; }
.character-list .character-status .status-complete strong { text-transform: uppercase; color: #4a8432; }
.character-list .character-status .status-options { margin: .25em 0; text-transform: uppercase; }
.character-list .character-status .status-options a { display: inline-block; height: 20px; line-height: 20px; }
.character-list .character-status .status-options .small-cancel span { padding-right: 0; }
*/


.service-interior { padding: 20px; border:1px double #fff;margin-top:15px;background:#e0dfdd}
.service-interior .headline { font-size: 20px; margin: 0 0 .5em 0; font-weight:bold;}

.service-interior .tos-left {float:left; width:370px; }
.service-interior .tos-right {float:right; width:220px; }
.tos-left ul li { padding-left:12px; background:url('../images/small-arrow.gif') 0 2px no-repeat; font-size:12px; margin-bottom:12px; }
.tos-right h3 { font-size:16px; font-weight:bold; margin-bottom:12px;  }
.tos-right .includes { margin-bottom:20px; }
.tos-right .includes li { padding-left:20px; background:url('../images/small-tick.gif') 0 2px no-repeat; font-size:12px; font-weight:bold; margin-bottom:4px; margin-left:4px; }
.tos-right .not-includes li { padding-left:20px; background:url('../images/small-cross.gif') 0 2px no-repeat; font-size:12px; font-weight:bold; margin-bottom:4px; margin-left:4px; }




.eggs {background:url('../images/eggs.jpg');height:212px;padding:15px;text-align:center;font-size:14px;font-weight:bold;color:yellow}
.eggs .white-egg{margin:82px 0px 0px 80px;float:left;cursor:url('/v8/mgr/images/hammer.cur'),default;}
.eggs .blue-egg{margin:82px 0px 0px 90px;float:left;cursor:url('/v8/mgr/images/hammer.cur'),default;}
.eggs .gold-egg{margin:82px 0px 0px 90px;float:left;cursor:url('/v8/mgr/images/hammer.cur'),default;}
.eggs img{display:block;}
.confirm-service { margin:0px; }
.confirm-service-label { background:none repeat scroll 0 0 ##EDEDEB; padding:10px; font-size:16px; font-weight:bold; width:200px; text-align:right; display:inline-block;}

.confirm-service-details { font-size:16px; font-weight:bold;padding:10px; float:right; width:395px; }
.confirm-service-details span{color:#4a8432;}


.icon-socket {position: relative; width: 15px; display: block; height: 15px}
.icon-socket .frame {position: absolute; width: 15px; background: url('/v8/main/images/sockets.gif') no-repeat; height: 15px; top: 0px; left: 0px}
.socket-0 .frame,.socket- .frame {background-position: 0px 0px}
.socket-1 .frame {background-position: -15px 0px}
.socket-2 .frame {background-position: -30px 0px}
.socket-3 .frame {background-position: -45px 0px}
.socket-4 .frame {background-position: -60px 0px}
.has-tip { border-bottom: 1px dotted #565656; cursor: help; }
.hide{display:none}

/*************万恶的ie6，傻B们还在用************/
.ie6 .service-form { position: relative; zoom: 1; }
.ie6 .confirm-service-label { float: left; padding: 10px; }
.ie6 .confirm-service-details { padding:10px; display: inline-block; float:left}
.ie6 .service-interior .override { width:31.6%; }
.ie6 .eggs .white-egg{margin-left:50px;}

.ie7 .confirm-service-label { float: left; padding: 10px; }
.ie7 .confirm-service-details { padding:10px; display: inline-block; float:left}