/* This is the Main template logo, Edit this to match the width and height of your new logo image */
#logo {width: 400px;height: 96px;}
html {overflow-x:hidden}
/* Font Family Settings */
#ff-affinity, a.affinity, #ff-affinity .componentheading {font-family: Helvetica,Arial,sans-serif;}
#ff-optima, a.optima {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}
#ff-geneva, a.geneva {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;}
#ff-helvetica, a.helvetica {font-family: Helvetica, Arial, FreeSans, sans-serif;}
#ff-lucida, a.lucida {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;}
#ff-georgia, a.georgia {font-family: Georgia, sans-serif;}
#ff-trebuchet, a.trebuchet {font-family: "Trebuchet MS", sans-serif;}
#ff-palatino, a.palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}
input { font-family:Helvetica,Arial,sans-serif;}

/* Core Formatting */
html {height: 100%;margin-bottom: 1px;}
body {margin: 0;line-height: 135%;}
form {margin: 0;padding: 0;}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;}
body, body.f-default {font-size: 12px;}
body#ff-optima, body#ff-optima.f-default {font-size: 13px;}
body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;}
p {margin:5px 0;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;}
h1 {font-size: 210%;line-height: 100%;}
h2 {font-size: 190%;line-height: 100%;}
h3 {font-size: 14px;}
h4 {font-size: 120%;line-height: 130%;}
h5 {font-size: 120%;text-transform: uppercase;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clr {clear: both;}
.rokradios, .rokchecks {padding: 2px 5px 0 22px;line-height: 100%;}

/* Top Bar */
.top-bar-padding {padding: 6px 20px;overflow: hidden;}
#top-bar h3 {padding: 0;margin-bottom: 15px;}
.date-block {width: 250px;font-weight: bold;float: left;}
#lock-button {height: 16px;float: right;text-align: left;line-height: 16px;position: relative;}
#lock-button #lock-icon {width: 14px;height: 16px;position: absolute;top: 0;left: 0;display: block;padding: 0;margin: 0;}
#lock-button span {font-size: 13px;padding-left: 20px;margin: 0;font-weight: bold;}
#lock-button:hover {text-decoration: none;}
#accessibility {height: 16px;float: right;margin-left: 10px;width: 110px;}
.textsizer-desc {display: block;float: right;text-align: right;font-size: 12px;margin-right: 6px;font-weight: bold;line-height: 16px;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: right;width: 36px;height:15px;overflow:hidden;}
#accessibility .button {display: block;float: right;width: 15px;height: 15px;}
#accessibility a.small .button {margin-right: 4px;}
.topbar-strip {overflow: hidden;padding-bottom: 2px;}
.topbar-left-mod {float: left;width: 48%;padding: 15px 0;}
.topbar-right-mod {float: right;width: 48%;padding: 15px 0;text-align: right;}

/* Header */
#logo {float: left;position: relative;margin-left: 15px;}
.logo-module {width: 60%;float: left;overflow: hidden;}
.logo-module .moduletable {padding-left: 20px;}
.logo-module .moduletable h3 {padding-left: 0;padding-top: 0;}
#logo:hover {text-decoration: none;}
#header-overlay {padding: 4px 0 0px 0;overflow: hidden;}
.searchmod-top {height: 12px;width: 500px;}
.searchmod-main {overflow: hidden;padding: 0 10px 10px 10px;}

#searchmod-surround h3 {font-size: 12px;color: #fff;margin: 0;padding: 0 0 6px 6px;}
#searchmod-surround {float: right;margin:10px 45px 0 0;}
#searchmod {width: 500px;}

/* Layout Structure */
#maincol {position: relative;}
#rightcol {position: relative;float: left;}
.rightcol-padding {padding: 0 5px;}
#page-bg2 {overflow:hidden;}
.wrapper {position:relative;}
.row-handle {position: absolute;width: 53px;height: 89px;top: 20px; right:-44px !important;right: -34px;cursor: pointer;}
#section-row1, #section-row2, #section-row3, #section-row4, #section-row5 {position: relative;clear:both;padding-top: 5px;padding-bottom: 5px;}
#section-row3-inner {overflow: hidden;margin: 0 -5px;}
#inset-block-right {float: right;z-index: 1;position: relative;background-position: 0 0;background-repeat: repeat-y;}
#inset-block-right .right-padding {padding-left: 20px;}
#inset-block-left {float: left;z-index: 1;position: relative;background-position: 100% 0;background-repeat: repeat-y;}
#inset-block-left .left-padding {padding-right: 20px;}
#inset-block-left h3, #inset-block-right h3 {margin-top: 0;}
#inset-block-left .module, #inset-block-right .module {background: none;}
#inset-block-left .module-handle, #inset-block-right .module-handle {background: url(../images/white-move-handle.png) 100% 100% no-repeat;}

table.mainbody, table.blog {width: 100%;border: 0;padding: 0;}
.spacer .block {float: left;position: relative;}
.drophere {border: 5px dashed #ccc;background: #fff url(../images/drophere.png) center center no-repeat;}

/* Showcase */
#showcase {margin: 0 15px;}
#showcase2 {margin-left: -15px;}
#showcase3 {margin-right: -15px;}
.showcase-inner {padding: 0 5px 8px 5px;}
#showcase-surround {margin: 0 -15px;}

/* Main Content */
#main-body-surround {margin: 0 -5px;}
#main-body.spacing {padding: 0 5px;}
.body-surround-top {margin: 0 16px;}
.body-surround-top2 {margin-left: -16px;}
.body-surround-top3 {margin-right: -16px;height: 16px;}
.body-surround {margin: 0 16px;}
.body-surround2 {margin-left: -16px;}
.body-surround3 {margin-right: -16px;padding: 0 15px;overflow: hidden;min-height:70px;}
.body-surround-bottom {margin: 0 16px;}
.body-surround-bottom2 {margin-left: -16px;}
.body-surround-bottom3 {margin-right: -16px;height: 16px;}
.mainbody-surround {padding: 15px;overflow: hidden;margin-top: 4px;position: relative;}
.mainbody-tl {position: absolute;width: 16px;height: 16px;top: 0;left: 0;}
.mainbody-tr {position: absolute;width: 16px;height: 16px;top: 0;right: 0;}
.mainbody-bl {position: absolute;width: 16px;height: 16px;bottom: 0;left: 0;}
.mainbody-br {position: absolute;width: 16px;height: 16px;bottom: 0;right: 0;}
#main-body {position: relative;}
#vertical-sort {padding: 0 15px;}

/* Side Column Modules */
.side-mod h3 {margin: 0;font-size: 14px;line-height: 20px;padding: 5px 0 8px 15px;}
.side-mod {margin-bottom: 10px;}
#inset-block-left .side-mod, #inset-block-right .side-mod {margin-bottom: 0;}
.side-mod .module {padding: 15px;margin-bottom: -20px;}
#leftcol .side-mod .module {padding: 15px 5px;}
.advertisement .module-header, .advertisement .module-header2, .advertisement h3.module-title {background: none;margin: 0;}
.advertisement .side-mod h3.module-title {text-align: center;padding: 2px;margin: 0;font-size: 10px;}
#rightcol .advertisement .side-mod .module {padding: 0 0 0 5px;}
#leftcol .advertisement .side-mod .module {padding: 0 5px 0 0;}
#rightcol .module {padding:5px 0 18px;} /*Ä£¿é¾àÀë*/

/* Main Modules */
.moduletable {padding: 0;margin-bottom: 2px/*15px*/;}
.moduletable h3 {padding: 5px 10px;}
.move-handle {width: 17px;height: 17px;position: absolute;right: 10px;top: 8px;cursor: pointer;}
#main-body-surround .move-handle {right: 15px;}
.module-handle {cursor: pointer;position: absolute;width: 15px;height: 15px;top: 7px !important;right: 8px !important;}
#mainmodules {margin: 0 -10px 0 -10px;}
#mainmodules3 {margin-top: 15px;}
#mainmodules4, #mainmodules5 {margin: 0 -10px;}
#bottommodules .moduletable, #mainmodules2 .moduletable, #mainmodules3 .moduletable {padding: 0 10px;}
.moduletable h3 {margin-top: 0px; margin-left:8px;font-size: 14px;}
#inset-block-right .mainblock-module, #inset-block-left .mainblock-module {padding-bottom: 10px;}
#main-body-surround, #showmodules, #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4, #mainmodules5, #bottommodules {overflow: hidden;position: relative;}
#bottommodules h3 {padding-left: 0;}
#mainmodules .block, #mainmodules4 .block, #mainmodules5 .block, #showmodules .block {margin: 0 5px;}
.spacer.w99 .block {width: 99.8%;}
.spacer.w49 .block {width: 49.8%;}
.spacer.w33 .block {width: 33.3%;}
#mainmodules3 h3 {margin-top: 0;}
#bottom-main, #bottom-main2 {position: relative;}
h3.main-modules {font-size: 110%;font-weight: bold;margin: 0;padding: 3px 10px 9px 10px;text-transform: uppercase;text-align: center;margin-bottom: 10px;}
.hilite2 .module-header, .hilite2 .module-header2, .hilite2 .module-header3 {background: none;}
.module-header3 {position: relative;}
#page-bg .block.full .moduletable, #page-bg .block.full .module {padding: 0;}

/* Top Main Menu */
#horiz-menu3 {padding: 0 20px;height: 42px;display: block;}
ul#horiznav.menutop, #horiz-menu ul.menutop {/*padding: 0;margin: 0;position: relative;z-index:120;float: left;cursor:pointer;*/padding:5px 0 0;margin:0 0 0 200px; }
#horiz-menu li, #horiz-menu li .link {position:relative;display: block;height: 45px;line-height: 38px;}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu .link {white-space: nowrap;display: block;float: left;height: 45px;line-height: 45px;font-weight: normal;font-size: 14px;text-decoration: none;z-index: 100;cursor: pointer;padding: 0;}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link, #horiz-menu li.active .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu ul {list-style: none;padding: 0;margin: 0;}
#horiz-menu li {display: block;float: left;margin: 0;padding: 0;font-weight: bold;}
#horiz-menu li .link span {display: block;padding: 0 10px 0 20px;height: 45px;}
#horiz-menu li li .link span {display: block;padding: 0 10px;height: 24px;line-height: 24px;}


/* Main Body Items */
#breadcrumbs3 {margin: 0 0 10px 0;display: block;position:relative;overflow: hidden;height: 30px;}
#breadcrumbs-home {width: 24px;height: 24px;display: block;float: left;margin:4px 8px 0 4px}
#breadcrumbs h3 {display: none;}
#breadcrumbs .spinner {float:right;background:url(../images/spinner.gif) center center no-repeat;width: 16px;height: 16px;right: 10px;top: 10px;position: absolute;}
span.breadcrumbs {display: block;font-size: 110%;overflow: hidden;}
span.breadcrumbs img {width: 10px;height: 30px;float: left;}
span.breadcrumbs a, span.no-link {padding: 0 8px;float: left;display: block;height: 30px;line-height: 32px;}
span.breadcrumbs span.no-link {font-weight: normal;}
span.breadcrumbs a:hover {text-decoration: none;}
.contentheading {font-size: 190%;font-weight: normal;line-height: 140%;margin: 0 0 15px 0;padding: 0;}
p.buttonheading {float: right;margin: 0 0 0 15px;}
.article-info-surround2 {padding: 10px 14px;margin-bottom: 15px;}
p.articleinfo, p.iteminfo {margin: 0;font-style: italic;font-size: 10px;line-height: 130%;}
span.modifydate, span.createdby, span.createdate {display: block;}
p.counter {text-indent: 2px;font-weight: bold;}
div.pagination {height: 24px;line-height: 24px;margin-top: 10px;margin-bottom: 15px;}
div.pagination div.tab {float: left;margin-right: 6px;}
div.pagination div.tab2 {padding: 0 10px;}
div.pagination div.page-block {padding: 0 4px;float: left;margin-right: 6px;}
.cols1 {display: block;float: none;margin: 0;}
.cols2 {width: 49%;}
.cols3 {width: 30%;}
.column1, .column2 {margin: 0 5px 0 0;position: relative;}
.column2, .column1 {float: left;margin: 0;}
.column2 {float: right;margin: 0;width: 49%;}
.article_row {margin: 0 -15px;padding: 0 15px;overflow: hidden;}
.blog_more {padding-top: 15px;padding-bottom: 5px;}
#page {padding-bottom: 15px;}
.componentheading {margin: 0 0 15px 0;font-size: 170%;line-height: 130%;padding: 0 0 0 20px;}

/* Extra Joomla Elements */
span.small, td.createdate, td.modifydate {font-size: 90%;}
table.blog td.createdate {padding-bottom: 5px;}
table.blog td.modifydate {padding-top: 10px;}
.sectiontableheader {font-weight: bold;padding: 4px;line-height: 25px;text-align: left;}
.sectiontablefooter {padding-bottom: 8px;}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 4px 5px 4px 5px;border-bottom: 1px solid #ddd;vertical-align: middle;}
tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;}
tr.sectiontableentry1 td, td.sectiontableentry1 {height: 30px;}
.contentpane, .contentpaneopen {width: 100%;}
.module fieldset {border: 0;}
.module h4 {margin-top: 0;}
table.contenttoc {float: right;margin-left: 25px;}
.weblinks .contentdescription {overflow: hidden;margin-bottom: 15px;padding: 15px 0;}
.weblinks img {margin-right: 12px;margin-left: 0;}
form#login.form-login .contentdescription img {margin: 0;float: none;}
.contact_email label {margin-bottom: 5px;display: block;}
.contact_email input.button {border: 0;background: none;height: 22px;padding-top: 7px;line-height: 16px;}
.contact_email .readon-wrap1 {margin-top: 0;}
.contact_email .inputbox {width: 215px;height: 20px;border: 0;padding-left: 5px;font-size: 110%;padding-top: 4px;line-height: 10px;}
.contact_email #contact_text.inputbox {width: 290px;height: 200px;background: none;border: 1px solid #ddd;padding: 5px;font-size: 12px;line-height: 140%;}
.contact-name {font-weight: bold;font-size: 140%;display: block;padding: 0;}
.contact-position {display: block;padding-bottom: 15px;}
.intro-article-content .article_separator { display: none; }
.contact .icon { float: left; width: 40px;}
.contact .misc, .contact .webpage, .contact .mobile, .contact .email, .contact .telephone, .contact .fax, .contact .country, .contact .state, .contact .postcode, .contact .suburb, .contact .street-address { overflow: hidden;}
.contact .other .surround { margin-top: 5px;}
.contact .vcard {margin-top: 15px;}
.weblinks img { float: left; }

/* Side Menus */
#main-body-surround #leftcol ul.menu {margin: 0;padding: 0;}
#main-body-surround #rightcol ul.menu {margin: 0;padding: 0;}
#main-body-surround ul.menu li {list-style: none;margin: 0;padding: 2px 0;float: none;}
#main-body-surround ul.menu a:hover {text-decoration: none;}
#main-body-surround ul.menu span {display: block;}
#main-body-surround ul.menu ul {padding-left: 25px!important;}
#main-body-surround ul.menu ul li a {padding: 0;margin-bottom: 10px;}
#main-body-surround ul.menu ul li span.separator {padding-left: 20px !important;}
#main-body-surround ul.menu ul li ul li ul li a, #main-body-surround ul.menu ul li ul li ul li .separator {padding-left: 56px;background: none;}
#main-body-surround ul.menu li.active.parent li span, #main-body-surround ul.menu li.parent li span {padding-left: 14px;line-height: 140%;}
#main-body-surround ul.menu a, ul.menu .separator {display: block;text-indent: 0;overflow: hidden;font-size: 120%;float: none;}
#main-body-surround ul.menu a, #main-body-surround ul.menu .separator {padding: 6px 10px 6px 22px;}
#main-body-surround ul.menu li.active.parent li span.separator, #main-body-surround ul.menu li.parent li span.separator {background: none;}
#main-body-surround ul.menu li.active a, #main-body-surround ul.menu li.active li.active a, #main-body-surround ul.menu li.active li.active li.active a, #main-body-surround ul.menu li.active .separator, #main-body-surround ul.menu li.active li.active .separator {font-weight: bold;}
#main-body-surround ul.menu li.active li a, #main-body-surround ul.menu li.active li.active li a, #main-body-surround ul.menu li.active li .separator, #main-body-surround ul.menu li.active li.active li .separator, #main-body-surround ul.menu li.active li.active li.active .separator {font-weight: normal;}
#main-body-surround ul.menu li li {padding: 0;margin: 0;background: none;font-size: 10px;}
#main-body-surround ul.menu li li a span, #main-body-surround ul.menu li li .separator span {padding: 0;}
#main-body-surround ul.menu li.active.parent ul, #main-body-surround ul.menu li.active.parent ul li.active.parent ul, #main-body-surround ul.menu li.active.parent ul li.active.parent ul li.active.parent ul {margin: 0;padding: 5px 0 5px 20px;}
#main-body-surround ul.menu li.active ul span.separator {background: none;}
#main-body-surround ul.menu li.active li li, #main-body-surround ul.menu li:hover li li {background: none;}

/* Extra Content Styles */
a.nounder {text-decoration: none;border: 0;cursor: pointer;}
a.nounder:hover {text-decoration: none;}
fieldset {margin:10px 0 20px 0; border:0;}
fieldset.input, a img, body .pollstableborder {border: 0;}
form.form-login fieldset.input {padding: 0;}
legend {font-size:120%;padding:0 0 10px 0;margin:0;color:#333;text-indent:0;}
form.poll fieldset {margin: 0 0 10px 0;padding: 0;}
h4.poll-title {margin: 0 0 10px 0;padding: 0;font-size: 120%;}
.poll-line {padding: 5px 15px 3px 5px;font-size: 110%;}
.poll-buttons {padding: 0 15px;overflow: hidden;width: 140px;margin: 0 auto;}
form.poll input.button, input#submit.button {background: none;cursor:pointer;border: none;text-align: center;line-height: 18px;height: 30px;float: left;}
.vote-button-wrap .readon-wrap1 {margin-left: 15px;}
form.poll a.results:hover {text-decoration: none;}
img.content-left {float: left;margin-right: 10px;padding: 5px;}
img.content-right {float: right;margin-left: 10px;padding: 5px;}
.back_button {margin-top: 20px;margin-bottom: 10px;}
.tool-tip {padding: 4px;z-index:5000;background:#fbf3ad;color:#333;border:2px solid #f8e639;font-size:90%;width:300px;}
.bannergroup .clr {clear: none !important;}
dl.poll dt {border-bottom:solid 1px #ccc;font-weight: bold;}
dl.poll dd {padding:6px 0;margin-left: 0;}
.polls_color_1 {background:#000;}
.polls_color_2 {background:#999;}
.polls_color_3 {background:#93246F;}
.polls_color_4 {background:#000;}
.polls_color_5 {background:#ccc;}
.polls_color_6 {background:#93246F;}
#main-content .poll {padding-top: 15px;}
.blog_more h2, .newsfeeds-default .article-info-surround h2 {margin: 0;padding: 0;text-transform: uppercase;font-size: 110%;font-weight: bold;}
.newsfeeds-default .article-info-surround {margin-top: 10px;}
ul.latestnews, ul.mostread, .blog_more ul, .block ul#mainlevel-nav {margin: 0;padding: 0;}
ul.latestnews li, ul.mostread li, .blog_more ul li, .block ul#mainlevel-nav li {list-style: none;margin-bottom: 6px;padding-bottom: 6px;padding-left: 5px;}
ul.latestnews li a, ul.mostread li a, .blog_more ul li a, .block ul#mainlevel-nav li a {font-weight: bold;font-size: 110%;display: block;padding-left: 12px;}
.bannergroup_text .bannerheader {font-size: 120%;font-weight: bold;margin-bottom: 15px;}
.bannergroup_text .banneritem_text {margin-bottom: 15px;}
.bannergroup_text .banneritem_text a {font-weight: bold;}

/* Form overrides */
#main-content form.editor {padding:0;margin:0;}
#main-content form.editor {color:#333;}
#main-content form.editor input, #main-content form.editor textarea {border:1px solid #ccc;}
#main-content form.editor fieldset a {color: #00c;}
#main-content form.editor fieldset {padding:10px; border: 1px solid #ccc;}
#main-content form.editor legend {font-size:120%;margin:15px 0;padding:0 10px;font-weight:bold;}
#main-content form.editor label {display:block;width: 120px;float:left;}
#main-content form.editor div.radio label {display:inline;width:auto;float:none;}

/* Login Styles */
form.form-login p {margin: 0;}
form.search_result input#search_searchword.inputbox, form.form-login .inputbox, form.josForm input#email, .input-surround .inputbox {width: 96%;height: 22px;border: 0;padding-left: 10px;font-size: 9pt;padding-top: 7px;line-height: 10px;}
form.search_result input#search_searchword.inputbox {margin-left: 0;}
form.search_result .input-field-l, form.josForm .input-field-l, .input-surround .input-field-l {width: 300px;}
form.josForm .input-field-l, .input-surround .input-field-l {float: left;}
form.form-login .input-field-l, .input-surround .input-field-l {margin-bottom: 5px;}
form.form-login .login-links {margin-bottom: 8px;margin-top: 8px;}
form.form-login .login-links a {padding-left: 12px;font-size: 110%;}
form.form-login input.button, form.log input.button {border: 0;background: none;height: 30px;}
form.log .readon-wrap1 {margin-top: 5px;}
input.button {font-size: 100%;cursor: pointer;padding: 3px 5px;}
.readon1-r input.button, .readon1-r button {color: #fff;}
form.form-login span.username-label, form.form-login span.password-label {display: block;text-transform: uppercase;margin-bottom: 1px;padding-left: 2px;}
.register-page input.button, form.josForm input.validate {background: none;border: 0;}
.register-page input.button {padding-top: 7px;height: 22px;line-height: 16px;}
form#josForm.form-validate.user, .edit-user-form {float: left;overflow: hidden;padding-bottom: 15px;}
.edit-user-form {padding-top: 15px;}
.register-page label {display: block;}
.register-page fieldset {margin-bottom: 15px;margin-top: 0;padding-bottom: 15px;}
div.user_name {margin-bottom: 10px;}
div.user_name span {font-weight: bold;font-size: 110%;}
.user-params {margin-bottom: 20px;}
.user-params td.paramlist_key {width: auto;}
.edit-user-button {margin: 0 auto;width: 80px;}
#login-module {display: none;padding: 0 5px 10px 5px;}
#login-module h3 {margin: 0 0 15px 0;padding: 0 0 0 22px;font-weight: bold;line-height: 150%;}
#login-module form.form-login, #login-module form.log {margin: 0;background:none;border:0;}
#login-module .sidemod-title {border:0;}
#login-module form.form-login .inputbox {border: 0;}
#login-module input.button {background: none;border: 0;height: 30px;}
#login-module .input-field-l {width: 210px;}
.remember-me {margin-top: 15px;margin-bottom: 5px;font-size: 110%;}
#login-module .readon-wrap1, form.form-login .readon-wrap1 {margin-top: 5px;}
a#rokbox-close {height: 22px;width: 22px;position: absolute;right: 15px;top: 17px;}
form.josForm label.hasTip {display: block;float: left;height: 25px;line-height: 25px;margin-right: 5px}
.name, .pass {width: 300px;}
.input-surround .input-field-l {background: url(../images/input-field-r.png) 100% -90px no-repeat;}
.input-surround .inputbox {background: url(../images/input-field-l.png) 0 -90px no-repeat;color: #41423D;}
.readon-surround {clear: both;overflow: hidden;}

/* Bottom Section */
#bottom-bg {height: 45px;}
#bottom-menu-overlay {height: 45px;line-height: 55px;}
#botbar {padding: 15px;overflow: hidden;position: relative;}
#bottom {overflow: hidden;padding-bottom: 15px;padding-top: 15px;}
#bottom-menu {overflow: hidden;padding: 0;text-align: center;}
#top-button {position: absolute;right: 25px;top: 16px;width: 90px;height: 20px;text-align: center;line-height: 22px;font-weight: bold;font-size: 12px;}
#top-button a:hover {text-decoration: none;}
.top-button-spacer {height: 15px;}
.copyright-block {width: 500px;margin: 0 auto;text-align: center;}
#copyright {padding: 15px 0 8px 0;}
#bottom-menu ul {list-style: none;margin: 0;padding: 0;}
#bottom-menu ul li {display: inline;}
#bottom-menu ul li a, #bottom-menu ul li .separator {padding: 0 15px;font-size: 120%;font-weight: bold;}
#bottom-menu ul li a:hover, #bottom-menu ul li .separator:hover {text-decoration: none;}
#rocket {width: 18px;height: 15px;display: block;margin: 0 auto;}
#debug-mod {padding: 15px;}
#bottom ul {margin: 0;padding-left: 10px;list-style: none;}
#bottom ul li a {padding-left: 13px;padding-bottom: 5px;display: block;}
#bottom ul li:hover a {text-decoration: none;}
a#clear-cookies {display: block;text-align: center;margin-top: 10px;}

/* RokTabs */
.roktabs-wrapper {padding: 0;position: relative;}
.roktabs-wrapper .roktabs-container-inner {position:relative;overflow: hidden;}
.roktabs-wrapper .roktabs-container-wrapper {clear: both;position: relative;overflow:hidden;}
.roktabs-wrapper .roktabs-container-wrapper div {float: left;}
.roktabs-wrapper .roktabs-container-wrapper div.wrapper {margin: 0 10px 10px 10px;padding: 10px;width: auto;}
.tabs-bottom .roktabs-container-wrapper div.wrapper {margin: 10px 10px 0 10px;padding: 10px;width: auto;}
.roktabs-wrapper .roktabs-links {margin: 0;padding: 0;height: 30px;overflow: hidden;}
.roktabs-wrapper .active-arrows .roktabs-links {margin: 0 20px;padding: 0;height: 30px;}
.roktabs-wrapper .roktabs-links ul {text-align: left;font-weight: bold;list-style-type: none;overflow:hidden;margin: 0;height: 30px;}
.roktabs-wrapper .roktabs-links ul li {float: left;padding: 0;margin: 0;text-decoration: none;position: relative;height: 30px;line-height: 30px;}
.roktabs-wrapper .roktabs-links ul li.last {margin-right: -2px;}
.roktabs-wrapper .roktabs-links ul li span {padding: 7px 11px;}
.roktabs-wrapper .roktabs-links ul {padding: 0;}
.roktabs-wrapper .roktabs-links ul li.active {margin: 0;}
.roktabs-wrapper .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 30px;}
.roktabs-wrapper .arrow-next, .roktabs-wrapper .arrow-prev {line-height: 30px;text-align: center;cursor: pointer;z-index: 2;position: absolute;top: 0;height:30px;width: 20px;background-repeat: no-repeat;}
.roktabs-wrapper .arrow-next {background-position: 100% 0;}
.roktabs-wrapper .arrow-prev {background-position: 0 0;}
.roktabs-wrapper .arrow-next:hover {background-position: 100% -30px;}
.roktabs-wrapper .arrow-prev:hover {background-position: 0 -30px;}
.roktabs-wrapper .arrow-prev span, .roktabs-wrapper .arrow-next span {display: none;}
.tabs-hidden .roktabs-container-wrapper div.wrapper {margin-top: 10px;}
.clear {clear: both;}

/* RokTwittie */
#roktwittie .info .name { display: inline; }

/* RSS Feeds */
ul.newsfeed {margin: 0;padding: 0;}
a.newsfeed-title {text-transform: uppercase;font-weight: bold;}
ul.newsfeed li {list-style: none;padding-left: 12px;margin-bottom: 12px;}
ul.newsfeed li a {font-weight: bold;font-size: 120%;}
ul.newsfeed .newsfeed-div {display: block;padding-bottom: 1px;}

/* Typography */
#page-bg .feature-block .readon-wrap1, .readon-wrap1 {margin-top: 15px;position:relative;float:left;}
#page-bg .feature-block .readon-wrap1 span, .readon-wrap1 span {display:block;height: 30px;line-height: 30px;}
#page-bg .feature-block a.readon, a.readon {font-weight: bold;}
#page-bg .feature-block a.readon-main, a.readon-main {font-size: 12px;cursor: pointer;}
#page-bg .feature-block a.readon-main:hover, a.readon-main:hover {text-decoration: none;}
#page-bg .feature-block .readon1-l, .readon1-l {position:absolute;width: 15px;height: 30px;left:0;top:0;}
#page-bg .feature-block .readon1-m, .readon1-m {margin-left: 15px;text-align: center;}
#page-bg .feature-block .readon1-r, .readon1-r {margin-right: -15px;padding-right: 15px;}

#page-bg .rokstories-layout2 .labels-title {background: none;}
#page-bg .rokstories-layout2 .feature-arrow-r {height: 73px;top: 38%;width: 38px;}
#page-bg .rokstories-layout2 .feature-arrow-l {height: 73px;top: 38%;width: 38px;}
#page-bg .rokstories-layout2 .labels-title {font-size: 18px;color: #fff;font-weight: normal;}
#page-bg .rokstories-layout2 .feature-title {font-size: 20px;margin-bottom: 10px;line-height: 110%;}
#page-bg .rokstories-layout2 .feature-desc {font-size: 14px;}
#page-bg .feature-block-tl {position: absolute;width: 16px;height: 16px;top: 0;left: 0;}
#page-bg .feature-block-tr {position: absolute;width: 16px;height: 16px;top: 0;right: 0;}
#page-bg .feature-block-bl {position: absolute;width: 16px;height: 16px;bottom: 0;left: 0;}
#page-bg .feature-block-br {position: absolute;width: 16px;height: 16px;bottom: 0;right: 0;}
#page-bg .feature-arrow-r {width: 40px;height: 73px;position: absolute;right: 0;top: 38%;cursor: pointer;}
#page-bg .feature-arrow-l {width: 40px;height: 73px;position: absolute;left: 0;top: 38%;cursor: pointer;}
#page-bg .labels-title {line-height: 47px;font-size: 150%;color: #fff;font-weight:normal;height:auto;padding:0;}
#page-bg .feature-block-title {position: absolute;bottom: 15px;left: 15px;font-weight:normal;}
#page-bg .feature-block-title2 {width: 15px;height: 47px;background: url(../images/feature-block-title.png) 0 0 no-repeat;float: left;}
#page-bg .feature-block-title3 {padding: 0 25px 0 10px;height: 47px;background: url(../images/feature-block-title.png) 100% 0 no-repeat;margin-left: 15px;}

/* RokBridge Modules */
.latest_posts {padding-bottom: 6px;margin-top: 6px;}
.latest_posts_subject a {font-weight: bold;}
.rokbridge_login form.form-login .login-links a {display: block;font-size: 100%;margin-bottom: 2px;}
.login-bold {font-weight: bold;font-size: 110%;}
.rokbridge_login span.avatar img {width: 25px !important;height: 25px !important;float: left;margin-right: 10px;}
.rokbridge_login h4.welcome {line-height: 25px;}
.rb-latest-members .rb-avatar-row {padding-bottom: 8px;margin-bottom: 8px;}
.rb-latest-members .rb-avatar img {margin-right: 8px;}
.latest_posts_subject a {padding-left: 12px;display: block;}

/* Alerts */
#maincontent-block div.error {background: #FCE7E7 url(../images/alerts/alert-tl.png) 0 0 no-repeat;padding: 0;margin: 0 0 20px 0;color: #c00;font-weight: bold;}
#maincontent-block div.error .c2 {background: url(../images/alerts/alert-tr.png) 100% 0 no-repeat;}
#maincontent-block div.error .c3 {background: url(../images/alerts/alert-bl.png) 0 100% no-repeat;}
#maincontent-block div.error .c4 {background: url(../images/alerts/alert-br.png) 100% 100% no-repeat;padding: 12px;}
#maincontent-block div.error span {background: url(../images/alerts/alert-icon.png) 0 1px no-repeat;padding-left: 25px;display: block;}
#maincontent-block div.error a {color: #c00;}

#maincontent-block div.notice, #maincontent-block div.message {background: #E9EFFC url(../images/alerts/notice-tl.png) 0 0 no-repeat;padding: 0;margin: 0 0 20px 0;color: #005CAF;font-weight: bold;}
#maincontent-block div.notice .c2, #maincontent-block div.message .c2 {background: url(../images/alerts/notice-tr.png) 100% 0 no-repeat;}
#maincontent-block div.notice .c3, #maincontent-block div.message .c3 {background: url(../images/alerts/notice-bl.png) 0 100% no-repeat;}
#maincontent-block div.notice .c4, #maincontent-block div.message .c4 {background: url(../images/alerts/notice-br.png) 100% 100% no-repeat;padding: 12px;}
#maincontent-block div.notice span, #maincontent-block div.message span {background: url(../images/alerts/notice-icon.png) 0 1px no-repeat;padding-left: 25px;display: block;}
#maincontent-block div.notice a, #maincontent-block div.message a {color: #005CAF;}

#maincontent-block div.warn {background: #F5F3D9 url(../images/alerts/desc-tl.png) 0 0 no-repeat;padding: 0;margin: 20px 0;color: #73621C;font-weight: bold;}
#maincontent-block div.warn .c2 {background: url(../images/alerts/desc-tr.png) 100% 0 no-repeat;}
#maincontent-block div.warn .c3 {background: url(../images/alerts/desc-bl.png) 0 100% no-repeat;}
#maincontent-block div.warn .c4 {background: url(../images/alerts/desc-br.png) 100% 100% no-repeat;padding: 12px;}
#maincontent-block div.warn span {background: url(../images/alerts/desc-icon.png) 0 1px no-repeat;padding-left: 25px;display: block;}
#maincontent-block div.warn a {color: #73621C;}
#maincontent-block div.warn.mod, #maincontent-block div.error.mod, #maincontent-block div.notice.mod, #maincontent-block div.message.mod, #maincontent-block div.description.mod {margin: 0;}

/* @group Demo Content */

#mainmodules .article_separator {display: none;}
.flush .moduletable {margin-bottom: 0;}

/* Custom Modules Tutorial */
.rokmod-demo-block .parameters div {border-right:1px dotted #666;padding-right:12px;}
.rokmod-demo-block .options div {border-right:1px dotted #666; padding-right: 12px;}
.rokmod-demo-block .demo div {border-right:1px dotted #666;padding-right: 12px;}
.rokmod-demo-block .parameters, .rokmod-demo-block .options, .rokmod-demo-block .demo, .rokmod-demo-block .description {float:left;margin-right:12px;}
.rokmod-demo-block .parameters span, .rokmod-demo-block .options span, .rokmod-demo-block .demo span, .rokmod-demo-block .description span {display:block;font-size:11px;line-height:22px;}
.rokmod-demo-block .demo-span1 {font-weight: bold;}

/* Tutorials */
.tut-block {height: 100px; display: block;}
.tut-img {float: left; margin-right: 10px;}
.tut-title {font-size: 130%;font-weight: bold;margin-bottom: 15px;padding-top: 3px;}
pre {overflow: auto;}
.tut-tool-tip {color: #fff;width: 139px;z-index: 13000;}
.tut-tool-title {display: none;}
.tut-tool-text {font-size: 11px;padding: 4px 8px 8px;background: #333;}
.tut-tool-text span { overflow: auto; display: block;}

/* Variation Chooser */
.variation-chooser {margin-top:15px;position:relative; margin-left: 15px;overflow:hidden;}
.variation-chooser .controls {height:25px;position:absolute;}
.variation-chooser .control-prev, .variation-chooser .control-next {cursor:pointer;float:left;height:16px;margin-right:3px;margin-top:1px;width:16px;}
.variation-chooser .control-prev {background-position:0 0;margin-right:0.4em;}
.variation-chooser .control-prev:hover {background-position:0 -16px;}
.variation-chooser .control-next {background-position:0 -32px;margin-left:0.4em;}
.variation-chooser .control-next:hover {background-position:0 -48px;}
.variation-chooser input {background: #fff;border: 1px solid #ddd;width: 50px;text-align: center;margin-left: 125px;color:#333;}

/* @end */

/* Layout 1 */
.feature-block {overflow: hidden;position: relative;}
.feature-block .feature-pad {margin-left: 15px;}
.feature-block .rokstories-spinner {background: transparent url(../../images/spinner.gif) no-repeat scroll 50% 50%}
.feature-block .image-container .image-full {position:relative;overflow: hidden;}
.feature-block .image-container .image-full img {position:absolute;top: 0;left: 0;visibility: hidden;}
.feature-block .image-container .image-small img {cursor: pointer;}
.feature-block .desc-container {overflow: hidden;position: relative;}
.feature-block .desc-container .description {position: absolute;top: 0; left: 0;visibility: hidden;}
.feature-block img.feature-main {display: block;}
.feature-block img.feature-sub {margin: 7px 7px 0 0;}
.feature-block .feature-title {display: block;font-size: 200%;line-height: 130%;margin:10px 0 0 0;}
.feature-block .created-date {display:block;font-size:90%;margin: 0px 0 20px 0;color:#999;}
.feature-block .feature-desc {font-size: 120%;line-height: 130%;}
.feature-block .moduletable h3 {font-size: 180%;}
.feature-block .readon-wrap1 {margin-top: 15px;position:relative;float:left;}
.feature-block .readon-wrap1 span {display:block;height: 24px;line-height: 24px;}
.feature-block a.readon {font-weight: bold;}
.feature-block a.readon-main {font-size: 12px;cursor: pointer;}
.feature-block a.readon-main:hover {text-decoration: none;}
.feature-block .readon1-l {position:absolute;width: 7px;height: 24px;left:0;top:0;}
.feature-block .readon1-m {margin-left: 7px;text-align: center;padding-left:2px;}
.feature-block .readon1-r {margin-right: -7px;padding-right: 10px;}

/* Layout 2 */
.rokstories-layout2 .image-container {position:relative;overflow: hidden;} 
.rokstories-tip {background: url(../../images/thumbs-bg.png) bottom center;padding: 10px 10px 25px;text-align: center;}
.rokstories-layout2 .image-small {display: none;}
.rokstories-layout2 .feature-block-tl, .rokstories-layout2 .feature-block-tr, .rokstories-layout2 .feature-block-bl, .rokstories-layout2 .feature-block-br {}
.rokstories-layout2 .feature-arrow-r {background: url(../../images/arrows.png) 100% 0 no-repeat;cursor: pointer;height: 50px;position: absolute;right: 0;top: 35%;width: 42px;}
.rokstories-layout2 .feature-arrow-l {background: url(../../images/arrows.png) 0 0 no-repeat;cursor: pointer;height: 50px;left: 0;position: absolute;top: 35%;width: 42px;}
.rokstories-layout2 .arrowleft-hover {background-position: 0 50%;}
.rokstories-layout2 .arrowleft-down {background-position: 0 100%;}
.rokstories-layout2 .arrowright-hover {background-position: 100% 50%;}
.rokstories-layout2 .arrowright-down {background-position: 100% 100%;}
.rokstories-layout2 .labels-title {position:relative;padding:0.7em;font-size: 120%;height:15px;background: #222;color:#fff;font-weight: bold;}
.rokstories-layout2 .feature-block-title {position: absolute;}

/* main */

div.wrapper { margin: 0 auto; width: 979px;padding:0;}
#leftcol { width:0px;padding:0;float:left;}
#rightcol { width:260px;padding:0;}
#main-body { width:699px;padding:0;float:left;}
#maincol { width:654px;padding:0;float:right;}
#inset-block-left { width:0px;padding:0;}
#inset-block-right { width:0px;padding:0;}
#maincontent-block { margin-right:0px;margin-left:0px;}
.pathway {margin-top:10px;}

.autoit{background-image: url(../images/live_support.png);	background-repeat: no-repeat;background-position: right bottom;}
ul.autoit {margin:5px 0 0;padding:0}
.autoit span {font-weight: bold;}
.automap { margin:0; padding:0; width:280px; height:140px;overflow: hidden;position:absolute;}

ul#albumlist {margin:20px 0 0; padding:0;}
#albumlist li {float:left;margin:10px 0 20px 16px;padding:0;position: relative;width:212px;height:132px;display:block}
#albumlist img {padding:6px;border:1px #fff solid;border-left:1px solid #BAC1A6;border-top:1px solid #BAC1A6;}
#albumlist img:hover {border:1px #BAC1A6 solid; border-left:1px solid #fff;border-top:1px solid #fff;}
.fanhui {text-align: center;}
ul.autoitli {margin-top:0; margin-bottom:0}
.image-full h1 {display:none}