#index_page {
  margin: 0 auto;
}

#index_page #main_wrapper_body_content {
  background: rgba(255,255,255,1.0);
  width: 895px;
}

/* --------------------------------------------------------
   Header area, with padding for fix
   -------------------------------------------------------- */


#index_page .header_area_shell {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  height: 48px;
  width: 895px;
  z-index: 10000;
  border-radius: 5px 5px 0 0;
  border-width: 0 0 1px 0;
  border-color: transparent;
  border-style: solid;
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.2);
}

#index_page .header_area_shell.pinned {
  top: 35px;
  background: rgba(255,255,255,0.90);
  border-color: #E5E5E5;
  left: auto;  
}


#index_page #main_content_area_shell {
  margin: 0;
  padding-top: 45px;
}

#index_page .header_area {
  padding: 10px 0 0 0;
  position: relative;
  margin: 0 auto;
  width: 90%;
}


#index_page .header_area .hidden_input {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}

#index_page .header_area .form-inline {
  margin: 0;
}

#index_page .header_area .form-inline .form-item-group {
  display: block;
  float: left;
  margin: 0 12px 0 0;
  padding: 0;
}



#index_page .header_area .form-inline .options {
  
}

#index_page .header_area .form-inline .options .menu {
  padding: 5px 15px 20px 15px;
  color: #FFFFFF;
}


#index_page .header_area .form-inline .options .menu h3 {
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  margin: 0 0 0 0;
}

#index_page .header_area .form-inline .options .menu label {
  white-space: nowrap;
  padding: 5px 10px;
  margin: 0;
}

#index_page .header_area .form-inline .options .menu label button {
  margin: 0 5px 0 0;
}


#index_page .header_area .form-inline .options .menu .button-panel {
  margin: 10px 0 0 35px;
}





/*
#index_page .header_area .form-item-group.language {
}
#index_page .header_area .language button {
  color: #777777;
}
#index_page .header_area .language button.disabled {
  background-color: #FFFFFF;
  color: #777777;
  font-weight: 400;
  opacity: 1.0;
}
*/



#index_page .header_area .social {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -7px 0 0 0; /* = - (height of buttons + upper padding of parent shell) */
  height: 24px;
  padding: 0;
}

#index_page .header_area .social a {
  opacity: 0.5;
  padding: 0 3px 0 0;
}

#index_page .header_area .social a:hover {
  opacity: 1.0;  
}

#index_page .header_area .social a img {
  margin: 0;
  padding: 0;
  border-radius: 3px;
}








.no-results-statement {
  width: 500px;
  font-size: 30px;
  color: #888888;
  padding: 120px 0 120px 0;
  margin: 60px auto 0 auto;
  text-align: center;
}


.results-statement {
  padding: 10px 0 0 100px;
  color: #999999;
  margin: 0;
}



/* --------------------------------------------------------
   Content List
   -------------------------------------------------------- */

#index_page .content_list {
  width: 800px;
  margin: 0 auto;
  padding: 0 0 0 0;
}

#index_page .content_list .content_blurb_container {
}

#index_page .content_list .content_blurb_container:last-child .content_blurb {
  border: 0;
}






/* --------------------------------------------------------
   Attract
   -------------------------------------------------------- */

#index_page .attract {
  width: 750px;
  margin: 20px auto;
}

#index_page .attract .base_ad {
  float: left;
  width: 300px;
  background: #E5E5E5;
  border-radius: 5px;
}

#index_page .attract .ranking {
  height: 250px;
  width: 440px;
  margin: 0 auto 0 320px;
  background: #FFFFFF;
  border-width: 0 0 1px 0;
  border-style: dashed;
  border-color: #AAAAAA;
}

#index_page .attract .ranking a {
  color: #999999;
}


#index_page .attract .ranking .header {
  position: relative;
  color: #999999;
  background: 0;
  padding: 2px 15px 0 15px;
  height: 22px;
  margin: 0 0 0 0;
  border-style: dashed;
  border-color: #AAAAAA;
  border-width: 0 0 1px 0;
  background: 0;
  font-size: 13px;
}

#index_page .attract .ranking .header i {
  opacity: 0.5;
}

#index_page .attract .ranking .header .date_stmt {
  float: right;
}





#index_page .attract .ranking .top_ten_ranking {
  height: 220px;
  padding-right: 0;
}



#index_page .attract .ranking .scrollbar {
  padding-right: 0;
}


#index_page .attract .ranking .scrollbar .knob {
  background: #888888;
}









#index_page .attract .ranking .top_ten_ranking .single_item {
  position: relative;
  background: #FFFFFF;
  margin: 0 8px 0 8px;
}

#index_page .attract .ranking .top_ten_ranking .single_item.odd {
  background: #FAFAFA;
}

#index_page .attract .ranking .top_ten_ranking .single_item:hover {
  background: #E5E5E5;  
}

#index_page .attract .ranking .top_ten_ranking .single_item .rank_count {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 70px;
  height: 39px;
  border-radius: 3px;
  background: rgb(30, 30, 30);
  background: rgba(30, 30, 30, 0.25);
  text-shadow: 1px 1px 0 #333333;
  color: #F5F5F5;
  font-size: 30px;
  line-height: 39px;
  vertical-align: middle;
  text-align: center;
	z-index: 10;
  opacity: 1;
  
  transition: opacity 0 linear;
  -moz-transition: opacity 0 linear;
  -webkit-transition: opacity 0 linear;
  -o-transition: opacity 0 linear;
  
}

#index_page .attract .ranking .top_ten_ranking .single_item:hover .rank_count {
  opacity: 0;
  
  transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
    
}


#index_page .attract .ranking .top_ten_ranking .content_blurb_popular {
  margin: 0;
  padding: 8px 12px 13px 8px;
}

#index_page .attract .ranking .top_ten_ranking .content_blurb_popular .subtext {
  display: none;
}






#index_page .content_loader {
  border-width: 1px 0 0 0;
  border-color: #E5E5E5;
  border-style: solid;
  overflow: hidden;
  margin: 15px 20px 0 20px;
  padding: 15px 50px 0 0;
}

#index_page .content_loader .pager_shell {
  float: right;
  margin: 0 0 20px 0;
}