@charset "utf-8";
* {margin:0; padding:0}
body {text-align:center; background-color: #fbfbfb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #7f7f7f;}
a{text-decoration: none; outline: none; color: #7f7f7f;; cursor: pointer;}
a:hover{text-decoration: underline}
.clear{clear:both; height: 0px; width:0px;}
.noscript{display:block}
.script{display:none}
.orange{color:#ff7800}
.blue{color:#66c0ff}
#main {width:880px;margin:0px auto;}
#header {height:38px;width:880px;position:relative; margin: 14px auto 14px auto;}
#header a#logo{width: 168px; height: 32px; display:block; position: absolute; top:5px; left: 18px; background: url(/img/pic_map_all.png) 0 0 no-repeat;}
#menu {height:36px;width:660px;position:absolute;top:0px;left:220px;}
#menu ul {list-style-type:none;}
#menu ul li {float:left;}
#menu ul li a {height: 36px; float:left; background: url(/img/pic_map_all.png) no-repeat;}
#menu ul li#menu_1 a {width:165px; background-position: -220px 0;}
#menu ul li#menu_1 a:hover {background-position: -220px -36px;}
#menu ul li#menu_1.on a {background-position: -220px -36px;}
#menu ul li#menu_2 a {width:135px; background-position: -385px 0;}
#menu ul li#menu_2 a:hover {background-position: -385px -36px;}
#menu ul li#menu_2.on a {background-position: -385px -36px;}
#menu ul li#menu_3 a {width:145px; background-position: -520px 0;}
#menu ul li#menu_3 a:hover {background-position: -520px -36px;}
#menu ul li#menu_3.on a {background-position: -520px -36px;}
#menu ul li#menu_4 a {width:105px; background-position: -665px 0;}
#menu ul li#menu_4 a:hover {background-position: -665px -36px;}
#menu ul li#menu_4.on a {background-position: -665px -36px;}
#menu ul li#menu_5 a {width:110px; background-position: -770px 0;}
#menu ul li#menu_5 a:hover {background-position: -770px -36px;}
#menu ul li#menu_5.on a {background-position: -770px -36px;}
.box_big {width:880px;height:auto; margin: 10px auto;}
.box_big .box_big_up {height:9px; background: url(/img/pic_map_all.png) 0 -72px no-repeat;}
.box_big .box_big_middle {border-left: 1px solid #c8c8c8;border-right: 1px solid #c8c8c8; background-color: #ffffff}
.box_big .box_big_down {height:9px; background: url(/img/pic_map_all.png) 0 -81px no-repeat;}
.content {padding:10px 20px;}
.content .left.start {width:400px;height:auto;float:left; text-align: left; line-height: 22px}
.content .right.start {width:404px; height:auto; float:right; padding-left: 20px; background: url(/img/pic_map_box_start.png) -878px -22px no-repeat;text-align: right; line-height: 22px}
.content .head{display: block; margin-bottom: 14px; font-size:14px; font-weight:bold}

.box_big_middle.menu_user{position:relative; text-align: left}
a.menu_user{display: inline-block; padding: 0 20px;}
a.menu_user:hover{color:#ff7800;}
a.menu_user.logout{position:absolute; top:0px; right:0px;}

.box_big.start .box_big_up {height:11px; width: 880px; background: url(/img/pic_map_box_start.png) 0 0 no-repeat;}
.box_big.start .box_big_middle {position:relative;width:880px;height:328px;background: url(/img/lines.png) -880px 0 repeat-y; border:none; text-align: left}
.box_big.start .box_big_down {height:11px; width: 880px; background: url(/img/pic_map_box_start.png) 0 -11px no-repeat;}

#tabs_menu {width:221px;list-style-type:none; text-align:right}
#tabs_menu li a {display:block;width:221px;height: 82px; text-decoration: none;}
#tabs_menu li a span{display:block;padding-right:30px;padding-top:29px; font-size:17px;letter-spacing:0.9px;}
#tabs_menu a.tab{background: url('/img/pic_map_box_start.png') -221px -22px no-repeat}
#tabs_menu a.tabActive, #tabs_menu a:hover.tabActive{color:#ff7800;background: url('/img/pic_map_box_start.png') 0 -22px no-repeat}

#mainContent {position:absolute;left:221px;top:0px;width:659px;height:328px;overflow:hidden;}
#mainContent .contentbox {display:none}
#mainContent .contentbox.active{display:block}
#mainContent .contentbox .left{float:left;width:350px;height:328px;text-align:center;}
#mainContent .contentbox .right{float:right;width:299px;height:308px;text-align:right;padding:20px 10px 0 0;}
#mainContent .contentbox h2 {font-size:22px;letter-spacing:2px;font-weight: normal;}
#mainContent .contentbox h2 .green {color:#11b000;}
#mainContent .contentbox h2 .blue {color:#4097ce;}
#mainContent .contentbox h2 .purple {color:#ea5fff;}
#mainContent .contentbox h2 .gold {color:#a3a100;}
#mainContent .contentbox .right h4 {display:block;margin: 15px 0;font-size:15px;font-weight:lighter;text-align:right;letter-spacing:0px;}
#mainContent .contentbox .right h4 span {display:inline-block; width: 7px; height:13px; margin: 0 10px; background: url('/img/pic_map_box_start.png') no-repeat;}
#mainContent .contentbox .right h4 span.green{background-position: -442px -37px;}
#mainContent .contentbox .right h4 span.blue{background-position: -442px -23px;}
#mainContent .contentbox .right h4 span.purple{background-position: -442px -51px;}
#mainContent .contentbox .right h4 span.gold{background-position: -442px -64px;}

#mainContent #allefree_panel {text-align: center; width:auto;}
#mainContent #allefree_border {margin: 0px auto; width: 350px; height: auto;}
#mainContent #allefree_medium {height: 136px;}
#mainContent #allefree_medium a {display:block; width:183px; height: 136px;margin:10px auto; background: url('/img/pic_map_box_start.png') 0 -104px no-repeat; outline:none}
#mainContent #allefree_strip {display:block; width: 318px; height: 1px; margin: 10px auto; background: url('/img/pic_map_box_start.png') -460px -23px no-repeat;}
#mainContent #allefree_thumb {margin: 5px auto; height: auto; width: 350px;}
#mainContent #allefree_thumb ul {list-style-type: none;}
#mainContent #allefree_thumb li {float:left; margin: 4px 1px}
#mainContent #allefree_thumb li a {display:block; width:82px; height: 62px; border: solid 1px #ffffff; outline:none}
#mainContent #allefree_thumb li a:hover {border:solid 1px #ff7800;}
#mainContent #allefree_thumb li a span {display:block; width:80px; height: 60px; margin:1px; background: url('/img/pic_map_box_start.png') no-repeat;}
#mainContent #allefree_thumb li a span#photo1 {background-position: -186px -105px;}
#mainContent #allefree_thumb li a span#photo2 {background-position: -266px -105px;}
#mainContent #allefree_thumb li a span#photo3 {background-position: -346px -105px;}
#mainContent #allefree_thumb li a span#photo4 {background-position: -426px -105px;}
#mainContent #allefree_thumb li a span#photo5 {background-position: -186px -165px;}
#mainContent #allefree_thumb li a span#photo6 {background-position: -266px -165px;}
#mainContent #allefree_thumb li a span#photo7 {background-position: -346px -165px;}
#mainContent #allefree_thumb li a span#photo8 {background-position: -426px -165px;}

table.comp {border-collapse: separate; border: none; margin: 0 auto; text-align: center}
table.comp th{background-color: #f9f9f9; border: none; height: 24px;padding: 0 5px}
table.comp td.hspace{height: 10px;}
table.comp tr td{height: 28px;padding: 0 5px}
table.comp .caption{text-align: left; padding-left:20px; background-color: #F9F9F9}

#mainContent .graph{width: 300px; height: 209px; margin: 60px auto 10px auto; background: url('/img/pic_map_box_start.png') -510px -30px no-repeat;}

#mainContent table.list {margin-top: 20px}
#mainContent table.list td.hspace{height: 14px;}
#mainContent table.list th{background-color: #fdf1ff; border: none; height: 24px;padding: 0 5px}
#mainContent table.list tr td{height: 28px;}

#mainContent table.list a {text-decoration: none;}
#mainContent table.list a:hover {text-decoration: none;}
#mainContent table.list a.icon.size18 span{display:none; font-size: 10px; color:#1dacdb; }
#mainContent table.list a.icon.size18:hover span{display:block;position:absolute;top:290px;left:27px;width:300px;height:auto;padding:5px;border:1px solid #1dacdb;background-color:#f9fdff; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}

.stat_1{float:left;width:auto;}
.stat_2{float:right;width:auto;}

#alert, #flash{height: auto;width: 100%;margin: 10px 0;padding: 10px 0; font-weight: bold; text-align: center;}
#alert.notice, #flash.notice{color: #8fc983;background-color: #f9ffe6;border: solid #bad998;border-width: 1px 0}
#alert.error, #flash.error{color: #ff8566;background-color: #fff4ed;border: solid #ffcbb2;border-width: 1px 0}
#alert.info, #flash.info{color: #66c0ff;background-color: #f6fbff;border: solid #b2dfff;border-width: 1px 0}
.line{height:1px;width:880px; margin: 0 auto; background-image: url(/img/pic_map_all.png); background-position: 0 -90px; background-repeat: no-repeat}
.line.min{width:800px; background-position:-40px -90px; margin: 10px auto}
#footer {width:880px; margin: -5px auto 0px auto; font-size:10px;}
#footer .left {padding:6px 10px 0px 10px; float: left}
#footer .right {padding: 0px 10px 0px 0px; float: right}
.social_text{padding:0px 10px; float:left; text-align:right}
.twitter_tweet {width:24px; height:24px; margin:0px 5px; background: url(/img/pic_map_all.png) no-repeat -148px -40px; float:left}
.twitter_tweet:hover {background-position: -172px -40px}
.twitter {width:24px; height:24px; margin:0px 5px; background: url(/img/pic_map_all.png) no-repeat -196px -40px; float:left}
.twitter:hover {background-position: -196px -16px}
.facebook {width:24px; height:24px; margin:0px 5px; background: url(/img/pic_map_all.png) no-repeat -100px -40px; float:left}
.facebook:hover {background-position: -124px -40px}
.googleplus{padding:0px 5px; width:62px; float:left}

form{text-align: left;}
form input, form select, textarea{border: 1px solid #C8C8C8;padding:3px;color: #7F7F7F;font-size: 12px;font-family:Verdana,Arial,Helvetica,sans-serif;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
form input[type=radio]{padding:0; border: none;}
form input[type=checkbox]{border: none;}
form .hidden{display: none;}
form table.form{padding: 10px 0;}
form table.form .required{color: #ff8566; margin-left: 5px;}
form table.form tr td{padding-bottom: 14px;vertical-align: top;}
form input.submit, form input.submit.set{float:right; display:block; padding:3px 7px 4px 7px; margin: 0 24px 10px 0; border:1px solid #c8c8c8; background: #f6f6f6; color:#ff7800;cursor:pointer;text-align:center;font-weight: bold;outline: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
form input.submit:hover{background: #ebebeb;outline: none;}
form table.form tr.with_info td{padding-bottom: 5px;}
td.label, td.valid{padding-top: 4px;}
td.valid{color: #ff8566; padding-left: 15px;}
#form_global_errors{height: auto;width: 100%;padding: 10px 0;font-size: 12px;font-weight: bold;text-align: center;margin: 0 0 10px 0;color: #ff8566;background-color: #fff4ed;border-bottom: 1px solid #ffcbb2;border-top: 1px solid #ffcbb2;}

form.gallery{display:block; width: 800px; margin: 0 auto; text-align: left}
form.gallery input {padding:2px;}
form.gallery .gallery_title {margin-left:4px;}
form.gallery .icon.size18.help {margin-top: 14px; float:right}
form.gallery .wmposition{display:block; width: 80px; border:2px solid #C8C8C8; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
form.gallery .wmposition #tl{float: left; margin: 3px 0 0 3px}
form.gallery .wmposition #tr{float: right;  margin: 3px 3px 0 0}
form.gallery .wmposition #middle{margin: 3px 33px}
form.gallery .wmposition #bl{float: left; margin: 0 0 3px 3px}
form.gallery .wmposition #br{float: right; margin: 0 3px 3px 0}
form.gallery .line.min{width:760px; background-position:-60px -90px; margin: 10px 0}
form.gallery .submit{padding:10px 14px 11px 14px; margin: 10px 24px 20px 0; border:2px solid #c8c8c8;}
form.gallery .content.set{margin-left: 4px;}
form.gallery #check_set{margin:0 6px 0 0; padding:0}
form.gallery .submit.set{margin: 10px 24px 20px 0;}
form.gallery .title.set{color: #7f7f7f;}
form.gallery table.set tr td{height:20px; padding: 0 5px;}
form.gallery .set .caption {text-align: right; padding-right:10px; background-color: #F9F9F9}

.title {width: 600px; margin-top:14px; float:left; font-weight: bold; font-size: 15px; color:#ff7800}
.title.edit{margin-top: 0; color: #7f7f7f; text-align: left;}
.icon.size18.help.form {margin-top: 1px; float:right}

div.icon.size18.help span{display:none; width:300px; height:auto; font-size: 10px; color:#1dacdb; text-align:left;}
div.icon.size18.help:hover span{display:block;position:absolute;top:10px;right:18px;padding:5px;border:1px solid #1dacdb;background-color:#f9fdff;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
div.icon.size18.help span div {font-weight: bold; margin:5px 0;}

.button.register {padding:5px 9px 6px 9px; margin: 0 0 10px 20px; border:1px solid #c8c8c8; background: #f6f6f6; letter-spacing: 1px; cursor:pointer; text-align:center; font-weight: bold; outline: none; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.button.register:hover{background: #ebebeb; text-decoration: none;}

.qq-uploader { position:relative; width: 100%;}
.qq-upload-button {display:block; width: 128px; padding: 5px 10px 5px 20px; margin: 10px 0 0 4px; border:1px solid #a8a8a8; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
.qq-upload-button div.icon.size18.create.med{position:absolute; top:3px; right: 14px}
.qq-upload-button:hover {background:#F6F6F6;}
.qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;background:#FF9797; text-align:center; }
.qq-upload-drop-area span {display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;}
.qq-upload-drop-area-active {background:#FF7171;}
.qq-upload-list{list-style: none; margin: 16px 0}
.qq-upload-list li {list-style: none; margin: 7px 0; position: relative}
.qq-upload-list li:hover {background-color: #F6F6F6}
.qq-upload-list li div, .qq-upload-list li a{display: inline-block; margin: 0 5px; height: 18px; zoom:1; *display: inline;}
.qq-upload-file-status{width:18px; vertical-align:text-bottom; margin-right: 16px;}
.qq-upload-file{width: 220px}
.qq-upload-file-size{width: 60px}
.qq-upload-file-percent{width: 50px}
.qq-upload-file-error{width: auto; color: #FF8566;display:none;}
.qq-upload-file-delete{position:absolute; top:0px; right: 0px; width: 35px; padding-top: 5px;}
.qq-upload-file-spinner {background: url("/img/loading_1.gif") no-repeat 1px 1px; width:18px; height:18px; vertical-align:text-bottom;}

table.list {border-collapse: collapse; margin: 0 auto; width: auto}
table.list th, table.list td{padding: 0 2px}
table.list th{background-color: #FDF19D; border: solid #e0dfdf;border-width: 1px 0;font-weight: normal;height: 22px;text-transform: lowercase;text-align: left;}
table.list th a {text-decoration: underline}
table.list td.hspace{height: 14px;}
table.list tr:hover td.hspace{background-color: #ffffff}
table.list tr td{height: 24px; text-align: left;}
table.list tr:hover{background-color:#F9F9F9;}
table.list tr th div{display: inline-block;width: 12px;height: 8px;background: url('/img/pic_map_all.png') no-repeat; margin: 0px 5px;}
table.list tr th div.desc{background-position: 0 -35px;}
table.list tr th div.asc{background-position: 0 -55px;}

table.list.special th, table.list.special td{padding:0 2px; font-size:10px; text-align:center}

.thumb ul {padding: 0; margin:0; list-style:none}
.thumb li {float:left;}
.thumb li a {display:block; width:120px; height: 90px; border: solid 1px #ffffff; outline:none}
.thumb li a:hover {border:solid 1px #ff7800;}
.thumb li a span {display:block; width:120px; height: 90px; margin: 0; background-repeat: no-repeat;}
.thumb li a span#photo1 {background-position: 0px 0px;}
.thumb li a span#photo2 {background-position: 0px -90px;}
.thumb li a span#photo3 {background-position: 0px -180px;}
.thumb li a span#photo4 {background-position: 0px -270px;}
.thumb li a span#photo5 {background-position: 0px -360px;}
.thumb li a span#photo6 {background-position: 0px -450px;}
.thumb li a span#photo7 {background-position: 0px -540px;}
.thumb li a span#photo8 {background-position: 0px -630px;}

table.check{font-size:10px; border-collapse: collapse;}
table.check td {border:1px solid #E0DFDF; padding:3px}
table.check input{margin: 2px 5px}

table.stat {border-collapse: separate; border: 1px solid #e0dfdf; text-align: left; margin: 0 auto;}
table.stat th{background-color: #FDF19D;border: none; height: 20px;padding: 0 5px}
table.stat td.hspace{height: 10px;}
table.stat tr td{height: 24px;padding: 0 5px}
table.stat .caption{text-align: right; padding-right:20px; background-color: #F9F9F9}
/*pagination*/
.pager{height: 40px;margin:20px 20px 10px 0;float: right;overflow: hidden; display: block}
.pager .page{text-align: center;font-size: 10px;display: block;margin: 5px 0 0 0;}
#paginator ul{padding:0;list-style:none;}
#paginator li{font-size:11px;float:left;}
#paginator a{border:solid 1px #E0DFDF;margin-right:2px;}
#paginator .previous a {font-weight:bold;border:solid 1px #FFFFFF;}
#paginator .previous-off{border: 1px solid #ffffff;display:block;font-weight:bold;padding:3px 6px;margin-right: 2px;}
#paginator .next a{font-weight:bold;border:solid 1px #FFFFFF;margin-right: 0px;}
#paginator .next-off {border: 1px solid #ffffff;display:block;font-weight:bold;padding:3px 6px;}
#paginator .active{color:#ff7800;font-weight:bold;display:block;padding:4px 6px;margin-right: 2px;}
#paginator a:link, #paginator a:visited {display:block;padding:3px 6px;text-decoration:none;}
#paginator a:hover{border-color: #ff7800;}

ul.answer{list-style:decimal; margin-left:20px;}
ul.answer li span{display:block; font-weight:bold}
ul.answer li p{margin: 10px 0 20px 10px;}

.help_index{text-align:left}
.help_index ul{list-style: none; line-height: 16px}
.help_index > ul{margin-left:30px}
.help_index > ul > li{font-weight: bold; margin: 15px 0 8px 0}
.help_index ul ul {margin-left:20px; font-weight: normal}
.help_content{text-align:left}
.help_content a{text-decoration: underline}
.help_content ul{list-style: none;}
.help_content > ul{margin-left:20px}
.help_content > ul > li{font-weight: bold; margin: 10px 0}
.help_content ul ul {margin-left:10px;}
.help_content ul > ul > li{margin-top:10px; font-weight: bold;}
.help_content ul div{margin: 10px 0 34px 5px; text-align: left; font-weight: normal;}
.help_content ul div p {margin: 16px 0;}
.help_content ul div img {display:block; padding:3px; margin:10px auto; border:1px solid #e8e8e8; text-align:center; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}

textarea.panel_code{display:block; width:400px; height:60px; margin:5px auto;}
.panel_title{text-align: left; margin: 10px 0 10px 40px; font-weight: bold}
.panel_desc{text-align: left; margin: 10px 0 0 60px;}
table.comp.panel .caption{text-align:right; margin: 0 10px 0 0}
table.comp.panel .hspace{height:10px}
table.panel_layout{margin:0 auto; padding:0}
table.panel_layout td.middle{width:53px; height:30px; background: url('/img/pic_map_all.png') -32px -40px no-repeat;padding:0 0 0 1px}
table.panel_layout td.small{width:12px; height:8px; background: url('/img/pic_map_all.png') -20px -40px no-repeat;padding:0}
.icon.size36.glass.panel{position: relative}
.icon.size36.glass.panel div.panel_view{display:none; position:absolute;top:-100px;right:34px;}
.icon.size36.glass.panel:hover div.panel_view{display:block;}

.icon{display: inline-block;margin: 0 auto;outline: none;}
.icon.size18{width:18px;height:18px;background: url(/img/icons_small.png) no-repeat;}
.icon.size24{width:24px;height: 24px;background: url(/img/icons_small.png) no-repeat;}
.icon.size36{width:36px;height: 36px;background: url(/img/icons_big.png) no-repeat;}
/*delete/active/inactive/create/edit/stat/error/notice/help/info/date/code/time/glass*/
.icon.size18.delete.min{background-position: 0px -72px;}
.icon.size18.delete.med{background-position: 0px -90px;}
.icon.size18.delete:hover{background-position: 0 -108px;}
.icon.size18#active:hover{background-position: -18px -108px}
.icon.size18.active.med{background-position: -18px -90px;}
.icon.size18.active.max{background-position: -18px -108px;}
.icon.size18.inactive.med{background-position: -36px -90px;}
.icon.size18.create.med{background-position: -54px -90px;}
.icon.size18.help{background-position: -144px -72px; position: relative; z-index: 25}
.icon.size18.help:hover{background-position: -144px -108px;}
.icon.size18#code:hover{background-position: -198px -108px;}
.icon.size18.code.min{background-position: -198px -72px;}
.icon.size18.code.med{background-position: -198px -90px;}
.icon.size18#edit:hover{background-position: -72px -108px;}
.icon.size18.edit.min{background-position: -72px -72px;}
.icon.size18.edit.med{background-position: -72px -90px;}
.icon.size18.time.med{background-position: -216px -90px;}
.icon.size18.time:hover{background-position: -216px -108px;}
.icon.size24.delete{background-position: 0 0;}
.icon.size24.delete.med{background-position: 0 -24px;}
.icon.size24.delete.max{background-position: 0 -48px;}
a.icon.size24.delete#delete:hover{background-position: 0px -48px;}
.icon.size24.active{background-position: -24px 0;}
.icon.size24.active.med{background-position: -24px -24px;}
.icon.size24.active.max{background-position: -24px -48px;}
a.icon.size24.active#inactive:hover{background-position: -48px -48px;}
.icon.size24.inactive.med{background-position: -48px -24px;}
a.icon.size24.inactive#active:hover{background-position: -24px -48px;}
.icon.size24.create{background-position: -72px 0px;}
a.icon.size24.create#create:hover{background-position: -72px -48px;}
.icon.size24.edit{background-position: -96px 0px;}
a.icon.size24.edit#edit:hover{background-position: -96px -48px;}
.icon.size24.stat{background-position: -120px 0px;}
a.icon.size24.stat#stat:hover{background-position: -120px -48px;}
.icon.size24.code{background-position: -264px 0px;}
a.icon.size24.code#code:hover{background-position: -264px -48px;}
.icon.size36.glass{background-position: -468px 0}
.icon.size36.glass:hover{background-position: -468px -72px}