/* @group Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea,select {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
ul,ol {list-style: none;}
fieldset,img {border: none;}
label {cursor: pointer;}
table {border-collapse: collapse; border-spacing: 0;}
caption,th {text-align: left;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End IE-mac */
/* @end */
/* @group General */
/* @group Basic Elements */
strong,b {font-weight: bold;}
em,i {font-style: italic;}
abbr {border: 0;}
sup {padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em;}
hr {width: 100%; height: 1px; background: #ccc; color: #ccc; margin: 1em 0; border: none; padding: 0;}
/* @end */
/* @group Simple Elements */
body { padding: 0; background: #999; margin: 0;}
body,sup,sub,input,select,textarea {font-family: Tahoma,Arial,sans-serif; font-size: 12px; line-height: 18px; color: #333;}
pre,code {font-family: "Courier New",Courier,monospace; color: #333;}
pre {border: 1px dashed #999; background: #F4F4F4; margin: 12px 0px 18px; padding: 8px 10px 8px; white-space: pre-wrap;}

a {color: #000000; text-decoration: none;}
a:visited {color: #000000;}
a:hover {color: #6ABF00;}
a:active {color: #6ABF00;}
h1 {font-weight: bold; font-size: 14px; line-height: 16px; margin-bottom: 12px; color: #000000;}
h2 {font-weight: bold; font-size: 13px; line-height: 15px; margin-bottom: 12px; color: #000000;}
h3 {font-weight: bold; font-size: 12px; line-height: 14px; margin-bottom: 8px; color: #000000;}
h4 {font-weight: normal; text-decoration: underline; font-size: 12px; line-height: 12px;}
p {margin-bottom: 18px;}
blockquote {margin: 1.5em; padding: 1em; color: #000; font-style: italic; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}

input[type=text],input[type=password],select,textarea {}
input[type=button],input[type=submit],input[type=reset] {padding: 1px 5px; margin-right: 5px;}
input[type=radio],input[type=checkbox] { margin-left: 15px;}
input[type=radio]:first-child,input[type=checkbox]:first-child { margin-left: 0px;}

ul,ol {margin: 0; padding-left: 10px; text-indent: 0; margin-bottom: 18px;}
ul {list-style: disc outside; margin-left: 2.2em;}
ol {list-style: decimal outside; margin-left: 2.2em;}
li {padding: 1px 0;}
/* @end */
/* @group Ready Elements */
.required {color: #C00; font-weight: normal;}
.price {color: #66AADD; font-weight: bold;}
del.price {color:black; font-weight: normal; margin-right: 5px;}
.small {font-size: 10px;}
.big {font-size: 15px;}
.meta {color: #666; font-size: 11px; margin-bottom: 0;}
.abstract { margin: 5px auto; }
.desc,.info { margin-bottom: 0;}

.right {float: right;}
.left {float: left;}
.center {display: block; margin-left: auto; margin-right: auto;}
img.right {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.left {padding: 4px; margin: 0 7px 2px 0; display: inline;}
img.center {display: block; margin-left: auto; margin-right: auto;}
.text_right {text-align: right;}
.text_left {text-align: left;}
.text_center {text-align: center;}

div.form { margin: 0 0 20px; background: transparent; border-top: 1px solid #DDD;}
div.form div.field {margin-bottom: 0px; background: #F8F8F8;}
div.form div.field_group {font-weight: bold; border-width: 1px 0; border-style: solid; border-color: #DDD; background: #DDD;}
div.form div.label { width: 120px; margin: 2px 0px 2px 10px; float: left; display: inline; background: transparent;}
div.form div.input { margin-left: 130px; background: white; padding: 3px;}
div.form div.submit {padding-left: 133px; padding-top: 3px; background: transparent; border-top: 1px solid #DDD; }
div.form div.radio label {margin-left: 3px;}

table {
    margin: 12px 0 18px;
    padding: 0px;
    -moz-box-sizing: border-box;
    border-collapse: separate;
    border-spacing: 0px;
    display: table;
    text-indent: 0;
    vertical-align: top;
    border: 1px solid #CCC;
}
th,td {background: transparent; padding: 2px 5px; vertical-align: top; border-top: 1px solid #CCC;}
thead th,thead td {text-align: left; border: none;}
tbody th,tbody td,tfoot td {text-align: left;}
tfoot th {text-align: center;}

table .head,table .head.row,table .data {text-align: left;}
table .head.col {text-align: center;}

th,table .head { background: #F8F8F8; }

.box,.item {background: white; border: 1px solid #999; padding: 10px; margin-bottom: 10px;}
.bordered {border: 1px solid #DDD;}
.filled {background-color: #F8F8F8;}
.item .icon { padding: 0px; margin-right: 10px; float: left; display: inline; width: 80px; height: 80px; background: transparent url(../../../resources/core/graphics/thb-img_unavl.gif) no-repeat center center;}
.item .thumb { padding: 0px; margin-right: 10px; margin-bottom: 5px; float: left; display: inline; width: 120px; height: 120px; background: transparent url(../../../resources/core/graphics/img-img_unavl.gif) no-repeat center center;}
.pics .pic {text-align: center;}
.pics #pic_caption { background: #EEE;padding: 2px;}
.thumbs { padding: 5px;}
.thumbs .thumb {width: 80px; height: 80px; border: 1px solid #DDD; background: white; float: left; display: inline; margin: 5px; padding: 2px;}

.frames_wrapper {}
.frames { text-align: center;}
.frames .top {}
.frames .mid {}
.frames .bottom {cursor: pointer;}
.frames img {vertical-align: middle; border: 1px solid white;}
.album {background: transparent; padding: 0px; border: 0px solid #CCC; margin: 0 20px 10px 0; float: left; display: inline;}
.album h3.caption {margin-top: 5px; font-weight:bold; text-align: center;}
.album h3.caption a {color: white;}
.album a {text-decoration: none;}

.frame_wrapper {height: 135px; width: auto;}
* html .frame_wrapper { width: 0; }	/* fix IE unsupport for auto width (it is auto by default) */
.frame, .frame .top, .frame .mid,.frame .bottom {background: transparent;float: left; display: inline;}
.frame .bottom {vertical-align: middle; text-align: center; border: 1px solid #DDD; background: #F8F8F8; padding: 6px; height: 122px;}
.frame img {vertical-align: middle; border: 1px solid #DDD; height: 120px;}
.image {text-align: center; margin: 0 10px 10px 0; float: left; display: inline;}
.image h3.caption {margin-top: 5px; font-weight:normal; text-align: center;}
.image a {text-decoration: none;}

.wysiwyg_body_normal { font-family: Tahoma,Arial,sans-serif; font-size: 12px; line-height: 18px; color: #333; background: white; padding: 5px;}
.wysiwyg_body_template { font-family: Tahoma,Arial,sans-serif; font-size: 12px; line-height: 18px; color: #333; background: white; padding: 5px;}
/* @end */
/* @end */
/* @group Template Layout */
.wrapper {width: 880px; margin: 0 auto; background: transparent; }
#wrapper_main { position: relative; }
/* @group Header */
#header {	background: transparent; padding: 0px; overflow: hidden; margin: 0; position: relative;}
#brand { padding: 20px 0 20px 50px;}
#brand #logo {float: left; margin: 0 0px 0 0;}
#brand h2 { padding: 5px 0 5px; margin: 0; }
#brand h2,#brand h2 a { color: white; font-size: 16px; text-decoration: none;}
#brand p,#header #brand p a {color: white; text-decoration: none; margin-bottom: 0;}
#freebox1 { margin: 0; position: absolute; right: 0px; top: 0px; height: 90px;}

#flags {float: right; padding-top: 0px; margin-right: 0px;}
#flags a.icon_lang {margin: 0;}
/* @end */
/* @group Banner */
/* do not edited the following 3 lines */
#web_banner {position: relative;}		/* can edited to absolute to fix position */
#web_banner .bottom {-moz-box-sizing: content-box;-ms-box-sizing: content-box;box-sizing: content-box;}
#web_banner img,#web_banner object {position: absolute;}
/* editable */
#web_banner {width: 440px; padding: 0; margin: 0; left: 440px; background: white;position: absolute; top: 0px;}
#web_banner img,#web_banner object {left: 0px; top: 0px;}
#web_banner img,#web_banner embed,#web_banner object {width: 440px;}
/* @end */
/* @group Main Menu */
#nav {display: none;height: 360px; background: white;}
#nav ul {width: 300px; padding: 5px 0; margin: 0 20px;}
#nav ul li {display: inline;}
#nav ul li a {
	float: left;
    background: transparent;
    padding: 10px 20px;
    color: white;
    font-size: 13px;
    height: 20px;
    text-decoration: none;
}
#nav ul li a:hover {text-decoration: none; color: #E88862;}
#nav ul li a:active {text-decoration: none; color: white;}
/* @end */
/* @group Footer */
#footer {padding: 0; font-size: 11px; color: #666; background: transparent; position: absolute; bottom: 2px; z-index: -2;}
#footer p {padding: 0; margin: 0;}
#freebox2 { margin: 0 auto; position: absolute; top: 530px; width: 880px; font-size: 11px; background: #999; color: #666; z-index: -1;}
/* @end */
/* @group Body */
#body { padding: 0; }
.block {margin-bottom: 20px;}

.content {position: absolute; top: 0; left: 0; width: 440px; height: 360px;margin-left: 0px;background: white;}
.content.no_sidebar { width: 440px; }
.content .shell {}
.content .core {padding:10px;}
.content h1 {margin-left: 40px;}
.content h2 {color: #195B21; margin-top: 4px; margin-bottom: 8px;}
.content .breadcrumb { font-size: 12px; color: #666;}
.content .breadcrumb a:hover { text-decoration: underline;}
.content_wrapper{height:310px;overflow: auto;padding-left:40px; padding-right: 10px;}
.content_wrapper.no_title{height:340px;}

.jScrollPaneTrack {
	left: 0;
	right: auto;
	background: url(scroll_track.gif) repeat-y;
}
a.jScrollArrowUp {
	left: 0;
	right: auto;
}
a.jScrollArrowDown {
	left: 0;
	right: auto;
}
.jScrollPaneDrag {background: url(scroll_drag.gif) repeat-y 50% 0;}


.sidebar {position: absolute; top: 360px; left: 0px; width: 880px; height: 80px; margin-right: 0px; border: none; background: #608064;}
.sidebar .shell {}
.sidebar .core {padding:0}

.sidebar .block {margin-bottom: 10px; position: relative; left: 0; width: 880px;}
.sidebar .block .foot {padding: 10px 10px 10px 50px;}
.sidebar h2 {
	font-size: 16px; color: black; font-weight: normal;
	height: 24px; margin: 0; padding: 0;
	background: transparent;
}
.sidebar h2 a {color:black;}
.sidebar h2 a:hover {color:white;}

.sidebar .freebox {background-color: #608064; width: 820px; height: 60px; padding: 10px 10px 10px 50px;}
.sidebar .freebox p { padding: 10px; margin-bottom: 0;}

.menu_item { margin: 0px 20px 0 0px; padding: 0;}

a.menu_item { color: black;}
a.menu_item:hover { color: white; }
a.menu_item i {font-style: normal; padding-left: 20px; background: transparent; }
a.menu_item b {font-weight: normal; margin-right: 0px;}
a.menu_item.selected {color: white;}
.sidebar .block .selected { color: white;}		/* fix IE bug of multiple class */

div.menu_item a.icon img {width: 30px;}
div.menu_item a.icon {margin: 5px 10px 0 0; float: left;}

div.menu_item a.text {
    float: left; display: inline;
    background: transparent;
    color: #444;
    width: 140px;
}
div.menu_item a.text:hover {color: red; background: transparent; text-decoration: underline;}
div.menu_item a.text:hover span {text-decoration: none;}
div.menu_item a.text:active {color: black;}
div.selected { background: #CCC;}
/* @end */
/* @end */
/* @group Module */
/* @group Home */
.message_page .sidebar{display:none;}
.home .sidebar{display:none;}
.home_menu{display:block; width: 100%; border-bottom:dashed 1px #666;padding: 7px 0 5px;}
.content .block {margin-bottom:0}
/* @end */
/* @group WebPage */
.top_page .content {display:none;}
.top_page .sidebar {position: absolute; top: 0; left: 0; width: 440px; height: 360px;margin-left: 0px;background: white;}
.top_page .sidebar .shell {}
.top_page .sidebar .core {padding:10px;}
.top_page .sidebar .block {height:310px;overflow:auto;padding-left:40px;padding-right: 10px;width:370px;margin-bottom:0}
.top_page .sidebar .block .foot {padding:0px}
.top_page .sidebar .block .no_title{height:340px;}
.top_page .sidebar h2 { padding: 2px 0 5px; border-bottom: 1px dashed #666; margin-bottom:4px; height: 28px;}
.top_page a.menu_item { color:black; display:block; padding: 6px 0 0 20px;}
.top_page a.menu_item:hover { color: #6ABF00; }
.top_page a.menu_item i {font-style: normal; padding-left: 20px; background: transparent; }
.top_page a.menu_item b {font-weight: normal; padding-left: 12px; margin-right: 0px; background: url(bullet-round.gif) left 4px no-repeat;}
/* @end */
/* @group News */
.news .content_wrapper { height: 310px;}
.news .list .box { border: none; padding:0; }
.news .list .info a.link_icon { float:right;}
.news .list h3 { float:left; font-weight:normal; width:270px; margin: 0}
.news .list .date { float:left; width: 75px; line-height: 14px;}
.news .list .category { display:none;}
/* @end */
/* @group Gallery */
.gallery h1 {height: 25px; margin-top: 5px; color: white;}
.gallery .content { width: 880px; background: #000; color: white;}
.gallery .sidebar { height: 134px; background: transparent;}
.gallery .content .core { padding: 0 0px;}
.gallery .content_wrapper { }
.gallery .sidebar .block {margin:0;}
.gallery .sidebar #gallery {display:none;}
.gallery .sidebar #gallery_images { height: 80px; background: #608064;}
.gallery .sidebar .selected {color:white;}
.gallery .sidebar .thumbs { padding:0; background: black;}
.gallery .sidebar .thumbs .foot {padding:1px;}
.gallery .sidebar .thumbs .thumb {border: none;height:40px;width:80px;padding:0;margin:0;}
.gallery .sidebar #gallery_thumbs .scrollable {overflow: hidden; position: relative; left: 10px; width: 858px; height: 42px;}
.gallery .sidebar #gallery_thumbs .scrollable .menu_item {float:left;margin:0;border: 1px solid black;}
.gallery .sidebar #gallery_thumbs .scrollable .activeThumb { border: 1px dashed gray; }
.gallery .sidebar #gallery_thumbs #photo_list {overflow: auto; position: absolute; left: 0; width: 10000em;}
.gallery .sidebar #gallery_thumbs #prevPage {position: absolute; top: 14px;cursor:pointer;}
.gallery .sidebar #gallery_thumbs #nextPage {position: absolute; right: 0px;top: 14px;cursor:pointer;}
.gallery .sidebar #gallery_thumbs #prevPage.disabled {cursor: default;}
.gallery .sidebar #gallery_thumbs #nextPage.disabled {cursor: default;}
.gallery .content .pic {background:transparent; text-align:center;}
.gallery .content #pic_caption {position:absolute; right:5px; bottom:2px; padding:0;margin:0;color:white;background:transparent;}
.gallery .list { border: none; padding:0; }
/* @end */
/* @group Book */
/* .book .content_wrapper { height: 310px;} */
.book .menu_name {padding: 0px 0 7px; border-bottom: 1px dashed #666; margin: 0 10px 4px 0px; height: 28px; position: relative; left: 40px; width: 380px;}
.book a.menu_item {margin-right: 10px;}
.book ul { margin:0}
.book li {color:black;padding: 6px 0 0 0px;font-weight: normal; margin-left: 20px; list-style: url(bullet-round.gif);}
.book_search input, .book_search select, .book_search textarea {margin-left: 3px;}
.book .body .box { background: url(bullet-round.gif) left 4px no-repeat; border-width: 0 0 1px; padding: 0 0 5px 12px; margin-bottom: 5px;}
.book_detail .content_wrapper {height:280px;}
.book_search .content_wrapper, .book_search_advanced .content_wrapper {height:300px;}
.book .content a.link_icon { float:right; margin-right:10px;}
.book .content #pic_main {width: 440px; height:360px;background: #000; position: absolute; left: 440px; top:0; text-align:center;}
.book .content #pic_main img {height:320px; position:relative; top: 19px; border:1px solid #CCC;}
.book .body h3 {width:330px; margin: 0;}
/*.book h2 { color: white; background: #608064;}*/
.book .detail table {border: none; margin: 0;}
.book .detail table td { border: none;}
.book .detail table th { border: none; background: transparent; font-size:11px; font-weight:bold; width:20%;}
.print { font-size: medium;}
.print .sidebar {display: none;}
.print .content {width: 90%; height: 100%;}
.print .content .shell, .printable .content .core { height: 100%;}
.print .content_wrapper, .printable .book_detail .content_wrapper { height: 100%;}
#book_detail_print #pic_main { width: 40%; height: 500px; background: transparent; left: 60%; top: 30px;}
#book_detail_print .detail table th { font-size: medium;}
/* @end */
/* @group Audio */
.audio .menu_name {padding: 0px 0 7px; border-bottom: 1px dashed #666; margin: 0 10px 4px 0px; height: 28px; position: relative; left: 40px; width: 380px;}
.audio_search input, .audio_search select, .audio_search textarea {margin-left: 3px;}
/* .audio .content { width: 440px; } */
.audio .content_wrapper{height:300px;}
.audio .content #pic_main {width: 440px; height:360px;background: #fff; position: absolute; left: 440px; top:0; text-align:center;}
.audio .content #pic_main img { margin: 20px auto;}
/* .audio .content #pic_main img {height:300px; position:relative; top: 29px; border:1px solid #CCC;} */
.audio .body .box { background: url(bullet-round.gif) left 4px no-repeat; border-width: 0 0 1px; padding: 0 0 5px 12px; margin-bottom: 5px;}
.audio .content a.link_icon { float:right; margin-right:10px;}
.audio a.menu_item {margin-right: 15px;}
.audio ul { margin:0}
.audio li {color:black;padding: 6px 0 0 0px;font-weight: normal; margin-left: 20px; list-style: url(bullet-round.gif);}
.audio .body h3 {width:330px; margin: 0;}
.audio .detail table {border: none; margin: 0;}
.audio .detail table td { border: none;}
.audio .detail table .odd td { background: #F4F4F4; }
.audio .detail table th { border: none; background: transparent; font-size:11px; font-weight:bold; width:70px;}
/* @end */
/* @group Guide */
.guide .detail table {border: none; margin: 0;}
.guide .detail table td { border: none;}
.guide .detail table th { border: none; background: transparent; font-size:11px; font-weight:bold; width:70px;}
.guide .content a.link_icon { float:right; margin-right:10px;}
.guide .content_wrapper{height:310px; padding-right: 0;}
.dtree {font-size: 12px;}
.dtree a.node, .dtree a.nodeSel {
	line-height: 14px; vertical-align: top;
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

/* @end */
/* @end */