@import url("http://fonts.googleapis.com/css?family=Orbitron");
@import url("http://fonts.googleapis.com/css?family=Droid+Sans");

/* Overiding Default Layout */
h1, h2, h3, h4, h5, h6 { font-family: 'Orbitron', arial, serif; color:#fff; }
th, h1, h2, h3, h4, h5, h6 { font-weight:normal; }
.actionArea { width:936px; }
body { background:#2a5d7e url(background.jpg) center 5px no-repeat; min-width: 940px; font-family: 'Droid Sans', arial, serif; color:#fff; font-size:12px; }

.vidonly { } /* Used for sites with only ONE video */
.wideCompBox { width:522px; }
.lastCompBox { width:350px; }
.actionArea .branding{ position: relative; top: -20px; }
.leading, .trailing { display: none; }
.ubiSubBar {  }
.header { background:none !important; }
.partners { position:relative; top:155px; }
.widgetNoTitle .widgetMainBox { margin:0px; }
.widgetNoTitle { padding:30px 35px; }
p.legal { text-align:left; font-family: Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF; }

/* loader */
.loadingMessage p{ font: bold 13px Arial, Helvetica, sans-serif; background:url("spinner.gif") no-repeat scroll center bottom transparent; color:#fff; padding-bottom:35px; }

/* Body */
.e3-home .main{ top:150px; background:none; border:none; width:936px; background:url(box-background.png) repeat; }
.e3-home h4 { font-size:27px; line-height:27px;}

/* Header */
.e3_logo_main_inner { position:absolute; left:-5px; top:25px; }
/*-- Preorder Text Method */
.e3_preorder_main_inner { position:absolute; top:53px; right:0px;}
.e3_preorder_main_inner .packshot { float:left; }
.e3_preorder_main_inner a { width:238px; height: 124px;  overflow: hidden; display: block; position:relative; text-decoration:none; }
.e3_preorder_main_inner a img {position:absolute; top:0; left:0; width:133px !important; height: 248px !important; }
.e3_preorder_main_inner a img:hover{ top:-124px;}
.e3_preorder_main_inner a span { position:absolute; top:20px; right:-5px; margin-top:10px; font-weight:bold; letter-spacing:-1px; word-wrap:break-word; width:113px; text-decoration:none; text-transform:uppercase; color:#fff; font-size:25px; font-family:'Orbitron', arial, serif;  height: 65px; line-height:25px; overflow: hidden; display: block; text-shadow:1px 1px 5px #000; float:left; }
.fblikeWrap { position:absolute; left:15px; top:180px; z-index:9999; }
span.gbutton { display: block; position: absolute; left: 310px; top: 183px; z-index: 9999; }

/* Register Button */
.registerbut_header { position:absolute; top:30px; left:738px; }
.registerbut_header  a.button { font-weight:normal; display:block; background:url("e3butsprite.png") no-repeat scroll 100% -112px transparent; height:26px; color:#bebebe; padding-right:12px; text-decoration:none; cursor:pointer; }
.registerbut_header  a.button:hover { display:block; background:url("e3butsprite.png") no-repeat scroll 100% -142px transparent; height:26px; color:#bebebe; padding-right:12px; text-decoration:none; cursor:pointer; }
.registerbut_header    a.button span { text-shadow:1px 1px 1px #000000; clear:left; display:block;  font-family: arial, serif; font-size:10px; display:block; text-transform:uppercase; background:url("e3butsprite.png") no-repeat scroll 0 0 transparent; line-height:27px; height:26px; position:relative; white-space:nowrap; padding:1px 0 0 12px; }
.registerbut_header	  a.button:hover span { text-shadow:1px 1px 1px #000000; clear:left; display:block;  font-family: arial, serif; font-size:10px; display:block; text-transform:uppercase; background:url("e3butsprite.png") no-repeat scroll 0 -31px transparent; line-height:27px; height:26px; line-height:27px; height:26px; position:relative; white-space:nowrap; padding:1px 0 0 12px; }
.registerbut_header    a.button:active { position:relative; left:1px; top:1px; }
  
/* Carousel */
.e3_main_carousel { width:865px; margin:0 auto; padding-top:40px; }
.e3_main_carousel .carouselThumbsBox{ width: 798px; }
  .carouselThumbWrap { background:transparent url(e3th_overlay.png) no-repeat 0px 0px; }
    .carouselThumbWrap .carouselFocusBox { margin-right: 24px; width: 140px; height: 80px; border:none; background-color:#000; opacity:0.3; filter:alpha(opacity=30) }
  .carouselSelected  .carouselFocusBox { opacity:1; filter:alpha(opacity=100) }
  .carouselZoomBox {  margin-bottom:15px;}
  .carouselControlsPos{ top: 16px; }
  .carouselNavPrev{ background:transparent url(previousBtn.gif) no-repeat left top; width: 21px; height: 72px; border: none; margin-left: 35px; }
  .carouselNavNext{ background:transparent url(nextBtn.gif) no-repeat left top; width: 21px; height: 72px; border: none; margin-right: 35px; }
  .carouselNavPrev:hover,.carouselNavNext:hover{ background-position: -21px 0px; }
  .carouselControlsBox{}
.e3_main_carousel .widgetMainBox .carouselZoomBox .carouselFocusBox{ background:transparent url("e3carousel_cont.png") no-repeat; border:none; width: 851px; height: 475px; margin-bottom: 11px; padding:5px; }
.e3_main_carousel .widgetMainBox .carouselZoomBox .shareThisBox{ display: none; height: 0px; }

/* Video Carousel */
.e3-home .video { padding:30px 35px; margin:0 auto; }
.e3-home a.videoplayer { margin:0 auto; width:851px; height:475px; border:none; margin-bottom:11px; background:transparent url("e3carousel_cont.png") no-repeat; padding:5px; }

/* Video */
.vidonly .video { margin:0 auto; }
.vidonly a.videoplayer { margin:0 auto; width:851px; height:475px; margin-bottom:11px; background:transparent url("e3carousel_cont.png") no-repeat; padding:5px 4px; }

/* News Container */
sum.featured, .e3-news h2, .credits-news h2, .e3-news .date, .credits-news .date, .e3-news b.caption,  .credits-news b.caption { display:none; }
.e3-news { background:transparent url("e3news_cont.png") no-repeat; width:795px; padding:5px; position:relative; left:70px; }
.e3-news .tn img{ border:none; width:140px; height:80px; }
.e3-news  .txt { padding-left:165px; }
  .e3-news  .txt  h4{ margin:0px; }
  .e3-news  .txt a { margin:0px; }
.e3-news .sum  { border:none; margin-bottom:10px; width:94%; }

.credits-news { no-repeat; width:795px; padding:20px; position:relative; left:20px; top: 50px;}
.credits-news .tn img{ border:none; width:140px; height:80px; }
.credits-news  .txt { padding-left:165px; }
  .credits-news  .txt  h4{ margin:0px; }
  .credits-news  .txt a { margin:0px; }
.credits-news .sum  { border:none; margin-bottom:10px; width:94%; }

#scrollable { height:294px; padding:15px; }

/* Facebook Activity Feed */
.facebook_block { margin:15px 0 0 69px; border:1px solid #8f8e8e; background:#000; padding:20px; background:#000000 url("e3recent_cont.png") no-repeat; border:none; height:362px;  }
.facebook_header, .facebook_content, .facebook_block { width:386px; }
  .e3-home h2{ font-size:14px; margin:0 0 10px; padding:5px 0 0 31px; background:url("fblogo.png") no-repeat scroll -8px -3px transparent; height:31px; width:355px; border-bottom:1px solid #8f8e8e; }
  
 /* Promo and Register*/
 .promo_reg { margin:15px 5px 0 0; }
 .promo, .register_but  { background-color:#000; border:1px solid #8f8e8e; padding:20px; }
 .promo { background:#000000 url("e3promo_cont.png") no-repeat; border:none; }
 .register_but { background:#000000 url("e3regbut_cont.png") no-repeat; border:none; margin-top:26px; }
 .register_but   a.button { display:block; background:url("e3butsprite.png") no-repeat scroll 100% -172px transparent; height:45px; color:#bebebe; padding-right:30px; text-decoration:none; cursor:pointer; }
  .register_but   a.button span { text-shadow:1px 1px 1px #000000; clear:left; display:block; color:#fff; font-weight:bold; font-family: 'Orbitron', arial, serif; font-size:15px; display:block; text-transform:uppercase; background:url("e3butsprite.png") no-repeat scroll 0 -66px transparent; line-height:45px; height:45px; position:relative; white-space:nowrap; padding:0 0 0 30px; }
  
/* Footer */
.e3-footer { margin-top:35px }
.banner { text-align:center; }
.partners .banner  img{ background:#000000 url("e3banner_cont.png") no-repeat; padding:12px 16px; background-color:#000; }
.esrb_pc { margin-bottom:28px; }
.partnersLogoCaption { color:#fff; }
.footer .legal { color: #fff; text-align:left; font-size:11px; font-family: 'Droid Sans', arial, serif; padding-bottom:30px; }

/*-- JSCROLLPANE SPECIFIC CSS --*/
.jScrollPaneContainer { 	position: relative;	overflow: hidden; z-index: 1; }
.jScrollPaneTrack {	position: absolute;	cursor: pointer; right: 0; top: 0; height: 100%; background: #1b1d1c; height:100%; right:10px; top:0px; }
.jScrollPaneDrag { position: absolute; background: #838383; cursor: pointer;	overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute;	bottom: 0; left: 0;	overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0;	text-indent: -2000px; overflow: hidden;	/*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block;	position: absolute;	z-index: 1;	bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/}

#flags{
    clear: both;
    margin: 20px auto;
    width: 200px;
}

#flags ul{
	list-style-type:none;
}

#flags li{
	float:left; 
	margin-right:10px;
}