/*
Theme created by Team 101 Designs. Please do not remove the link at the bottem of the site.
*/ /* General page style. The scroll bar colours only visible in IE5.5+ */

/* General font families for common tags */
font,th,td,p { font-family: Tahoma, Arial, Helvetica, sans-serif; }
a:link,a:active,a:visited  { color: #4AA10D }
a:hover	{ text-decoration: underline }
hr	{ display: none;}

.forumline	 { background-color: #FFFFFF; border: solid 2px #EBEBEB; text-align: left }

/* Main table cell colours and backgrounds */
td.row1	 { background-color: #F9F9F9 }
td.row2	  { background-color: #F2F2F2; border: none }
td.row3	 { background-color: #F9F9F9 }

/*
  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: #ffffff url(images/cellpic2.gif) repeat-x }

/* Header cells - the blue and silver gradient backgrounds */
th	 { color: #000000; font-size: 11px; background: #8C8C8C url(images/cellpic3.gif); height: 12px }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom  { background: #d1d7dc url(images/cellpic1.gif); 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: #F9F9F9 }
td.spaceRow  { background-color: #B5D394 }
th.thHead,td.catHead  { font-size: 12px }
th.thSides,td.catSides,td.spaceRow	  { }
th.thRight,td.catRight,td.row3Right	  { }
th.thLeft,td.catLeft	   { }
th.thBottom,td.catBottom   { }
th.thTop	  { }
th.thCornerL  { }
th.thCornerR  { }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 14px; font-family: Tahoma, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000; 
}


/* 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: #000000; text-decoration: none }
a.gen:hover,a.genmed:hover,a.gensmall:hover	 { color: #8C8C8C; text-decoration: underline }


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


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


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


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


/* titles for the topics: could specify viewed link colour too */
.topictitle			 { color: #000000; font-weight: bold; font-size: 11px }
a.topictitle:link    { color: #000000; text-decoration: none }
a.topictitle:visited  { color: #505050; text-decoration: none }
a.topictitle:hover	 { color: #FF731E; text-decoration: underline }


/* 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 : #474747; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	 { color: #333333; text-decoration: underline }
a.postlink:visited  { color: #666666; text-decoration: none }
a.postlink:hover  { color: #669933; text-decoration: none }


/* Quote & Code blocks */
.code  { color: #000000; font-size: 11px; font-family: Courier, "Courier New", sans-serif; background-color: #F4F4F4; border: solid 1px #000000 }

.quote  { color: #000000; font-style: italic; font-size: 11px; line-height: 125%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FBFBFB; border: solid 1px #000000 }


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


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

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }

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

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

/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	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: #DEE3E7; border-style: none; }


html {
	width: 100%;
	height: 100%;
	background: url(http://www.virtuaal.com/images/bg_html.gif) repeat top center;
}
body {
	margin: 0;
	padding: 19px 0 0 0;
	text-align: left;
	background: url(http://www.virtuaal.com/images/bg_body.gif) repeat-x top center;
	color: #514F50;
}
h2 {
	margin: 0;
}
p {
	margin: 0;
	padding: 0 0 1em 0;
}
ul {
	margin: 0;
	padding: 0;
}
hr {
	display: none;
}
/* HEADER */

#header {
	height: 94px;
	position: relative;
	margin: 0 -13px 0 -11px;
	padding: 0 13px 0 11px;
	background: #38790A url(http://www.virtuaal.com/images/bg_header.gif) repeat-x 0 0;
}
#header h1 {
	position: absolute;
	top: -9px;
	left: 11px;
	margin: 0;
	font-size: 0;
}
#header h1 a {
	display: block;
	width: 263px;
	padding: 91px 0 0 0;
	overflow: hidden;
	height: 0 !important;
	height /**/: 91px;
	font-size: 0;
	text-decoration: none;
	border: none;
	background: url(http://www.virtuaal.com/images/bg_h1_a.gif) no-repeat top right;
}
#tenReasons {
	position: absolute;
	top: 4px;
	right: 13px;
	margin: 0;
	padding: 0;
	font-size: 0;
}
#tenReasons a {
	display: block;
	width: 166px;
	padding: 53px 0 0 0;
	overflow: hidden;
	height: 0 !important;
	height /**/: 53px;
	font-size: 0;
	text-decoration: none;
	border: none;
	background: url(http://www.virtuaal.com/images/bg_ten_reasons.gif) no-repeat 0 0;
}

/* DOMEENIOTSING */

#findDomain {
	position: absolute;
	top: 4px;
	right: 182px;
	padding: 18px 0 0 127px;
	background: url(http://www.virtuaal.com/images/bg_find_domain.gif) no-repeat 0 0;
}
#findDomain {
	width: 315px;
	height: 53px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 188px;
	height: 35px;
}
html>body #findDomain {
	width: 188px;
	height: 35px;
}
#findDomain input,
#findDomain select {
	vertical-align: middle;
	font-size: 11px;
	color: #514F50;
}
#domainName {
	padding: 2px 1px 1px 1px;
	border: 1px solid #bcbcbc;
}
#domainName {
	width: 83px;
	height: 20px !important;
	height: 18px;
	max-height: 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 81px;
	height: 15px;
}
html>body #domainName {
	width: 81px;
	height: 15px;
}
#domainExt {
	width: 45px;
	height: 18px;
	border: 1px solid #bcbcbc;
}

/* NAVIGATION MENU */

#navMenu {
	position: absolute;
	bottom: 4px;
	right: 13px;
	width: 487px;
}
#navMenu li {
	display: inline;
	list-style: none;
}
#navMenu li a {
	float: left;
	height: 30px;
	font-size: 0;
	text-indent: -5000em;
	background-position: top right;
	background-repeat: no-repeat;
}
#navMenu li#btnTeenused a {
	width: 95px;
	background-image: url(http://www.virtuaal.com/images/btn_teenused.gif);
}
#navMenu li#btnEttevottest a {
	width: 110px;
	background-image: url(http://www.virtuaal.com/images/btn_ettevottest.gif);
}
#navMenu li#btnKlienditugi a {
	width: 103px;
	background-image: url(http://www.virtuaal.com/images/btn_klienditugi.gif);
}
#navMenu li#btnKontakt a {
	width: 84px;
	background-image: url(http://www.virtuaal.com/images/btn_kontakt.gif);
}
#navMenu li#btnTellimine a {
	width: 95px;
	background-image: url(http://www.virtuaal.com/images/btn_tellimine.gif);
}
#navMenu li a:hover {
	background-position: bottom right;
}
/* HEADERBOX */

#headerBox {
	position: relative;
	margin: 0 -21px 25px -21px;
	padding: 6px 0 0 21px;
	background: #F3F4F3 url(http://www.virtuaal.com/images/bg_header_box.gif) no-repeat top right;
}
#headerBox {
	height: 130px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 124px;
}
html>body #headerBox {
	height: 124px;
}
#headerBox ul li {
	display: inline;
	list-style: none;
	font-size: 90%;
}
#headerBox ul li a {
	color: #38790A;
}