@charset "utf-8";
/* 
Themes for SSLVPN Client Graphic UI. the base Layout.
Designer:xiongtao,rebuild by xiabin. 2008-11-11
 */
/* redefine html elements */
*{ margin:0; padding:0;}
body{ text-align:center; font-size:9pt; line-height:150%; font-family:"宋体", Arial, Helvetica, sans-serif;}
input,button,label,textarea,select{ font-size:9pt;}
a{text-decoration:underline;cursor:pointer;color:#000;}
a:hover{text-decoration:underline;color:#000;}
/* base layout frames */
#wrapper{ }
#header{ clear:both;text-align:left;}
#header .logo{ padding:4px 8px;}
#header .profile{ height:20px;text-align:right;}
#header .profile ul{padding-right:20px;}
#header .profile li{display: inline;}
#header .profile li#welc{ border-left:0px;}
#bodyer{ width:960px; margin:0 auto; text-align:left; padding:5px;}
#side{ width:200px; position:absolute; z-index:1;}
#main{ padding-left:205px;}
#customer_list{ padding:12px 24px;clear:both; margin-bottom:5px;line-height:150%;word-break:break-all;}
#logStatus{ padding:4px 8px;}
#logStatus label{ text-transform:uppercase; }
#logStatus strong{ font-size:10px; font-weight:bold;}
/* common pannel */
.panel{ border-width:1px; border-style:solid;}
.panel-head{ border-bottom-width:2px; border-bottom-style:solid; padding:6px 12px;}
.panel-head h2{ font-size:12px;}
.panel-body{}
/* side panel */
.spanel{ border-width:1px; border-style:solid;}
.sp-head{ border-bottom:2px solid #ddd; padding:6px 12px;}
.sp-head h2{ font-size:12px;}
.sp-body{ padding:12px 0;}
.sp-body ul li{ display:block; padding:0 8px;border-bottom-width:1px; border-bottom-style:dotted;cursor:pointer; overflow:hidden;}
.sp-body ul li a{ display: block; text-decoration: underline; width:100%; padding:4px 0;}
.sp-body ul li.seled{background:#f0f0f0 url(../images/arrow.gif) no-repeat 96% 50%;}
.sp-body ul li.seled a{ text-decoration:none; font-weight:bold;}
.sp-body ul{ display:block; padding-bottom:10px;}
/* common url get go */
#brwDisplayID{ padding:10px; text-align:center;border-bottom-width:1px; border-bottom-style: solid;}
#service dl{ display:block; clear:both; overflow:hidden; height:24px; padding:4px 12px;}
#service dl dt{ display:block; width:120px; float:left; height:24px;}
#service dl dd{ display:block; float:left; padding-left:12px;}
#service dl input{ width:120px; }
/* Resource list */
#rcsDisplayID{ clear:both;display:block;position:relative; z-index:0;overflow:hidden; padding-top:12px; font-family:"宋体";}
#rcsDisplayID dl{ display:block; float:left;}
#rcsDisplayID dt{ display:block; overflow:hidden; text-align:center;}
#rcsDisplayID dd{ display:block; overflow:hidden;}
#rcsDisplayID dd p.name{white-space: nowrap;text-overflow:ellipsis; display: block; overflow:hidden; width:100%; line-height:120%;}
#rcsDisplayID img{ border:0px;}
#rcsDisplayID a{ text-decoration:underline;}
#rcsDisplayID a:hover{ text-decoration:none;}
/**************************/
.icon48{ padding-left:7px;}
.icon48 dl{ width:100px; height:110px;text-align:center; }
.icon48 dt{ width:100%; height:50px;}
.icon48 dt img{ width:50px; height:50px;}
.icon32 dd,.icon48 dd,.icon64 dd,.icon128 dd{ height:50px; padding:5px;}
.icon32 p.name span,.icon48 p.name span,.icon64 p.name span,.icon128 p.name span{ display:none !important;}
.icon32 p.note,.icon48 p.note,.icon64 p.note,.icon128 p.note{ display:none !important;}
.icon48 .cbtn{ display: block; width:99%; cursor:pointer; font-weight:normal; height:20px;}

.icon32 dl{ width:100px; height:110px;text-align:center; }
.icon32 dt{ width:100%; height:50px;}
.icon32 dt img{ width:32px; height:32px;}
/*************************/
.icon64{ padding-left:15px;}
.icon64 dl{ width:140px; height:132px; text-align:center;  }
.icon64 dt{ width:100%; height:72px;}
.icon64 dt img{ width:72px; height:72px;}
/************************/
.icon128{ padding-left:6px;}
.icon128 dl{ width:180px; height:180px;text-align:center; }
.icon128 dt{ width:100%; height:120px;}
.icon128 dt img{ width:120px; height:120px;}
/***********************/
.list dl{clear:both; position:relative; z-index:1;width:100%;  padding:2px 0; border-bottom:1px dashed #ddd; float:none;}
.list dt,.list img{display:none !important;}
.list dd{padding:0 0 0 24px; background:url(../images/arrow.png) no-repeat 4px 6px;}
.list p.name{display:block;width:100%; padding:2px 0;}
.list p.note{width:100%;white-space: normal;word-break:break-all;text-overflow: ellipsis; display:block; padding:4px 0;}
.list p.btns{ clear:both; text-align:right;position:absolute; z-index:1; right:24px;top:4px;}
/* loginbox */
.loginbox{ width:400px; border:1px solid #ddd; margin:100px auto 0 auto; padding:2px;text-align:left;}
.loginbox .box-head{ display:none;}
.loginbox .box-body{width:100%; padding:12px 0; min-height:140px;}
* html body .loginbox .box-body{ height:140px;}
.loginbox .box-body dl{ padding:4px 0; display:block;}
.loginbox .box-body dt{ position:absolute; z-index:1; width:110px; text-align:right; display:block; line-height:22px; font-family:"宋体";}
.loginbox .box-body dd{ padding-left:120px; display:block;}
.loginbox .box-body ul{ text-align:center; list-style:none;}
.loginbox .box-body li{ display:inline; padding:0 12px;}
.loginbox .box-body img{ cursor:pointer;}
.keypad{width:336px; padding:4px 0; margin:0 auto;}
/* login tips*/
#tipsContent{ border:1px solid #ddd; background-color:#fff; overflow:hidden; margin:0 12px;padding:4px 4px 4px 30px;text-align: left; background-position:4px; background-repeat:no-repeat; }
.error{ background-image:url(../images/ico_error.gif) no-repeat; color:#FF0000;}
.load{ background-image:url(../images/ico_loader.gif) no-repeat; color:#000000;}

.hide{ display:none !important;}
/* login types*/
.btnsgroup{ width: 300px; height:40px; overflow:hidden; padding:4px 2px; margin:0 auto;}
.btnsgroup ul{ display:block; list-style:none;}
.btnsgroup li{ float:left; width:40%; font-weight:normal;}
#log0{ float:left;}
#log1{ float:right;}
#unclike{  cursor:default; filter:gray();}
#unclike *{ cursor:default;}
/* hacker for min-height */
#rcsDisplayID{ min-height:500px;}
* html body #rcsDisplayID{ height:500px; overflow:visible;}