/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background: #F2F1F1 url(../../templates/shamarat/images/bg.jpg) repeat-x;
	scrollbar-face-color: #CDE3EB;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #CDE3EB;
	scrollbar-3dlight-color: #64A8C0;
	scrollbar-arrow-color:  #3FA6C7;
	scrollbar-track-color: #E6F1F5;
	scrollbar-darkshadow-color: #FFFFFF;
	font:Arial;
	font-size:12px;
}

/* Set margins and  main layout borders    */
.b{background:#fff url(../../templates/shamarat/images/b.jpg) repeat-x}
.l{background:#fff url(../../templates/shamarat/images/l.jpg) repeat-y}
.lt_c {background:#fff url(../../templates/shamarat/images/lt_c.jpg) no-repeat}
.lb_c{background:#fff url(../../templates/shamarat/images/lb_c.jpg) }
.r{background:#fff url(../../templates/shamarat/images/r.jpg) repeat-y }
.rt_c{background:#fff url(../../templates/shamarat/images/rt_c.jpg) no-repeat }
.rb_c{background:#fff url(../../templates/shamarat/images/rb_c.jpg)}
.t{background:#fff url(../../templates/shamarat/images/t.jpg) repeat-x }

table {padding:0px}
/* General font families for common tags */
th,td,p { font-family: Arial, helvetica, sans-serif }
a:link,a:active,a:visited { color : #007297; text-decoration:none }
a:hover		{  color : #000000; }
hr	{ height: 0px; border: solid #ffffff 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 0px #0089B4 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 0px #FFFFFF solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #E6F1F5; }
td.row2	{ background-color: #CDE3EB; }
td.row3	{ background-color: #64A8C0; }
.row1	td{ background-color: #E6F1F5; }
.row2	td{ background-color: #CDE3EB; }
.row3	td{ background-color: #64A8C0; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(../../templates/shamarat/images/cellpic2.gif);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFFFFF; font-size: 11px; font-weight : bold;
	background-color: #3FA6C7; height: 25px;
	background-image: url(../../templates/shamarat/images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(../../templates/shamarat/images/cellpic1.gif);
			background-color:#64A8C0; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold;  height: 28px;
}
td.row3Right {
	background-color: #E6F1F5;
}
td.spaceRow {
	background-color: #FFF;
}

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 0px;}
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 1px 1px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
margin-left:2px;
padding-left:20px;
background:transparent url(../../templates/shamarat/images/folder.gif) no-repeat center left;
font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif;
text-decoration: none;  color : #808080;
}

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #007297; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #000000; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu		{ text-decoration: none; color :#007297;  }
a.mainmenu:hover{  color : #000000; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #FFF}
a.cattitle		{ text-decoration: none; color : #FFF; }
a.cattitle:hover{color : #000; text-decoration: none; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #FF5F00; }
a.forumlink, a.forumlink:link, a.forumlink:visited { text-decoration: none; color :#FF5F00; }
a.forumlink:hover{ text-decoration: none; color : #000000; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #000000;}
a.nav			{ text-decoration: none; color : #007297; }
a.nav:hover		{color: #000; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 12px; color : #000000; }
a.topictitle:link   {display:block; width:100%; text-decoration: none; color : #2E5B6B; padding:9px 6px}
a.topictitle:visited { display:block; width:99%; text-decoration: none; color : #A55627;  padding:9px 6px}
a.topictitle:hover	{ color : #000000; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #000000;}
.name2			{ font-size : 13px; color : #000000;}
/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #000000; }

/* The content of the posts (body of text) */
.postbody {font:80% Verdana,Sans-serif; line-height: 1.9em;}
a.postlink:link	{ text-decoration: none; color : #3FA6C7 }
a.postlink:visited { text-decoration: none; color : #3FA6C7; }
a.postlink:hover { text-decoration: none; color : #000}

.authorside{
background:#C2DDE6;
}

/* Quote & Code blocks */
td.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #F9FBFA; border: #64A8C0; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

td.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #808080; line-height: 125%;
	background-color: #F9FBFA; border: #64A8C0; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.postsubject{
color:#FA8E26;
}
.padding5{padding-left:5px; padding-right:5px}
.padding10{padding:10px}
.padding20{padding:10;padding-left:20px; padding-right:20px}
/* Copyright and bottom info */
.copyright		{ font: 10px/14px verdana, sans-serif; color: #808080; letter-spacing: -1px;}
a.copyright		{ color: #808080; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : #000;
	font: normal 11px Arial ;
	border:1px solid #fff;
}

/* The text input fields background colour */
input.post, textarea.post, select {
background-color: #DBEBF1;
}
input.loginbox{
height:15px;
font:normal 9px Arial;
}

input.logincheckcbox{
height:12px;
border:0;
}
textarea{
font-size: 12px;
}


input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #3B89A3;
	color : #FFFFFF;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #3B89A3;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #3B89A3;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #CDE3EB; border-style: none; }

.mainnav {
padding:0;
margin:0;
font:Arial;
font-weight:bold;
font-size:11px;
}

.mainnav td{
white-space:nowrap;
width:15%;
text-align:center;
background:#4095B1;
}
.mainnav td a{
padding:6px;
padding-left:0px;
padding-right:0px;
display:block;
width:100%;
color:#FFF;
text-decoration:none;
}

.mainnav td a:link, .mainnav td a:visited{
color:#fff;
text-decoration:none;
}

.mainnav td a:hover{
color:#000;
background:#CDE3EB;
text-decoration:none;

}
topborder{
background:#4095B1 none;
height:3px;
border-bottom:1px solid #FFF;
}
.login {
background:#4095B1 url(../../templates/shamarat/images/login_bg.gif) repeat-y;
font: bold 10px/14px verdana, sans-serif;
margin-bottom:2px;
margin-top:3px;
padding:2px !important;
padding:2px;
padding-right:5px;
padding-left:6px !important;
padding-left:10px;
border-right:1px solid #fff;
}
.login td{
vertical-align:middle;
color:#000;
}

.var{
color:#6C7D4B;
font-weight:bold;
}

.rowg1{
background:#FFF url(../../templates/shamarat/images/gradient_v.jpg) repeat-x;
}

.stathead{
background:#4095B1 none;
padding-left:50px;
}

.leftline {
border-left:1px solid #4095B1;
}
.margin{
margin-top:3px;
margin-bottom:3px;
}

.margin2{
margin-top:8px;
margin-bottom:5px;
}

.titletable{
 margin-top:5px;
 margin-bottom:5px;
}

a.path{
margin-left:5px;
padding-left:16px;
background:transparent url(../../templates/shamarat/images/arrow_blue.gif) no-repeat center left;
}

a:hover.path{
background:transparent url(../../templates/shamarat/images/arrow_black.gif) no-repeat center left;
}

.spacing img{
margin-left:3px;
margin-right:3px;
}

ul.latest_topics {
font: bold 10px Arial;
margin:0;
margin-top:-5px;
padding:0;
padding:10px;
padding-top:5px;
padding-left:5px;
color:#007297;
list-style:none;
}

ul.latest_topics li a{
width: 270px;
color:#007297;
text-decoration:none;
display:block;
padding:5px;
padding-left: 14px;
background: url(../../templates/shamarat/images/icon_minipost.gif) no-repeat center left;
border-bottom:1px solid #C2DDE6;
}

ul.latest_topics li a:hover{
color:#000;
background: url(../../templates/shamarat/images/arrow_black.gif) no-repeat center left;
}
ul.users {
font: bold 10px Arial;
margin:0;
margin-top:-5px;
padding:0;
padding:10px;
padding-top:5px;
padding-left:5px;
color:#000;
list-style:none;
}

ul.users li{
width: 270px;
color:#000;
text-decoration:none;
padding:5px;
padding-left: 14px;
background: url(../../templates/shamarat/images/arrow_blue.gif) no-repeat center left;
border-bottom:1px solid #C2DDE6;
}

.pagenav td{
background:#DFEDF2 ;
}

td.no_padding {
	padding:0;
}
td.padding5 {
	padding:5px;
}

td.padding3 {
	padding:3px;
}



ul.userdata {
width:26px;
 margin:0 ;
 padding:0;
}
ul.userdata li{
list-style:none;
padding:0;
margin:0;
display:inline;
}
ul.userdata li a{
display:block;
width: 100%;
margin-top:0 !important;
margin-top:-5px;
margin:0;
padding:5px 0  !important;
padding:5px 2px 5px 2px ;
border-bottom:1px solid #FFF;
}
ul.userdata li.first a{
border-top:0;
}

ul.userdata li a:hover{
background:url(../../templates/shamarat/images/gradient_v.jpg);
}

.alignmentbtn{
border-bottom:1px solid #FFF; 
border-left:1px solid #FFF;
}

.alignmentbtn a{
display:block;
padding:5px;
padding-top:10px;
padding-bottom:10px;
}

.alignmentbtn a:hover{
background:url(../../templates/shamarat/images/gradient_v.jpg);
}

.postediting td a{
display:block;
border: 0;
border-left:1px solid #FFF;
padding:5px;
padding-left:0px;
padding-right:7px;
}
.postediting td a:hover{
background:url(../../templates/shamarat/images/gradient_v.jpg);
text-decoration:none
}
ul.editpost{
margin:0;
padding:0;
list-style:none;
}

ul.editpost li {
display: inline;
}

ul.editpost li a{
display: block;
float:left;
padding:5px;
border-right:1px solid #FFF;
}
ul.editpost li.last a{
border:0;
}
.showkeyboard{display:block}

.hidekeyboard{display:none}

a.userloggedin {
display:block;
margin:4px 0 -2px -4px !important;
margin:2px  0 -2px -8px ;
padding: 2px 0 1px 0 !important; 
padding: 3px 0 1px 0 ; 
width:105% !important;  
width:125%; 
border-top:1px solid #FFF; 
border-left:1px solid #FFF; 
color:#FFF;
}
a.userloggedin2 {
display:block;
margin:4px 0 -2px -4px !important;
margin:4px  0 -5px -8px ;
padding: 2px 0 1px 0 !important; 
padding: 4px 0 1px 0 ; 
width:105% !important;  
width:125%; 
border-top:1px solid #FFF; 
border-left:1px solid #FFF; 
color:#FFF;
}

a.userloggedin:visited,a.userloggedin2:visited {
color:#FFF;
}
a.userloggedin:hover,a.userloggedin2:hover {
color:#000;
}

.quickreply {
background:#C2751F;
}
.jumbbox{
border-left:1px solid #fff; 
border-top:1px solid #FFF;
}