/*
4th Congress of South-East Asian Pediatric Surgeons
Global stylesheet
Site developed by IBOSS Vietnam
*/

body {
	font:75%/140% Arial, Helvetica, sans-serif;
	color:#000;
	/*background:url(../assets/floral.png) top center no-repeat;*/
	background:url(../assets/pagebg.gif) top repeat-x #dde8f2;
	text-align:center;
	/*margin:34px 0 0 0;*/
}
.floral {
	background:url(../assets/floral.png) top center no-repeat;
	/*background:url(../assets/pagebg.gif) top repeat-x #dde8f2;*/
	padding:34px 0 0 0;
}
#wrapper {
	width:908px;
	text-align:left;
	margin:0 auto;
	background:url(../assets/container_bg.gif) repeat-y;
}
.wrap-container {
	background:url(../assets/container_topbg.gif) top no-repeat;
	padding:15px 14px 0 14px;
}

#header {
	background:url(../assets/mainbanner.jpg);
	height:201px;
}
	#header h1 {padding:20px 0 0 20px;}
	
#footer {
	background:url(../assets/container_botbg.gif) bottom no-repeat;
	color:#898caf;
	padding:7px 14px 5px 14px;
	height:28px;
}
	#footer .info {float:right; margin:-17px 0 0 0;}
	#footer a {color:#898caf;} #footer a:hover {text-decoration:underline;}

#navi {
	background:#12185e;
	padding:4px 15px 0 15px;
}
	#navi li {
		float:left;
		margin-right:15px;
	}
	#navi li a {color:#fff;}
	#navi li a:hover {text-decoration:underline;}
	
#contents {
	clear:both;
	padding:20px 10px;
}

#welcome {
	margin-bottom:20px;
}
	#welcome h2 {
		background:url(../assets/lbl_welcome.gif) no-repeat;
		width:457px; height:24px;
		text-indent:-2000em;
		margin-bottom:15px;
	}
	#welcome .img {float:right; margin:10px 0 10px 30px;}
	#welcome p {line-height:1.6em;}
	
#news {
	width:270px;
	float:left;
	margin-right:25px;
}
	#news h3 {background:url(../assets/lbl_news.gif) no-repeat; height:18px; text-indent:-2000em;}
#product {
	width:270px;
	float:left;
	margin-right:25px;
}
	#product h3 {background:url(../assets/lbl_products.gif) no-repeat; height:18px; text-indent:-2000em;}
#video {
	width:270px;
	float:left;
}
	#video h3 {background:url(../assets/lbl_video.gif) no-repeat; height:18px; text-indent:-2000em;}

	#news h3, #product h3, #video h3 {margin-bottom:10px; padding-bottom:5px; border-bottom:solid 3px #12185e;}
	
	#news dl {margin-bottom:10px;}
	#news dt {margin-bottom:5px;}
	#news .img {float:left; margin:2px 10px 10px 0;}
	#news ul {list-style:square; margin:0 0 0 15px;}
	#news li {list-style:square;}
	
	#product p {margin-bottom:10px;}

.navlink {
	border-bottom:solid 1px #ddd;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#999;
}
	.navlink label {font-weight:bold;}
.subpage h3, .subpage h4 {margin:15px 0 5px 0;}
.subpage p {margin:10px 0;}
.subpage img {padding:2px; border:solid 1px #ccc;margin:0 10px 0 0}
.float-left {float:left; margin:2px 20px 20px 0;}
.float-right {float:right; margin:2px 0 20px 20px;}
.notes {color:#666;}
.asterisk {color:#c00;}

.othernews {
	margin:10px 0 0 0;
	border-top:solid 1px #ddd;
	padding:20px 0 0 0;
}

	.othernews h3 {margin-bottom:5px;}
	.othernews ul {clear:both; list-style:square; margin:0 0 0 15px;}
		.othernews ul li {list-style:square;}
			
.contact-info {
	margin:10px 0;
	background:url(../assets/mid_divider.gif) bottom no-repeat;
	padding-bottom:20px;
}
	.contact-info label {font-weight:bold; width:80px; display:inline-block;}


#contact-form {
	border-top:solid 1px #ddd;
	padding-top:20px;
}

	#contact-form h3 {font-size:120%; font-weight:bold; margin-bottom:5px;}
	#contact-form p {margin:5px 0;}
	#contact-form fieldset p {margin:7px 0;}
	#contact-form label {
		display:inline-block;
		width:90px;
		color:#666;
		font-weight:bold;
		vertical-align:top;
	}
	#txt_title, #txt_fullname, #txt_position {width:150px;}
	#txt_company, #txt_addr, #txt_msg {width:300px;}
	#contact-form textarea {
		background:url(../assets/form_txtbg.gif) top repeat-x #fff;
		padding:2px 3px 0 3px;
		border:solid 1px #ccc;
	}
	.txt {
	background:url(../assets/form_txtbg.gif) top repeat-x #fff;
	height:16px;
	padding:2px 3px 0 3px;
	border:solid 1px #ccc;
	}

	.btn-sbm {
	background:#12185e;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	padding:2px 2px 4px 2px!important;
	padding:2px 1px 2px 1px;
	border:inset 1px;
	}
	
	.date {color:#999;}
	.about-img {border:solid 1px #ccc; padding:3px;}
/*typo*/
a:link, a:visited {color:#0075ab; text-decoration:none;}
a:hover {color:#12185e;}
h2 {font-size:140%;}
h3, #navi li {font-size:120%;}
#footer p, #news ul {font-size:90%;}
em {font-style:italic;}
h2, h3, h4, strong, #navi li, #news dt, .desc {font-weight:bold;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*validation*/
.error {color:#f00;}
div.error-box {
	border:solid 1px #e4ecf3;
	padding:5px 10px;
	display:none;
	font-size:90%;
	margin-bottom:5px;
	background:#ffffd3;
}
	div.error-box ol {list-style:disc; margin:0 0 0 15px;}
		div.error-box ol li {list-style:disc;}
	div.error-box label {font-weight:normal;}
	
.align-right {text-align:right}
.align-left {text-align:left}
.align-center {text-align:center}