/* CSS Document */

.toptitle{
margin-left:20px;
margin-top: 20px;
float:left;
clear:left;
}
.balance{
margin-left:120px;

}

.bodytext3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
}



table.sample {
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	background-color: white;
}
table.sample th {
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: gray;
	background-color: lightgrey;
	-moz-border-radius: ;
}
table.sample td {
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	
}



.noblock
{
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 5%;
	margin-bottom: 5%;
;;
}


.thinnoblock
{
	margin-left: 40%;
	margin-right: 40%;
	margin-top: 5%;
	margin-bottom: 5%;
;;
}


.widenoblock
{
	margin-left: 7%;
	margin-right: 7%;
	margin-top: 5%;
	margin-bottom: 5%;
	
;;
}

.redLineOnTop2
{
	
	border-top: 5px solid #BF0000;
	margin-top: 30px;
	margin-left:0%;
	margin-right:0%;

}


.redLineOnTop3
{
	
	border-top: 5px solid #BF0000;
	margin-top: 100px;
	margin-left:0%;
	margin-right:0%;

}


.unlockText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold, italics;
	
	color: #0060B6;
}


.container2 { /*red frame main box*/
	width: 1000px;
	background-color: #FFFFFF;
	border: 5px solid #BF0000;
	margin-left: auto; margin-right: auto;
}




.floatleft{
float:left;
clear:left;
}

.floatright{
float:right;

}

.moveright 
{
position: relative;
bottom: 100;
left: 100;
}
.formCaptions
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	
}


.errorMsg{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #BF0000;
	
}
.errorMsgCenter{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #BF0000;
	text-align: center;
}


.centerBlock
{
text-align:center;
}
.innerBlock1 /* if not a lot of text stops the red frame from getting small*/
{
	margin-top: 15%;
	margin-bottom: 15%;
	margin-left: 20%;
	margin-right: 20%;
}
.innerBlock2/* if not a lot of text stops the red frame from getting small*/
{
	margin-top: 10%;
	margin-bottom: 10%;
	margin-left: 20%;
	margin-right: 20%;
}

.innerBlock3/* if not a lot of text stops the red frame from getting small*/
{

	margin-top: 5%;
	margin-bottom: 15%;
	margin-left: 20%;
	margin-right: 20%;

}

.innerBlock7/* if not a lot of text stops the red frame from getting small*/
{

	margin-top: 5%;
	margin-bottom: 10%;
	margin-left: 20%;
	margin-right: 20%;

}

.innerBlock10/* if not a lot of text stops the red frame from getting small*/
{

	margin-top: 2%;
	margin-bottom: 4%;
	margin-left: 20%;
	margin-right: 20%;

}


.innerBlock8/* if not a lot of text stops the red frame from getting small*/
{

	margin-top: 5%;
	margin-bottom: 5%;
	margin-left: 15%;
	margin-right: 15%;

}

.innerBlock9/* if not a lot of text stops the red frame from getting small*/
{

	margin-top: 5%;
	margin-bottom: 5%;
	margin-left: 7%;
	margin-right: 7%;

}

.innerBlock6/* if not a lot of text stops the red frame from getting small*/
{

	margin-top: 0%;
	margin-bottom: 5%;
	margin-left: 40%;
	margin-right: 20%;

}

.innerBlock4/* if not a lot of text stops the red frame from getting small*/
{
	margin-top: 10%;
	margin-bottom: 10%;
	margin-left: 23%;
	margin-right: 20%;
	text-align:justify;
}

.innerBlock5/* if not a lot of text stops the red frame from getting small*/
{
	margin-top: 10%;
	margin-bottom: 5%;
	margin-left: 6%;
	margin-right: 6%;
	
}


.footerDate
{
	float: bottom;
	font-size: 10pt;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.footerThanks
{
	float: bottom;
	text-align: center;
	font-size: 12pt;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.container { /*red frame main box*/
	width: 700px;
	background-color: #FFFFFF;
	border: 5px solid #BF0000;
	margin-left: auto; margin-right: auto;
}

.chatBigBanner{
float:left;
clear: left;
}


.theFlags
{
	margin-right:5px;
	float: right;
	clear:right;
	margin-top: 30px;
	word-spacing: 3px;
}

.mainLinks{ 

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #000000;
font-weight: bold;

float:right;
clear: right;
margin-top: 32px;
margin-right: 3px;
 

}

.unlockBanner
{
float: left;
margin-top: 26px;
clear: left; 

}


.redLineOnTop 
{
	
	border-top: 5px solid #BF0000;
	margin-top: 55px;
	margin-left:0%;
	margin-right:0%;

}

.innerText
{
	margin: 10%;
}


.thaiLanguage {	
	font-size: 10pt;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: normal;
}


.bodytext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
	font-weight: bold;
}

.innerText
{
	margin: 10%;
}

.errorMsg{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #BF0000;
	
}
.errorMsgCenter{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #BF0000;
	text-align: center;
}

.innerBlock1
{
	margin-top: 35%;
	margin-bottom: 35%;
	margin-left: 20%;
	margin-right: 20%;
}
.innerBlock2
{
	margin-top: 25%;
	margin-bottom: 25%;
	margin-left: 20%;
	margin-right: 20%;
}

.innerBlock3
{

	margin-top: 15%;
	margin-bottom: 15%;
	margin-left: 20%;
	margin-right: 20%;

}


a:link {
	color: #0060B6;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a:visited {
	color: #0060B6;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a:hover {
	color: #BF0000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}



body {
	background-color: #FFFFFF;
}

.imageframe {
	border: 1px solid #000000;
}

.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #BF0000;
}

.h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0060B6;
}
.h2u {
  width:516px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #0060B6;
}

.h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #BF0000;
}

.h3b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #BF0000;
}

.whitefont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
}

.italic {
	font-size: 12px;
	font-style: italic;
}

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-align: center;
}

a.foot:link {
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal

}

a.foot:visited {
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal

}

a.foot:hover {
	color: #0060B6;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal

}

a.link2:link {
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal

}

a.link2:visited {
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal

}

a.link2:hover {
	color: #0060B6;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal

}

a.register:link {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal

}

a.register:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal

}

a.register:hover {
	color: #3366CC;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal

}

.foot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}

.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

/* BUTTONS */

.buttons a, .buttons button{

    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
		
/* Notices and Errors */
div.center {
	text-align: center;
}
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #BF0000;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background-color: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background-color: green;
	color: #FFF;
}

/*  Actions  */
div.index a {
	color: #0060B6;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
}
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
	padding: 4px;
}