html{
	overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

body { 
	background: #fff;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 135%;
	margin: 0;
	padding: 0; /* required for Opera to have 0 margin */
	text-align: center; /* centers board in MSIE */
}

a:link,
a:visited,
a:active {
	background: transparent;
	color: #222;
	text-decoration: underline;
}

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

#QUOTE,
#CODE{  
	background: #FFF; 
	border: 1px solid #666; 
	color: #333; 
	font-family: Verdana, Arial; 
	font-size: 11px; 
	padding: 5px; 
	white-space: normal;
}

#CODE{ 
	font-family: Courier, Courier New, Verdana, Arial;
}

table { /* makes all tables 100% wide */
	/* width: 100%; */
}

td { /* gives all tables faux cellpadding of 5px */
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

th { /* gives all tables faux cellpadding of 5px */
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #FFF;
	background: #BDBA9C;
}

td.nopad{ /* allows some tables to have no padding on the td */
	padding: 0;
}

td.pad1{ /* allows some tables to have no padding on the td */
	padding: 1;
}

td.pad2{ /* allows some tables to have no padding on the td */
	padding: 2;
}

fieldset {
	padding: 5px;
}

#ipbwrapper{ 
	margin: 0px auto 0px auto; /* centers the box, no matter the overall width, also applies a 20px gap at the top and bottom of the board */
	text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */
	/* EDIT THIS TO CHANGE THE WIDTH OF THE BOARD -> 750px is a common fixed resolution size */
	width: 100%;
	padding: 20px;
}

.borderwrap { /* this will affect the outlining border of all the tables and boxes through-out the skin. */
	background: #FFF; 
	border: 1px solid #666666;
	padding: 0; 
	margin: 0; 
}

.maintitle {
	background: transparent url(../img/gradient_thead.gif);
	border: 1px solid #FFF;
	border-bottom: 1px solid #999;
	color: #FFF; 
	font-size: 12px;
	font-weight: bold; 
	margin: 0;
	padding: 8px;
}

.maintitle a:link, 
.maintitle a:visited{ 
	background: transparent;
	color: #FF9900;
	text-decoration: none; 
}

.maintitle a:hover, 
.maintitle a:active{ 
	background: transparent;
	color: #FFF;
}

.postdetails{ 
	font-size: 10px;
	line-height:140%;
}

.pagelink,
.pagelinklast,
.pagecurrent,
.minipagelink,
.minipagelinklast{
	background: #FFF;
	border: 1px solid #666;
	padding: 1px 3px 1px 3px;
}

.pagelinklast,
.minipagelinklast{
	background: #DFE6EF;
}


.pagecurrent{
	background: #CCC;
}

.minipagelink,
.minipagelinklast{
	border: 1px solid #C2CFDF;
	font-size: 10px;
	margin: 0 1px 0 0;
}

.pagelink a:active,
.pagelink a:visited,
.pagelink a:link,
.pagelinklast a:active,
.pagelinklast a:visited,
.pagelinklast a:link,
.pagecurrent a:active,
.pagecurrent a:visited,
.pagecurrent a:link,
.minipagelink a:active,
.minipagelink a:visited,
.minipagelink a:link,
.minipagelinklast a:active,
.minipagelinklast a:visited,
.minipagelinklast a:link{
	text-decoration: none;
}

.mn {color: #fff;}
.mn a:active,
.mn a:visited,
.mn a:link{
	color: #fff;
	text-decoration: none;
}
.mn a:hover{
	text-decoration: underline;
	color: #fff;
}

.Blog {font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; color: #000;}

.BlogTitle {font-family: Georgia, Times New Roman, Times, serif; font-size: 16px; color: #000; font-weight: bold;}
.BlogTitle a:active,
.BlogTitle a:visited,
.BlogTitle a:link{
	color: #000;
	text-decoration: none;
}
.BlogTitle a:hover{
	text-decoration: underline;
	color: #000;
}

.TitSubTopik {font-size: 11px; color: #000; font-weight: bold;}
.TitTopik {font-size: 12px; color: #000; font-weight: bold;}

.TitSubTopik a:active,
.TitSubTopik a:visited,
.TitSubTopik a:link {
	text-decoration: underline;
}
.TitTopik a:active,
.TitTopik a:visited,
.TitTopik a:link{
	text-decoration: none;
}

.TitSubTopik a:hover,
.TitTopik a:hover{
	text-decoration: underline;
	color: #000;
}

.o10 {font-size: 10px; color: #FF6600;}
.o11 {font-size: 11px; color: #FF6600;}
.r10 {font-size: 10px; color: #FF0000;}
.r11 {font-size: 11px; color: #FF0000;}
.w10 {font-size: 10px; color: #FFF;}
.b10,
.PostKet {font-size: 10px; color: #000;}
.FontSize10 {font-size: 10px;}
.FontSize11 {font-size: 11px;}

#FI_Editor {
	border: 2px groove;
	/*width: 100px;*/
	padding: 2; 
	margin: 0;
}

#FI_Editor td {
	padding: 2px;
}

/* 
 * ========================================
 * form styles 
 * ========================================
 */

input,
textarea,
select{
	background: #FFF;
	border: 1px solid #666;
	color: #000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 2px;
	vertical-align: middle;
}

select{
	border: 0;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

input.button{
	margin: 0;
	width: auto;
}

optgroup option{
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
}

.codebuttons{ 
	font-family: Verdana, Helvetica, Sans-Serif; 
	font-size: 10px; 
	vertical-align: middle;
	margin:2px;
}

.textarea,
.searchinput,
.button,
.gobutton{
	background: #FFF;
	border: 1px solid #666;
	color: #000;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 2px;
	vertical-align: middle;
}
	
.button{
	background: #DFE6EF;
}

.gobutton{
	background: transparent;
	border: 0;
	color: #072A66;
	margin: 0;
	vertical-align: middle;
}

.radiobutton,
.checkbox,
.helpbox { 
	border: 0;
	vertical-align: middle;
	background: transparent;
}