html {

	overflow: hidden;

}



body {

	margin: 0;

	padding: 0;

	background: url(../images/demo-bg.png) 50% 0 repeat-x;

	font: 11px Helvetica,Arial,FreeSans,sans-serif;



}



img { border: 0; }



#navigation {

	width: 990px;

	height: 78px;

	border: 0px solid #f00;

	margin: 0 auto;

	position: relative;

	z-index: 2000;

}



#logo {

	position: absolute;

	top: 0;

	left: 0;

}



#selectbox {

	border: 0px solid #f00;

	position: absolute;

	left: 280px;

	top: 0;

}



#selectbox form {

	margin: 0;

	padding: 0;

}



#selectbox select {

	margin-top: 19px;

	width: 270px;

	overflow: hidden;

	color: #ccc;

	background: #111;

	height: 22px;

}



#joinbox {

	position: absolute;

	right: 7px;

	top: 0;

	width: 231px;

	height: 78px;

}



/* enanched select box */



div.preview {

	position: absolute;

	width: 216px;

	height: 160px;

	padding: 5px;

	background: #fff;

	z-index: 3400;

}

#selecttpl {

	margin: 18px 5px 0 0;

	float: left;

	width: 273px;

	height: 26px;

	background-position: top center;

	background-repeat: no-repeat;

	background-image: url(../images/demo-selectbox.png);

	cursor: pointer;

}



#selecttpl span.current {

	font-size: 1.3em;

	font-weight: bold;

	padding-left: 10px;

	line-height: 25px;

	color: White;

}



#list {

	background: url(../images/demo-listbox.png) bottom center;

	position: absolute;

	z-index: 3500;

	padding: 5px 8px 8px 0;

}



#list div {

	padding: 0 1em 1em;

	max-height: 352px;

	overflow: auto;

}



#list div ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#list div ul li a {

	font-size: 13px;

	outline: none;

	display: block;

	color: #ccc;

	font-weight: normal;

	text-decoration: none;

	padding: 5px 8px;

	border-bottom: 1px solid #292929;

}



#list div ul li a:hover { 

	background-color: #222;

	color: #0F9CE2;

}



#list div ul li a.bonus {

	background: url(../images/bonus.gif) right center no-repeat;

}

#list div ul li a.free {
	background: url(../images/free.gif) right center no-repeat;
}


#list div ul li a.selected {

	background: #2D2D2D url(../images/current.gif) right center no-repeat;

	color: White;

}



.rok-tooltip {

	width: 240px;

	height: 224px;

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

	padding: 0;

	z-index: 53000;

	text-align: center;

}



.rok-tooltip .tip-title p {

	color: #999;

	font-size: 12px;

	font-weight: bold;

	margin: 40px 0pt 0pt;

	padding: 0;

}



.rok-tooltip .tip-text {

	margin-right: 0px;

	margin-top: 5px;



}



.rok-tooltip .error {

	background: none;

	width: 220px;

	height: 155px;

}