@charset "utf-8";
/* ----------- Class selector ------------------------
	Can apply to any HTML element - begins with a "." 
	Pl. .greenText vagy .highlight
	Can be only 1 word!
*/

/* ----------- ID selector ------------------------
	Applies to only one HTML element - begins with a "#"
	Div tag-ek formájában jelenik meg a HTML-ben
	Tipikusan oldal szerkezeti elemek, területek kijelölésére van.
*/

/* ----------- Tag (element) selector ------------------------
	Redefines an HTML element - body,tr,td,h1,h2,h3,h4,p,address,ul ... etc 
*/

/* ----------- Compound (descendent) selector ------------------------
	based on your selection - #id_name own_name 
	Alárendelt stílus
*/

/* ------------ Box modell ------------------------------------------
	Width * Height - only the content
	+ Padding
	+ Border
	+ Margin
*/

/* -- LAYOUT STYLES ------------------------*/

div, h1, h2, h3, h4, h5, h6, p, pre, address, blockqoute, span, ul, ol, li, dd, dt, img {	
	margin:0px; /* elemek kozott */
	padding:0px; /* elemeken belul */
	/* padding:0 20px; - Alul_felul es bal_jobb */
}
body  {
	color:#000;
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size:100.01%;
	background-color:#15181b;
	margin:0;
	padding:0;
	text-align:left;
}
#page_main {
	width:100%;
	height:auto !important;
	background-image:url(images/demo01back.gif);
	background-color:#282e33;
}   
#page {
	width:100%;
	height:auto !important;
	background-image:url(images/demo01back_sub.gif);
	background-color:#15181b;
	background-repeat:repeat-x;
}   
#wrapper {
	width:766px;
	height:auto !important;
	margin:0px auto 0px auto; /* felső, jobb, alsó, bal */
	background-color:#1e252c;
	border-color:#363d44;
	border-width:thin;
	border-style:solid;
}   
#header{
	margin:0;
	padding:0;
	height:99px;
	background-image:url(images/head_back.gif);
}
#sidebar_left{
	margin:0 0 0 0;
	float:left;
	width:207px;
	height:327px;
	padding:0px 0px 10px 0px;
}
#content{
	 margin:0 0 0 0;
	 float:left;
	 width:311px;
 	 height:347px;
}
#sidebar_right{
	margin:0 0 0 0;
	float:left;
	width:213px;
	height:327px;
	padding:10px 15px 10px 20px;
	text-align:left;
	background-image: url(images/sub_content_back.gif);
}
#sidebar_left2{
	margin:0;
	float:left;
	width:478px;
	background-color:#1e252c;
	background-image:url(images/main_content_back.gif);
	background-repeat:no-repeat;
	height: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#sidebar_right2{
	margin:0;
	float:left;
	width:207px;
	background-image:url(images/sub_content_back.gif);
	background-repeat:repeat-x;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-color: #505359;
	border-left-style: solid;
}
#sidebar_left2_main{
	/* position:relative;	*/
	margin:0 0 0 0;
	float:left;
	width:344px;
	height:173px;
	padding:10px 20px 0px 20px;
	background-image:url(images/main_content_back_b.gif);
}
#sidebar_right2_main{
	/* position:relative;	*/
	margin:0 0 0 0;
	float:left;
	width:342px;
	height:173px;
	background-image:url(images/sub_content_back_b.gif);
	padding:10px 20px 0px 20px;
}
#sidebar_left2_main #more{
	position: absolute;	
	height: 15px;
	width: 80px;
	left: 20px;
	bottom: 20px;
}
#sidebar_right2_main #more{
	position: absolute;	
	height: 15px;
	width: 80px;
	left: 20px;
	bottom: 20px;
}
#footer{
	padding:25px 0px 0px 0px;
	clear:both;
	background-image:url(images/footer_back.gif);
	width:766px;
	height: 61px;
}
#footer #leftSide {
	width:596px;
	height:61px;
	float:left;
	margin-left:20px;
}
#footer #rightSide {
	width:130px;
	height:61px;	
	float:right;
	margin-right:20px;
}
/* ------- FOOTER STYLES ----------*/
#footer p 
{
	line-height: 12px;
	font-size:.7em;
	color:#5d6368;
	line-height:20px;
}
#footer a:link, #footer a:visited{
	color:#5d6368;
	text-decoration: underline;	
}
#footer a:hover,#footer a:active{
	text-decoration: none;
}
/* ------- HEADER STYLES ----------*/
#header img {
	display: inline;
	/* 
	none -  The element will not be displayed 
	block - The element will be displayed as a block-level element, with a line break before and after the element 
	inline - Default. The element will be displayed as an inline element, with no line break before or after the element 		
	*/
}
/*
#header #contactButton {
	background: url(../_images/contact_icon.gif);
	position: absolute;
	height: 29px;
	width: 86px;
	left: 650px;
	top: 0px;
}
#header #contactButton a {
	text-indent: -1000em;
	display: block;
}
*/
/* --------- SIDEBAR STYLES -------------*/
#sidebar_left p{
	line-height:12px;
	font-size:.7em;
	color:#9f9e9e;
	padding:10px 20px 10px 20px;
}
#sidebar_left #menu{
	padding:0px 0px 0px 0px;
}
#sidebar_right p 
{
	line-height:12px;
	font-size:.7em;
	color:#5d6368;
	padding-bottom: 6px;
}
#sidebar_right p a:link, #sidebar_right p a:visited{
	color:#5d6368;
	text-decoration: underline;	
}
#sidebar_right p a:hover,#sidebar_right p a:active{
	text-decoration: none;
}
#sidebar_right h1{
	line-height:12px;
	font-size:.9em;
	color:#9f9e9e;
	padding-bottom:15px;
}
#sidebar_right h2{
	line-height:12px;
	font-size:.7em;
	color:#c2cad0;
	padding:5px 0px 4px 0px;
	clear:both;
}
#sidebar_right img{
	float:left;
	border:solid;
	border-width:thin;
	border-color:#3b4044;
	margin:0px 6px 3px 0px;
}
#sidebar_left2 p{
	line-height:12px;
	font-size:.7em;
	color:#9f9e9e;
	text-align: justify;
}
#sidebar_left2 a:link, #sidebar_left2 a:visited{
	color:#9f9e9e;
	text-decoration: underline;	
}
#sidebar_left2 a:hover,#sidebar_left2 a:active{
	text-decoration: none;
}
#sidebar_left tr{
	line-height:11px;
	font-size:.7em;
	color:#9f9e9e;
}
#sidebar_left2 h1{
	line-height:12px;
	font-size:.9em;
	color:#9f9e9e;
	padding-bottom:20px;
}
#sidebar_left2 h2{
	font-weight:bold;
	line-height:12px;
	font-size:.8em;
	color:#9f9e9e;
	padding-top:24px;
	padding-bottom:12px;
}
#sidebar_left2 h3{
	font-weight:bold;
	line-height:12px;
	font-size:.7em;
	color:#9f9e9e;
	padding-top:22px;
	padding-bottom:7px;
}
#sidebar_left2 ul{
	line-height:16px;
	font-size:0.7em;
	color:#9f9e9e;
	padding-bottom:10px;
	text-indent: 20px;
}
#sidebar_left2 img{
	float:left;
	border:solid;
	border-width:thin;
	border-color:#3b4044;
	margin:0px 8px 0px 0px;
}
#sidebar_left2 tr{
	line-height:11px;
	font-size:.7em;
	color:#9f9e9e;
}
#sidebar_left2_main h1{
	line-height:12px;
	font-size:.9em;
	color:#9f9e9e;
	padding-bottom:20px;
}
#sidebar_left2_main p{
	line-height:12px;
	font-size:0.7em;
	color:#9f9e9e;
}
#sidebar_left2_main .image{
	float:left;
	border:solid;
	border-width:thin;
	border-color:#3b4044;
	margin:0px 8px 0px 0px;
}
#sidebar_right2 h1{
	line-height:12px;
	font-size:0.9em;
	color:#9f9e9e;
	padding-bottom:5px;
}
#sidebar_right2 p{
	line-height:12px;
	font-size:0.7em;
	color:#9f9e9e;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 0px;
}
#sidebar_right2 img{
	float:none;
	border:solid;
	border-width:thin;
	border-color:#3b4044;
	margin:10px 0px 0px 0px;
}
#sidebar_right2_main h1{
	line-height:12px;
	font-size:0.9em;
	color:#9f9e9e;
	padding-bottom:20px;
}
#sidebar_right2_main p{
	line-height:12px;
	font-size:0.7em;
	color:#9f9e9e;
}
#sidebar_right2_main .image{
	float:left;
	border:solid;
	border-width:thin;
	border-color:#3b4044;
	margin:0px 8px 0px 0px;
}
/* --------- MAIN CONTENT STYLES -------------*/
#mainContent {
	margin: 0;
	padding: 0;
	width: 480px;
	float: left;
} 
#mainContent h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #1B9D95;
	margin: .6em 0 .4em 0;
	padding-left: 20px;
}
#mainContent p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #000;
	margin-bottom: 1.4em;
	margin-left: 20px;
}
#mainContent ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 40px;
	font-size: 0.9em;
	margin-bottom: 1.4em;
}
#mainContent li {
	margin-left: 15px;
	margin-bottom: .6em;
}

#mainContent form {
	margin-left: 20px;
}
#mainContent #frmRegister fieldset {
	margin-bottom: 20px;
	background: #B9C5C5;
	border-right: 1px solid #729E91;
	border-bottom: 1px solid #729E91;
	border-top-style: none;
	border-left-style: none;
	padding: 20px 0;
}
#mainContent #frmRegister legend {
	background: #B9C5C5;
	margin-top: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 5px 10px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#mainContent #frmRegister input.text {
	width: 200px;
}
#mainContent #frmRegister input.text:focus , #mainContent #frmRegister textarea:focus{
	background: #EDDAB1;
	border: 1px solid #9D6124;
}

#mainContent #frmRegister p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #444;
}

#mainContentSingle {
	margin: 0;
	padding: 0;
	clear: both;
} 

table#boardCompare {
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #8C5306;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border-collapse: collapse;
	margin-bottom: 30px;
}
table#boardCompare caption {
	font-size: 1.2em;
	font-weight: bold;
	color: #1B9D95;
	padding-bottom: 10px;
	margin: 0 auto;
}
table#boardCompare thead {
	background: url(../_images/header_background.jpg) no-repeat right top;
	height: 30px;
}
table#boardCompare th {
	color: #FFF;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
	line-height: 30px;
}
#boardLength,#boardThick,#boardSkill {
	background: #F5D3A5;
}
#boardWidth,#boardWave {
	background: #BDD5DD;
}
table#boardCompare td {
	line-height: 20px;
	border-right: 1px solid #8C5306;
	border-bottom: 1px solid #8C5306;
	border-left: 1px solid #8C5306;
	padding-left: 10px;
}
table#boardCompare tr:hover {
	color: #FFF;
	background: #41637b;
}
table#boardCompare thead tr:hover {
	background: transparent;
}
#boardName {
	background: #41637b;
}
/* ---------- TABLE hover ------------------*/
table#boardCompare td { /* Itt <table border="0" cellpadding="0" cellspacing="0" id="boardCompare"> */
	line-height: 20px;
	border: 1px solid #fff;
	padding-left: 10px;
}
table#boardCompare tr:hover {
	color: #FFF; 
	background: #707E89;
}

table#boardCompare thead tr:hover {
	background: transparent; /* A táblázat fej háttérszíne nem fog hover-re változni */
}
/* ---------- CSS image rollover ------------*/
#header {
	padding: 0;
	height: 98px;
	margin: 0;
	position: relative;
}
#header #contactButton {
	position: absolute;
	/*
	static Default. An element with position: static always has the position the normal flow of the page gives it (a static element ignores any top, bottom, left, or right declarations) 
	relative - An element with position: relative moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position. De document_flow szempontjából, olyan, mintha a helyén maradt volna.
	absolute -  An element with position: absolute is positioned at the specified coordinates relative to its containing block. The element's position is specified with the "left", "top", "right", and "bottom" properties. Kiszedi az elemet a normal flow-ból.
	fixed -  An element with position: fixed is positioned at the specified coordinates relative to the browser window. The element's position is specified with the "left", "top", "right", and "bottom" properties. The element remains at that position regardless of scrolling. Works in IE7 (strict mode) 
	*/
	left: 650px;
	top: 0px;
}
#header #contactButton a:link,#header #contactButton a:visited{
	text-indent: -1000em;
	display: block;
	background: url(../_images/contact_icon_dual.gif) no-repeat left top;
	height: 29px;
	width: 86px;
}
#header #contactButton a:hover,#header #contactButton a:active{
	background-position: left bottom;
	border: none;
}
/* ---------- CSS image rollover N2 ------------*/
#header #mainNav li a:link, #header #mainNav li a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	padding: 0 15px 0 30px;
	margin-right: 10px;
	display: block;
	line-height: 25px;
	background-image: url(file:///C|/usr/bin/html/budopest/images/nav_rollover.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#header #mainNav li a:hover {
	color: #f8b449;
	border: none;
	background-position: left top;
}
/* ---------- Floating ------------*/
/*
.floatRight {
	float: right;
	margin-left: 10px;
}
.floatLeft {
	float: left;
	margin-right: 10px;
}
.clearFloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
*/
.laza_szoveg {
	line-height: 16px;
}
.clear_img_border{
	border:none;
}

img.usernet_logo{
	margin-top:-20px;
}
.promolink {color:#9f9e9e !important; text-decoration:none;}