/* ************************************* */

/* Common styles for the theme           */

/* ************************************* */



/* Normal, standard links. */

a:link {

	color: #444;

	text-decoration: none;

}




a:visited {

	color: #444;

	text-decoration: none;

}



a:hover {

	color: #202020;

	text-decoration: underline;

}



/* Tables should show empty cells. */

table {

	empty-cells: show;

}



/* set a fontsize that will look the same in all browsers. */

body {
	line-height: 140%;
	font-family: tahoma, Sans-Serif;
	font-size: 12px;
	background: #021c31 url(images/body-bg.png) top center repeat-x;
	color: #021c31;
	margin: 0px 0 5px 0;
	padding: 0;
}



/* use dark grey for the text, leaving black for headers etc */

body, td, th , tr {

	color: #666666;

}



/* lets give all forms zero padding/margins */

form {

	padding: 0px;

	margin: 0px;

}



/* Input boxes - just a bit smaller than normal so they align well. */

input, textarea, button {

	color: #000000;

	font-family: verdana, sans-serif;

}



input, button {

	font-size: 90%;

}



textarea {

	font-size: 100%;

	color: #000000;

	font-family: verdana, sans-serif;

}



/* All input elements that are checkboxes or radio buttons. */

input.check {

}



/* Selects are a bit smaller, because it makes them look even better 8). */

select {

	font-size: 90%;

	font-weight: normal;

	color: #000000;

	font-family: verdana, sans-serif;

}



/* Standard horizontal rule.. ([hr], etc.) */

hr, .hrcolor {

	height: 1px;

	border: 0;

	color: #d3d3d3;

	background-color: #d4d4d4;

}



/* By default set the color on these tags as black. */

h1, h2, h3, h4, h5, h6, h7 {

	color: black;

	font-size: 1em;

	margin: 0;

	padding: 0;

}



/* No image should have a border when linked. */

a img {

	border: 0;

}



/* No lines around buttons in Firefox! */

a {

	outline: none;

}



/* Reset all lists. */

ul, ul li {

	padding: 0;

	margin: 0;

	list-style: none;

}



/* We can define lists to be lists tho! */

ul.normallist {

	padding-left: 2em;

}



ul.normallist li {

	list-style: disc;

}



/* NOTE: REMOVE THIS??!?!?!! */

/* But do use them in the posts area! */

.post ul {

	padding-left:	2em;

}



.post ul li {

	list-style: disc;

}



.post ul li li {

	list-style: circle;

}



/* ************************************* */

/* Some handy custom classes             */

/* ************************************* */



.floatright {

	float: right;

}



.floatleft {

	float: left;

}



/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */

.smalltext, .middletext {

	font-size: 11px;

}



.normaltext {

	font-size: 16px;

}



.largetext {

	font-size: 18px;

}



/* This style will make sure all headers use the same padding throughout. */

.headerpadding {

	padding: 0.5em;

}



/* smaller padding used in paragraphs, sections etc */

.smallpadding {

	padding: 0.2em;

}



/* larger padding used in paragraphs, sections etc */

.largepadding {

	padding: 0.7em;

}



/* A small space to the next section. */

.marginbottom {

	margin-bottom: 1em;

}



/* On the top too. */

.margintop {

	margin-top: 1em;

}



/* remove bold/italic styles */

span.plainstyle {

	font-weight: normal;

	font-style: normal;

}



/* float a list horisontally */

ul.horizlist {

	width: 100%;

}



ul.horizlist li {

	float: left;

	padding: 0.2em 0.4em 0.2em 0.4em;

	vertical-align: top;

}



/* make a inline-list */

ul.nolist li {

	display: inline;

}



/* Helping style to clear floated items. */

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {

	display: inline-block;

}



/* Hides from IE-mac. \*/

* html .clearfix {

	height: 1%;

}



.clearfix {

	display: block;

}



/* End hide from IE-mac. */



/* ************************************* */

/* Some specific SMF elements            */

/* ************************************* */



/* A quote, perhaps from another post. */

blockquote {

	color: #3a3a3a;

	background-color: #efefef;

	border: 1px solid #cfcfcf;

	margin: 4px;

	padding: 4px;

	font-size: x-small;

	line-height: 1.4em;

}



/* A code block - maybe even PHP ;). */

code {

	color: #3a3a3a;

	background-color: #fbede6;

	display: block;

	font-family: "courier new", "times new roman", monospace;

	font-size: x-small;

	line-height: 1.3em;

	/* Put a nice border around it. */

	border: 1px solid #f1ccbb;

	margin: 1px auto 1px auto;

	padding: 1px;

	width: 99%;

	overflow: auto;

	white-space: nowrap;

	/* Stop after about 24 lines, and just show a scrollbar. */

	max-height: 24em;

}



/* The "Quote:" and "Code:" header parts... */

.quoteheader, .codeheader {

	color: #000;

	text-decoration: none;

	font-style: normal;

	font-weight: bold;

	font-size: x-small;

	line-height: 1.2em;

}



/* For links to change the code stuff... */

.codeoperation {

	font-weight: normal;

}



/* Styling for BBC tags */

.bbc_color a {

	color: inherit;

}



.bbc_img {

	border: 0;

}



.bbc_list {

	margin-top: 0;

	margin-bottom: 0;

}



.bbc_size {

	line-height: 1.3em;

}



.bbc_table {

	font: inherit;

	color: inherit;

}



.bbc_table td {

	font: inherit;

	color: inherit;

	vertical-align: top;

}



.bbc_u {

	text-decoration: underline;

}



/* Generally, those [?] icons.  This makes your cursor a help icon. */

.help {

	cursor: help;

}



/* /me uses this a lot. (emote, try typing /me in a post.) */

.meaction {

	color: red;

}



/* The main post box - this makes it as wide as possible. */

.editor {

	width: 96%;

}



/* Highlighted text - such as search results. */

.highlight {

	background-color: yellow;

	font-weight: bold;

	color: black;

}



/* A more discreet highlight colour, for selected membergroups etc. */

.highlight2 {

	background-color: #B3F4B0;

	color: black;

}



/* ************************************* */

/* Real common classes                   */

/* ************************************* */



/* Alternating backgrounds for posts, and several other sections of the forum. */

.windowbg, #preview_body {

	background-color: #f9f9f9;

	border-bottom: 1px solid #fff;

}



.windowbg2 {

	background-color: #fcfcfc;

	border-bottom: 1px solid #fff;

}



.windowbg3 {

	background-color: #f0f0f0;

	border-bottom: 1px solid #fff;

}



/* Color for background of posts requiring approval */

.approvebg {

	color: #000000;

	background-color: #F6E0D4;

}



/* Color for background of *topics* requiring approval */

.approvetbg {

	color: #000000;

	background-color: #E4A17C;

}



/* the today container in calendar */

.calendar_today {

	background-color: #FFFFFF;

}



/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */

.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, #credits h3 {

	color: #fff;

	font-style: normal;

	background: #3d70af url(images/titlebg.png) repeat-x;

	padding-left: 10px;

	padding-right: 10px;

      line-height: 20px;

}



.titlebg, .titlebg a:link, .titlebg a:visited {

	font-weight: bold;

	color: #fff;

	font-style: normal;

}



.titlebg a:hover {

	color: #ccc;

}



/* same as titlebg, but used where bold text is not needed */

.titlebg2 a:link, .titlebg2 a:visited {

	color: #fff;

	font-style: normal;

	text-decoration: none;

}



.titlebg2 a:hover {

	text-decoration: underline;

}



/* This is used for categories, page indexes, and several other areas in the forum.

.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers. */

.catbg , tr.catbg td , .catbg3 , tr.catbg3 td {

	background: #fff url(images/catbg.png);

	color: #ffffff;

	padding-left: 10px;

	padding-right: 10px;

      line-height: 20px;

}



.catbg2 , tr.catbg2 td {

	background: #707983 url(images/catbg.png);

	color: #ffffff;

	padding-left: 10px;

	padding-right: 10px;

}



.catbg, .catbg2, .catbg3 {

	border-bottom: solid 1px #375576;

}



.catbg, .catbg2 {

	font-weight: bold;

}



.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {

	font-size: 95%;

	color: white;

	text-decoration: none;

}



.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited {

	color: white;

	text-decoration: none;

}



.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {

	color: #bbb;

}



/* This is used for tables that have a grid/border background color (such as the topic listing.) */

.bordercolor {

	background-color: #dadada;

	padding: 0px;

}



/* This is used on tables that should just have a border around them. */

.tborder {

	padding: 1px;

	border: 1px solid #dadada;

	background-color: #FFFFFF;

}



/* Posts and personal messages displayed throughout the forum. */

.post, .personalmessage

{

	overflow: auto;

	line-height: 1.3em;

	width: 100%;

}

.postarea .post

{

	clear: right;

	float: left;

}

/* add a visual divider between subject and post */

.post .inner

{

	padding-top: 0.7em;

	border-top: solid 1px #dadada;

}



/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */

.signature

{

	clear: right;

	padding: 1em 0 3px 0;

	border-top: solid 1px #dadada;

	width: 100%;

	overflow: auto;

	line-height: 1.3em;

}



/* Sometimes there will be an error when you post */

.error

{

	color: red;

}



/* Calendar colours for birthdays, events and holidays */

.birthday

{

	color: #920AC4;

}



.event

{

	color: #078907;

}



.holiday

{

	color: #000080;

}



/* Colours for warnings */

.warn_mute

{

	color: red;

}



.warn_moderate

{

	color: orange;

}



.warn_watch

{

	color: green;

}



a.moderation_link, a.moderation_link:visited

{

	color: red;

	font-weight: bold;

}



.openid_login

{

	background: white url(images/openid.gif) no-repeat;

	padding-left: 18px;

}



/* The AJAX notifier */

#ajax_in_progress

{

	background: #32CD32;

	color: white;

	text-align: center;

	font-weight: bold;

	font-size: 18pt;

	padding: 3px;

	width: 100%;

	position: fixed;

	top: 0;

	left: 0;

}



#ajax_in_progress a

{

	color: white;

	text-decoration: underline;

	font-size: smaller;

	float: right;

}



/* ************************************* */

/* Buttons and menus                     */

/* ************************************* */



.buttonlist ul, .buttonlist_bottom ul {

}



.buttonlist ul li, .buttonlist_bottom ul li {

	margin: 0;

	padding: 0;

	display: inline;

}



.buttonlist ul li a, .buttonlist_bottom ul li a {

	float: left;

	display: block;

	color: #f9f9f9;

	font-size: 11px;

}



.buttonlist ul li a:hover, .buttonlist_bottom ul li a:hover {

	color: white;

}



.buttonlist ul li a span, .buttonlist_bottom ul li a span {

	display: block;

    	padding: 5px 10px 5px 10px;

	background: #707983 url(images/maintab_back.png);

}



.buttonlist ul li a.active, .buttonlist_bottom ul li a.active {

}



.buttonlist ul li a.active span em, .buttonlist_bottom ul li a.active span em {

	display: block;

}



.buttonlist ul li a.active span, .buttonlist_bottom ul li a.active span {

}



.buttonlist ul li a span.last, .buttonlist_bottom ul li a span.last {

    	padding: 5px 10px 5px 10px;

}



/* For links that are basically submit buttons. */

.buttonlist_submit {

	background: transparent;

	color: white;

	vertical-align: top;

	text-decoration: none;

	font-size: 9px;

	font-family: Verdana, sans-serif;

	border: 0;

}



.buttonlist_submit:hover {

	color: #e0e0ff;

}



/* ..for the "bottom" menu */

.buttonlist_bottom ul {

}



.buttonlist_bottom ul li a span {

}



.buttonlist_bottom ul li a.active {

}



.buttonlist_bottom ul li a.active span em {

}



.buttonlist_bottom ul li a.active span {

}



.buttonlist_bottom ul li a span.last {

    	padding: 5px 10px 5px 10px;

}



/* the old type of menu, with images */

.oldbuttonlist {

	text-align: right;

	padding: 0.5em;

}



/* ************************************* */

/* The below is deprecated.              */

/* ************************************* */



/* definitions for the main tab, active means the tab reflects which page is displayed */

.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last {

	background-position: left bottom;

	color: white;

	vertical-align: top;

}



.maintab_back, .maintab_active_back {

	color: white;

	text-decoration: none;

	font-size: 11px;

	vertical-align: top;

	padding: 6px 6px;

}



.maintab_first {

	display: none;

}



.maintab_back {

	background: #707983 url(images/maintab_back.png);

	color: white;

}



.maintab_last {

	display: none;

}



.maintab_active_first {

	display: none;

}



.maintab_active_back {

	background: #3d70af url(images/maintab_active_back.png) repeat-x;

	color: white;

}



.maintab_active_last {

	display: none;

}



/* how links behave in main tab. */

.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited {

	color: white;

	text-decoration: none;

}



.maintab_back a:hover, .maintab_active_back a:hover {

	color: black;

	text-decoration: none;

}



/* definitions for the mirror tab */

.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {

	background-position: left top;

	color: white;

	vertical-align: top;

}



.mirrortab_back, .mirrortab_active_back {

	color: white;

	text-decoration: none;

	font-size: 11px;

	vertical-align: top;

	padding: 6px 6px;

}



.mirrortab_first {

	display: none;

}



.mirrortab_back {

	background: #707983 url(images/mirrortab_back.png);

	color: white;

}



.mirrortab_last {

	display: none;

}



.mirrortab_active_first {

	display: none;

}



.mirrortab_active_back {

	background: #3d70af url(images/mirrortab_active_back.png) repeat-x;

	color: white;

}



.mirrortab_active_last {

	display: none;

}



/* how links behave in mirror tab. */

.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited {

	color: white;

	text-decoration: none;

}



.mirrortab_back a:hover, .mirrortab_active_back a:hover {

	color: black;

	text-decoration: none;

}



/* These are for the auto suggest floating div type thing. */

.auto_suggest_div

{

	border: 1px solid #505050;

	position: absolute;

	font-size: .7em;

}



/* An auto suggest item */

.auto_suggest_item

{

	background-color: #FAFAFA;

	padding: 2px;

}



/* hovered auto suggest item */

.auto_suggest_item_hover

{

	background: url(images/autosuggest_back.gif) repeat-x;

	background-color: #7897B4;

	padding: 2px;

	cursor: pointer;

	color: white;

}



#wrapper {

	margin: 0 auto;

	width: 990px;

	border-left: solid 4px #fff;

	border-right: solid 4px #fff;

	border-bottom: solid 4px #fff;

}



#mainarea {

	border-top: solid 1px #A3A9BE;

	background: #ffffff url(images/back.png) repeat-x;

	padding: 2px;

}



#header {

	position: relative;

	height: 120px;

	overflow: hidden;

	background: #3D71AD url(images/header-bg.jpg) 100% 0 no-repeat;

}



#logo {

	position: absolute;

	top: 30px;

	left: 0;

	display: block;

	width: 350px;

	height: 80px;

	background: url(images/logo.png) no-repeat;

      cursor: pointer;

}



#welcome {

	font-size: 11px;

	color: #fff;

	float: right;

	padding: 25px 20px;

	text-align: right;

}



#welcome a:link, #welcome a:visited {

      color: #bcbcbc;

}



#welcome a:hover {

      text-decoration: underline;

}



#toolbar {

	height: 31px;

	background: url(images/toolbar-bg.png) repeat-x;

      border-top: solid 1px #606060;

}



#nav {

	margin: 0;

	padding: 0;

	height: 31px;

}



#nav ul {

	padding: 0;

	margin: 0;

	margin-left: 2px;

}



#nav li {

	margin: 0;

	padding: 0;

	float: left;

	display: block;

	background: url(images/toolbar-div.png) 100% 0 no-repeat;

}



#nav li a {

	color: #fff;

	display: block;

	float: left;

	height: 31px;

	line-height: 31px;

	padding: 0 15px;

	font-size: 11px;

}



#nav li a:hover {

	color: #444;

}



#nav li a.current {

	font-weight: bold;

}



#nav a {

	text-decoration: none;

	cursor: pointer;

}



#footer {

	padding: 10px 0;

	text-align: center;

	color: #ccc;

	background: #505050 url(images/footer-bg.jpg) 0 0 no-repeat;

}



#footer a:link , #footer a:visited {

	color: white;

}



#footer a:hover {

	color: #9f9f9f;

}

.popuptext {
	color: white;
}

.popuptext a {
	color: #888;
}/*	MOD Auto Link Checker	*/
	.link_dead, .link_live { background-repeat: no-repeat; padding-left: 15px }
	.link_dead, .link_live { font-family: Verdana; font-size: 13px }
	.link_dead { background-image: url('images/icons/link_dead.gif') }
	.link_live { background-image: url('images/icons/link_live.gif') }
	.link_dead { color: red !important; text-decoration: line-through !important }
	.link_live { color: green !important; font-weight: bold }


/* Table Plus BBCodes */
.bbc_table	{ border-spacing: 2px; background: #88A6C0 url(images/catbg.jpg) repeat-x }
.bbc_table td	{ padding: 5px; background: #E9F0F6 url(images/titlebg.jpg) repeat-x 0 -17px }

table
{
	empty-cells: show;
}

/* Tabular by AzaToth */

/* Main tabular layout, must be same for all */
table.tabular1,
table.tabular2,
table.tabular3,
table.tabular4,
table.tabular5,
table.tabular6,
table.tabular7,
table.tabular8,
table.tabular9
{
	margin: 1em;
	width: 50%; /* Half screen ok? */
	max-width: 1024px;
	min-width: 600px;
	border-collapse: collapse;
	empty-cells: show;
}

/* Standard border */
table.tabular1 tr,
table.tabular2 tr,
table.tabular3 tr,
table.tabular4 tr,
table.tabular5 tr,
table.tabular1 colgroup col,
table.tabular2 colgroup col,
table.tabular3 colgroup col,
table.tabular4 colgroup col,
table.tabular5 colgroup col
{
	border: 1px solid black;
}

/* Standard padding */
table.tabular1 td,
table.tabular1 th,
table.tabular2 td,
table.tabular2 th,
table.tabular3 td,
table.tabular3 th,
table.tabular4 td,
table.tabular4 th,
table.tabular5 td,
table.tabular5 th,
table.tabular6 td,
table.tabular6 th, 
table.tabular7 td,
table.tabular7 th, 
table.tabular8 td,
table.tabular8 th,
table.tabular9 td,
table.tabular9 th
{
	padding: 0.2em;
}
	
/* Standard header */
table.tabular1 th,
table.tabular2 th,
table.tabular3 th,
table.tabular4 th,
table.tabular5 th
{
	text-align: left;
	background: #6b8eae;
	color: white;
}

/* Standard caption */
.tabular1 caption,
.tabular2 caption,
.tabular3 caption,
.tabular4 caption,
.tabular5 caption,
.tabular6 caption,
.tabular7 caption,
.tabular8 caption,
.tabular9 caption
{
	caption-side: bottom; 
	font-size: 0.7em;
}


/* Tabular stype 1 */
table.tabular1 colgroup col.tabular_col0 {background: #efefef;}
table.tabular1 colgroup col.tabular_col1 {background: #dedede;}

/* Tabular stype 2 */
table.tabular2 tr.tabular_row0 {background: #efefef;}
table.tabular2 tr.tabular_row1 {background: #dedede;}

/* Tabular stype 3 */
table.tabular3 td {background: #efefef;}
table.tabular3 tr td:first-child {background: #dedede;}

/* Tabular stype 4 */
table.tabular4 tr.tabular_row0 {background: #efefef;}
table.tabular4 tr.tabular_row1 {background: #dedede;}
table.tabular4 tr.tabular_row0 td:first-child {background: #cdcdcd;}
table.tabular4 tr.tabular_row1 td:first-child {background: #bcbcbc;}

/* Tabular stype 5 */
table.tabular5 colgroup col.tabular_col0 {background: #efefef;}
table.tabular5 colgroup col.tabular_col1 {background: #efefef;}


/* Tabular stype 6 */
table.tabular6 th {text-align: left;}
table.tabular6 colgroup col {border-left: 1px solid black;}
table.tabular6 colgroup col:first-child {border-left: 0px;}
table.tabular6 tr {border-top: 1px solid black;}
table.tabular6 tr:first-child {border-top: 0px;}

/* Tabular stype 7 */
table.tabular7 th {text-align: left;}
table.tabular7 colgroup col {border: 1px solid black;}
table.tabular7 tr {border: 1px solid black;}

/* Tabular stype 8 */
table.tabular8 th {text-align: left;}
table.tabular8 colgroup col:first-child {border-right: 1px solid black;}
table.tabular8 tr:first-child {border-bottom: 1px solid black;}

/* Tabular stype 9 */
table.tabular9 th {text-align: left;}
/* Tables should show empty cells too. */
table
{
	empty-cells: show;
}

/* Tabular by AzaToth */

/* Main tabular layout, must be same for all */
table.tabular1,
table.tabular2,
table.tabular3,
table.tabular4,
table.tabular5,
table.tabular6,
table.tabular7,
table.tabular8,
table.tabular9
{
	margin: 1em;
	width: 50%; /* Half screen ok? */
	max-width: 1024px;
	min-width: 600px;
	border-collapse: collapse;
	empty-cells: show;
}

/* Standard border */
table.tabular1 tr,
table.tabular2 tr,
table.tabular3 tr,
table.tabular4 tr,
table.tabular5 tr,
table.tabular1 colgroup col,
table.tabular2 colgroup col,
table.tabular3 colgroup col,
table.tabular4 colgroup col,
table.tabular5 colgroup col
{
	border: 1px solid black;
}

/* Standard padding */
table.tabular1 td,
table.tabular1 th,
table.tabular2 td,
table.tabular2 th,
table.tabular3 td,
table.tabular3 th,
table.tabular4 td,
table.tabular4 th,
table.tabular5 td,
table.tabular5 th,
table.tabular6 td,
table.tabular6 th, 
table.tabular7 td,
table.tabular7 th, 
table.tabular8 td,
table.tabular8 th,
table.tabular9 td,
table.tabular9 th
{
	padding: 0.2em;
}
	
/* Standard header */
table.tabular1 th,
table.tabular2 th,
table.tabular3 th,
table.tabular4 th,
table.tabular5 th
{
	text-align: left;
	background: #6e94b7;
	color: white;
}

/* Standard caption */
.tabular1 caption,
.tabular2 caption,
.tabular3 caption,
.tabular4 caption,
.tabular5 caption,
.tabular6 caption,
.tabular7 caption,
.tabular8 caption,
.tabular9 caption
{
	caption-side: bottom; 
	font-size: 0.7em;
}


/* Tabular stype 1 */
table.tabular1 colgroup col.tabular_col0 {background: #bfcfdf;}
table.tabular1 colgroup col.tabular_col1 {background: #cfdfef;}

/* Tabular stype 2 */
table.tabular2 tr.tabular_row0 {background: #bfcfdf;}
table.tabular2 tr.tabular_row1 {background: #cfdfef;}

/* Tabular stype 3 */
table.tabular3 td {background: #bfcfdf;}
table.tabular3 tr td:first-child {background: #cfdfef;}

/* Tabular stype 4 */
table.tabular4 tr.tabular_row0 {background: #bfcfdf;}
table.tabular4 tr.tabular_row1 {background: #cfdfef;}
table.tabular4 tr.tabular_row0 td:first-child {background: #9fafcf;}
table.tabular4 tr.tabular_row1 td:first-child {background: #afbfdf;}

/* Tabular stype 5 */
table.tabular5 colgroup col.tabular_col0 {background: #bfcfdf;}
table.tabular5 colgroup col.tabular_col1 {background: #bfcfdf;}


/* Tabular stype 6 */
table.tabular6 th {text-align: left;}
table.tabular6 colgroup col {border-left: 1px solid black;}
table.tabular6 colgroup col:first-child {border-left: 0px;}
table.tabular6 tr {border-top: 1px solid black;}
table.tabular6 tr:first-child {border-top: 0px;}

/* Tabular stype 7 */
table.tabular7 th {text-align: left;}
table.tabular7 colgroup col {border: 1px solid black;}
table.tabular7 tr {border: 1px solid black;}

/* Tabular stype 8 */
table.tabular8 th {text-align: left;}
table.tabular8 colgroup col:first-child {border-right: 1px solid black;}
table.tabular8 tr:first-child {border-bottom: 1px solid black;}

/* Tabular stype 9 */
table.tabular9 th {text-align: left;}



/* Spoiler Tag Mod */
fieldset.spoiler
{
	border: 1px dashed gray;
}

fieldset.spoiler > legend
{
	font-size: 1.2em;
}

div.spoilerheader a
{
	font-family: sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

div.spoilerheader input
{
	background-color: #cececc;
	color: #3e3e33;
	font: 0.9em sans-serif;
}

div.spoilerbody
{
	color: #0f0f0f;
	border: 1px dotted gray;
	padding: 1em;
	margin: 1em;
}

fieldset.spoiler div.spoilerbody
{
	border: 0px;
	padding: 0em;
}