* {
    -moz-box-sizing: border-box;
    font-family:Arial,Helvetica,Sans-serif;
  }

div.crossbar, table.crossbar {
position:relative;
left:0px;
  }

.crossbar_1 {
    z-index: 100;
    width: 225px;
    height: 165px;
    background-repeat:no-repeat;
  }

.crossbar_2 {
    z-index: 100;
    background-color: #940000;
    height: 165px;
    color: #FFF;
    font-size: 12px;
    padding: 3px;
    overflow:hidden;
  }


.crossbar_3 {
    z-index: 100;
    width: 8px;
    height: 165px;
    background-repeat:no-repeat;
  }

div.crossbar_title {
    font-size: 17px;
    color: #FF9A00;
    text-align: center;
    overflow:hidden;
    width:100%;
    padding:0px;
    margin:0px;
    font-weight:bold;
  }

div.above_site_menu{
  height:45px;
  background-color:#182831;
  margin-right:-10px;
}

img.arrow_right{
  float:left;
  width:24px;
  height:24px;
}

div.header{
  background-color:#182831;
  padding: 5px 0px 5px 5px;
  margin: 0 auto;
  position: relative;
  text-align: left;
}

div.crossbar_top {
  background-color: #182831;
  position:absolute;
  left:0%; height:20px; width:100%; top:80px;
}

div.crossbar_topshort {
  background-color: #182831;
  position:absolute;
  left:12px; height:27px; width:209px; top:81px;
}

div.crossbar_toplong {
  background-color: #182831;
  position:absolute;
  left:0px; height:80px; width:243px; top:81px;
}

div.crossbar_top_above {
  background-color: #182831;
  position:absolute;
  top:0px;
  left:0px;
  height:82px;
  width:100%;
}

td.crossbar_left, td.crossbar_right {
  width: 60px;
  cursor: pointer;
  vertical-align:top;
  padding-top: 4px;
}

td.crossbar_left div {
  height: 90px;
  width: 45px;
  margin-right: 15px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

div.alternative_left_bar {
  background-color:white;
  width:160px;
  height:100%;
  padding:5px;
}

td.crossbar_right div {
  margin-left: 15px;
  height: 90px;
  width: 45px;
  background-repeat: no-repeat;
  background-position: -45px 0px;
}

div.crossbar_bottom {
  background-color: #182831;
  width:210px;
  position:relative;
  top:630px;
  left:15px;
}


div.bottom_rounder {
  width:184px;
  height:49px;
  margin-left:34px;
  vertical-align:bottom;
}

div.friend_bubbles {
  width:170px;
  height:348px;
  background-repeat:no-repeat;
}


div.content_above_bar {
  padding: 0px 0px 4px 221px;
  color: #8CA2B5;
  background-repeat: no-repeat;
  background-position: 9px 45px;
}

div.alternative_content_above_bar {
  padding: 0px 0px 4px 221px;
  color: #8CA2B5;
  background-repeat: no-repeat;
  background-position: 10px 45px;
  background-color:#182831;
}


div.content_below_bar {
  padding: 4px 0px 4px 221px;
  color: #8CA2B5;
}

.join_now_box{
background-color:#182831;
color:white;
font-size:19px;
padding: 8px 10px 8px 20px;
}



div.alternative_content_below_bar {
  padding: 0px 0px 4px 245px;
  color: #8CA2B5;
  font-size:12px;
  
}

a.friend_img {
  border: 0px;
  text-decoration: none;
  font-size:14px;
  color:white;
  font-weight:600;
  text-align:center;
}


img.friend_img, div.friend_img {
  border: 2px Solid #FFF;
  background-position: Center Center;
  background-repeat: no-repeat;
  width:90px;
  height:90px;
  background-color:black;
}

div.friends_list {
  position: relative;
  height: 60px;
  overflow: hidden;
  margin:0px;
}

div.friends_list_scroller {
  position: absolute;
  left: 0px;
  width:100%;
}