/*######## start carousel ########*/
/**
 * Copyright (c) 2006-2007, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 *
 * Version 1.0 - 10.21.2008
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
	
    
}

/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li { 
	margin-bottom:0px;

	/* Fix for extra spacing in IE */
	float:left;
    clear:left;  
	
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical {
/*	width:auto;*/
}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 
}

/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	background:#A0CFFF;
	padding:0px;
	-moz-border-radius:6px;
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}
/*######## end carousel ########*/
/*######## start fix layout width ########*/
.yui-gc div.first, .yui-gd .yui-u {width:61%;}
.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {width:38%;}
/*######## end fix layout width ########*/
#hd{text-align:center;width:100%;}
#bd{text-align:center;background:#b4f7ff url(http://www.asura.in.th/assets/cms/bg/bg1.jpg) no-repeat scroll bottom center;width:970px;margin:0 auto;
}
/*######## start background ########*/
#ft_bg{background:transparent url(http://www.asura.in.th/assets/cms/web_skydown_tile.jpg) repeat-x scroll left bottom;height:auto;width:100%;z-index:2;}
#ft_bg_left{background:transparent url(http://www.asura.in.th/assets/cms/web_skydown.jpg) no-repeat scroll left bottom;height:auto;width:auto;z-index:3;}
/*######## end background ########*/
body{
background:#67b3e5  url(http://www.asura.in.th/assets/cms/web_skytop.jpg) repeat-x scroll 0 0;
height:100%;right:0;top:0;width:100%;
}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
#doc4{background:#033991;}
#hd-adflash{background:#033991 url(http://www.asura.in.th/assets/cms/haed_top1.gif) no-repeat top center;height:103px;text-align:center;}
#hd-adflash iframe{margin:0.5em 0;}
#hd-menuflash{width:970px;margin:0 auto;background:transparent;background:url(http://www.asura.in.th/assets/cms/web_skytop.jpg) repeat-x scroll 0 -80px;}
#hd-topmenu{display:block;height:32px;width:auto;border:1px solid #033991;}
#hd-topmenu div{display:inline;height:32px;float:left;cursor:pointer;}
#hd-topmenu a,#hd-topmenu a:hover{text-decoration:none;font-size:120%;color:white;font-weight:bold;margin-top:1em;line-height:2em;}
#footer{text-align:center;padding:1.5em;color:white;}
#footer a{text-decoration:none;padding:5px;color:white;font-weight:bold;}
#footer a:hover{padding:5px;color:orange;}
#ft{background:#033991 url(http://www.asura.in.th/assets/cms/haed_down.gif) no-repeat top center;height:92px;width:970px;margin:0.2em auto;}
#bd-thankbox-inner{
background:transparent url(http://www.asura.in.th/assets/cms/haed_down1.gif) no-repeat bottom center;
bottom:-20px;
left:5px;
*left:0px;
height:100px;
margin-bottom:2em;
width:960px;
*width:auto;
margin-top:10em;
position:relative;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.bd-mainbox-big{text-align:left;width:570px;margin:0 0 1.5em 0;}
.bd-mainbox-small{text-align:left;width:363px;margin:0 0 2.4em 0;}
.style1{background:white}
.style2{background:#A0CFFF}
.bd-mainbox-big .style1 .top{background:transparent url(http://www.asura.in.th/assets/cms/bg_in/w_out_big_top.gif) repeat-x top center;height:10px;display:block;position:relative;top:-10px;}
.bd-mainbox-big  .style1 .bottom{background:transparent url(http://www.asura.in.th/assets/cms/bg_in/w_out_big_bottom.gif) repeat-x bottom center;height:10px;display:block;position:relative;top:10px;}
.bd-mainbox-small .style1 .top{background:transparent url(http://www.asura.in.th/assets/cms/bg_in/w_out_small_top.gif) repeat-x top center;height:10px;display:block;position:relative;top:-10px;}
.bd-mainbox-small .style1 .bottom{background:transparent url(http://www.asura.in.th/assets/cms/bg_in/w_out_small_bottom.gif) repeat-x bottom center;height:10px;display:block;position:relative;top:10px;}

.bd-mainbox-big .style2 .top{background:transparent url(http://www.asura.in.th/assets/cms/bg_in/b_out_big_top.gif) repeat-x top center;height:10px;display:block;position:relative;top:-10px;}
.bd-mainbox-big  .style2 .bottom{background:transparent url(http://www.asura.in.th/assets/cms/bg_in/b_out_big_bottom.gif) repeat-x bottom center;height:10px;display:block;position:relative;top:10px;}
.bd-mainbox-small .style2 .top{background:transparent url(http://www.asura.in.th/assets/cms/bg_in/b_out_small_top.gif) repeat-x top center;height:10px;display:block;position:relative;top:-10px;}
.bd-mainbox-small .style2 .bottom{background:transparent url(http://www.asura.in.th/assets/cms/bg_in/b_out_small_bottom.gif) repeat-x top center;height:10px;display:block;position:relative;top:10px;}

.bd-mainbox-big .bar-style1 h3,.bd-mainbox-small .bar-style1 h3{background:transparent url(http://www.asura.in.th/assets/cms/bar_o/2.jpg) repeat-x top center;height:30px;color:#fff;}
.bd-mainbox-big .bar-style1 h3 .bar-left-style1,.bd-mainbox-small .bar-style1 h3 .bar-left-style1{background:transparent url(http://www.asura.in.th/assets/cms/bar_o/1.jpg) no-repeat left top;width:13px;height:30px;float:left;}
.bd-mainbox-big .bar-style1 h3 .bar-right-style1,.bd-mainbox-small .bar-style1 h3 .bar-right-style1{background:transparent url(http://www.asura.in.th/assets/cms/bar_o/3.jpg) no-repeat left top;width:13px;height:30px;float:right;}
.bd-mainbox-big .bar-style2 h3,.bd-mainbox-small .bar-style2 h3{background:transparent url(http://www.asura.in.th/assets/cms/bar_l/2.jpg) repeat-x top center;height:30px;font-size:110%;color:#fff;}
.bd-mainbox-big .bar-style2 h3 .bar-left-style2,.bd-mainbox-small .bar-style2 h3 .bar-left-style2{background:transparent url(http://www.asura.in.th/assets/cms/bar_l/1.jpg) no-repeat left top;width:13px;height:30px;float:left;}
.bd-mainbox-big .bar-style2 h3 .bar-right-style2,.bd-mainbox-small .bar-style2 h3 .bar-right-style2{background:transparent url(http://www.asura.in.th/assets/cms/bar_l/3.jpg) no-repeat left top;width:13px;height:30px;float:right;}
span.bar-text-right{float:right;display:inline;margin:5px;font-weight:bold;}
span.bar-text-left{float:left;display:inline;margin:5px;font-weight:bold;}
.bar-text-right a,.bar-text-left a{color:white;}

.bd-subpage-refill{background:white;padding:1em;border:1px solid #CCCCCC;text-align:left;}
.bd-subpage-refill h3{font-size:14px;}
.form-outer{border:1px solid #999999;padding:5px;margin:1em 0 1em 1em;}
.form-inner{background:white;padding:1em;border:1px solid #CCCCCC;text-align:left;}
.form{background:white;padding:1em;border:1px solid #CCCCCC;text-align:left;margin:1em 0 1em 1em;}
.form h3,.form-inner h3{display:block;background:rgb(48,194,233);color:white;font-size:120%;font-weight:bold;padding:5px 2em;border:1px solid rgb(21,160,196);}
.custom  div.first{width:65%;}
.custom .yui-u {width:34%;}

div.boxhelp{
border: 1px solid rgb(253,147,47);
padding: 1em; 
line-height:1em;
text-align: center;
background:white url(http://www.asura.in.th/assets/cms/gradient_rightmenu.jpg) repeat-x bottom center;
min-height:300px;
color:#494949;
font-size:90%;
margin:1em 1em 1em 0;
}
div.boxhelp p{color:#494949;text-align:left;font-size:120%;font-weight:bold;}
div.boxhelp h3{background: url(http://www.asura.in.th/assets/cms/tab_help.gif)  repeat-x scroll -80px 0;height:50px;width:100%;}
div.boxhelp ol,div.boxhelp li{list-style-type:disc;line-height:1.5;display:list-item;text-align:left;margin:1em 0 0 1em;}
div.boxhelp ol{margin:0 0 0 2em;}
#bd-login a{color:white;font-weight:bold;}
#bd-login a:hover{text-decoration:underline;font-weight:bold;}
div#forum-board ul li{margin:0;list-style-image:url(http://www.asura.in.th/assets/cms/icon/bullet_orange.gif);list-style-position:inside;font-size:90%;}
/*div#forum-board ul li a{background:#fff url(http://www.asura.in.th/assets/cms/icon/bullet_orange.gif) no-repeat scroll 3px 50%;padding:0 10px 4px 22px;display:block;font-weight:normal;}*/
#doc3{background:none;margin:0;}
.patcher #hd{float:left;height:83px;display:block;width:100%;padding: 4px auto;background:url(http://www.asura.in.th/assets/patcher/bg_banner.gif);}
.patcher #bd{float:left;width:100%;background:none;}
.patcher #ft{float:left;background:none;}