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


#toolbar2 {
	margin:0 0 0 0;
	position:relative;
	z-index:20;
	top:2px
}

#toolbar2, #toolbar2 ul {
	list-style-type: none;
	padding:0;
	margin:0;
}

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

#toolbar2 li ul {
	display: none;
	padding-bottom:5px;
	border: 1px solid #333;
	background:#eee;
}

#toolbar2 a, #toolbar2 a:visited{
	display:block;
	width:160px;
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	color:#333;
	height:29px;
	line-height:28px;
	text-decoration:none;
	letter-spacing:1px;
	text-indent:25px;
	background:#ddd;
	border:1px solid #aaa;
	border-width:1px 1px 1px 0;
	box-shadow: 
		inset -1px -1px 2px rgba(0,0,0,0.2), /*bottom internal shadow*/ 
		inset 1px 1px 2px rgba(255,255,255,0.4); /*top internal highlight*/
}

#toolbar2 a.first {
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	text-indent:15px;
}


#toolbar2 a.last {
	width:150px;
	text-indent:35px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
}	


#toolbar2 li:hover a, #toolbar2 li:hover a {
	background:#eee;
	box-shadow: none;
		/*inset 1px 1px 1px rgba(0,0,0,0.1), bottom internal shadow*/ 
		/*inset -1px -1px 1px rgba(255,255,255,0.2); top internal highlight*/
}

#toolbar2 li:hover > ul {
	display:block;
	position:absolute;
	left:201px;
	border: 1px solid #333;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	overflow:hidden;
	box-shadow: 4px 4px 6px #333;
	
	
}
#toolbar2 > li:hover > ul.first {
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}

#toolbar2 > li:hover > ul.middle {
	left:201px;
	border-radius: 0px;
	border-width:1px 0px 1px 0;
}

#toolbar2 > li:hover > ul.last {
	left:201px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 8px;
	border-width:1px 1px 1px 0;
}

#toolbar2 > li:hover > ul.third {
	left:401px;
	border-top-right-radius: 8px;
}

#toolbar2 > li:hover > ul {
	left:0;
	top:31px;
	width: 200px;
	background:#eee;
}

#toolbar2 li ul img {
	margin: 0 5px 0 2px;
	position:relative;
	top: 6px;
	border-radius: 3px;
	width: 24px;
	height: 24px;
	
}
#toolbar2 li ul em {
	display:inline;
	font-weight:bold;
	padding: 10px 0 3px 35px;
}

#toolbar2 li ul, #toolbar2 li ul li {
	background: #eee;
	border: none;
	box-shadow: none;	
	border-width: 0;
}

#toolbar2 li ul li {
    float:none;
    height: 32px;
    overflow: hidden;
}

#toolbar2 li ul li a, #toolbar2 li ul li a:active, #toolbar2 li ul li a:visited {
	display:inline;
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	color:#333;
	height:29px;
	line-height:28px;
	text-decoration:none;
	letter-spacing:1px;
	text-indent :5px;
	background: #eee;
	border: none;
	border-width: 0;
	box-shadow: none;
}
#toolbar2 li ul li a:hover {
	text-decoration:underline;
}


.downarrow {
	display:block;
	position:relative;
	top:13px;
	right: 8px;
	width:0;
	height:0;
	float:right;
	border: 6px solid transparent;
	border-top-color: #666;	
}


/* FX Toolbar buttons */

.leftbutton, a.leftbutton, a.leftbutton:active, a.leftbutton:visited, .arrowbutton, a.arrowbutton, a.arrowbutton:active, a.arrowbutton:visited, .plainbutton, a.plainbutton, a.plainbutton:active, a.plainbutton:visited, .rightbutton, a.rightbutton, a.rightbutton:active, a.rightbutton:visited, .leftbuttonactive, a.leftbuttonactive, a.leftbuttonactive:active, a.leftbuttonactive:visited, .arrowbuttonactive, a.arrowbuttonactive, a.arrowbuttonactive:active, a.arrowbuttonactive:visited, .plainbuttonactive, a.plainbuttonactive, a.plainbuttonactive:active, a.plainbuttonactive:visited, .rightbuttonactive, a.rightbuttonactive, a.rightbuttonactive:active, a.rightbuttonactive:visited {
	float:left;
	width:125px;
	height:29px;
	overflow:hidden;
	display:block;
	background-image: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;
	text-decoration:none;
	padding: 9px 5px 0px 30px;
}
.leftbutton, a.leftbutton, a.leftbutton:active, a.leftbutton:visited {
	background-position: 0px 0px;
}
.arrowbutton, a.arrowbutton, a.arrowbutton:active, a.arrowbutton:visited {
	background-position: -160px 0px;
}
.plainbutton, a.plainbutton, a.plainbutton:active, a.plainbutton:visited {
	background-position: -320px 0px;
}
.rightbutton, a.rightbutton, a.rightbutton:active, a.rightbutton:visited {
	background-position: -640px 0px;
}
a.leftbutton:hover, a.leftbuttonactive {
	background-position: 0px -38px;
}
a.arrowbutton:hover, a.arrowbuttonactive {
	background-position: -160px -38px;
}
a.plainbutton:hover, a.plainbuttonactive {
	background-position: -320px -38px;
}
a.rightbutton:hover, a.rightbuttonactive {
	background-position: -640px -38px;
}
/* Drop Menu Links */

#iphonemenu, #winmenu, #webmenu, #aboutmenu {
	clear:both;
	position:relative;
	top: -3px;
	background:#fff;
	border-top: 1px solid #669;
	border-left: 1px solid #669;
	border-bottom: 1px solid #336;
	border-right: 1px solid #336;
	text-align:left;
	z-index:5;
}
#WinBtn img {
	position:relative;
	vertical-align:text-top;
	top:-5px;
	left: 8px;
}
#iphonemenu {
	left: 5px;
	width:54em;
}
#winmenu {
	left: 155px;
	width:16em;
}
#webmenu {
	left:315px;
	width:16em;
}
#aboutmenu {
	left:475px;
	width:16em;
}
#iphonemenu ul, #winmenu ul, #webmenu ul, #aboutmenu ul {
	list-style-type:none;
	margin:0;
	padding:.25em .5em .25em .5em;
	width:17em;
	overflow:visible;
}
#iphonemenu ul#iphonegames {
	width:20em;
}
#iphonemenu ul li, #winmenu ul li, #webmenu ul li, #aboutmenu ul li {
	font-size:10pt;
	padding:3px 0px 3px 3px;
	cursor:hand;
	height:24px;
	overflow:hidden;
}
#iphonemenu li span, #winmenu li span, #webmenu li span, #aboutmenu li span {
	font-size:8pt;
	font-style:italic;
}
#iphonemenu a, #iphonemenu a:visited, #iphonemenu a:active, #winmenu a, #winmenu a:visited, #winmenu a:active, #webmenu a, #webmenu a:visited, #webmenu a:active, #aboutmenu a, #aboutmenu a:visited, #aboutmenu a:active {
	color:black;
	font-weight:normal;
	text-decoration:none;
}
#iphonemenu a:hover, #winmenu a:hover, #webmenu a:hover, #aboutmenu a:hover {
	text-decoration:underline;
	font-weight:notmsl;
	font-style: normal;
}
.hidden {
	display:none;
	padding:0;
	margin:0;
}
#iphonemenu img, #winmenu img, #webmenu img, #aboutmenu img {
	border: none;
	vertical-align:middle;
	padding: 0 5px 0 0;
}
.visible {
	display:block;
}
.float {
	float:right;
}