﻿html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, time {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */

pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; overflow-x: hidden; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }

a:hover, a:active { outline: none; }

a, a:active { color: #384771; }
a:hover { color: #036; }



ul, ol { margin-left: 0; list-style-type: none; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
b, strong, th { font-weight: 700; }

td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

.ie6 legend, .ie7 legend { margin-left: -7px; } 

button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; }

textarea { overflow: auto; vertical-align:text-top; }

label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

input::-moz-focus-inner,
button::-moz-focus-inner { border: 0; padding: 0; }

input:valid, textarea:valid {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; box-shadow: 0 0 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {
  color: #444;
  font-family: Verdana, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

::-moz-selection { background: #fe57a1; color:#fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; } /* j.mp/webkit-tap-highlight-color */


/**
 * Primary styles
 *
 * Author: John Bacon, Ubisoft Red Storm
 * Author: Xi Shuang, Ubisoft Shanghai
 */



/*  Fonts (Regular and TitleTwo Bold from the UbisoftText font family)


@font-face{ 
  font-family: 'UbisoftText';
  src: url('ubitxtr-webfont.eot');
  src: url('ubitxtr-webfont.eot?#iefix') format('embedded-opentype'),
       url('ubitxtr-webfont.woff') format('woff'),
       url('ubitxtr-webfont.ttf') format('truetype'),
       url('ubitxtr-webfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Basic HTML elements
-----------------------------------------------------------------------------*/

html, body { font-size: 12px; height: 100%;}


/*  General use classes
-----------------------------------------------------------------------------*/

.main {float:left;}

.struct{display:block;position:relative;}

.actionArea { width: 970px; margin:0 auto; min-height: 100%; height: auto !important; height: 100%; margin-bottom:-100px;}

.section /* extend struct */{clear:both;width:auto;}

.openLayout .wideCompBox .widget {
  width: 970px;
}

.wideCompBox {
    width:100%;
    clear:both;
    float:none;
    zoom:1;
    _display:inline;
    display:inline;
}

.compBox {display:block;float:left;}

.ie6 .main{display:inline;zoom:1;margin:0 -3px;}

.ie6 .leading {left:3px;}

.spliter {
  padding-bottom: 10px;       
}

.widgetHeader{ height:40px;}

.vnav {
  padding: 0;
}

.vnav li.AspNet-Menu-WithChildren > ul > li.AspNet-Menu-WithChildren > ul { 
  margin-left: 10px; 
} 

.hnav A,.vnav A{display:block;text-decoration:none;color:inherit;}
.vnav A{margin-left:1em;}
.vnav A.navRevealer{position:absolute;width:1em;display:block;text-decoration:none;margin-left:0;}

.vnav .AspNet-Menu-WithChildren LI{padding-left:10px;}
.vnav .AspNet-Menu-WithChildren LI span{font-size:11px;}
.hnav .navMenuList{display:table;text-align:center;margin:0 auto;}
.ie6 .hnav .navMenuItem,.ie6 .hnav .AspNet-Menu-Leaf,.ie6 .hnav .AspNet-Menu-WithChildren{float:left;display:inline;zoom:1;}
.ie7 .hnav .navMenuItem,.ie7 .hnav .AspNet-Menu-Leaf,.ie7 .hnav .AspNet-Menu-WithChildren{float:left;display:inline;}
.hnav .navMenuItem,.hnav .AspNet-Menu-Leaf,.hnav .AspNet-Menu-WithChildren{display:table-cell; padding: 5px;}

.invisible,.no-js .actionArea,.no-js .section,.loading .actionArea,.loading .section{visibility:hidden;}
.no-js .loadingMessage,.js .noJsMessage,.widgetNoTitle .widgetTitleBox,.hnav .navRevealer,.carouselNoCaptions .carouselThumbCaption,.carouselNavPause,.carouselShader .shareThisBox{display:none;}

/*  General Widget - Accordion
-----------------------------------------------------------------------------*/

.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;zoom:1;font-weight:400;margin:0; background-color:Gray;border: 1px solid #444444;}
.ui-accordion .ui-accordion-header-active{border-bottom:0 !important;}
.ui-accordion .ui-accordion-header a{display:block;font-size:14px; text-decoration:none; color: Black;}
.ui-accordion .ui-accordion-header .ui-icon{position:absolute;left:.5em;top:50%;margin-top:-8px;}
.ui-accordion .ui-accordion-content{border-top:0;margin-top:-2px;position:relative;top:1px;margin-bottom:2px;overflow-y:auto;overflow-x:hidden !important;}
.accordion-wrap { height:200px;}

/*  General Widget - Tabs
-----------------------------------------------------------------------------*/

.ui-tabs{zoom:1;}
.ui-tabs .ui-tabs-nav{list-style:none;position:relative;padding:.2em .2em 0;}
.ui-tabs .ui-tabs-nav li{position:relative;float:left;border-bottom-width:0 !important;margin:0 .2em -1px 0;padding:0;}
.ui-tabs .ui-tabs-nav li a{float:left;text-decoration:none;padding:.5em 1em;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:text;}
.ui-tabs .ui-tabs-panel{display:block;background:none;clear:both;border-width:0;padding:1em 0.5em;}
.ui-tabs .ui-tabs-nav li:last-child {
  border-right: none;
}

.ui-accordion .ui-accordion-li-fix,.carouselPlayMode .carouselNavPause{display:inline;}
.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a,.page .tn img,.jPaginate span{cursor:pointer;}
.ui-tabs .ui-tabs-hide,.vnav .navSuperMenuClosed LI,.carouselPlayMode .carouselNavPlay,.carouselNoPlay .carouselNavPlay,.carouselNoPlay .carouselNavPause{display:none !important;}


/*  General Widget - Filter
-----------------------------------------------------------------------------*/

.filter { 
  height: 25px;
}

.filter > div {
 float : left;
}

.filterTitle {
  font-size: 14px;
  text-shadow: 0 1px 0 #fff;
  line-height: 22px;
}

.columnLayout .main .filter hr {
  clear: both;
  margin: 35px 0 20px -8px;  
  padding-top: 10px;
  width: 690px;
}
.columnLayout .filter {
  margin-left: 8px;
  margin-top: 10px;
  width: auto;
}

.styled-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  width: 155px;
  font-size: 12px;
  border: 1px solid #d7d7d7;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  height: 24px;
  cursor: pointer;
}

.styled-select {
  margin-left: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 135px;
  height: 24px;
  overflow: hidden;
  background: url(filter-pulldown.png) 110px 1px no-repeat;
}

/*  General Widget - Live Feed
-----------------------------------------------------------------------------*/

.feed .date{ float:left; }
.feed .like{ float:right; width:68px;}
.feed .body{ float:left; clear:both;}
.feed .tn {
  width: 27px;
  display: block;
  margin-right: 12px;
}

.feed .logo {
  height: 27px;
  width: 27px;
  margin: 0;
  cursor: pointer;
}

.feed .txt {
  display: block;
  float: left;
  margin-bottom: 10px;
  width: 280px;
}

.game .borderWrap .feed .txt
{
    width:251px;
}

.feedTwitter .logo {
  background: url(twitter-logo-small.png) no-repeat scroll 0 0 transparent;
}

.feedFacebook .logo {
  background: url(facebook-logo-small.png) no-repeat scroll 0 0 transparent;
}

.feedYoutube .logo {
  background: url(youtube-logo-small.png) no-repeat scroll 0 0 transparent;
}

/*  General Widget - Content Summary Dynamic
-----------------------------------------------------------------------------*/

.sum{clear:both;}
.sum.featured,.sum{width:98%;display:block;}
.home .sum.featured,.home .sum{width:100%}
.home .shareThisBox { display:none;}
.tn{float:left;}

/*  General Widget - Video
-----------------------------------------------------------------------------*/
.video > a{display:block; height:250px;}
.videoplayer img { width:350px; height:250px}

/*  General Widget - Carousel
-----------------------------------------------------------------------------*/

.carousel {position:relative;}
.carouselNavPrev {float:left;}
.carouselNavNext {float:right;}
.carouselImageScroll .carouselFocusBox{overflow:auto;}
.carouselImageScroll .carouselThumbWrap{overflow-y:auto;}
.carouselFocusBox{overflow:hidden;display:block;text-align:left;text-decoration:none;color:inherit;padding:0;}
.carouselThumbCaption{display:block;text-align:center;white-space:normal;overflow:hidden;}
.carousel .shareThisBox{position:absolute;top:100%;right:0;text-align:right;}
.carouselShader{position:absolute;top:0;left:-100%;visibility:hidden;}
.carouselShaderEffect{display:none;position:absolute;top:0;left:0;height:100%;width:100%;background:url(shader_stripes.gif) repeat;}
.carouselShader .carouselShaderEffect{background-position:1px 0;}
.carouselZoomBox .carouselFocusBox { width: 240px; height: 150px; }
.carouselHover .carouselNavPlay,.carouselHover .carouselNavPause{visibility:visible;}
.ie6 .carousel{overflow:hidden;}
.carousel .widgetTitleArea{top:10px;}
.carousel .widgetMainBox{text-align:center;overflow:hidden;}
.carouselZoomBox{display:inline-block;position:relative;margin-bottom:5px;}
.carouselPlaceholder{width:100%;height:100%;}
.carouselControlsBox{position:absolute;left:15px;}
.carouselThumbControlsBox{position:absolute;left:15px;}
.carouselControlsPos{position:relative;top:50%;}
.carouselNavButton{position:relative;top:-1em;}
.carouselDetailBox{display:none;font-size:80%;width:auto;text-align:left;overflow:auto;}
.carouselDetailTitle{margin-left:10px;margin-top:0;}
.carouselDetailText{margin-left:10px;}
.carouselDetailDateStamp{float:right;margin:0 10px;}
.carouselThumbsBox{overflow:hidden;width:380px;margin:0 auto;position:relative;}
.carouselThumbsCont{position:relative;white-space:nowrap;text-align:left;list-style:inside none;margin:0;padding:0;}
.carouselThumbWrap{display:inline-block;vertical-align:middle;overflow:hidden;list-style:none;margin-right: 13px;padding:0;}
.ie6 .carouselThumbWrap, .ie7 .carouselThumbWrap{float:left;display:block;}
.ie6 .carouselZoomBox,.ie7 .carouselZoomBox{display:inline;zoom:1;}

/*  General Widget - Wrapper
-----------------------------------------------------------------------------*/
.wrapper .widget{ float: left;}

/* Menu (Dropdown)
-----------------------------------------------------------------------------*/

#menu .about-dropdown {
  width: 214px;
  padding: 14px 0 10px 10px;
}

#menu li:hover .investor-dropdown {
  position: absolute;
  left: -140px;
  padding-left: 15px !important;
  padding-right: 5px !important;
}

#menu li:hover .investor-dropdown .col_1 {
  height: auto;
}

#menu .investor-dropdown .simple li.navMenuItem a {
  padding: 0 0 5px;
}

#menu li:hover .games-dropdown {
  width: 628px;
  position: absolute;
  left: -140px;
  padding: 18px 0 14px 5px !important;
  height: auto;
}

#menu li.nav-investor-center:hover .games-dropdown {width: 410px;}
#menu li.nav-investor-center .col_5 { width: 470px;}

#menu li:hover .games-dropdown .col_1 {
  width: auto;
  margin-left: 13px;
  margin-right: 10px;
}

#menu li:hover .games-dropdown a {
  color: #fff !important;
  width: auto;
}

#menu li .games-dropdown ul {
  margin: 0 0 0 12px;
  height: auto;
}

#menu li .games-dropdown ul li {
  width: 200px;
  float: left;
}


#menu .press-dropdown {
  width: 214px;
  padding: 14px 0 10px 10px;
}

#menu .partners-dropdown {
  
}

#menu .careers-dropdown {
  width: 214px;
  padding: 14px 5px 10px;
}

#menu li {
  float:left;
  display:block;
  text-align:center;
  position:relative;
  border:none;
}

#menu li.hide {
  display:none;
}

#menu li:hover {
  /* border-left: 1px solid #777; */
  
  /* Background color and gradients */
  background: url(nav-active-gradient.png) repeat-x;
}

#menu li a {
  display: block;
  outline: 0;
  clear: both;
}

#menu .simple li.navMenuItem a {
  background: none;
  line-height: 14px;
  height: auto;
  padding: 0 0 10px;
  text-shadow: none;
  font-size:11px;
}

#menu .dropdown_5columns .simple li.navMenuItem a {
  font-size: 12px;
}

#menu .dropdown_3columns .simple li.navMenuItem a,
#menu .dropdown_4columns .simple li.navMenuItem a,
#menu .dropdown_5columns .simple li.navMenuItem a {
  color: #999;
}

.dropdown_1column, 
.dropdown_5columns {
  margin: 4px auto;
  float: left;
  position: absolute;
  left: -999em;
  text-align: left;
  padding: 10px 5px;
  border-top: none;
  background: #000;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.dropdown_5columns .simple {
  height: 130px;
}

.dropdown_5columns .simple :last-child {
  border-right: none;
}

.dropdown_1column { 
  width: 180px; 
}

.dropdown_5columns { 
  width: 700px; 
}

#menu li:hover .dropdown_1column {
  left: -1px;
  top: 38px;
}

#menu li:hover .dropdown_5columns {
  top: 38px;
  padding: 10px;
}

.col_1,
.col_5 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
}

.col_1 { 
  width: 130px; 
}

.col_5 { 
  width: 690px; 
}

#menu ul li {
  font-family: Verdana, Geneva, sans-serif;
  line-height: 21px;
  font-size: 12px;
  text-align: left;
  text-shadow: 1px 1px 1px #fff;
}

#menu li:hover div a {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #fff;
}
#menu li:hover div a:hover {
  text-decoration: underline;
}

#menu li ul {
  list-style: none;
  padding: 0;
  margin: 0 5px 0px;
}

#menu li ul li {
  font-size: 12px;
  line-height: 24px;
  position: relative;
  padding: 0;
  margin: 0;
  float: none;
  text-align: left;
  width: 160px;
}

#menu li ul li:hover {
  background: none;
  border: none;
  padding: 0;
}

/*  Header
-----------------------------------------------------------------------------*/

.header{z-index:100; *margin-top:45px;}

.hnav { 
  margin: 45px 0 17px; padding: 0; 
  height:44px;
  overflow:hidden;
   display: block;
  background:url(menuBar_bg.jpg) repeat-x left top #000; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}

.hnav .sitelogo {
  cursor: pointer; 
  float: left; 
  background: url(nav-logo-transparent.png) 10px 7px no-repeat;
  width: 170px; 
  height: 42px;
}

.hnav ul li { 
  float: left; 
  display: block;
  padding: 0;
  text-align: center; 
  margin: 0; 
  height: auto; 
}

.hnav ul li a { 
  display: block;
  float: left; 
  font-family: Verdana, Geneva, sans-serif;
  color: #fff; 
  background: url(nav-left.png) left top no-repeat; 
  font-size: 12px;
  padding: 14px 7px 6px 12px;
  text-decoration: none; 
  margin: 0; 
  text-shadow: 0 0 1px #FFF;
  height: 24px;
}

.hnav ul li.navMenuItem a { font-family: Verdana, Geneva, sans-serif;}
 
.hnav ul li#lastChild { 
  background: url(nav-left.png) right top no-repeat; 
  height: 42px; 
}

.hnav .navMenuList > li.selected {
  background: url(nav-active-gradient.png) repeat-x;
}

.hnav .navMenuList {
  display: block;
  text-align: center;
}

.hnav .navMenuItem, .hnav .AspNet-Menu-Leaf, .hnav .AspNet-Menu-WithChildren {
  display: block;
  padding: 0 5px 0 0;
  float: left;
}

.hnav input {
  color: #444;
}

.searchBox {
  display:block;
}

.hnav input.searchBox, .hnav .searchBox input.searchBox  
{
    line-height:24px;
    float: left;
    width: 180px!important;
    height: 24px!important;
    *height: 21px !important; 
    font-size: 12px;
    color: #aaa;
    -webkit-border-radius: 3px!important;
       -moz-border-radius: 3px!important;
            border-radius: 3px!important;
    padding-left: 5px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    position: absolute;
    border: none!important;
    right: 9px;
    top: 9px;
    margin-right: 0px!important;
}

.hnav .searchBox input.active {
  color: #444;
}

.hnav input.submit {
  background: url(search-button.png);
  width: 21px;
  height: 20px;
  border: none;
  position: absolute;
  right: 12px;
  top: 12px;
}

.filterButton input {
  border: none;
  background: url(filter-button.png) no-repeat top left;
}

.placeholder {
  color: #444;
}

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

/*  Footer
-----------------------------------------------------------------------------*/

#dialog { height:100px; background: url(footer.png) repeat-x top #000;}

.footer {
  text-align: center;
  margin: 0 auto;
  width: 970px;
  font-size: 11px;
  clear: both;
}

.footer a { 
  display: inline-block;
  margin: 0 6px;
  text-decoration: none;
  color: #fff;
  margin-top: 14px;
}

.footerBox > div { display:block;}
.footerGroup1 { float:left;}
.footerGroup2 { float:right;}
.footerGroup3 { float:right;}
.footerItem { float:left; display:block;}


/*  Home page
-----------------------------------------------------------------------------*/
.home .hnav {
  margin: 45px 0 300px;
}

.home .compBox {
  margin-right: 8px;
  margin-bottom: 10px;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}

.home .contentSummary {
  padding: 0;
}

.home time {
  font-style: italic;
  font-size: 12px;
  margin-bottom: 6px;
  color: #787878;
}

.homeLatestNews time{
  float:left;
}

.home .body {
  font-size: 12px;
  color: #787878;
}

.home .homeLiveFeed .widgetHeader, .home .homeLatestNews .widgetHeader, .homeFeatured .widgetHeader{
  margin: 10px 10px 0;
  font-family: Verdana, Geneva, sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  background: url(widget-header-large.png) top no-repeat;
}

.home .followUs img {
  padding: 0 10px;
}

.home .followUs hr {
  margin: 0;
}

.home .widgetHeader h2 {
  padding: 12px 0 0 11px;
}

.homeLatestNews {
  width: 360px;
  height: 460px;
  *height:471px;
}

.homeLatestNews .like{
    float: right;
    width: 87px;
}

.homeLatestNews .featured .tn {
  width: 150px;   
}

.homeLatestNews .featured .tn img {
  max-height: 138px;
  max-width: 138px;
}

.homeLatestNews .sum .tn {
  text-align: center;
  width: 66px;
}

.homeLatestNews .widgetMainBox {
  background: #eceefa;
  height: 380px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.homeLatestNews img {
  margin: 0 11px 11px 0;
  border: 1px solid #dadada;
}

.home .homeLatestNews .title {
  font-family: Verdana, Geneva, sans-serif;
  color: #384771;
  font-size: 14px;
  line-height: 14px;
}

.home .homeLatestNews .sum .title {
  clear: right;
}

.home .homeLatestNews .featured img {
  margin-bottom: 14px;
}

.home .homeLatestNews .featured .title {
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 6px;
  clear:right;
}

.home .title a, .home .body a {
  text-decoration: none;
}

.home .body a:visited { color:#787878;}


.home .homeLatestNews hr {
  color: #e5e5e5;
  clear: both;
}

.homeLiveFeed {
  width: 360px;
  overflow-y: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
  border: none;
  height: 470px;
}

.homeLiveFeed .widgetHeader {
  background: url(live-feeds.png) top no-repeat;
}

.homeLiveFeed .widgetMainBox {
  background: #eceefa;
  height: 380px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.homeLiveFeed .widgetMainBox .feed {
  float: left;
  *margin-bottom:12px;
}

.homeLiveFeed hr {
  clear: both;
  margin-bottom: 14px;
}

.home .followUs {
  height: 206px;
  width: 230px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
  }

.homeFeatured {
  clear: none;
  width: 230px;
}

.home .main .widgetMainBox {
  margin: 0 10px;
  padding: 20px 10px 10px;
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  border-radius: 0px 0px 4px 4px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}

.homeFeatured .widgetMainBox {
  background-color: #fff;
  height: 300px;
}

.homeFeatured .widgetMainBox .tn {
  float: none;
  text-align: center;
  margin-bottom: 14px;
  margin-top: -10px;
}

.homeFeatured .widgetMainBox .tn img{
  max-height: 100px;
  max-width: 190px;
}

.homeFeatured .widgetMainBox .txt {
  min-height: 192px;
  max-height: 192px;
  z-index: 99999;
  clear: both;
}

.homeFeatured .widgetMainBox .title {
  color: #384771;
  font-size: 16px;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
}


.homeFeatured .widgetMainBox .link {
  position: absolute;
  bottom: 16px;
}

.homeFeatured .txt {
  height: 194px;
  -webkit-border-radius: 0px 0px 8px 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  border-radius: 0px 0px 8px 8px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}

.home .main {
  margin-bottom: 52px;
}

.home .compBox-homeFeatured {
  margin-right: 0;
  background: none repeat scroll 0% 0% rgb(56, 71, 113);
  height: 391px;
}

.home .compBox-followUs {
  margin-right: 0;
  height: 206px;
}

.home .summary .sum .tn img { 
   max-height: 56px;
   max-width: 56px;
}



/* Sidebar styles
-----------------------------------------------------------------------------*/

.sidebar {
  margin-right: 10px;
  width: 230px;
  display:block;
  float:left;
  min-height:730px;
}

.sidebar .vnav a {
  color: #fff;
  display: inline;
  margin: 0;
}

.sidebar .vnav a:hover, .sidebar .vnav a:focus, .sidebar .vnav a:active {
  color: #939393;
}

.sidebar hr {
  margin: 20px 0;
}

.sidebar .AspNet-Menu-ChildSelected > a {
  background-color: transparent;
  line-height: 20px;
}

.sidebar .nav-about-ubisoft /*override for About Ubisoft-style padding*/ {
  padding: 0;
}


/* Column Layout styles
-----------------------------------------------------------------------------*/

.columnLayout .main {
  clear: none;
  padding: 10px;
  width: 710px;
  margin: 0 0 70px;
  background-color: #fff;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.columnLayout .main hr {
  margin: 10px 0;
  width: 690px;
  clear: both;
}

.columnLayout .titleSection {
  background: url(widget-header-main.png) no-repeat;
  height: 40px;
}

.columnLayout .titleSection h2, .columnLayout .titleSection p {
  font-size: 14px;
  padding: 12px 0 0 11px;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 0 1px #fff;
  margin: 0;
}


.columnLayout .titleSection .downloadableItem a,  .columnLayout .titleSection .linkItem a {
  position: absolute;
  right: 20px;
  top: 8px;
}

.columnLayout .main .sum .tn { 
  width:120px; 
  height:120px
}

.columnLayout .main .widgetMainBox {
  color: #787878;
  line-height: 1.4em;
}

.columnLayout .main .widgetMainBox .summary .featured .tn img {
  width: 341px;
  height: 190px;
  margin-right: 13px;
}

.columnLayout .main .widgetMainBox .summary .featured .txt .title {
  font-size: 20px;
  font-family: Verdana, Geneva, sans-serif;
  color: #384771;
  text-decoration: none;
  line-height: 1em;
  margin-bottom: 13px;
}

.columnLayout .main .widgetMainBox .summary .featured .txt .title a {
  text-decoration: none;
}

.columnLayout .main .widgetMainBox .summary .featured .txt .date {
  display: block;
  font-style: italic;
  margin-bottom: 8px;
}

.columnLayout .main .widgetMainBox .summary .tn img {
  width: 108px;
  height: 108px;
  margin-right: 14px;
  /* margin-bottom: 20px; */
}

.columnLayout .main .widgetMainBox .summary .txt .title {
  font-size: 15px;
  font-family: Verdana, Geneva, sans-serif;
  color: #384771;
  text-decoration: none;
  line-height: 1em;
  margin-bottom: 14px;
}

.columnLayout .main .widgetMainBox .summary .txt .title a {
  text-decoration: none;
  color: #384771;
}

.columnLayout .main .widgetMainBox .txt .date {
  font-weight: bold;
}

.columnLayout .main .widgetMainBox .summary .txt .date {
  display: block;
  font-style: italic;
  margin-bottom: 10px;
  line-height: 9px;
}

.columnLayout .main .widgetMainBox .moreFeatured {
  float: left;
  position: relative;
  top: 6px;
  margin-bottom: 10px;
}

.columnLayout .main .widgetMainBox .pager_dynamic {
  float: right;
  clear: none;
  margin-bottom: 12px;
}

.pg-normal {
  font-size: 14px;
  padding: 0;
  color: #384771;
  text-decoration: none;
  float: left;
  display: block;
  padding: 0 8px 2px;
  cursor: pointer; 
}

.pg-unclickable {
  cursor:default;
}

.pg-selected {
  cursor: text;
  color: #000;
}

.prev {
    background: url(prev-caret.png) no-repeat scroll right center transparent;
    text-indent: -9999px;
}

.next {
    background: url(next-caret.png) no-repeat scroll left center transparent;
    text-indent: -9999px;
}


.columnLayout .featured {
  padding-bottom: 20px;
  padding-top: 10px;
}

 .columnLayout .linkList {
  width:auto;
  margin-top:10px;
  padding-left:10px;
  margin-bottom: 20px;
 }
 
.columnLayout .linkList .linkItem {
  margin:0px;
 }
 
.columnLayout .linkItem {
    margin-top: 10px;
    padding-left: 5px;
    width: auto;
}

.columnLayout .shareThisBox {
   padding-top:2px;
}

.downloadableItem > img  {
    display: none;
}

.summary .txt a { text-decoration:none;}

.sum .txt > a, .sum .txt > a:active, .sum .txt > a:visited{ color:#787878;}

/*  About page
-----------------------------------------------------------------------------*/



.leading ul.navMenuList > li.rootPage > a > span {           
  text-shadow: none;             
  text-transform: none;      
  font-size: 12px;           
}  

.breadcrumb {
  height: 31px;
  background: #fff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  margin-bottom: 16px;
}

.breadcrumb #SitemapPath {
  position: absolute;
  left: 7px;
  top: 8px;
}

.breadcrumb #SitemapPath a {
  color: #384771;
  text-decoration: none;
}

.breadcrumb #SitemapPath .separator {
  color: #999;
  padding: 7px;
}

.breadcrumb #SitemapPath .currentNode {
  color: #000;
}

.aboutUbisoftHome .compBox {
  float: none;
  border: none;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.vnav .AspNet-Menu-Vertical .navMenuList {
  padding: 20px 0 20px 10px;
  background: url(nav-bg-light.png) top repeat-x;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  margin-bottom: 10px;
  background-color: #000;
  border: 1px solid #000;
}

.vnav .AspNet-Menu-Vertical .navMenuList hr {
  margin: 5px 10px 10px 0px;
  color: #4c4c4c;
  background-color: #4c4c4c;
  border: #4c4c4c;
  width: 210px;
}

.hnav ul ul, .vnav ul ul {
  margin: 0;
  display: inherit;
}

.vnav .AspNet-Menu-WithChildren li {
  padding: 0;
  color: #fff;
}

.vnav .AspNet-Menu-WithChildren li a {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
}

.vnav .AspNet-Menu-WithChildren li span {
  font-size: 12px;
}

.sidebar .followUs {
  padding: 10px;
  background: #fff;
  height: 186px;
  width: 210px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
  margin: 0 0 162px;
}

.sidebar ul li {
  line-height: 20px;
}

.sidebar .followUs .widgetHeader {
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  background: url(widget-header-small.png) top no-repeat;
}

.sidebar .followUs .widgetHeader h2 {
  padding: 12px 0 0 11px;
  text-shadow: 0 0 1px #fff;
}

.sidebar .followUs hr {
  margin: 0;
  margin-left: 10px;
  width: 190px;
}

.sidebar .ubiSphere img{
  width: 230px;
}

.area1 {
  width: 710px;
  background: #fff;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.areaInner {
  float: left;
  width: 690px;
  background: #f6f6f6;
  -webkit-border-radius: 0px 0px 10px 10px;
      -moz-border-radius-bottomright: 10px;
       -moz-border-radius-bottomleft: 10px;
          border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  padding: 10px;
}


/* About Ubisoft - Home      
-----------------------------------------------------------------------------*/      

.aboutUbisoftHome a.videoplayer img {
  width: 690px;
  height: 387px;
  margin-bottom: 20px;
}

.aboutUbisoftHome a.videoplayer {
  width: 690px;
  height: 387px;
  margin-bottom: 20px;
}

.aboutUbisoftHome .main .image {
  width: 341px !important;
  float: left;
  margin-right: 14px;
}

.aboutUbisoftHome .richtext {
  width: auto !important;
  font-family: Verdana, Geneva, sans-serif;
  color: #787878;
  margin-bottom: 18px;
}

.aboutUbisoftHome .richtext .p1 {
  font-size: 18px;
  line-height: 18px;
  color: #384771;
}

.aboutUbisoftHome .richtext .p1 span {
  color: #000;
}

.aboutUbisoftHome .downloadableItem {
  width: auto !important;
  left: 355px;
  bottom: 0;
}

.aboutUbisoftHome .richtext .ceo {
  color: #000;
  font-size: 15px;
}

/* About Ubisoft - Management      
-----------------------------------------------------------------------------*/
.management .areaInner {       
 background: none;
 padding: 0;
 width:710px;
}

.management iframe 
{       
	width:710px;
	height:342px;
}

/* About Ubisoft - Strategy
-----------------------------------------------------------------------------*/
.strategy .main,  .strategy .area1, .strategy .areaInner{
    background-color: transparent;
    padding: 0;
}

/* About Ubisoft - Facts & Figures      
-----------------------------------------------------------------------------*/      

.factFigures .areaInner {       
 background: none;
 padding: 0;
}

.factFigures .pager { 
  display: none
}

.factFigures .main .ui-tabs .ui-tabs-nav {
  height: 34px;
}

.factFigures .ui-tabs .ui-tabs-nav li {
  width: auto;
  height: 35px;
}

.factFigures .ui-tabs .ui-tabs-nav {
  width: 709px;
  height: 35px;
  border: 1px solid #d7d7d7;
  background: url(grey-gradient.png) top left repeat-x;
  -webkit-border-radius: 5px 5px 0px 0px;
      -moz-border-radius-topright: 5px;
       -moz-border-radius-topleft: 5px;
         -border-radius: 5px 5px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.factFigures .factFiguresOverview ul {
  width: 688px;
}

.factFigures .factFiguresOverview ul li {
  padding: 12px 10px 0;
  color: #000;
}

.factFigures .factFiguresOverview ul li:nth-child(odd) {
  background: #f2f3f5;
}

.factFigures .factFiguresOverview ul li p {
  width: 285px;
}

.factFigures .factFiguresOverview ul li p span {
  color: #787878;
  width: 360px;
  position: relative;
  left: 318px;
  bottom: 13px;
}

.factFigures .lastUpdate {
  margin: 20px 0 0;
  float: right;
  font-style: italic;
  color: #787878;
}

.factFigures .ui-tabs .ui-tabs-nav span {
  font-size: 15px;
}

/* About Ubisoft - World Presence - Home      
-----------------------------------------------------------------------------*/  
.worldPresence .main {
  width: 720px;
  padding: 5px;
}

.worldPresence iframe {
    height: 345px;
    width: 724px;
}

div .about-management
{
  width:710px;
  height:342px;
}

.worldPresence .main .areaInner {
  background:none;
  padding: 0;
}

.worldPresence .filterCategory .styled-select {
    background: url("filter-pulldown.png") no-repeat scroll 260px 1px transparent;
    width: 280px;
}

.worldPresence .filterCategory .styled-select select {
    width: 300px;
}

/* Investor Center - Documentation Center - Annual General Meeting
-----------------------------------------------------------------------------*/

.annualGeneralMeeting .main {
  width: 704px;
  margin-left: 6px;
}

.annualGeneralMeeting .titleSection {
  -webkit-border-radius: 0px 6px 0px 0px;
  -moz-border-radius-topright: 6px;
  border-radius: 0px 6px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 704px;
}

.annualGeneralMeeting .areaInner {
  border: 1px solid #d7d7d7;
  background: none;
  padding: 0;
  width: 703px;
}

.annualGeneralMeetingTabs li {
  width: auto !important;
}

.annualGeneralMeetingTabs > .pager {
  display: none;
}

.annualMeetingTab {
  position: relative;
  left: 0 !important;
  top: -2px;
}

.annualMeetingTab .ui-tabs-nav li {
  width: 87px !important;
}

.annualGeneralMeeting .ui-tabs .ui-tabs-panel {
  padding: 0;
}

.annualGeneralMeeting .downloadableGroup {
  margin: 20px 0;
}

.annualGeneralMeeting .downloadableItem {
  padding: 10px;
}

.annualGeneralMeeting .ui-tabs .richtext {
  padding: 10px;
  width: 675px !important;
}

.annualGeneralMeeting .ui-tabs .richtext p {
  margin: 15px 0;
}

.annualGeneralMeeting .tabs .panelPager {
  display:none;
}

.annualGeneralMeeting .downloadableGroupDynamic .downloadTypePDF a {
  background: url("icon-pdf.png") no-repeat scroll left center;
}

.annualGeneralMeeting .downloadableGroupDynamic .downloadTypeExcel a {
  background: transparent url(icon-xls.png) no-repeat center left;
}

.annualGeneralMeeting .downloadableGroupDynamic .downloadTypeImage a {
  background : transparent url(icon-jpg.png) no-repeat center left;  
}

.annualGeneralMeeting .downloadableGroupDynamic .downloadTypePDF a {
  background: transparent url(icon-pdf.png) no-repeat center left;   
}

.annualGeneralMeeting .downloadableGroupDynamic .downloadTypeWebcast a {
  background: transparent url(icon-audio.png) no-repeat center left;   
}

.annualGeneralMeeting .downloadableGroupDynamic .downloadableItem a {
    padding: 5px 20px 5px 25px;
}

.annualGeneralMeeting .downloadableGroupDynamic .downloadableItem {
    margin: 15px 0 12px;
}

/* Investor Center - Annual Reports
-----------------------------------------------------------------------------*/
.annualReports .ui-tabs .ui-tabs-nav li a, .resultsSales .ui-tabs .ui-tabs-nav li a, .regulatedInformation .ui-tabs .ui-tabs-nav li a, .annualGeneralMeeting .ui-tabs .ui-tabs-nav li a{
  padding: 8px 10px 9px;
}

.annualReports .main {
  width: 704px;
  margin-left: 6px;
}

.annualReports .downloadableItem .size {
 display: none;
}

.annualReports .annualReportTabs .ui-tabs-panel img {
  border:1px solid #D7D7D7;
}

.annualReports .downloadableGroup .downloadableItem {
  padding-bottom: 10px;
}

.annualReports .areaInner {
  border: 1px solid #d7d7d7;
  background: none;
  padding: 0;
  width: 703px;
}

.annualReports .titleSection {
  -webkit-border-radius: 0px 6px 0px 0px;
  -moz-border-radius-topright: 6px;
  border-radius: 0px 6px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 704px;
}

.annualReports .areaInner .image {
  width: auto !important;
  margin-left: 20px;
  margin-right: 10px;
  margin-bottom:10px;
  float: left;
}

.annualReports .areaInner .downloadableGroup {
  float: left;
  width: auto !important;
  position: relative;
}

.annualReports .downloadableGroup .pager { 
  display: none;
}

/* Investor Center - Press Releases
-----------------------------------------------------------------------------*/
.investorPressReleaseAll .date {
  font-weight: bold;
}

/*  Root - Contact Us
-----------------------------------------------------------------------------*/

.contactItem {
  width: 340px;
  height: 220px;
  float: left;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 20px;
}

.contactItemWide {
  float: left;
  height: 250px;
  margin-top: 20px;
  width: 100%;
}

.contactTitle {
  font-size: 14px;
  text-transform: uppercase;
  color: #384771;
  font-family: Verdana, Geneva, sans-serif;
  margin: 0 0 20px;
}

.contactItem img, .contactItemWide img {
  width: 149px;
  height: 149px;
  float: left;
  margin-right: 10px;
}

.contactItemDetails {
  float: left;
  margin: 10px 0;
  color: #787878;
}

.contactItemDetails span {
  font-size: 15px;
  color: #384771;
  font-family: Verdana, Geneva, sans-serif;
}

.contactItemWideDetails {
  width: 424px;
  margin-right: 10px;
}

.otherPressContacts {
  position: relative;
  bottom: 5px;
  left: 500px;
}


/* Investor Center - Stock Information - Financial Analysts
-----------------------------------------------------------------------------*/
.financialAnalysts td  
{
    padding-top: 5px;
    padding-bottom: 5px;
     border-bottom: 1px solid #E5E5E5;
}

.financialAnalysts .attributes {
  padding-top: 15px;
  padding-bottom: 10px;  
}

.columnLayout .financialAnalysts hr {
  margin: 10px 0 0;
  color: #e2e2e2;
  border-color: #e2e2e2;
}

.financialAnalysts .columnTitles0 {
  width: 344px;
  font-style: italic;
  float: left;
}

.financialAnalysts .columnTitles1 {
  width: 200px;
  font-style: italic;
  float: left;
}

.financialAnalysts .columnTitles2 {
  width: 144px;
  font-style: italic;
  float: left;
}

.financialAnalysts .body { 
  width: 690px;
}  

.financialAnalysts .financialItem {
  height: 52px;
  padding: 10px 0;
  border-bottom: 1px solid #e2e2e2;
}

.financialAnalysts .company {
  float: left;
  width: 344px;
}

.financialAnalysts .company img {
  float: left;
  margin-right: 10px;
}

.financialAnalysts .company p {
  color: #384771;
  font-size: 15px;
  font-family: Verdana, Geneva, sans-serif;
  float: left;
  position: relative;
  top: 18px;
}

.financialAnalysts .name {
  width: 200px;
  float: left;
}

.financialAnalysts .name p {
  position: relative;
  top: 18px;
}

.financialAnalysts .localization p {
  position: relative;
  top: 18px;
}

/* History
-----------------------------------------------------------------------------*/
.timeline .main {
 background-color : transparent;
 padding: 0;
}

.timeline iframe 
{
	width:730px;
	height:342px;
}

.timeline .areaInner
{
  background-color: transparent;
  padding: 0;
}

.timeline .area1 {
  background-color: transparent;
  padding: 0;
}

/* Games - Home
-----------------------------------------------------------------------------*/
.games .subTitle {
  display:none;
}

.games .areaInner { width: 730px;}

.games .latestGameReleases .panelPager {
  top: 0px;
}

.games .main {
 background-color : transparent;
 padding: 0;
}

.games .areaInner, .games .area1 {
  background-color: transparent;
  padding: 0;
}
/* Games - Game 
-----------------------------------------------------------------------------*/
.game .carouselThumbItem
{
    height: 47px;
    width: 54px;
}

.game .brandRight a{
  cursor: pointer;
}

div.game .brandLeft {       
  width: 397px;
  float: left;
  margin-right: 18px;
}


div.game .brandLeft .title {
  font-size: 20px;
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin: 20px 0 15px;
}

.game .brandLeft .description p {
  font-size: 12px;
  color: #333;
  margin-bottom: 20px;
}


.game .brandRight {
  width: 271px;
  float: right;
}

.game .brandVideo {
  width: 397px;
  height: 218px;
}

.game a.videoplayer {
  height: 218px;
}

.game .brandVideo a.videoplayer img {
  width: 397px;
  height: 218px;
}

.game .carouselZoomBox, .game .carouselFocusBox, .game img.carouselZoomItem {
  width: 251px;
  height: 208px;
}

.brandCarousel .carouselThumbsBox { height: 0px;}

.game .brandCarousel .carouselNavButton {
  text-indent: -9999px;
  border: 0 none;
}

.game .brandCarousel .carouselNavPrev {
  background: url(games-carousel-prev.png) no-repeat scroll center transparent;
  height: 71px;
  width: 28px;
}

.game .brandCarousel .carouselNavNext {
  background: url(games-carousel-next.png) no-repeat scroll center transparent;
  height: 71px;
  width: 28px;
}

.columnLayout .brandRight .borderWrap .brandCarousel .widget, .brandCarousel .carouselThumbsBox {
  width: 252px;
  left: 0;
}

.game .carouselThumbWrap {
  margin-right: 1px;
  margin-bottom: 1px;
}

.game .carouselZoomBox {
  display: inherit;
}

.brandCarousel .carouselThumbWrap .carouselFocusBox {
  width: 62px;
  height: 54px;
}

.officeCarousel .carouselThumbWrap .carouselFocusBox img{
  width: 65px;
  height: 56px;
}

.game .carouselControlsBox {
  position: absolute;
  width: 251px;
  left: 0;
  overflow: visible;
  z-index: 999;
  height:165px;
}

.opacity .game .carouselSelected {
  opacity: 0.6;
}

.no-opacity .game .carouselSelected {
  border: 1px solid blue;
  width: 60px;
  height: 52px;
}


.game .borderWrap {
  width: 251px;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  overflow:hidden
}

.game .siteLink {
  background: url(brand-site.png) no-repeat;
  width: 88px;
  height: 24px;
  position: relative;
  left: 10px;
  margin-bottom: 20px;
}

.game .fbButton {
  background: url(games-visit-facebook.png) no-repeat;
  width: 144px;
  height: 24px;
  position: relative;
  margin: 10px 0 2px;
}

.game .borderWrap .tn {
  margin-right: 12px;
  /*margin-bottom: 10px;*/
}

.game .borderWrap .brandYoutubeLink .button {
  background: url(games-subscribe.png) no-repeat;
  height: 24px;
  width: 156px;
  margin: 0 0 2px;
}

.game .borderWrap .title a {
  text-transform: uppercase;
  color: #384771;
  text-decoration: none;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
}

.game .brandUbiShopLink {
  width: 271px;
  height: 132px;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  background: #fff;
  margin-bottom: 20px;
}

.game .brandUbiShopLink img {
  position: absolute;
  right: 0;
}

.brandUbiShopLink .button {
  background: url(brand-site.png) no-repeat;
  position: relative;
  width: 122px;
  height: 24px;
  top: 96px;
  left: 20px;
}

.game .brandYoutubeLink, .brandFacebookLink, .brandTwitterLink {
  height: 50px;
}
/* Investor Center - Home
-----------------------------------------------------------------------------*/

.investorCenter .main {
  width: 730px;
  background: none;
  padding: 0;
}

.investorCenter .downloadableItem .size {
  display: none;
}

.investorCenterHomeBanner, .investorHomePR {
  width: 710px !important;
  float: left;
  padding: 10px;
  background: #fff;
  margin: 0 0 10px;
  padding-bottom:30px;
}

.investorCenterHomerRichText, .investorCenter .downloadableGroup, .investorCenterHomerAnnualReports{
  float: left;
  padding: 10px;
  height: 307px;
  width: 340px !important;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  clear: none;
  margin: 0 0 10px;
}

.investorCenterHomerRichText .subtitle {
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  font-size: 16px;
  margin: 0 10px 5px;
  font-weight:bold;
}

.investorCenterHomerRichText img {
  margin: 0 30px 10px;
  height: 122px;
  width: 279px;
}

.investorCenter .downloadableGroup img {
  margin: 0 10px 10px 30px;
  height: 122px;
  width: 279px;
  display:block;
}

.investorCenter .investorCenterHomerAnnualReports img {
  margin: 0 10px 10px 30px;
  height: 122px;
  width: 279px;
  display:block;
}

.investorCenter .downloadableItem a {
  font-size: 12px;
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  text-transform: uppercase;
  margin: 0 0 20px 30px;
}

.investorCenter .investorCenterHomerAnnualReports .downloadableItem a {
  font-size: 12px;
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  text-transform: uppercase;
  margin: 0 0 0 0;
  padding-bottom: 10px;
  text-decoration: none;
}

.investorCenter .downloadableGroup .downloadableItem {
  margin: 10px 0 12px;
}

.investorCenter .investorCenterHomerAnnualReports .downloadableItem h3{
  padding-bottom: 10px;
  padding-left: 30px;
}

.investorCenter .downloadableGroup .downloadableItem a {
  text-decoration: none;
  padding: 0;
}

.investorCenter .downloadableGroup .summary .title {
  color: #787878;
  width: 280px;
  margin: 0 0 0 30px;
  line-height: 14px;
  font-size: 12px;
  clear:both;
}

.investorCenter .downloadableGroup .next {
  background: url(partners-pager-right.png) no-repeat right;
  position: absolute;
  right: 12px;
  top: 125px;
}

.investorCenter .downloadableGroup .prev {
  background: url(partners-pager-left.png) no-repeat left;
  position: absolute;
  top: 125px;
  left: 14px;
}

.investorCenterHomerRichText .salesLinks a {
  margin: 0 0 10px 10px;
  padding: 5px 14px 5px 24px;
  background: transparent url(arrow-right.png) no-repeat center left;
  line-height: 28px;
  font-size:15px
}

.investorCenter .main .widgetHeader {
  margin: 0 0 10px;
  background: url(widget-header-main.png) no-repeat left;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
}

.investorCenter .main .widgetHeader h2 {
  font-size: 14px;
  padding: 12px 0 0 11px;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 0 1px #fff;
}

.investorCenterHomerRichText {
  margin: 0 10px 0 0;
}

ul.investorCenterNav li.AspNet-Menu-WithChildren > a > span {
   color: #FFFFFF;       
   font-family: "UbisoftText", Verdana, Geneva, sans-serif;
   font-size: 14px;      
   height: 20px;       
   text-shadow: 0 0 1px #fff;       
   text-transform: uppercase;      
}  

.columnLayout .wideCompBox .widget {
  width: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}

.investorCenter .downloadableGroup .downloadableItem a { 
  background: none;
}

/* Investor Center - IR Calendar & Contact - Calendar
-----------------------------------------------------------------------------*/
.irCalendar td { padding: 10px 0px;}
.irCalendar thead td {border-bottom: 1px solid #CCCCCC; font-style:italic;}
.irCalendar tbody td {border-bottom: 1px solid #E2E2E2;}

.irCalendar .attributes {
    padding-bottom: 10px;
    padding-top: 10px;
}

.irCalendar .attributes .columnTitles0 {
    float: left;
    font-style: italic;
    width: 450px;
}

.irCalendar .attributes .columnTitles1 {
    float: left;
    font-style: italic;
}

.irCalendar .body {
  width: 690px;
}

.irCalendar .body .item {
  border-bottom: 1px solid #E2E2E2;
  padding: 10px 0;
  height: 18px;
}

.irCalendar .body .item .name {
    float: left;
    width: 450px;
}

.irCalendar .body .item .date {
    float: left;
}


/* Investor Center - Key Figures - Net Debt to Equity
-----------------------------------------------------------------------------*/

.netDebt .title {
  text-transform: uppercase;
  font-size: 14px;
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  padding-top: 10px;
}

.netDebt .netDebtChart {
  margin-top: 15px;
}


/* Photo View page
-----------------------------------------------------------------------------*/

.photoView .main .widgetMainBox .panelPager .pager_dynamic {
  float: left;
  position: relative;
  bottom: 28px;
}

.photoView .main .widgetMainBox .pager_dynamic {
  clear: both;
  float: left;
  position: relative;
}

.photoView .downloadSelected {
  bottom: 8px;
}

.photoView .photoViewLinkListBottom .downloadSelected {
  bottom: 56px;
}

.photoView a .photoViewDownloadAll {
  text-decoration: none;
  float: left;
  font-size: 12px;
  color: #384771;
}

.photoView .photoViewDownloadAll {
  position: relative;
  padding: 0 0 0 24px;
  background: url(press-tools-rss.png) no-repeat left;
  top: 10px;
  left: 300px;
}

.photoView .downloadAllPhoto {
  position: relative;
  bottom: 30px;
  left: 335px;
}

.photoView .summary {
  width: 700px;
  clear: both;
}

.photoView .imageItem {
  float: left;
  width: 165px;
  height: 160px;
  margin-right: 10px;
  margin-bottom: 20px;
}

.photoView .imageItem .tn, .photoView .imageItem .tn img {
  height: 113px !important;
  width: 165px !important;
  margin: 0 0 5px;
}

.photoView .imageItem {
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  font-size: 15px;
  line-height: 24px;
}

.photoView .photoViewDownloadSelectedBottom {
  position: absolute;
  bottom: 0;
  right: 0;
}

.photoView .photoViewDownloadAllBottom {
  position: absolute;
  bottom: 0;
  right: 175px;
}

#fancybox-left-ico {
  background-image: url(fancybox-prev.png);
  background-position: inherit;
}

#fancybox-right-ico {
  background-image: url(fancybox-next.png);
  background-position: inherit;
}

#fancybox-close {
  background: transparent url(fancybox-close.png);
  width: 28px;
  height: 28px;
  top: 15px;
  right: 15px;
}

#fancybox-left-ico, #fancybox-right-ico {
  width: 28px;
  height: 71px;
  top: 47%;
}

#fancybox-left:hover span {
left: 10px;
}

#fancybox-right:hover span {
left: auto;
right: 10px;
}


/* Contact: used by Press Contact & Investor Contact  
-----------------------------------------------------------------------------*/

.contactPage .styled-select {  
  width: 186px;
  background: url(filter-pulldown.png) 164px 1px no-repeat;
}

.contactPage .styled-select select {
  width: 205px;
}

.contactPage .locationTitle {
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  font-size: 15px;
  color: #384771;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.contactPage .locationMap {
  width: 650px;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}

.contactPage .locationDetails {
  float: left;
  margin-right:3px;
  width:225px;
}

.contactPage .detailsHeader {
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  font-size: 15px;
}

.contactPage .additionalDetails {
  clear: both;
  width: 690px; 
}

.contactPage .locationDetails p, .contactPage .contacts p, .contactPage .contactsEMEA p {
  margin: 8px 0 20px;
  color: #787878;
  font-size: 12px;
}

.contactPage .contacts {
    float: left;
    margin-right: 3px;
    width: 225px;
}

.contactPage .contacts a {
  color: #384771;
  text-decoration: none;
}

.contactPage .contactsEMEA {
  float: left;
  width: auto;
  margin-right: 24px;
}

.contactPage .contactsEMEA a {
  color: #384771;
  text-decoration: none;
  margin-bottom: 20px;
}


/* Press Contact
-----------------------------------------------------------------------------*/
.pressContact .areaInner{ padding-left:0; padding-right:0; width:710px;}

.pressContact iframe{ width:708px; height:345px; border-radius:8px; overflow:hidden;}

.pressContact .locationMap img {
 width: 503px;
 height:335px;
}

.pressContact .areaInner hr { margin-left:10px;}

.pressContact .richtext table 
{
    border-collapse: separate;
    border-spacing: 5px;
}

.pressContact .filter {
  margin-left: 10px;
}

.pressContact .richtext {
  margin-left: 10px;
  margin-right: 10px;
}
/* Press Releases page
-----------------------------------------------------------------------------*/

input#buttonFilter {
  margin-left: 12px;
  width: 58px;
  height: 24px;
}

.subscribeButton {
  position: absolute;
  right: 10px;
  top: 8px;
}

.pager-icon .pg-normal {
  background: url(pgIndexBG.png) no-repeat scroll 0 0 transparent;
  width: 18px;
  text-indent: -9999px;
  padding: 0;
}

.pager-icon .pg-selected {
  background: url(PGIndexBG-selected.png) no-repeat scroll 0 0 transparent;
  color: #000;
  cursor: pointer;
}

.pressRelease .splitter {
  margin-bottom: 50px;
  clear: both;
}

.pager-icon .pager_dynamic {
  margin-top: 5px;
}

/*  Regulated Information Page       
-----------------------------------------------------------------------------*/      

.regulatedInformation .main .widgetMainBox .pager_dynamic {         
 margin-top: 12px;       
}      
     
.regulatedInformation .areaInner {       
  background: none repeat scroll 0 0 transparent;       
  border: 1px solid #D7D7D7;      
  padding: 0;       
  width: 703px;       
}

.regulatedInformation .titleSection {
  -webkit-border-radius: 0px 6px 0px 0px;
      -moz-border-radius-topright: 6px;
          border-radius: 0px 6px 0px 0px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
  width: 705px;
}
     
.regulatedInformation .tabs {      
   min-height: 550px;       
}

.regulatedInformation .documentListItem .title {
   top:0;
}


/* Print Page                 
-----------------------------------------------------------------------------*/            
     
.printPage .main .widgetTitleText {
   margin-top: 5px;
   width: auto;
}
     
.printPage .wideCompBox .widget {      
   padding: 10px 0;      
   width: auto;      
}

.printImageTitle { 
  text-align: center;
}      
     
.printPage .main .generic .widgetMainBox { 
  clear: both;
}  

.printPage .genericImageBox { 
  display: none;
}

.printPage .widgetSubTitleText  {
    font-family: "UbisoftText", Verdana, Geneva, sans-serif;
    font-weight:700;
    font-size:14px;
    display:block !important;
    clear:both;
    padding-bottom : 10px;
}

/* Detail Page     
-----------------------------------------------------------------------------*/      
h9 {
  display: none;   
}

.genericLegalLineBox
{
    background-color: #EDEDF2;
    padding: 5px;
}

.detailPage .genericImageBox img {
  width: 300px;
}

.detailPage .widgetSubTitleText { 
  display:none;
}

.detailPage .wideCompBox .widget {
  width: auto;
  padding: 10px 0;
}

.detailPage .main hr {
  margin: 5px 0;
}

.detailPage .prLocation {
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

.main .generic .widgetTitleBox {
  padding: 0;
  width: auto;
  position:relative;
}

.detailPage .areaInner .downloadPDF {
  float: left;
}

.detailPage .detailAboutUbisoft {
  clear: both;
}

.main .widgetTitleText {
  text-transform: capitalize;
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  font-size: 20px;
  white-space: normal;
  float: left;
  text-align: left;
  width: 380px;
  margin-bottom: 10px;
}

.main .genericRichTextBox p {
  margin-bottom: 15px;
}

.genericRichTextBox table, .genericRichTextBox tbody, .genericRichTextBox tr, .genericRichTextBox td{border: 1px solid;}

.main .generic .widgetMainBox {
  clear: none;
  width: auto;
}

.detailPage .genericImageBox {
  float: left;
  margin: 0 10px 10px 0;
}

.detailPage .noImageBox .widgetTitleText {
 margin-top: 5px;
 width: auto;
}
     
.detailPage .noImageBox .widgetMainBox {
 clear: both;
}

.detailPage .gcList a {
  float: left;
  text-decoration: none;
}

.detailPage .gcPrev a, .detailPage .gcNext a {
  position: relative;
  left: 300px;
  float: left;
  margin-bottom: 20px;
  text-decoration: none;
}

.detailPage .gcPrev a, .detailPage .gcList a {
  padding: 5px 14px;
  background: transparent url(prev-arrow.png) no-repeat center left;
}

.detailPage .gcNext a {
  padding: 5px 14px;
  background: transparent url(next-arrow.png) no-repeat center right;
}

.detailPage .topOfPage a {
  float: right;
  padding: 0 14px 5px;
  background: transparent url(top-arrow.png) no-repeat center right;
  text-decoration: none;
}

.detailPage .gcTop a {
  text-decoration: none;
  position: absolute;
  right: 0;
  bottom: 0;
}

.sendPage #fancybox-outer {
  width: 370px;
}

.columnLayout #fancybox-outer {
  /* height: 439px; */
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.columnLayout #fancybox-outer #send {
  background: #f6f6f6;
  height: 544px;
  -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
          border-radius: 5px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.columnLayout #fancybox-outer #send p {
  padding-left: 10px;
}

#send #btnSubscribe { background: url("send-button.png") no-repeat scroll left top transparent;}

#graduateform .graduate-subscribe {  
  position:inherit!important;
}

#graduateform .section-title {
  text-decoration:underline;
  font-weight:bold;
}

#graduateform p {
  margin-bottom:20px;
}

.sendPage #fancybox-content {
  width: 359px !important;
}

.columnLayout #fancybox-content {
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.columnLayout #fancybox-content .titleSection {
  background: #fff url(widget-header-large.png) no-repeat;
  margin: 0 0 20px;
}

.columnLayout #fancybox-content .titleSection p {
  color: #fff;
}

.columnLayout #fancybox-content a#fancybox-close {
  top: 16px;
  right: 18px;
}

.columnLayout #fancybox-content p {
  color: #000;
  margin: 0 0 20px;
}

.columnLayout #fancybox-content label {
  vertical-align: sub;
  vertical-align: -webkit-baseline-middle;
}

.columnLayout #fancybox-content input[type="text"] {
  position: absolute;
  right: 20px;
  margin-bottom: 10px;
  width: 215px;
  height: 22px;
  border: 1px solid #d7d7d7;
  font-size: 12px;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.columnLayout #fancybox-content textarea#your_message {
 height: 160px;
 position: absolute;
 right: 20px;
 margin-bottom: 10px;
 width: 215px;
 border: 1px solid #d7d7d7;
 font-size: 12px;
 border: 1px solid #d7d7d7;
 -moz-border-radius: 1px;
 border-radius: 1px;
 -webkit-border-radius: 1px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
}

.columnLayout #fancybox-content #btnSubscribe {
  top: 130px;
  right: 20px;
}

 .contentSummary {
   padding-top: 10px;
 }
 
 .summaryMessage {
   text-align: center;
 }
 
 .shareThisBox {
   float:left;
   padding:5px;
 }
 
 .summary .shareThisBox { float:right;}
 
 .shareThisBox b, .shareThisBox button {
    background: url("sharedSprite.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    font-size: 1px;
    height: 21px;
    line-height: 21px;
    margin: 0;
    padding: 1px;
    text-align: left;
    text-indent: -9999px;
    vertical-align: middle;
    width: 21px;
}

.shareThisBox b, .shareThisBox button {
        display: block;
    float: left;
    margin-left: 2px;
}

 .shareThisBox b {
    background: url("sharedSprite.png") no-repeat scroll -90px 0 transparent;
    width: 45px;
}

.shareThisBox .stFacebook {
    background-position: -138px 0;
}

.shareThisBox .stTwitter {
    background-position: -161px 0;
}

 /* Subscription page in dialog     
-----------------------------------------------------------------------------*/   
.subDialog .topBar, .subDialog .header, .subDialog .breadcrumb, .subDialog .leading, .subDialog .footer, .subDialog #dialog { display: none !important;}
.subDialog { background: none !important;}
.subDialog .area2 { display: none !important;}
.subDialog .areaInner { height:500px;}
.subDialog .main { padding:0 !important;}
#fancybox-content #subscription { width:710px;}
#fancybox-content #subscription iframe {width:710px;height:500px;}
 /* News Detail      
-----------------------------------------------------------------------------*/   
.detailNews .gcPrev a, .detailNews .gcNext a {
  left: 400px;
}

.detailNews .generic .widgetMainBox {
    clear:both;
}

.detailNews .genericImageBox img {
    max-width: 660px;
    width: auto;
}
.siteFR .detailNews .gcPrev a, .siteFR .detailNews .gcNext a {
  left: 260px;
}

 /* Share Page     
-----------------------------------------------------------------------------*/   
.stockInfoShareP1 table th, .stockInfoShareP1 table td, .stockInfoShareP1 table td span , .stockInfoShareP1 table td strong, .stockInfoShareP1 table td p  { text-align :left !important}
.stockInfoShareP1 table td, .stockInfoShareP1 table td span { color:#787878 !important; background-color:inherit !important}

/* Press Tools
-----------------------------------------------------------------------------*/

.pressTools .main .widgetMainBox .panelPager .top {
  margin: 0 !important;
  position: relative;
  bottom: 12px;
  left: -30px;
}

.pressTools .bottom {
  margin: 0;
  position: relative;
  left: -30px;
}

.pressTools .linkList {
  position: relative;
  width: 400px;
}

.pressTools .filter { 
  width:290px;
  margin-left:0;
}

.pressTools .linkList {
  padding-left:0;
}

.pressTools .linkItem {
  padding-left:0;
}

.filterButton { 
  float: left;
}


.downloadSelected {
  position: relative;
  float: right;
}

.subscribeRss a {
  text-decoration: none;
  font-size: 12px;
  color: #384771;
}

.subscribeRss {
  float: left;
  position: relative;
  padding: 0 0 0 24px !important; 
  background: url(press-tools-rss.png) no-repeat left;
  top: 4px;
  left: 10px;
}

.pressTools .main .widgetMainBox .pager_dynamic {
  font-size: 12px;
  float: left;
  margin: 15px 0;
}

.pressTools .pg-selected {
  background: none !important;
  color: #000;
  cursor: pointer;
  margin: 0 11px;
}

.pressTools .downloadableGroupDynamic .attributes {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
}

.pressTools .downloadableGroupDynamic .attributes .columnTitles0 {
  width: 124px;
}

.pressTools .downloadableGroupDynamic .attributes .columnTitles1 {
  width: 377px;
}

.pressTools .downloadableGroupDynamic .attributes .columnTitles2 {
  width: 83px;
}

.pressTools .downloadableGroupDynamic .attributes .columnTitles3 {
  width: 103px;
}

.pressTools .main hr {
  clear: both;
  margin-top: 5px;
  margin-bottom: 0;
  color: #e2e2e2;
  border-color: #e2e2e2;
}

.pressTools .pressItem {
  width: 690px;
  border-bottom: 1px solid #e2e2e2;
  float: left;
}

.pressTools .pressItem .fileType img {
  position: relative;
  left: 0;
  padding: 20px 0;
}

.pressTools .pressItem .fileType {
  width: 124px;
  height: 148px;
  overflow: hidden; 
  float: left;
}

.pressTools .pressItem .title {
  width: 208px;
  height: 148px;
  float: left;
}

.pressTools .pressItem .title h2 {
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  font-size: 15px;
  margin-top: 65px;
}

.pressTools .pressItem .title div {
  color: #787878;
  font-size: 12px;
  width: 165px;
}

.pressTools .downloadableGroupDynamic .downloadableItem .download {
  width: 169px;
  float: left;
}

.pressTools .downloadableGroupDynamic .downloadableItem .download a {
  position: relative;
  color: #384771;
  right: 56px;
  float: right;
  text-decoration: none;
}

.pressTools .downloadableGroupDynamic .downloadableItem .size {
  width: 93px;
  height: 148px;
  float: left;
  font-style: italic;
  color: #787878;
}

.pressTools .downloadableGroupDynamic .downloadableItem .size p {
  position: relative;
  top: 67px;
  left: -15px;
}

.pressTools .downloadableGroupDynamic .downloadableItem .addToDownload {
  float: left;
  width: 93px;
  height: 149px;
}

.pressTools .downloadableGroupDynamic .downloadableItem .addToDownload input {
  position: relative;
  top: 66px;
  left: 38px;
  outline: none;
}

.pressTools .downloadableGroupDynamic .downloadableItem .addToDownload input:active {
  outline: none;
}

.pressTools .pager_bottom {
  padding-top: 20px;
}

.pressTools .filterCategory .styled-select {       
   background: url("filter-pulldown.png") no-repeat scroll 185px 1px transparent;      
   width: 205px;       
} 

.filterCategory .styled-select {       
   background: url("filter-pulldown.png") no-repeat scroll 205px 1px transparent;      
   width: 225px;       
}      
     
.filterCategory .styled-select select { 
  width: 245px;
}

.pressTools .filterCategory .styled-select select { 
  width: 225px;
}    


/* DownloadableGroupDynamic      
-----------------------------------------------------------------------------*/

.downloadableGroupDynamic .attributes {
  clear: both;
  padding-bottom: 5px;
  padding-top: 10px;
}

.downloadableGroupDynamic .attributes .columnTitle {       
   float: left;      
   font-style: italic;       
}      

.downloadableGroupDynamic .attributes .columnTitles0 {             
  width: 384px;            
}            
         
.downloadableGroupDynamic .attributes .columnTitles1 {             
  width: 113px;              
}            
         
.downloadableGroupDynamic .attributes .columnTitles2 {             
  width: 83px;             
}      
     
.downloadableGroupDynamic .downloadableItem .download {      
  width: 70px;            
  height: 77px;            
  float: left; 
  padding-top: 30px;        
}      
          
.downloadableGroupDynamic .downloadableItem .download a {            
  position: relative;            
  color: #384771;            
  top: 30px;       
  text-decoration: none;       
  padding: 5px 20px 5px 0;             
} 
         
.downloadableGroupDynamic .downloadTypeExcel a {              
  background: transparent url(icon-xls.png) no-repeat center right;            
}            
         
.downloadableGroupDynamic .downloadTypeImage a {                  
  background: transparent url(icon-jpg.png) no-repeat center right;            
}            
         
.downloadableGroupDynamic .downloadTypePDF a {
  background: transparent url(icon-pdf.png) no-repeat center right;            
}

.downloadableGroupDynamic .downloadTypeWebcast a {                
  background: transparent url(icon-audio.png) no-repeat center right;            
}

.downloadableGroupDynamic .pg-normal {
  margin:0 5px;
}


/* DownloadableGroup
-----------------------------------------------------------------------------*/

.downloadableGroup .downloadableItem {
  margin: 15px 0 12px;
}

.downloadableGroup .downloadableItem a {
  padding: 5px 10px 5px 25px;
}

.downloadableGroup .downloadTypeExcel a {
  background: transparent url(icon-xls.png) no-repeat center left;
}

.downloadableGroup .downloadTypeImage a {
  background : transparent url(icon-jpg.png) no-repeat center left;  
}

.downloadableGroup .downloadTypePDF a {
  background: transparent url(icon-pdf.png) no-repeat center left;   
}

.downloadableGroup .downloadTypeWebcast a {
  background: transparent url(icon-audio.png) no-repeat center left;   
}


/* Key Figures
-----------------------------------------------------------------------------*/

.keyFigures .areaInner {
  padding-top: 15px;
}

.keyFigures .areaInner .image {
  width: 211px;
  margin-right: 15px;
}


/* Offers documents
-----------------------------------------------------------------------------*/

.offersDocuments .documentListItem .title {
    top:0;
}
     
.offersDocuments .main .widgetMainBox .pager_dynamic {       
  font-size: 12px;
  float: right;
  margin-top: 12px;
}      
     
.offersDocuments .pg-selected {      
  background: none !important;
  color: #000;
  cursor: pointer;
}      
     
.offersDocuments .pg-normal {      
  padding: 0 10px;
}
     
.offersDocuments .main hr {      
  clear: both;
  margin-top: 5px;
  margin-bottom: 0;
  color: #e2e2e2;
  border-color: #e2e2e2;
}      
     
.printButton input {       
  background: url(download-button.png) no-repeat scroll left top transparent;      
  border: medium none;      
  height: 24px;      
  margin-left: 12px;      
  width: 94px; 
  top: 26px;
  position: relative;     
}  

.documentListItem {       
  width: 690px;
  height: 77px;
  border-bottom: 1px solid #e2e2e2;       
  float: left;      
}      


/* DownloadableItem: List Item - DocumentList
-----------------------------------------------------------------------------*/
   
.documentListItem .title {       
  width: 365px;
  height: 77px;
  float: left;
  position: relative;
  top: 30px;
}      
     
.documentListItem .title p {       
  color: #787878;
  font-size: 12px;
  margin-top: 5px;
}
     
.documentListItem .size {
  width: 160px;
  height: 77px;
  float: left;
  font-style: italic;
  color: #787878;
}      
     
.documentListItem .size p {
  position: relative;
  top: 30px;
  left: 62px;
}      


/* News and Events
-----------------------------------------------------------------------------*/

.aboutUbisoftNewsSignUp {
  margin-top: 10px;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #384771;
  float: left;
}

.aboutUbisoftNewsSignUp p {
  float: left;
  margin-right: 12px;
}

.aboutUbisoftNewsSignUp img {
  position: relative;
  top: -4px;
}

.hasExArea .main {
  margin-bottom: 10px;
}

.area2 {
  padding: 10px;
  width: 710px;
  margin: 0 0 162px;
  background-color: #fff;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  float: right;
  clear: none;
  margin-bottom: 162px;
}

.columnLayout .midArea { margin-bottom:10px;}

.orderDocument .area2{
  margin-bottom: 10px;
    
}

.orderDocument .area3 {
  padding: 10px;
  width: 710px;
  margin: 0 0 162px;
  background-color: #fff;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  float: right;
  clear: none;
  margin-bottom: 162px;
}


.aboutUbisoftEvents .summary {
  position: relative;
  left: 20px;
}

.aboutUbisoftEvents .panelPager {
  position: absolute;
}

.aboutUbisoftEvents .panelPager .prev {
  background: url(events-arrow-left.png) no-repeat left;
  height: 80px;
  width: 20px;
  text-indent: -9999px;
  padding: 0;
}

.aboutUbisoftEvents .panelPager .next {
  position: relative;
  background: url(events-arrow-right.png) no-repeat right;
  height: 80px;
  width: 20px;
  text-indent: -9999px;
  left: 648px;
  padding: 0;
}


.aboutUbisoftEvents .sum {
  clear: none;
  float: left;
  width: 216px;
}

.aboutUbisoftEvents .sum .tn {
  width: 216px;
  height: 80px;
  margin-bottom: 15px;
}

.aboutUbisoftEvents .sum .tn img {
  width: 216px;
  height: 80px;
}

.aboutUbisoftEvents .sum .txt .title a {
  text-decoration: none;
  color: #384771;
  text-transform: uppercase;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
}

.aboutUbisoftEvents .sum .txt .title {
  margin-bottom: 4px;
}

.aboutUbisoftEvents .sum .txt .date {
  display: block;
  font-style: italic;
  color: #787878;
  margin-bottom: 4px;
}

.aboutUbisoftEvents .sum .txt .body {
  color: #787878;
  width: 205px;
}


/* News and Events detail
-----------------------------------------------------------------------------*/

.event .eventImage {
  width: 680px;
  margin-bottom: 10px;
}

.eventImage img {
  max-width: 670px;
}

.event .eventTitle, .event .eventDate {
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  color: #384771;
  font-size: 20px;
  line-height: 20px;
}

.event .eventDate {
  margin-bottom: 20px;
}

.event .eventBody {
  font-size: 12px;
  color: #787878;
}

.event .eventBody p {
  line-height: 16px;
  margin-bottom: 20px;
}

.event .eventBody img {
  margin: 0 0 25px;
}


/* Partners
-----------------------------------------------------------------------------*/

.partners .main {
  margin-bottom: 10px;
  width:950px;
}

.partners .sidebar { display:none;}

.partners .areaInner {
  float: left;
  width: 930px;
  background: #f6f6f6;
  -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
          border-radius: 5px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  padding: 10px;
}

.partners .partnerHomeVideo {
  width: 396px;
  height: 218px;
  float: left;
  margin-right: 12px;
}

.partnerHomeVideo > a {
  height:218px;
}

.partners .videoplayer img {
  width: 396px;
  height: 218px;
}

.partners .partnersHomeMessage {
  width: 520px;
  float: right;
}

.partners .partnersHomeMessage h2 {
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  font-size: 20px;
  color: #384771;
  margin-bottom: 15px;
}

.partners .partnersHomeMessage p {
  color: #787878;
  margin-bottom: 20px;
}

.partners .area2 {
  padding: 10px;
  width: 950px;
  margin: 0 0 162px;
  background-color: #fff;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  float: right;
  clear: none;
  margin-bottom: 162px;
}

.partners .ui-tabs { width:920px !important;}
.partners .area2 .compBox {
  float: none;
}

.partners .area2 .lastCompBox, .partners .area2 .firstCompBox {
  clear: none;
}

.partners .area2 .compBox .richtext {
  float: left;
  width: 530px;
  clear: none;
  color: #787878;
}

.partners .ui-tabs .ui-tabs-nav {
  left: 15px;
  margin-top: 10px;
}

.partners .tabs > .pager .prev {
  position: relative;
  background: url(partners-pager-left.png) no-repeat left;
  height: 17px;
  width: 10px;
  top: 40px;
  left:0px;
  text-indent: -9999px;
}

.partners .tabs > .pager .next {
  position: absolute;
  background: url(partners-pager-right.png) no-repeat right;
  height: 17px;
  width: 10px;
  top: 40px;
  text-indent: -9999px;
  left: 890px;
}

.partners .ui-tabs .ui-tabs-nav .tabItem {
  height: auto;
  width: 210px;
  margin-right: 10px;
  border: none;
  background: none !important;
  font-size: 12px;
  text-transform: uppercase;
}

.partners .ui-tabs .ui-tabs-nav .tabItem img {
  margin-bottom: 5px;
}

.partners .ui-tabs .ui-tabs-nav .tabItem a {
  color: #384771;
}

.partners .ui-tabs .ui-tabs-nav .ui-state-active a {
  cursor: pointer;
}

.partners .ui-tabs .ui-tabs-nav li a {
  padding:  0;
}

.partners .carouselNavPrev {
  display: none;
}

.partners .carouselNavNext {
  display: none;
}

.partners .carouselWrap {
  float: left;
  margin-right: 10px;
  border: 1px solid #d9d9d9;
  width: 314px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  background: #fff;
  padding: 11px 10px 0;
}

.partners .carouselZoomBox {
  margin-bottom: 10px;
}

.partners .carouselZoomBox .carouselFocusBox {
  height: 190px;
  width: 314px;
}

.partners .carouselThumbsBox {
  width: 315px;
}

.partners .carouselThumbWrap {
  margin-right: 1px;
}

.partners .carouselThumbWrap .carouselFocusBox {
  width: 62px;
  height: 54px;
  margin-bottom: 10px;
}

.partners .downloadableItem { 
  width: 250px;
}

.partners .pg-normal { 
  padding: 0;
}

.partners .tabs .tabItem img {
  width:209px;
  height:79px;
}

/* Subscribe Page
-----------------------------------------------------------------------------*/

.formPage .main {      
  margin: 0 0 10px;
}      

.formPage .imageCheck{ cursor:pointer;}
   
#btnSubscribe {
  height: 24px;
  width: 86px;
  background: url(subscribe-button.png) no-repeat scroll left top transparent;
  border: medium none;
  float: right;
  position: relative;
  right: 48px;
}

#btnUnsubscribe {
  height: 24px;
  width: 41px;
  background: url(unsubscribe-button.png) no-repeat scroll left top transparent;
  border: medium none;
  float: left;
}
     
#txtUnsubscribeEmail { 
  float: left;
}      
     
.unsubscribeForm { 
  padding: 5px;
} 

/* Q&A Support Page
-----------------------------------------------------------------------------*/
.support #incidenttitle{
   vertical-align:top;
}
.support .selectTypeofIncident{
	-webkit-appearance:none;
	-moz-appearance:none;
	width:260px;
	height:24px;
	overflow:hidden;
	background:#fff url(filter-pulldown.png) 238px 1px no-repeat;
	margin-bottom:18px;
	display: inline-block;
    margin-right: 155px;
	float:right;
}

.support .selectTypeofIncident #selectTypeofIncident{
	-webkit-appearance:none;
	-moz-appearance:none;
	background:transparent;
	width:280px;
	font-size:12px;
	border:1px solid #d7d7d7;
	-moz-border-radius:1px;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	height:24px;
	cursor:pointer;
}

.support #txtProblemDescription{
	width:530px;
	height:175px;
	margin:3px 0 18px 0;
}
 
.support .rcTable td{
 vertical-align:top !important;
}

.support input#btnSend{
	width:75px;
	height:24px;
	position:relative;
	right:48px;
	border:none;
	background:url(send-button.png) no-repeat top left;
	float:right;
}

.formPage textarea.fieldWarning{
  border: 1px solid red;
  margin-bottom: 3px;
} 

.formPage .supporttable select, .formPage .supporttable input[type=text], .formPage .supporttable input[type=file]{
  margin-right:90px;
}

.formPage .supporttable .fullnametd{
  min-width:200px;
}

.support .main .messageSuccess{
	color:#00f;
}

.support .main .messageFail{
	color:#f00;
}
.support .emailcontent{
	display:none;
}

.support .areaInner strong{
    font-size:15px;
	text-decoration:underline;
}

.support #txtValidateCode{
    margin-bottom:2px;
}

.support .formMain #FileUploadScreenshot{
    height:24px;
}


/*----------------------------Support page end-----------------------*/
/*-----------------------FAQ accordion on Support Page-----------*/
.supportaccordion div.accordion-image{
	
	display:none;
}
.supportaccordion .ui-accordion .ui-accordion-header{
	background:none;
	width:100%;
}
.supportaccordion .ui-accordion .ui-state-active .ui-icon{
	background:none;
}
.supportaccordion .ui-accordion .ui-state-default .ui-icon{
	background:none;
}
.supportaccordion .ui-accordion .ui-accordion-header a{
	color:#384771;
}
.supportaccordion .ui-accordion .ui-accordion-content{
	padding-left:10px;
	width:auto;
}
/*-----------------------FAQ accordion on Support Page end-----------*/

/*-----------------------Support Form on Support Page----------*/
.support .supportform{
	padding:14px 0 20px 0;
}
/*-----------------------Support Form on Support Page end------------*/
/* Order Documents page
-----------------------------------------------------------------------------*/

.fieldMessage {  
  color: red;      
  display: none;      
  clear: both;       
}

.formPage input[type="text"].fieldWarning {
  border: 1px solid red;
  margin-bottom: 3px;
}

.formTitle {
  color: #384771;
  font-size: 20px;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif; 
  margin-top: 10px;
  margin-bottom: 20px;
}

.form {
  color: #000;
}

.formMessage { 
  color: red;
}

.orderDocument .areaInner input {
  vertical-align: bottom;
}

.orderDocument .title {
  float: left;
  margin-right: 5px;
}

.orderDocument .field input {
  margin-left: 25px;
  margin-right: 10px;
}

.orderDocument .areaInner hr {
  border-color: #e2e2e2;
  color: #e2e2e2;
}

.titleYourInformation span {
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif; 
  font-size: 15px;
  margin-right: 10px;
}

.formMain {
  margin-top: 15px;
}

.formPage select, .formPage input[type=text], .formPage input[type=file] {
  border: 1px solid #d7d7d7;
  font-size: 12px;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 18px;
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
  width: 190px;
  margin-bottom: 18px;
  margin-right: 10px;
}

.formMain textarea {
  border: 1px solid #d7d7d7;
}

.formMain > table { 
  width: 100%;
} 

.formMain select {
  height: 24px;
}

.selectCivility {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 116px;
  height: 24px;
  overflow: hidden;
  background: #fff url(filter-pulldown.png) 94px 1px no-repeat;
  margin-bottom: 18px;
}

.selectCivility select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  width: 145px;
  font-size: 12px;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 24px;
  cursor: pointer;
}

.selectProfile {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 192px;
  height: 24px;
  overflow: hidden;
  background: #fff url(filter-pulldown.png) 170px 1px no-repeat;
  margin-bottom: 18px;
  margin-right: 30px;
}

.selectProfile select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  width: 225px;
  font-size: 12px;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 24px;
  cursor: pointer;
}

#txtAddress {
  width: 187px;
  margin-bottom: 18px;
}

.orderDocument .messageCharacters {
  color: #787878;
  font-style: italic;
}

.orderDocument #txtMessage {
  width: 530px;
  height: 175px;
  margin-bottom: 20px;
}

.orderDocument input#btnSend {
  width: 75px;
  height: 24px;
}

.orderDocument .sendButton input {
  position: relative;
  right: 48px;
  border: none;
  background: url(send-button.png) no-repeat top left;
  float: right;
}


/*  Terms & Conditions       
-----------------------------------------------------------------------------*/      

.termsAndConditions .wideCompBox .richtext{      
 width: 690px;       
}
     
.termsAndConditions .main .richtext h2 {       
 margin-bottom: 16px;      
 font-size: 20px;      
 color: #384771;       
 font-family: "UbisoftText", Verdana, Geneva, sans-serif;       
}      

.termsAndConditions .main .richtext p {      
 color: #787878;       
}      

.termsAndConditions .area1 .compBox {      
 float: none;      
}

/* Legal Info      
-----------------------------------------------------------------------------*/      

.legalInfo .main .richtext p {             
  color: #787878;
} 


/* Privacy Policy
-----------------------------------------------------------------------------*/

.privacyPolicy .linkList {
  margin-top: 0;
}

.send, .print {
  float: left;
}

.print {
  margin-left: 10px;
}

.privacyPolicy .wideCompBox .richtext{
  width: 690px;
}

.privacyPolicy .main .richtext h2 {
  margin-bottom: 16px;
  font-size: 20px;
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
}

.privacyPolicy .main .richtext h3 {
  color: #384771;
  font-size: 15px;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  line-height: 18px;
}

.privacyPolicy .main .richtext h3.top {
  margin-top: 20px;
  margin-bottom: 35px;
} 

.privacyPolicy .main .richtext p {
  color: #787878;
}

.privacyPolicy .main ul {
  color: #787878;
  margin: 0;
  list-style-type: none;
}

.privacyPolicy .area1 .compBox {
  float: none;
}

/* Office locations
-----------------------------------------------------------------------------*/

.office .officeLeft {
  float: left;
  width: 397px;
  margin-right: 20px;
}

.office .officeRight {
  width: 273px;
  float: right;
}

.columnLayout .main .officeCarousel .widgetMainBox{

}

.office .carouselZoomBox, .office .carouselControlsBox, .office .carouselZoomBox .carouselFocusBox, .office img.carouselThumbItem, .office .officeCarousel .carousel, .office .carouselControlsBox, .office .carouselWrap .widgetMainBox 
{
}

.office .carouselControlsBox
{
    display: none;
}

.brandCarousel .carouselThumbControlsBox
{
    display:none;
}

.columnLayout .compBox .officeCarousel {
  margin-bottom: 15px;
}

.office .carouselThumbNavPrev {
  background: url(fancy_nav_left.png) no-repeat scroll center transparent;
  height: 30px;
  width: 30px;
  border: none;
  text-indent: -9999px;
  position: relative;
  right: 22px;
  top: 170px;
}

.office .carouselThumbNavNext {
  background: url(fancy_nav_right.png) no-repeat scroll center transparent;
  height: 30px;
  width: 30px;
  border: none;
  text-indent: -9999px;
  position: relative;
  right: -200px;
  top: 170px;
}

.office .carouselThumbsBox {
  width: 225px;
  height: 55px;
  margin-left: 25px;
}

.officeDescription span {
  color: #384771;
  font-size: 20px;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
}

.officeCareer span {
  font-size: 12px;
  text-transform: uppercase;
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
}

.officeSocialTitle{
  font-size: 12px;
  text-transform: uppercase;
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;  
}

.officeSocialLinks
{
    margin-top: 8px;
}

.officeAddress span {
  font-size: 15px;
  text-transform: capitalize;
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
}

.officeDescription p, .officeCareer p, .officeAddress p, .officeDirector p {
  margin: 8px 0;
  font-size: 12px;
  color: #787878;
}

.officeAddress p {
  line-height: 1.4em;
  margin-bottom: 20px;
}

.officeCareer p {
  width: 253px;
}

.officeCareer a {
  text-decoration: none;
  color: #384771;
}

.officeFacebookLink {
  margin-top: 15px;
}

.office .fbButton {
  background: url(join-us.png) no-repeat;
  width: 119px;
  height: 27px;
  margin: 0 0 20px;
}

.office .videoplayer img, .officeVideo {
  float: left;
  width: 397px;
  height: 218px;
  margin-bottom: 15px;
}

.office .borderWrap {
  width: 251px;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.office .googleMap {
  width: 273px;
  height: 280px;
  margin-bottom: 15px;
}

.googleMap > div  {
    height:100%
}

.office .officeDescription {
   min-height: 110px;
   padding-bottom: 10px;
}

.office .officeDirector {
  float: left;
  width: 190px;
  margin-right: 8px;
}

.office .officeDirector img {
  max-width: 190px;
}

.office .officeDirector p {
  line-height: 1.4em;
  margin-bottom: 30px;
}


/******Style for mana*******/
 
.mana div.actionArea{
float:left;
}
 
 .mana .header{
display:none;
}

.mana .topBar{
display:none;
}

.mana nav{
display:none;
}

.mana aside{
display:none;
}

/************* for games/index.aspx section area2 only *************/
.mana.games section.area2 {
display:none;
}

/****** for world_presence/world_presence.aspx section area2 only *************/
.mana.worldPresence section.area2 {
float:left;
}

.mana #dialog{
display:none;
}



body.mana{
background:none !important;
}

/********** for assassin_creed.aspx only******/
.mana section.main > div.struct > div.struct {
display: none;
}

/********* for about_ubisoft/index.aspx only**********/
.mana div.wideCompBox .video{
display:block;
}
/******end************/

.mana .main{
margin-bottom: 0px; 
}

.mana .columnsLayoutClear{
height:0px !important;
}

/*  Results and Sales
-----------------------------------------------------------------------------*/

.resultsSales .main {
  width: 704px;
  margin-left: 6px;
}

.resultsSales .titleSection {
  -webkit-border-radius: 0px 6px 0px 0px;
      -moz-border-radius: 0px 6px 0px 0px;
          border-radius: 0px 6px 0px 0px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
  width: 705px;
}

.resultsSales .subscribeButton {
  right: 10px;
}

.main .ui-tabs .ui-tabs-nav {
  width: 704px;
  height: 38px;
  border: 1px solid #d7d7d7;
  background: url(grey-gradient.png) top left repeat-x;
}

.ui-tabs .ui-tabs-nav li a {
  padding: 0.6em 1em;
}


.ui-tabs {
  position: relative;
  padding-left: 0;
  left: -2px;
  width: 711px !important;
  overflow: hidden;
}

.ui-tabs .ui-tabs-nav li {
  margin: 0;
  height: 39px;
  border: none;
  border-right: 1px solid #d3d3d3;
  color: #384771;
  font-family: Verdana, Geneva, sans-serif !important;
  font-size: 15px;
  background: url(grey-gradient.png) top left repeat-x;
}

.ui-tabs .ui-tabs-nav li span {
  font-family: Verdana, Geneva, sans-serif !important;
}

.ui-tabs .ui-tabs-nav li:first-child {
  border-left: none;
}

.ui-tabs .ui-tabs-nav a {
  outline: none;
}

.ui-tabs-selected {
  background: #fff !important;
}

.ui-tabs .ui-tabs-nav {
  padding: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected span {
  color: #000;
}

.accordion-wrap { 
  height: 300px;
  padding-bottom: 25px;
}

.ui-accordion .downloadableGroup .widgetHeader{
  display: none;    
}

.ui-accordion .ui-accordion-header {
  background: url(ui-tabs.png) top left no-repeat;
  border: none;
  width: 428px;
  height: 40px;
  outline: none;
}

.ui-accordion .ui-state-default .ui-icon {
  position: absolute;
  left: 398px;
  margin-top: -10px;
  height: 19px;
  width: 19px;
  background: transparent url(acc-tab-inactive.png) right;
}

.ui-accordion .ui-state-active .ui-icon {
  position: absolute;
  left: 398px;
  margin-top: -10px;
  height: 19px;
  width: 19px;
  background: transparent url(acc-tab-active.png) right;
}

.ui-tabs .ui-tabs-nav .ui-state-active {
  background: #fff !important;
}

.ui-accordion .ui-accordion-header a {
  font-family: Verdana, Geneva, sans-serif;
  position: relative;
  top: 13px;
  left: 10px;
}

.ui-accordion .downloadableGroup .downloadableItem {
  margin: 15px 0 12px 35px;
}

.ui-accordion .downloadableGroup .downloadableItem a {
  text-decoration: none;
}

.resultSalesTab .acc {
  float: left;
  width: 428px;
}

.resultsSales .areaInner {
  border: 1px solid #d7d7d7; 
  background: none;
  padding: 0; 
  width: 703px; 
}

.resultSalesTab .accordion-image { 
  width: 230px; 
  float: left; 
  padding-left: 15px;
}

.resultSalesTab .accordion-image img {
  width:215px;
}

.downloadableItem .name {
  float: left;
}

/* Pager in Tabs 
-----------------------------------------------------------------------------*/ 

.tabs > .pager {
  position: absolute;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  font-size: 16px;
  z-index: 9;
}

.tabs > .pager .prev {
  position: absolute;
  left: 4px;
  top: 9px;
  width: 12px;
  text-indent: -9999px;
  background: url(prev-caret.png) 1px no-repeat;
}

.tabs > .pager .next {
  position: absolute;
  left: 696px;
  top: 9px;
  width: 12px;
  text-indent: -9999px;
  background: url(next-caret.png) 1px no-repeat;
}


/* Share page
-----------------------------------------------------------------------------*/

.share .areaInner {
  padding-top: 20px;
}

.share .attributes {
  width: 346px;
  float: left;
  margin: -10px 0 0;
}

.share .date {
  width: 148px;
  float: left;
  font-style: italic;
  color: #787878;
}

.share .attributes .date p {
  padding-left: 10px;
}

.share .shares {
  width: 101px;
  float: left;
  font-style: italic;
  color: #787878;
}

.share .votes {
  float: left;
  font-style: italic;
  color: #787878;
}

.share .column {
  width: 335px;
  float: left;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 15px;
}

.share .shareItem {
  width: 338px;
  height: 20px;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  overflow: hidden;
}

.share .shareItem p {
  padding: 3px 0 3px 8px;
  font-style: normal;
}

.share .shareItem p.date {
  color: #333;
  border-right: 1px solid #e5e5e5;
  width: 138px;
}

.share .shareItem p.shares {
  border-right: 1px solid #e5e5e5;
  width: 81px;
}

.share .stockInfoShareP2 ul {
  width: 688px;
  display: table;
}

.share .stockInfoShareP2 ul li {
  padding: 12px 10px 0;
  color: #000;
}

.share .stockInfoShareP2 ul li p {
  width: 285px;
}

.share .stockInfoShareP2 ul li span {
  color: #787878;
  position: relative;
  left: 318px;
  bottom: 13px;
}

.share .stockInfoShareP2 ul li:nth-child(odd) {
  background: #f2f3f5;
}

.share .stockInfoShareP2 ul li:nth-child(even) {
  background: #fff;
}

.share .stockInfoShareP2 tr:nth-child(odd) {
  background: none repeat scroll 0 0 #F2F3F5;
}

.share .stockInfoShareP2 tr:nth-child(even) {
  background: none repeat scroll 0 0 #FFFFFF;
}

.share .stockInfoShareP2 td:nth-child(odd) {
  width: 285px;
  color: #000000;
}

.share .stockInfoShareP2 td:nth-child(even) {
  width: 285px;
  color:#787878;
}
.share .stockInfoShareP2 td { padding: 12px; }

/* Sitemap page
-----------------------------------------------------------------------------*/
.siteMap .main .navMenuList > li { position: absolute;}
.siteMap .main .navMenuList > li.nav-about-ubisoft { top : 0px;}
.siteMap .main .navMenuList > li.nav-games { top : 130px;}
.siteMap .main .navMenuList > li.nav-investor-center { top : 130px; left:250px}
.siteMap .main .navMenuList > li.nav-press { top : 0px; left:250px;}
.siteMap .main .navMenuList > li.nav-partners { top : 100px; left:250px;}
.siteMap .main .navMenuList > li.nav-careers { top : 130px; left:450px;}
.siteMap .main .navMenuList > li.nav-contact-us { top : 0px; left:450px;}
.siteMap .main .navMenuList > li.nav-legal-info { top : 30px; left:450px;}
.siteMap .main .navMenuList > li.nav-site-map { top : 60px; left:450px;}


.siteMap .main .title {
  text-transform: uppercase;
  color: #384771;
  font-size: 14px;
  margin-top: 15px;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
}

.siteMap .main hr {
  color: #e2e2e2;
  border-color: #e2e2e2;
  margin-top: 5px;
  margin-bottom: 0;
}

.siteMap .main .navMenuList > li > a {
  margin-top: 20px;       
  margin-bottom: 3px;       
  color: #384771;       
}  

.siteMap .main .navMenuList > li > a > span { 
  position: relative;
  left: -10px;
  margin-top: 20px;
  margin-bottom: 3px;
  color: #384771;
  font-size: 14px;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
}

.navSiteMap {
  background: transparent !important;
  border: none !important;
    -moz-column-count: 3;
    -moz-column-gap: 35px;
    -webkit-column-count: 3;
    -webkit-column-gap: 35px;
    column-count: 3;
    column-gap: 35px;
  height: 570px;
  border: none;
  padding: 0;
}

.siteMap .areaInner .navCareers { height:400px;}

.oldie .siteMap .footer {
  position: relative;
  top: 30px;
}

.ltie10 .navSiteMap li {
    width: 150px;
    float: left;
}

.oldie .navSiteMap li {
    width: 220px;
}

.siteMap .vnav .AspNet-Menu-WithChildren li a {
  font-size: 12px;
  line-height: 16px;
}

.siteMap .vnav .AspNet-Menu-WithChildren li a span {
  color: #787878;
}

.siteMap .vnav .AspNet-Menu-WithChildren li span {
  color: #787878;
}

.siteMap .main .linkItem a {      
   color: #384771;       
   text-decoration: none;      
}

.siteMap .main .hide {
  display:none;
}


/*  Careers - Home
-----------------------------------------------------------------------------*/
.careersHome iframe {
    height: 345px;
    width: 708px;
    overflow: hidden;
    border-radius:8px;
}

.careersHome .filter { padding-bottom:10px;}

.careersHome .filterCategory .styled-select
{
    background: url("filter-pulldown.png") no-repeat scroll 260px 1px transparent;
    width: 280px;
}

.ie7 .careersHome .filterCategory .styled-select
{
    background:none;
    width:350px;
}

.careersHome .filterCategory .styled-select select {
    width: 300px;
}

.careersHome a.videoplayer img {
 width: 690px;
 height: 387px;
 margin-bottom: 20px;
}

.careersHome a.videoplayer {
 width: 690px;
 height: 387px;
 margin-bottom: 20px;
}

.careersHome .richtext {
 font-family: "UbisoftText", Verdana, Geneva, sans-serif;
 color: #787878;
 margin-bottom: 18px;
 padding: 10px;
}

.careersHome .ubiSphere {
 padding: 0px;
}

.careersHome .worldmap { padding: 0px;}

.careersHome .richtext .p1 {       
 font-size: 18px;
 line-height: 18px;
 color: #384771;
}

.careersHome .linkItem {
  float: right;
  margin-bottom: 10px;
  margin-top: 5px;
}

.careersHome .areaInner{
  padding: 0px;
  width:710px;
}

.careersHome .main hr {
  margin: 10px;
}

/*  Careers - Search For Job
-----------------------------------------------------------------------------*/
.careersSearchOpenings .areaInner, .careersCandidateAccount .areaInner {
  padding: 0;
  background-color: #FFF
}

.careersSearchOpenings .areaInner iframe, .careersCandidateAccount .areaInner iframe {
  height: 740px;
  width: 690px;
}

/*  Section: Latest Game Releases      
-----------------------------------------------------------------------------*/  

.latestGameReleases .summary {       
  position: relative;
  left: 20px;       
}      
     
.latestGameReleases .panelPager {      
  position: absolute;
  top: 96px;
}      
     
.latestGameReleases .panelPager .prev {      
  background: url(events-arrow-left.png) no-repeat left;      
  height: 80px;       
  width: 20px;      
  text-indent: -9999px;       
  padding: 0;
  position: relative;
  top: 10px;
}      
     
.latestGameReleases .panelPager .next {      
  position: relative;       
  background: url(events-arrow-right.png) no-repeat right;      
  height: 80px;       
  width: 20px;      
  text-indent: -9999px;       
  left: 670px;      
  padding: 0;   
  top: 10px;   
}      
     
     
.latestGameReleases .sum {       
  clear: none;       
  float: left;       
  width: 226px;      
  max-height: 200px;       
}      
     
.columnLayout .latestGameReleases .sum .tn {       
   width: 220px;       
   height: 80px;       
   margin-bottom: 15px;
   border-left: 1px solid #D7D7D7;
   border-right: 1px solid #D7D7D7;      
}      

.pressHome .latestGameReleases .panelPager {
  top: 69px;
}

.pressHome .latestGameReleases .panelPager .next {
  top: 1px;
}

.pressHome .latestGameReleases .panelPager .prev {
  top: 1px;
}

.pressHome .main .latestGameReleases .widgetMainBox .summary .tn img {
   width: 216px;
   height: 80px;
   margin-bottom: 15px;
}

.pressHome .main .latestGameReleases .widgetHeader {
  margin: 0 0 20px;
  background: url(widget-header-main.png) no-repeat left;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
}

.pressHomePressTools a { text-decoration: none;}

.latestGameReleases .widgetHeader h2 {
  font-size: 14px;
  padding: 12px 0 0 11px;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 0 1px #fff;
}

.latestGameReleases .sum .tn img {       
   width: 216px;
   height: 80px;
}      
     
.latestGameReleases .sum .txt .title a {
  font-size: 12px;
  text-decoration: none;
  color: #384771;
  text-transform: uppercase;
  font-family: Verdana, Geneva, sans-serif;
}
     
.latestGameReleases .sum .txt .title {       
 margin-bottom: 4px;       
 min-height: 125px;
}

.latestGameReleases .sum .txt .body {      
 color: #787878;       
 width: 210px;
 line-height: 14px;
}

.latestGameReleases .title {
  margin-bottom: 5px !important;
}


/*  Press Home       
-----------------------------------------------------------------------------*/      

.pressHome .main {
  width: 730px;
  background: none;
  padding: 0;
}

.pressHome .main hr {
  margin: 20px 0;
}

.pressReleaseHomeAll, .pressHome .latestGameReleases {
  float: left;
  padding: 10px;
  background: #fff;
  margin: 0 0 10px;
}

.latestGameReleases {
  width: 710px !important;
}

.pressReleaseHomeAll .widgetMainBox {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  float: left;
  width: 690px;
  background: #f6f6f6;
  padding: 10px;
}

.pressHomePressTools, .pressHomeSubscribe {
  float: left;
  padding: 10px;
  height: 295px;
  width: 340px !important;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  clear: none;
  margin: 0 0 20px;
}

.pressHomePressTools {
  margin: 0 10px 0 0;
}

.pressHomePressTools img {
  margin: 0 10px 20px;
}

.pressHomePressTools p {
  font-size: 12px;
  color: #787878;
  margin: 0 10px 20px;
}

.pressHomeSubscribe {
  float: left;
  padding: 10px;
  height: 295px;
  width: 340px !important;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  clear: none;
}

.pressHomeSubscribe a {
  text-transform: uppercase;
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  text-decoration: none;
  padding-bottom: 10px;
}

.pressHomeSubscribe img {
  margin: 0 10px 10px;
  float: left;
}

.pressHome .main .pressHomeSubscribe hr {
  clear: both;
  width: 320px;
  margin: 15px 10px;
}

.pressHomeSubscribe p {
  color: #787878;
  font-size: 12px;
}

.pressHomeSubscribe .titleSection, .pressHomePressTools .titleSection {
  background: url(widget-header-press-tools.png) top no-repeat;
  margin-bottom: 20px;
}

.pressHomeSubscribe .titleSection {
  margin-bottom: 20px;
}

.pressHome .subTitle {
  color: #384771;
  font-size: 15px;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  text-transform: uppercase;
  margin: 0 0 10px 10px;
}


/* Results
-----------------------------------------------------------------------------*/

.results .title {
  text-transform: uppercase;
  font-size: 14px;
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  padding-top: 10px;
}

.results .areaInner p {
  color: #787878;
  margin: 5px 0;
}

.results .resultsChart {
  margin-left: 10px;
  margin-top: 15px;
}


/* Revenues
-----------------------------------------------------------------------------*/

.revenues .title {
  text-transform: uppercase;
  font-size: 14px;
  color: #384771;
  font-family: "UbisoftText", Verdana, Geneva, sans-serif;
  padding-top: 10px;
}

.revenues .areaInner p {
  color: #787878;
  margin: 5px 0;
}

.revenues .revenueChart {
  margin-left: 10px;
  margin-top: 15px;
}


/*  Loading      
-----------------------------------------------------------------------------*/      

.loading {      
  display: none;
  height: 40px;
  left: 46%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1104;
}

.loading div {
   background-image: url(fancybox.png);       
   height: 480px;      
   left: 0;      
   position: absolute;       
   top: 0;       
   width: 40px;          
}

.borderWrap div.loading
{
    width:40px; 
    top:auto; 
    left:77%; 
    clear:both;
}

/*top bar css*/
 .topBar { background:url(topBar_bg.jpg) repeat-x left top; min-height:9px;}
 .topBar .tbInner { width:970px; position:relative; margin:auto;}
 .topBar .tbInner .menuBox { font-size:11px; color:#FFF; padding:0px 0px 0px 47px; background:url(barLeft_bg.png) no-repeat left top; height:32px; position:absolute; right:-25px; top:0;}
 .topBar .tbInner .menuBox ul.mBInner { padding:0px 47px 0px 0px; background:url(barRight_bg.png) no-repeat right top; height:32px; list-style-type:none;} 
 .topBar .tbInner .menuBox ul.mBInner li { padding:0px 3px 0px 3px; display:block; float:left; position:relative;}
 .topBar .tbInner .menuBox ul.mBInner li a { float:left; display:block; color:#FFF; text-decoration:none; padding:9px 7px 8px 7px; border-right: #292929 solid 1px;}
 .topBar .tbInner .menuBox ul.mBInner li a:hover { text-decoration:underline;}
 .topBar .tbInner .menuBox ul.mBInner li.hasSubMenu a{ background:url(arrow123_bg.jpg) no-repeat left center; padding-left:10px;}
 .topBar .tbInner .menuBox ul.mBInner li .subMenu { z-index:999; display:none; background:#000; position:absolute; left:-3px; top:25px; width:109px; padding:5px;}
 .topBar .tbInner .menuBox ul.mBInner li .subMenu a { border:none; color:#868686; padding:2px; background:none;}

/* Compatibility
----------------------------------------------------------------------------*/

.oldie .styled-select {
  background-color: #e5e5e5;
}

.ie7 .openLayout .main {
  width: 990px;
}

.ie7 .homeLatestNews img {
  margin-bottom: 0;
}

.ie7 .homeLatestNews hr {
  margin: 3px 0 6px;
}

.ie7 .followUs hr {
  margin: -6px 0 -5px;
}


.ie7 .homeLiveFeed hr {
  margin: 5px 0 5px;
}

.ie7 .homeLiveFeed .body {
  width: 279px;
}

.ie7 .homeLiveFeed .txt {
  margin-bottom: 0;
}

.ie7 .homeLiveFeed .feed {
  padding: 8px 0;
}

.ie7 .homeLiveFeed .like {
  position: relative;
  bottom: 18px;
}

.ie7 .hnav input.submit {
  top: 10px;
  right: 17px;
}

.ie7 .hnav input.searchBox {
  height: 20px;
}

.ie7 .vnav .navMenuList hr {
  margin: 5px 10px 0px 0px;
}

.ie7 .contentSummary .panelPager {
  position: absolute;
  left: 0px;
}

.ie7 .games .contentSummary .panelPager {
  left: 11px;
}

.ie7 .carouselControlsBox {
  z-index: 9999;
}

.ie7 .columnLayout .main .compBox {
  padding-bottom: 5px;
}

.ie7 .dropdown_1column {
  padding: 15px 0 10px 0;
}

.ie7 #menu li ul {
  margin-left: 0px;
  margin-right: 0px;
}

.ie7 #menu li .games-dropdown .col_5 {
  margin-left: 10px;
}

.ie7 #menu li .investor-dropdown li {
  position: relative;
  left: -16px;
}

.ie7 .newsEvents .area2 {
  height: 263px;
}

.ie7 .styled-select, .ie7 .pressTools .styled-select {
  background: none;
}

.ie7 #selectTypes {
  width: 225px;
  height: 26px;
}

.ie7 .careersHome #selectTypes {
  width: 325px;
}

.ie7 .worldPresence #selectTypes {
  width: 300px;
}

.ie7 #selectMonth, .ie7 #selectYear {
  width: 120px;
}

.ie7 .pressContact .styled-select select {
  width: 156px;
}

.ie7 .pressHome .main .pressHomeSubscribe hr {
  margin: 5px 0;
}

.ie7 .pressTools #selectTypes {
  width: 205px;
}

.ie7 .photoViewLinkListBottom {
  position: relative;
  top: 60px;
}

.ie7 .photoView .pager_dynamic {
  position: relative;
  top: 10px;
}

.ie7 .footerBox {
  position: relative;
}


/**
 * Non-semantic helper classes: please define your styles before this section.
 */


/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }


/* HTML Selector */
/* Styles for jQuery menu widget
Author:	Maggie Wachs, maggie@filamentgroup.com
Date:		September 2008
*/


/* REQUIRED STYLES - the menus will only render correctly with these rules */	

.fg-menu-container { position: absolute; top:0; left:-999px; padding:0;  overflow: hidden; }
.fg-menu-container.fg-menu-flyout { overflow: visible; }

.fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; }

.fg-menu { position:relative; }
.fg-menu-flyout .fg-menu { position:static; }

.fg-menu ul { position:absolute; top:0; }
.fg-menu ul ul { top:-1px; }

.fg-menu-container.fg-menu-ipod .fg-menu-content, 
.fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; }

.fg-menu.fg-menu-scroll,
.fg-menu ul.fg-menu-scroll { overflow: scroll;  overflow-x: hidden; }

.fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border-top:0px; line-height:13px; border-bottom: 1px solid #B6B6B6; border-left: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ .fg-menu li { border-left: 0px; } }
/*.fg-menu li:first-child { border-top: 1px solid #e5e5e5;}*/
.fg-menu li li { font-size:11px; line-height:13px; } /* inner li font size must be reset so that they don't blow up */
.fg-menu li li a {
	display:block;
	padding-bottom:5px !important;
	}
.fg-menu-flyout ul ul { padding:0; }
.fg-menu-flyout li { position:relative; }

.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }

.fg-menu-breadcrumb { margin: 0; padding: 0; }



.fg-menu-breadcrumb li { float: left; list-style: none; margin: 0; padding:0; font-size:13px; opacity: .7; }
.fg-menu-breadcrumb li.fg-menu-prev-list,
.fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; }
.fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top:0; }

.fg-menu-breadcrumb a, 
.fg-menu-breadcrumb span { float: left; }

.fg-menu-footer a:link,
.fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; }
.fg-menu-footer a:hover,
.fg-menu-footer a:active {  }

.fg-menu-footer a span { float:left; cursor: pointer; }

.fg-menu-breadcrumb .fg-menu-prev-list a:link,
.fg-menu-breadcrumb .fg-menu-prev-list a:visited,
.fg-menu-breadcrumb .fg-menu-prev-list a:hover,
.fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; }
	
.fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right:0; }
.fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; }
	
.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
.fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-size:13px; line-height:13px; text-decoration:none; }



/* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into 
	selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right	*/

.fg-menu a:link,
.fg-menu a:visited,
.fg-menu a:hover,
.fg-menu a:active { float:left; width:94%; padding:4px 3% 3px 3%; text-decoration:none; outline: 0 !important; }

.fg-menu a { border: 0px dashed transparent; }

.fg-menu a.ui-state-default:link,
.fg-menu a.ui-state-default:visited,
.fg-menu a.ui-state-default:hover,
.fg-menu a.ui-state-default:active,
.fg-menu a.ui-state-hover:link,
.fg-menu a.ui-state-hover:visited,
.fg-menu a.ui-state-hover:hover,
.fg-menu a.ui-state-hover:active,
 .fg-menu a.ui-state-active:link,
 .fg-menu a.ui-state-active:visited,
 .fg-menu a.ui-state-active:hover,
.fg-menu a.ui-state-active:active { border-style: solid; font-weight: normal; }

.fg-menu a span { display:block; cursor:pointer; font-size:11px;}


 /* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */	
 
.fg-menu-indicator span { float:left; }
.fg-menu-indicator span.ui-icon { float:right; }

.fg-menu-content.ui-widget-content, 
.fg-menu-content ul.ui-widget-content { border:0; }


/* ICONS AND DIVIDERS */

.fg-menu.fg-menu-has-icons a:link,
.fg-menu.fg-menu-has-icons a:visited,
.fg-menu.fg-menu-has-icons a:hover,
.fg-menu.fg-menu-has-icons a:active { padding-left:20px; }

.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { padding:0; margin:0; }
.fg-menu .horizontal-divider hr { border:0; height:0px; }
.fg-menu .horizontal-divider span { font-size:13px; line-height:13px; text-transform: uppercase; padding-left:8px; }

#menuLog {
	font-size: 13px;
	 line-height:13px;
	margin: 0;
}
.hidden {
	position: absolute;
	top: 0;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.fg-button {
	clear: left;
	margin: 5px 0px 5px 3px;
	padding:7px 10px;
	text-decoration: none !important;
	text-transform:uppercase;
	cursor: pointer;
	position: relative;
	text-align: center;
	zoom: 1;
}
.selector .fg-button {
	margin: 0px 0px 10px 0px;
}
.worldPresence .selector .fg-button {
	margin: 0px 0px 5px 0px;
}
.fg-button .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -8px;
}
a.fg-button {
	float: left;
}
button.fg-button {
	width: auto;
	overflow: visible;
} /* removes extra button width in IE */
.fg-button-icon-left {
	padding-left: 2.1em;
}
.fg-button-icon-right {
	padding-right: 2.1em;
}
.fg-button-icon-left .ui-icon {
	right: auto;
	left: .2em;
	margin-left: 0;
}
.fg-button-icon-right .ui-icon {
	left: auto;
	right: .2em;
	margin-left: 0;
}
.fg-button-icon-solo {
	display: block;
	width: 8px;
	text-indent: -9999px;
}	 /* solo icon buttons must have block properties for the text-indent to work */
.fg-button.ui-state-loading .ui-icon {
	background: url(spinner_bar.gif) no-repeat 0 0;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://ui.jquery.com/themeroller/?ffDefault=segoe%20ui,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=3b3b35&bgTextureHeader=05_inset_soft.png&bgImgOpacityHeader=22&borderColorHeader=59584f&fcHeader=ffffff&iconColorHeader=e7e6e4&bgColorContent=f0efea&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=808080&bgColorDefault=327E04&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=25&borderColorDefault=327E04&fcDefault=ffffff&iconColorDefault=eeeeee&bgColorHover=5A9D1A&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=327E04&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f0efea&bgTextureActive=07_diagonals_small.png&bgImgOpacityActive=100&borderColorActive=c4c5c3&fcActive=403D38&iconColorActive=8DC262&bgColorHighlight=fcf0ba&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=e8e1b5&fcHighlight=363636&iconColorHighlight=8DC262&bgColorError=ffedad&bgTextureError=03_highlight_soft.png&bgImgOpacityError=95&borderColorError=e3a345&fcError=cd5c0a&iconColorError=cd0a0a&bgColorOverlay=2e2e28&bgTextureOverlay=21_glow_ball.png&bgImgOpacityOverlay=25&opacityOverlay=65&bgColorShadow=f0f0f0&bgTextureShadow=01_flat.png&bgImgOpacityShadow=35&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.positionHelper .ui-widget { font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:13px; }
.positionHelper .ui-widget input, .positionHelper .ui-widget select, .positionHelper .ui-widget textarea, .positionHelper .ui-widget button { font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:13px; }
.positionHelper .ui-widget-content { border: 0px solid #aaaaaa; background: #f0efea; color: #222222; }
.positionHelper .ui-widget-content a { color: #222222; background:#ececec url(silver-bg.png) repeat-x top; }
.positionHelper .ui-widget-header { border: 0px solid #59584f; background: #f0efea ; color: #ffffff; font-weight: normal; }
.positionHelper .ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .positionHelper .ui-widget-content .ui-state-default { border: 0px solid #000; background: #000 url(black-bg.png) repeat-x top ; font-weight: normal; color: #fff; outline: none; }
a.ui-state-default:hover {color: #fff;}
.positionHelper .ui-state-default a { color: #ffffff; text-decoration: none; outline: none; }
.positionHelper .ui-state-hover, .positionHelper .ui-widget-content .ui-state-hover, .ui-state-focus, .positionHelper .ui-widget-content .ui-state-focus { border: 0px solid #000; background: #000 url(black-bg.png) repeat-x top; font-weight: normal; color: #ffffff; outline: none; }
.positionHelper .ui-state-hover a { color: #ffffff; text-decoration: none; outline: none; }
.positionHelper .ui-widget-content .ui-state-active { border: 0px solid #c4c5c3; background: #f0efea url(ui-bg_diagonals-small_100_f0efea_40x40.png) 50% 50% repeat; font-weight: normal; color: #403D38; outline: none; }
.ui-state-active a { color: #403D38; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .positionHelper .ui-widget-content .ui-state-highlight {border: 0px solid #e8e1b5; background: #fcf0ba url(ui-bg_glass_55_fcf0ba_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .positionHelper .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .positionHelper .ui-widget-content .ui-state-error {border: 0px solid #e3a345; background: #ffedad url(ui-bg_highlight-soft_95_ffedad_1x100.png) 50% top repeat-x; color: #cd5c0a; }
.ui-state-error a, .positionHelper .ui-widget-content .ui-state-error a { color: #cd5c0a; }
.ui-state-error-text, .positionHelper .ui-widget-content .ui-state-error-text { color: #cd5c0a; }
.ui-state-disabled, .positionHelper .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .positionHelper .ui-widget-content .ui-priority-primary { font-weight: normal; }
.ui-priority-secondary, .positionHelper .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(ui-icons_808080_256x240.png); }
.positionHelper .ui-widget-content .ui-icon {background-image: url(ui-icons_808080_256x240.png); }
.positionHelper .ui-widget-header .ui-icon {background-image: url(ui-icons_808080_256x240.png); }
.ui-state-default .ui-icon { background-image: url(ui-icons_ffffff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(ui-icons_eeeeee_256x240.png); }
.positionHelper .ui-state-active .ui-icon {background-image: url(ui-icons_808080_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(ui-icons_808080_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(ui-icons_808080_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius 
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }*/

/* Overlays */
.ui-widget-overlay { background: #2e2e28 url(ui-bg_glow-ball_25_2e2e28_600x600.png) 50% 35% repeat-x; opacity: .65;filter:Alpha(Opacity=65); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #f0f0f0 url(ui-bg_flat_35_f0f0f0_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.office .carouselZoomBox .carouselFocusBox { height: 155px; }
.office .carouselZoomBox { margin-bottom: 8px; }

/*Graduate Program*/
.careersApply .area2 { width: 340px; }
.careersApply .areaInner{ width: 690px; }
.careersApply .area2 .areaInner{ width: 320px; height:387px }
.careersApply .midArea {float: left;}
.online-prog-track { display:none;}
.proj-management { display:none;}

.online-prog-track .video a{text-align:center;}
.online-prog-track .video img{width:auto;height:auto}
.online-prog-track .video object{width:400px;height:225px}

.proj-management .video a{text-align:center;}
.proj-management .video img{width:auto;height:auto}
.proj-management .video object{width:400px;height:225px}
