@charset "utf-8";
/* CSS Document */

/* Buttons-Rev-2 with 'other' button */
.categorybutton, a.categorybutton:hover, a.categorybutton:active, a.categorybutton:visited, .categorybuttondown, a.categorybuttondown:hover, a.categorybuttondown:active, a.categorybuttondown:visited,
.gamebutton, a.gamebutton:hover, a.gamebutton:active, a.gamebutton:visited, .gamebuttondown, a.gamebuttondown:hover, a.gamebuttondown:active, a.gamebuttondown:visited,
.morebutton, a.morebutton:hover, a.morebutton:active, a.morebutton:visited, .morebuttondown, a.morebuttondown:hover, a.morebuttondown:active, a.morebuttondown:visited {
	float:left;
	width:160px;
	height:38px;
	overflow:hidden;
	display:block;
	background:url("images/toolbar-buttons.png");
	background-repeat:no-repeat;
	color:#333;
	font-style:italic;
	font-weight:heavy;
	font-size:14px;
	line-height:12px;
	letter-spacing:1px;
	text-decoration:none;
	outline-style:none;
}

.categorybutton span, .gamebutton span, .morebutton span  {
	padding: 9px 5px 0px 30px;
	display:block;
}

.categorybuttondown span, .gamebuttondown span, .morebuttondown span  {
	padding: 10px 4px 0px 31px;
	display:block;
}


.categorybutton, a.categorybutton:active  {
	background-position:0px 0px;
	text-decoration:none;
}
a.categorybutton:hover {
	background-position: 0px -38px;
	text-decoration:none;
}
.categorybuttondown, a.categorybuttondown:hover, a.categorybuttondown:active, a.categorybuttondown:visited {
	background-position: 0px -76px;
	text-decoration:none;
}


.gamebutton, a.gamebutton:active, a.gamebutton:visited  {
	background-position: -160px 0px;
	text-decoration:none;
}
a.gamebutton:hover {
	background-position: -160px -38px;
	text-decoration:none;
}
.gamebuttondown, a.gamebuttondown:hover, a.gamebuttondown:active, a.gamebuttondown:visited {
	background-position: -160px -76px;
	text-decoration:none;
}


.morebutton, a.morebutton:active, a.morebutton:visited  {
	background-position: -480px 0px;
	text-decoration:none;
}
a.morebutton:hover {
	background-position: -480px -38px;
	text-decoration:none;
}
.morebuttondown, a.morebuttondown:hover, a.morebuttondown:active, a.morebuttondown:visited {
	background-position: -480px -76px;
	text-decoration:none;
}



/* Start Menu */

#startmenu, #gamesmenu {
	clear:both;
	position:relative;
	left: .5em;
	top: -3px;
	width:37em;
	background:#eee;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	text-align:left;
	z-index:5;
}

#moremenu {
	clear:both;
	position:relative;
	left: 13.5em;
	top: -3px;
	width:24em;
	background:#eee;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	text-align:left;
	z-index:5;
}

#menuclose, #menuclose2 {
	position:absolute;
	left:35.7em;
	top:.15em;
	cursor:pointer;
	border: 0;
	z-index:7;
}

#menuclose3 {
	position:absolute;
	left:22.7em;
	top:.15em;
	cursor:pointer;
	border: 0;
	z-index:7;
}

#startmenu ul, #gamesmenu ul  {
	list-style-type:none;
	margin:0;
	padding:.25em .5em .25em .5em;
	width:11em;
	min-height: 13.5em;
	overflow:visible;
}

#moremenu ul  {
	list-style-type:none;
	margin:0;
	padding:.25em .5em .25em .5em;
	width:11em;
	min-height: 13.5em;
	overflow:visible;
}

#startmenu ul.float, #gamesmenu ul.float, #moremenu ul.float  {
	float:right;
	border-left: 1px solid #ccc;
}

#startmenu ul li, #gamesmenu ul li, #moremenu ul li {
	font-size:10pt;
	padding:3px 0px 3px 3px;
	cursor:hand;
	height:24px;
	overflow:hidden;
}
#startmenu li span, #gamesmenu li span, #moremenu li span {
	font-size:8pt;
	font-style:italic;
}

#startmenu a, #startmenu a:visited, #startmenu a:hover, #startmenu a:active,
#gamesmenu a, #gamesmenu a:visited, #gamesmenu a:hover, #gamesmenu a:active,
#moremenu a, #moremenu a:visited, #moremenu a:hover, #moremenu a:active {
	color:black;
	font-weight:normal;
}

.hidden {
	display:none;
	padding:0;
	margin:0;
}

#startmenu img, #gamesmenu img, #moremenu img {
	border: none;
	vertical-align:middle;
	padding: 0 5px 0 0;
}

.visible {
	display:block;
}

.iconborder, a.iconborder {
	display:block;
	position:relative;
	width: 24px;
	height: 24px;
	background:url(images/category-mask.png);
	top: -24px;
}