ÊÕ¾×é¹µèÒ§æ F2F2F0/F9A8F0
µÑÇÍÑ¡ÉÃËÑÇ¡ÃзÙé253F99
ÊÕàÊé¹µÒÃÒ§263A82

FONT		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
TD		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
BODY		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
P		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
DIV		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}

.bodyline {background:#ffffff;color:#000000;border:1px solid #000000}
body {background:#FFFFFF;color:#000066;font:11px Verdana,Arial,Helvetica,sans-serif;scrollbar-3dlight-color:#C0C0C0;scrollbar-arrow-color:#000000;scrollbar-darkshadow-color:#000000;scrollbar-face-color:#C0C0C0;scrollbar-highlight-color:#F1F1F1;scrollbar-shadow-color:#C0C0C0;scrollbar-track-color:#C0C0C0}

A:link {color:#000000;FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica;text-decoration:none}
A:active {color:#000000;FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica;text-decoration:none}
A:visited {color:#000000;FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica;text-decoration:none}
A:hover {color:#c0c0c0;FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica;text-decoration:none}
.title 		 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content 	 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.block-title {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.storytitle  {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat	 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle 	 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent  {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.option 	 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny		 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.small		 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

/*Only IE will show for the scroller style */


/* Copyright and bottom info */
.copyright { font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
a.copyright { font-size: 10px; font-weight: bold; color: #000000; text-decoration: none;}
a.copyright:link { font-size: 10px; font-weight: bold; color: #000000; text-decoration: NONE;}
a.copyright:active { font-size: 10px; font-weight: bold; color: #000000; text-decoration: NONE;}
a.copyright:visited { font-size: 10px; font-weight: bold; color: #000000; text-decoration: NONE;}
a.copyright:hover { font-size: 10px; font-weight: bold; color: #6D8593; text-decoration: NONE;}


input {
background-image: url(../../../themes/surin2_25sea/images/bg1.gif);
background-repeat: repeat;
color:#000000;
background-color : #F2F2F0;
FONT-SIZE: 12px;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}

input.noborder {
color:#111C28;
background : #;
font:11px Arial,Helvetica,sans-serif;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}
/* This is the border line & background colour round the entire page */
.bodyline	{ 
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}
.tablein {
background-image: url(../../../themes/surin2_25sea/forums/images/row1.gif);
background-repeat: repeat-x;
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}

.tableout {
background-image: url(../../../themes/surin2_25sea/forums/images/row1.gif);
background-repeat: repeat-x;
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}	
/* This is the outline round the main forum tables */
.forumline	{ 
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}
.forumline2	{ 
background-image: url(../../../themes/surin2_25sea/forums/images/row1.gif);
background-repeat: repeat-x;
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}

/* Main table cell colours and backgrounds */
td.row1 {
background-repeat: repeat-x;
background-color : #ffffff;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}
td.row2	{
background-color : #F9A8F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}
td.row3	{
background-color : #F9A8F0;
background-repeat: repeat-x;
background-color : #ffffff;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}
td.rowpic {
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}
td.pic
{
FONT-SIZE: 12px; 
font-weight : bold;
height: 25px;
color:#000000;
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}
th	{
background-repeat: repeat-x;
color:#000000;
background-color : #F2F2F0;
font-size:12px;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
height: 20px;
}
th.1	{
font-weight : bold;
height: 25px;
background-repeat: repeat-x;
color:#000000;
background-color : #F2F2F0;
font-size:12px;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
	
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  p't worry if you p't understand this, just ignore it :-)
*/

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; 
background-image: url(../../../themes/surin2_25sea/forums/images/bg.gif);
background-repeat: repeat-x;
color:#000000;
background-color : #F2F2F0;
font-size:12px;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
height: 28px; 
}
td.row3Right,td.spaceRow {
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #253F99;
}
a.maintitle:link   { text-decoration: none; color : #253F99; font-size: 18px; }
a.maintitle:visited { text-decoration: none; color : #253F99; font-size: 18px; }
a.maintitle:hover	{ text-decoration: NONE; color : #808080; font-size: 18px; }

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


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


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 0px; color : #000000}
a.cattitle		{ text-decoration: none; color : #000000; }
a.cattitle:hover{ text-decoration: none; color : #253F99;}


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; FONT-SIZE: 12px; color : #000000; }
a.forumlink 	{ text-decoration: none; color : #000000; }
a.forumlink:hover{ text-decoration: NONE; color : #253F99; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; FONT-SIZE: 12px; color : #000000;}
a.nav			{ text-decoration: none; color : #000000; }
a.nav:visited		{ text-decoration: NONE; color : #000000;}
a.nav:link		{ text-decoration: NONE; color : #000000;}
a.nav:hover		{ text-decoration: NONE; color : #253F99;}


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; FONT-SIZE: 12px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #000000; }
a.topictitle:visited { text-decoration: none; color : #000000; }
a.topictitle:hover	{ text-decoration: NONE; color : #253F99; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; 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-size : 12px; color : #000000; }
a.postlink:link	{ text-decoration: none; color : #000000; }
a.postlink:visited { text-decoration: none; color : #000000; }
a.postlink:hover { text-decoration: NONE; color : #253F99; }


/* Quote & Code blocks */
.code {
background-image: url(../../../themes/surin2_25sea/images/bg1.gif);
background-repeat: repeat;
color:#000000;
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}

.quote {
background-image: url(../../../themes/surin2_25sea/images/bg1.gif);
background-repeat: repeat;
color:#000000;
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}



/* Form elements */

input.sub {
background-image: url(../../../themes/surin2_25sea/images/bg1.gif);
background-repeat: repeat;
color:#000000;
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}
/* The text input fields background colour */
input.post, textarea.post {
	background-color : #F2F2F0;
}


/* The buttons used for bbCode styling in message post */
input.button, button.button {
background-image: url(../../../themes/surin2_25sea/forums/images/bg.gif);
background-repeat: repeat-x;
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}

/* The main submit button option */
input.mainoption {
background-image: url(../../../themes/surin2_25sea/forums/images/bg.gif);
background-repeat: repeat-x;
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}

/* None-bold submit button */
input.liteoption {
background-image: url(../../../themes/surin2_25sea/forums/images/bg.gif);
background-repeat: repeat-x;
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}

/* 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-image: url(../../../themes/surin2_25sea/images/bg1.gif);
background-repeat: repeat;
color:#000000;
background-color : #F2F2F0;
BORDER-TOP: #263A82 1px solid; 
BORDER-BOTTOM: #263A82 1px solid; 
BORDER-LEFT: #263A82 1px solid; 
BORDER-RIGHT: #263A82 1px solid;
}