@charset "utf-8";
/* CSS Document */
/*Global Styles*******add to Global Shared Styles-- to be shared for every video site*/
#primary_content{width:985px; float:left;}
.left {float: left;} .right {float: right;}
.clear {clear: both; font-size: 1px; height: 1px;}
.cursor {cursor: pointer;}
.hidden {display: none;}
.center {text-align: center;}
img {border: none;}

/* Marie Clair Site Specific Styles  */
/*********************Header*************************/
#CORE_Scontainer {padding-top: 0px;}
#video_content {margin: 5px 0 0 1px; font: bold 12px Arial, Helvetica, sans-serif;}
#video_content #leftcontainer { padding: 0px; width: 627px; float:left; margin-right:5px; margin-bottom:20px;}
#video_content #leftcontainer #video_header {clear: both; *padding-bottom: 10px; margin-bottom: 10px; display:none;}
#video_content #leftcontainer #video_breadcrumb {margin: 0; font-size: 16px; width: 100px; display:none;}
#video_content #leftcontainer #sponsor {color: #666; font-size: 12px;height: 31px; margin-right: 0px; *width: 173px;}
#video_content #leftcontainer #sponsor .text {margin-top: 7px;}
#video_content #leftcontainer #sponsor_logo {width: 88px; height: 31px; margin: 0 0 0 5px;}

/*********************Player************************/
#video_content #leftcontainer #playerbg {background-image:url(/cm/marieclaire/images/video/MC_video_lp_bck.gif); width: 627px; height: 390px; margin: 8px 0 30px 0; color: #fff; float:left;}
#video_content #leftcontainer #playerbg #bcPlayer {margin: 5px 5px 0 2px;}
#video_content #leftcontainer #playerbg #info {}
#video_content #leftcontainer #playerbg #player_right{width: 160px; height:370px; float: left; margin: 5px 0px 0px 0px; padding:10px 0px 0px 10px; background-color:#f3f3f3;}
#video_content #leftcontainer #playerbg #vidTitle h2 {color: #e0272f; margin-bottom: 0px; font:20px verdana;}
#video_content #leftcontainer #playerbg .border {border-bottom: 1px dotted #000; margin: 0 0 10px 0;}
#video_content #leftcontainer #playerbg #vidDesc {font:13px verdana; color:#000; margin-bottom: 50px;}
#video_content #leftcontainer #playerbg #morevideos {margin: 10px 0 30px 0;}

/***************** Tabbed Content ****************/
/*Featured Tab*/
#video_content #leftcontainer #tabbed_content .tab_wrapper {margin: 0px 0 20px 0px; width:620px;}
#video_content #leftcontainer #tabbed_content .video_wrapper {width: 115px; height:190px; margin: 10px 35px 10px 0;}
#video_content #leftcontainer #tabbed_content .video_wrapper .video {border: 2px solid #bcbcbc;}
#video_content #leftcontainer #tabbed_content .text {font-size: 14px; color: #595bac; margin-top: 5px; line-height: 17px;}
#video_content #leftcontainer #tabbed_content .text a {color: #595bac; font: 11px Verdana, Arial, Helvetica, sans-serif;}
#video_content #leftcontainer #tabbed_content .time {font-size: 12px; color: font: 11px Verdana, Arial, Helvetica, sans-serif;}
#video_content #leftcontainer #tabbed_content .displaytext {margin-right: 5px;}
/*Channel Tab*/
#tabbed_content #channelvidtab {padding: 10px 3px 3px 0;}
#tabbed_content #channelvidtab .sidebar {width: 150px; border-right: 1px dotted #a5a5a5; margin-right: 10px;}
#tabbed_content #channelvidtab .sidebar_bg {padding: 3px; width: 141px; height: 400px;}
#tabbed_content #channelvidtab .category {font-family: verdana; text-transform: uppercase; font-size: 14px; color: #595bad; margin-bottom: 5px; background: url(/cm/marieclaire/images/v01/video/MC_video_cat_arrow.gif) no-repeat -2px 5px; padding-left: 12px;}
#tabbed_content #channelvidtab .category a {color: #595bad;}
#tabbed_content #channelvidtab .cat_active_wrapper {margin-bottom: 2px;}
#tabbed_content #channelvidtab .category_active a {font-family: verdana; text-transform: uppercase; font-size: 14px; color: #de272f; margin-bottom: 3px; margin-bottom: 0px;}
#tabbed_content #channelvidtab .subcategory a {font-size: 12px; text-transform: capitalize; margin: 0 0 5px 5px;  color: #595bad;  padding-left: 12px;}
#tabbed_content #channelvidtab .cat_name {font-size: 22px;}
#tabbed_content #channelvidtab .channel_videos_wrapper {width: 450px; margin:0px;}

/**************** Search**************/
#video_content #channel .searchform {margin-left: 10px;}
#video_content .searchform .input {width: 285px; height: 19px; border: 1px solid #ccc; margin-right: 5px; font: 12px Verdana, sans-serif; color: #333; padding: 3px 0 0 5px;}
#video_content .searchform .search_but {vertical-align: bottom;}

/**************** Right Container styles **************/
#video_content #rightcontainer {width: 336px; height:1000px; float: left; overflow: hidden;  background-color:#f5f5f5; padding:0px 2px 2px 2px; margin-bottom:20px;}
#video_content #rightcontainer #gallery_ad { background-color:#a6a6a6; width: 336px; height: 273px;}
#video_content #rightcontainer #morevideos { padding:15px  2px; background-color:#f5f5f5; width: 336px; height: 566px; zoom:1; margin:10px 0px 5px 10px;}
#video_content #rightcontainer #relatedvideos {height:620px; overflow: auto; margin-left: 10px; width:301px;  }
#video_content #rightcontainer #morevideos #morevideos_title {width: 310px; margin-bottom: 10px;}
#video_content #rightcontainer #morevideos .video_wrapper {width: 260px; height: auto; mmargin: 10px 0 20px 10px; padding: 0 0 10px 0;}
#video_content #rightcontainer #morevideos .video {float: left; margin-right: 10px; border: 2px solid #bcbcbc;}
#video_content #rightcontainer #morevideos .relatedVid a {color: #047ca3; font-size: 14px;}

/***************Share Dropdown*********/
#video_content #share {position: relative;}
#video_content #vid_share_dd {font-weight: bold; width: 110px; background: #fff; border: 1px solid #666; position: absolute; z-index: 10; margin: 0px 0px 0px 20px; *margin: 12px 0 0 -70px;}
#video_content #vid_share_dd .dd_link {border-bottom: 1px solid #c0c0c0; color: #000; font: bold 10px Arial, Helvetica, sans-serif; color: #333; vertical-align: top;}
#video_content #vid_share_dd .icon {margin: 2px 5px 2px 2px; vertical-align: middle;}
#video_content #vid_share_dd a {color: #000;}
#video_content #vid_share_dd a:hover {text-decoration: none;}


#MAIN_2COL_layout_Scontainer #circad_wrapper {background: url(/cm/seventeen/images/design/v01/videov2/circad-600-ph.gif) no-repeat; width: 984px; height: 112px;}
#MAIN_2COL_layout_Scontainer #circad {width: 728px; margin: 10px auto 10px auto; text-align: center;}

/*Tabbs CSS--*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */.ui-tabs-hide {display: none;}}
/* Hide useless elements in print layouts... */
@media print {.ui-tabs-nav {display: none;}}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {font: bold 12x Arial, sans-serif;}
.ui-tabs-nav {list-style: none; margin: 0; padding: 0px; font: 15px Verdana, sans-serif; color: #fff; border-bottom:1px solid #d9dbdc;}
.ui-tabs-nav:after {display: block; clear: both; content: " ";}
.ui-tabs-nav li {list-style: none; float: left; margin: 0 2px 0 0;}
.ui-tabs-nav a, .ui-tabs-nav a span {display: block; padding: 0 10px;}
.ui-tabs-nav a {margin: 1px 0 0; padding: 0 10px 5px 0; color: #fff; background: #e2e2e2; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; outline: 0;}
#tabbed_content .ui-tabs-nav li  a {color: #e0272f;}
#tabbed_content .ui-tabs-nav .ui-tabs-selected a {position: relative; top: 1px; z-index: 2; margin-top: 0; color: #fff; background: #e0272f; }
.ui-tabs-nav a span {width: 50px; min-width: 50px; height: 18px; min-height: 18px; padding-top: 6px; padding-right: 0;}
.ui-tabs-nav a span {width: auto;height: auto;}
.ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px;}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-position: 100% -150px;}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {background-position: 100% -100px;}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {background-position: 0 -50px;}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {background-position: 0 0;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {cursor: text;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {cursor: pointer;}
.ui-tabs-disabled {opacity: .4;filter: alpha(opacity=40);}
.ui-tabs-panel {padding: 1em 8px; background: #fff; margin-bottom: 20px;}
.ui-tabs-loading em {padding: 0 0 0 20px;}

#tabbed_content .ui-tabs-nav li  a {text-decoration: none;}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {display: inline-block;}
*:first-child+html .ui-tabs-nav  {display: inline-block;}