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; }
#header {
	width: 100%;
	height: 174px;
	border: 0px solid #f00;
	margin: 0 auto;
	position:absolute;
	overflow:hidden;
	z-index: 2000;
	background-image:url(../templates/yousimplicity/images/pink/toppanel.jpg);
	background-repeat:repeat-x;
}

#navigation {
	width: 100%;
	height: 185px;
	border: 0px solid #f00;
	margin:0px auto;
	position:absolute;
	overflow:hidden;
	z-index: 2000;
	background-image:url(../templates/yousimplicity/images/pink/toppanel.jpg);
	background-repeat:repeat-x;
}



#logo {
position:absolute;
	overflow:hidden;
	height:88px;
	width:288px;
	top: 35px;
	left:150px;

}
#menu {
position:relative;
	overflow:hidden;
	height: 35px;
	width: 1020px;
	top:137px;
	background:url(templates/yousimplicity/images/pink/menu.jpg);
	background-repeat:repeat-x;

}

#sebi {
	position:absolute;
	overflow:hidden;
	left:775px;
	top:100px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	font-weight:bold;


}
#sebi2 {
position:inherit;
	top: 92px;
	left: 845px;
	height: 23px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	font-weight:bold;
	width: 294px;

}



#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.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;

}
