/*
	@ Description: area-selector
	@ Author: xuxiaojun 2012.08.09
 	@ Update:
 */

 /* 弹出层的默认外观样式 */
.modal-mask{background:#b2b5b7;padding:6px;width:540px;position:absolute;width:650px;z-index:10010;}
.modal-mask .modal-wrap{background:#fff}
.modal-mask .modal-header{background:#fff;min-height:31px;overflow:hidden;position:relative;}
.heading{font-size:18px;font-weight:bold;margin:0px;padding:15px 20px}
.modal-mask .close{background:url(/assets/img/modal/modal-close.png) no-repeat;cursor:pointer;display:inline-block;height:31px;outline:0 none;position:absolute;right:0;text-indent:-9999em;top:0px;width:34px}
.modal-body{background:#fff;padding:0px 20px 25px 20px;position:relative}

.area-selector{width:624px;overflow:hidden;zoom:1}
/* 搜索 */
.area-search{margin:0 0 15px;position:relative;}
.area-search-input{display:inline-block;margin:0 10px 0 0;padding:0px 2px 0 25px;width:171px;height:25px;border:1px solid #d3d3d3;background: #f8f8f8 url(/mice/areaGear/images/search.gif) no-repeat 0 center; *display:inline; zoom:1;}
.area-search-input input{border:none;width:170px;background-color: #f8f8f8;margin:3px 0 0;_margin:0;line-height:18px;padding:1px 0;}
.area-search button{position:absolute;}
.area-search a{position:absolute;margin:5px 0 0 80px}

.area-nav {border-bottom:1px solid #e94e29;padding:0 0 0 6px;width:576px;overflow: hidden;}
.area-nav li{float: left;margin-right:5px;}
.area-nav a{display: block;width:63px;height:24px;line-height:24px;text-align:center;font-weight:700;background:url(/mice/areaGear/images/area-nav.gif) no-repeat 0 0;color: #7e3f14;text-decoration: none;padding:0;}
.area-nav a.now,.area-nav a:hover.now{background-position:0 -24px;color:#fff;width:65px;}

.area-list{border:1px solid #e94e29;padding:10px;width:560px;overflow: hidden;}
.area-list li{width:280px;float: left;margin:5px 0;}
.area-list input{margin-right:4px;vertical-align:top;margin-top:3px;*margin-top:0px;width:13px; overflow:hidden;display:inline-block;}
.area-list label{display: inline-block;*display: inline;zoom:1;width:250px;}
.area-list label:focus{outline: none;}

.area-list em{white-space: nowrap;margin-left:5px}
.area-search-list{padding:15px 10px}
.area-list h3{color:#333;}

/* 分页 */
.ajaxPager{margin:20px 0 0;font-size:12px;text-align:center}
.ajaxPager div{margin:0 auto;text-align:center}
.ajaxPager a:link,.ajaxPager a:visited,.ajaxPager a:hover{text-decoration:none;}
.ajaxPager a,.ajaxPager .curP,.ajaxPager .sumP{height:18px;line-height:18px;text-align:center;vertical-align:middle;padding:2px 5px;margin:0 3px 0 0;}
.ajaxPager .sumP{padding-left:0;font-weight:normal}
.ajaxPager strong{padding:0px 5px}
.ajaxPager .curP{color:#fff;background:#ff4b01;border:1px solid red;cursor:default;font-weight:700}
.ajaxPager a{border:1px solid #ccc;vertical-align:middle}
.ajaxPager a:hover{border:1px solid red}
.ajaxPager a span{vertical-align:baseline;}

/* 选中的 */
.area-select{width:600px;margin:10px 0}
.area-select,.area-select ul{overflow:hidden;zoom:1}
.area-select h3{margin-bottom:10px;color:#333;}
.area-select .select-clear{margin-right:10px;font-weight:500;}
.area-select .over-flow{height: 126px;_height:110px;overflow-y: scroll;}
.area-select li{float:left;padding:0 5px;margin-right:10px;margin-bottom:5px;border:1px solid #f98061;background-color: #fff7e5;white-space: nowrap;}
.area-select li a{background:url(/mice/areaGear/images/select-del.gif) no-repeat 0 0 transparent;display:inline-block;width:10px;height:10px;margin:0 0 0 10px;*display: inline;zoom:1;vertical-align:middle;overflow: hidden;}
.area-select li a:hover{background-position:0 -10px;}
.area-error{background:url(/mice/areaGear/images/error.gif) no-repeat 0 2px;padding:0 0 0 20px;color:#ea4621;margin:10px 0}

.area-button{text-align:center;padding:15px 0 0;overflow:hidden;zoom:1;margin-top:15px;}
.area-button button{margin-right:25px;}