/***

  General

***/

html {
  /*background: #00563f; 01795e*/
  min-width: 990px;
}

body {
  background: #00563f url(/images/player_site/layout/bg_color.png) repeat-y top center scroll;
  -webkit-text-size-adjust: none;
  font-family: "Trebuchet MS", Verdana;
  font-weight: 500;
  font-size: 12px;
  color: #616161;
}

a {
  color: #33833b;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

a:hover {
  color: #333333;
  text-decoration: none;
}

.preload {
  display: none;
}

.underline {
  text-decoration: underline;
}

/***

  Errors

***/

.errorExplanation {
  color: crimson;
  margin-left: 35px;
  margin-top: 10px;
}

.errorExplanation ul {
  list-style: disc outside none;
  margin-left: 3em;
}

.errorField {
  float: left;
  width: 20px;
  height: 10px;
  margin-top: 16px;
  text-align: center;
  font-size: large;
  color: crimson;
}

.errorMessage {
  float: left;
  width: 100%;
  padding-left: 155px;
  color: crimson;
}

label.error {
  position: relative;
  top: 5px;
  color: crimson;
}

/***

  Icon

***/

.icon_90,
.mask_90 {
  height: 90px;
  width: 90px;
  z-index: 1;
}

.mask_90 {
  top: -90px;
  margin-bottom: -90px;
}

.icon_45,
.mask_45 {
  height: 45px;
  width: 45px;
  z-index: 1;
}

.mask_45 {
  top: -45px;
  margin-bottom: -45px;
}

.icon_70,
.mask_70 {
  height: 70px;
  width: 70px;
  z-index: 1;
}

.mask_70 {
  top: -71px;
  left: -1px;
  margin-bottom: -70px;
}

.mask_90,
.mask_45,
.mask_70 {
  display: block;
  position: relative;
  z-index: 2;
}

/***

  Header

***/

#header_box {
  position: relative;
  background: #e9e8e8;
  height: 132px;
}

#header_box #header_left {
  float: left;
  width: 350px;
}

#header_box #header_left #of_logo {
  display: block;
  background: transparent url(/images/player_site/layout/new_of_logo.png) no-repeat;
  margin: 40px 0px 0px 25px;
  width: 260px;
  height: 68px;
}




/* =============== HEADER & NAVBAR ==================== */

#header_box.corporate #header_right {
  float:right;
}

#header_box.corporate #header_right #search_bar input[type="image"] {
  margin-right:10px;
}

#header_box.corporate #nav_bar {
  float: right;
  width: 550px;
  height:55px;
  margin: 56px 10px 0px 0px;
  text-align: right;
}

#header_box.corporate #nav_bar ul#main_nav {
  position:relative;
  left:105px;
  list-style:none outside none;
  margin:0;
  padding:0;
}

#header_box.corporate #nav_bar ul#main_nav li.main_nav_items {
  list-style:none;
  position:relative;
  float:left;
}

#header_box.corporate #nav_bar li.main_nav_items > a {
  float:left;
  background: url("/images/player_site/layout/nav_bar/nav_bar_Dgreen.png") no-repeat;
  width: 66px;
  height: 44px;
  margin-left: 5px;
  padding:15px 20px;  
  font-size: 14px;
  color: #2d2d2d;
  text-align: center;
  text-decoration:none;
  
}

#header_box.corporate #nav_bar ul#main_nav li.main_nav_items > a:hover {
  background: url("/images/player_site/layout/nav_bar/nav_bar_grey.png") no-repeat;
  color:#ffffff;
  text-decoration:none;
}

#header_box.corporate #nav_bar ul#main_nav li.main_nav_items a.multi_line {
  padding-top:5px;
  line-height:16px;
}

/* ============= MAKE SUBNAV  =================*/

#header_box.corporate #nav_bar span#dropdown {
  display:block;
  float:left;
  z-index:10 !important;
}

#header_box.corporate #nav_bar ul#main_nav #dropdown:hover > li > a {
  color: #ffffff;
  background: url("/images/player_site/layout/nav_bar/nav_bar_grey.png") no-repeat;
  text-decoration: none;
}

#header_box.corporate #nav_bar ul#main_nav li.main_nav_items ul.sub_nav {
  position: absolute;
  top: 40px;
  left: 5px;
  list-style:none outside none;
  visibility:hidden;
  z-index:10 !important;
}


#header_box.corporate #nav_bar ul.sub_nav li.sub_nav_items {
  display: block;
  background: #3a3a3a;
  border-top: 1px dotted #616161;
  text-align: left;
}

#header_box.corporate #nav_bar ul.sub_nav li.sub_nav_items.first {
  border-top:0;
}

#header_box.corporate #nav_bar ul.sub_nav li.sub_nav_items:hover {
  background: #535353;
}


#header_box.corporate #nav_bar ul.sub_nav li.sub_nav_items.last {
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
}

#header_box.corporate #nav_bar ul.sub_nav li.sub_nav_items a {
  display: block;
  width: 85px;
  height: 12px;
  padding: 12px 15px;
  font-weight: bold;
  color: #ffffff;
}

#header_box.corporate #nav_bar ul#main_nav li.main_nav_items ul.sub_nav li.sub_nav_items a:hover {
  text-decoration: none;
}

/* ============= MAKE SUBNAV VISIBLE =================*/

#header_box.corporate #nav_bar ul#main_nav #dropdown:hover ul.sub_nav li {
  visibility:visible;
}


#header_box.corporate #nav_bar #dropdown div#carrot {
  position: absolute;
  top:15px;
  left:95px;
  background: url(/images/company/layout/nav_carrots.png) 0 0 no-repeat;
  width:10px;
  height:8px;
  z-index:11 !important;
}

#header_box.corporate #nav_bar ul#main_nav span#dropdown:hover div#carrot {
  background-position:0 -8px;
}
/*
#header_box_divider {
  background: #20822a;
  height: 6px;
  font-size: 0px;
}
*/
/* ============= MAKE ACTIVE STATES PERSIST =================*/

#home_about #nav_bar #about,
#ios_index #nav_bar #ios,
#ios_show #nav_bar #ios,
#ios_gold #nav_bar #ios,
#ios_free_games #nav_bar #ios,
#android_index #nav_bar #android,
#android_show #nav_bar #android {
  background: url("/images/player_site/layout/nav_bar/nav_bar_grey.png") no-repeat;
  color: #ffffff;
  text-decoration: none;
}

#ios_index #nav_bar ul#main_nav span#dropdown #carrot,
#ios_show #nav_bar ul#main_nav span#dropdown #carrot,
#ios_gold #nav_bar ul#main_nav span#dropdown #carrot,
#ios_free_games #nav_bar ul#main_nav span#dropdown #carrot {
  background-position:0 -8px;
}

/***

  Search Bar

***/

#header_box #header_right {
  float: left;
}

#header_box #header_right #search_bar {
  height: 26px;
  text-align: right;
  margin-top: 4px;
  padding-bottom: 6px;
}

#header_box.new #header_right #search_bar span {
  color: #555555;
  font-weight: bold;
}

#header_box #header_right #search_bar input[type=text] {
  display: inline-block;
  height: 19px;
  width: 170px;
  border: 1px solid #a7a7a7;
  margin-top: 3px;
  vertical-align: top;
}

#header_box #header_right #search_bar select {
  display: inline-block;
  margin-top: 5px;
}

#header_box #header_right #search_bar input[type=image] {
  display: inline-block;
  float: right;
  width: 78px;
  height: 26px;
  margin: 0px 25px 0px 5px;
}

#header_box_divider {
  background: #20822a;
  height: 6px;
  font-size: 0px;
}

/***

  Nav bar

***/

/* =============== FOOTER =================== */

#leaf_bottom {
  position: relative;
  top: -90px;
  left: 850px;
  width: 121px;
  height:100px;
  margin-bottom: -100px;
  text-align: right;
  font-size: 0px;
  z-index: 4;
}


#leaf_bottom img {
  position: absolute;
  top: -10px;
  left: 1px;
  width: 121px;
  height: 100px;
  z-index: 4;
}


#footer_box {
  position:relative;
  height: 299px;
  background-color:#f5f3f3;
  border:1px solid #d0cfcf;
  margin-top:20px;
  clear:both;
}

#footer_box {
  color:#555555;
  font:normal 13px/16px Trebuchet MS, sans-serif;
}

#footer_box h1, 
#footer_box h2, 
#footer_box h3 {
  color:#33833b;
}

#footer_box h5 {
  font:bold 14px/18px "Trebuchet MS";
  color:#005c45;
}

#footer_box #top_row {
  margin-bottom:1px;
}

#footer_box #bottom_row {
  position:relative;
  bottom:0;
  border-top:1px solid #d0cfcf;
  background-color:#ffffff;
  height:20px;
  padding:8px 10px 4px;
}

#footer_box #bottom_row #improve_text {
  text-align:right;
}

#footer_box #top_row ul,
#footer_box #top_row ul li {
  list-style:none;
}

#footer_box #top_row ul.footer_layout_list li.layout_list_items {
  float:left;
  background:none;
  border-left:1px solid #d0cfcf;
  height:235px;
  margin:0;
}

#footer_box #top_row ul li#left_box {
  width:203px;
  background-color:#e9e8e8;
  border:0;
  margin:1px 1px 0 0;
  padding:15px 15px 15px 20px;
}

#footer_box #top_row ul li#center_box, #footer_box #top_row ul li#right_box {
  width:318px;
  padding:15px 15px 15px 20px;
  margin:1px 0 0 0;
}

#footer_box span {
  width:auto;
  margin:0 !important;
  font:normal 12px/15px "Trebuchet MS", sans-serif;
  color:#555555;
}

#footer_box #bottom_row #improve_text a {
  margin-right:20px;
}

#footer_box #bottom_row a.green {
  color:#33833b;
  text-decoration:none;
  font-weight:normal;
}

#footer_box #bottom_row a.green:hover {
  color:#333333;
  text-decoration:none;
}

#footer_box #top_row ul.footer_layout_list li#left_box #of_logo {
  position:relative;
  left:-3px;
  background:url('/images/footer/of_footer_logo.png') 0 0 no-repeat;
  width:190px;
  height:41px;
  padding:0;
}

#footer_box #top_row ul.footer_layout_list li#left_box p {
  margin:10px 0 10px 0px;
  padding-right:8px;
  line-height:130%;
  font-size:13px;
  letter-spacing: .041em;
}

#footer_box #top_row ul li div.column {
  float:left;
  width:159px;
}

#footer_box #top_row ul li div.column#right_column {
  width:149px;
  padding-left:10px;
}

#footer_box #top_row ul li div.column ul {
  margin-top:5px;
  padding-bottom:20px;
}

#footer_box #top_row ul li div.column ul li {
  float:none;
  list-style:none;
  border:0 !important;
  margin:0;
  padding:1px 0;
  line-height:16px;
}

#footer_box #top_row ul li div.column ul li a {
  text-decoration:none;
  color:#555555;
  font:normal 13px/15px "Trebuchet MS";
}

#footer_box #top_row ul li div.column ul li a:hover {
  color:#333333;
}

#footer_box #top_row ul li.layout_list_items ul#social {
  margin:8px 0 90px;
}

#footer_box #top_row ul li.layout_list_items ul#social li {
  float:left;
  padding:0;
  margin-right:10px;
  text-align:left;
}

#footer_box #top_row ul li.layout_list_items ul#social li a {
  display:block;
  padding:10px 5px 10px 38px;
  font:bold 13px/21px "Trebuchet MS";
  color:#555555;
  text-decoration:none;
}

#footer_box #top_row ul li.layout_list_items ul#social li a:hover {
  color:#333333;
}

#contact {
  background:url('/images/footer/contact_satellite.png') 0 0 no-repeat;
}
  
#facebook {
  background:url('/images/footer/facebook_icon.png') 0 0 no-repeat;
}

#twitter {
  background:url('/images/footer/twitter_bird.png') 0 0 no-repeat;
}

#footer_box #top_row ul li.layout_list_items form {
  margin:5px 0 20px;
  padding:5px;
  text-align:left;
  font-size:12px;
}
#footer_box #top_row ul li.layout_list_items form label {
  margin:3px 15px 3px 2px;
}

#footer_box #top_row ul li.layout_list_items form input[type="text"] {
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  background:white;
  border:1px solid #d0cfcf;
  padding:6px;
  width:215px;
  margin: 18px 5px 0 0;
  color:#555555;
}

#footer_box #top_row ul li.layout_list_items form #submit {
  background:url('/images/footer/submit_bttns.png') 0 0 no-repeat;
  border:0;
  width:67px;
  height:26px;
  cursor:pointer;
  text-indent:-9999em;
}

#footer_box #top_row ul li.layout_list_items form #submit:hover {
  background-position:-67px, 0;
}




/***

  Privacy Page

***/

#privacy_page h1 {
  font-size: 2em;
  font-weight: bold;
}

#privacy_page h2 {
  font-size: 1.6em;
}

#privacy_page h3 {
  font-size: 1.2em;
}

#privacy_page {
  padding: 20px 0px;
  margin: 0px 35px;
  line-height: 140%;
  color:#333333;
}

/***

  TOS Page

***/

#tos_page {
  margin: 20px 30px 40px;
  line-height: 130%;
}

#tos_page h1 {
  margin: 20px 0px;
  font-size: 24px;
}

#tos_page h2 {
  margin: 15px 0px 5px;
  font-size: 16px;
}

#tos_page p {
  margin: 10px 0px;
  font-size: 12px;
}

#tos_page ol {
  list-style: decimal;
  padding: 10px;
  margin-left: 10px;
}

#tos_page ol li {
  margin: 10px 0px;
}