@charset "utf-8";
/* CSS Document */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
	display: none;
}
ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
dd {
	margin: 0 0 0 40px;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin:0;
	padding:0
}
table {
	border-spacing: 0;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow: -moz-scrollbars-vertical; overflow-y: scroll;
}
html, button, input, select, textarea {
	font-family: "Tahoma", Arial, Thonburi;
	color: #d3d3d3;
}
body {
	margin: 0;
	padding:0;
	font-size: 12px;
	background: url("../images/shared/bg-h.jpg") repeat-x scroll 0 0 #2F2F2F;
}

/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}
/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	*line-height: 0;
}
.ir br {
	display: none;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear { clear:both; }

/*br.clear { display: block; line-height: 0px; font-size: 0px; height: 0px; clear:both; }*/

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: black !important;
		box-shadow:none !important;
		text-shadow: none !important;
		filter:none !important;
		-ms-filter: none !important;
	} /* Black prints faster: h5bp.com/s */
	a, a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "";
	}  /* Don't show links for images, or javascript/internal links */
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	} /* h5bp.com/t */
	tr, img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}

/* ===== Primary Styles ========================================================*/
#container { position:relative; width:1000px; margin:0 auto; background:url('../images/shared/pattern.jpg'); }

/* ===== Top Nav ========================================================*/
#topnav { height:162px; background:url('../images/shared/bg-topnav.png') no-repeat; }
#topnav h1 { position: absolute; float:left; top: 44px; left: 40px; padding:0; margin:0; }
#topnav h1 a { float:left; width:203px; height:109px; background:url('../images/shared/logo.png') no-repeat; text-indent:-9999px; }

#login, #profile { float:left; list-style-type:none; width: 224px; height: 35px; margin: 0 0 0 5px; padding: 0 45px 0 25px;}
#login li, #profile li { float:left; padding:0; margin:0; }
#login li a, #profile li a { display: block;  height:35px; background: none no-repeat center center; text-indent:-9999px; }

#login li:first-child, #profile li:first-child { width: 105px; }
#login li:nth-child(2), #profile li:nth-child(2) { width: 14px; height:35px; background:url('../images/shared/v-topnav.gif') no-repeat center center; }
#login li:last-child, #profile li:last-child { width: 105px; }

#login > li:first-child > a { width: 60px; background-image:url('../images/th/shared/imgtxt-login.png'); margin: 0px 0px 0px auto; }
#login > li:last-child > a { width: 110px; background-image:url('../images/th/shared/imgtxt-register-arrow.png'); margin: 0px auto 0px 0px; }

#profile li:first-child a { width: 71px; background-image:url('../images/th/shared/imgtxt-logout.png'); margin: 0px 0px 0px auto; }
#profile li:last-child a { width: 84px; background-image:url('../images/th/shared/imgtxt-profile.png'); margin: 0px auto 0px 0px; }

/* ===== Hover ========================================================*/
#login div {
	display: none;
	z-index:40;
}
#login li.mega div {
	left:122px;
	top:0;
	position: absolute;
}
#login li.mega.hovering div{
	display: block;
}
#login-menu-sub {
	width: 210px;
	margin:0;
	padding:0;
	list-style: none;
	clear:both;
}
#login-menu-sub li {
	margin:0;
	padding:0;
}
#login-menu-sub li a {
	text-indent:inherit;
}
#login-menu-sub li a img{
	float:left;
	margin:6px 0 0 25px;
}
#login-menu-sub li:nth-child(2) {
	background:url('../images/shared/bg-register-first.png') no-repeat 0 0;
	width:184px;
	height:24px;
}
#login-menu-sub li:nth-child(3) {
	background:url('../images/shared/bg-register-02.png') no-repeat 0 0;
	width:218px;
	height:23px;
}
#login-menu-sub li a {
	float:left;
	margin:0;
	padding:0;
	background:none;
}

#hotlinks li a, #txtsize li a { float:left; text-indent:-9999px; }
#hotlinks { float:left; list-style-type:none; padding:0; margin:0; margin-left: 0px; }
#hotlinks li { position: relative; float:left; padding:0; margin:0; }
#hotlinks li a.menu-hotlinks { width:218px; height:50px; margin:0; background:url('../images/en/shared/imgtxt-hotlinks.png') no-repeat; }

/* ===== Hover ========================================================*/
#hotlinks div { display: none; z-index:40; }
#hotlinks li.mega div { position: absolute; top:46px; left:0px; }
#hotlinks li.mega.hovering div { display: block; }
#menu-sub { width: 210px; margin:0; padding:0; list-style: none; clear:both; }
#menu-sub li { margin:0; padding:0; }
#menu-sub li a { text-indent:inherit; }
#menu-sub li a img { float:left; margin:0 0 0 25px; }
#menu-sub li:first-child a { width:218px; height:24px; background:url('../images/shared/bg-hotlinks-first.png') no-repeat 0 0; }
#menu-sub li:nth-child(2n) { width:218px; height:23px; background:url('../images/shared/bg-hotlinks-02.png') no-repeat 0 0; }
#menu-sub li:nth-child(2n+1) { width:218px; height:23px; background:url('../images/shared/bg-hotlinks-01.png') no-repeat 0 0; }
#menu-sub li:last-child { width:218px; height:4px; background:url('../images/shared/bg-hotlinks-shadow.png') no-repeat 0 0; }
#menu-sub li a { float:left; margin:0; width:210px; padding:0px; }
/*#menu-sub li a:hover { text-decoration:none; background-color:#8a8a8a; color:#fff; }*/

/* ===== Text Size ========================================================*/
#txtsize { float:left; list-style-type:none; padding:0; margin:0 0 0 3px; }
#txtsize li { float:left; padding:0; margin:0; }
#txtsize li:first-child { width:53px; height:9px; margin:14px 0 0 10px; background:url('../images/en/shared/imgtxt-textsize.png') no-repeat; }
/*edit*/
#txtsize li:nth-child(2) a { width:7px; height:7px; margin:15px 0 0 12px; background:url('../images/en/shared/img-txtsize-lang.png') no-repeat 0 -6px; }
/*edit*/
#txtsize li:nth-child(2) a:hover { background-position:0 -23px; }
/*edit*/
#txtsize li:nth-child(2) .active { background-position:0 -23px; }
/*edit*/

#txtsize li:nth-child(3), #txtsize li:nth-child(5) { width:2px; height:17px; margin:10px 0 0 8px; background:url('../images/shared/v-topnav.gif') no-repeat; }
#txtsize li:nth-child(4) a { width:9px; height:10px; margin:13px 0 0 8px; background:url('../images/en/shared/img-txtsize-lang.png') no-repeat -25px -4px; }
#txtsize li:nth-child(4) a:hover { background-position:-25px -21px; }

/*edit*/
#txtsize li:nth-child(4) .active { background-position:-25px -21px; }
/*edit*/

#txtsize li:nth-child(6) a { width:10px; height:13px; margin:12px 0 0 8px; background:url('../images/en/shared/img-txtsize-lang.png') no-repeat -51px -3px; }
#txtsize li:nth-child(6) a:hover { background-position:-51px -20px; }

/*edit*/
#txtsize li:nth-child(6) .active { background-position:-51px -20px; }
/*edit*/

/* ===== Text Size Script ========================================================*/
.medium { font-size: 13px; }
.large { font-size: 14px; }
#txtsize .small { font-size: 12px; }
#txtsize .small a { float:left; width:7px; height:7px; margin:15px 0 0 12px; background:url('../images/en/shared/img-txtsize-lang.png') no-repeat 0 -6px; }
.medium #txtsize .medium a { float:left; width:9px; height:10px; margin:13px 0 0 8px; background:url('../images/en/shared/img-txtsize-lang.png') no-repeat -25px -21px; }
.large #txtsize .large a { width:10px; height:13px; margin:12px 0 0 8px; background:url('../images/en/shared/img-txtsize-lang.png') no-repeat -51px -20px; }
.medium #txtsize .small a,
.large #txtsize .small a { float:left; width:7px; height:7px; margin:15px 0 0 12px; background:url('../images/en/shared/img-txtsize-lang.png') no-repeat 0 -6px; }

/* ===== Language ========================================================*/
#lang { float:left; list-style-type:none; padding:0 0 0 16px; margin:0; }
#lang li { float:left; padding:0; margin:0; }
#lang li a { float:left; }
#lang li a.lang-th { width:25px; height:9px; margin:14px 0 0 19px; background:url('../images/en/shared/img-txtsize-lang.png') no-repeat -94px -5px; }
#lang li a.lang-th:hover,
#lang li a.lang-th-active { width:25px; height:9px; margin:14px 0 0 19px; background:url('../images/en/shared/img-txtsize-lang.png') no-repeat -94px -22px; }
#lang li:nth-child(2) { width:2px; height:17px; margin:10px 0 0 13px; background:url('../images/shared/v-topnav.gif') no-repeat; }
#lang li a.lang-en { width:25px; height:9px; margin:14px 0 0 13px; background:url('../images/en/shared/img-txtsize-lang.png') no-repeat -150px -5px; }
#lang li a.lang-en:hover,
#lang li a.lang-en-active { width:25px; height:9px; margin:14px 0 0 13px; background:url('../images/en/shared/img-txtsize-lang.png') no-repeat -150px -22px; }

/* ===== Search ========================================================*/
#search { float:left; list-style-type:none; padding:6px 0 0 32px; margin:0; }
#search li:first-child { float:left; width:165px; }
#search li:last-child { float:left; }
.bg-search { float:left; width:165px; height:24px; background:url('../images/shared/bg-search.gif') no-repeat; }

/* ===== Footer ========================================================*/
.footer-logo { float:left; list-style-type:none; width:292px; height: 64px; padding:0 0 0 10px; margin:0; background:url('../images/shared/bg-logo.png'); }
.footer-logo li { float:left; padding:10px 9px; margin:0; }
.footer-logo li a { float:left; height:44px; background:url('../images/shared/footer-logo.png') no-repeat 0 45px; }
.footer-logo li a.logo-01 { width:40px; background-position: 0 100%; }
.footer-logo li a.logo-01:hover { background-position: 0 -0%; }
.footer-logo li a.logo-02 { width:43px; background-position: -50px 100%; }
.footer-logo li a.logo-02:hover { background-position: -50px -0%; }
.footer-logo li a.logo-03 { width:47px; background-position: -100px 100%; }
.footer-logo li a.logo-03:hover { background-position: -100px -0%; }
.footer-logo li a.logo-04 { width:84px; background-position: -150px 100%; }
.footer-logo li a.logo-04:hover { background-position: -150px -0%; }

.footer-sitemap{
	width:698px;
	height:63px;
	float:left;
	background:url('../images/shared/bg-footer.jpg') no-repeat 0 0;
}
.copyright{
	float:left;
	width:240px;
	padding:10px 0 0 20px;
}
.copyright img{
	float:left;
}
.sitemap-list{
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
	width:435px;
}
.sitemap-list li{
	margin:0;
	padding:0;
	float:left;
	background:url('../images/shared/line-wh.png') repeat-y  0 0;
}
.sitemap-list li a{
	float:left;
	background:url('../images/shared/line-wh.png') repeat-x bottom left;
	height:15px;
}
.sitemap-list li a.last{
	float:left;
	background:none;
}
.sitemap-list li a.sitemap-about{
	margin:0 0 0 1px;
	padding:1px 0 6px 10px;
	width:136px;
}
.sitemap-list li a.sitemap-announcement{
	margin:0 0 0 1px;
	padding:1px 0 6px 10px;
	width:136px;
}
.sitemap-list li a.sitemap-brochure{
	margin:0 0 0 1px;
	padding:2px 0 5px 10px;
	width:130px;
}
.sitemap-list li a.sitemap-legal{
	margin:0 0 0 1px;
	padding:2px 0 4px 10px;
	width:136px;
}
.sitemap-list li a.sitemap-calendar{
	margin:0 0 0 1px;
	padding:2px 0 4px 10px;
	width:136px;
}
.sitemap-list li a.sitemap-contact{
	margin:0 0 0 1px;
	padding:0 0 6px 10px;
	width:130px;
}
.sitemap-list li a.sitemap-development{
	margin:0 0 0 1px;
	padding:0 0 6px 10px;
	width:136px;
}
.sitemap-list li a.sitemap-oversea{
	margin:0 0 0 1px;
	padding:1px 0 5px 10px;
	width:136px;
}
.sitemap-list li a.sitemap-links{
	margin:0 0 0 1px;
	padding:0 0 6px 10px;
	width:130px;
}
/* ===== Tooltips ========================================================*/
#wrap-tooltips {
	width: 134px;
	position:relative;
	top:0px;
	z-index:4;
}
.img-arrowhover {
	margin:0 0 2px 28px;
}
/*.tooltip, .tooltip-wave {
	display:none;
}
.tooltip-content {
	width:200px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#393535;
	float:left;
	padding:10px 20px;
	position:relative;
	opacity:0.9;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
}
.tooltip-arrow {
	float:left;
	background:url('../images/shared/img-toolstip-arrow-logo.png') no-repeat 0 0;
	width:17px;
	height:14px;
	position:absolute;
	bottom:-14px;
	left:30px;
}
.tooltip-wave-content {
	width:140px;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#897b6c;
	float:left;
	padding:10px 20px;
	position:relative;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.tooltip-wave-arrow {
	float:left;
	background:url('../images/shared/img-toolstip-arrow-wave.png') no-repeat 0 0;
	width:33px;
	height:15px;
	position:absolute;
	top:-14px;
	left:30px;
}*/
.tooltip-logo {
	display: none;
	width:200px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#393535;
	padding:10px 20px;
	position:relative;
	opacity:0.9;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
}
.tooltip-logo .arrow {
	float:left;
	background:url('../images/shared/img-toolstip-arrow-logo.png') no-repeat 0 0;
	width:17px;
	height:14px;
	position:absolute;
	bottom:-14px;
	left:30px;
}
.tooltip-wave {
	display:none;
	width:140px;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#897b6c;
	padding:10px 20px;
	position:relative;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.tooltip-wave .arrow {
	float:left;
	background:url('../images/shared/img-toolstip-arrow-wave.png') no-repeat 0 0;
	width:33px;
	height:15px;
	position:absolute;
	top:-14px;
	left:30px;
}
/* ===== Content Inside ========================================================*/
#content-inside {
	float:left;
	width:708px;
	min-height: 500px;
	margin:-64px 0 20px 294px;
}
.inside{
	width:703px;
}
/*.img-title{
	padding: 2px 0 0 9px;
	height:33px;
}
.img-featured{
	padding:0 0 0 2px;
	margin-top:-3px;
}*/
div.img-title { display: block; padding: 0 0 3px 9px; margin-top:-9px; height: 37px; overflow: hidden; }
div.img-featured { display: block; padding:0 0 0 2px; margin-top:-3px; }
.side-shadow-l{
	float:left;
	padding:2px 0 0 3px;
	background:url('../images/shared/shadow-side-l.png') repeat-y 0 0;
}
.side-shadow-r{
	width:676px;
	padding:0 0 0 5px;
	min-height: 300px;
	background:url('../images/shared/shadow-side-r.png') repeat-y right top;
}
.shadow-btm{
	float:left;
	background:url('../images/shared/shadow-btm.png') no-repeat 6px 0;
	height:9px;
	width:676px;
}
.backtotop{
	float:right;
	padding:45px 30px 0 0;
}
.downloadbar-list{
	list-style-type:none;
	margin:0;
	padding:0;
	width:676px;
}
.downloadbar-list > li{
	float:left;
	width:627px;
	margin:0;
	padding:10px 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.21);
	-webkit-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	*border-top: 1px solid #6d6d6d;
	border-top: 1px solid #6d6d6d\0/;
}
.downloadbar-list > li:first-child{
	border-top:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	*border-top: none;
}
.downloadbar-list > li:nth-child(2n){
	-webkit-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	background:url('../images/shared/bg-black.png') repeat 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.21);
	*border-top: 1px solid #6d6d6d;
	border-top: 1px solid #6d6d6d\0/;
}
.line-col{
	float:left;
	background:url('../images/shared/legal/line-col.png') repeat-y 0 0;
}
.downloadbar-desc{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	width:628px;
}
.downloadbar-desc > li{
	float:left;
	margin:0;
	padding:5px 15px;
	width:435px;
}
.downloadbar-desc > li:first-child{
	padding:0 10px 0 5px;
	width:71px;
}
.downloadbar-desc > li:last-child{
	width:50px;
	padding:5px 0 0 25px;
}
.orange-list{
	list-style-type:none;
	float:left;
	margin:0;
	padding:10px 0 0 0;
}
.orange-list > li{
	float:left;
	width:585px;
	margin:0;
	padding:8px 40px 8px 42px;
	border-top: 1px solid rgba(255, 255, 255, 0.21);
	*border-top: 1px solid #6d6d6d;
	border-top: 1px solid #6d6d6d\0/;
}
.orange-list > li:nth-child(2n){
	background:url('../images/shared/bg-black.png') repeat 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.21);
	*border-top: 1px solid #6d6d6d;
	border-top: 1px solid #6d6d6d\0/;
}
.orange-list > li > .icon-list-orange{
	list-style-type:none;
	margin:0;
	padding:0;
}
.orange-list > li > .icon-list-orange > li{
	margin:0;
	padding:0 17px;
	background:url('../images/shared/list-orange.gif') no-repeat 0 4px;
}
.orange-list li a span{
	width:560px;
}
/* ===== pagenav ========================================================*/
.pagenav-wrap {
	text-align:center;
	padding: 20px 0 0 0;
	*padding: 0 0 0 0;
}
.pagenav-all {
	display: inline-block;
	margin: 0;
	padding: 0;
	/* For IE, the outcast */
	zoom:1;
	*display: inline;
}
.pagenav-all > li {
	display:inline;
	float:left;
	margin:0;
	padding:4px 8px;
}
.pagenav-all > li:first-child, .pagenav-all > li:last-child {
	padding:0 8px;
}
.pagenav-all > li > span { padding: 0px 2px; color: #CF9044; }
.pagenav-all > li > a { padding: 0px 2px; }

/* ===== Side Nav ========================================================*/
aside{
	position:absolute;
	top:159px;
	left:0;
	background:url('../images/shared/bg-sidenav.png') no-repeat;
	/*height:200px;*/
	width:302px;
	height: 400px;
	/*overflow: hidden;*/
	z-index: 2;
}
.sidenav {
	float:left;
	display:inline;
	margin:2px 0 0 30px;
	padding:0;
	width:223px;
}

.sidenav a {
	display:block;
	float:left;
	min-height:23px;
	margin:0 0 1px;
	padding:0;
	width:223px;
	overflow: hidden;
}

.sidenav .hilight a {
}

.sidenav img {
	float:left;
	margin:0;
	padding:0;
}

.sidenav ul li {
	float:left;
	margin:0;
	padding:0;
}

.sidenav h3 {
	float:left;
	margin:0;
	padding:0;
	width:223px;
}

.sidenav .hilight h3 a {
	margin:0;
}

.sidenav .outer {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:223px;
}

.sidenav .inner {
	float:none;
	list-style:none;
	height:0;
	margin:0;
	overflow:hidden;
	padding:0;
	width:223px;
	-moz-transition:all.8s ease 0s;
	-o-transition:all .8s ease 0s;
	-webkit-transition:all .8s ease 0s;
}

.sidenav .inner li {
	float:none;
}

.sidenav .inner a {
	float:none;
}

/*accordion*/
.accordion {
	float:left;
	margin:0;
	padding:0;
	width:100%;
}

.accordion ol {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

.accordion ol .first {
	float:left;
	margin:0;
	padding:0;
	width:100%;
}

.accordion h3 {
	font-family:tahoma;
	cursor:pointer;
	float:left;
	font-size: 20px;
	font-size:13px;
	height: 24px;
	/*edit*/
	height:auto;
	/*edit*/
	margin:0;
	padding:13px 26px;
	width: 615px;
	line-height: 1;
}

.accordion .active h3 {
	color:#c48f39;
}

.handle {
	background:url('../images/shared/handle.png') no-repeat 0 0;
}

.accordion .active h3 {
	background-position:100% 0;
}

.accordion .downloadbar-list {
	float:none;
	overflow:hidden;
	height:0;
	-moz-transition: all.8s ease 0s;
	-o-transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
}
.downloadbar-list > li:first-child {
	box-shadow:inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
}

.accordion .downloadbar-list > li:last-child {
	box-shadow:inset 0 8px 6px -6px rgba(0, 0, 0, 0.2), inset 0px -8px 6px -6px rgba(0, 0, 0, 0.2);
}
/*edit*/
.placeholder { color: #aaa; }