/*<meta http-equiv="Content-Type" content="text/html;charset=gb2312">*/

* {margin:0px;padding:0px;outline:0 none}

html ,body{height:100%}

body { margin:0;padding:0;font-size:12px;font-family: "lucida Grande",Verdana,"Microsoft YaHei";background-color:#FFF;}



ul,li {list-style:none}

img,table{border:0;border-collapse:collapse}

a {text-decoration:none;color:#3B3B3B;}

a:hover {text-decoration:underline;color:#3B3B3B;}

input{vertical-align:middle;/*background:#FFF;*/line-height: 20px;}

button{display:none;font-size:1em !important}





/* 清除浮动 */

.clearFloat {clear:both}

.clearFloat:after{

  content: "020";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  }



/* 文本框 */

.textIpt {border:1px solid #bbb;border-radius:3px;height:25px;line-height:25px;padding:0 5px;vertical-align:middle;/*background:#FFF;*/}

.textareaIpt{border:1px solid #bbb;border-radius:3px;padding:0 5px;vertical-align:middle;}

.textIpt:focus,.textareaIpt:focus{border-color:#000}

.ipt_error{border:1px solid #cd0a0a}

.ipt_error:focus{border:1px solid #cd0a0a}



/* 按钮 */

.button {border:1px solid #999;border-radius:3px;color:#555;padding:4px 10px;cursor:pointer;background:#f3f3f3;}



.cutBtn {width:36px;height:26px;float:left;cursor:pointer;}

.cutUp {border-radius:14px 0 0 14px;}

.upAble {border:1px solid #999;background:url("../images/upAble.gif") no-repeat 12px 7px;}

.upDisable {border:1px solid #d8d8d8;background:url("../images/upDisable.gif") no-repeat 12px 7px;}

.cutDown {border-radius:0 14px 14px 0;}

.downAble {border:1px solid #999;background:url("../images/downAble.gif") no-repeat 12px 7px;}

.downDisable {border:1px solid #d8d8d8;background:url("../images/downDisable.gif") no-repeat 12px 7px;}



.button:hover,.cutBtn:hover {box-shadow:0 1px 3px rgba(0,0,0,0.2)}

.button:focus,.cutBtn:focus {border-color:#36c}



/* 下拉列表 */

.dropSelect {position:relative;}

.dropBtn {padding-right:20px;background:url("../images/droplist.gif") no-repeat 90% center #f3f3f3;}



/* 工具栏 */

/*.toolbar {position:absolute;top:10px;left:0;right:10px;height:30px;}*/

.barBtn {float:left;margin-right:4px;}

.toolbarExt {float:right;}



/* 页面主体 */

.content {position:absolute;top:40px;bottom:0;left:0;right:0;padding:0 10px;overflow:auto;}



.small-button {

    font-size: 1em !important;

}

.ui-state-default-clear, .ui-bg-clear .ui-selectmenu, .ui-state-default-bg-clear {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

    border: medium none !important;

    outline: medium none !important;

}

.ui-icon {display:inline-block; vertical-align: middle;}

.ui-menu {max-height:720px;/*overflow-y:auto;overflow-x:hidden;*/border-radius:4px;position:absolute;z-index:1000;text-align:left;}

.ui-menu .ui-menu-item {/*width:120px;*/padding:3px 20px;overflow:hidden;white-space:nowrap;margin:0;border:0 none;}

.ui-selectmenu-button{vertical-align:middle}



#toolbar{left: 0px;line-height: 30px;padding: 5px 10px;position: absolute;right: 0;z-index: 2;}

.toolbar{line-height: 30px;padding-left:10px;border-radius: 10px;    margin: 10px 10px 15px 0;}

#progress{margin: 5px 0 0 10px;position: absolute;display:inline-block;width:100px;height:15px}

.progress-label{height: 15px;position: absolute;text-align: center;width: 100px;font:bold 10px/15px arial,sans-serif;}

/*.datatb{margin:0 10px 15px 0;}*/

.table-data{width:100%;margin-bottom:10px;table-layout:fixed;}

.table-data tr{height:30px;border-bottom: 1px solid #ccc;}

.table-data thead{background-color: #F6F6F6;color:#ccc;}

.table-data tr td,.table-data tr th{padding:10px;text-align: left;white-space:nowrap;}

#datatb .checked{background-color: #FFFFE1;}

.noMsgs {font-size:14px;height:50px;line-height:50px;}



.imgHover{border:1px solid #ccc;border-radius: 4px;}

.none{display:none;}

.block{display:block;}

.hc-red{color:#cd0a0a!important;color:#cd0a0a;}

.error{background: #D70F00}

.success{background: #D70F00;/*background:#61B44D*/}

.grey{color:grey;font-weight:normal}

#showBox{position: absolute;top:60px;left:0;right:0;color: #fff;text-align:center}

#showMsg{display:none;border-radius:3px;padding:3px 20px;}

#dropdownbox{left:260px;background-color: #fff;border: 1px solid #ccc;display: none;min-height: 150px;padding: 1em;position: absolute;width: 400px;z-index: 10;border-radius: 4px}

#dropdownbox p{padding:5px 5px 5px 15px;height:30px;line-height: 30px;font-size: 14px}

.hc-hover,.hover,.toolbar,#title,tr.odd{background:#F6F6F6}



.checkdown {position:absolute;left:18px;top:15px;z-index:999}



.btnChg{/*border:1px solid #FFF;color:#333;padding:0px 0;cursor:pointer;background:#FFF;*/position:absolute;right:10px;top:4px;z-index:1000}

/*.btnhover{border:1px solid #CCC}*/



.tip {color:#cd0a0a}

.addrtitle {color:#798699;margin-top:5px;}



.altTip{color:#888888;padding-left:10px;}

.altTip2{border:1px solid #F5CAA0;background-color:#FFFFE1; color:#E05921;padding:2px;padding-left:5px;vertical-align: middle;margin-left:2px;white-space:normal}



#msgDiv{z-index:998;position: absolute;top:50%;left:0;right:0;color: #fff;font-size:14px;text-align: center;}

#msgSpan{display: none;padding:10px;border-radius: 5px;-moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}

tbody td{border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#bg{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #ccc; z-index:1001; -moz-opacity: 0.1; opacity:.10; filter: alpha(opacity=10);}



/**头像**/

a.edit-pic{position: relative;width:80px;height:80px;display: block;overflow: hidden;}

span.pic-alt{

    display: none;

    background-color: #000;

    color: #fff;

    cursor: pointer;

    height: 100%;

    left: 0;

    line-height: 100px;

    opacity: 0.4;

    position: absolute;

    text-align: center;

    top: 0;

    width: 100%;

  }

#preview-pic span{

  border:1px solid #ccc;

  border-radius: 3px;

  padding:5px;

  display: inline-block;

  margin: 0 15px;

  position: relative;

}

#preview-pic span.big{

  width:128px;

  height:128px;

}

#preview-pic span.big font{left:28px;top:138px;}

#preview-pic span.middle{

  width:60px;

  height:60px;

}

#preview-pic span.middle font{left:10px;top:70px;}

#preview-pic span.small{

  width:20px;

  height:20px;

}

#preview-pic span.small font{left:4px;top:30px;}

#preview-pic span font{

  width:75px;

  color:#ccc;

  font-size:10px;

  position: absolute;

}