/* CSS Document */
html 
{
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #565b5b;
}


body {
	margin:0px;
	padding:0px;
	background:url(../img/bg.jpg) repeat-x top;
}

img {
	behavior: url(http://tapaco.shareinvestorthailand.com/src/scripts/iepngfix.htc);
}

a img {
	border: 0px;
}

a {
	color: #0072a9;
	font-weight: normal;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.clearFloat{
	clear: both;
}

#contentainer {
	width: 1010px;
	height:auto;
	margin: 0 auto;
	padding: 0px ;
	background:url(../img/border-content.jpg) repeat-y;
}

#header {
	width:1010px;
	height:63px;
	background:url(../img/logo-header.jpg) no-repeat;
	
}

#swap {
    float:right;
	width:100px;
	padding-right:30px;
	 padding-top:30px; 
}


ul.lang {
	padding:0px;
	margin:0px;
}
ul.lang li {
    display:inline;
	font-weight:bold;
	list-style:none;
	
}

ul.lang li.sep { width:30px; text-align:center;  padding:0px 10px;}

ul.lang li  a { text-decoration:none; color:#333333; padding-top:13px; }
ul.lang li  a:hover { background:url(../img/swap-b.png) no-repeat;  background-position:top; text-decoration:none;}
ul.lang li .off { background:url(../img/swap-b.png) no-repeat;  background-position:top; text-decoration:none;}

#flashIntro {
    background:url(../img/flash-bg.jpg) repeat-x;
	position:relative;
	height:316px;
	width:777px;
}
#statusPage {
	width:764px;
	height:36px;
	background-color:#FFFFFF;
}

#statusPage .title {
		padding:10px 10px 0px 20px;
		margin:0px;
}
#statusPage .title span { text-transform:uppercase; padding-right:15px; font-weight:bold; }

#titleweb {
	height: 36px;
}
#shortmenu {
    width:777px;
	padding:0px;
}
ul.icon {
	padding:0px;
	margin:0px;
	display:inline;
}
ul.icon li {
	float:left;
	list-style:none;
}

#leftSpace {
	width:233px;
	float:left;
}

#leftSpaceBottom {
	background:url(../img/leftSpace-footer.jpg) no-repeat;
	height:137px;
	width:233px;
}
#rightSpace {
	float:left;
	padding-left:0px;
	width:777px;
}
#contentContainer {
	padding:10px 35px 10px 35px;
}

#footer {
		width:1010px;
		background:url(../img/footer.jpg) no-repeat;
		height:27px;
		background-color:#FFFFFF;
}
#footer .contact {padding-left: 115px; width:233px; }
#copyright { padding: 0px 20px 10px 200px; width:1010px;  margin: 0 auto; text-align:center; }

#leftSideIntro {
	color:#FFF;
	font-weight:bold;
	padding:70px 15px 40px 15px;
	background:#001141;
	font-size:11px;
	text-transform: uppercase;
}
/* Left Menu */
div.leftMenuSpace {
background:#001141;
height:auto;
}

div.sdmenu {
	padding: 10px 0px;
	margin: 0px;
	background:#001141;
}
div.sdmenu div {
	overflow: hidden;
	color:#FFF;
	font-size:100%;
	font-weight:bold;	
}

div.sdmenu div a:link,  div.sdmenu div a:visited{ 
	display: block;
	color: #FFF;
	height:20px;
	padding: 7px  0px 3px 15px;
	text-decoration:none;
	
}
div.sdmenu div a:hover {
	background : #0072a9;
	color:#FFF;
}

div.sdmenu ul {
		margin:0px;
		padding:0px;
}

div.sdmenu ul  li{
	list-style:none;
	display:block;
	height:24px;
}

div.sdmenu ul  li#start{
	background:url(../img/leftmenu-bg.jpg) no-repeat;
}
div.sdmenu ul  li#end{
	border-bottom:#66708a solid 1px;
}

a.leftmenu:link,a.leftmenu:visited{ padding: 5px 0px 5px 45px; text-align: left;display: block; color: #FFF; font-size:11px;}
a.leftmenu:hover{ text-decoration: none; color:#66708a; }


/*########## Define the rest of the classes here ##############*/
.title01{
	color:#0859b6; 
	font-size:13px;
	font-weight:bold;
}

.title02{
	color:#1792c3; 
	font-size:12px;
	font-weight:bold;
}

/* table*/
.tableBorder {
	border: 1px solid #CCCCCC;
}
table.style_table tr.TopRow td {
	background: #054c94; 
	color:#ffffff; 
	font-weight: bold; 
	text-align: center;
}
table.style_table tr.BottomRow td {
	border-bottom: 2px solid #054c94;
}
table.style_table tr.row1 td {
	background: #e7e7e7;
}
table.style_table tr.row2 td {
	background: #f4f4f4;
}
table.style_table tr.rowHighlight td {
	background: #001f62; 
	color:#ffffff; 
	font-weight:bold;
}

.ir_tableBorder {border: 1px solid #CCCCCC;}
table.ir_table tr.ir_tableTopRow td {background: #054c94; color:#ffffff; font-weight: bold; text-align: center;border-top: 2px solid #000000;}
table.ir_table tr.ir_tableBottomRow td {border-bottom: 2px solid #054c94;}
table.ir_table tr.row1 td {background: #f8f8f8;}
table.ir_table tr.row2 td {background: #f4f4f4;}
table.ir_table tr.rowRollover td {background: #c3b777;}
table.ir_table tr.rowHighlight td {background: #001f62; color:#ffffff; font-weight:bold;}
table.ir_table tr td.left {text-align: left;}
table.ir_table tr td.center {text-align: center;}
table.ir_table tr td.right {text-align: right;}
table.ir_table tr td.cellHighlight {background: #001f62; color:#ffffff;}
table.ir_table tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;}
table.ir_table tr td.cellSubTotal {border-top: 1px solid #414141;}