/*
  CHAT.MD Theme for phpBB version 2+
  Created by Mercuree
  mercuree@moldova.cc

  Based on the original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #FFFFFF;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color: #6A6A6A;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	margin: 0;
	padding: 0;
}

/* General font families for common tags */
font,th,td,p			{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
a:link,
a:active,
a:visited				{ color : #004C90;  text-decoration: none;  }
a:hover					{ text-decoration: none; color : #DD6900; }
.x 						{ background-repeat: repeat-x; }

.color0					{ color: #004C90; }
.color0 a:link			{ color: #004C90; }
.color0 a:visited		{ color: #5493B4; }
.color0 a:hover		{ color: #DD6900; }

.color1					{ color: #333333; }
.color1 a:link			{ color: #333333; }
.color1 a:visited		{ color: #555555; }
.color1 a:hover		{ color: #6A6A6A; }

.color2					{ color: #006600; }
.color2 a:link			{ color: #006600; }
.color2 a:visited		{ color: #278328; }
.color2 a:hover		{ color: #00BF00; }

.color3					{ color: #660000; }
.color3 a:link			{ color: #660000; }
.color3 a:visited		{ color: #832727; }
.color3 a:hover		{ color: #BF0000; }

.color4					{ color: #660064; }
.color4 a:link			{ color: #660064; }
.color4 a:visited		{ color: #832781; }
.color4 a:hover		{ color: #BF00BB; }

.color5					{ color: #663300; }
.color5 a:link			{ color: #663300; }
.color5 a:visited		{ color: #835527; }
.color5 a:hover		{ color: #BF6000; }

.color6					{ color: #4C6600; }
.color6 a:link			{ color: #4C6600; }
.color6 a:visited		{ color: #6C8327; }
.color6 a:hover		{ color: #8EBF00; }

/* titles for the topics: could specify viewed link colour too */
.topictitle				{ font-weight : bold; font-size: 11px; color : #000000; }
.topictitle:a			{ font-weight : bold; }

hr							{ height: 0px; border-top-width: 1px;}
td.r2							{ color: #AEC9FF; background-color: #AEC9FF; }
td.r1							{ color: #D1D7DC; background-color: #D1D7DC; }

.down {
vertical-align: bottom;
 }

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

/* This is the outline round the main forum tables */
.forumline,
.forumline1				{ background-color: #FFFFFF; border: 1px #9FA6B0 solid; }
.forumline2				{ background-color: #FFFFFF; border: 1px #3F82FF solid; }
.forumline3				{ background-color: #FFFFFF; border: 1px #FF4040 solid; }


/* Main table cell colours and backgrounds */
td.row1, td.row11		{ background-color: #F1F2F4; }
td.row2, td.row21		{ background-color: #EAEBED; }
td.row3, td.row31		{ background-color: #DCDFE3; }

td.row12					{ background-color: #E5EEFF; }
td.row13					{ background-color: #FFECE5; }

td.row22					{ background-color: #D9E6FF; }
td.row23					{ background-color: #FFE2D9; }

td.row32					{ background-color: #BFD5FF; }
td.row33					{ background-color: #FFBFBF; }

.line						{ background-color: #D1D7DC; font-weight : bold; }


/*
  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
*/
th.rowpic1_1			{ color: #8F97A3; background-color: #F1F2F4; background-image: url(images/cellpic1d.gif); background-repeat: repeat-x; }
th.rowpic1_2			{ color: #8F97A3; background-color: #F1F2F4; background-image: url(images/cellpic1dd.gif); background-repeat: repeat-x; }
.rowpic1					{ color: #8F97A3; background-color: #F1F2F4; background-image: url(images/cellpic1.gif); background-repeat: repeat-x; }
.rowpic2					{ color: #3F82FF; background-color: #D9E6FF; background-image: url(images/cellpic2.gif); background-repeat: repeat-x; }
.rowpic3					{ color: #FF2B2B; background-color: #FFE2D9; background-image: url(images/cellpic3.gif); background-repeat: repeat-x; }


/* Header cells - the blue and silver gradient backgrounds */
td.cat,
td.catHead,
td.catSides,
td.catLeft,
td.catRight,
td.catBottom 			{ background-image: url(images/cellpic1_rev.gif); background-color:#D1D7DC; height: 30px;}

td.catBottom22			{ background-image: url(images/cellpic2_rev.gif); background-color:#D9E6FF; height: 30px;}

/*
  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 :-)
*/
th							{ font-size: 11px; font-weight : bold; background-color: #F1F2F4; height: 30px; border-width: 0px 0px 0px 0px; cursor: default;}
th.thHead,
th.thSides,
th.thTop,
th.thLeft,
th.thCornerL,
th.thCornerR,
th.thRight				{ color: #8F97A3; background-image: url(images/cellpic1.gif);  background-repeat: repeat-x;  }
th.thBottom				{ color: #8F97A3; background-image: url(images/cellpic1_rev.gif);  background-repeat: repeat-x;  }
td.row3Right,
td.spaceRow				{ background-color: #DDDEE2; }
th.thHead				{ background-image: url(images/cellpic1.gif) }

.justtext1				{ color: #8F97A3; font-size : 11px; font-weight: bold;  text-align: center; height: 30px;  vertical-align: middle;  }
.justtext2				{ color: #3F82FF; font-size : 11px; font-weight: bold;  text-align: center; height: 30px;  vertical-align: middle;  }

/* The largest text used in the index page title and toptic title etc. */
h1,
h2,
.maintitle				{ font-size: 20px; font-family: Arial, Helvetica, Geneva, sans-serif, Tahoma, Verdana; color : #000000; }
a.maintitle				{ font-weight: bold; }


/* General text */
.gen						{ font-size : 12px; }
.genmed					{ font-size : 11px; }
.gensmall				{ font-size : 9px; }

.gen,
.genmed,
.gensmall				{ color : #000000; }

a.gen,
a.genmed,
a.gensmall				{ text-decoration: none; }

a.gen:hover,
a.genmed:hover,
a.gensmall:hover		{ color: #DD6900; text-decoration: none; }

/* Minor text */
.min						{ font-size : 12px; }
.minmed					{ font-size : 11px; }
.minsmall				{ font-size : 9px; }

.min,
.minmed,
.minsmall				{ color : #9F9F9F; }

a.min,
a.minmed,
a.minsmall				{ text-decoration: none; }
a.minsmall.u 			{ text-decoration: underline;}

a.min:hover,
a.minmed:hover,
a.minsmall:hover		{ color: #DD6900; 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 : #004C90; }
a.mainmenu:hover		{ text-decoration: none; color : #DD6900; }

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

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

/* 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; }
a.nav:hover				{ text-decoration: none; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name						{ font-size : 12px; color : #000000; }

/* Location, number of posts, post date etc */
.postdetails			{ font-size : 11px; color : #000000; }

/* The content of the posts (body of text) */
.postbody				{ font-size : 12px;}
a.postlink:link		{ color : #004C90; }
a.postlink:visited	{ color : #5493B4; }
a.postlink:hover		{ color : #DD6900; }


/* Quote & Code blocks */
.code,.quote 			{ background: #FAFAFA; font-size: 12px; line-height: 125%; border: #555555; border-style: dotted;	border-top-width: 3px;  border-bottom-width: 3px; border-left-width: 0px; border-right-width: 0px; }
.code						{ color: #006600; font-family: 'Courier New', Courier, sans-serif; }
.quote					{ color: #555555; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }


/* Copyright and bottom info */
.copyright				{ font-size: 9px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #444444; }
a.copyright:hover		{ color: #000000; }


/* Form elements */
input,
textarea,
select					{ color : #000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight : normal;	border-color : #000000; }

input						{ font-size: 11px; text-indent : 2px; }
textarea					{ font-size: 12px; }
select					{ font-size: 11px; }

textarea.big			{ font-size: 12px; width: 95%; height: 500px; padding: 4px; }

/* The text input fields background colour */
input.post,
textarea.post,
select					{ background-color : #FFFFFF; }
.input_hidden1			{ background-color : #F1F2F4;	border: #F1F2F4; }
.input_hidden2			{ background-color : #EAEBED;	border: #EAEBED; }
.input_hidden3			{ background-color : #DCDFE3;	border: #DCDFE3; }

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

/* The main submit button option */
input.mainoption		{ background-color : #FAFAFA; font-weight : bold; cursor: pointer; cursor: hand; padding: 1px; width: 150px; }

/* None-bold submit button */
input.liteoption		{ background-color : #FAFAFA;	font-weight : normal; cursor: pointer; cursor: hand; padding: 1px; width: 150px; }

/* 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: #EAEBED; color: #555555; border-style: none; width: 500px; font-size: 11px; cursor: default }


/* Error messages */
.error					{ font-size: 11px; font-weight : bold; color:#DD6900}

/* Moderator's messages */
.mod					{ font-size: 11px; color: #FF0000 }
.mod a:link			{ color: #FF0000; text-decoration: underline; font-weight: bold;}
.mod a:visited		{ color: #d40000; text-decoration: underline; font-weight: bold;}
.mod a:hover		{ color: #BF0000; text-decoration: underline; font-weight: bold;}

/* Warnings */
.warn					{ font-size: 11px; color: #9F9F9F }
.warn a:link, .warn a:visited { color : #9F9F9F; }
.warn a:hover		{ color: #555555; }

/* auth_list */
.AUTH_ALL			{ color: #5D6B78; background-color: #E9ECEE; width: 100px }
.AUTH_REG			{ color: #5C6C78; background-color: #E9ECEE; width: 10px }
.AUTH_PRIVATE		{ color: #004CD4; background-color: #D9E6FF; width: 10px }
.AUTH_MOD			{ color: #009F01; background-color: #D9FFD9; width: 10px }
.AUTH_ADMIN			{ color: #D40000; background-color: #FFD9D9; width: 10px }

/* Highlight search words */
.highlight			{ background-color: #800000; color : #FFFFFF;}

.reminder			{ color: #009F01; background-color: #D9FFD9; border: solid 1px #9bff7c; margin: 5px; padding: 5px; font-size: 11px; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");