/************************************************************************/
/* Main Navigation control */
/************************************************************************/
#tbnavigation {
	position: relative;
	height: 46px;
	clear: both;
	margin: 0 auto;
	display: block;}
#tbnavigation #leftend {background: url(../images/navmenu.png) no-repeat 0 0;}
#tbnavigation #rightend {background: url(../images/navmenu.png) no-repeat 100% -46px;}
#tbnavigation #centermenu {background: url(../images/navmenu.png) repeat-x 0 -92px;height:46px; margin-left:10px; margin-right:10px}

#homeicon { background: url(../images/ico/home.png) no-repeat 0 50%; text-indent: 22px;}
#tbnavigation #centermenu #tools {float: right;padding: 5px 3px 0 0;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0; padding:0;list-style:none;}
.sf-menu {line-height:1.0;position:relative; z-index:100;}
.sf-menu ul {position:absolute; top:-999em; width:14em; /* left offset of submenus need to match (see below) */	z-index:999;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:	left; position:	relative;}
.sf-menu a {display:block; position: relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: -7px; top: 46px; /* match top ul list item height */}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 14em; /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 14em; /* match ul width */ bottom: 10em; top:0;}

/*** LET STYLE THE MENU ***/
.sf-menu { float:left; padding: 0; margin:0 0 0 -1px;}
.sf-menu li.toplevel {padding:0 15px;line-height:46px;height:46px;display:block;}
.sf-menu li.sep {padding:0;line-height:46px;height:46px;display:block;background:url(../images/navmenu_sep.png) 0 0 no-repeat; width:2px;}

.sf-menu li.toplevel a, .sf-menu li.toplevel a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #ddd; text-shadow: 0 1px 0 #000, 0 -1px 2px #000; text-decoration: none !important;
	font-size: 1.5em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase}
.sf-menu li.toplevel a:hover, .sf-menu li.toplevel a:active  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff; text-shadow: 0 1px 0 #000, 0 -1px 2px #000; text-decoration: none;	cursor: pointer;}
.sf-menu li.toplevel:hover > a {color: #fff; text-shadow: 0 1px 0 #000, 0 -1px 2px #888;text-decoration: none;cursor: pointer;}
.sf-menu li.toplevel:hover {background: url(../images/navmenu_bg.png) 0 0 no-repeat;}
.sf-menu li li a, .sf-menu li li a:visited { background: url(../images/ico/arrow_icon_white.gif) no-repeat 7px 50%; text-transform: none !important; text-shadow: none !important; display: block; padding: 4px 0 4px 18px; margin: 0 13px 0 3px; font: normal 12px Arial, Helvetica, sans-serif !important; color: #fff !important;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {color:#fff; outline: 0;}
.sf-menu li li a:hover, .sf-menu li li.sfHover a,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	color:#fff !important; background: #262b31 url(../images/ico/arrow_icon_white.gif) no-repeat 7px 50%; outline: 0;}
.sf-menu li ul { border:none; width: 197px;	padding: 1px 0px 10px 5px; background: url(../images/drop-bg.png) 0 100% no-repeat; margin:-4px 0 0 1px}


/**** Sidebar links settings ***/
ul.sidemenu {margin: 0 0 0 1px; padding: 0; overflow: visible; position: relative; z-index: 2;}
ul.sidemenu li {
	background: url(../images/sidemenu-bg-over.png) 50% 0 repeat-x;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #2569b4;
	border-right: 1px solid #ccc;
	margin: 0;
	list-style: none;
	padding: 4px;
	font: bold 12px Arial Narrow, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 18px;
	z-index: 2;}
ul.sidemenu li:hover {background: url(../images/sidemenu-bg.png) 50% 0 repeat-x;}
ul.sidemenu li a span {background: url(../images/bullet_black.png) no-repeat 0 50%; display: block; padding-left: 15px; color: #000;}
ul.sidemenu li a span:hover {background: url(../images/bullet_blue.png) no-repeat 0 50%; color: #0033ff}
.sidemenusep {border-top: 1px solid #ccc; height: 5px; display: block; margin-left: 1px}
ul.sidemenu li a, ul.sidemenu li a:visited, ul.sidemenu li a:hover {text-decoration: none !important}

/***********Tabs Styles***********/
.sidebar_block .tabsheader {
	background: transparent url(../images/bg-sidebar_header.png) repeat-x top left;
	border-bottom: 1px solid #24262f;
	padding: 8px 6px 5px 7px;
	text-shadow: 1px 1px 0 #000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 !important;}
div.tab-body, div.tab-body2 {padding: 0;}
.tabstitle {text-align: center;	white-space: nowrap; cursor: pointer;}
.tabsbg {padding: 0; margin: 0;	width: 6px;}

ul.tabs {list-style: none; display: inline;	height: 25px; padding: 0; margin: 0 0 -5px 0; float: left;}
ul.tabs li {list-style: none;display: block;height: 25px;padding: 0;margin: 0;float: left;}
ul.tabs li span {display: block;padding-top: 4px;}

.tabslinks_bullet {
	background: #262b31 url(../images/bg-userlinks.png) repeat-x top left;
	border: 1px solid #4a4d55;
	border-top: 0;
	border-left: 0;
	margin: 0;
	padding: 5px 10px 5px 5px;
	overflow: hidden;}
.tabslinks_bullet a, .tabslinks_bullet a:visited {
	background: transparent url(../images/bullet.png) no-repeat 0 50%;
	display: block;
	padding: 1px 10px 1px 20px;
	text-decoration: none;
	color: #c0c3cf;
	white-space: nowrap;
	overflow: hidden;
}

.tabslinks_bullet a:hover, .tabslinks_bullet a:active {
	background: transparent url(../images/bullet_hover.png) no-repeat 0 50%;
	color: #fff;
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
}

.tabsbody {
	background: #262b31 url(../images/bg-userlinks.png) repeat-x top left;
	border: 1px solid #4a4d55; border-top: 0; border-left: 0; margin: 0; padding: 5px;}
	.taglinks a, .taglinks a:visited {color: #ccc;	outline: none;}
	.taglinks a:hover {	color: #0070d0;	text-decoration: none;	}

/**** Full story tabs *****/
ul.tabmenu { height: 30px; padding: 0; margin: 0 0 -6px -4px; list-style: none !important; position: relative;}
	ul.tabmenu li { float: left; font: bold 14px "Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; text-transform: uppercase; display: inline; background: url(../images/tab_sep.png) no-repeat 100% 0;}
	ul.tabmenu li a {
		padding: 0 13px 4px 13px !important;
		text-decoration: none !important;
		float: left;
		height: 26px;
		line-height: 26px;
		margin: 0 1px -6px 0;
		color:#4e4e4e !important;
		text-shadow:#fff 1px 1px 1px;		}
		ul.tabmenu li a:hover {
			background: #262b31;
			color:#fff !important;
			text-shadow: 0 0 5px #fff;
			-moz-border-radius-topleft: 3px;
			-webkit-border-top-left-radius: 3px;
			border-top-left-radius: 3px;
			-moz-border-radius-topright: 3px;
			-webkit-border-top-right-radius: 3px;
			border-top-right-radius: 3px; }
		ul.tabmenu li a.fullactive {
			position: relative;
			color: #fff !important;
			text-shadow: 0 0 5px #fff;
			background: #262b31;
			z-index: 99;
			height: 28px;
			line-height: 28px;
			margin: 0 1px -6px 0 !important;
			-moz-border-radius-topleft: 3px;
			-webkit-border-top-left-radius: 3px;
			border-top-left-radius: 3px;
			-moz-border-radius-topright: 3px;
			-webkit-border-top-right-radius: 3px;
			border-top-right-radius: 3px; }
	.fulltabcontent {position: relative; padding:0px;}
#Section-Relates, #Section-Shares, #Section-Tags, #Section-Poll, #Section-Video2 { display: none;}

/************************************************************************/
/* Sidebar voet block (for vote.tpl)*/
/************************************************************************/
#voteblock ul { background: #23282e; border: 1px solid #686b73; border-top: 0; border-left: 0; margin: 0 8px 8px 8px; padding: 1px;}
#voteblock ul li {display: block;}
#voteblock_top {
	background: #797f8e url(../images/bg-userlinks-margin-top.png) repeat-x top right;
	padding: 7px; display: block; color: #1c212f; font-size: 10px; font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); text-transform: uppercase; white-space: nowrap; overflow: hidden;}
#voteblock ul li img {padding-right: 5px;vertical-align: middle;margin-top: -1px;}
#voteblock .votetitle {font-size: 110%; font-weight: bold; font-family:Arial, Helvetica, sans-serif}

/************************************************************************/
/* USERLINKS MARGIN (for login.tpl)*/
/************************************************************************/
#userlinks_margin ul { background: #23282e; border: 1px solid #686b73; border-top: 0; border-left: 0; margin: 0 8px 8px 8px; padding: 1px;}
#userlinks_margin ul li {display: block;}
#userlinks_margin_top {
	background: #797f8e url(../images/bg-userlinks-margin-top.png) repeat-x top right;
	padding: 7px; display: block; color: #1c212f; font-size: 10px; font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); text-transform: uppercase; white-space: nowrap; overflow: hidden;}
#userlinks_margin ul li a {
	background: #323642 url(../images/userlinks.png) repeat-y top right;
	display: block; padding: 6px 0 6px 10px; text-decoration: none;	color: #c0c3cf;	text-shadow: -1px -1px 1px #000;}
#userlinks_margin ul li a:hover, #userlinks_margin ul li a:active  {
	background: #323642 url(../images/userlinks_hover.png) repeat-y top right;
	color: #fff; text-shadow: 0 0 5px #fff;}
#userlinks_margin ul li a img {padding-right: 5px;vertical-align: middle;margin-top: -1px;}

/*---login---*/

/*** For dle 9.3 and older
#signin_menu input[type=text] {
	display:block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	border: 1px solid #5079c5;
	background: #dcdcf7 url(../images/ico/users.png) no-repeat 2px 50%;
	font: normal 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:0 auto;
	padding: 3px 5px 3px 35px;
	width: 150px;
}
#signin_menu input[type=text]:hover, #signin_menu input[type=text]:focus {
	border: 1px solid #c55058;
	background: #fbdbfb url(../images/ico/users.png) no-repeat 2px 50%;
}
*/
#signin_menu input.userID {
	display:block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	border: 1px solid #5079c5;
	background: #dcdcf7 url(../images/ico/users.png) no-repeat 2px 50%;
	font: normal 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:0 auto;
	padding: 3px 5px 3px 35px;
	width: 150px;
}
#signin_menu input.userID:hover, #signin_menu input.userID:focus {
	border: 1px solid #c55058;
	background: #fbdbfb url(../images/ico/users.png) no-repeat 2px 50%;
}
#signin_menu input.emailID {
	display:block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	border: 1px solid #5079c5;
	background: #dcdcf7 url(../images/ico/login-email.png) no-repeat 2px 50%;
	font: normal 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:0 auto;
	padding: 3px 5px 3px 35px;
	width: 150px;
}
#signin_menu input.emailID:hover, #signin_menu input.emailID:focus {
	border: 1px solid #c55058;
	background: #fbdbfb url(../images/ico/login-email.png) no-repeat 2px 50%;
}

#signin_menu input[type=password] {
	display:block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	border: 1px solid #5079c5;
	background: #dcdcf7 url(../images/ico/key_login.png) no-repeat 2px 50%;
	font: normal 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:0 auto;
	padding: 3px 5px 3px 35px;
	width: 150px;
}
#signin_menu input[type=password]:hover, #signin_menu input[type=password]:focus {
	border: 1px solid #c55058;
	background: #fbdbfb url(../images/ico/key_login.png) no-repeat 2px 50%;
}

#signin_menu p {margin:0; padding: 0 0 5px 0}
#signin_menu label {font-weight:normal;}
#signin_menu p.signbutton {	padding:5px; text-align: center;}

input#signin_submit{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #dfdde0 url(../images/buttons.gif) repeat-x 0 0;
	border: 1px solid #fff;
	color: #000;
	text-shadow: 1px 1px 1px #fff;
	padding:2px 15px;
	margin: 2px 0;
	text-decoration: none !important;
	text-transform: uppercase;
	font: normal 15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
input#signin_submit:hover {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #fff url(../images/buttons.gif) repeat-x 0 -49px;
	border: 1px solid #fff;
	color: #0070d0;
	text-shadow: 1px 1px 1px #fff;
	cursor:pointer;
}

/************************************************************************/
/* Side Links like facebook etc */
/************************************************************************/
.sidelinks ul li {display: block; text-shadow: 0 0 5px #fff;}
	.sidelinks ul li a, .sidelinks ul li a:visited {
		display: block;
		padding: 6px 0 6px 10px;
		text-decoration: none;
		color: #fff;}
	.sidelinks ul li a:hover {	color: #fff;}

.sidelinks ul li.blue { background: url(../images/blue.png) repeat-y top right;}
.sidelinks ul li.blue:hover { background: url(../images/blue_hover.png) repeat-y top right;}
.sidelinks ul li.darkgreen { background: url(../images/darkgreen.png) repeat-y top right;}
.sidelinks ul li.darkgreen:hover { background: url(../images/darkgreen_hover.png) repeat-y top right;}
.sidelinks ul li.green { background: url(../images/green.png) repeat-y top right;}
.sidelinks ul li.green:hover { background: url(../images/green_hover.png) repeat-y top right;}
.sidelinks ul li.brown { background: url(../images/brown.png) repeat-y top right;}
.sidelinks ul li.brown:hover { background: url(../images/brown_hover.png) repeat-y top right;}
.sidelinks ul li.yellow { background: url(../images/yellow.png) repeat-y top right;}
.sidelinks ul li.yellow:hover { background: url(../images/yellow_hover.png) repeat-y top right;}
.sidelinks ul li.links { background: url(../images/userlinks.png) repeat-y top right;}
.sidelinks ul li.links:hover { background: url(../images/userlinks_hover.png) repeat-y top right;}

.sidelinks ul li a img {position: relative; margin: -2px 5px 0 0; vertical-align: middle;}

/************************************************************************/
/* Affiliates */
/************************************************************************/
#links ul li { display: block; text-shadow: -1px -1px 1px #000;}
#links ul li a {
	background: url(../images/userlinks.png) repeat-y top right;
	display: block;
	padding: 6px 0 6px 10px;
	text-decoration: none;
	color: #9db4ec;
	text-shadow: -1px -1px 1px #000;}

#links ul li a img {position: relative; margin: -1px 5px 0 0;}
#links ul li a:hover { background: url(../images/userlinks_hover.png) repeat-y top right; color: #fff;}
#links ul li a:active { background: url(../images/facebook_active.png) repeat-y top right; color: #9db4ec;}


/****************************/
.sidebar_block #layout {
	background: transparent url(../images/bg-sidebar_header.png) repeat-x top left;
	border-bottom: 1px solid #24262f;
	padding: 8px 6px 5px 7px;
	text-shadow: 1px 1px 0 #000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 !important;}
div#layout ul { position: relative; margin: 0; padding: 0; list-style: none;}
div#layout li { margin:0; float:left; display:block; padding:0; overflow:hidden; font-size:10px; text-transform:uppercase; color:#fff;}
div#layout li span {margin-top: 3px; display: block}
div#layout li select, div#layout li option { font-size:10px; text-transform:uppercase;}

/***** Buttons styles *****/
span.buttons a{
	background: transparent url(../images/button_right.png) no-repeat 100% 0;
	display: inline-block; height: 26px;margin: 0 0 0 22px;}
span.buttons a span{
	background: transparent url(../images/button_left.png) no-repeat 0 0;
	display: block;
	margin: 0 0 0 -22px;
	padding: 5px 11px 0 22px;
	line-height: 21px;
	height: 21px;
	border: 0;
	cursor: pointer;
	float: left;
	overflow: visible;
	text-transform: uppercase;
	font: normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	white-space: nowrap;}
span.buttons:hover a{background-position: 100% -26px;}
span.buttons:hover a span{background-position: 0 -26px;}
span.buttons a, span.buttons a:link, span.buttons a:visited {text-decoration: none; color: #333;}
span.buttons a:hover, span.buttons a:focus, span.buttons a:active { text-decoration: none; color: #0070d0;}

/***** Styles system buttons (vote/poll etc)*****/
input.bbcodes, input.button, input.buttons, input.bbcodes_poll, .ubuttons a, .ubuttons a:visited
{
	padding: 2px 10px 3px 10px;
	height: 23px;
	line-height: 23px;
	border: 1px solid #7d7d7d;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 3px black;
	background: #cdcdcd url(../images/buttons.gif) 0 0 repeat-x;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
	font: normal 11px  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-transform: uppercase;
	text-align: center;
	outline: none !important;
	margin-left: 5px;
	text-decoration: none;
	margin-bottom: 0 !important;
}

input.bbcodes:hover, input.bbcodes:focus,
input.button:hover, input.button:focus,
input.buttons:hover, input.buttons:focus,
input.bbcodes_poll:hover, input.bbcodes_poll:focus,
.ubuttons a:hover, .ubuttons a:active
{
	cursor: pointer;
	background: #fff url(../images/buttons.gif) 0 -49px repeat-x;
	color: #000;
	outline: none !important;
	text-decoration: none;
}

.ubuttons a, .ubuttons a:visited, .ubuttons a:hover, .ubuttons a:active { /* for user profile link buttons */
	font-size:13px !important;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 3px 15px 4px 15px;
}
.ubuttons {color: #f9fafb;} /* for none link text in user profile - let make it disappear by color as smae as backgroun*/

/* button style for small buttons in vote.tpl */
input.vote_poll
{
	padding: 1px 8px 2px 8px;
	border: 1px solid #7d7d7d;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #cdcdcd url(../images/buttons.gif) 0 0 repeat-x;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
	font: normal 11px Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	text-align: center;
	outline: none !important;
}

input.vote_poll:hover, input.vote_poll:focus {
	border: 1px solid #7d7d7d;
	cursor: pointer;
	background: #fff url(../images/buttons.gif) 0 -49px repeat-x;
	color: #000;
	outline: none !important;
}

/***** Styles input submit buttons*****/
span.submitbuttons {
	background: url(../images/btn_right.png) 100% 0 no-repeat;
	display: inline-block;
	margin-left: 15px;
	margin-top: 5px;
	height: 37px;}
span.submitbuttons input {
	background: url(../images/btn_left.png) 0 0 no-repeat;
	display: block;
	margin-left: -15px;
	padding: 0 14px 2px 14px;
	border: 0;
	outline: none;
	cursor: pointer;
	height: 32px;
	line-height: 32px;
	float: left;
	overflow:visible;
	text-transform: uppercase;
	font: bold 16px Arial Narrow, Arial, Helvetica, sans-serif;}
span.submitbuttons:hover{ background-position: 100% -39px;}
span.submitbuttons:hover input { background-position: 0 -39px;}

span.submitbuttons input {
	text-decoration: none;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
	border: 0 !important;
	outline: none !important;}
span.submitbuttons input:hover, span.submitbuttons input:focus {
	text-decoration: none;
	color: #000 !important;
	text-shadow: 1px 1px 1px #ccc;
	border: 0 !important;
	outline: none !important;}

/**************** big buttons for PM main buttons *****************/
span.pmbtn {
	background: url(../images/btn_right.png) 100% 0 no-repeat;
	display: inline-block;
	margin-left: 15px;
	margin-top: 5px;
	height: 33px;}
span.pmbtn span {
	background: url(../images/btn_left.png) 0 0 no-repeat;
	display: block;
	margin-left: -15px;
	padding: 6px 14px 0 14px;
	border: 0;
	cursor: pointer;
	height: 34px;
	line-height: 26px;
	float: left;
	overflow:visible;
	text-transform: uppercase;
	font: bold 16px Arial, Helvetica, sans-serif;}

span.pmbtn:hover{background-position: 100% -39px;}
span.pmbtn:hover span {background-position: 0 -39px;}
span.pmbtn a, span.pmbtn a:link, span.pmbtn a:visited {text-decoration: none; color: #333; text-shadow: 1px 1px 1px #fff;}
span.pmbtn a:hover, span.pmbtn a:focus, span.pmbtn a:active { text-decoration: none; color: #000; text-shadow: 1px 1px 1px #fff;}

.img {border: 0; padding-right: 5px; vertical-align: top; padding-top: 2px;}
.icons {border: 0; vertical-align: middle; padding-right: 5px;}

.showit {display: list-item;}
.hideit {display: none;}
/* Opera Hack */
html>body .hideit {display: block;}
head:first-child+body .hideit {display: none;}


.onlineuserlist {padding: 0;}
.onlineuserlist fieldset {
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
}

.onlineuserlist legend {
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
  	font-size:22px;
  	color:#3f728b;

}
.online_robot{color:black;cursor:pointer;margin-right:15px} .online_guest{color:blue;cursor:pointer;margin-right:15px} .online_user, .online_user:visited, .online_user:hover{color:green;text-decoration:none;font-weight:bold;margin-right:15px} .group_1, .group_1:visited, .group_1:hover{color:red}

#hintbox{
	width:150px;
	position:absolute;
	top:0;
	margin:10px 0 0 0;
	padding:3px 5px;
	font-size:10px;
	color:#FFF;
	border:1px solid #aaa;
	background-color:#000;
	layer-background-color:#a396d9;
	visibility:hidden;
	z-index:1000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity:0.80;
	opacity:0.80;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.totallist {margin-top: 8px; /*border-top: 1px solid #393D62;*/font-size: 11px; padding: 2px 0;}
.totallist span {font-weight: bold; color: #3f728b; font-size: 12px;}