html {
    background: white;
}

html body {
    background:url(../images/main-bg.jpg) top center no-repeat white;
    text-align: left;
}

.link-icon:after,
.link-icon::after {
    width: 14px;
    height: 14px;
    content: '->';
    color: transparent;
    background-image: url("../bootstrap/img/glyphicons-halflings-white.png");
    background-position: -456px -72px;
    background-repeat: no-repeat;
}

.link-icon.video:after,
.link-icon.video::after {
    content: '[]<';
    background-position: -432px -48px;
}

.link-icon.photo-gallery:after,
.link-icon.photo-gallery::after {
    content: '[O]';
    background-position: -120px -48px;
}

.center {text-align:center;}
.floatl{float:left;position:relative;}
.floatr{float:right;position:relative;}
.clear{clear:both;}
.clearl{clear:left;}
.clearr{clear:right;}
.bold {font-weight:bold;}

#homepage {
    width: 1004px;
    margin: 0 auto;
}

#homepage .module {
    position: relative;
    margin-top: 7px;
    margin-left: 8px;
    background: transparent;
}

#homepage .gradient-module {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.75, #fff));
    background: -moz-linear-gradient(bottom,  #ccc 0%,  #fff 75%);
    background: -ms-linear-gradient(90deg, #ccc 0%, white 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0);
}

#homepage .module-divider-left {
    position: absolute;
    left: -4px;
    top: 27px;
    width: 1px;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.25, #b7b7b7), color-stop(1, #b7b7b7));
    background: -moz-linear-gradient(bottom, white 0%, #b7b7b7 25%, #b7b7b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7b7', endColorstr='#ffffff', GradientType=0);
}

/*****
*
* HOMEPAGE TOP SECTION
*
******/

#homepage .top-section {
    background: url(../images/content/top-shadow.png) top left repeat-x white;
    padding: 1px 8px 8px;
}

#homepage .top-banner {
    padding-top:7px;
    margin-left:auto;
    margin-right:auto;
    background-color:transparent;
}
#homepage .top-banner .top-banner-ad{
    margin-left: 12px;
}

#homepage .top-banner .ad {
    margin-left:auto;
    margin-right:auto;
}

#homepage .top-banner #image-alert {
    margin: 7px 12px 0;
}

#homepage #fightWeekSchedule {
    background: transparent;
}

#homepage #fightWeekSchedule .fight-week-schedule-container {
    margin-top:10px;
    height:50px;
}

#homepage #fightWeekSchedule .fight-week-schedule-title {
    background: url(../images/content/home/fight_week_schedule_title.png) top left no-repeat;
    float:left;
    height:41px;
    width:83px;
    margin-top:4px;
}

#homepage #fightWeekSchedule .fight-week-schedule-events {
    width:905px;
    float:left;
}

#homepage #fightWeekSchedule .related-item {
    -moz-box-shadow: inset 1px 1px 8px 1px #666;
    -webkit-box-shadow: inset 1px 1px 8px 1px #666;
    box-shadow: inset 1px 1px 8px 1px #666;
    -moz-border-radius: 8px;
    border-radius: 8px;
    float:left;
    font-size:12px;
    text-transform: uppercase;
    padding:6px 10px;
    line-height:100%;
    background-color:#e1e1e1;
}

#homepage #fightWeekSchedule .three {
    margin-left:4px;
    width:277px;
}

#homepage #fightWeekSchedule .four {
    margin-left:4px;
    width:202px;
}

#homepage #fightWeekSchedule .five {
    margin-left:4px;
    width:157px;
}

#homepage #fightWeekSchedule .video {
    background:url(../images/content/linktype.png) 100% 0 no-repeat;
    height:14px;
    width:12px;
    float:right;
}

#homepage .top-section-inner {
    position: relative;
    width: 990px;
}

/* Any time fpf css is updated, copy the updates to home.css in the CMS */
/* This is used for the fpf preview function in the CMS */

#homepage #front-page-features {
    position: relative;
    display: inline-block;
    height: 532px;
    width: 669px;
    margin-right: 9px;
    margin-left: 3px;
}

#homepage #front-page-features #front-page-features-placeholder {
    padding-top: 250px;
    height: 282px;
    text-align: center;
    background-color: #ffffff;
}

#homepage #front-page-features #front-page-features-placeholder #front-page-features-loading {
    height: 32px;
    width: 32px;
}

#homepage #front-page-features #fpfVideoPlayer {
    background-color: black;
}

#homepage #front-page-features #fpfVideoContainer {
    position: absolute;
    top: 49px;
    z-index: 20;
    width: 669px;
    height: 376px;
    padding: 0;
    border: 0;
    margin: 0;
    background: transparent;
}

#homepage #front-page-features #fpfVideoControls {
    display: none;
    position: absolute;
    top: 10px;
    z-index: 200;
    left: 10px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: #c41230;
}

#homepage #front-page-features #fpfVideoControls #fpfVideoClose {
    margin: 0 4px;
}

#homepage #front-page-features #fpfVideo {
    position: relative;
    height: 376px;
}

#homepage #front-page-features #fpfcTab {
    padding: 10px 6px 0;
    height: 33px;
    margin-bottom: 0;
    border-bottom: 6px solid #c41230;
    background: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
    background: -moz-linear-gradient(bottom,  #ccc,  #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
    overflow: hidden;
}

#homepage #front-page-features #fpfcTab li a {
    padding: 6px;
    border-bottom: 0;
    color: #8d8d8d;
    font-weight: bold;
    font-size: large;
    text-transform: uppercase;
}

#homepage #front-page-features #fpfcTab li a:hover {
    border-color: #8d8d8d;
    background-color: #8d8d8d;
    color: #3f3f3f;
}

#homepage #front-page-features #fpfcTab li.active a {
    background-color: #c41230;
    border-color: #c41230 #c41230 transparent;
    color: #fff;
}

#homepage #front-page-features #fpfcTabContent {
    position: relative;
    height: 483px;
    overflow: hidden;
}

#homepage #front-page-features #fpfcTabContent .fpf-content {
    position: relative;
    height: 376px;
    overflow: hidden;
}

#homepage #front-page-features #fpfcTabContent .fpf-content .fpf-image {
    width: 669px;
    height: 376px;
    overflow: hidden;
}

#homepage #front-page-features #fpfcTabContent .fpf-content .fpf-image a {
    display: block;
    width: 669px;
    height: 376px;
}

#homepage #front-page-features #fpfcTabContent .fpf-content .fpf-image img {
    min-width: 669px;
    min-height: 376px;
}

#homepage #front-page-features #fpfcTabContent .fpf-content .fpf-image .fpf-play-btn {
    position: absolute;
    top: 121px;
    left: 287px;
    width: 75px;
    height: 75px;
    background: url(../images/content/home/play_icon_big.png) 0 0 no-repeat;
}

#homepage #front-page-features #fpfcTabContent .fpf-content .fpf-info {
    position: absolute;
    bottom: 0;
    width: 649px;
    padding: 3px 10px;
    background-color: rgba(0, 0, 0, 0.55);
    color: white;
}

#homepage #front-page-features #fpfcTabContent .fpf-content .fpf-info .fpf-title {
    line-height: 40px;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
}

#homepage #front-page-features #fpfcTabContent .fpf-content .fpf-info .fpf-title a {
    color: white;
}

#homepage #front-page-features #fpfcTabContent .fpf-content .fpf-info .fpf-title a:hover {
    color: #c41230;
}

#homepage #front-page-features #fpfcTabContent .fpf-content .fpf-info .fpf-subtitle {
}

#homepage #front-page-features #fpfcTabContent .fpf-content .fpf-info .fpf-links .fpf-link {
    margin-right: 10px;
}

#homepage #front-page-features #fpfcTabContent .fpf-content .fpf-info .fpf-links .fpf-link:after,
#homepage #front-page-features #fpfcTabContent .fpf-content .fpf-info .fpf-links .fpf-link::after {
    background-image: url(../images/glyphicons-halflings-yellow.png);
}

#homepage #front-page-features #fpfcTabContent .fpf-content .fpf-info .fpf-links .fpf-link a {
    color: #ffed01;
}

#homepage #front-page-features #fpfcTabContent .fpf-pills {
    position: absolute;
    bottom: 0;
    width: 655px;
    height: 107px;
    padding: 0 7px;
    margin-bottom: 0;
    background-color: #fff;
}

#homepage #front-page-features #fpfcTabContent .fpf-pills .fpf-pill {
    display: inline-block;
    width: 131px;
    height: 107px;
}

#homepage #front-page-features #fpfcTabContent .fpf-pills .fpf-pill a {
    width: 119px;
    height: 88px;
    padding: 6px 6px 0;
    margin: 0;
    background-color: transparent;
    color: white;
}

#homepage #front-page-features #fpfcTabContent .fpf-pills .fpf-pill .fpf-pill-image {
    width: 119px;
    height: 64px;
    margin: auto;
    border: 3px solid transparent;
    background: transparent;
}

#homepage #front-page-features #fpfcTabContent .fpf-pills .fpf-pill:hover .fpf-pill-image {
    border-color: #818181;
    background: #ffffff;
}

#homepage #front-page-features #fpfcTabContent .fpf-pills .fpf-pill.active .fpf-pill-image {
    border-color: #818181;
    background: #ffffff;
}

#homepage #front-page-features #fpfcTabContent .fpf-pills .fpf-pill .arrow-container {
    height: 10px;
}

#homepage #front-page-features #fpfcTabContent .fpf-pills .fpf-pill.active .arrow-up {
    margin-left: 12px;
    border-color: transparent transparent #818181;
    border-style: solid;
    border-width: 0 50px 10px;
    height: 0;
    width: 0;
}

#homepage #front-page-features #fpfcTabContent .fpf-pills .fpf-pill .fpf-pill-image img {
    min-width: 119px;
    min-height: 64px;
}

#homepage #front-page-features #fpfcTabContent .fpf-pills .fpf-pill.active:hover .fpf-pill-image img {
    opacity:1;
    filter:alpha(opacity=100);
}

#homepage #front-page-features #fpfcTabContent .fpf-pills .fpf-pill:hover .fpf-pill-image img {
    opacity:0.6;
    filter:alpha(opacity=60);
}

#homepage #front-page-features #fpfcTabContent .fpf-pills .fpf-pill-title {
    width: 119px;
    height: 19px;
    padding:2px 3px 0;
    overflow: hidden;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #111;
    font-weight: bold;
}
/* end copy to CMS section */

/* The .news-articles class is used for all news components on home page */
/* Includes in-the-news, press-releases, and headlines */
#homepage .news-articles ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 8px;
}

#homepage .news-articles li {
    display: inline-block;
    line-height: 19px;
    padding-bottom: 1px;
    vertical-align: bottom;
    background: url(../images/content/bullet-gray.png) 0 6px no-repeat;
}

#homepage .news-articles a {
    text-decoration:none;
    color: #222222;
    font-size: 12px;
}

#homepage .news-articles a:hover {
    color: #c41230;
}

#homepage .news-articles .news-title {
    overflow: hidden;
    max-width: 255px;
    text-overflow: ellipsis;
    white-space: nowrap;
    float:left;
    padding-right: 5px;
    padding-left: 9px;
}

#homepage .news-articles .video-icon {
    margin-top: 6px;
    width: 13px;
    height: 7px;
    float: left;
    background: url(../images/content/home/video-icon.png) 0 0 no-repeat;
}

#homepage .news-articles .camera-icon {
    width: 15px;
    height: 9px;
    float: left;
    background: url(../images/content/home/camera-icon.png) 0 0 no-repeat;
}

#homepage #headlines-section {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 680px;
    width: 308px;
}

#homepage #headlines-section .tab-content {
    overflow: visible;
}

#homepage #headlines {
    height: 273px;
    overflow: visible;
}

#homepage #headlines #headlineArticles li {
    display: inline-block;
    line-height: 19px;
    padding-bottom: 1px;
    vertical-align: bottom;
}

#homepage #headlines .tab-content {
    overflow: visible;
}

#homepage #headlines .tab-content #headline {
    height: 242px;
    overflow: hidden;
}

#homepage #headlines .tab-content #headline #headline-placeholder {
    padding-top: 104px;
    height: 238px;
    text-align: center;
    background-color: #ffffff;
}

#homepage #headlines .tab-content #headline #headline-placeholder #headline-loading {
    height: 32px;
    width: 32px;
}

#homepage #headlines .tab-content #headlineArticles {
    overflow: hidden;
}

#homepage #headlines .tab-content #headlineArticles #headlineNewsList{
    height: 220px;
    overflow: hidden;
}

#homepage #headlines .tab-content #headlineArticles #headlineNewsList li,
#homepage ul#inTheNewsList li, #homepage ul#pressReleaseList li {
    min-width: 200px;
}

#homepage #headlines .tab-content #headline .headlines-bottom .headlines-ad {
    float: left;
    width: 155px;
    height: 20px;
    margin-top: -2px;
    padding-left:5px;
}

#homepage #headlines .tab-content #headline .headlineArticlesMore {
    float: right;
    padding-bottom: 1px;
    padding-right: 8px;
    line-height: 19px;
    font-weight: bold;
    text-transform: uppercase;
}

#homepage #headlines .nav-tabs {
    margin-bottom: 7px;
    border-bottom: 2px solid #c41230;
}

#homepage #headlines .nav-tabs > li {
    margin-bottom: 0;
}

#homepage #headlines .headline-tab a {
    margin-left: 0;
    margin-right: 0;
    padding: 4px 7px;
    min-width: 44px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    text-transform: uppercase;
    text-align: center;
    border: 0px;
    border-radius: 8px 8px 0px 0px;
    background: linear-gradient(-70deg, #bcbcbc 0%, white 70%);
    background: -webkit-linear-gradient(70deg, #bcbcbc 0%, white 70%);
    background: -moz-linear-gradient(70deg, #bcbcbc, #ffffff 70%);
    background: -ms-linear-gradient(bottom left, #bcbcbc 0%, #ffffff 70%);
    /* 	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bcbcbc', endColorstr='#ffffff'); */

    /* 	background: radial-gradient(ellipse farthest-corner at 0% 100%, #a6a6a6 0%, white 75%, white 100%); */
    /* 	background: -webkit-radial-gradient(0% 100%, ellipse farthest-corner, #a6a6a6 0%, white 75%, white 100%); */
    /* 	background: -ms-radial-gradient(0% 100%, ellipse farthest-corner, #a6a6a6 0%, white 75%, white 100%); */
    /* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=white, endColorstr='#a6a6a6',GradientType=0 ); */
    max-width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#homepage #headlines li.headline-tab.active a {
    color: #fff;
    background: #c41230;
    text-shadow: 1px 1px 0 #8a3c49;
}

#homepage #headlines-ad {
    height: 250px;
    margin-top: 9px;
    background: transparent;
}

/* TV SCHEDULE TAB */

#homepage #tvSchedule .btn-group {
    width:150px;
}

#homepage #tvSchedule .btn {
    padding:0 0 0 4px;
    margin-left: 4px;
    background: transparent;
    border: 0;
    width:150px;
    color: #c41230;
    font-size: 12px;
    font-weight: bold;
    text-align:left;
    text-transform: uppercase;
}

#homepage #tvSchedule .dropdown-menu li {
    padding:5px 15px 5px 12px;
}

#homepage #tvSchedule .dropdown-menu li:hover {
    color: #fff;
    background: #c41230;
}

#homepage #tvSchedule #region-dropdown {
    width: 110px;
    font-size: 11px;
}

#homepage #tvSchedule #region-dropdown .caret {
    margin-left: 3px;
}

#homepage #tvSchedule .region-selection {
    width: 105px;
}

#homepage #tvSchedule #div-schedule-container {
    padding:0 4px;
}

#homepage #home-schedule .date-header {
    font-weight:bold;
    font-size:12px;
    color:#222;
    margin:2px 8px 0 0;
    border-bottom:1px solid #D6D6D6;
    width:284px;
}

#homepage #home-schedule .scroll .date-header {
    width:272px;
}

#homepage #home-schedule .time-zone {
    line-height:10px;
    font-size:8px;
    font-weight:bold;
    color:#e8e8e8;
    background-color:#808080;
    padding:1px 3px;
    position:relative;
    top:-1px;
}

#homepage #home-schedule #schedule-listing {
    width:295px;
    height:215px;
    overflow:hidden;
}

#homepage #home-schedule .scroll ol.schedule-items {
    width:272px;
}

#homepage #home-schedule ol.schedule-items {
    width:284px;
    list-style-type:none;
    padding:0;
    margin:0 0 0 8px;
}

#homepage #home-schedule ol.schedule-items a {
    display:inline-block;
}

#homepage #home-schedule ol.schedule-items li {
    background:transparent url(../images/info-graphics/graph_line_dot.gif) bottom left repeat-x;
    padding:5px 4px 5px 4px;
}

#homepage #home-schedule ol.schedule-items li:hover {
    background-color:#fff;
}

#homepage #home-schedule ol.schedule-items div.top {
    width:100%;
    padding:0;
    margin:0 0 4px 0;
}

#homepage #home-schedule ol.schedule-items div.time {
    font-size:10px;
    font-weight:bold;
    padding-right:1px;
    float:left;
    position:relative;
    color:#8f8f8f;
}

#homepage #home-schedule ol.schedule-items div.time a {
    font-weight:bold;
    color:#8f8f8f;
    text-decoration:none;
}

#homepage #home-schedule ol.schedule-items div.channel {
    float:right;
    position:relative;
}

#homepage #home-schedule ol.schedule-items div.channel a {
    font-size:10px;
    color:#181818;
    font-weight:bold;
    text-decoration:none;
}

#homepage #home-schedule ol.schedule-items div.channel a:hover{
    color:#C10E1F;
}

#homepage #home-schedule ol.schedule-items div.description {
    padding-left: 0;
    clear:both;
    color:#181818;
    font-size:12px;
}

#homepage #home-schedule ol.schedule-items div.description a {
    text-decoration:none;
    color:#181818;
    font-size:12px;
}

#homepage #home-schedule ol.schedule-items div.description a:hover {
    color:#C10E1F;
}

#homepage #home-schedule ol.schedule-items div.description .indicator {
    font-weight:normal;
    position:relative;
    top:-2px;
    display:inline-block;
    line-height:10px;
    padding: 1px 2px 2px;
    background-color:#C10E1F;
    color:#FFF;
    font-size:10px;
    text-transform:uppercase;
}

#homepage #home-schedule ol.schedule-items div.clear {
    clear:both;
}

#homepage #home-schedule .scrolling-bottom {
    margin-left:8px;
    width:286px;
    border-top:1px solid #D6D6D6;
}

#homepage #home-schedule .no-schedule-items {
    width:300px;
    height:153px;
    font-style:italic;
    padding-top:60px;
    vertical-align:middle;
    text-align:center;
}

/* FORUMS TAB */

#homepage #forum {
    height: 240px;
}

#homepage #forum #forum-body {
    height: 215px;
}

#homepage #forum #forum-body #forum-content {
    max-height: 186px;
    overflow: hidden;
}

#homepage #forum #forumList {
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 8px;
    height: 188px;
    overflow: hidden;
}

#homepage #forum li {
    padding-bottom:6px;
}

#homepage #forum a {
    text-decoration:none;
    color:#222;
    font-size:12px;
}

#homepage #forum a:hover {
    color:#c10e1f;
}

#homepage #forum #forumMore {
    height: 21px;
    padding: 4px 9px;
    font-weight:bold;
}

#homepage #forum #fightClubLinks {
    width: 300px;
    height: 25px;
    margin: 0 auto;
    border-top: 2px solid #cccccc;
    font-weight: bold;
}

#homepage #forum #fightClubLinks > div {
    display: inline-block;
    width: 130px;
    padding: 2px 9px;
}

#homepage #forum #fightClubLinks #fightClubSignUp {
    text-align: left;
}

#homepage #forum #fightClubLinks #fightClubLogin {
    text-align: right;
}

/*****
*
* HOMEPAGE BOTTOM SECTION
*
******/

#homepage .bottom-section {
    background: #fff;
    padding: 0 8px 8px;
    margin-top: 12px;
}

#homepage #fight-card {
    min-height: 326px;
}

#homepage #fight-card .nav-tabs {
    margin-bottom: 0px;
    border-bottom: 0px;
}

#homepage #fight-card .nav-tabs li {
    margin-bottom: 0px;
    max-width: 220px;
}

#homepage #fight-card #fight-card-tabs {
    height: 28px;
    overflow: hidden;
}

#homepage #fight-card .fight-card-tab a {
    /* 	margin: 0px auto; */
    margin: 0;
    padding: 4px 7px 2px;
    min-width: 110px;
    max-width: 220px;
    color: #999;
    background-color: #4f4f4f;
    background: -webkit-gradient(linear, left top, right bottom, from(#2f2f2f), to(#4f4f4f));
    background: -moz-linear-gradient(left top,  #222,  #4f4f4f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#4f4f4f', GradientType=1);
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 6px 6px 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#homepage #fight-card li.fight-card-tab.active a {
    color: #fff;
    background: #780001;
    filter: none;
    border-color: #780001;
    text-shadow: 1px 1px 0 #8a3c49;
}

#homepage #fight-card li.fight-card-tab.active a:hover {
    color: #fff;
    filter: none;
    background-color: #780001;
    border-color: #780001;
}

#homepage #fight-card li.fight-card-tab a:hover {
    border-color: #8d8d8d;
    filter: none;
    background: #8d8d8d;
    color: #3f3f3f;
}

#homepage #fight-card .info-bar {
    position: relative;
    background-color: #780001;
    color: #ddd;
}

#homepage #fight-card .info-bar a {
    color: #ddd;
    text-decoration: none;
}

#homepage #fight-card .info-bar a:hover {
    color: #c41230;
}

#homepage #fight-card .info-bar #title-area {
    font-size: 24px;
    text-transform: uppercase;
    margin-left: 6px;
    padding-left: 11px;
    padding-top: 6px;
    background-color: #3f3f3f;
}

#homepage #fight-card .info-bar #ad-area {
    right: 0;
    top: 0;
    max-height: 58px;
    max-width:  200px;
    float: right;
}

#homepage #fight-card .info-bar #subtitle-area {
    font-size: 11px;
    line-height: 20px;
    padding-bottom: 5px;
    vertical-align: bottom;
    margin-left: 6px;
    padding-left: 11px;
    background-color: #3f3f3f;
}

#homepage #fight-card .info-bar #subtitle-area .red-button {
    margin-left: 6px;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 17px;
    padding: 2px 7px;
    text-transform: uppercase;
    vertical-align: bottom;
    background-color: #780001;
    color: #ffffff;
}

#homepage #fight-card .info-bar #subtitle-area .red-button:hover {
    background-color: #8d8d8d;
    border-color: #8d8d8d;
}

#homepage #fight-card .info-bar #subtitle-area .video-button {
    margin-left: 3px;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 17px;
    padding: 2px 7px;
    text-transform: uppercase;
    vertical-align: bottom;
    background-color: #6f6f6f;
    color: #ffffff;
}

#homepage #fight-card .info-bar #subtitle-area .video-button:hover {
    background-color: #8d8d8d;
    border-color: #8d8d8d;
}

#homepage #fight-card .info-bar .title-fight-card-divider {
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 16px;
    border: 1px solid #780001;
    background-color: #3f3f3f;
}

#homepage #fight-card .info-bar .subtitle-fight-card-divider {
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 7px;
    margin: 0px 4px;
    vertical-align: middle;
    border: 1px solid #780001;
    background-color: #3f3f3f;
}

#homepage #fight-card #fight-card-section {
    color: #ffffff;
    text-transform: uppercase;
    background-color: #c41230;
    height: 243px;
}

#homepage #fight-card #fight-card-section .fights a {
    display: inline-block;
    margin: 4px 3px 4px 0;
}

#homepage #fight-card #fight-card-section .fight {
    position: relative;
    display: inline-block;
    height: 72px;
    background-color: #ccc;
    overflow: hidden;
}

#homepage #fight-card #fight-card-section .fight .fighter-name {
    display: none;
    z-index: 20;
    background-color: #000000;
    margin: 0px;
    padding: 0px;
    color: white;
}

#homepage #fight-card #fight-card-section .fight:hover .fighter-name {
    display: block;
    color: white;
}

#homepage #fight-card #fight-card-section .main-event-title {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-spacing: 1px;
    text-shadow: 1px 1px 0 #8a3c49;
}

#homepage #fight-card #fight-card-section .main-event {
    background-color: #780001;
    float: left;
    width: 323px;
    height: 243px;
    overflow: hidden;
}

#homepage #fight-card #fight-card-section .main-event .fight {
    height: 220px;
    margin: 2px 0px 0px 0px;
    padding: 0px;
    background-color: transparent;
}

#homepage #fight-card #fight-card-section .main-event .fighter-image-frame {
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 220px;
    width: 154px;
    /* 	background-color: #222; */
    overflow: hidden;
    background: radial-gradient(circle farthest-side at 50% 100%, white 0%, #0f0f0f 85%, #0f0f0f 100%);
    background: -webkit-radial-gradient(50% 100%, circle farthest-side, white 0%, #0f0f0f 85%, #0f0f0f 100%);
    background: -ms-radial-gradient(50% 100%, circle farthest-side, white 0%, #0f0f0f 85%, #0f0f0f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f0f', endColorstr=white,GradientType=0 );
}

#homepage #fight-card #fight-card-section .main-event .fighter-image-frame img {
    max-width: 550px;
    height: 250px;
    margin-left: -117px;
    margin-top: -10px;
}

#homepage #fight-card #fight-card-section .main-event .frame-left {
    margin-left: 6px;
}

#homepage #fight-card #fight-card-section .main-event .frame-right {
    /* 	margin: 2px 2px 2px 1px; */
}

#homepage #fight-card #fight-card-section .main-event .fight .versus {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 26px;
    line-height: 28px;
    font-weight: bold;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    color: #ffffff;
    background-color: #780001;
    position: absolute;
    bottom: 0px;
    margin-left: -24px;
    width: 34px;
    text-align: center;
}

#homepage #fight-card #fight-card-section .main-event .fighter-name {
    display: block;
    line-height: 28px;
    font-size: 16px;
    padding: 2px 4px;
    font-weight: bold;
    position: absolute;
    bottom: 0px;
}

#homepage #fight-card #fight-card-section .main-event .fighter-name1 {
    right: 0px;
    margin-right: 177px;
}

#homepage #fight-card #fight-card-section .main-event .fighter-name2 {
    margin-left: 183px;
    *margin-left: 20px;
}

#homepage #fight-card #fight-card-section .card-fights.main-card-fights {
    display: inline-block;
    width: 307px;
    height: 243px;
    overflow: hidden;
}

#homepage #fight-card #fight-card-section .card-fights.secondary-card-fights {
    width: 358px;
    float: right;
}

#homepage #fight-card #fight-card-section .card-fights {
    display: inline-block;
    width: 665px;
    height: 243px;
    overflow: hidden;
}

#homepage #fight-card #fight-card-section .card-fights .fight-card-title-container {
    width: 66px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-top: 24px;
}

#homepage #fight-card #fight-card-section .card-fights.card-layout-3.LayoutB .card.card-2 .fight-card-title-container{
    vertical-align: top;
    margin-top: 96px;
}

#homepage #fight-card #fight-card-section .main-card-fights .fight-card-title-container {
    display: table-cell;
    vertical-align: middle;
}

#homepage #fight-card #fight-card-section .main-card-fights .card {
    height: 100%;
    width: 100%;
    display: table;
}

#homepage #fight-card #fight-card-section .secondary-card-fights .card {
    display: table;
    width: 100%;
}

#homepage #fight-card #fight-card-section .secondary-card-fights .fight-card-title-container {
    /*display: table-cell;*/
    width: 115px;
}

#homepage #fight-card #fight-card-section .secondary-card-fights .fight-card-title-wrapper {
    width: 66px;
    margin: auto;
}

#fight-card-section .card-layout-1 .card-0{
    height: 243px;
}

#homepage #fight-card #fight-card-section .card-fights.card-layout-2 .card.card-1 .fight-card-title-container,
#homepage #fight-card #fight-card-section .card-fights.card-layout-1 .card.card-0 .fight-card-title-container {
    vertical-align: top;
    padding-top: 22px;
    margin-top: 0px;
}

#homepage #fight-card #fight-card-section .card-fights .fight-card-title {
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    word-wrap: break-word;
    margin-bottom: 1px;
}

#homepage #fight-card #fight-card-section .card-fights .fight-card-title a,
#homepage #fight-card #fight-card-section .card-fights .fight-card-title a:hover,
#homepage #fight-card #fight-card-section .card-fights .fight-card-title a:visited {
    color: white;
    text-decoration: none;
}

#homepage #fight-card #fight-card-section .card-fights .fight-card-time {
    font-size: 8px;
    line-height: 8px;
    letter-spacing: 1px;
}

#homepage #fight-card #fight-card-section .card-fights .fighter-image-frame {
    display: inline-block;
    position: relative;
    zoom: 1;
    height: 72px;
    width: 55px;
}

#homepage #fight-card #fight-card-section .card-fights .fighter-image-frame img {
    max-width: 160px;
    max-height: 82px;
    margin-left: -36px;
    margin-top: 1px;
}

#homepage #fight-card #fight-card-section .card-fights .frame-right {
    margin-left: -2px;
}

#homepage #fight-card #fight-card-section .card-fights .fighter-name {
    width: 100%;
    text-align: center;
    font-size: 9px;
    line-height: 12px;
    position: absolute;
    left: 0;
}

#homepage #fight-card #fight-card-section .card-fights .fighter-name1 {
    top: 0;
}

#homepage #fight-card #fight-card-section .card-fights .fighter-name2 {
    bottom: 0;
}

#homepage #fight-card #fight-card-section .card-fights .fight .versus {
    width: 12px;
    line-height: 14px;
    color: #000;
    font-weight: bold;
    position: absolute;
    margin-left: -9px;
    margin-top: 22px;
    text-align: center;
}

#homepage #fight-card #fight-card-section .fights {
    display: inline-block;
}

#homepage #fight-card #fight-card-section .fights.fights-column {
    width: 234px;
}

#homepage #fight-card #fight-card-section .card {
    overflow: hidden;
}

#homepage #fight-card #fight-card-section .card-0 {
    background-color: #780001;
}

#homepage #fight-card #fight-card-section .card-1 {
    background-color: #ae101d;
}

#homepage #fight-card #fight-card-section .card-2 {
    background-color: #AA0101;
}

#homepage #fight-card #fight-card-section .secondary-card-fights .card-0 {
    background-color: #ae101d;
}

#homepage #fight-card #fight-card-section .secondary-card-fights .card-1 {
    background-color: #AA0101;
    padding-bottom: 8px;
}

/*FIGHT CARD LAYOUTS*/
#homepage #fight-card #fight-card-section .card-layout-1 .card-0 .fights,
#homepage #fight-card #fight-card-section .card-layout-2.LayoutB .card-1 .fights {
    width: 595px;
}

#homepage #fight-card #fight-card-section .card-layout-3.LayoutA .card-0,
#homepage #fight-card #fight-card-section .card-layout-3.LayoutA .card-1,
#homepage #fight-card #fight-card-section .LayoutB .card-0 {
    height: 80px;
}

#homepage #fight-card #fight-card-section .card-layout-2.LayoutA .card-1 .fights {
    width: 430px;
}

#homepage #fight-card #fight-card-section .card-layout-3.LayoutB .fights {
    width: 353px;
}

#homepage #fight-card #fight-card-section .card-layout-3.LayoutB .card-2 {
    height: 243px;
    width: 210px;
    position: absolute;
    top: 87px;
    right: 0;
    padding-left:7px;
}

#homepage #fight-card #fight-card-section .card-layout-3.LayoutB .card-2 .fight-card-title,
#homepage #fight-card #fight-card-section .card-layout-3.LayoutB .card-2 .fight-card-time {
    width: 66px;
    text-align: center;
}

#homepage #fight-card #fight-card-section .card-layout-3.LayoutB .card-2 .fights {
    width: 120px;
    text-align: right;
    margin-right: 10px;
}

/* .module-title-bar is used for the red title bars in each segment of the home page */
#homepage .module-title-bar {
    color: #fff;
    background-color: #c41230;
    text-transform: uppercase;
    padding-left: 5px;
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #8a3c49;
    border:1px solid;
    border-color:#dd7688 #6a1624 #6a1624 #dd7688;
}

#homepage .home-error-message {
    color: #222222;
    padding-left: 8px;
}

#homepage #must-see-video {
    height: 166px;
    background: #3d3d3c;
}

#homepage #must-see-video .nav-tabs {
    margin: 0 10px 0 10px;
    border-color: #3d3d3c;
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #666;
    background-color: #3d3d3c;
    height: 21px;
    overflow: hidden;
}

#homepage #must-see-video .video-tab a,
#homepage #must-see-video .video-tab a:hover {
    margin-left: 0;
    margin-right: 0;
    padding: 0 5px;
    min-width: 45px;
    color: #c9c9c9;
    background-color: #3d3d3c;
    font-weight:bold;
    text-transform: uppercase;
    text-align: center;
    border-color:#3d3d3c;
    font-size: 11px;
}

#homepage #must-see-video li.video-tab.active a,
#homepage #must-see-video li.video-tab.active a:hover {
    color: #fff;
    background-color: #666;
    border-color: #666;
    font-weight: bold;
    text-shadow: none;
}

#homepage #must-see-video .tab-content {
    padding: 0 10px;
    background: transparent;
    color: #FFFFFF;
    overflow: hidden;
}

#homepage #must-see-video .tab-content .tab-pane {
    background: #3d3d3c;
    height: 94px;
    width: 636px;
}

#homepage #must-see-video .tab-content .inner {
    padding: 0 0 !important;
    color: #FFFFFF;
    width: 636px;
    overflow: hidden;
}

#homepage #must-see-video .msv-navigation {
    text-align: center;
    width: 110px;
    margin-left: auto;
    margin-right:auto;
    margin-top:3px;
    padding-left: 30px;
}

#homepage #must-see-video .msv-navigation ul {
    display: inline;
    margin: 0 0 0 0;
}

#homepage #must-see-video .msv-navigation ul li {
    display:inline;
    list-style:none;
}

/* Must See Video Pagination Left Arrow */
#homepage #must-see-video .msv-navigation a.prev-msv-button {
    margin: 0 4px;
    float:left;
    width: 0;
    height: 0;
    border-right: 9px solid #FFFFFF;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

#homepage #must-see-video .msv-navigation a.prev-msv-button:hover {
    margin: 0 4px;
    float:left;
    width: 0;
    height: 0;
    border-right: 9px solid #c41230;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

#homepage #must-see-video .msv-navigation a.prev-msv-button.disabled {
    margin: 0 4px;
    float:left;
    width: 0;
    height: 0;
    border-right: 9px solid #666666;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

#homepage #must-see-video .msv-navigation a.prev-msv-button.disabled:hover {
    margin: 0 4px;
    float:left;
    width: 0;
    height: 0;
    border-right: 9px solid #666666;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

/* Must See Video Pagination Right Arrow */
#homepage #must-see-video .msv-navigation a.next-msv-button {
    margin: 0 4px;
    float:left;
    width: 0;
    height: 0;
    border-left: 9px solid #FFFFFF;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

#homepage #must-see-video .msv-navigation a.next-msv-button:hover {
    margin: 0 4px;
    float:left;
    width: 0;
    height: 0;
    border-left: 9px solid #c41230;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

#homepage #must-see-video .msv-navigation a.next-msv-button.disabled {
    margin: 0 4px;
    float:left;
    width: 0;
    height: 0;
    border-left: 9px solid #666666;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

#homepage #must-see-video .msv-navigation a.next-msv-button.disabled:hover {
    margin: 0px 4px;
    float:left;
    width: 0;
    height: 0;
    border-left: 9px solid #666666;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

/* Must See Video Pagination Dots */
#homepage #must-see-video .msv-navigation .page a {
    float:left;
    color: #EEE;
    display:block;
    height:8px;
    width:8px;
    background-color:#FFFFFF;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    margin: 0px 3px;
}

#homepage #must-see-video .msv-navigation .page a:hover {
    color: #CCCCCC;
    display:block;
    height:8px;
    width:8px;
    background-color:#c41230;
}

#homepage #must-see-video .msv-navigation .page.active a {
    background-color:#c41230;
}


#homepage #must-see-video .tab-content .tab-pane .media-item {
    float:left;
    padding:0px;
    margin:0px 16px 0px 0px;
    width:114px;
}

#homepage #must-see-video .tab-content .tab-pane .last-media-item {
    float:left;
    padding:0px;
    margin:0px 0px 0px 0px;
    width:114px;
}

#homepage #must-see-video .tab-content .tab-pane .media-item a {
    text-decoration:none;
}

#homepage #must-see-video .tab-content .tab-pane .media-item a:hover {
    text-decoration:none;
    color:#c41230;
}

#homepage #must-see-video .tab-content .tab-pane .media-item img {
    width:114px;
    height: 64px;
    margin-top: 10px;
    margin-right: 10px;
}

#homepage #must-see-video .tab-content .tab-pane .media-item span {
    display:block;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow-x:hidden;
    color:#fff;
    font-size: 10px;
    font-weight: bold;
}

#homepage #spotlight {
    height: 386px;
}

#homepage #spotlight .spotlight-feature {
    width: 324px;
    height: 71px;
    overflow: hidden;
    zoom: 1;
    *display: inline;
}


#homepage #spotlight .spotlight-feature .br-title{
    width: 324px;
    height: 71px;
    overflow: hidden;
    zoom: 1;
    *display: inline;
    font-size:12px;
}

#homepage #spotlight .spotlight-feature .spotlight-media {
    display: inline-block;
    padding-left: 5px;
    zoom: 1;
    *display: inline;
    width: 100px;
    position: absolute;
    height: 67px;
    overflow: hidden;
}

#homepage #spotlight .spotlight-feature .spotlight-text {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 200px;
    height: 67px;
    padding-left: 6px;
    /*vertical-align: middle;*/
    padding-left: 118px;
}

#homepage #spotlight #spotlight-label-text {
    height: 20px;
    overflow: hidden;
}

#homepage #spotlight .spotlight-day-label {
    color: #c41230;
    font-weight: bold;
    text-transform: uppercase;
}

#homepage #spotlight .spotlight-category-label a {
    color: #606060;
    font-weight: bold;
    text-decoration:none;
}

#homepage #spotlight .spotlight-category-label a:hover {
    color: #c41230;
}

#homepage #spotlight .spotlight-text .spotlight-title {
    height: 45px;
    font-weight: bold;
    overflow: hidden;
}

#homepage #spotlight .spotlight-text .spotlight-title a {
    color: #000;
    text-decoration:none;
}

#homepage #spotlight .spotlight-text .spotlight-title a:hover {
    color: #c41230;
}

#homepage #spotlight-media img {
    width: 100px;
    height: 67px;
}

#homepage #ufc-tv {
    height: 386px;
    width: 324px;
}

#homepage #ufc-tv .video {
    margin-left: 15px;
    margin-bottom: 10px;
    float: left;
}

#homepage #ufc-tv span.sub-title {
    text-transform:uppercase;
    margin-left: 15px;
    display: block;
    width: 300px;
    text-align: left;
    color: #c41230;
    font-weight: bold;
    font-size: 14px;
}

#homepage #ufc-tv .video a {
    color: #000000;
}

#homepage #ufc-tv .video a:hover {
    color: #c41230;
    text-decoration: none;
}

#homepage #ufc-tv .video a span {
    display: block;
    width: 140px;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#homepage #new-videos {
    margin-bottom: 25px;
}

#homepage #live-events {
}

#homepage #odds-container {
    height: 357px;
    width: 324px;
    /*text-align: center;*/
}

#homepage #odds-container #title-section #event-name {
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #c41230;
}

#homepage #odds-container #title-section #event-date {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

#homepage #odds-container #fight-odds-section {
    font-size: 13px;
    text-align: center;
}

#homepage #odds-container #fight-odds-section .fight-odds {
    display: inline-block;
    width: 324px;
}

#homepage #odds-container #fight-odds-section .fight-odds .title-container {
    display: inline-block;
    width: 200px;
}

#homepage #odds-container #fight-odds-section .fight-odds .fight-title {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    color: #c41230;
}

#homepage #odds-container #fight-odds-section .fight-odds .odds-line {
    display: inline-block;
    font-weight: bold;
    width: 30px;
}

#homepage #odds-container #odds-ad {
    float: left;
    margin: 7px 10px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 50px;
}

#homepage #odds-container #odds-fight-card-button {
    display: inline;
    color: #fff;
    background: #c41230;
    border-radius: 5px;
    padding: 2px 9px 2px 10px;
    height: 19px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    float: right;
    margin: 0 10px 7px 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

#homepage #odds-container #odds-fight-card-button-arrow {
    display: inline-block;
    margin: 0px 0px 1px 2px;
    width: 0;
    height: 0;
    border-left: 9px solid #FFFFFF;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}


#errorOverlay {
    width: 324px;
}

#errorOverlay #errorOverlaySubtitle {
    margin-top: 150px;
    text-align: center;
    font-weight: bold;
    color: #000;
}


#homepage #stats {
    height: 373px;
}

#homepage #stats .module-title-bar {
    position: relative;
}

#homepage #stats .stats-divider {
    width: 100%;
    border: 1px solid #cccccc;
}

#homepage #stats #dropdown-headers {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 20px;
    text-transform: uppercase;
    font-size: 11px;
    color: #777777;
    font-weight: bold;
}

#homepage #stats #dropdown-headers .dropdown-header {
    padding-left: 5px;
    padding-right: 5px;
}

#homepage #stats #dropdown-headers #stats-dropdown-header {
    position: absolute;
    top: 0;
    right: 0;
}

#homepage #stats .stats-tool-tip {
    position: absolute;
    right: 5px;
    top: 0px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 50%;
    background-color: #565656;
    cursor: help;
}

#homepage #stats .tooltip {
    margin-top: 90px;
    width: 400px;
    font-size: 11px;
    /* 	line-height: 11px; */
    text-transform: none;
    font-weight: normal;
    /* 	background-color: #555555; */
}

#homepage #stats .btn-toolbar {
    margin-top: 0;
    margin-bottom: 1px;
}

#homepage #stats .caret {
    border-top-color: #c41230;
}

/* used for stat dropdowns */
#homepage #stats .btn {
    padding: 0;
    margin-left: 2px;
    background: transparent;
    border: 0;
    color: #c41230;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#homepage #stats .dropdown-menu li > a:hover {
    color: #fff;
    background: #c41230;
}

#homepage #stats #country-dropdown {
    width: 50px;
    font-size: 12px;
}

#homepage #stats .country-selection {
    max-height: 250px;
    overflow-y: auto;
}

#homepage #stats #weight-class-dropdown {
    width: 50px;
    font-size: 12px;
}

#homepage #stats .weight-class-selection {
    max-height: 300px;
}

#homepage #stats #stat-dropdown {
    width: 185px;
    font-size: 12px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 10px;
}

#homepage #stats #stat-dropdown .caret{
    position: absolute;
    right: 0px;
}

#homepage #stats .stat-selection {
    width: 203px;
    max-height: 250px;
    overflow-y: scroll;
}

#homepage #stats .stats-list table {
    width: 90%;
    margin: auto;
}

#homepage #stats .stats-list .number-column {
    width: 10%;
    font-weight: bold;
    text-align: right;
    padding: 5px;
    /* 	padding-right: 5px; */
}

#homepage #stats .stats-list .name-column {
    width: 80%;
    text-align: left;
    padding: 5px;
}

#homepage #stats .stats-list .name-column a {
    text-decoration:none;
    color: #000;
}

#homepage #stats .stats-list .name-column a:hover {
    text-decoration: none;
    color: #c41230;
}

#homepage #stats .stats-list .stat-column {
    width: 10%;
    font-weight: bold;
    text-align: right;
    padding: 5px;
}

#homepage #rankings {
    height: 543px;
}

#homepage #rankings .rankings-sponsor {
    width: 145px;
    height: 43px;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    right: 0;
    overflow: hidden;
}

#homepage #rankings .rankings-divider {
    height: 0;
    width: 100%;
    border: 1px solid #cccccc;
}

#homepage #rankings .dropdown-header {
    width: 100%;
    height: 20px;
    text-transform: uppercase;
    font-size: 11px;
    text-align: left;
    color: #777777;
    font-weight: bold;
    padding-left: 7px;
}

#homepage #rankings .btn-toolbar {
    margin-top: 0;
    margin-bottom: 1px;
}

#homepage #rankings .caret {
    border-top-color: #c41230;
}

#homepage #rankings .btn {
    padding: 0;
    margin-left: 2px;
    background: transparent;
    border: 0;
    color: #c41230;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#homepage #rankings .dropdown-menu li > a:hover {
    color: #fff;
    background: #c41230;
}

#homepage #rankings #weight-class-dropdown {
    width: 175px;
    font-size: 12px;
}

#homepage #rankings .weight-class-selection {
    /*max-height: 250px;*/
}

#homepage #rankings .rankings-champions {
    position: relative;
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    height: 26px;
    width: 100%;
    overflow:hidden;
}

#homepage #rankings .no-rankings-champions {
    height: 0px;
    overflow: hidden;
}

#homepage #rankings .rankings-champions #champion-fighter {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    padding: 5px 15px;
    white-space: nowrap;
}

#homepage #rankings .rankings-champions #interim-champion-fighter {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 32px;
    text-align: right;
    padding-right: 15px;
}

#homepage #rankings .rankings-champions .fighter-name a {
    color: #000000;
    text-decoration: none;
}

#homepage #rankings .rankings-champions .fighter-name a:hover {
    color: #c41230;
}

#homepage #rankings .rankings-list table {
    width: 90%;
    margin: auto;
    line-height: 18px;
}

#homepage #rankings .rankings-list .number-column {
    width: 10%;
    font-weight: bold;
    text-align: right;
    padding: 4px;
}

#homepage #rankings .rankings-list .name-column {
    width: 80%;
    text-align: left;
    padding: 4px;
}

#homepage #rankings .rankings-list .name-column a {
    text-decoration:none;
    color: #000;
}

#homepage #rankings .rankings-list .name-column a:hover {
    text-decoration: none;
    color: #c41230;
}

#homepage #rankings .rankings-list .name-column .rankingMovement {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 30px;
    max-height: 17px;
    font-size: 11px;
    font-weight: bold;
}

#homepage #rankings .rankings-list .name-column .rankingMovement .movementMarker {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 10px;
    font-weight:normal;
    padding-left: 2px;
}

#homepage #rankings .rankings-list .name-column .rankingMovement .upArrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #393;
}

#homepage #rankings .rankings-list .name-column .rankingMovement .downArrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #c33;
}

#homepage #rankings .rankings-list .name-column .rankingMovement .movementNumber {
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 12px;
    width: 10px;
    font-size: 11px;
    padding-left: 3px;
    vertical-align: top;
}

#homepage #rankings #bottom-section {
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #3d3d3c;
}

#homepage #rankings #bottom-section #rankings-link a {
    color: #c9c9c9;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    padding-left: 5px;
    line-height: 20px;
}

#homepage #rankings #bottom-section #comments-link {
    height: 30px;
    color: #c9c9c9;
}

#homepage #rankings #bottom-section #comments-link .tooltip-inner {
    max-width: 220px;
}

#homepage #rankings #bottom-section #comments-button {
    height: 20px;
    background: #c9c9c9;
    color: #3d3d3c;
    width: 155px;
    margin-left: 5px;
    margin-top: 2px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

#homepage #rankings #bottom-section #comments-button a {
    color: #333;
    text-decoration: none;
}

#homepage #rankings #bottom-section #comments-button a:hover {
    color: #c41230;
}

#homepage #rankings #bottom-section .rankings-tool-tip {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 50%;
    background-color: #c9c9c9;
    color: #3d3d3c;
    text-shadow: 1px 1px 0 #333;
    cursor: help;
}

#homepage #rankings #bottom-section .tooltip {
    margin-top: 90px;
    width: 400px;
    font-size: 11px;
    text-transform: none;
    font-weight: normal;
}

#homepage #fighters-ad {
    height: 100px;
    background: transparent;
    display: none;
}

#homepage #fighters-ad .ad {
    margin: 0 auto;
}

#homepage #coming-soon-ad .ad {
    margin: 0 auto;
}

#homepage #in-the-news {
    height: 355px;
}

#homepage #quick-vote {
    height: 355px;
    position: relative;
}

#homepage #quick-vote .poll-container {
    margin-top:-7px;
    margin-right:auto;
    margin-left:auto;
    width: 335px;
}

#homepage #quick-vote .poll {
    height: 335px;
    width: 324px;
}

#homepage #quick-vote .poll-ad {
    position: absolute;
    bottom: 0;
    width: 324px;
}

#homepage #quick-vote .poll-ad .ad {
    margin: 0 auto;
}

#homepage #fantasy {
    height: 355px;
    overflow: hidden;
}

#homepage #join-the-conversation {
    height: 355px;
}

#homepage #join-the-conversation #iframe-area {
    overflow: hidden;
}

#homepage #join-the-conversation iframe {
    margin-top: -7px;
    width: 325px;
    height: 333px;
    border: 0;
}

#homepage #store {
    height: 355px;
}

#homepage #store-title {
    position:relative;
}

#homepage #store-title .bar {
    position: absolute;
    height: 20px;
    width: 324px;
    background-color: #c41230;
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
}

#homepage #store-title .top {
    border-style: solid solid none solid;
}

#homepage #store-title .ufc-logo-container {
    position:absolute;
    width: 95px;
    height: 50px;
    background-color: #c41230;
    border:1px solid;
    border-color:#fff #000 #000 #fff;
}

#homepage #store-title .ufc-logo {
    position:absolute;
    background:url(../images/content/home/ufc_store_header.png) no-repeat;
    width: 81px;
    height: 39px;
    top: 5px;
    left: 9px;
}

#homepage #store-content {
    margin:10px;
    padding-top: 23px;
    text-decoration:none;
    width: 311px;
    overflow: hidden;
}

#homepage #store-content table {
    table-layout: fixed;
    margin-top: 5px;
    width: 311px;
}

#homepage #store-content tr {
    width: 311px;
}

#homepage #store-content td {
    width: 210px;
}

#homepage #store-content .item-info {
    margin-right: 10px;
    text-align: right;
    padding-top: 19px;
    max-width: 210px;
}

#homepage #store-content .item-desc a {
    color:#222;
    display:block;
    font-size: 11px;
    text-decoration:none;
    font-weight: bold;
    font-size: 13px;
    max-width: 210px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

#homepage #store-content .item-desc a:hover {
    color:#c10e1f;
}

#homepage #store-content .item-price {
    color: #000000;
    font-size:14px;
    font-style: italic;
}

#homepage #store-content .item-price .red {
    color:#c10e1f;
    font-weight:bold;
}

#homepage #store-content .product {
    max-width: 80px;
}

#homepage #store-content .product img {
    margin: 10px 5px 10px 0;
    border: 1px solid;
    max-height: 80px;
    width: 80px;
    border-color: #c1c1c1;
}

.btn-red,.btn-red-arrow,.btn-red-shadow,.btn-red-shadow-arrow,.btn-red-lg-shadow-arrow,
.btn-ltgray,.btn-ltgray-arrow,.btn-ltgray-darrow,.btn-ltgray-darrow-border,
.btn-gray,.btn-gray-arrow,.btn-gray-darrow,.btn-gray-darrow-border,.btn-dkgray-med-shadow-darrow,
.btn-dkgray-shadow,.btn-dkgray-shadow-arrow,.btn-dkgray-lg-shadow-arrow,.btn-dkgray-shadow-darrow,.btn-dkgray-shadow-darrow-border,
.btn-clear,.btn-clear-darrow,.btn-clear-darrow-border,.btn-dkgray-lg-shadow
{background:url(../images/content/buttons-right.png) 0 0 no-repeat;cursor:pointer;display:inline-block;}
.btn-red a,.btn-red-arrow a,.btn-red-shadow a,.btn-red-shadow-arrow a,.btn-dkgray-shadow a,.btn-dkgray-shadow-arrow a,
.btn-ltgray a,.btn-ltgray-arrow a,.btn-ltgray-darrow a,.btn-ltgray-darrow-border a,.btn-gray,.btn-gray-arrow a,.btn-gray-darrow a,.btn-gray-darrow-border a,.btn-dkgray-med-shadow-darrow a,
.btn-red-lg-shadow-arrow a,.btn-dkgray-lg-shadow-arrow a,.btn-dkgray-shadow-darrow a,.btn-dkgray-shadow-darrow-border a,
.btn-clear a,.btn-clear-darrow a,.btn-clear-darrow-border a,.btn-dkgray-lg-shadow a
{background:url(../images/content/buttons-left.png) 0 0 no-repeat;cursor:pointer;overflow:hidden;white-space:nowrap;}
.btn-red.hover,.btn-red-arrow.hover,.btn-red-shadow.hover,.btn-red-shadow-arrow.hover,.btn-dkgray-shadow.hover,.btn-dkgray-shadow-arrow.hover,
.btn-ltgray.hover,.btn-ltgray-arrow.hover,.btn-ltgray-darrow.hover,.btn-ltgray-darrow-border.hover,.btn-gray.hover,.btn-gray-arrow.hover,.btn-gray-darrow.hover,.btn-gray-darrow-border.hover,.btn-dkgray-med-shadow-darrow.hover,
.btn-red-lg-shadow-arrow.hover,.btn-dkgray-lg-shadow-arrow.hover,.btn-dkgray-shadow-darrow.hover,.btn-dkgray-shadow-darrow-border.hover,
.btn-clear.hover,.btn-clear-darrow.hover,.btn-clear-darrow-border.hover,.btn-dkgray-lg-shadow.hover
{background:url(../images/content/buttons-right-hover.png) 0 0 no-repeat;}
.btn-red.hover a,.btn-red-arrow.hover a,.btn-red-shadow.hover a,.btn-red-shadow-arrow.hover a,.btn-dkgray-shadow.hover a,.btn-dkgray-shadow-arrow.hover a,
.btn-ltgray.hover a,.btn-ltgray-arrow.hover a,.btn-ltgray-darrow.hover a,.btn-ltgray-darrow-border.hover a,.btn-gray.hover,.btn-gray-arrow.hover a,.btn-gray-darrow.hover a,.btn-gray-darrow-border.hover a,.btn-dkgray-med-shadow-darrow.hover a,
.btn-red-lg-shadow-arrow.hover a,.btn-dkgray-lg-shadow-arrow.hover a,.btn-dkgray-shadow-darrow.hover a,.btn-dkgray-shadow-darrow-border.hover a,
.btn-clear.hover a,.btn-clear-darrow.hover a,.btn-clear-darrow-border.hover a,.btn-dkgray-lg-shadow.hover a
{background:url(../images/content/buttons-left-hover.png) 0 0 no-repeat;}

.btn-red,.btn-red-arrow,.btn-red.hover,.btn-red-arrow.hover{background-position:100% 0;padding-right:2px;}
.btn-red-arrow,.btn-red-arrow.hover{padding-right:14px;}
.btn-red a,.btn-red-arrow a,.btn-red a.hover,.btn-red-arrow a.hover,.btn-red-arrow.hover a{background-position:0 0;padding:0 4px 0 6px;height:21px;color:#fff;font-size:12px;font-weight:bold;text-decoration:none;line-height:21px;display:block;}
.btn-red-shadow,.btn-red-shadow-arrow,.btn-red-shadow.hover,.btn-red-shadow-arrow.hover{background-position:100% -21px;padding-right:5px;}
.btn-red-shadow-arrow,.btn-red-shadow-arrow.hover{padding-right:16px;background-position:100% -46px;}
.btn-red-shadow a,.btn-red-shadow-arrow a,.btn-red-shadow.hover a,.btn-red-shadow-arrow.hover a{background-position:0 -21px;padding:0 7px 0 8px;height:25px;color:#fff;font-size:12px;font-weight:bold;text-decoration:none;line-height:23px;display:block;}
.btn-red-lg-shadow-arrow,.btn-red-lg-shadow-arrow.hover{background-position:100% -71px;padding-right:29px;}
.btn-red-lg-shadow-arrow a,.btn-red-lg-shadow-arrow.hover a{background-position:0 -46px;padding:7px 18px 9px 12px;height:20px;color:#fff;display:block;font-size:16px;font-weight:bold;text-decoration:none;}

.btn-ltgray,.btn-ltgray-arrow,.btn-ltgray-darrow,.btn-ltgray-darrow-border,.btn-ltgray.hover,.btn-ltgray-arrow.hover,.btn-ltgray-darrow.hover,.btn-ltgray-darrow-border.hover{background-position:100% -107px;padding-right:3px;}
.btn-ltgray-arrow,.btn-ltgray-arrow.hover{padding-right:14px;background-position:100% -128px;}
.btn-ltgray-darrow,.btn-ltgray-darrow.hover{padding-right:15px;background-position:100% -371px;}
.btn-ltgray-darrow-border,.btn-ltgray-darrow-border.hover{padding-right:22px;background-position:100% -149px;}
.btn-ltgray a,.btn-ltgray-arrow a,.btn-ltgray-darrow a,.btn-ltgray.hover a,.btn-ltgray-arrow.hover a,.btn-ltgray-darrow.hover a,.btn-ltgray-darrow-border a,.btn-ltgray-darrow-border.hover a{background-position:0 -82px;padding:0 5px 0 6px;height:21px;color:#181818;font-size:12px;text-decoration:none;line-height:21px;display:block;}

.btn-gray,.btn-gray-arrow,.btn-gray-darrow,.btn-gray-darrow-border,.btn-gray.hover,.btn-gray-arrow.hover,.btn-gray-darrow.hover,.btn-gray-darrow-border.hover{background-position:100% -170px;padding-right:3px;}
.btn-gray-arrow,.btn-gray-arrow.hover{padding-right:14px;background-position:100% -191px;}
.btn-gray-darrow,.btn-gray-darrow.hover{padding-right:17px;background-position:100% -392px;}
.btn-gray-darrow-border,.btn-gray-darrow-border.hover{padding-right:22px;background-position:100% -212px;}
.btn-gray a,.btn-gray-arrow a,.btn-gray-darrow a,.btn-gray.hover a,.btn-gray-arrow.hover a,.btn-gray-darrow.hover a,.btn-gray-darrow-border a,.btn-gray-darrow-border.hover a{background-position:0 -103px;padding:0 5px 0 6px;height:21px;color:#181818;font-size:12px;text-decoration:none;line-height:22px;display:block;}

.btn-dkgray-shadow,.btn-dkgray-shadow-arrow,.btn-dkgray-shadow-darrow,.btn-dkgray-shadow-darrow-border,.btn-dkgray-shadow.hover,.btn-dkgray-shadow-arrow.hover,.btn-dkgray-shadow-darrow.hover,.btn-dkgray-shadow-darrow-border.hover{background-position:100% -233px;padding-right:5px;margin-top:-1px;}
.btn-dkgray-shadow-arrow,.btn-dkgray-shadow-arrow.hover{padding-right:18px;background-position:100% -258px;}
.btn-dkgray-shadow-darrow,.btn-dkgray-shadow-darrow.hover{padding-right:21px;background-position:100% -308px;}
.btn-dkgray-shadow-darrow-border,.btn-dkgray-shadow-darrow-border.hover{padding-right:25px;background-position:100% -283px;}
.btn-dkgray-shadow a,.btn-dkgray-shadow-arrow a,.btn-dkgray-shadow-darrow a,.btn-dkgray-shadow-darrow-border a,.btn-dkgray-shadow.hover a,.btn-dkgray-shadow-arrow.hover a,.btn-dkgray-shadow-darrow.hover a,.btn-dkgray-shadow-darrow-border.hover a{background-position:0 -124px;padding:0 7px 0 8px;height:25px;color:#e8e8e8;font-size:12px;text-decoration:none;line-height:24px;display:block;}
.btn-dkgray-med-shadow-darrow,.btn-dkgray-med-shadow-darrow.hover{background-position:100% -308px;padding-right:21px;}
.btn-dkgray-med-shadow-darrow a,.btn-dkgray-med-shadow-darrow.hover a{background-position:0 -149px;padding:0 7px 0 8px;height:27px;color:#e8e8e8;font-size:12px;text-decoration:none;line-height:26px;display:block;}
.btn-dkgray-lg-shadow-arrow,.btn-dkgray-lg-shadow-arrow.hover{background-position:100% -335px;padding-right:30px;}
.btn-dkgray-lg-shadow-arrow a,.btn-dkgray-lg-shadow-arrow.hover a{background-position:0 -176px;padding:7px 18px 9px 12px;height:20px;color:#fff;display:block;font-size:16px;font-weight:bold;text-decoration:none;}
.btn-dkgray-lg-shadow a,.btn-dkgray-lg-shadow.hover a{background-position:0 -176px;padding:7px 9px 9px 12px;height:20px;color:#fff;display:block;font-size:16px;font-weight:bold;text-decoration:none;}
.btn-dkgray-lg-shadow,.btn-dkgray-lg-shadow.hover{background-position:100% -488px;padding-right:6px;}

.btn-clear-darrow,.btn-clear-darrow.hover{background-position:100% -413px;padding-right:21px;}
.btn-clear-darrow-border,.btn-clear-darrow-border.hover{background-position:100% -463px;padding-right:22px;}
.btn-clear,.btn-clear.hover{padding-right:4px;background-position:100% -438px;}
.btn-clear-darrow a,.btn-clear-darrow.hover a, .btn-clear-darrow-border a,.btn-clear-darrow-border.hover a, .btn-clear a,.btn-clear.hover a{background-position:0 -213px;padding-left:3px;height:25px;color:#e8e8e8;font-size:12px;text-decoration:none;line-height:24px;display:block;}

.dkgray-lg-button{background:url(../images/content/btn-dkgray-lg-right.png) top right no-repeat;padding-right:2px;display:inline-block;}
.dkgray-lg-button .btn-left{background:url(../images/content/btn-dkgray-lg-left.png) top left no-repeat;padding:0 0 0 2px;height:32px;display:block;font-size:16px;font-weight:bold;color:#808080;}

/* Alerts */

#homepage-alert-container {
    position: absolute;
    top: 49px;
    left: 0px;
    z-index: 10;
    width: 669px;
    height: 30px;
    border: 0;
    border-radius: 0;
    margin: 0;
    background: transparent;
    color: white;
    overflow: hidden;
}

#homepage-alert-container ul#alert-list {
    list-style: none;
    margin: 0;
    background-color: #333333;
    opacity: 0.90;
    filter: alpha(opacity = 90);
}

#homepage-alert-container ul#alert-list.urgent {
    background-color: #C5102F;
}

#homepage-alert-container li {
    width: 669px;
    height: 30px;
    margin: 0 auto;
    padding-bottom: 26px;
}

#homepage-alert-container a:link, #homepage-alert-container a:visited, #homepage-alert-container a:hover, #homepage-alert-container a:active {
    color: #FFF;
    text-decoration: none;
}

#homepage-alert-container a:hover {
    text-decoration: underline;
}

#homepage-alert-container ul#alert-list .alert-info {
    background-color: transparent;
    height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}

#homepage-alert-container .alert-info .alert-title {
    text-transform: uppercase;
}

#homepage-alert-container .alert-info .alert-title a:link, #homepage-alert-container .alert-info .alert-title a:visited, #homepage-alert-container .alert-info .alert-title a:active, #homepage-alert-container .alert-info .alert-title a:hover {
    color: #FFFFFF;
}

#homepage-alert-container .alert-info .alert-description {
    display: inline;
    background: url(../images/content/arrow-red-sm.png) bottom right no-repeat;
    padding-right: 12px;
}

#homepage .container, #homepage .span12 {
    width: 988px;
}

#homepage .row {
    margin-left: -8px;
}

#homepage .span8 {
    width: 656px;
}

#homepage [class*="span"] {
    margin-left: 8px;
}

#homepage .span4 {
    width: 324px;
}

body #content {
    font-size: 13px;
    line-height: inherit;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    margin: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    text-rendering: optimizelegibility;
    margin: 0px 0;
}

body  ul, body ol {
    padding: 0;
    margin: 0px 0 10px 0px;
}

body .jspDrag {
    background: #666;
}

body .jspVerticalBar {
    width: 5px;
}


#homepage #fight-card li.fight-card-tab.contender-series a {
    color: #FFFFFF;
    background-color: #02a4cc;
    background: -webkit-gradient(linear, left top, right bottom, from(#02a4cc), to(#02a4cc));
    background: -moz-linear-gradient(left top,  #222,  #4f4f4f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#4f4f4f', GradientType=1);
}


#homepage #fight-card li.fight-card-tab.contender-series.active a {
    color: #FFFFFF;
    background: #02a4cc;
    border-color: #02a4cc;
    text-shadow: 1px 1px 0 #02a4cc;
}


#homepage #fight-card .info-bar .title-fight-card-divider.contender-series {
    background-color: #02a4cc;
    border: 1px solid #02a4cc;
}

#homepage #fight-card .info-bar .subtitle-fight-card-divider.contender-series {
    border: 1px solid #02a4cc;
    background-color: #02a4cc;
}


#homepage #fight-card .info-bar #subtitle-area .red-button.contender-series {
    background-color: #02a4cc;
    color: #ffffff;
}

#homepage #fight-card .info-bar #subtitle-area .contender-series.red-button:hover {
    background-color: #02a4cc;
    border-color: #02a4cc;
}

#homepage #fight-card .info-bar a.contender-series:hover {
    color: #02a4cc;
}


#homepage #fight-card #fight-card-section.contender-series .card-0 {
    background-color: #A6A6A6;
}

#homepage #fight-card #fight-card-section.contender-series .card-1 {
    background-color: #A6A6A6;
}

#homepage #fight-card #fight-card-section.contender-series .card-2 {
    background-color: #A6A6A6;
}

#homepage #fight-card #fight-card-section.contender-series .secondary-card-fights .card-0 {
    background-color: #A6A6A6;
}

#homepage #fight-card #fight-card-section.contender-series .secondary-card-fights .card-1 {
    background-color: #A6A6A6;
}

#homepage #fight-card #fight-card-section .main-event.contender-series {
    background-color: #02a4cc;
}

#homepage #fight-card #fight-card-section .main-event .fight .versus.contender-series {
    background-color: #02a4cc;
}