body {
	margin: 0;
	padding: 0;
	background-color: #dbdfdd;
	background-image: url(/images/soe_images/site_background.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top;
	text-align: center
	}
	
sup {
	bottom: 3ex;
	font-size: 10px;
}

a {
	color: #1d5478;
	text-decoration: none;
	font-weight: bold;
	}

a:hover {
	text-decoration: none;
	}
	
a:focus {
	outline-style:none;
	}
	
img {
	border:0;
}
	
a img {
	border: 0px;
	}

.top_bar {
	margin: 0;
	padding: 0;
	background-color: #000;
	height: 40px;
	}
	
.top_bar .sony_logo {
	margin: auto;
	padding: 7px 0 0 0;
	width: 975px;
	text-align: right;
	}

.header_add {
	margin: auto;
	padding: 0;
	text-align: center;
	width: 1090px;
	height: 13px;
	}
	
.flushit {
	clear:both;
	}
	
.site_wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #000 url(/images/soe_images/retro_bg.jpg) no-repeat top;
	height: 413px;
	}
	
.main_wrapper {
	margin: -14px auto 0 auto;
	padding: 10px 0 0 0;
	width: 992px;
	background: #fff;
	border-left: 1px solid #e2e3e4;
	border-right: 1px solid #e2e3e4;
	border-bottom: 1px solid #e2e3e4;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px; 
	-moz-box-shadow: 0px 0px 15px #e5e5e5;
	-webkit-box-shadow: 0px 0px 15px #e5e5e5;
	box-shadow: 0px 0px 15px #e5e5e5; 
	}
.intrusion_warning{
	display:block;
	position:relative;
	width: 992px;
	height:44px;
	}
.intrusion_warning a img{
	display:block;
	position:relative;
	width:542px;
	height:38px;
	margin:0 auto;
	}
.top_navigation {
	margin: 10px 0;
	padding: 0;
	text-align: right;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #626262
	}
	
.top_navigation a {
	padding: 0 5px 0 5px;
	}
	
.header {
	margin: 0;
	padding: 0;
	}

.header .logo {
	margin: 0;
	padding: 0;
	float: left;
	font-family: Arial;
	font-weight: bold;
	color: #3b3b3b;
	font-size: 14px;
	}
	
.header .logo a {
	margin: 0;
	padding: 0;
	width: 229px;
	height: 62px;
	display: block;
	background: url(/images/soe_images/stationlogo.png);
	}
	
.header .logo a h1 {
	display: none;
	}

.header .leaderboard_adstyle {
	margin: 0;
	padding: 0;
	float: right;
	width: 728px;
	height: 90px;
	display: block;
	background-image: url(/images/soe_images/advert_leaderboardtext.png);
	background-repeat: no-repeat;
	background-position: left;
	}

.splash_content {
	margin: auto;
	padding: 0;
	width: 992px;
	height: 346px;
	background: #000;
	}
	
.splash_content .rectangle_banner {
	margin: 10px 0 0 0;
	padding: 0;
	width: 300px;
	height: 268px;
	float: right;
	}

.splash_content .rectangle_banner small {
	font-size: 10px;
	font-family: Arial;
	color: #555555;
	margin: 0;
	padding: 0 0 3px 0;
	display: block;
	}

.splash_content .navigation {
	margin: 0 auto 0 auto;
	padding: 0;
	background: url(/images/soe_images/navigation_bg.png) repeat-x bottom;
	height: 60px;
	z-index: 600;
	position: relative;
	width: 992px;
	}

.splash_content .navigation div.menuitems {
	float: right;
	}

.splash_content .navigation div.menuitems a {
	margin:0;
	padding: 15px 15px 0 15px;
	color: #fff;
	font-family: Trebuchet MS, Arial;
	font-size: 15px;
	display: block;
	float: left;
	background: url(/images/soe_images/nav_divider.png) no-repeat;
	height: 35px;
	text-shadow: 1px 1px 1px #000;
	letter-spacing: 0.03em;
	}

.splash_content .navigation div.menuitems a:hover {
	text-decoration: none;
	color: red;
	}

.splash_content .navigation a.soe_logo {
	margin: 0;
	padding: 5px 5px 0 10px;
	float: left;
	}

.coda-slider-wrapper {
	margin: -5px auto 0 auto;
	padding: 0;
	position: relative;
	width: 972px;
	}
	
	.coda-slider { margin: auto; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { 
	height: 200px; 
	overflow: auto !important; 
	padding-right: 20px 
	}
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { 
	width: 600px 
	} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { 
	width: 972px; 
	padding: 0; 
	}
	
	.coda-slider-wrapper.arrows .coda-slider { 
	margin: 0; 
	}
	
	.coda-slider .panel-wrapper {
	background: white;
	z-index: 1000;
	position: relative;
	}
	
	/* Panel padding */
	.coda-slider .panel-wrapper img { 
	}
	
	/* Panel padding */
	.coda-slider .panel-wrapper h2.title { display: none }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

.slider_movie_player {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 18px;
	top: 60px;
	background: #fff;
	}

.slider_xtra_nav  {
	position: absolute;
	z-index: 9000;
	top: 357px;
	left: 10px;
	color: #fff;
	width: 700px;
	}
	
.slider_xtra_nav  a {
	float: left;
	}
	
.slider_xtra_nav  a img {
	border: 0px;
	}
	
.slider_xtra_nav .container1 {
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
	font-family: Trebuchet MS;
	color: #fff;
	}
	
.slider_xtra_nav  .container1 h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 0;
	}
	
.slider_xtra_nav  .container1 a h3 {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 12px;
	text-decoration: underline;
	color: #fff;
	font-weight: normal;
	}
	
.bottom_bar {
		display: block; 
		position:absolute;
		width: 972px !important;
		height: 59px;
		background: url(/images/soe_images/slider_nav_bg.png) repeat-x;
		right: 0;
		top: 352px;
		z-index: 3000;
		position:absolute;
	}
	
	/* Tabbed nav */
	
	.coda-nav {
		display: block; 
		position:absolute;
		width: 372px !important;
		height: 59px;
		right: 0;
		top: 352px;
		z-index: 2000;
		position:absolute;
		}
	
	.coda-nav ul {  
		padding: 0;
		margin: 15px 0 0 0;
		width: 237px !important;
		height: 40px;
		float: right;
		}
		
	.coda-nav ul li { 
		display: inline;
		}
		
	.coda-nav ul li a { 
		color: #fff; 
		display: block; 
		float: left; 
		text-decoration: none;
		background: url(/images/soe_images/nav_item_bubble_inactive.png) no-repeat;
		width: 29px;
		height: 29px;
		}
		
	.coda-nav-left a, .coda-nav-right a {
		width: 68px;
		height: 32px;
		}
		
	/* Tab nav */
	.coda-nav ul li a:hover { 
		background: url(/images/soe_images/nav_item_bubble.png) no-repeat;
	 }
	 
	.coda-nav ul li a.current { 
		background: url(/images/soe_images/nav_item_bubble.png) no-repeat;
	 }
		
	.coda-slider-wrapper { 
	clear: both; 
	overflow: hidden}
	
	.coda-slider { 
	float: left; 
	overflow: hidden; 
	position: relative 
	}
	
	.coda-slider .panel { 
	display: block; 
	float: left 
	}
	
	.coda-slider .panel-container { 
	position: relative 
	}
	
	.coda-nav-right a { 
		position: absolute; 
		z-index: 5000;
		right: 20px;
		top: 364px;
		background: url(/images/soe_images/slider_next_button.png) no-repeat;
		}
		
	.coda-nav-left a {
		position: absolute; 
		z-index: 5000;
		right: 240px;
		top: 364px;
		background: url(/images/soe_images/slider_prev_button.png) no-repeat;
		}
	
	.coda-nav-right a:hover { 
		background: url(/images/soe_images/slider_next_button_hover.png) no-repeat;
		}
		
	.coda-nav-left a:hover {
		background: url(/images/soe_images/slider_prev_button_hover.png) no-repeat;
		}
		
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none;  }

	
.main_content {
	margin: 10px auto 15px auto;
	padding: 0;
	width: 979px;
	}
	
.thumb_features {
	margin: 0 auto 20px auto;
	padding: 0;
	width: 984px;
	}
	
.thumb_features a {
	margin: 0 0 0 7px;
	padding: 0;
	float: left;
	width: 188px;
	height: 103px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	}
	
.thumb_features a img {
	padding: 0;
	margin: 0;
	}
#memorial_mania {
	position:relative;
	display: block;
	width: 973px;
	height: 125px;
	background: url(/images/MemorialMania_Banner.png) no-repeat;
	padding: 0;
	margin: 0 auto;
	cursor: pointer;
	}	
.static_feature_frame {
	background: url(/images/soe_images/static_features_frame.png) no-repeat;
	display: block;
	width: 188px;
	height: 103px;
	padding: 0;
	margin: 1px 0 0 0;
	cursor: pointer;
	}
	
.static_feature_frame:hover {
	background: url(/images/soe_images/static_features_frame_over.png) no-repeat;
	cursor: pointer;
	}
	
.left_sidebar {
	margin: 0 15px 0 0;
	padding: 0;
	width: 240px;
	float: left;
	}
	
.left_sidebar h1 {
	margin: 0;
	padding: 7px 0 7px 0;
	background: url(/images/soe_images/tabs_backgroundgradient.png) repeat-x;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	font-size: 18px;
	font-family: Trebuchet MS, Arial;
	color: #fff;
	display: block;
	width: 239px;
	text-shadow: 0px -1px 1px #000;
	}
	
.left_sidebar .content_box {
	margin: 0 0 15px 0;
	padding: 0;
	width: 237px;
	border-top: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	background: #edefee;
	background-repeat: repeat-x;
	}
	
.left_sidebar .content_box2 {
	margin: 0;
	padding: 0;
	width: 237px;
	border: 1px solid #dbdbdb;
	background: #edefee;
	background-repeat: repeat-x;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	}
	
.left_sidebar .content_box .boxbuttons {
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
.left_sidebar .content_box .boxbuttons img {
	margin: 10px 0 0 0;
	}
	
.right_content {
	margin: 0
	padding: 0;
	float: left;
	width: 720px;
	}
	
.right_content .content_box {
	margin: 0 0 13px 0;
	padding: 10px;
	float: left;
	width: 328px;
	height: 180px;
	border: 2px solid #b1bec1;
	background: #e1e0dc;
	background-image: url(/images/soe_images/elements_background.png);
	background-repeat: repeat-x;
	}
	
.right_content .content_box .services_column img {
	margin: 0 0 10px 0;
	border: 2px solid #9aaeb5;
	}
	
.right_content .content_box .services_column {
	margin: 10px 15px 0 5px;
	padding: 0;
	float: left;
	width: 140px;
	text-align: left
	}
	
.right_content .content_box ul {
	margin: 5px 0 0 0;
	padding: 0;
}
	
.right_content .content_box ul li {
	margin: 0;
	padding: 5px;
	list-style-type: none;
	font-size: 11px;
	font-family: Tahoma;
	clear: both;
	line-height: 15px; 
	border-bottom: 1px solid #d7d9d7;
	text-align: left
	}
	
.right_content .content_box ul li img {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	}
	
.right_content .content_box ul li a {
	}
	
.right_content .content_box .services_column p {
	line-height: 16px;
	font-size: 11px;
	font-family: Tahoma;
	margin: 0;
	padding: 0;
	}
	
.right_content .content_box h1 {
	margin: 0;
	padding: 0;
	color: #3b3b3b;
	font-size: 14px;
	font-family: Tahoma;
	text-align: left
	}
	
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:37px;
	background: url(/images/soe_images/tabs_backgroundgradient.png) repeat-x;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	width: 560px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a {
	font-size:15px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 110px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding:0px;
	margin:0px;	
	position:relative;
	font-family: Trebuchet MS, Arial;
	text-shadow: 0px -1px 1px #000;
	top:1px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

ul.tabs a:active {
	outline:none;		
	}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:#bdbdbd !important;
	cursor: pointer;
	text-decoration: none;
	}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important; 
	color:#363636 !important;
	background: #fff url(/images/soe_images/tabs_games_bg_hover.png) repeat-x;
	border-top: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	text-shadow: 1px 1px 1px #fff;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	height: 37px;
	margin: -7px 0 0 0;
	padding: 6px 0 0 0;
	}

ul.tabs a.s { ; 
	}

ul.tabs a.s:hover 	{ 
	}

ul.tabs a.s.current { 
	}

/* width 2 */
ul.tabs a.l { 
	}

ul.tabs a.l:hover { 
	}

ul.tabs a.l.current { 
	}

/* width 3 */
ul.tabs a.xl { 
	}
ul.tabs a.xl:hover { 
	}

ul.tabs a.xl.current { 
	}


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;
}

.panes {
	margin: 0;
	padding: 5px 0 7px 5px;
	background: #edefee;
	border: 1px solid #c1c1c1;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	}

.panes ul {
	margin: 0;
	padding: 0;
	}

.panes ul li {
	background: #efefef url(/images/soe_images/tabs_games_bg.png) repeat-x;
	border: 1px solid #dbdbdb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	margin: 0 0 7px 0;
	padding: 7px;
	list-style: none;
	width: 695px;
	text-align: left;
}

.panes ul li .tab_games {
	margin:0 10px 0 0;
	padding: 0;
	overflow: hidden;
	display: block;
	width: 150px;
	height: 80px;
	float: left;
	border: 1px solid #d3d3d3;
	}
	
.panes ul li .tab_games img {
	margin: 0 0 0 -25px; 
	padding: 0;
	width: 200px;
	height: 80px;
	}

.panes ul li .game_information {
	float: left;
	margin: 0;
	padding: 0;
	width: 500px;
	}

.panes ul li .game_information h2 {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial;
	font-size: 15px;
	color: #0e78c9;
	}

.panes ul li .game_information p {
	margin: 0;
	padding: 0;
	color: #4b4b4b;
	font-size: 13px;
	line-height: 16px;
	font-family: Arial;
	display: block;
	}

.panes ul li .play_game_rating {
	margin: 10px 0 0 0;
	padding: 0;
	width: 520px;
	height: 27px;
	}

.panes ul li .play_game_rating a {
	margin: 0;
	padding: 0;
	float: left;
	-moz-box-shadow: 0px 0px 1px #fff;
	-webkit-box-shadow: 0px 0px 1px #fff;
	}

.panes ul li .play_game_rating a h2 {
	margin: 0;
	padding : 5px 9px 5px 9px;
	border: 1px solid #dbdbdb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, rgb(218,218,218)), color-stop(0.73, rgb(230,230,230)));
	background: -moz-linear-gradient(center bottom, rgb(218,218,218) 12%, rgb(230,230,230) 73%));
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #606060;
	text-shadow: 0px 1px 1px #fff;
	letter-spacing: .13em;
	}

.panes ul li .play_game_rating a h2:hover {
	border: 1px solid #1b77bd;
	color: #fff;
	text-shadow: 0px 1px 1px #000;
	background-color: #0e78c9;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(14,120,201)), color-stop(0.57, rgb(82,177,240)), color-stop(0.69, rgb(94,188,255)));
	background: -moz-linear-gradient(center bottom, rgb(14,120,201) 10%, rgb(82,177,240) 57%, rgb(94,188,255) 69%));
	}
	
.panes ul li .play_game_rating p {
	font-size: 10px;
	color: #9c9c9c;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	}
	
/* tab pane */
div.css-panes div {
	display:none;
	border:2px solid #b1bec1;
	border-width:0 2px 2px 2px;
	padding: 15px 20px;
	background-color:#f9f9f9;
	font-family: Tahoma;
	font-size: 11px;
	margin: auto;
}

div.css-panes div ul {
	margin: 0;
	padding: 0;
	}

div.css-panes div ul li {
	list-style-type: none;
	border-bottom: 1px solid #eee;
	min-height: 70px;
	margin: 0 0 5px 0;
	text-align: left
	}

div.css-panes div ul li p {
	margin: 0;
	padding: 0;
	width: 550px;
	float: left;
	}
	
div.css-panes div ul li span.ratingpc {
	margin: 5px 0 0 0;
	padding: 0;
	display:block;
	}

div.css-panes div ul li h3 {
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 10px;
	display: inline;
	}

div.css-panes div ul li img.icon, div.css-panes div ul li img.button {
	border: 0px;
	}

div.css-panes div ul li img.icon {
	margin: 0 10px 0 0;
	padding: 0;
	border: 2px solid #9aaeb5;
	float: left;
	width: 148px;
	}

div.css-panes div ul li img.button {
	margin: 20px 0 0 0;
	padding: 0;
	float: right;
	}

div.css-panes div ul li h1 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	}

#accordion {
	width: 237px;
	margin: auto;
	padding: 0;
}

.network_icons {
	margin: 10px auto 0 auto;
	text-align: center;
	}

.network_icons h2 {
	font-size: 15px;
	color: #2b5e80;
	font-family: Arial;
	margin: 0 0 10px 0;
	}

.network_icons a img {
	margin: 0 10px 0 0;
	}
	
.network_icons p {
	margin: 10px 0 10px 0;
	padding: 0 10px 0 10px;
	font-size: 11px;
	font-family: Arial;
	color: #616161;
	text-align: left;
	}

/* accordion header */
#accordion h2 {
	background-image: url(/images/soe_images/blank_button_accordion_active.png);
	background-repeat: repeat-x;
	margin: 0;
	padding: 10px 0 9px 0;
	cursor:pointer;
	color: #454545;
	font-size:15px;
	font-weight: bold;
	font-family: Arial;
	text-transform: uppercase;
	width: 237px;
	border-bottom: 1px solid #dbdbdb;
	text-shadow: 0px -1px 1px #b2b2b2;
	}
	
#accordion h2:hover {
	background-image: url(/images/soe_images/blank_button_accordion_active.png);
	}
	
/* currently active header */
#accordion h2.current {
	cursor:default;
	background-image: url(/images/soe_images/blank_button_accordion.png);
}

/* accordion pane */
#accordion div.pane {
	display:none;
	height: 440px;
	padding: 5px 10px 10px 10px;
	color:#000;
	font-size:12px;
	font-family: Arial;
	border-bottom: 1px solid #dbdbdb;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

#accordion div.pane ul {
	margin: 0;
	padding: 0;
	}
	
#accordion div.pane ul li {
	list-style-type: none;
	}
	
#accordion div.pane ul li a {
	display:block;
	color: #7c7c7c;
	font-size: 11px;
	padding: 3px;
	margin: 0;
	font-weight: normal;
	text-align: left;
	font-family: Arial;
	}
	
#accordion div.pane ul li a:hover {
	}
	
#accordion div.pane ul li a h3 {
	margin: 0;
	padding: 0;
	color: #0f78c9;
	font-weight: bold;
	font-size: 12px;
	}

ul.menu {
	border-bottom: 1px solid #dbdbdb;
}

ul.menu, ul.menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 237px;
	border-top: 1px solid #dbdbdb;
}

ul.menu a {
	display: block;
	text-decoration: none;	
}

ul.menu li {
}

ul.menu li a#header {
	background-image: url(/images/soe_images/blank_button_accordion_active.png);
	background-repeat: repeat-x;
	margin: 0;
	padding: 10px 0 9px 0;
	cursor:pointer;
	color: #454545;
	font-size:15px;
	font-weight: bold;
	font-family: Arial;
	text-transform: uppercase;
	width: 237px;
	border-top: 1px solid #dbdbdb;
	text-shadow: 0px -1px 1px #b2b2b2;
}

ul.menu li a#header:hover {
	background-image: url(/images/soe_images/blank_button_accordion.png);
}

ul.menu li a#header .current {
	background-image: url(/images/soe_images/blank_button_accordion.png);
}

ul.menu li a:hover {
	}

ul.menu li ul li {
	text-shadow: none;
	text-transform: none;
	padding: 0 10px 0 10px;
	}

ul.menu li ul li a {
	color: #7c7c7c;
	font-size: 11px;
	margin: 0;
	padding: 0 0 5px 0;
	font-weight: normal;
	text-align: left;
	font-family: Arial;
	background: transparent;
	text-shadow: none;
	text-transform: none;
}

ul.menu li ul li a h3 {
	margin: 0;
	padding: 5px 0 0 0;
	color: #0f78c9;
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	}

ul.menu li ul li a:hover {
}


.footer {
	margin: 20px auto 35px auto;
	padding: 0 0 10px 0;
	width: 100%;
	background: #fff;
	background-repeat: repeat-x;
	}
	
.footer .ulitems {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1000px;
	}
	
.footer .ulitems ul {
	float: left;
	width: 120px;
	font-family: Arial;
	margin: 15px 7px 0 7px ;
	padding: 0;
	border-right: 1px solid #e3e3df;
	}
	
.footer .ulitems ul li {
	font-size: 11px;
	list-style-type: none;
	text-align: left;
	color: #909090;
	font-weight: bold;
	}
	
li.footer_header {
	padding: 0 0 10px 0;
	}
	
.footer .ulitems ul li a {
	color: #909090;
	text-decoration: none;
	font-weight: normal;
	line-height: 21px;
	}
	
.footer .ulitems ul li a:hover {
	text-decoration: underline;
	}
	
	
/* container for slides */
.images {
	border:1px solid #bbc6ca;
	position:relative;	
	height:268px;
	width:663px;
	margin:0 0 0 0;
	cursor:pointer;
	}

.bottom_nav_bar {
	margin: 0;
	padding: 0;
	width: 663px;
	height: 49px;
	position: absolute;
    bottom: 0px;
    left: 0px;
	background-image: url(/images/soe_images/slider_toolbar.png);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	z-index: 1000
	}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:0;
	padding:0;
	font-size:12px;
}

.images div img {
	margin: 0 0 0 5px;
	padding: 0;
	text-align: center;
	width: 653px;
	}

/* header */
.images h3 {
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding: 0;
	color:#3b3b3b;
	right: 0px;
	top: 6px;
	position: absolute;
	font-family: Arial;
}

/* tabs (those little circles below slides) */
.tabs {
	clear:both;
	margin-left:330px;
}

/* single tab */
.tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.tabs a.current {
} 	


/* prev and next buttons */

.nav_buttons {
	display:block;
	float:right;
	margin: 10px 0 0 0;
	}

.forward, .backward {
	float:left;
	margin-top:0;
	display:block;
	width:79px;
	height:31px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
}

.forward {
	background:url(/images/soe_images/next_slider_button.png) no-repeat;
	}

.backward {
	background:url(/images/soe_images/back_slider_button.png) no-repeat;
	margin: 0 5px 0 0;
	}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/* remove margins from the image */
.items img {
	margin:0;
}

/* make A tags our floating scrollable items */
.items a {
	display:block;
	float:left;
	margin:5px 3px 5px 0;
} 

.carousel_wrapper {
	margin: auto;
	padding: 0;
	width: 973px;
	height: 160px;
	position: relative;
	}
	
.scrollable {
	position:absolute;
	overflow:hidden;
	width: 885px;
	height:160px;
	margin: 5px 0 0 45px;
	float:left;
	z-index: 900;
	left: 0px;
}

.front_game_underlay {
	margin:0;
	padding:0;
	position: absolute;
	z-index: 800;
	width: 960px;
	height:150px;
	left: 0px;
	background: url(/images/soe_images/game_slider_bg.png) repeat-x;
	}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

i.scrollable .items img {
	position: absolute;
	z-index: 2000;
	width: 222px;
	height: 160px;
	text-align: left;
	}

/* single scrollable item */
.scrollable .items a {
	margin: 0;
	padding: 0;
	display: block;
	width: 222px;
	height: 140px;
	text-align: center;
	float:left;
	background-repeat: no-repeat;
	}
	
.scrollable .items a p {
	margin: 0;
	padding:0 7px 0 7px;
	color: #717171;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	position: absolute;
	z-index: 9999;
	}
	
.scrollable .items a h2 {
	margin: 0;
	padding: 0 7px 0 7px;
	color: #b7ec17;
	font-size: 13px;
	font-family: Trebuchet MS, Arial;
	font-weight: bold;
	}
	
/* single scrollable item */
.scrollable .items img {
	cursor:pointer;
}

.scrollable .active {
	border:1px solid #000;
	z-index:2000;
	position:relative;
}

a.prevPage {
	background:url(/images/soe_images/nav_arrow_left.png) no-repeat;
	width: 29px;
	height: 102px;
	display:block;
	position: absolute;
	margin: 28px 0 0 10px;
	left: 0px;
	cursor:pointer;
	z-index: 2000;
}

a.nextPage {
	background:url(/images/soe_images/nav_arrow_right.png) no-repeat;
	width: 29px;
	height: 102px;
	display:block;
	position: absolute;
	margin: 28px 0 0 0;
	cursor:pointer;
	z-index: 2000;
	right: 10px;
}


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

.station_rotator {
	position:relative;
	overflow:hidden;
	width: 220px;
	height:195px;
	margin: auto;
}

.station_rotator .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.station_rotator a {
	display: block;
	width: 221px;
	height: 170px;
	}

.station_rotator img {
	float:left;
	margin:0 5px 0 5px;
	background-color:#fff;
	padding: 0;
	cursor:pointer;
}

.station_rotator .active {
	z-index:9999;
	position:relative;
}

.station_nav {
	width: 230px;
	height: 30px;
	display: block;
	position: relative;
	z-index: 1999;
	left: 0px;
	top: -16px;
	margin: 0 auto 0 auto;
	}

.station_nav a.prev, .station_nav a.next {
	height: 24px;
	width: 24px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: black;
	}

.station_nav a.prev {
	background:url(/images/soe_images/mini_slider_prev.png) no-repeat;
	}

.station_nav a.next {
	float: right;
	background:url(/images/soe_images/mini_slider_next.png) no-repeat;
	margin-right: 5px;
	}


.navi {
	margin: auto;
	width:160px;
	height:40px;
	position: absolute;
	left: 35px;
	z-index: 2999;
	top: -7px;
}


.navi a {
	width:32px;
	height:28px;
	float:left;
	margin:3px;
	background:url(/images/soe_images/station_selectors.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	cursor: pointer;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -56px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -56px;     
}

.more_tweets_button a {
	margin: 0 auto 10px auto;
	padding: 7px 0 0 0;
	width: 227px;
	height: 24px;
	border: 1px solid #dbdbdb;
	background: #fff url(/images/soe_images/accordiontab_bg.png) repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #454545;
	text-shadow: 0px -1px 1px #fff;
	}
	
#news_container {
	width: 970px;
	border-top: 1px solid #d9dddb;
	border-bottom: 1px solid #d9dddb;
	margin: 10px auto 20px auto;
	}

.slider {
	overflow:auto
}
.slider .slider-window {
	margin:0;
	padding:10px 0 10px 10px;
	float:left;
	overflow:auto;
	width: 940px;
}

.slider ul {
	list-style:none;
	margin:0;
	padding:0;
}

.slider li {
	margin-right:10px;
	text-align:left;
	width: 900px;
	font-size: 16px;
	color: #4b4b4b;
	font-family: Arial, Helvetica, sans-serif;
}

.slider li a {
	text-align:center;
	text-decoration:none;
}

.slider li a img {
	border:none;
	margin-bottom:10px;
}

.slider li h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-family: Trebuchet MS;
	color: #0e78c9;
	}

.news_navigation {
	display: block;
	position: absolute;
	height: 40px;
	width: 26px;
	z-index: 300;
	left: 1090px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #979797;
	margin: 4px 0 0 0;
	}

.social_networking_icons {
	display: block;
	position: absolute;
	height: 25px;
	width: 83px;
	z-index: 300;
	left: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	color: #979797;
	margin: 4px 0 0 0;
	background: url(/images/soe_images/socialnetworkicons.png) no-repeat;
	}

.slider .prev, .slider .next {
	display:block;
	float:left;
	width:13px;
	height: 21px;
	width: 11px;
}

.slider .next {
	background: url(/images/soe_images/news_next_arrow.png) no-repeat;
}

.slider .prev {
	background: url(/images/soe_images/news_previous_arrow.png) no-repeat;
	margin-right: 4px;
}


#footpanel {
	position: fixed;
	bottom: 0; 
	left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #000;
	border-bottom: none;
	width: 100%;
	margin: 0;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}


#footpanel a.home{	
	background: url(home.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent--*/
}
a.profile{	background: url(user.png) no-repeat center center;  }
a.contacts{	background: url(address_book.png) no-repeat center center; }
a.playlist{	background: url(document_music_playlist.png) no-repeat center center; }
a.videos{	background: url(film.png) no-repeat center center; }
a.messages{	background: url(mail.png) no-repeat center center; }
a.editprofile{	background: url(wrench_screwdriver.png) no-repeat center center; }
#footpanel a.chat{	
	background: url(balloon.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent--*/
}
a.alerts{	background: url(newspaper.png) no-repeat center center;	 }

#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/

#footpanel a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 70px;
	background: url(pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%; 
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}

#test {
	border:1px solid #ccc;
	background-color:#fff;
	padding:50px;
	margin:0;
	text-align:center;
	width:600px;
}

#mask {
	background:#678 url(http://static.flowplayer.org/tools/img/expose/mask_gradient_1000.png) no-repeat;
	background-position:-260px -79px;
}

form.expose {
	border:1px outset #ccc;
	background:#fff url(http://static.flowplayer.org/img/global/gradient/h150.png) repeat-x;
	padding:20px;
	margin:0;
	text-align:center;
	width:500px;
	-moz-border-radius:4px;
}

/* http://www.quirksmode.org/css/forms.html */
label, input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

/* the overlayed element */
.apple_overlay {
	display:none;
	background-image:url(http://static.flowplayer.org/img/overlay/white.png);
	width:640px;
	padding:35px;
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(http://static.flowplayer.org/img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index: 7999;
}

/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
	background-image:url(/images/soe_images/transparent_overlay1.png);	
	color:#fff;
}

div.apple_overlay.black img {
	margin: 0;
	padding: 0;
	float: left;
	}

div.apple_overlay.black .details {
	margin: 0;
	padding: 0;
	float: left;
	width: 380px;
	text-align: left;
	}

div.apple_overlay.black .details h2 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 24px;
	font-family: Trebucher MS, Arial;
	}

div.apple_overlay.black .details p {
	margin: 0;
	padding: 0 10px 10px 10px;
	font-size: 12px;
	font-family: Arial;
	line-height: 18px;
	}

div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

div.black h2 {
	color:#fff;
}

#triggers {
}

#triggers img.tab_item {
	margin:0 10px 0 0;
	padding:0;
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 81px;
	background-position: center;
	float: left;
	border: 1px solid #d3d3d3;
	cursor:pointer;
}


#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
	padding-bottom: 2px;
}
#footpanel h3 {
	background: #526ea6;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { 
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
}
#footpanel .subpanel li{ 
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}

#chatpanel .subpanel li { background: url(dash.gif) repeat-x left center; } 
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}


#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}





a:focus {
  outline: 0;
}

div#toolbar, div#toolbarbut {
  position: fixed; /* set fixed position for the bar */
  bottom: 0px;
  right: 0px;
  z-index: 8888; /* keep the bar on top  */
  height: 31px;
}

div#toolbar {
  width: 100%;
  min-width: 700px; /* to limit the width when an excessive window resize */
  margin: 0px auto; /* centered toolbar */
  left: 0px;
  background: #000 url(/images/soe_images/navigation_bg.png) repeat-x top;
}

div#toolbarbut { /* div for the 'hide status' */
  width: 60px;
  height: 15px;
  margin-right: 3%;
  display: none;
}

span.showbar a { /* show button */
  padding: 5px;  
  font-size: 10px;
  color: #989898;
}

.leftside {
  margin: auto;
  padding: 0;
  width: 995px;
}

.leftside a {
	margin:0;
	padding: 10px 15px 0 15px;
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	display: block;
	float: left;
	height: 35px;
	text-shadow: 1px 1px 1px #000;
	letter-spacing: 0.03em;
	}

.rightside {
  float: right;
}

/*-- Left Side --*/

ul#social li {
  display: inline;
}

a.rss {
  display: inline-block;
  width: 104px;
  height: 35px;
  margin-left: 5px;
  background: url(images/rss.png) no-repeat;
}

a.facebook, a.twitter, a.digg, a.delicious, a.stumble {
  display: inline-block;
  width: 40px;
  height: 35px;        
  margin-top: 1px;
}

a.rss:hover, a.facebook:hover, a.twitter:hover, a.digg:hover, a.delicious:hover, a.stumble:hover {
  background-position: 1px 1px; /* simple css hover effect */
}

a.facebook {
  background: url(images/facebook.png) no-repeat;
}

a.twitter {
  background: url(images/twitter.png) no-repeat;
}

a.delicious {
  background: url(images/delicious.png) no-repeat;
}

a.digg {
  background: url(images/digg.png) no-repeat;
}

a.stumble {
  background: url(images/stumble.png) no-repeat;
}

.tip {
  position: absolute; /* important */
  top: -75px;
  width: 250px;
  height: 78px;
  background: url(images/tip.png) no-repeat;
  float: left;
  display: none;
}

/* custom distances for the icons */
#tipfacebook {
  left: 75px; 
}

#tiptwitter {
  left: 120px; 
}

#tipdelicious {
  left: 165px; 
}

#tipdigg {
  left: 210px; 
}

#tipstumble {
  left: 255px; 
}

.tip ul {
  padding: 22px 0 0 25px;
}

.tip ul li {
  display: inline;
  padding-left: 3px;
}

.tip ul li a {
  font-size: 18px;
  color: #989898;
}       

.tip ul li a:hover {
  color: #666;
}

.tip ul li small {
  font-size: 10px;
}

/*-- Right Side --*/

span.downarr { /* hide button */ 
	float: right;
	background: url(/images/soe_images/nav_divider.png) no-repeat;
	}

span.downarr a {
  display: block;
  width: 36px;
  height: 26px;
  padding: 25px 0 0 10px;
  background: url(images/downarrow.png) no-repeat 5px 7px;
	}

span.menu_title {
	background: url(/images/soe_images/nav_divider.png) no-repeat;
	padding: 0;
	}

span.menu_title a {
  font-size: 16px;
  line-height: 34px;
  color: #fff;
}

.quickmenu {
  position: absolute;
  top: -201px;
  right: 46px;
  width: 180px;
  height: 200px;
  background: #383838;
  -moz-box-shadow: 2px -3px 5px #e1e1e1, -3px 0px 5px #e1e1e1;
  -khtml-shadow: 2px -3px 5px #e1e1e1, -3px 0px 5px #e1e1e1;
  -webkit-box-shadow: 2px -3px 5px #e1e1e1, -3px 0px 5px #e1e1e1;
  display: none;
}

.quickmenu ul {
	margin: 0;
	padding: 0;
	}

.quickmenu ul li {  
  padding: 5px 10px;
  margin: 0 15px 0 15px;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.quickmenu ul li a {
  font-size: 12px;
  color: #989898;
  display: block;
}

.quickmenu ul li a:hover {
  color: #666;
}

span.menu_title2 {
	padding: 0;
	z-index: 9000;
	position: absolute;
	}

span.menu_title2 a {
	margin: 0;
	padding: 10px 15px 0 15px;
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	display: block;
	height: 20px;
	text-shadow: 1px 1px 1px #000;
	letter-spacing: 0.03em;
	}

span.menu_title2 a:hover {
	}

.quickmenu2 {
  position: absolute;
  top: -75px;
  left: 130px;
  width: 324px;
  height: 104px;
  display: none;
	background: url(/images/soe_images/mywallet_bg.png) no-repeat;
}

.quickmenu2 ul {
	margin: 0;
	padding: 0;
	}

.quickmenu2 ul li {  
  padding: 5px 10px;
  margin: 0 15px 0 15px;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.quickmenu2 ul li a {
  font-size: 12px;
  color: #989898;
  display: block;
}

.quickmenu2 ul li a:hover {
  color: #666;
}

/* define background image for the expose mask */
#mask {
	background:#123 url(/tools/img/expose/mask_gradient_1800.png) no-repeat;
	background-position:50% -200px;
}

/* the thumbnail scrollable */
#thumbnails2 {
	position:relative;
	overflow:hidden;
	float:left;
	width: 502px;
	height:100px;
	margin: 250px 0 0 0;
}

/* general settings for both scrollables
#thumbnails .slider_gallery_items {	
	width:2000em;	
	position:absolute;
	clear:both;
	float: left;
	left: 0px;
}
 */
 
#thumbnails2 .slider_gallery_items2 a {
	padding:0;
	float:left;
	margin: 0 10px 0 0;
	border: 2px solid #283236;
	cursor: pointer;
	display: block;
}

/* overlay styling */
#box {
	background-image:url(/images/soe_images/black.png);
	width:656px;
	height:524px;
	position:absolute;
	display:none;
}

/* 
	image is contained on the overlay background image. 
	the closing button is thus just a transparent container. 
*/
#box .close {
	position:absolute;
	left:8px;
	top:8px;
	cursor:pointer;
	height:35px;
	width:35px;
	text-decoration:none;
}

/* overlay scrollable */
#giant_slider_gallery {	
	position:absolute;
	overflow:hidden;
	margin:50px;
	width:557px;
	height:400px;	
	z-index: 9999;
}

/* single image */
#giant_slider_gallery .slider_items div {
	float:left;
	width:557px;
	height:400px;
	margin-right:30px;
}

/* the tooltip */
#giant_slider_gallery .slider_items .info {
	float:none;
	background:#333;
	color:#fff;
	font-size:13px;
	margin-top:-137px;
	padding:5px 75px;
	height:125px;
	display:none;
	width:490px;
}

#giant_slider_gallery .slider_items .info h3 {
	color:#cde;
	margin-top:10px;
}
	

/* override button style on the overlay */
#box .navi {
	position:absolute;
	bottom:33px;
	left:50px;
}

#box .next {
	left:580px;
}
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: yellow;
}


/* ######### Default class for drop down menus ######### */

.anylinkcss {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 9999; /* zIndex should be greater than that of shadow's below */
background: #383838;
width: 185px; /* default width for menu */
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
padding: 0 0 0 10px;
margin: 0;
}

.anylinkcss ul {
	margin: 0;
	padding: 10px 10px 15px 10px;
	list-style-type: none;
	float: left;
	display: block;
	width: 130px;
	}

.anylinkcss ul li.header {
	font-size: 14px;
	font-weight: bold;
	font-family: Trebuchet MS;
	text-align: left;
	}

.anylinkcss ul li input.dropdown_inputfield {
	margin: 0 0 10px 0;
	padding: 0 5px 0 5px;
	background:url(/images/soe_images/login_dropdown_bg.png) no-repeat;
	height: 25px;
	width: 171px;
	border: 0px solid;
	color: #9c9c9c;
	}
	
#password-clear {
    display: none;
}

.anylinkcss ul li a {
	display: block;
	border-bottom: 1px solid #4b4b4b;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	font-family: Arial;
	color: #9c9c9c;
	padding: 3px 0 2px 0;
	}

.anylinkcss ul.no_style li a {
	display: block;
	border-bottom: 0px solid #4b4b4b;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	font-family: Arial;
	color: #9c9c9c;
	padding: 3px 0 2px 0;
	}

.anylinkcss a:hover{ /*hover background color*/
color: white;
}

.anylinkcss ul.no_style li .login_footer {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 10px;
	display: inline;
	}
	
.anylinkcss ul.no_style li a.login_subtext {
	margin: 0;
	padding: 0;
	color: #35a8ff;
	display: inline;
	font-size: 10px;
	}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
}

.selectedanchor{ 
background: #383838 center 5px !important;
color: #fff !important;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
}

#welcomeHero {
	margin: -15px 0 0 0;
	padding: 20px 5px 0 5px;
	background: #2d2d2d;
	border: 1px solid black;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	height: 270px;
	}

#slideshow-main {
	width:730px;
	height: 255px;
	padding: 0 10px 0 0;
	margin: 0;
	float:left;
}

#slideshow-main ul {
	margin:0;
	padding:0;
	width:730px;
	height:255px;
	position: relative;
	left: 0;
}

#slideshow-main ul li {
	width:730px; 
	height:255px;
	display:none;
}

#slideshow-main ul li.active {
	display:block !important;
}

#slideshow-main ul li span.opacity {
	position:absolute;
	bottom:0; 
	left:0;
	display:block; 
	width:100%;
	height:60px;
	z-index:500;
}

#slideshow-main ul li div.content {
	position: absolute;
	top: 196px; 
	left:0;
	display: block; 
	width: 730px;
	height: 59px;
	z-index: 1000;
	text-align: left;
	background: url(/images/soe_images/slider_nav_bg.png) top repeat-x;
}

#slideshow-main ul li div.content div.button{
	margin: 5px 10px 0 5px;
	background-repeat: no-repeat; 
	width: 240px; 
	height: 49px; 
	float: left;
	cursor: pointer;
	}

#slideshow-main ul li div.content h1 {
	font-size:20px;
	font-family: Trebuchet MS, Arial;
	font-weight: bold;
	margin: 0;
	padding:5px 0 0 0;
	color:#fff;
	cursor: pointer;
}

#slideshow-main ul li div.content p {
	font-size:12px;
	font-family: Arial;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color:#fff;
	cursor: pointer;
}

#slideshow-carousel {
	float:left; 
	width:235px;
	position:relative
}

#slideshow-carousel ul {
	margin:0; 
	padding:0;
	list-style:none;
}

#slideshow-carousel li {
	height:43px; 
	position:relative
}

#slideshow-carousel li .arrow {
	left:3px; 
	top:28px; 
	position:absolute; 
	width:20px; 
	height:40px; 
	background:url(images/arrow_white.png) no-repeat 0 0; 
	display:block;
}

#slideshow-carousel li a {
	background:#000;
	display:block; 
	width:245px;
	height:44px;
}


#slideshow-carousel .active {
	filter:alpha(opacity=100); 
	-moz-opacity:1.0; 
	-khtml-opacity: 1.0; 
	opacity: 1.0;
}

#slideshow-carousel .faded {
	filter:alpha(opacity=40); 
	-moz-opacity:0.4; 
	-khtml-opacity: 0.4; 
	opacity: 0.4;
}

.footer_images {
	height: 65px; 
	margin: 15px 10px 0 20px; 
	float: left;
	width: 285px;
	}
	
.footer_images a {
	display: block;
	float: left;
	margin: 0 15px 0 0;
	}

.flags {
	margin: 20px 0 0 20px;
	padding: 0;
	float: left;
	height: 20px;
	width: 250px;
	text-align: center;
	}
	
.flags a {
	display: block;
	float: left;
	margin: 0 15px 0 0;
	}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/images/modal_close.jpg) no-repeat top center; width:14px; height:14px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
.prestitial.container{
	position:relative;
	display:block;
	width:758px;
	height:530px;
	background-color:#000000;
}

.prestitial.dcuo{
	position:relative;
	display:block;
	left:15px;
	top:15px;
	width:728px;
	height:500px;
	background-image:url(/images/en/prestitial_dcuo_bg.jpg);
	background-repeat:no-repeat;
}
a.prestitial_button.dcuo{
	position:relative;
	display:block;
	width:260px;
	height:63px;
	background-image:url(/images/en/prestitial_dcuo_btn.png);
	background-repeat:no-repeat;
	top: 380px;
	left: 460px;
}
a.prestitial_linkhome{
	position:absolute;
	width:216px;
	height:12px;
	display:block;
	color:#F7B717;
	top: -17px;
	left: 530px;
    font-family: arial;
    font-size: 0.8em;
    font-weight: normal;
}