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

body{
	background:#d4d4d4 url(../images-en/shadow.jpg) repeat-y center;
	margin:0;
	font-family:arial,tahoma;
	font-size:14px;
	line-height:18px;
	text-align:center;
}

img{
	border:none;
}

.clear{
	font-size:1px;
	line-height:1px;
	clear:both;
}

a{
	text-decoration:none;
	color:#000;
}

a:hover{
	color:#000;
}


#wrapper{
	width:922px;
	text-align:left;
	direction:ltr;
	margin:0 auto;
	clear:both;
}

/*p------------------------------------------head-----------------------------------------a*/

#back-top{
	background:url(../images-en/top-shadow.jpg) top no-repeat;
	margin:0;
	padding:0;
}

#back-bottom{
	background:url(../images-en/shadow-bottom.jpg) bottom no-repeat;
}

#head{
	width:922px;
	height:15px;
	background:url(../images-en/head.jpg) no-repeat;
	margin:0;
	padding:0;
	padding-top:200px;
}

#head a{
	display:inline-block;
	background:url(../images-en/bullet-blue-02.jpg) right no-repeat;
	text-decoration:none;
	padding:0 20px 0 7px;
	color:#4c4c87;
}

#head a:hover{
	background:url(../images-en/bullet-orange.jpg) right no-repeat;
	padding:0 20px 0 7px;
	color:#000;
}

#head a:active{
	background:url(../images-en/bullet-blue-01.jpg) right no-repeat;
	padding:0 20px 0 7px;	
}
#lang {
	text-align:right;
}
/*o-------------------------------------------main----------------------------------------i*/

#pori{
	clear:both;
}

#pori-right{
	float:left;
}

#pori-left{
	width:140px;
	float:left;
}

/*r------------------------------------------main01---------------------------------------r*/

.main01{
	clear:both;
}

.baner{
	border:1px #f5f9fe solid;
	margin:0 auto;
	padding:5px;
	clear:both;
}

#menu{
	width:130px;
	margin:45px 0 25px 10px;
	display:inline;
	float:left;
}

#menu a{
	background:url(../images-en/bullet-orange.jpg) no-repeat;
	padding-left:30px;
	margin-bottom:8px;
	display:block;
}

#menu a:hover{
	background:url(../images-en/bullet-blue-02.jpg) no-repeat;
	padding-left:30px;
	margin-bottom:8px;	
	display:block;
}

#menu a:active{
	background:url(../images-en/bullet-blue-01.jpg) no-repeat;
	padding-left:30px;
	margin-bottom:8px;	
	display:block;
}

.pic{
	width:171px;
	height:133px;
	background:url(../images-en/pic.jpg) no-repeat;
	margin:65px 10px 0 10px;
	float:left;
}

.pori-box{
	width:512px;
	background:#f5f9fe url(../images-en/box-bg.jpg) repeat-y right top;
	margin:45px 0 0 20px;
	float:left;
}

.top-box{
	width:472px;
	padding:20px 20px 0px 20px;
	clear:both;
}

.box-text{
	width:430px;
	padding:0 10px 5px 10px;
	float:left;
}

.bullet{
	width:15px;
	height:15px;
	background:url(../images-en/bullet-blue.jpg) no-repeat;
	float:left;
}

.bottom-box{
	height:32px;
	background:url(../images-en/box-bottom.jpg) left;
	clear:both;
}

/*i------------------------------------------main02---------------------------------------o*/

.main02{
	width:780px;
	clear:both;
}

.main02-top{
	width:780px;
	height:21px;
	background:url(../images-en/pori-top.jpg) no-repeat;
	clear:both;
}

.content-title{
	width:780px;
	background:url(../images-en/pori-bg.jpg) repeat-y;
	clear:both;
}

.t-left{
	width:25px;
	height:24px;
	background:url(../images-en/title-circle.jpg) no-repeat;
	margin:11px 0 0 17px;
	display:inline;
	float:left;
}

.t-main{	
	margin:15px 0 0 23px;
	display:inline;
	color:#fba71a;
	font-weight:bold;
	float:left;
}

.t-right{
	width:206px;
	height:14px;
	background:url(../images-en/title-orang.jpg) no-repeat;
	margin:15px 0 0 23px;
	float:left;
}

.main02-middle{
	background:url(../images-en/pori-bg.jpg) repeat-y;
	padding:15px 65px;
	clear:both;
}

.main02-bottom{
	width:780px;
	height:21px;
	background:url(../images-en/pori-bottom.jpg) no-repeat;
	clear:both;
}	

/*a------------------------------------------footer---------------------------------------p*/

#footer{
	height:136px;
	background:url(../images-en/footer.jpg) no-repeat;
	clear:both;
}

#footer-text{
	padding-top:110px;
	text-align:center;
	font-size:11px;
	clear:both;
}

#copy{
	padding-left:200px;
	float:left;
}

#designer{
	padding-left:50px;
	float:left;
}

#designer a{
	color:#fba71a;
}

#designer a:hover{
	color:#000066;
}

/*a--------------------------------------------page----------------------------------------p*/
.tbox, .button {
	font-family:tahoma;
	font-size:11px;
}
.baner .login{
	width:60px;
}
.small-font{
	font-size:10px;
}

/*a---------------------------------------------CMS-----------------------------------------p*/

.helpbox{
	display:none;
}
.indentchat{ 
	padding: 4px; 
	border: 1px solid #bababa; 
	margin: 4px 0 4px 0; 
	text-align: right; 
	background: #f1f0f0 url(images/fhead3.png) repeat-x top; 
	color: #707070; 
}

.indent { 
padding: 4px; 
margin: 2px; 
background: #f6f4f5; 
border: 1px dotted #bababa; 
}

.code_highlight { 
padding: 4px; 
margin: 2px; 
height: 200px; 
overflow: scroll; 
background: #f6f4f5; 
border: 1px dotted #bababa; 
}

.button { 
padding: 2px 4px; 
margin: 2px auto; 
background: #fff url(images/button.png) repeat-x bottom; 
border: 1px solid #bababa; 
color: #000; 
text-align: center; 
font-weight: bold; 
font-size: 10px; 
} 

.small { 
font: 10px; 
color: #545353; 
}

.smalltext { 
font: 10px; 
color: #545353; 
}

.smallbottom { 
font-size: 10px; 
color: #545353; 
text-align:right; 
}

.smallblacktext { 
color: #545353; 
font-size: 10px; 
}

.tbox { 
color: #005dab;  
font-weight: bold; 
font-size: 10px; 
border: 1px solid #bababa; 
}

.tbox:focus { 
border: 1px solid #005dab; 
}

.chatbox { 
width: 96%; 
margin: 2px auto; 
direction:rtl; 
text-align:right; 
}

/* FORUM STYLES */

.ftrack { 
border: none; 
padding: 7px 5px 7px 5px; 
background: #f1f0f0; 
}

.fdata { 
text-align: center; 
border-top: 1px solid #bababa; 
padding: 7px 4px; 
background: #ededed url(images/fhead2.png) repeat-x top; 
}

.fcaption { 
padding: 4px; 
color: #787878; 
background: url(images/nav_b.png) repeat-x bottom; 
font: 11px; 
min-height: 20px; 
}

.fcaption span.smalltext{ 
color: #707070; 
}

.fcaption span.smalltext a:hover{ 
color: #a0bac6; 
}

.fcaption a { 
color:#707070; 
text-decoration: none; 
}

.fcaption a:hover { 
color: #a0bac6; 
}

a.forumlink{ 
color:#707070; 
text-decoration: none; 
}
a.forumlink:hover{ color: #a0bac6; }

.fborder { border: 1px solid #bababa; margin: 4px 0 4px 0; }

.forumheader { padding: 2px 4px 2px 4px; line-height: 16px; font-weight: bold; color: #005dab; background: #fff url(images/cbg.png) repeat-x top; }

.forumheader2 { padding: 7px 5px 7px 5px; border: 1px solid #bababa; background: #ededed url(images/fhead2.png) repeat-x top; }
	
.forumheader3 { padding: 7px 5px 7px 5px; border: 1px solid #bababa; background-color: #fafcfe ; }

.forumheader4 { padding: 7px 5px 7px 5px; border: 1px solid #bababa; background: #222222 url(images/fhead3.png) repeat-x top; }

.finfobar { padding: 2px 4px; background: #ededed; border: 1px solid #bababa; }