/* ----------------------------------------------------
   C O M M O N
------------------------------------------------------*/
 .cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cf { display: inline-block; }
* html .cf { height: 1%; }
.cf { display: block; }
* { zoom: 1; }

* {
	margin: 0;
	padding: 0;
}

a {
	color: #000000;
	text-decoration: none;
}

ul, ol, li {
	list-style: none;
}

img {
	border: none;
}

hr {
	border: none;
	border-bottom: #919D81 dotted 1px;
}

label {
	font-weight: bold;
	color: #404540;
}

iframe {
	border: none;
}

/* ----------------------------------------------------
   P A G E
------------------------------------------------------*/


html, body {
	background: url(../images/body.png) #053505 left top repeat-x;
	color: #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}


/* ----------------------------------------------------
   C O N T A I N E R   &   W R A P P E R
------------------------------------------------------*/

#wrapper {
	margin: 0px auto;
	width: 990px;
}

#container {
	float: left;
	display: inline;
	width: 990px;
}


/* ----------------------------------------------------
   H E A D E R
------------------------------------------------------*/

#header {
	background: url(../images/header_new.png) #aee592 left top no-repeat;
	float: left;
	height: 177px;
	position: relative;
	width: 100%;
}

#header h1.logo {
	font-size: 10px;
	position: absolute; left: 0px; top: 0px;
	text-indent: -500em;
}

#header h1.logo a {
	display: block;
	overflow: hidden;
	height: 177px;
	width: 990px;
}

#header #idezetek_mid6 {
	color: #f3e5b9;
	font: italic bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 16px;
	position: absolute; left: 680px; top: 28px;
	width: 270px;
}
#header #idezetek_mid25 {
	color: #f3e5b9;
	font: italic bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 16px;
	position: absolute; right: 176px; top: 105px;
    padding: 5px;
    width:202px;
    height:60px;
/*    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px dashed #AF8722;
    background: transparent url(../images/blackTransparentBG_01.png) repeat;
*/
}
#alertBar.ieHover{ width: 300px; line-height:25px;}
#alertBar{ display: none;
           position: absolute; top:0; left:30px; padding-left:30px; width:100px; height:25px;
           background:#000 url(/templates/pokernetwork.hu/images/homeIcon_25x25.png) no-repeat;
           z-index: 1000; cursor:pointer; color:#fff; font-size:10px; text-align:center;
           border:1px solid #AC8522; border-top:0;
           -moz-border-radius-bottomright:4px;
           -webkit-border-bottom-right-radius:4px;
           -moz-border-radius-bottomleft:4px;
           -webkit-border-bottom-left-radius:4px;
}
#alertBar.mozHover{ padding-left:130px; width: 450px; height: 35px; line-height:1.5;
                    background:#000 url(/templates/pokernetwork.hu/images/defaultPage.png) no-repeat 10px 0px;
}

/* ----------------------------------------------------
   T O P B A R
------------------------------------------------------*/

#topbar {
	background: url(../images/topbar.png) #313132 left top no-repeat;
	float: left;
	height: 40px;
	width: 100%;
    position: relative;
    z-index: 99999;
}
/* --- TOPMENU --- */
#topmenu {
	display: inline;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	height: 36px;
	margin-left: 21px;
	position: relative;
	/*text-transform: uppercase;*/
}

/* remove all the bullets, borders and padding from the default list styling */

#topmenu ul {
	list-style-type: none;
	margin: 0;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

#topmenu li {
	float: left;
	position: relative;
}

/* style the links for the top level */
#topmenu a {
	border-right: solid 1px #242424;
	color: #f3f3f3;
	display: block;
	height: 36px;
	padding: 0 6px 0 6px;
	line-height: 36px;
	text-decoration: none;
	white-space: nowrap;
}

#topmenu a.current, #topmenu a.aktiv{
	background: url(../images/topmenu-a.png) #84a866 left top repeat-x;
	color: #ffffff;
}

#topmenu a:hover,
#topmenu ul ul a:hover {
	background: url(../images/topmenu-a.png) #84a866 left top repeat-x;
	color: #ffffff;
}

#topmenu :hover > a,
#topmenu ul ul :hover > a {
	background: url(../images/topmenu-a.png) #84a866 left top repeat-x;
	color: #ffffff;
}

/* style the second level links */

#topmenu ul ul a {
	border: solid 1px #3a3a3a;
	border-top: none;
	background: none;
	background: #dbe7c6;
	color: #252e1d;
	height: auto;
	line-height: 1.2em;
	padding: 4px 10px 4px 10px;
	width: 190px;  /* 210-10+10 */
	white-space: normal;
 
}
/*kerek sarok a menü elemekre*/
#topmenu ul.sf-menu  ul :last-child a{
    -moz-border-radius-bottomright:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomleft:6px;
    -webkit-border-bottom-left-radius:6px;
}
#topmenu ul ul ul a {
    -moz-border-radius-bottomright:0px !important;
    -webkit-border-bottom-right-radius:0px !important;
    -moz-border-radius-bottomleft:0px !important;
    -webkit-border-bottom-left-radius:0px !important;
}
#topmenu ul ul ul :last-child a {
    -moz-border-radius-bottomright:6px !important;
    -webkit-border-bottom-right-radius:6px !important;
    -moz-border-radius-bottomleft:6px !important;
    -webkit-border-bottom-left-radius:6px !important;
}
#topmenu ul ul ul :first-child a {
    -moz-border-radius-topright:6px !important;
    -webkit-border-top-right-radius:6px !important;
}

#topmenu ul ul a.drop {
	background: url(../images/topmenu-arrow.png) #dbe7c6 198px center no-repeat;
	color: #252e1d;
}

#topmenu ul ul a:hover {
	background: none;
	background: #b4d297;
	color: #101010;
}

#topmenu ul ul a.drop:hover {
	background: url(../images/topmenu-arrow-hover.png) #b4d297 198px center no-repeat;
	color: #101010;
}

#topmenu ul ul :hover > a.drop {
	background: url(../images/topmenu-arrow-hover.png) #b4d297 198px center no-repeat;
	color: #101010;
}

/* style the third level background */

#topmenu ul ul ul a {
	background: none;
	background: #dbe7c6;
	color: #252e1d;
}

#topmenu ul ul ul a:hover {
	background: none;
	background: #b4d297;
	color: #101010;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#topmenu ul ul {
	border-top: solid 1px #3a3a3a;
	position: absolute; left: -1px; top: 35px;
    visibility:hidden;
}

/* position the third level flyout menu */
#topmenu ul ul ul {
	border-top: solid 1px #3a3a3a;
	position: absolute; left: 211px; top: -1px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#topmenu table {
	border-collapse: collapse;
	position: absolute;	left: 0; top: 0;
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(../images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
} 
/* ----------------------------------------------------
   M A I N
------------------------------------------------------*/

#main {
	background: url(../images/main.png) #aee592 left top repeat-y;
	float: left;
	width: 100%;
}

#main-inner {
	background: url(../images/main-inner.png) left top no-repeat;
	float: left;
	padding: 14px 0 20px 0;
	width: 100%;
}
#main-inner.startPage {
	padding: 14px 0 20px 20px;
	width: 98%;
}


/* ----------------------------------------------------
   S I D E B A R
------------------------------------------------------*/

#sidebar-left {
	display: inline;
	float: left;
	margin-left: 23px;
	width: 205px;
}

#sidebar-right {
	display: inline;
	float: right;
	margin-right: 21px;
	width: 205px;
}

#sidebar-left div.sidebox-top,
#sidebar-right div.sidebox-top {
	background: url(../images/sidebox-top.png) left top no-repeat;
	float: left;
	font-size: 1px; /* IE6 bug */
	height: 10px;
	width: 205px;
}

#sidebar-left div.sidebox-bottom,
#sidebar-right div.sidebox-bottom {
	background: url(../images/sidebox-bottom.png) left bottom no-repeat;
	float: left;
	font-size: 1px; /* IE6 bug */
	height: 12px;
	margin-bottom: 6px;
	width: 205px;
}

div.sidebox {
	background: url(../images/sidebox.png) #fafafa left top repeat-y;
	float: left;
	font-size: 11px;
	padding: 0 4px 0 1px;
	width: 200px;
}

div.sidebox a{
/* 	margin-left: 10px; */
	color: #42699F;
	font-weight: bold;
}

div.sidebox h2 {
	background: url(../images/sidebar-h2.png) 0 0 no-repeat;
	color: #363636;
	height: 32px;
	font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 32px;
	margin-bottom: 10px;
	padding-left: 6px;
	width: 194px;
	text-transform: uppercase;
}

div.sidebox h2.treff {
	background: url(../images/sidebar-h2-treff.png) 0 0 no-repeat;
}

div.sidebox h2.pikk {
	background: url(../images/sidebar-h2-pikk.png) 0 0 no-repeat;
}

div.sidebox h2.karo {
	background: url(../images/sidebar-h2-karo.png) 0 0 no-repeat;
}

div.sidebox h2.kor {
	background: url(../images/sidebar-h2-kor.png) 0 0 no-repeat;
}

div.sidebox p {
	color: #404540;
	line-height: 16px;
	margin: 8px 0 8px 0;
	padding: 0 5px 0 5px;
    text-align:center;
}
/* ----------------------------------------------------
   C O N T E N T S
------------------------------------------------------*/

#contents {
/*     position:relative;  ha beállítjuk akkor a felugró buborékok elcsúsznak, pl főoldal*/
	display: inline;
	float: left;
	margin-left: 3px;
	overflow: visible;
	width: 530px;
}
#contents.content_column {
/*     position:relative;  ha beállítjuk akkor a felugró buborékok elcsúsznak, pl főoldal*/
	width: 368px;
}

/* --- CONTENTBOX --- */
#contents.content_column div.contentbox{ background: url(../images/contentbox_w368.png) #f1f8e9 left top repeat-y; width: 353px; }
#contents.content_column div.contentbox-top{ background: url(../images/contentbox-top_w368.png) left top  no-repeat; width: 368px; }
#contents.content_column div.contentbox-bottom{ background: url(../images/contentbox-bottom_w368.png) left bottom  no-repeat; width: 368px; }

#contents div.contentbox {
	background: url(../images/contentbox.png) #f1f8e9 left top repeat-y;
	overflow: hidden;
	padding: 0 9px 0 6px;
	width: 515px;
    position:relative;
}

#contents div.contentbox-top {
	background: url(../images/contentbox-top.png) left top no-repeat;
	font-size: 1px; /* IE6 bug */
	height: 10px;
	width: 530px;
    overflow:hidden;
}

#contents div.contentbox-bottom {
	background: url(../images/contentbox-bottom.png) left bottom no-repeat;
	font-size: 1px; /* IE6 bug */
	height: 12px;
	margin-bottom: 6px;
	width: 530px;
    overflow:hidden;
}
/* --- CONTENT_INTRO_BOX --- */
/* = half contentbox */
#contents div.content_intro_box{
    float: left;
    display:inline; 
    margin: 0 5px;
    width: 255px;
}
#contents div.content_intro_box-content{

/*    height: 120px;*/
    min-height: 120px;
    padding: 0 5px;
    background: url(../images/contentbox_half.png);
    overflow: hidden;
}
#contents div.content_intro_box-top{
    height: 10px;
    background: url(../images/contentbox-top_half.png);
    overflow: hidden;
}
#contents div.content_intro_box-bottom{

    height: 12px;
    background: url(../images/contentbox-bottom_half.png);
    overflow: hidden;
}
#contents div.content_intro_box-content p,
#contents div.content_intro_box-content h3{
    margin: 0 0 5px 0;
    text-align: center;
    font-weight: bold;
}
#contents div.content_intro_box-content table{
    width: 100%;
    text-align: center;
}

/* --- PAGECONTROL --- */

#contents ul.pagecontrol {
	display: inline;
	float: left;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

#contents ul.pagecontrol li {
	border: solid 1px #7fa769;
	border-bottom: none;
	display: inline;
	float: left;
	list-style: none;
	margin: 0 3px 0 0;
	padding: 0;
	text-align: center;
}

#contents ul.pagecontrol li a {
	background: url(../images/pagecontrol-a.png) #97c67f left bottom repeat-x;
	color: #314131;
	display: block;
	height: 26px;
	line-height: 26px;
	padding: 0 6px 0 6px;
	white-space: nowrap;
}

#contents ul.pagecontrol li a.current {
	background: none;
	background: #f1f8e9;
	color: #303530;
}

#contents ul.pagecontrol li a:hover {
	background: none;
	background: #f1f8e9;
	color: #303530;
}


/* ----------------------------------------------------
   B O T T O M B A R
------------------------------------------------------*/

#bottombar {
	background: url(../images/bottombar.png) #699b4e left bottom no-repeat;
	float: left;
	height: 80px;
	width: 100%;
}

/* --- BOTTOMMENU --- */

#bottommenu {
	color: #a3d787;
	font: bold 13px Trebuchet MS, Arial, Helvetica, sans-serif;
	margin-top: 30px;
	text-align: center;
	width: 100%;
}

#bottommenu span {
	margin: 0 12px 0 12px;
}

#bottommenu a {
	color: #ffffff;
}

#bottommenu a:hover {
	color: #ffff77;
	text-decoration: underline;
}


/* ----------------------------------------------------
   F O O T E R
------------------------------------------------------*/

#footer {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	float: left;
	height: 60px;
	width: 100%;
}

#footer p.meta {
	color: #76aC4b;
	font-size: 10px;
	margin: 0 10px 0 0;
	text-align: right;
}

#footer a {
	color: #dadada;
}

#footer a:hover {
	color: #ffffff;
}

#versenyeid a {
	color: #42699f;
}