/*
	main css file for SVDemoV2
*/
/* 
    Created on : 14-Nov-2014, 17:01:17
    Author     : Danny
*/
/* main sizes */
/* margins */
/* $debug-bgcolor: transparent;
$debug-bgcolor2: transparent; */
/* mixins */
/* #cb2a31  #c96468    #cb2a31 */
/* ALL STYLING */
/* reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  padding-bottom: 100px;
  background: transparent url(../images/template/site-bg.jpg) center 140px repeat-y; }

/* sv styling */
#center {
  width: 1200px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  /*background-image: url(../images/personal-page-bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;*/ }

#header {
  background: #c41f1d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c41f1d 0%, #751612 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c41f1d), color-stop(100%, #751612));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c41f1d 0%, #751612 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c41f1d 0%, #751612 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c41f1d 0%, #751612 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #c41f1d 0%, #751612 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$topcolor', endColorstr='$bottomcolor',GradientType=0 );
  /* IE6-9 */
  height: 95px;
  width: 1400px;
  margin-left: -100px;
  position: relative; }
#header #mainLogo {
  float: left;
  margin-left: 100px;
  width: 300px; }
#header .linktext {
  color: #FFFFFF;
  font-size: 20px;
  display: inline-block;
  height: 25px;
  position: absolute;
  top: 35px;
  right: 400px;
  text-decoration: none;
  background: transparent url(../images/template/arrow-white.png) left center no-repeat;
  padding: 2px 0 0 20px; }
#header .icontext {
  display: inline-block;
  height: 95px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute; }
#header .apple {
  background-image: url(../images/template/app-store-logo.jpg);
  width: 120px;
  top: 0;
  right: 250px; }
#header .android {
  background-image: url(../images/template/googleplay-logo.png);
  width: 132px;
  top: 0;
  right: 110px; }

#topnav {
  height: 50px;
  background-color: #F1F2F4; }

#topmenu {
  width: 120px;
  height: 50px;
  float: left;
  border-right: 1px solid #666666; }

#breaking-news {
  float: left;
  height: 50px;
  position: relative; }
#breaking-news .star-header-red-14 {
  float: left;
  margin: 15px 10px 15px 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #CB2A31; }

/* #breaking-news */
#news-scroller-container {
  /* required settings */
  position: relative;
  float: left;
  overflow: hidden;
  width: 870px;
  height: 25px;
  margin: 15px 20px;
  /*
  root element for scrollable items. Must be absolutely positioned
  and it should have a extremely large width to accommodate scrollable
  items.  it's enough that you set width and height for the root element
  and not for this element.
  */
  /* #news-scroller-container .items */ }
#news-scroller-container .items {
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
  /*
  a single item. must be floated in horizontal scrolling.  typically,
  this element is the one that *you* will style the most.
  */ }
#news-scroller-container .items div {
  float: left;
  /*width: 770px;*/
  padding-right: 30px; }
#news-scroller-container .items .channel {
  font-weight: bold;
  font-size: 15px; }
#news-scroller-container .items .title {
  font-size: 12px;
  padding-left: 3px; }
#news-scroller-container .items .content {
  padding-left: 3px;
  font-size: 14px; }
#news-scroller-container .items .timestamp {
  color: #999999;
  padding-left: 3px;
  font-size: 13px; }
#news-scroller-container .items .content a {
  font-weight: bold;
  text-decoration: none;
  color: #000000; }
#news-scroller-container .items .content a:hover {
  text-decoration: underline;
  color: #CB2A31; }

/* #news-scroller-container */
#left-half {
  float: left;
  width: 875px;
  margin-top: 20px;
  margin-bottom: 20px;
  /* #left-half .banner-wide */
  /* #left-half .toptitle */ }
#left-half .banner-wide {
  width: 875px;
  height: 90px; }
#left-half .toptitle {
  color: #CB2A31;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 7px 10px;
  margin-bottom: 5px; }

/* #left-half */
#messenger {
  width: 875px;
  height: 370px;
  margin-top: 20px;
  /* * { background-color: transparent !important;} */
  /* .listing */
  /* #messenger-tabs */
  /* .group-list */
  /* .message-timeline */ }
#messenger .listing {
  width: 300px;
  height: 370px;
  float: left;
  position: relative;
  /* background-color: $bgcolor-box; */ }
#messenger #messenger-tabs {
  padding: 0;
  border: none;
  max-height: 370px;
  overflow: hidden;
  /* .toptabs */ }
#messenger #messenger-tabs .toptabs {
  height: 40px; }
#messenger #messenger-tabs .toptabs li {
  margin: 0;
  width: 150px;
  display: block;
  float: left;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-left-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -ms-border-top-left-radius: 8px;
  -ms-border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid #DADCE8;
  border-bottom: 0 none; }
#messenger #messenger-tabs .toptabs a {
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #E0E0E0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-left-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -ms-border-top-left-radius: 8px;
  -ms-border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid #DADCE8;
  border-bottom: 0 none;
  padding: 0.5em 1em; }
#messenger #messenger-tabs .toptabs a .title {
  float: left;
  color: #A8A8A8;
  font-size: 17px;
  font-family: Verdana, Arial, sans-serif; }
#messenger #messenger-tabs .toptabs a .count {
  background-color: transparent;
  color: #A8A8A8;
  height: 14px;
  line-height: 25px;
  font-size: 12px;
  font-weight: normal;
  float: right; }
#messenger #messenger-tabs .ui-widget-header {
  background: none transparent;
  background-color: #FFFFFF; }
#messenger #messenger-tabs .ui-tabs-nav {
  padding: 0;
  border: none; }
#messenger #messenger-tabs .ui-tabs-nav li {
  margin: 0;
  width: 150px; }
#messenger #messenger-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: 0;
  padding-bottom: 0;
  /* background-color: $bgcolor-box;*/ }
#messenger #messenger-tabs .ui-widget-header .ui-state-default {
  border: none; }
#messenger #messenger-tabs .ui-widget-header .ui-state-active {
  /*border: none;*/ }
#messenger #messenger-tabs .ui-widget-header .ui-state-active a {
  color: #CB2A31;
  background-color: #F1F2F4; }
#messenger #messenger-tabs .ui-widget-header .ui-state-active a .title {
  color: #CB2A31; }
#messenger #messenger-tabs .ui-tabs-panel {
  height: 329px;
  padding: 10px;
  background-color: #F1F2F4;
  border: 1px solid #DADCE8;
  border-top: none;
  overflow: hidden;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -ms-border-bottom-left-radius: 0px;
  -ms-border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }
#messenger .group-list {
  /* #tabs-personal .group-list .imgWrap */ }
#messenger .group-list .groupselect, #messenger .group-list li a {
  display: block;
  height: 40px;
  line-height: 24px;
  margin-left: 0;
  padding-left: 50px;
  padding-right: 4px;
  font-size: 15px;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px solid #DADCE8; }
#messenger .group-list li a:hover {
  text-decoration: underline;
  background-color: #EEEEEE; }
#messenger .group-list li a.active {
  background-color: #F0F0F0;
  background-image: url(../images/template/arrow-red.png);
  background-position: right center;
  background-repeat: no-repeat; }
#messenger .group-list li:last-child a {
  border-bottom: 0 none; }
#messenger .group-list .rfloat {
  padding: 5px 15px 0 0; }
#messenger .group-list .count {
  background-color: transparent;
  border: medium none;
  border-radius: 0px;
  box-shadow: none;
  color: #CB2A31;
  height: 40px;
  line-height: 15px;
  font-size: 14px;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, sans-serif; }
#messenger .group-list .imgWrap {
  display: block;
  width: 40px;
  height: 40px;
  float: left;
  margin: 0;
  margin-left: -45px;
  /* #tabs-personal .group-list .imgWrap .available-star */ }
#messenger .group-list .imgWrap .available-star {
  margin-top: 1px;
  display: block;
  width: 36px;
  height: 36px;
  margin-top: 1px;
  border: 2px solid transparent;
  opacity: 0.4;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  border-radius: 35px;
  /* background-position: center center; background-repeat: no-repeat; */
  /* background-image: url(../images/profile/avatar-thumb.png); */ }
#messenger .group-list .linkWrap {
  display: block;
  max-width: 200px;
  overflow: hidden;
  padding-left: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 35px;
  color: #666666; }
#messenger .group-list .available .available-star {
  border: 2px solid #AADC93;
  opacity: 1; }
#messenger .imageless .imgWrap {
  display: none; }
#messenger .imageless .linkWrap {
  max-width: 240px; }
#messenger .imageless .groupselect, #messenger .imageless li a {
  padding-left: 5px; }
#messenger .message-timeline {
  width: 575px;
  height: 370px;
  float: left;
  position: relative;
  background-color: #F1F2F4;
  border: 1px solid #DADCE8;
  /* .chat-timeline */ }
#messenger .message-timeline .chat-timeline {
  display: none;
  background-color: #F1F2F4;
  /* .message-scroll */ }
#messenger .message-timeline .chat-timeline .scroll-title {
  display: none;
  color: #CB2A31;
  font-size: 20px;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 5px; }
#messenger .message-timeline .chat-timeline .message-scroll {
  height: 307px;
  overflow: hidden;
  overflow-y: auto;
  margin: 5px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
  -ms-border-top-left-radius: 8px;
  -ms-border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #FFFFFF; }
#messenger .message-timeline .chat-timeline .message-scroll .item {
  /* width: 100%; */
  padding: 0;
  position: relative;
  margin: 9px 10px;
  /*.time { font-size: 11px; color: #666666; padding: 12px; float: right; }*/ }
#messenger .message-timeline .chat-timeline .message-scroll .item .text {
  font-size: 15px;
  line-height: 23px;
  background-color: #F1F2F4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 11px 13px 20px;
  position: relative; }
#messenger .message-timeline .chat-timeline .message-scroll .item .time {
  font-size: 12px;
  color: #666666;
  position: absolute;
  right: 15px;
  bottom: 0; }
#messenger .message-timeline .chat-timeline .message-scroll .item::after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0px;
  height: 0px;
  line-height: 0;
  visibility: hidden; }
#messenger .message-timeline .chat-timeline .message-scroll .left {
  padding-left: 5px;
  background-image: url(../images/template/grey-chat-tail.png);
  background-position: 55px bottom;
  background-repeat: no-repeat; }
#messenger .message-timeline .chat-timeline .message-scroll .left .profilepic {
  position: absolute;
  left: 5px;
  bottom: 5px; }
#messenger .message-timeline .chat-timeline .message-scroll .left .profilepic img {
  width: 55px;
  height: 55px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  border-radius: 35px; }
#messenger .message-timeline .chat-timeline .message-scroll .left .text {
  float: left;
  margin-left: 65px;
  background-color: #CCCCCC;
  min-width: 150px; }
#messenger .message-timeline .chat-timeline .message-scroll .right {
  padding-right: 5px;
  background-image: url(../images/template/green-chat-tail.png);
  background-position: bottom right;
  background-repeat: no-repeat; }
#messenger .message-timeline .chat-timeline .message-scroll .right .text {
  float: right;
  margin-right: 14px;
  background-color: #A8DC92;
  min-width: 150px; }
#messenger .message-timeline .chat-timeline.active {
  display: block; }
#messenger .message-timeline .message-input {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  /*.submitBtn:hover { text-shadow: 0 0 5px $color-link; }*/ }
#messenger .message-timeline .message-input .inputBox {
  border: none;
  background-color: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin: 0 0 5px 5px;
  font-size: 16px;
  height: 35px;
  width: 420px;
  color: #D9DBDE; }
#messenger .message-timeline .message-input .inputBox:focus {
  color: #666666; }
#messenger .message-timeline .message-input .submitBtn {
  display: inline-block;
  border: none;
  width: 80px;
  height: 35px;
  background-color: transparent;
  color: #CB2A31;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  text-align: center; }
#messenger .message-timeline .message-input .submitBtn:hover {
  color: #000000; }
#messenger .message-timeline .message-input .camera {
  float: right;
  background: transparent url(../images/template/camera.png) center center no-repeat;
  width: 45px;
  height: 35px;
  margin: 3px 5px 0 0; }

/* #messenger */
.page-rafa-personal #messenger #tabs-other .group-list {
  /*.linkWrap:hover {
  	.friendrequest { display: inline-block; }
  }*/ }
.page-rafa-personal #messenger #tabs-other .group-list .linkWrap {
  position: relative;
  max-width: 190px; }
.page-rafa-personal #messenger #tabs-other .group-list .linkWrap .friendrequest {
  /* display: none; */
  background: transparent url(../images/template/add-button-off.png) center center no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 10px;
  right: 5px; }
.page-rafa-personal #messenger #tabs-other .group-list .linkWrap .friendrequest:hover {
  background: transparent url(../images/template/add-button-on.png) center center no-repeat; }
.page-rafa-personal #messenger #tabs-other .group-list .linkWrap .requestasked {
  display: inline-block;
  background: transparent url(../images/template/add-button-on.png) center center no-repeat; }

#right-half #messenger {
  width: 300px;
  /* .message-timeline */ }
#right-half #messenger .listing {
  height: 310px; }
#right-half #messenger #messenger-tabs {
  max-height: 310px; }
#right-half #messenger #messenger-tabs .ui-tabs-panel {
  height: 269px; }
#right-half #messenger .group-list li a {
  display: block;
  height: 30px;
  line-height: 20px; }
#right-half #messenger .group-list li a .linkWrap {
  line-height: 27px; }
#right-half #messenger .group-list li a .imgWrap .available-star {
  display: block;
  width: 28px;
  height: 28px;
  margin-top: 1px; }
#right-half #messenger .group-list li a .available .available-star {
  border-left: 3px solid #55B42D;
  margin-left: -3px;
  width: 31px; }
#right-half #messenger .group-list .rfloat {
  padding-top: 3px; }
#right-half #messenger .message-timeline {
  width: 300px;
  height: 390px;
  /* height: $messanger-height;
  float: left;
  position: relative;
  background-color: $bgcolor-box;*/
  border: 1px solid #DADCE8; }
#right-half #messenger .message-timeline .message-input .inputBox {
  border: none;
  background-color: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin: 0 0 5px 5px;
  font-size: 14px;
  height: 30px;
  width: 190px;
  color: #D9DBDE; }
#right-half #messenger .message-timeline .message-input .inputBox:focus {
  color: #666666; }
#right-half #messenger .message-timeline .message-input .submitBtn {
  border: none;
  width: 80px;
  height: 30px;
  background-color: transparent;
  color: #CB2A31;
  font-size: 17px;
  font-weight: bold;
  cursor: pointer; }
#right-half #messenger .message-timeline .message-input .submitBtn:hover {
  color: #000000; }
#right-half #messenger .message-timeline .chat-timeline .message-scroll {
  max-height: 328px; }
#right-half #messenger .message-timeline .chat-timeline .message-scroll .left {
  background-position: 35px bottom; }
#right-half #messenger .message-timeline .chat-timeline .message-scroll .left .text {
  float: left;
  margin-left: 45px; }
#right-half #messenger .message-timeline .chat-timeline .message-scroll .left .profilepic img {
  width: 35px;
  height: 35px;
  border-radius: 35px; }

/* #right-half #messenger */
#userchannels {
  display: none;
  background-color: #F1F2F4;
  border: 1px solid #DADCE8; }
#userchannels ul li {
  margin: 0 0 0 15px;
  padding: 5px 0;
  border-bottom: 1px solid #DADCE8; }
#userchannels ul li:hover {
  color: #CB2A31; }
#userchannels ul li:last-child {
  border-bottom: 0 none; }

#userchannels.showme {
  display: block; }

/* ********************************************************************************************************** */
/* *********************** TIMELINES ************************************************************************ */
/* ********************************************************************************************************** */
.timeline-slider {
  overflow: hidden;
  overflow-y: auto;
  /* .item */ }
.timeline-slider .item {
  position: relative;
  padding: 20px 5px 10px 10px;
  min-height: 105px;
  display: block;
  border-bottom: 1px solid #DADCE8;
  /* .conversation-item */ }
.timeline-slider .item .channelpic {
  position: absolute;
  left: 5px;
  top: 20px;
  width: 80px;
  height: 77px; }
.timeline-slider .item .channelpic img {
  width: 80px;
  height: 77px; }
.timeline-slider .item .title {
  color: #CB2A31;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 10px;
  margin-bottom: 5px;
  margin-left: 90px; }
.timeline-slider .item .title a {
  color: #CB2A31;
  text-decoration: none; }
.timeline-slider .item .timestamp {
  font-size: 12px;
  color: #AAA;
  margin-left: 20px;
  position: absolute;
  left: 300px;
  top: 23px; }
.timeline-slider .item .text {
  margin-left: 110px;
  font-size: 17px;
  line-height: 1.3em;
  color: #666666; }
.timeline-slider .item .text a {
  color: #CB2A31;
  text-decoration: none; }
.timeline-slider .item .text a:hover {
  text-decoration: underline; }
.timeline-slider .item .time {
  float: right;
  color: #888888;
  font-size: 12px; }
.timeline-slider .item .linkWrap {
  position: absolute;
  right: 5px;
  bottom: 8px;
  font-size: 15px; }
.timeline-slider .item .linkWrap a {
  background: transparent url(../images/template/arrow-red.png) left 4px no-repeat;
  padding-left: 18px;
  color: #CB2A31;
  text-decoration: none; }
.timeline-slider .item .linkWrap a:hover {
  text-decoration: underline; }
.timeline-slider .item .answer {
  float: right;
  width: 33px;
  height: 30px;
  background: transparent url(../images/template/answer-off.png) center center no-repeat;
  cursor: pointer; }
.timeline-slider .item .answer:hover, .timeline-slider .item .ratingup {
  background: transparent url(../images/template/answer.png) center center no-repeat; }
.timeline-slider .item .rating {
  float: right;
  width: 33px;
  height: 30px;
  background: transparent url(../images/template/thumb-up-off.png) center center no-repeat;
  cursor: pointer;
  font-size: 12px;
  padding-top: 28px;
  text-align: center;
  color: #B7B6B6; }
.timeline-slider .item .rating:hover, .timeline-slider .item .ratingup {
  background: transparent url(../images/template/thumb-up.png) center center no-repeat;
  color: #CB2A31; }
.timeline-slider .item .conversation-item {
  position: relative;
  margin-left: 115px;
  margin-right: 0;
  margin-top: 5px;
  border-bottom: 0 none;
  padding: 5px 0 0;
  min-height: 65px;
  clear: right; }
.timeline-slider .item .conversation-item .channelpic-con {
  position: absolute;
  left: 5px;
  top: 10px;
  width: 45px;
  height: 43px; }
.timeline-slider .item .conversation-item .channelpic-con img {
  width: 45px;
  height: 43px; }
.timeline-slider .item .conversation-item .title {
  margin-left: 60px; }
.timeline-slider .item .conversation-item .timestamp {
  font-size: 12px;
  color: #AAA;
  margin-left: 20px;
  position: absolute;
  left: 175px;
  top: 10px; }
.timeline-slider .item .conversation-item .text-con {
  margin-left: 80px;
  font-size: 17px;
  line-height: 1.3em;
  color: #666666; }
.timeline-slider .item .conversation-item .text-con a {
  color: #CB2A31;
  text-decoration: none; }
.timeline-slider .item .conversation-item .text-con a:hover {
  text-decoration: underline; }
.timeline-slider .item #rafaslamanswer {
  display: none; }
.timeline-slider .item #rafa-answer1 {
  margin-top: 50px; }
.timeline-slider .item #rafa-answer2 {
  margin-top: 10px; }
.timeline-slider .item .rafa-answerM50 {
  margin-top: 50px; }
.timeline-slider .item .rafa-answerM35 {
  margin-top: 35px; }
.timeline-slider .item .rafa-answerM10 {
  margin-top: 10px; }
.timeline-slider .added {
  background-color: #F1F8FF; }
.timeline-slider .highlighted {
  background-color: #F1F8FF; }
.timeline-slider .item:last-child {
  border-bottom: 0 none; }

/* .timeline-slider */
.timelinecont {
  width: 875px;
  margin-top: 20px;
  background-color: #F1F2F4;
  /* #timeline-tabs */ }
.timelinecont #timeline-tabs {
  padding: 0;
  border: none;
  overflow: hidden;
  max-height: 100%;
  /* redundant */
  /* .timeline-slider */
  /* #timeline-rafa #timeline-tabs .ui-tabs-panel */ }
.timelinecont #timeline-tabs .toptabs {
  height: 40px; }
.timelinecont #timeline-tabs .toptabs li {
  margin: 0;
  display: block;
  float: left;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-left-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -ms-border-top-left-radius: 8px;
  -ms-border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid #DADCE8;
  border-bottom: 0 none; }
.timelinecont #timeline-tabs .toptabs a {
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #E0E0E0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-left-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -ms-border-top-left-radius: 8px;
  -ms-border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid #DADCE8;
  border-bottom: 0 none;
  padding: 0.5em 1em;
  background-position: 8px center;
  background-repeat: no-repeat;
  padding-left: 40px; }
.timelinecont #timeline-tabs .toptabs a .title {
  float: left;
  color: #A8A8A8;
  font-size: 17px;
  font-family: Verdana, Arial, sans-serif; }
.timelinecont #timeline-tabs .toptabs a .count {
  background-color: transparent;
  color: #A8A8A8;
  height: 14px;
  line-height: 25px;
  font-size: 12px;
  font-weight: normal;
  float: right; }
.timelinecont #timeline-tabs .ui-widget-header {
  background: none transparent;
  background-color: #FFFFFF; }
.timelinecont #timeline-tabs .ui-tabs-nav {
  padding: 0;
  border: none; }
.timelinecont #timeline-tabs .ui-tabs-nav li {
  margin: 0; }
.timelinecont #timeline-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: 0;
  padding-bottom: 0;
  /* background-color: $bgcolor-box;*/ }
.timelinecont #timeline-tabs .ui-widget-header .ui-state-default {
  border: none; }
.timelinecont #timeline-tabs .ui-widget-header .ui-state-active {
  /*border: none;*/ }
.timelinecont #timeline-tabs .ui-widget-header .ui-state-active a {
  color: #CB2A31;
  background-color: #F1F2F4; }
.timelinecont #timeline-tabs .ui-widget-header .ui-state-active a .title {
  color: #CB2A31; }
.timelinecont #timeline-tabs .ui-widget-header .ui-state-active #trg-timeline-follow {
  background-image: url(../images/template/follow.png); }
.timelinecont #timeline-tabs .ui-widget-header .ui-state-active #trg-timeline-news {
  background-image: url(../images/template/news.png); }
.timelinecont #timeline-tabs .timeline-slider {
  /* .item */ }
.timelinecont #timeline-tabs .timeline-slider .item {
  margin: 0 5px; }
.timelinecont #timeline-tabs .ui-tabs-panel {
  padding: 10px 0 0 10px;
  background-color: #F1F2F4;
  border: 1px solid #DADCE8;
  border-top: none;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
.timelinecont #timeline-tabs .rssslider {
  line-height: 28px;
  padding-left: 15px; }
.timelinecont #timeline-tabs .rssslider .news-item {
  position: relative;
  padding: 10px 5px 10px;
  min-height: 80px;
  display: block;
  border-bottom: 1px solid #DADCE8; }
.timelinecont #timeline-tabs .rssslider .news-item .title {
  color: #CB2A31;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 7px 10px;
  margin-bottom: 5px;
  margin-left: 0px; }
.timelinecont #timeline-tabs .rssslider .news-item .title a {
  color: #CB2A31;
  text-decoration: none; }
.timelinecont #timeline-tabs .rssslider .news-item .channel {
  color: #666666;
  font-size: 18px;
  font-family: Arial,Helvetica,sans-serif;
  padding: 7px 10px;
  margin-bottom: 5px;
  margin-left: 20px; }
.timelinecont #timeline-tabs .rssslider .news-item .timestamp {
  font-size: 12px;
  color: #aaaaaa;
  margin-left: 20px; }
.timelinecont #timeline-tabs .rssslider .news-item .content {
  line-height: 28px;
  color: #666;
  font-size: 17px; }
.timelinecont #timeline-tabs .rssslider .news-item .content a {
  color: #CB2A31;
  text-decoration: none; }
.timelinecont #timeline-tabs .rssslider .news-item:last-item {
  border-bottom: 0 none; }

/* .timelinecont */
#timeline-personal {
  height: 760px;
  /* #timeline-personal #timeline-tabs */ }
#timeline-personal #timeline-tabs {
  /* #timeline-personal #timeline-tabs .toptabs */
  /* #timeline-personal #timeline-tabs .ui-tabs-panel */
  /* .timeline-slider */ }
#timeline-personal #timeline-tabs .toptabs li {
  width: 50%; }
#timeline-personal #timeline-tabs .toptabs #trg-timeline-follow {
  background-image: url(../images/template/follow-off.png); }
#timeline-personal #timeline-tabs .toptabs #trg-timeline-news {
  background-image: url(../images/template/news-off.png); }
#timeline-personal #timeline-tabs .ui-tabs-nav li {
  width: 50%; }
#timeline-personal #timeline-tabs .ui-widget-header .ui-state-active #trg-timeline-follow {
  background-image: url(../images/template/follow.png); }
#timeline-personal #timeline-tabs .ui-widget-header .ui-state-active #trg-timeline-news {
  background-image: url(../images/template/news.png); }
#timeline-personal #timeline-tabs .ui-tabs-panel {
  height: 720px; }
#timeline-personal #timeline-tabs .timeline-slider {
  max-height: 100%;
  /* .item */ }

/* #timeline-personal */
#timeline-rafa {
  height: 890px; }
#timeline-rafa #timeline-tabs {
  /* #timeline-rafa #timeline-tabs .toptabs */
  /* #timeline-rafa #timeline-tabs .ui-tabs-panel */ }
#timeline-rafa #timeline-tabs .toptabs li {
  width: 33.33%; }
#timeline-rafa #timeline-tabs .toptabs #trg-timeline-me {
  background-image: url(../images/template/follow-off.png); }
#timeline-rafa #timeline-tabs .toptabs #trg-timeline-popular {
  padding-left: 20px; }
#timeline-rafa #timeline-tabs .toptabs #trg-timeline-all {
  padding-left: 20px; }
#timeline-rafa #timeline-tabs .ui-tabs-nav li {
  width: 33.33%; }
#timeline-rafa #timeline-tabs .ui-widget-header .ui-state-active #trg-timeline-me {
  background-image: url(../images/template/follow.png); }
#timeline-rafa #timeline-tabs .ui-tabs-panel {
  height: 790px; }
#timeline-rafa #timeline-tabs .timeline-slider {
  max-height: 100%; }
#timeline-rafa #timeline-tabs .timeline-slider .item .timeline-input {
  display: none;
  margin-top: 50px;
  border: 0 none; }

#timeline-rafa-channel {
  height: 960px;
  /* #timeline-rafa-channel #timeline-tabs */ }
#timeline-rafa-channel #timeline-tabs {
  max-height: 100%;
  /* #timeline-rafa-channel #timeline-tabs .ui-tabs-panel */
  /* .timeline-slider */ }
#timeline-rafa-channel #timeline-tabs .toptabs li {
  width: 33.3%; }
#timeline-rafa-channel #timeline-tabs .toptabs #trg-timeline-featured {
  background-image: url(../images/template/follow-off.png); }
#timeline-rafa-channel #timeline-tabs .toptabs #trg-timeline-popular {
  padding-left: 20px; }
#timeline-rafa-channel #timeline-tabs .toptabs #trg-timeline-all {
  padding-left: 20px; }
#timeline-rafa-channel #timeline-tabs .ui-tabs-nav li {
  width: 33.3%; }
#timeline-rafa-channel #timeline-tabs .ui-widget-header .ui-state-active #trg-timeline-featured {
  background-image: url(../images/template/follow.png); }
#timeline-rafa-channel #timeline-tabs .ui-tabs-panel {
  height: 865px; }
#timeline-rafa-channel #timeline-tabs .timeline-slider {
  max-height: 850px;
  /* .item */ }
#timeline-rafa-channel #timeline-tabs .timeline-slider .item {
  /* .conversation-item */ }
#timeline-rafa-channel #timeline-tabs .timeline-slider .item .time {
  margin-top: 6px; }
#timeline-rafa-channel #timeline-tabs .timeline-slider #videoitem1 {
  display: none;
  position: relative; }
#timeline-rafa-channel #timeline-tabs .timeline-slider #trg-close-timelinevideo {
  display: block;
  width: 80px;
  height: 27px;
  position: absolute;
  color: #FFFFFF;
  font-size: 14px;
  padding: 6px 0 3px 5px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  right: 12px;
  top: 10px;
  background-color: #CB2A31; }
#timeline-rafa-channel #timeline-tabs .timeline-slider #trg-close-timelinevideo:hover {
  border: 1px solid #CB2A31;
  background-color: #FFFFFF;
  color: #CB2A31; }
#timeline-rafa-channel #timeline-tabs .timeline-slider #target-timelinevideo {
  width: 640px;
  margin: 5px auto; }
#timeline-rafa-channel #timeline-tabs .timeline-slider .photoitem {
  position: relative; }
#timeline-rafa-channel #timeline-tabs .timeline-slider .photoitem #target-timelinephoto {
  width: 600px;
  margin: 5px auto 5px;
  height: 100px;
  background-position: center center;
  background-image: url(../images/look-who-we-bumped-into.jpg);
  background-repeat: no-repeat;
  cursor: pointer; }
#timeline-rafa-channel #timeline-tabs .timeline-slider .photoitem #target-timelinephoto.active {
  height: 433px;
  margin-top: 5px;
  background-position: top center; }

/* #timeline-rafa-channel */
#timeline-totten-channel {
  height: 960px; }
#timeline-totten-channel #timeline-tabs {
  max-height: 100%;
  /* #timeline-rafa-channel #timeline-tabs .ui-tabs-panel */ }
#timeline-totten-channel #timeline-tabs .toptabs li {
  width: 33.3%; }
#timeline-totten-channel #timeline-tabs .toptabs #trg-timeline-featured {
  background-image: url(../images/template/follow-off.png); }
#timeline-totten-channel #timeline-tabs .toptabs #trg-timeline-popular {
  padding-left: 20px; }
#timeline-totten-channel #timeline-tabs .toptabs #trg-timeline-all {
  padding-left: 20px; }
#timeline-totten-channel #timeline-tabs .ui-tabs-nav li {
  width: 33.3%; }
#timeline-totten-channel #timeline-tabs .ui-widget-header .ui-state-active #trg-timeline-featured {
  background-image: url(../images/template/follow.png); }
#timeline-totten-channel #timeline-tabs .ui-tabs-panel {
  height: 865px; }
#timeline-totten-channel #timeline-tabs .timeline-slider {
  max-height: 850px;
  /* .item */ }
#timeline-totten-channel #timeline-tabs .timeline-slider .item {
  /* .conversation-item */ }
#timeline-totten-channel #timeline-tabs .timeline-slider .item .time {
  display: none;
  margin-top: 6px; }
#timeline-totten-channel #timeline-tabs .timeline-slider #videoitem1 {
  display: none;
  position: relative; }
#timeline-totten-channel #timeline-tabs .timeline-slider #trg-close-timelinevideo {
  display: block;
  width: 80px;
  height: 27px;
  position: absolute;
  color: #FFFFFF;
  font-size: 14px;
  padding: 6px 0 3px 5px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  right: 12px;
  top: 10px;
  background-color: #CB2A31; }
#timeline-totten-channel #timeline-tabs .timeline-slider #trg-close-timelinevideo:hover {
  border: 1px solid #CB2A31;
  background-color: #FFFFFF;
  color: #CB2A31; }
#timeline-totten-channel #timeline-tabs .timeline-slider #target-timelinevideo {
  width: 640px;
  margin: 5px auto; }
#timeline-totten-channel #timeline-tabs .timeline-slider .photoitem {
  position: relative; }
#timeline-totten-channel #timeline-tabs .timeline-slider .photoitem .target-timelinephoto {
  width: 600px;
  margin: 5px auto 5px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer; }
#timeline-totten-channel #timeline-tabs .timeline-slider .photoitem #target-timelinephotoT1 {
  background-image: url(../images/banners/graham-penalty.jpg); }
#timeline-totten-channel #timeline-tabs .timeline-slider .photoitem #target-timelinephotoT1.active {
  height: 337px;
  margin-top: 5px;
  background-position: top center; }
#timeline-totten-channel #timeline-tabs .timeline-slider .photoitem #target-timelinephotoT2 {
  background-image: url(../images/banners/uefa84-parks-save.jpg); }
#timeline-totten-channel #timeline-tabs .timeline-slider .photoitem #target-timelinephotoT2.active {
  height: 337px;
  margin-top: 5px;
  background-position: top center; }

#rafa-bulletins {
  padding: 10px;
  border: 1px solid #DADCE8;
  background-color: #F1F2F4;
  margin-top: 20px; }

.rafa-promoted {
  border: 1px solid #DADCE8;
  background-color: #F1F2F4; }

.timeline-input {
  /*width: 100%;*/
  height: 60px;
  background-color: #F1F2F4;
  border-left: 1px solid #DADCE8;
  border-right: 1px solid #DADCE8;
  padding: 10px;
  /* .submitBtn:hover { text-shadow: 0 0 5px $color-link; } */ }
.timeline-input .inputBox {
  border: none;
  background-color: #FFFFFF;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  padding: 5px;
  margin: 0 5px;
  font-size: 16px;
  height: 35px;
  width: 690px;
  color: #D9DBDE; }
.timeline-input .inputBox:focus {
  color: #666666; }
.timeline-input .submitBtn {
  border: none;
  width: 80px;
  height: 35px;
  background-color: transparent;
  color: #CB2A31;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center; }
.timeline-input .submitBtn:hover {
  color: #000000; }
.timeline-input .camera {
  float: right;
  background: transparent url(../images/template/camera.png) center center no-repeat;
  width: 45px;
  height: 35px; }

#timeline-rafa .inputBox {
  width: 710px; }

#shoparea {
  width: 875px;
  height: 205px;
  position: relative;
  margin-top: 20px;
  border: 1px solid #DADCE8;
  background-color: #F1F2F4; }
#shoparea .shop-box {
  width: 200px;
  height: 155px;
  float: left;
  margin-left: 15px;
  border: 1px solid #CB2A31;
  color: #666; }
#shoparea .shop-box .title {
  background-color: #CB2A31;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  padding: 3px 10px; }

/* #shoparea */
#schedule {
  width: 875px;
  height: 238px;
  margin-top: 20px;
  border: 1px solid #DADCE8;
  background-color: #F1F2F4;
  /* .item */ }
#schedule .item {
  position: relative;
  display: block;
  margin: 5px;
  padding: 20px 5px 20px 5px;
  min-height: 90px;
  border-bottom: 1px solid #DADCE8;
  /* background-color: $debug-bgcolor2; */ }
#schedule .item .channelpic {
  position: absolute;
  left: 5px;
  top: 10px;
  width: 115px;
  height: 70px; }
#schedule .item .text {
  margin-left: 140px;
  margin-top: 10px;
  font-size: 17px;
  line-height: 1.3em;
  color: #666; }
#schedule .item .title {
  color: #CB2A31;
  font-size: 20px;
  font-family: Arial,Helvetica,sans-serif; }
#schedule .item:last-child {
  border-bottom: 0 none; }

/* #schedule */
/* Rafa Nadal Personal Page */
#statistics {
  width: 875px;
  height: 160px;
  /* margin-top: $margin-boxtop; */
  padding: 0 5px;
  border: 1px solid #DADCE8;
  background-color: #F1F2F4;
  position: relative; }
#statistics .col1 {
  line-height: 24px;
  color: #666;
  float: left;
  width: 225px;
  margin-left: 10px;
  border-right: 1px solid #DADCE8; }
#statistics .col2 {
  line-height: 24px;
  color: #666;
  float: left;
  width: 215px;
  margin-left: 10px;
  border-right: 1px solid #DADCE8; }
#statistics .col3 {
  line-height: 24px;
  color: #666;
  float: left;
  width: 250px;
  margin-left: 10px; }
#statistics .coltitle {
  font-weight: bold;
  font-size: 17px; }
#statistics a {
  color: #CB2A31;
  text-decoration: none; }
#statistics .redboxlink {
  display: block;
  width: 180px;
  height: 27px;
  position: absolute;
  background: #CB2A31 url(../images/template/arrow-white.png) 5px 5px no-repeat;
  color: #FFFFFF;
  font-size: 14px;
  padding: 6px 0 3px 25px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
#statistics .link-fullstats {
  right: 5px;
  bottom: 10px; }
#statistics .redboxlink:hover {
  border: 1px solid #CB2A31;
  background-color: #FFFFFF;
  color: #CB2A31;
  background-image: url(../images/template/arrow-red.png); }

/* #statistics */
.channel-header {
  width: 875px; }
.channel-header .header-holder {
  height: 150px;
  padding: 0 5px;
  border: 1px solid #DADCE8;
  position: relative; }
.channel-header .header-holder .redboxlink {
  display: block;
  width: 170px;
  height: 27px;
  position: absolute;
  background-color: #c41f1d;
  color: #FFFFFF;
  font-size: 14px;
  padding: 6px 0 3px 25px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
.channel-header .header-holder .welcome-link {
  right: 5px;
  bottom: 10px;
  background: #c41f1d url(../images/template/arrow-white.png) 5px 5px no-repeat; }
.channel-header .header-holder .welcome-link:hover {
  border: 1px solid #CB2A31;
  background-color: #FFFFFF;
  color: #CB2A31;
  background-image: url(../images/template/arrow-red.png); }

#channel-header .header-holder {
  background: transparent url(../images/banners/raf-nadal-banner.jpg) center center no-repeat; }
#channel-header .header-holder .redboxlink {
  display: block;
  width: 170px;
  height: 27px;
  position: absolute;
  color: #FFFFFF;
  font-size: 14px;
  padding: 6px 0 3px 25px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
#channel-header .header-holder .rafa-status {
  right: 5px;
  bottom: 45px;
  background-color: #55B42D; }
#channel-header .header-holder .welcome-link {
  right: 5px;
  bottom: 10px;
  background: #CB2A31 url(../images/template/arrow-white.png) 5px 5px no-repeat; }
#channel-header .header-holder .welcome-link:hover {
  border: 1px solid #CB2A31;
  background-color: #FFFFFF;
  color: #CB2A31;
  background-image: url(../images/template/arrow-red.png); }
#channel-header .welcome-video {
  display: none;
  background-color: #F1F2F4;
  padding: 10px;
  text-decoration: center;
  position: relative; }
#channel-header .welcome-video #trg-close-welcome {
  display: block;
  width: 170px;
  height: 27px;
  position: absolute;
  color: #FFFFFF;
  font-size: 14px;
  padding: 6px 0 3px 25px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  right: 12px;
  top: 10px;
  background-color: #c41f1d; }
#channel-header .welcome-video #trg-close-welcome:hover {
  border: 1px solid #CB2A31;
  background-color: #FFFFFF;
  color: #CB2A31; }

#totten-header .header-holder {
  background: transparent url(../images/banners/TOTTENHAM-BANNER.jpg) center center no-repeat; }
#totten-header .header-holder .redboxlink {
  display: block;
  width: 170px;
  height: 27px;
  position: absolute;
  color: #FFFFFF;
  font-size: 14px;
  padding: 6px 0 3px 25px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
#totten-header .header-holder .rafa-status {
  right: 5px;
  bottom: 45px;
  background-color: #55B42D; }
#totten-header .header-holder .welcome-link {
  right: 5px;
  bottom: 10px;
  background: #CB2A31 url(../images/template/arrow-white.png) 5px 5px no-repeat; }
#totten-header .header-holder .welcome-link:hover {
  border: 1px solid #CB2A31;
  background-color: #FFFFFF;
  color: #CB2A31;
  background-image: url(../images/template/arrow-red.png); }
#totten-header .welcome-video {
  display: none;
  background-color: #F1F2F4;
  padding: 10px;
  text-decoration: center;
  position: relative; }
#totten-header .welcome-video #trg-close-welcome {
  display: block;
  width: 170px;
  height: 27px;
  position: absolute;
  color: #FFFFFF;
  font-size: 14px;
  padding: 6px 0 3px 25px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  right: 12px;
  top: 10px;
  background-color: #c41f1d; }
#totten-header .welcome-video #trg-close-welcome:hover {
  border: 1px solid #CB2A31;
  background-color: #FFFFFF;
  color: #CB2A31; }

#right-half {
  width: 300px;
  float: right;
  /* background-color: $debug-bgcolor2; */
  background: transparent;
  margin-top: 20px;
  margin-bottom: 20px;
  /* .profiles */ }
#right-half .toptitle {
  color: #CB2A31;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 7px 10px;
  margin-bottom: 5px; }
#right-half .toptitle .name {
  color: #333333;
  font-size: 19px;
  text-transform: uppercase; }
#right-half .profiles {
  /* list of profiles in the sidebar */
  /* .profile li with profile */
  /* #right-half .profiles .profile a:hover */ }
#right-half .profiles .profile {
  line-height: 10px;
  height: 60px;
  /*margin-bottom: 10px;*/
  margin-left: 15px;
  margin-right: 8px;
  border-bottom: 1px solid #DADCE8; }
#right-half .profiles .profile .star {
  margin-left: 5px;
  margin-bottom: 5px;
  vertical-align: middle;
  display: none; }
#right-half .profiles .profile .profilelink {
  position: relative;
  display: block;
  height: 60px;
  text-decoration: none;
  color: #666;
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  line-height: 55px;
  padding-left: 55px;
  padding-right: 0px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
#right-half .profiles .profile .profilelink .follow {
  position: absolute;
  top: 15px;
  right: 30px;
  width: 29px;
  height: 24px;
  background-image: url(../images/template/follow-off.png);
  background-position: center center;
  background-repeat: no-repeat; }
#right-half .profiles .profile .profilelink .news {
  position: absolute;
  top: 15px;
  right: 0;
  width: 27px;
  height: 24px;
  background-image: url(../images/template/news-off.png);
  background-position: center center;
  background-repeat: no-repeat; }
#right-half .profiles .profile .profilepic {
  float: left;
  margin-left: -55px;
  margin-top: 6px; }
#right-half .profiles .profile a:hover {
  /* background-color: $debug-bgcolor2;
  text-decoration: underline; */
  color: #CB2A31; }
#right-half .profiles .profile a:hover .follow {
  background-image: url(../images/template/follow.png); }
#right-half .profiles .profile a:hover .news {
  background-image: url(../images/template/news.png); }
#right-half .profiles .profile:last-child {
  border-bottom: 0 none; }
#right-half .profiles li.online {
  background-image: url(../images/template/green-star.png);
  background-position: right center;
  background-repeat: no-repeat; }

/* #right-half */
#user-self, #user-rafa {
  height: 160px;
  /*background-color: $debug-bgcolor;*/
  background-color: #F1F2F4;
  margin: 0;
  border: 1px solid #DADCE8; }
#user-self .toptitle .name, #user-rafa .toptitle .name {
  text-transform: none;
  text-overflow: ellipsis; }
#user-self .profilepic, #user-rafa .profilepic {
  float: left;
  margin: 0 5px; }
#user-self .profileinfobox, #user-rafa .profileinfobox {
  float: left;
  margin: 0 0 0 5px;
  font-family: "Helvetica Neue", Helvetica, sans-serif; }
#user-self .profileinfobox td, #user-rafa .profileinfobox td {
  color: #333333;
  line-height: 22px;
  vertical-align: middle;
  font-size: 14px; }
#user-self .profileinfobox td .name, #user-rafa .profileinfobox td .name {
  font-weight: bold; }
#user-self .profileinfobox td .value, #user-rafa .profileinfobox td .value {
  font-weight: normal;
  color: #666666; }
#user-self .profileinfobox td .inlineicon, #user-rafa .profileinfobox td .inlineicon {
  display: inline-block;
  width: 25px;
  height: 21px; }
#user-self .profileinfobox td .icon-follow, #user-rafa .profileinfobox td .icon-follow {
  display: inline-block;
  width: 25px;
  height: 21px;
  background-image: url(../images/template/follow.png);
  background-position: center center;
  background-repeat: no-repeat; }
#user-self .profileinfobox td .icon-news, #user-rafa .profileinfobox td .icon-news {
  display: inline-block;
  width: 25px;
  height: 21px;
  background-image: url(../images/template/news.png);
  background-position: center center;
  background-repeat: no-repeat; }
#user-self .profileinfobox td img, #user-rafa .profileinfobox td img {
  vertical-align: middle; }
#user-self .profileinfobox td .changed, #user-rafa .profileinfobox td .changed {
  font-weight: bold;
  color: #CB2A31; }
#user-self .profileinfobox a, #user-rafa .profileinfobox a {
  color: #CB2A31;
  text-decoration: none; }

/* #user-self */
#user-rafa {
  height: 160px; }
#user-rafa .profileinfobox p {
  line-height: 22px; }

#search {
  margin: 20px 0;
  height: 50px;
  background-color: #F1F2F4;
  background-image: url(../images/search-bg.jpg);
  background-position: center center;
  border: 1px solid #DADCE8; }

/* #search */
#side-manage {
  background-color: #F1F2F4;
  margin: 26px 0 0 0;
  border: 1px solid #DADCE8; }
#side-manage .managebutton {
  display: block;
  height: 40px;
  font-size: 17px;
  padding: 10px 0 3px 0px;
  margin: 10px;
  background: #CB2A31 url(../images/template/arrow-white.png) 15px 12px no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center; }
#side-manage .managebutton:hover {
  border: 1px solid #CB2A31;
  background-color: #FFFFFF;
  color: #CB2A31;
  background-image: url(../images/template/arrow-red.png); }
#side-manage .managebuttonbig {
  display: block;
  height: 50px;
  font-size: 17px;
  padding: 15px 0 3px 0px;
  margin: 10px;
  /* background: $color-link url(../images/template/arrow-white.png) 15px 12px no-repeat; */
  background-color: #CB2A31;
  color: #FFFFFF;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center; }
#side-manage .managebuttonbig:hover {
  border: 1px solid #CB2A31;
  background-color: #FFFFFF;
  color: #CB2A31;
  /*background-image: url(../images/template/arrow-red.png);*/ }

#players-online {
  background-color: #F1F2F4;
  margin: 0;
  border: 1px solid #DADCE8;
  border-bottom: none;
  /*@include border-radius-top(4px);*/ }

/* #side-suggested */
#side-suggested {
  height: 280px;
  /* background-color: $debug-bgcolor; */
  background-color: #F1F2F4;
  margin: 20px 0 0 0;
  border: 1px solid #DADCE8;
  border-bottom: none;
  /*@include border-radius-top(4px);*/ }

/* #side-suggested */
#side-trending {
  height: 280px;
  /*background-color: $debug-bgcolor;*/
  background-color: #F1F2F4;
  margin: 0;
  border: 1px solid #DADCE8;
  border-bottom: none; }

/* #side-trending */
#side-active {
  height: 280px;
  /*background-color: $debug-bgcolor;*/
  background-color: #F1F2F4;
  margin: 0;
  border: 1px solid #DADCE8;
  /*@include border-radius-bottom(4px);*/ }

/* #side-active */
#side-starfriends {
  background-color: #F1F2F4;
  border: 1px solid #DADCE8;
  margin: 20px 0 0 0; }

#side-friends {
  background-color: #F1F2F4;
  border: 1px solid #DADCE8;
  margin: 0 0 0 0;
  border-top: 0 none; }

#side-betting {
  height: 300px;
  /*background-color: $debug-bgcolor;*/
  background-color: #F1F2F4;
  margin: 27px 0 0;
  border: 1px solid #DADCE8;
  /*@include border-radius(4px);*/ }

/* #side-betting */
#side-auction {
  background-color: #F1F2F4;
  margin: 20px 0 0 0;
  border: 1px solid #DADCE8; }
#side-auction .side-scrollable {
  width: 298px;
  height: 348px;
  position: relative;
  overflow: hidden; }
#side-auction .side-scrollable .items {
  width: 2000em;
  position: absolute; }
#side-auction .side-scrollable .items > div {
  float: left;
  width: 298px; }
#side-auction .toptitle {
  font-size: 17px;
  text-align: center;
  line-height: 20px; }
#side-auction .auction-pic {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
#side-auction .auction-details {
  padding: 5px 0 0;
  line-height: 26px; }
#side-auction .auction-details .title {
  color: #CB2A31;
  padding: 0 10px; }
#side-auction .auction-details .value {
  color: #666; }
#side-auction .auction-details .current-bid {
  height: 45px;
  position: relative;
  padding: 10px 0; }
#side-auction .auction-details .current-bid .action {
  padding: 5px;
  margin-left: 20px;
  background-color: #CB2A31;
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid transparent; }
#side-auction .auction-details .current-bid .action:hover {
  background-color: #FFFFFF;
  color: #CB2A31;
  border: 1px solid #CB2A31; }
#side-auction .auction-details .current-bid .bid-form {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 45px;
  width: 100%;
  text-align: right;
  padding: 5px 10px;
  background-color: #F1F2F4;
  border-top: 1px solid #DADCE8;
  border-bottom: 1px solid #DADCE8; }
#side-auction .auction-details .current-bid .bid-form .bid-value {
  text-align: right;
  font-size: 18px;
  width: 130px; }
#side-auction .other {
  border-top: 1px solid #DADCE8;
  padding: 5px; }
#side-auction .other a {
  font-size: 17px;
  color: #CB2A31;
  text-decoration: none;
  width: 143px;
  display: inline-block; }
#side-auction .other #trg-auction-next {
  padding: 5px 20px 5px 5px;
  background: transparent url(../images/template/arrow-red.png) right center no-repeat;
  text-align: right; }
#side-auction .other #trg-auction-prev {
  padding: 5px 5px 5px 20px;
  background: transparent url(../images/template/arrowb-red.png) left center no-repeat;
  text-align: left; }

/* #side-auction */
.side-ad, .side-ad-tall {
  background-color: #F1F2F4;
  margin: 26px 0; }

/* .side-ad-tall { background-color: $debug-bgcolor; margin: $margin-boxtop 0; } */
.page-personal {
  /* #footer */ }
.page-personal #footer {
  width: 1200px;
  height: 150px;
  margin-top: 20px;
  background-color: transparent;
  clear: both; }

.page-rafa-personal {
  /* #footer */ }
.page-rafa-personal #footer {
  width: 1200px;
  clear: both; }

#footer {
  width: 1200px;
  clear: both;
  position: relative;
  /* #left-half .toptitle */ }
#footer #red-footer-header {
  height: 54px;
  /* @include background-gradient3($bottomcolor, $topcolor, $bottomcolor); */
  background: #C01B17;
  /* Old browsers */
  background: -moz-linear-gradient(top, #C01B17 0%, #74120F 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C01B17), color-stop(100%, #74120F));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #C01B17 0%, #74120F 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #C01B17 0%, #74120F 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #C01B17 0%, #74120F 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #C01B17 0%, #74120F 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$topcolor', endColorstr='$bottomcolor',GradientType=0 );
  /* IE6-9 */
  color: #FFFFFF;
  font-size: 20px;
  /*.col-right { border-left:5px solid $border-color-side; }*/ }
#footer #red-footer-header .col-left, #footer #red-footer-header .col-right {
  height: 54px;
  width: 50%;
  float: left;
  padding: 19px 0 0 10px;
  margin: 0; }
#footer #red-footer-header .col-left {
  border-right: 1px solid #DADCE8; }
#footer .toptitle {
  color: #CB2A31;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 7px 10px;
  margin-bottom: 5px; }
#footer .col-half {
  width: 595px;
  float: left; }
#footer .col-right {
  margin-left: 10px; }
#footer .col-right-header, #footer .col-left-header {
  font-size: 18px;
  color: #FFFFFF;
  height: 54px;
  padding: 19px 0 0 10px;
  margin: 0;
  background: #C01B17;
  /* Old browsers */
  background: -moz-linear-gradient(top, #C01B17 0%, #74120F 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C01B17), color-stop(100%, #74120F));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #C01B17 0%, #74120F 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #C01B17 0%, #74120F 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #C01B17 0%, #74120F 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #C01B17 0%, #74120F 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$topcolor', endColorstr='$bottomcolor',GradientType=0 );
  /* IE6-9 */ }
#footer .video-live-box {
  border: 1px solid #DADCE8;
  background-color: #F1F2F4;
  height: 375px;
  padding: 18px 10px;
  text-align: center; }
#footer .video-live-box #video-starcast-box {
  display: none;
  background-color: #F1F2F4;
  padding: 10px;
  text-decoration: center;
  position: relative; }
#footer .video-live-box #video-starcast-box #trg-close-starcast {
  display: block;
  width: 90px;
  height: 27px;
  position: absolute;
  color: #FFFFFF;
  font-size: 14px;
  padding: 6px 0 3px 0;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  right: 12px;
  top: 10px;
  background-color: #CB2A31; }
#footer .video-live-box #video-starcast-box #trg-close-starcast:hover {
  border: 1px solid #CB2A31;
  background-color: #FFFFFF;
  color: #CB2A31; }
#footer .shop-box {
  border: 1px solid #DADCE8;
  background-color: #F1F2F4;
  height: 375px;
  color: #666;
  padding-top: 13px; }
#footer .shop-box .toptitle {
  display: block;
  width: 180px;
  height: 27px;
  color: #FFFFFF;
  font-size: 14px;
  padding: 6px 0 3px 25px;
  text-decoration: none;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -ms-border-top-right-radius: 5px;
  -ms-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #c41f1d;
  margin: 5px 0 0 0;
  background-image: url(../images/template/tab-bg.jpg);
  background-position: left center;
  background-repeat: no-repeat; }
#footer .shop-box a {
  text-decoration: none;
  color: #CB2A31; }
#footer .shop-box a:hover {
  text-decoration: underline; }
#footer .shop-box strong {
  font-weight: bold; }
#footer .shop-box .tickets {
  position: relative;
  font-size: 16px;
  padding: 15px 0 15px 10px; }
#footer .shop-box .merchandise {
  position: relative;
  font-size: 16px;
  padding: 15px 0; }
#footer .shop-box .merchandise .product {
  float: left;
  width: 33%;
  text-align: center;
  font: 12px; }
#footer .shop-box .memorabilia {
  font-size: 16px;
  position: relative;
  padding: 15px 0 15px 10px;
  line-height: 22px; }
#footer .ad-half {
  margin-top: 20px; }

.page-rafa-channel {
  /* #footer */ }

.modal {
  background-color: #FFF;
  background-image: url("../images/modal/transparent.png");
  display: none;
  text-align: left;
  border: 2px solid #FFF;
  border-radius: 6px;
  box-shadow: 0px 0px 50px #CCC;
  position: relative; }
.modal .close {
  /* background-image: url("../images/close.png"); */
  cursor: pointer;
  height: 35px;
  position: absolute;
  right: 0;
  top: 0;
  width: 35px; }

#modal-shop .close {
  background-image: none;
  color: #ffffff;
  font-weight: bold;
  height: 20px;
  right: 15px;
  text-align: right;
  text-shadow: 1px 1px 2px #333;
  top: 5px;
  width: 150px;
  position: absolute;
  font-size: 12px; }

#modal-rafa-exclusive {
  width: 850px;
  margin: 0 80px; }
#modal-rafa-exclusive .close {
  background-image: none;
  color: #FFFFFF;
  width: 150px;
  height: 20px;
  top: 5px;
  right: 5px;
  text-align: right;
  font-weight: bold; }
#modal-rafa-exclusive .modal-content-wrap {
  position: relative; }
#modal-rafa-exclusive .title {
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold; }
#modal-rafa-exclusive .video-box {
  width: 550px;
  height: 360px;
  float: left; }
#modal-rafa-exclusive .video-chat {
  float: right;
  width: 270px;
  height: 380px; }
#modal-rafa-exclusive .chat-entry .thumb {
  width: 50px;
  height: 50px;
  float: left; }
#modal-rafa-exclusive .chat-entry .content {
  margin-left: 65px;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff; }
#modal-rafa-exclusive .chat-entry .author {
  color: #000000;
  padding-right: 5px; }
#modal-rafa-exclusive .chat-entry .timestamp {
  color: #333333;
  font-size: 11px; }
#modal-rafa-exclusive .shares {
  color: #f0f0f0;
  font-weight: bold;
  padding: 10px;
  cursor: pointer; }

/* ****************************** SHOP ************************** */
#modal-shop {
  width: 935px;
  margin: 0 200px;
  font-size: 12px;
  line-height: 14px;
  /* =shop css
  ==================================================*/
  /*.shop-top{width: 724px;height: 418px;background-image: url(../images/modal/shop-top.jpg);background-repeat: no-repeat;}*/ }
#modal-shop a {
  color: #CB2A31; }
#modal-shop strong {
  font-weight: bold; }
#modal-shop .modal-shop-wrap {
  position: relative;
  background-color: #333333;
  padding: 0 10px; }
#modal-shop .close {
  background-image: none;
  color: #FFFFFF;
  width: 150px;
  height: 20px;
  top: 5px;
  right: 20px;
  text-align: right;
  font-weight: bold;
  -moz-text-shadow: 1px 1px 2px #333;
  -webkit-text-shadow: 1px 1px 2px #333;
  text-shadow: 1px 1px 2px #333; }
#modal-shop .title {
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold; }
#modal-shop .shares {
  color: #f0f0f0;
  font-weight: bold;
  padding: 10px;
  cursor: pointer; }
#modal-shop .shop-col-2, #modal-shop .shop-col-3 {
  background-color: #ffffff;
  height: 305px; }
#modal-shop .shop-midddle {
  display: none;
  padding-bottom: 10px;
  background-color: #FFFFFF; }
#modal-shop .blue {
  color: #165b7a;
  letter-spacing: 0.5px; }
#modal-shop .auction-details {
  color: #333;
  font-size: 10px;
  line-height: 11px; }
#modal-shop .modalTrig-shopP {
  color: #333333;
  text-decoration: none; }
#modal-shop .shop-container {
  width: 950px;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 924px; }
#modal-shop .shop-top {
  width: 900px;
  height: 904px;
  background-image: url(../images/modal/shop.jpg);
  background-repeat: no-repeat; }
#modal-shop .shop-middle {
  width: 724px;
  background-image: url(../images/modal/shop-top.jpg);
  background-repeat: no-repeat; }
#modal-shop .shop-col-1 {
  float: left;
  width: 222px;
  background-color: #F1F2F4;
  text-align: center;
  padding-top: 5px; }
#modal-shop .shop-col-2 {
  float: left;
  height: 282px;
  width: 235px;
  padding-top: 5px;
  padding-left: 15px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #999; }
#modal-shop .shop-col-3 {
  float: left;
  height: 282px;
  width: 236px;
  padding-top: 5px;
  padding-left: 15px; }
#modal-shop .auction-area-shop {
  height: 113px;
  width: 172px;
  background-image: url(../images/modal/auction-blue-bg.jpg);
  background-repeat: no-repeat;
  color: #FFF;
  padding: 3px;
  font-size: 11px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px; }
#modal-shop .auction-update-area {
  background-image: url("../images/modal/rafa-auction-image.jpg");
  background-repeat: no-repeat;
  height: 79px;
  width: 171px; }

/* .confirmationNote {
	position: absolute;
	height: 30px;
	color: $color-link;
	z-index: 100;
	background-color: $bgcolor-box;
	padding: 10px;
	border: $border-color-side;
	@include border-radius(5px);
	display: none;
}
.confirmationNote.showed {
	display: block;
}*/
.lfloat {
  float: left; }

.rfloat {
  float: right; }

.breaker {
  clear: both; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0px;
  height: 0px;
  line-height: 0;
  visibility: hidden; }

.icon-star22r {
  background: transparent url(../images/template/red-star-22.png) center center no-repeat;
  width: 22px;
  height: 22px;
  display: inline-block; }

.icon-star14r {
  background: transparent url(../images/template/red-star-14.png) center center no-repeat;
  width: 14px;
  height: 14px;
  display: inline-block; }

/*# sourceMappingURL=svdemo.css.map */