/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* ************************************************** */
/* Start Home Columns */
/* ************************************************** */
form.landHome #bdy { background: #000 !important; }
#home-content {width: 100%; height: auto; min-height: 400px; margin: 0 auto; float: left; padding-bottom: 50px;}
#home-content h1.tv,  #home-content h1.movies,  #home-content h1.clips { margin: 15px 0 15px 0; text-indent: -999em; font-size: 14px; }
#home-content h1 { cursor:pointer; }
#home-content h1 a:hover { text-decoration: none; }
#home-content div.featured {width: 164px; margin-right: 44px; display: inline; float: left;   }
/* TV Shows Header */
#home-content h1.tv { background: url(i/headersSprite.png) no-repeat 0 0; width: 90px; }
#home-content h1.tv:hover { background-position: -91px 0px;  }
/* Movies Header */
#home-content h1.movies{ background: url(i/headersSprite.png) no-repeat 0 -22px; width: 90px;  }
#home-content h1.movies:hover { background-position: -91px -22px; }
/* Clips Header */
#home-content h1.clips{ background: url(i/headersSprite.png) no-repeat 0 -42px;  width: 90px;  }
#home-content h1.clips:hover { background-position: -91px -42px; }
#home-content div.left {width: auto; float: left;  }
#home-content div.right {float: right; width: 330px;   }
#home-content div.right div.med { padding-top: 12px; }
#homepage-scroll { width: 100%; height: 327px; overflow: hidden;  }
#home-content .contentWrap { margin-top: 39px; }
#home-content .tabs li a { text-align: center; font-size: 12px;  }
#home-content .tabs li a span { padding: 5px 18px 5px 15px;  }
#home-content .tabs .first a span,
#home-content .tabs .first a:hover span,
#home-content .tabs .first .active,
#home-content .tabs .first .active span {
background-image: url('i/tabs/home/tabsAlt.png');
background-repeat: no-repeat;
}
/* Global First Tab */
#home-content .hottestWrap ul.tabs li.first a { background:#515151; color: #fff; }
#home-content .hottestWrap ul.tabs li.first a span { background: url(i/tabs/home/tabsAlt.png) no-repeat 0 0;   }
#home-content .hottestWrap ul.tabs li.first a:hover  { background: #c50e10;  }
#home-content .hottestWrap ul.tabs li.first a:hover span  { background: url(i/tabs/home/tabsAlt.png) no-repeat 0 -45px;  }
#home-content .hottestWrap ul.tabs li.first a.active { border-top: none; background: url(i/tabs/home/tabsAlt.png) no-repeat 100% -92px; border-bottom: none; color: #000 !important;  }
#home-content .hottestWrap ul.tabs li.first a.active span  { background: url(i/tabs/home/tabsAlt.png) no-repeat 0 -92px;   }
/* Global Last Tab */
#home-content .hottestWrap ul.tabs li.last a { background:#515151; color: #fff; }
#home-content .hottestWrap ul.tabs li.last a span { background: url(i/tabs/home/tabsAlt2.png) no-repeat 100% 0;  }
#home-content .hottestWrap ul.tabs li.last a:hover  { background: #c50e10;  }
#home-content .hottestWrap ul.tabs li.last a:hover span  { background: url(i/tabs/home/tabsAlt2.png) no-repeat 100% -45px;  }
#home-content .hottestWrap ul.tabs li.last a.active { border-top: none;  background: url(i/tabs/home/tabsAlt2.png) no-repeat 0 -92px; color: #000 !important }
#home-content .hottestWrap ul.tabs li.last a.active span  { background: url(i/tabs/home/tabsAlt2.png) no-repeat 100% -92px;    }
#home-content .tabs li { width: 95px; }
#home-content .tabs li a span { width: 68px; }
#home-content .tabs .first { width: 36px; }
#home-content .tabs .first a span { width: 45px;  }
#home-content .tabs .first a span { padding: 5px 18px; }
#home-content .tabs .first .active span { padding: 6px 18px 5px 18px;  }
#home-content .tabs .last { width: 54px; }
#home-content .tabs .last a span { width: 44px; }
#home-content .tabs .last a span { padding: 5px 20px; }
#home-content .tabs .last .active span { padding: 5px 20px;  }
/* ************************************************** */
/* Start Global Tabs Styles */
/* ************************************************** */
.tabbed_box h4, ul.tabs li a { color:#fff; }
#tabbed_box_1, #tabbed_box_2 {margin: 0px auto 0px auto;width:100%;}
.tabbed_box h4 { letter-spacing:-1px;margin-bottom:10px;}
.tabbed_box h4 small {color:#e3e9ec;font-weight:normal;font-size:9px;text-transform:uppercase;position:relative;top:-4px;left:6px;letter-spacing:0px;}
.tabbed_area {padding:0;width: 100%;	}
ul.tabs li a, ul.tabs li a.active span, ul.tabs li a span { float: left; }
ul.tabs {margin:0px; padding:0px;z-index: 5; position: absolute;  }
ul.tabs li {list-style:none;display:inline;   }
ul.tabs li a {background:#515151; text-decoration:none;font-size:13px;font-weight:bold; display: block; margin-right: 1px; cursor: pointer; /*border-top: 1px solid #dadada;*/ }
ul.tabs li a:hover {background:#c50e10;}
ul.tabs li a.active {color:#2d2d2d;background:#fff; border-top: 1px solid #d0d0d0;  }
ul.tabs li a.active span {display:block; padding: 5px 14px 6px 12px;  }
ul.tabs li a.active:hover {background:#fff;  }
ul.tabs li a span { padding: 6px 14px 6px 12px; display:block;  }
ul.tabs li.last a, ul.tabs li.first a { background:#515151; }
ul.tabs li.first a:hover, ul.tabs li.last a:hover  { background: #c50e10;  }
ul.tabs li.first a.active, ul.tabs li.last a.active { border-top: none; }
/* Global First Tab */
ul.tabs li.first a span { background: url(i/tabs/first/tabs.gif) no-repeat 0 0; padding: 6px 14px 6px 12px;   }
ul.tabs li.first a:hover span  { background: url(i/tabs/first/tabs.gif) no-repeat 0 -31px;  }
ul.tabs li.first a.active { background: url(i/tabs/first/tabs.gif) no-repeat 100% -61px; }
ul.tabs li.first a.active span  { background: url(i/tabs/first/tabs.gif) no-repeat 0 -61px; padding:6px 14px 6px 12px;   }
/* Global Last Tab */
ul.tabs li.last a span { background: url(i/tabs/last/tabs.gif) no-repeat 100% 0; padding: 6px 14px 6px 12px; }
ul.tabs li.last a:hover span  { background: url(i/tabs/last/tabs.gif) no-repeat 100% -31px;  }
ul.tabs li.last a.active { background: url(i/tabs/last/tabs.gif) no-repeat 0 -61px; }
ul.tabs li.last a.active span  { background: url(i/tabs/last/tabs.gif) no-repeat 100% -61px; padding: 6px 14px 6px 12px;   }
/* Global Solo Tab */
ul.tabs li.solo a.active { border-right: 1px solid #dadada; border-left: 1px solid #dadada;    }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Global Wrapper Styles */
/* ************************************************** */
/* Rounded Corners - Content Wrapper */
.contentWrap {z-index: 1; background: #fff;position: relative; border: 1px solid #dadada; width: 100%; margin-top:27px; }
.contentWrap.tabs { margin-top: 27px; }
/* Round All Corners */
.contentWrap.wrapAll { background: url(i/WrapAllBg.gif) repeat-x 0 0; margin-top:10px; padding: 10px; width: 100%;  }
.contentWrap.wrapAll h1 { margin:0 0 5px 0; }
.contentWrap.wrapAll h1.join, .contentWrap.wrapAll h1.join.sorry  { margin: 15px 0 0 0;   }
.contentWrap.wrapAll h1.join.sorry { padding:0 5px 5px 60px; }
/* Search Content Wrapper */
.contentWrap.search a.all { margin: 0 0 0 19px; position: relative; }
.contentWrap.search { background: none; padding-bottom: 10px; margin-top: 10px; }
/* Top 10 Hottest (Side-Nav) */
div.hottestWrap .contentWrap { width: auto; }
div.hottestWrap #Top10.contentWrap { width: 99.4%; }
#outer_mw, #outer_lc, #outer_tvchannels, #outer_moviechannels, #outer_related, #main.home #Suggest { display:none; }
/* Playlist Functionality in Top Hottest (Side-Nav) */
.hottest li { position: relative; }
.hottest a.favorite, .video a.favorite { background:url(i/buttonsSprite.png) no-repeat  -210px 0; height: 25px; width: 25px; }
.hottest a.favorite { left: 90%; top: 10px; position: absolute;}
.video a.favorite { top: -4px; left: 133px; display: block}
.hottest a.add, .video a.add { background-position: -606px 0}
.hottest a.added, .video a.added { background-position: -606px -25px }
.hottest a.favorite.loading { background: url(i/ajax-loader_small.gif) no-repeat center; cursor: progress; display: block}
/* Can't find what you are looking for? - Call Out */
#Suggest { background: #fff; margin-bottom: 10px; }
div.hottestWrap #Suggest.contentWrap { width: 92.4% }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Global Content Styles */
/* ************************************************** */
.content, .content div.inner, .contentWrap div.inner, .content_inner, .content img.poster, .content img.cdArt { float: left; }
.content div.inner h3.watch, .content a.play { color: #fff; }
.content, .content div.inner, .contentWrap div.inner { width: 97%; } /* Not sure if this is used anymore? - Leave just in case */
.content_inner {  padding: 0 0 0 20px; margin-top: 21px; }
.content div.inner h3.watch { overflow: hidden; margin: 10px 0; background: #b91b33;  font-size: 13px; padding:5px 0 5px 2%;width:96%; }
.content img.poster, .content img.cdArt {padding:0 16px 5px 5px; text-align: left; width: 175px; height: 240px; }
.content img.cdArt { width: 174px; height: 174px; }
.content a.play {position: absolute; left: 65px; top: 65px; display: block; background: #999; padding: 5px; }
/* Pagination */
.content .pagination { text-align: right; font-size: 80%; margin: 10px 0 20px 0; padding-right: 20px;  height: 15px; clear: both; }
.content .pagination a.active { font-weight: bold; color: #000; font-size: 97%; text-decoration: underline; background: #fff;}
.content #misc.pagination {border-top:1px solid #D0D0D0;clear:left;display:block;float:right;font-size:80%;height:15px;margin:10px 4% 10px 0;padding:15px 0 0;text-align:right;width:97%;   }
.content #results.pagination, #misc.pagination { border-top:1px solid #D0D0D0;clear:both;margin:0 17px 15px;padding:10px 0 0; height: 7px;}
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start My Account Tabbed Menu Styles */
/* ************************************************** */
#myAccount .contentWrap #tabbed_box_1 {margin:0 auto; padding:0 4px; width: auto;}
#myAccount .contentWrap #tabbed_box_1 .contentWrap { margin-top: 27px; margin-bottom: 12px; width: 99.5%; float: left }
#myAccount .contentWrap { background: #fff url(i/editBgTall_long.gif) repeat-x 0 107px; float: left; padding: 0 0 10px 0; width: 100%; }
#myAccount #myChannels.contentWrap { background-position: 0 97px; }
#myAccount .contentWrap h1 { margin:10px 0 0 10px; }
#myAccount .contentWrap p.edit { margin: 10px 10px 25px 10px; }
#myAccount .contentWrap .contentWrap, #myAccount .hottestWrap .contentWrap { background: #fff; }
#myAccount .content .inner {margin-top: 10px; padding: 0 0 0 10px; width: auto; position:static; }
#myAccount .content .inner p { float: none;  }
#myAccount .content .inner p.hide { display: none; }
#myAccount .content div.highlight { text-align: center; padding: 5px 10px 7px 10px; margin-bottom: 15px; background: #e1e1e1; margin-right: 10px; }
#myAccount .content div.highlight.rjsError { padding-bottom: 10px !important; font-weight: normal !important; }
#myAccount .content div.highlight.rjsError.success { background: #DCEADA; padding-bottom: 7px !important; }
#myAccount .content div.highlight p, #myAccount .content div.errorCustom p { padding-right: 0 !important; margin-bottom: 0 !important; font-size: 11px; font-weight: normal !important; text-align: center; }
myAccount .content div.highlight p a, #myAccount .content div.errorCustom p a { color: #000; }
#myAccount .content div.highlight.rjsError span { font-weight: bold; }
#myAccount .content div.highlight a:hover { text-decoration: underline; color: #000 !important; }
#myAccount .contentWrap #tabbed_box_1 .contentWrap .inner { margin-top: 21px; }
#myAccount .contentWrap #tabbed_box_1 .contentWrap .inner p{ padding: 0 12px 0 0; }
#myAccount .contentWrap.personalInfo { background-position: 0 90px; }
/* Adjust Tabs for Grey BG */
#myAccount ul.tabs li.last a span { background-image: url(i/tabs/last/greyTabs.gif); }
#myAccount ul.tabs li.first a span { background-image: url(i/tabs/first/greyTabs.gif); }
#myAccount ul.tabs li.first a.active { border-top: none; background: url(i/tabs/first/greyTabs.gif) no-repeat 100% -61px; }
#myAccount ul.tabs li.first a.active span  { background: url(i/tabs/first/greyTabs.gif) no-repeat 0 -61px; padding:6px 14px 6px 12px;   }
#myAccount ul.tabs li.last a.active { border-top: none;  background: url(i/tabs/last/greyTabs.gif) no-repeat 0 -61px; }
#myAccount ul.tabs li.last a.active span  { background: url(i/tabs/last/greyTabs.gif) no-repeat 100% -61px; padding: 6px 14px 6px 12px;   }
/* Personal Info Section - Tabbed Menu with Form Styles */
/* ************************************************** */
#myAccount .contentWrap #tabbed_box_1 .contentWrap.edit { width: 99.6%; float: left; }
#myAccount fieldset { border: none; padding: 10px 0 0 0; }
#myAccount fieldset label.agree { width: auto; text-align: left; padding: 2px 0 0 0; }
#myAccount fieldset p.note.day { float: left; width: auto; }
/*#myAccount fieldset .radioWrap { margin: 0 0 8px 0; }*/
#myAccount fieldset .checkBoxes { margin-left: 150px; }
#myAccount fieldset .checkBoxes input { width: auto; }
#myAccount fieldset .checkBoxes label { width: 215px; line-height: 12px; }
#myAccount fieldset input.year { margin-right: 5px; }
#myAccount input.save { margin: 0 0 0 145px; }
#myAccount .buttonWrap input { margin-right: 15px; }
/* Edit Personal Info */
#myAccount .innerWrap p.note { float: left;}
#myAccount .alias { margin-left: 18px; }
#myAccount .password-meter, #myAccount .validation-error { /*margin-left: 150px;*/ width: 213px; }
#myAccount .option label { margin-bottom: 5px; }
/* Video Highlights and Your Channels*/
#highlights.contentWrap { background-position: 0 -59px; }
#myAccount #landing.contentWrap.channelList { margin-top:0; float: left; }
#highlights .tabbed_area { margin-top: 20px; }
#highlights h2{ margin:8px 0 5px 10px; }
#highlights h2.video-title {margin: 0; }
#highlights .video-wrap { padding: 0 18px; }
#highlights .channel-wrap, #highlights .channel-wrap img { width:118px; }
/* Change Password */
#myAccount fieldset#password p.note { width: 155px; }
/* My Avatar */
#myAccount .upload { padding-left: 25px; width: 250px; }
#myAccount ul.avatarSelect { list-style-type: none; }
#myAccount ul.avatarSelect li { margin: 0 25px 15px 0; display: inline; float: left; }
#myAccount ul.avatarSelect li img { width: 79px; height: 79px; display: block; border: 1px solid #000; }
#myAccount .terms { margin-bottom: 10px; overflow-x:hidden; overflow-y:auto; }
#myAccount .terms h2 { float: none; }
#myAccount input.uploadImage { margin-bottom: 5px; }
#myAccount .upload #termsConditions { width: 97%; margin-bottom: 5px; }
/* ************************************************** */
/* End */
/* My Channels Side nav */
#myAccount .hottestWrap .contentWrap, .triedToWatchWrap .contentWrap { width: 92.5%; padding:10px; }
#myAccount #myChannels.contentWrap .channel-wrap { height:50px;margin-right:35px;width:66px; overflow: hidden; }
#myAccount #myChannels.contentWrap img { height: 37px; width: 66px; }
#myAccount .hottestWrap h2 { margin-top: 0; }
#myChannels.contentWrap .rjsError.success, #myChannels.contentWrap .rjsError { margin-right: 10px; }
/* You Have # Channels */
#YourChannels .channel-wrap { width: 123px; }
#myAccount #your_channels.inner { margin-top:21px; padding:0 0 0 10px; width:100%; }
#YourChannels .channel-wrap img { width: 116px; }
/* My Rogers Accounts */
#myAccount h1.join.sorry { margin-top:0; }
#myAccount .accounts { margin-bottom: 15px; }
#myAccount .accounts .textWrap { float: none; margin-bottom: 10px;  }
#myAccount .accounts ul { margin-top:10px; }
/* Update Account and Cable Numbers */
.update { border-top: 1px solid #dadada; margin-top: 15px; clear: both; padding-top: 15px; }
#myAccount .update fieldset { padding: 0; margin:0; }
#myAccount .community .contentWrap { background: none; width: auto; padding: 10px 13px; }
#myAccount .community .contentWrap #tabbed_box_1 .contentWrap { width: 93%; }
#myAccount .community .radioWrap { margin: 15px 0 0 0; }
#myAccount .community .wrapRadio { line-height: 8px; margin-top: 0;}
#myAccount .community .radioWrap, #myAccount .community .radioWrap label { font-size: 13px; line-height: 14px; }
#myAccount .community .enterNickname input { margin: 0 10px; border:1px solid #9D9D9D; width: 129px; height: auto; }
#myAccount .community input.save { margin-left: 0; background-position: -343px -362px; width: 47px; height: 21px; }
#myAccount .community input.cancel { background-position: -277px -362px; width: 63px; height: 21px; }
#myAccount .community .buttonWrap { margin-top: 0; }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Main Menu Styles */
/* ************************************************** */
#MainNav { margin: 0; padding: 0; z-index: 1; height: 29px; }
#MainNav ul.menu, #MainNav ul.menu li, #MainNav ul.menu li a { height: 100%; }
#MainNav ul.menu { padding: 0; margin-bottom: 0; overflow: hidden; z-index: 2;   }
#MainNav ul.menu li { float: left; padding: 0; margin-right: 29px; position: relative; background: none; display: inline; z-index: 3;  }
#MainNav ul.menu li span { visibility: hidden; font-weight: normal;   }
#MainNav ul.menu li a { background: url(i/mainMenuSprite.png) no-repeat 0 0; float: left; z-index: 4;}
#MainNav ul.menu li a:hover { text-decoration: none; }
/* Home */
#MainNav ul.menu li#home a { background-position: 0 0; width: 47px; }
#MainNav ul li#home a:hover { background-position: 1px -29px; }
#MainNav ul.menu li#home.active a { background-position: 0 -58px;  }
/* Channels */
#MainNav ul.menu li#Channels a, #MainNav ul li#Channels a:hover { background-position: -84px 0; width: 86px;  }
#MainNav ul li#Channels a:hover { background-position: -83px -29px;  }
#MainNav ul.menu li#Channels.active a { background-position: -84px -58px;  }
/* TV Shows */
#MainNav ul.menu li#tv a, #MainNav ul li#tv a:hover { background-position: -202px 0; width: 97px; padding-right: 4px; }
/*#MainNav ul li#tv a:hover { background-position: -202px -19px;  }*/
#MainNav ul.menu li#tv.active a { background-position: -202px -58px;  }
/* Movies*/
#MainNav ul.menu li#Movies a, #MainNav ul li#Movies a:hover { background-position: -327px 0; width: 70px; padding-right: 4px; }
/*#MainNav ul li#Movies a:hover { background-position: -327px -19px;  }*/
#MainNav ul.menu li#Movies.active a { background-position: -327px -58px !important;  }
/* Clips*/
#MainNav ul.menu li#clip a, #MainNav ul li#clip a:hover { background-position: -427px 0; width: 56px; padding-right: 4px; }
/*#MainNav ul li#clip a:hover { background-position: -427px -19px;  }*/
#MainNav ul.menu li#clip.active a { background-position: -427px -58px;  }
/* Whats Hot */
#MainNav ul.menu li#whatshot a, #MainNav ul li#whatshot a:hover { background-position: -512px 0; width: 97px; padding-right: 3px }
#MainNav ul li#whatshot a:hover { background-position: -511px -29px;  }
#MainNav ul.menu li#whatshot.active a { background-position: -512px -58px;  }
/* Genres */
#MainNav ul.menu li#genres a, #MainNav ul li#genres a:hover { background-position: -651px 0; width: 63px; }
#MainNav ul li#genres a:hover { background-position: -650px -29px;  }
#MainNav ul.menu li#genres.active a { background-position: -651px -58px;  }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Main Nav Tray Docks */
/* ************************************************** */
#tvDock, #moviesDock, #clipsDock { display: none; color: #000; width: 150px; width: auto; position: absolute !important;  top:12px; height: auto; z-index: 50000; margin-top: 9px; background: #fff; }
#tvDock { left: 180px; }
#moviesDock { left: 306px; }
#clipsDock { left: 409px; }
#channelsDock, #whatshotDock, #genresDock { display: none !important; }
/* Start Sides of Docks */
/*.t, .m, .b { display: block; }
.t { background: url(i/docks/top.png) no-repeat left top; height: 13px;  }
.m_wrap { background: transparent url(i/docks/repeatBg.png) repeat-y left top;  position: relative; height: 100%; width: 165px;    }
.m .inner { height: 100%; padding: 0 45px 0 15px; width: 100%;  }
.b { background: url(i/docks/bottom.png) no-repeat left top; height: 30px;  }*/
.m { padding: 10px 35px 5px 15px; width: auto; height: auto; background: #fff url(i/docks/dockBg.gif) repeat-x left bottom; position: relative;   }
.m ul li { margin-bottom: 10px; }
.m ul li, .m ul li a { font-size: 13px; color: #000;   }
#channelsDock div, #tvDock div, #moviesDock div, #clipsDock div, #whatshotDock div, #genresDock div { float: left;  }
/* Navigation Highlight Tabs */
a#tvTab, a#moviesTab, a#clipsTab { background: url(i/docks/highlighttabs.png) no-repeat 0 0; height: 29px; top:-8px; position: absolute; z-index: 10000; display: none; }
a#channelTab, a#hotTab, a#genresTab {display: none!important; }
a#tvTab { left:180px;  width: 109px; background-position: 0 -35px;  }
a#moviesTab { left:306px;  width: 88px; background-position: 0 -70px;  }
a#clipsTab { left:409px;  width: 71px; background-position: 0 -105px;  }
.m .bl, .m .br, .m .tr, .m .l, .m .r, .m .b { position: absolute; display: block;  }
.m .l, .m .r { bottom: 5px; width: 11px;  }
.m .l { background: transparent url(i/docks/Left.png) repeat-y 0 0;  left: -5px;  right: auto; top:0;  }
.m .r { background: transparent url(i/docks/right.png) repeat-y 0 0; right: -11px; left: auto; top:7px; }
.m .b { background:transparent url(i/docks/Bottom.png) repeat-x scroll 0 -4px; bottom:-10px;height:10px;left:6px;right:4px;top:auto;width:auto; }
.m .bl, .m .br { width: 12px; height: 11px;  }
.m .bl { background: transparent url(i/docks/bottomLeft.png) no-repeat 0 0; left: -6px; bottom: -6px; }
.m .br { background: transparent url(i/docks/bottomRight.png) no-repeat 0 0; right: -8px; bottom: -6px; }
.m .tr { background: url(i/docks/topRight.png) no-repeat 0 0; right: 0px; top: 0px; width: 4px; height: 2px; }
.cc-content { display: none; position: absolute; left: 0; top: 0; width: 140px; padding: 10px; z-index: 15; background: #000; color: #fff; font-size: 80%;}
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Search Box Styles */
/* ************************************************** */
#searchbox { width: 206px; position: absolute; right: 0; top: -6px;  }
#searchbox-inner { position: relative; width: 206px;  }
#searchbox-inner #wrap { width: 175px; height: 22px; background: url(i/searchboxBg.gif) repeat-x 0 0; border-left: 1px solid #afafaf; border-bottom: 1px solid #afafaf; border-right: 1px solid #000; float: left; }
#searchbox-inner #wrap input.btn { padding: 0 5px; float: right; }
#searchbox-inner #wrap input.search { width: 143px; color: #999999; font-size: 90%; padding: 0 0 0 7px; border: 0 !important; background: none; margin:3px 0 0 0; }
/* Search Suggest */
#suggest {margin: 3px 0 0 0;width: 225px;z-index: 2600;position: absolute; left: 0; top:0;  border: solid 1px #000; background: #f3f3f3 url(i/searchsuggestBg.gif) repeat-x left bottom; display: block;}
#suggest div { padding: 10px 0 8px 10px; font-size: 11px; height: 18px; width: 215px;  }
#suggest span { width: 15px; height: 15px; margin-right: 8px; float: left; }
#suggest p { overflow: hidden; width: 205px; height: 18px; padding-right: 5px; }
#suggest div:hover { cursor: pointer; }
#suggest div.selected{background: #e1e1e1; color: #000;}
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Drop Down Menu Styles */
/* ************************************************** */
#panel .side-nav a:focus {outline: none; color: #fff;}
#panel .side-nav a:hover { color: #fff; }
#panel {background: #f6f5f5;height: auto;display: none;float: left;width: 170px;padding: 10px 10px 20px 10px;margin: 0;z-index: 10; font-size: 90%; margin: 0 0 15px 0;}
#panel ul li { padding: 3px 0; }
.slide {margin: 0;padding: 0;color: #000;}
.btn-slide {text-indent: -999em; display: block; float: right; width: 33px; height: 32px; background: url(i/icons/panelUp.gif) no-repeat 0 0;}
.btn-slide.active {background: url(i/icons/panelDown.gif) no-repeat 0 0;}
/*End Drop Down Menu Styles */
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Main Container Styles */
/* ************************************************** */
#wrapper, #bdy, #headerWrap, #header, .leaderboardWrap, .nowPlaying, .inner { position: relative; }
#main, #headerWrap, .innerWrap { width: 100%;}
#wrapper { width: 957px; margin: 0 auto;  height: 100%; }
#bdy { overflow: hidden; min-height: 450px; }
#main {  background: #fff; float: left; overflow: hidden; min-height: 500px; padding-bottom: 20px; }
.inner { width: 957px; margin: 0 auto; }
.outerWrap { z-index: 6000;  }
/* ************************************************** */
/* End*/
/* ************************************************** */
/* ************************************************** */
/* Start Header Styles */
/* ************************************************** */
#headerWrap {  z-index: 10; }
#header { height: 157px; width: 957px; margin: 0 auto; }
/* Leaderboard Ad */
.leaderboardWrap { width: 957px; margin: 0 auto; z-index: 200; }
div.leaderboard { height: 90px; width: 728px; position: absolute; right: 0; top: 4px; z-index: 200;  }
div.leaderboard, #header div.leaderboard div div iframe { z-index: 200; }
/* Header Util Links */
#header ul.util { margin-top: 112px; }
#header ul.util li { height: 13px; float: left; color: #fff; font-size: 12px; font-weight: bold; padding-right: 10px; margin-right: 10px; display: inline; background: url(i/util_bg.gif) repeat-y right top;  }
#header ul.util li.loggedIn { margin-right: 45px; background: none; }
#header ul.util li.last { background: none; }
#header ul.util li.signOut { padding-right: 118px; border-right: none; }
#header ul.util li a { color: #f2f2f2; font-size: 12px; }
#header ul.util li a.active, #header ul.util li a:hover { text-decoration: underline; }
#header ul.util li a.active { color: #e7a51b; background: none; }
/* Video/Clip Title Wrapper */
.titleWrap h1 { float: left; overflow: hidden; height: 30px; max-width: 650px;  }
.titleWrap a, .titleWrap img { margin-top: 3px; float: left; margin-right: 5px; display: inline; }
.titleWrap img { margin-left: 15px; }
/* Channel Show Selector Wrapper */
#channel-header { margin: 0 0 3px 0; overflow: hidden; height: 49px;  }
#channel-header #inner { padding-top: 4px;  float: left; }
#channel-header #inner .imgWrap, div.imgWrap { height: 40px; float: left; margin-right: 10px; background: transparent; width: 80px;}
#channel-header #inner .imgWrap { float: left; width: 80px; }
#channel-header #inner .imgWrap img { float: right; width: 80px;}
#channel-header #inner #selector { height: 23px; display: block; padding: 10px 0 10px 0; float: left  }
#channel-header #inner #selector select { width: 269px; height: 23px; float: left; margin-right: 1px;  }
/* Channel Skin BG Style */
.channelSkin {position:absolute;text-align:center;top:0; left: 0; width: 100%; overflow: hidden; height: 350px;  }
.channelSkin img { text-align: center; }
/* Now Playing Bar */
.nowPlaying { height: 37px; background: url(i/nowPlayingBG.gif) repeat-x 0 0;  }
.nowPlaying span.logo, .nowPlaying h1 {margin: 0; padding: 0; background:url(i/headersSprite.png) no-repeat 0 0; display: block; text-indent: -999em; position: absolute;  }
.nowPlaying h1 { background-position: 0 -260px; width: 394px; height: 23px; top: 8px; left: 0; }
.nowPlaying span.logo { background-position: 0 -289px; height: 26px; width: 120px; right: 34px; top: 4px; }
/* Sponsorship Spot - (Future Release) */
/*.nowPlaying .sponsorship { position: absolute; left: 404px; top: 0; display: block; width: auto;}
.nowPlaying .sponsorship p { margin: 12px 10px 0 0; color: #fff;  }
.nowPlaying .sponsorship p, .nowPlaying .sponsorship img { float: left; }*/
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Title Bar Styles */
/* ************************************************** */
.sub a, .sub p, .sub a:hover, .sub h2 span, .titlebar, .main h2 span, .aux p, .aux a, .aux h4, .aux a:hover, span.info { color: #fff; }
.sub a:hover, .aux a, .sub.movies a { text-decoration: underline; }
.titlebar { font-size: 14px; font-weight: bold; width: 783px;   }
.titlebar img { width: 80px; height: 40px; font-size: 10px; text-align: center; }
.titlebar.crackle { width: 812px; }
/* Main Title Bar */
.main { margin: 13px 0 10px 0;  }
.main h2 { color: #e4a31e; text-transform: uppercase; font-size: 18px; margin:0; font-weight: normal;}
.main h2 span { text-transform: none; }
/* Sub Title Bar */
.sub a, .sub p  {  font-size: 14px; font-weight: bold; float: left; width: auto; margin-left: 10px;  }
.sub h4, .sub a, .sub img { float: left;  }
.sub h4, .sub p { margin-top: 10px; }
.sub a.btn { margin-top: 11px; }
.sub h2 { color: #e4a31e; text-transform: uppercase; font-size: 15px; margin:0;}
.sub h2 span {  text-transform: capitalize; }
.sub a{ margin: 10px 0 0 10px; }
.sub p { margin-bottom: 0!important; }
/* Movies Title Bar */
.sub.movies {margin-bottom: 20px; }
/* Channels Sub Bar */
#channelSub { padding-top: 6px; }
#channelSub a.titleInfo { margin-top: 0;}
/* Aux Title Bar */
.aux { margin-bottom: 20px; overflow: hidden; padding-top: 6px; }
.aux p, .aux a, .aux h4 { float: left; margin:0; padding: 0 10px 0 0; font-size: 14px; font-weight: bold;   }
.aux h4 span.title { color: #e4a31e; text-transform: uppercase; }
.show h4, #musicVideo h4 { color: #e4a31e; padding:0 10px 0 0;}
/* Music Title Bar */
.music { vertical-align: middle; margin: 0 0 3px 0; }
#musicVideo { margin-bottom: 20px; vertical-align: top; }
#show.titlebar { margin-bottom: 20px; }
#show.titlebar a.rating { margin-left: 0; }
/* Social Icons */
.socialIcons { width: 52px; height:22px; display: inline; float: left; margin-top: 6px; }
.socialIcons a { background:url(i/iconSprite.png) no-repeat 0 0; width: 22px !important; height: 22px !important; padding: 0 !important; display: block; margin:0;  }
.socialIcons a.favorite { display: none }
.socialIcons a.favorite.add { background-position: -235px -62px; position: static; display: block}
.socialIcons a.favorite.added { background-position: -235px -93px; position: static; display: block }
.socialIcons a.favorite.loading { background: #a91815 url(i/ajax-loader_small_alt.gif) no-repeat center; display: block }
.socialIcons a.share { background-position: -263px -62px; position: static; }
.sub .socialIcons { margin-top: 6px; }
span.info { background: #000; text-align: center; padding: 5px; margin-left: 15px; font-size: 12px;  }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Multi-Col Layout Styles */
/* ************************************************** */
.column, #two-col, #two-col #side-nav, #two-col #right, #two-col #right #rightGutter, #two-col #right #Spotlight.contentWrap, #two-col #right div.genre,
#three-col #side-nav, #three-col #middle, #three-col #middle ul.pagination, #three-col #middle .find.byChannel div { float: left; }
#two-col #side-nav #inner, #two-col #right #rightGutter { padding: 0; }
#two-col #right .content_inner, #three-col .footer { clear:both; }
#two-col, #two-col #side-nav, #two-col #right, #two-col #right div.genre, #three-col #side-nav, #three-col #middle .search ol li { display: inline; }
#three-col #middle, .column { overflow: hidden;}
.column { padding-right: 2%; overflow: hidden;}
/* Two-Col Styles */
/* ************************************************** */
#two-col { width: 957px; margin: 0 0 0 0; padding: 14px 0 35px 0;}
#two-col #side-nav { width: 177px; margin: 0 31px 0 0; height: 100%; min-height: 500px; padding: 0 0 20px 0;  }
/* What's Hot Styles */
#side-nav #inner ol { list-style-position:outside;list-style-type:decimal;padding:0 0 0 25px;width:155px;}
#side-nav #inner ol li { font-size: 95%; padding-top: 8px; margin-left: 5px;}
/* Right Column */
#two-col #right { width: 736px; background: #fff; padding: 0; margin: 0 13px 0 0; position: relative;  }
#two-col #right .content { width: 100%; }
#two-col #right h1 { position: relative; margin: 0 20px 10px 0; }
#two-col #right div.hottestWrap h1 { color:#000000; font-size:16px; font-weight:bold; line-height:21px; margin:0 0 12px 5px; }
#two-col #right div.select-show { position: absolute; left: 375px; top:10px; padding: 5px 10px; width: 375px; background: #ccc; font-size: 80%; }
#two-col #right .dates { font-size: 80%; font-weight: bold; text-decoration: underline; margin-bottom: 10px; }
#two-col #right #rightGutter { width: 200px; }
#two-col #right #rightGutter ul { margin-bottom: 20px; }
/* Genre Page Styles */
#two-col #right #Spotlight.contentWrap { background: none; }
#two-col #right div.genre { width: 175px; margin-right: 80px;  }
#two-col #right #Spotlight.contentWrap .content_inner { clear:none; }
/* Video Landing Page Styles */
/* TV Shows Specific Styles */
.videoLanding #two-col #right { width: 608px; }
.videoLanding .content .video-wrap { padding-right: 38px; }
.videoLanding .hottestWrap { margin-bottom: 25px; padding-bottom: 10px;}
.videoLanding #comments, .videoLanding #comments .comment-signed-out { width: 565px; }
.videoLanding .showComments { position: absolute; right: 0; top: 45px; color: #010000; font-size: 12px; }
.videoLanding .hottestWrap .empty { width: 297px; height: 185px; background: url('i/MyPlaylistEmptyBg.gif') no-repeat 0 0; margin: 0; }
.videoLanding .hottestWrap .empty p { padding: 56px 0 0 33px; width: 235px; font-size: 14px; color: #000; font-weight: bold; line-height: 21px; }
.videoLanding .hottestWrap p.empty a { text-decoration: underline; }
.videoLanding #comments .errors { display: block; }
.videoLanding .hottestWrap #Top10.contentWrap { width: 99.4%; background: #fff; padding: 0; margin:0; max-height: 530px; overflow-y: auto; }
.videoLanding  .hottestWrap #Top10.contentWrap .content {  }
/* Movies Specific Styles */
.videoLanding .fullMovie div.video-wrap { padding: 0; margin-right:245px; }
/* Three-Col Styles */
/* ************************************************** */
#three-col { width: 957px; position: relative; margin: 10px 0 0 0; padding: 0 0 35px 0;   }
#three-col #side-nav { width: 176px;  }
#three-col #side-nav.flip { width: 210px; float: right; }
#three-col #side-nav.flip .inner { padding: 10px 0 10px 10px; }
#three-col #middle { width: 433px; margin: 0 12px 0 12px;  padding: 0 5px; display: inline;  }
/* Search Page Styles */
/* ************************************************** */
#three-col #middle h1 { margin-bottom: 5px; }
#three-col #middle h1.latest { width: 275px; }
/* Search Pagination Styles (A-Z) */
#three-col #middle ul.pagination {width: 100%; border-bottom: 1px solid #d0d0d0; margin-bottom: 15px;  }
#three-col #middle ul.pagination li { display: inline; float: left; padding: 5px 0 5px 7px; font-size: 10px;  }
#three-col #middle ul.pagination li a { color: #343434; font-size: 10px;  }
#three-col #middle ul.pagination li.all { padding: 5px; margin-right: 4px; border-right: 1px solid #d0d0d0; }
#three-col #middle ul.pagination li.all a { color: #000; font-weight: bold; font-size: 11px; text-transform: uppercase;  }
/* Search List Repeater Styles */
#three-col #middle h1.letter {border-bottom: 1px solid #d0d0d0; width: 96%; padding-left: 4.3%; float: left; line-height: 32px; margin:0 0 10px 0;}
#three-col #middle h3.title { padding-left: 19px; float: left; line-height: 36px; font-size: 14px;}
#three-col #middle h3.title span { font-weight: normal; font-size: 13px !important; }
#three-col #middle ul.search {width: 90%; float: left; margin: 5px 0 0 20px;  }
#three-col #middle ul.search li { height:auto; min-height:40px; height: 40px; position:relative; vertical-align:top; width:100%; margin-bottom: 30px  }
#three-col #middle ul.search li span.icon { float: left; margin: 0 10px 20px 0; }
#three-col #middle ul.search li h3 { float: left; position: relative; width: 90%; overflow:hidden; }
#three-col #middle ul.search li h3 span { position: absolute; right:0; top:3px; text-indent: -999em; }
#three-col #middle ul.search li p a { font-size: 11px; margin-left: 1px; }
#three-col #middle select { color: #000;  border: 1px solid #9d9d9d; font-size: 12px;  }
/* Unique Search Page Divider (Find by Channel, Genre...) */
#three-col #middle .divide, .divide { border-bottom: 1px solid #d0d0d0; margin: 10px 0 20px 0;}
#three-col #middle .search .divide { padding: 10px 0; }
#three-col #middle .divide .inner, .divide .inner { padding: 0 20px 0 15px; width: auto; margin:0; }
#three-col #middle .divide img { float: left; height: 70px; margin: 0 15px 10px 10px; }
#three-col #middle .divide p { margin: 10px 0 0 0; }
/* Clips Search Results */
#three-col #middle #clips .toolbar { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; padding: 15px 0 10px;  }
#three-col #middle #clips h3 { height: auto; }
#three-col #middle #clips .video-wrap { padding: 0 18px; }
#three-col #middle #clips .paginationWrap { width: 96%; margin: 0 2%; margin-top: 10px; padding-top: 10px; border-top: 1px solid #d0d0d0; }
/* Genres Search Results */
.genres .toolbar { border-bottom: none; margin: 0 0 0 0; }
.genres .toolbar .toolbarWrap  { padding-right: 10px; }
.genres .contentWrap.wrapAll { background: none; padding: 0 0 10px 0; }
/* Sub Genres Search Results */
#subGenres { width: 400px; margin-top: 5px; }
#subGenres ul li { width: 180px; font-size: 12px; margin-bottom: 5px; }
/* Find By... */
#three-col #middle .find { margin-bottom: 15px; }
#three-col #middle .find.hoverFix { padding-bottom: 23px; }
/* Find By Channel */
#three-col #middle .find.byChannel { padding: 20px 35px 25px 20px; border-bottom: 1px solid #d0d0d0; float: left; }
#three-col #middle .find.byChannel div.channelInfo { width: 232px; margin-left: 20px; }
#three-col #right, .videoLanding .videoGutter { width: 301px; padding: 0; float: right;   }
/* Side Nav Section Styles */
/* ************************************************** */
div.section { margin-bottom: 35px; width: 100%;  }
div.section h2, div.genericSection h2 { margin-bottom: 15px;  }
div.section ul li, div.section ul li a { font-size: 13px; font-weight: bold; color: #2d2d2d; margin-bottom: 14px; cursor: pointer;}
div.section ul li a span, div.genericSection ul li a span { font-weight: normal; }
div.section ul li a:hover { text-decoration: underline;}
/* Side Generic Styles */
div.genericSection { margin-bottom: 35px; width: 100%;  }
div.genericSection ul li, div.genericSection ul li a, div.genericSection .social p { font-size: 13px; font-weight: bold; color: #343434; margin-bottom: 16px; cursor: pointer; background: none;}
div.genericSection ul li a:hover { text-decoration: underline;}
div.genericSection ul li a.active, div.section ul li a.active, div.section ul.alpha li a.active { color: #d01c15; }
div.genericSection ul li a.active:hover, div.section ul li a.active:hover, div.section ul.alpha li a.active:hover { text-decoration: none; }
#ProfileSide.genericSection { border-bottom: 1px solid #d0d0d0; margin-bottom: 20px; padding-bottom: 5px; width: 86%; }
#ProfileSide ul li a span {font-weight: bold}
/* Find By Title Styles */
div.section.title { float: left;   }
div.section.title h2 { margin-bottom: 3px;  }
div.section ul.alpha { width: 162px;    }
div.section ul.alpha li { display: inline; margin: 12px 6px 0 0; float: left}
div.section ul.alpha li a { float: left; margin-bottom: 0; }
/* Find By Channel Styles */
div.section .channel-scroll { width: 175px; height: 362px; max-height: 362px;  background: url(i/jumpToChannelBg.png) no-repeat 0 0; position: relative;}
div.section .channelInner { width: 100%; overflow: auto; height: 100%; position: relative;  }
div.section .channel-scroll ul { width: 100%; height: 100%;   }
div.section .channel-scroll ul li { width: 78px; height: 44px; border-right: 1px solid #d5d5d5; display: inline; float: left; margin-bottom: 0; padding: 0px 0 1px 0px; }
div.section .channel-scroll ul li a { border-right: none; border-bottom: 1px solid #d5d5d5; margin-bottom: 0; }
div.section .channel-scroll ul li a { width: 100%; height: 100%; float: left;  }
/* Start Channel Hover Styles */
div.section .channel-scroll ul li a:hover { background: url(i/smallChannelHover.png) no-repeat 0 0;   }
div.section .channel-scroll ul li a img { margin: 5% 8%;  }
/* Start Current Channel Styles */
div.section .channel-scroll ul li div.scrollWrap.current { border:1px solid #7c7c7c;float:left;height:98%;width:98%; }
div.section .channel-scroll ul li div.scrollWrap.current a { border-bottom: none !important; }
/* Find By Genres Styles */
div.section.genres, div.section.genres input.btn, div.section.genres select { float: left;  }
div.section.genres select, select.search { height: 23px; width: 160px; color: #000;  border: 1px solid #9d9d9d; font-size: 12px; vertical-align: top;display: block; }
div.section.genres input.btn { margin-left: 1px; }
/* What's Hot This Week Styles */
div.section.hot { text-align: center; }
#side-nav #inner ol.whatsHot { list-style-type:none; padding:0; }
#side-nav #inner ol.whatsHot li { clear:both; vertical-align: middle; font-weight: bold; width: 155px; overflow: hidden; width: 167px; line-height: 21px; max-height: 42px; margin-left: 0!important; }
#side-nav #inner ol.whatsHot li.first { max-height: 42px; }
/*#side-nav #inner ol.whatsHot li.first a { font-size: 18px; }*/
#side-nav #inner ol.whatsHot li span.number { display:block;float:left;margin-right:5px;text-align:right;width:20px; }
#side-nav #inner ol.whatsHot li a { color: #2d2d2d; display: block; float: left; width: 140px;  }
/* My Account */
div.section.account img.avatar, div.genericSection img.avatar { margin: 10px 0;  }
div.section.account a.change, div.genericSection a.change { color: #343434; font-size: 11px; font-weight: bold; }
/* Filter By Channel */
#filterChannel div.section ul.links { margin-bottom: 10px; }
/* About Us */
div.genericSection .social p { margin-bottom: 5px !important; }
div.genericSection .social img { margin-bottom: 15px; }
/* Social Media Icons */
.socialMedia { margin-top: 45px !important; }
.socialCallout { border:1px solid #DADADA;margin-bottom:10px !important;overflow:hidden;padding:0 0 5px;text-align:center;width:72% !important; }
.socialCallout h1 { font-size:12px; padding: 5px; margin-top: 0 !important; margin-left: 0 !important; margin-bottom: 5px !important; background: #e1e1e1;  }
.socialCallout div a { margin-top: 5px; margin-bottom: 8px; display: inline; padding-bottom: 5px;}
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Footer Styles */
/* ************************************************** */
#footer a, #footer p, #footer ul.utilLinks li a { color: #bbbbbb; font-weight: bold; }
#footer-wrap { margin: 0; padding: 0 0 20px 0; color: #fff; width: 100%; background: #000; float: left;}
#footer, #footer ul.utilLinks li a:hover { color: #fff; }
#footer { margin: 0 auto; width: 957px; padding: 0; background: #000;  position: relative; }
#footer h1 { background:url(i/headersSprite.png) no-repeat 0 -96px; padding:0; text-indent: -9999em; margin-top: 12px; width: 290px;}
#footer p { font-size: 70%; line-height: 19px;  }
#footer .copyright a, #footer ul.utilLinks, #footer .social { margin-top: 20px; }
/* Footer Bottom Util Links */
#footer ul.utilLinks { width: 180px; padding-right: 50px; }
#footer ul.utilLinks li { font-size: 70%; line-height: 21px;  }
#footer ul.utilLinks li a:hover { text-decoration: underline; }
#footer ul.utilLinks.last { width: 175px; margin-right: 12px !important; }
#footer .social { float: left; display: inline; }
.facebook { margin-right: 20px; }
/* Footer Copyright */
#footer .copyright { float: right; margin-top: 21px;  }
#footer .copyright a, #footer .copyright p{ float: right; overflow: hidden; text-align: right; }
#footer a.rogersLogo { background:url(i/headersSprite.png) no-repeat 0 -289px; height: 26px; width: 120px; display: block;}
.push {height: 0.8em;}
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Video Wrap Repeater Styles */
/* ************************************************** */
.video-wrap ul li, .video-wrap ul li .util, .video .util, .video, .video2, .channel-wrap ul li, div.thumb, div.thumbAlt { position: relative; }
.video-wrap, .video-wrap ul li, .video-wrap img, .video-wrap h2.video-title, .video-wrap p, .video .content ul, .channel-wrap, .channel-wrap ul li,
.video, .video2, .video-wrap ul li h3 { float: left; }
.video-wrap h2.video-title .video-wrap h2.video-title a, .video-wrap p a, .video-wrap p, .video-wrap ul li h3 { color: #2d2d2d; }
.video-wrap h2.video-title span, .video-wrap ul li h3 { font-weight: normal; }
.video, .video2, .video .content ul, span.icon, .video-wrap p { padding: 0;  }
.video-wrap { width: 164px; padding: 0; height: 218px;  }
.video-wrap ul li { padding-bottom: 10px; font-size: 90%;  }
/* Utilities Wrapper */
.video-wrap ul li .util, .video .util {width: 164px; margin: 2px 0 0 0; height: 20px; overflow: hidden;  }
.video-wrap ul li .util a.favorite {display: inline}
.video-wrap ul li .util a { display: inline; margin-right: 2px;  }
/* Icons/CC/HD... */
.video-wrap img {height: 84px; width: 150px; padding: 0 0 3px 0 }
span.icon { margin: 0 3px 0 0; background:url(i/iconSprite.png) no-repeat 0 0; display: block; vertical-align: top; width: 14px; height: 18px; }
span.tv { background-position: -17px 0;  }
span.movie { background-position: -36px 0;  }
/* Video title (Bold) */
.video-wrap ul li h2 { color: #275299;  }
.video-wrap h2.video-title, .video-wrap h2.video-title span { font-size: 14px; }
.video-wrap h2.video-title { font-weight: bold; max-width: 150px; padding: 0 5px 0 0; margin: 0; overflow: hidden; display: block; max-height: 38px; min-height: 18px; line-height: 18px;   }
/* Video title (Normal) */
.video-wrap h2.video-title span { visibility:visible;}
.video-wrap ul li h3 { font-size: 95%; }
.video-wrap p { font-size: 11px; width: 100%; display: block; line-height: 16px; margin: 0; clear: left; }
.video-wrap p span, .video-wrap p a span { font-weight: bold; }
/* Entitlement */
.entitlement { cursor: pointer; height:16px; width:12px; float: left; margin-top: 1px; }
.entitlement.premium {background:url(i/iconSprite.png) no-repeat 0 0;}
.entitlement.notPremium { /* background: transparent */ display: none; }
/* Play Hover */
.video a.play {position: absolute; left:0; top:0; width: 150px; height: 84px; text-indent: -999em; display: block; background: url(i/arrow_hover.png) no-repeat 0 0;
filter:alpha(opacity=0);-moz-opacity:0.0;-khtml-opacity: 0.0;opacity: 0.0; }
.video a.play:hover, .video a.play:active, .video a.play:focus {filter:alpha(opacity=70);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.video-wrap a.all { margin-top: 47px; }
.content .video-wrap { padding-right: 13px; }
.video .content ul { margin: 0; width: 100%;  }
div.channel, div.thumb, div.thumbAlt { overflow: hidden/* Overflow hidden is needed for the tooltips to correctly calculate position. This rule has no visual effects on the thumbnail in FF 2-3.5, IE 6-8, Opera 9.6-10, Safar 4, or Chrome 4*/}
div.thumb, div.thumbAlt{ width: 150px; }
/* List View Styles */
#listView a, a.channelsList { color: #343434; }
#listView.video-wrap, p.channelListView { margin-bottom: 15px; }
#listView.video-wrap { width: 40%; height: 115px; }
#listView a {  line-height: 18px; }
p.channelListView {width:162px;display:inline;float:left !important;  }
a.channelsList {font-size:12px;line-height:18px; }
/* Channels Wrapper */
.channel-wrap { overflow: hidden; width: 124px; height: 70px; margin: 0 16px 15px 0; display: inline; }
.channel-wrap img {width: 126px; height: 70px; color: #000;   }
.channel span.preview { background: #9e0b0f; display: block; position: absolute; right: 0; top: 55px; font-size: 90%; z-index: 50; width: 75px; height: 20px; color: #fff; padding: 2px 0; text-align: center; }
/* Full Music Video */
.video-wrap.fullMusic { margin-right: 300px; }
/* Full Movie */
.fullMovie { clear: both; }
.fullMovie div.video-wrap { margin-right: 325px; }
.fullMovie img.poster { margin-bottom: 20px; }
/* Free View Text */
span.promo-overlay { padding: 0 5px; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 11px; background: #c1120d;}
.video span.promo-overlay { position: absolute; left: 0; top: 0;  }
#listView .video span.promo-overlay { margin-left: 2px; position: static; margin-top: 1px; }
.hottestWrap span.promo-overlay { margin-top: 3px; margin-right: 30px; display: inline-block; font-size: 11px !important; }
.video .iconGroup { overflow: hidden; float: left;}
.video .iconGroup li { float: left; display: inline;  padding-bottom: 0; }
.video .iconGroup li.entitle { margin-left: 3px; padding-left: 6px; border-left: 1px solid #c1c1c1; }
.video ul.rated { clear: both; margin-top: 3px; }
/* ************************************************** */
/* End*/
/* ************************************************** */
/* ************************************************** */
/* Start Video Toolbar Styles  */
/* ************************************************** */
.toolbar, .toolbar .toolbarWrap div, .toolbar .toolbarWrap div p, .toolbar .next, #sub.toolbarWrap, #sub.toolbarWrap div, .toolbar .toolbarWrap div.layout p,
.toolbar .toolbarWrap div.layout a, .toolbar .toolbarWrap .seasons select { float: left; }
.addEpisode.loading span{display:none}
.toolbar .toolbarWrap div a.addEpisode.loading {background: url(i/ajax-loader_small.gif) no-repeat left center; padding-left: 18px; cursor: progress}
.toolbar .toolbarWrap div a.addEpisode.loading:hover{text-decoration: none}
.toolbar .toolbarWrap div a.addedEpisode{cursor: default !important}
.toolbar .toolbarWrap div .addedEpisode:hover{text-decoration: none}
.toolbar .toolbarWrap div, #sub.toolbarWrap div { font-size: 11px; color: #343434; }
#sub.toolbarWrap div, .toolbar .toolbarWrap div { text-transform: uppercase; }
.toolbar { width: 100%; margin: 0 0 0 0; border-bottom: 1px solid #f3f3f3; padding: 15px 0 10px 0; position: relative;  }
.toolbar .toolbarWrap { padding-right: 20px; overflow: hidden; }
.toolbar .toolbarWrap div { margin-left:6px;padding:0 0 2px 10px; display: inline; border-left: 1px solid #e4e4e4; }
.toolbar .toolbarWrap div p, .toolbar .toolbarWrap div a { font-size: 11px; }
.toolbar .toolbarWrap div p { margin-bottom: 0; line-height: 14px; color: #050908; padding-right: 10px;  }
.toolbar .toolbarWrap div a { padding: 0 4px; display: inline; line-height: 14px; cursor:pointer; }
.toolbar .toolbarWrap div a.active { font-weight: bold; color: #050908; }
.toolbar select { margin: 0 0 8px 0; }
.toolbar .next { width: auto;  display: block; margin-left: 20px;   }
/* Toolbar Sub Menu */
#sub.toolbarWrap { padding: 0 0 0 16px; }
#sub.toolbarWrap div {  margin: 0 15px 0 0;padding:0 21px 2px 0; display: inline; border-right: 1px solid #e4e4e4; }
/* Layout Filter */
.toolbar .toolbarWrap div.layout { float: right; border-left: none; }
.toolbar .toolbarWrap div.layout p { color: #050908;  }
.toolbar .toolbarWrap div.layout a { background: url(i/layoutSprite.gif) no-repeat 0 0; height: 12px; display: inline; padding:0;  }
.toolbar .toolbarWrap div.layout a.grid { width: 19px; background-position: 0 0; margin: 2px 15px 0 4px;  }
.toolbar .toolbarWrap div.layout a.active.grid { background-position: 0 -15px;  }
.toolbar .toolbarWrap div.layout a.list { width: 16px; background-position: -22px 0; margin-top:2px; }
.toolbar .toolbarWrap div.layout a.active.list { background-position: -22px -15px;  }
/* Seasons Filter */
.toolbar .toolbarWrap .seasons select, #clips .toolbar .toolbarWrap .seasons select { color: #000; border: 1px solid #9d9d9d; font-size: 12px; vertical-align: top;display: block; margin: 0; }
#clips .toolbar .toolbarWrap .seasons select {  position: absolute; left:19px; top: 12px; }
/* Clip Search Toolbar */
.clipSearch .contentWrap .toolbar, .contentWrap.search .toolbar { margin-bottom: 21px; border-bottom: 1px solid #d0d0d0;}
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Player Styles  */
/* ************************************************** */
#player-outer-wrap, #player, .overlay .more .video, .dimMain  { position: relative; }
#player-outer-wrap { width: 100%; overflow: hidden; clear: both; }
#player-wrap { /*background: #000;*/ width: 712px; margin:0 auto 34px auto; z-index: 1000; min-height: 399px; }
#player-wrap .controls { position: absolute; left: 0; bottom: 0; background: #000; padding: 10px 0; color: #000; display: block; width: 712px; border: 1px solid #ccc; }
#player-wrap .controls span.nav { display: block; width: auto;  }
#player-wrap.shrink { margin: 0; }
#player-wrap.crackle { width: 768px; min-height: 432px; height: 432px; }
/* Needed for Mac FF Issue */
#player-wrap.crackle object { visibility: visible !important; }
#player-wrap.crackle .tandemAd { display: none; }
.player {background: #000; width: 615px; z-index: 999; }
.player, .pdkHolder, #player { z-index: 1; }
#subpage-scroll { background: none; overflow: hidden !important; min-height: 399px; height: 399px; width: 614px; padding-top: 5px; margin-top: 5px; z-index: 1000;  }
#subpage-scroll.full { width: 100%; }
#detail-scroll { background: none !important; overflow: hidden !important; min-height: 455px; height: 455px; width: 100%; padding-top: 15px;  }
/* Start Video End Overlay Styles  */
.overlay { height: 400px; position: absolute; left: 0; top:0; display: none; zoom: 1; z-index:2;   }
.overlay a, .overlay a:hover, .overlay p, .overlay h2 { color: #fff;  }
.overlay h2 { margin: 20px 0 10px 0;  }
.overlay .innerWrap { margin-bottom: 40px; padding-left: 15px; margin-top: 20px; }
.resize { width: 615px; height:345px; float: left;}
.overlay .more {  zoom: 1; margin-left:10px;  }
#videoOverlay { background:transparent url(i/videoEndOverlay.png) repeat-x scroll left top; height:345px; padding:28px 0 0 40px; width:575px;  }
.crackle-overlay { background:transparent url(i/videoEndOverlay.png) repeat-x scroll left top; height:432px; padding:28px 0 0 40px; width:768px; left: 55px;  }
.crackle-overlay #videoOverlay { background: transparent; padding-left: 105px; position: relative; padding-top: 48px; }
.crackle-overlay .watchAgain,
.crackle-overlay .feedback { float: left; }
.crackle-overlay .watchAgain { margin: 0 0 75px 60px; }
.crackle-overlay h2 { clear: both; }
.crackle-overlay .more ul li { width: 174px !important; }
.crackle-overlay .more .prev,
.crackle-overlay .more .next {
top: 245px;
}
.crackle-overlay .more .prev  {
left: 95px;
background-position: 10px 14px;
}
.crackle-overlay .more .next  {
background-position: 0 14px;
right: 26px;
}
/* Dim the Lights */
#lightDimmer, #lightDimmerTop, #lightDimmerFoot { width: 100%; position: absolute; z-index: 100; background:#000; display: none; }
#lightDimmerTop, #lightDimmer #lightDimmerFoot { left: 0; top: 0; }
#lightDimmerTop { height: 186px  }
#lightDimmer { padding-bottom: 65px;  }
#lightDimmerFoot { height: 106px  }
.dimLight p, .dimLight a { color: #a1a1a1 !important; }
.dimLight h4 { color: #d7d7d7 !important; }
/* Watch Video Again/Feedback Links  */
a.watchAgain, a.feedback { background:url(i/iconSprite.png) no-repeat 0 0; color:#BBBBBB;display:block;font-size:16px; font-weight: bold; height:68px;line-height:78px;padding-left:101px;width:125px; }
a.watchAgain { background-position: 0 -31px; margin-bottom: 20px;  }
a.feedback { background-position: 0 -108px;  }
a.watchAgain:hover, a.feedback:hover { color:#BBBBBB; }
/* Return to Programming Text */
h2.return { color: #e7e5e5; display: none; font-weight: normal; font-size: 14px; margin: 0 0 10px 0;  /*line-height: 32px;*/}
h2.return span { font-weight: bold; color: #fff; }
/* Sign in before watching videos Message */
.playerMessage {  height: 100%;  }
.playerMessage.promo p, .playerMessage.promoHome p { display: block; font-size: 15px; font-weight: bold;width: 70%; margin: 0 auto; color: #fff; line-height: 24px; text-align: center;}
.playerMessage p a { color: #fff; text-decoration: underline}
.playerMessage.Video .message{ width: 72%; margin: 0 auto; color: #fff; line-height: 24px; text-align: center;}
.playerMessage.Video .message p {color: #fff; display: block; font-size: 15px; font-weight: bold; line-height: 21px;}
.playerMessage.Video .message p a { color: #fff; text-decoration: underline}
.playerMessage.Video .message em { font-style: italic }
.playerMessage.Video .message h3 {font-size: 20px; font-weight: bold; color: #fff; margin: 0 0 10px 0}
.playerMessage.promo, .playerMessage.promoHome {  min-height: 249px;  }
/* Home Page Promo Message */
.playerMessage.promoHome { width: 35%; margin: 0 auto; padding: 100px 0 0 0; }
.playerMessage.promoHome p { width: 100%; }
/* Video Player Message */
.playerMessage.Video { width: 100%; background:transparent url(i/player_static_bg.gif) no-repeat scroll 0 0; padding: 150px 0 0 0; min-height: 249px; }
#player-wrap.crackle .playerMessage.Video { background:transparent url(i/crackle_static_bg.gif) no-repeat scroll 0 0; padding: 100px 0 0 0; }
/* Sub Page Promo Message */
.playerMessage.promo { width: 65%; margin: 0 auto; padding: 125px 0 0 0; }
.playerMessage.promo p { width: 100%; }
/* Detail Page Promo Message */
.playerMessage.promoDetail { width: 55%; margin: 0 auto; padding: 125px 0 0 0; }
.playerMessage.promoDetail p { width: 100%; }
/* CanWest Messaging */
#player-wrap.CanWestWrap { min-height: 214px; }
#canWest.playerMessage { position: relative;height: 400px; z-index: 3 }
.hoverOverlayWrap { background: transparent url(i/canWestHoverBg.png) repeat-x scroll left top; position: absolute; bottom: 30px; left: 0; height: 120px; width: 100%; z-index: 5 }
.hoverOverlayInner { text-align: center;position: absolute; bottom: 20px; height: 100px; width: 100%; left:0;  }
.hoverOverlayInner a { color: #fff; font-weight: bold; font-size: 97%; z-index: 6;  }
.hoverOverlayInner a:hover { text-decoration: underline; color: #fff; }
.hoverOverlayInner img { margin-right: 10px; }
#canWest.playerMessage p { margin-bottom: 0px; height: 75px; }
.ad { margin-bottom: 0; z-index: 10; }
.ad iframe, .ad { overflow: hidden; }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Tooltip Syles */
/* ************************************************** */
.info_hover, .assetInfo_hover , .infoAlt_hover, .contentInfo_hover, .ratingsInfo_hover, .matchInfo_hover, .event_hover { position: absolute; margin-top: -10px; z-index: 1010; }
.info_hover { width: 225px; }
.assetInfo_hover { width: 465px; margin-left: 150px; }
.contentInfo_hover { width: 300px; }
.ratingsInfo_hover { width: 350px; }
.matchInfo_hover { width: 162px; }
.ratingsInfo_hover .info-content, .matchInfo_hover .info-content { padding: 0; }
.matchInfo_hover .info-content { border: 1px solid #000; left: 0; }
.ratingsInfo_hover .info-content table.ratings td.rating { width: 55px; }
.infoAlt_hover { width: 465px; margin-left: 200px; top: 20px; z-index: 1000;}
.infoAlt_hover.info_hover_leftTop {margin-left:-210px}
.infoAlt_hover.info_hover_rightBottom {margin-top:11px; margin-left: -20px}
.info_hover .pointer, .assetInfo_hover .pointer, .infoAlt_hover .pointer, .contentInfo_hover .pointer, .ratingsInfo_hover .pointer, .event_hover .pointer {background-image:url(i/tooltips/pointer.png);background-position:0 0;background-repeat:no-repeat;height:15px;position:absolute;width:13px;z-index:600; }
.matchInfo_hover.info_hover_leftTop .pointer,
.event_hover.info_hover_rightTop .pointer {background-image:url(i/tooltips/pointer_alt.png);background-position:0 0 !important;background-repeat:no-repeat;height:7px;position:absolute;width:11px;z-index:600; bottom: -5px;  }
.matchInfo_hover.info_hover_leftTop .pointer { left: 139px; }
.event_hover.info_hover_rightTop .pointer { left: 55%; }
.event_hover .info-content { padding: 5px; }
.matchInfo_hover .info-content h3 { background: #a91916; color: #fff; font-size: 14px; padding: 5px 0 5px 8px; text-transform: uppercase; }
.matchInfo_hover .info-content p { border-top: none; padding: 0 0 10px 10px; width: 142px; }
.matchInfo_hover .info-v-right,
.matchInfo_hover .info-v-left,
.matchInfo_hover .info-top,
.matchInfo_hover .info-h,
.matchInfo_hover .info-top-left,
.matchInfo_hover .info-top-right,
.matchInfo_hover .info-bottom-left,
.matchInfo_hover .info-bottom-right { display: none; }
/* Start Box Side Syles */
/*********************************************************************/
.info-v-right, .info-v-left { background-image:url(i/tooltips/shw-right-left.png);background-repeat:repeat-y; position:absolute; }
.info-h, .info-top { background-image:url(i/tooltips/shw-top-btm.png);background-repeat:repeat-x; background-position:0 0; position:absolute; }
.info-top-left, .info-top-right, .info-bottom-left, .info-bottom-right {background-image:url(i/tooltips/shw-corners.png);background-position:0 0;background-repeat:no-repeat;left:0;position:absolute;top: 0}
.info-top-left, .info-bottom-left { height:11px; width:10px; }
.info-top-right, .info-bottom-right { height:11px; width:13px; }
.info-h { background-position:0 -8px; bottom:-10px; height:10px; left:7px; position:absolute; right:6px; }
.info-top { height:3px; left:7px; position:absolute; right:6px; top:-4px;}
.info-v-right { width:9px; bottom:7px;left:auto;right:-10px;top:7px; background-position:-14px 0; }
.info-v-left { width:4px; bottom:7px;right:auto;left:-4px;top:7px; background-position: 0 0; }
/* Start Corner Syles */
/*********************************************************************/
.info-top-left { background-position:0 0; left:-3px;right:auto;top:-4px; }
.info-top-right { background-position:-9px 0; left:auto; right:-7px; top:-4px; }
.info-bottom-right { background-position:-9px -10px; bottom:-4px; left:auto; right:-7px; top:auto; }
.info-bottom-left { background-position: 0 -10px; bottom:-4px; left:-3px; top:auto; }
/* Start Specific Corner Styles */
/* tooltip positioned right width pointer pointing left */
.info_hover_right .pointer { background-position:0 -16px; top:50%; left: -1px; }
/* tooltip positioned right with pointer pointing down */
.info_hover_rightTop .pointer, .info_hover_leftTop .pointer { background-position:-10px 0; bottom:-12px; left: 52%; }
.infoAlt_hover.info_hover_rightTop .pointer { background-position:-10px 0; bottom:-12px; left: 5%; }
/* tooltip positioned right with pointer pointing up */
.info_hover_rightBottom .pointer, .info_hover_leftBottom .pointer { background-position:0 -34px; top:-10px; left: 52%; }
.assetInfo_hover.info_hover_leftBottom .pointer { background-position:0 -34px; top:-10px; left: 15%; }
/* tooltip positioned left with pointer pointing right */
.info_hover_left .pointer { background-position:-13px -16px; top:52%; right: -20px; }
.infoAlt_hover.info_hover_leftTop .pointer { left: 435px; }
/* Start Content Syles */
/*********************************************************************/
.info-content { background:#FFFFFF none repeat-x scroll left top;border:1px solid #BABABA;left:10px;padding:10px;position:relative;text-align:left; /*overflow:hidden*/}
.info-content-inner { padding: 10px; }
.info-content .loading { margin: 2% auto 0 auto; width: 100px; height: 100px; background: transparent url(i/ajax-loader.gif) no-repeat 0 0; z-index: 10000; }
.info-content-wrapper { font-size: 68%; background: none; z-index: 10000; color: #434343; padding: 0; overflow: hidden; }
.info-content-wrapper span { color: #000; }
.info-content-wrapper span.available { margin: 5px 0 10px 0; color: #dc2b2e; font-size: 11px; display: block; clear: both; }
.info-content h3 { font-size: 13px; color: #2d2d2d; font-weight:bold; margin-bottom: 8px; line-height: 16px; max-height: 32px; overflow: hidden;  }
.info-content h3.border { border-bottom:1px solid #BABABA; padding-bottom: 10px; }
.info-content p { overflow: hidden; font-size: 100%; line-height: 16px; width: 100%; margin:10px 0 0 0; clear: both; padding: 10px 0 0 0; border-top:1px solid #BABABA; color:#2d2d2d; }
.info-content p.available { margin-top: 10px; padding: 0; border-top: none; }
.info-content ul { margin:5px 0 0 0;padding:0 0 0 0;list-style-type: none; }
.info-content ul li { line-height: 16px; font-size: 11px; }
.info-content ol { list-style-position:outside;list-style-type:decimal;margin-left:20px; margin-top: 10px;  }
.info-content ol li { font-weight: normal; font-size: 11px; margin-bottom: 5px; }
.info-content img { float: left; margin: 0 15px 40px 0; }
.info-content table tr td { font-size: 10px; }
.info-content h2 { text-transform: uppercase; font-size: 12px; font-weight: bold; margin: 0 0 5px 0; padding: 0; color: #c1120d; }
.info-content .userRating { position: relative; }
.info-content .userRating ul.rated { position: absolute; left: 90px; top: -1px; }
.assetInfo_hover .userRating ul.rated { left: 90px; }
/* Start Flip Side Styles */
/*********************************************************************/
.info_hover_left .info-v-left, .info_hover_leftTop .info-v-left, .info_hover_leftBottom .info-v-left, .info_hover_left .info-v-right, .info_hover_leftTop .info-v-right, .info_hover_leftBottom .info-v-right { background-image:url(i/tooltips/flip/shw-right-left.png);background-repeat:repeat-y; position:absolute; }
.info_hover_left .info-v-left, .info_hover_leftTop .info-v-left, .info_hover_leftBottom .info-v-left { width:9px; bottom:7px;right:auto;left:-7px;top:7px; background-position:0 0; }
.info_hover_left .info-v-right, .info_hover_leftTop .info-v-right, .info_hover_leftBottom .info-v-right { width:4px; bottom:7px;left:auto;right:-5px;top:7px; background-position: -17px 0;}
/* Start Flip Corner Styles */
/*********************************************************************/
.info_hover_left .info-top-left, .info_hover_leftTop .info-top-left, .info_hover_leftBottom .info-top-left,.info_hover_left .info-top-right, .info_hover_leftTop .info-top-right, .info_hover_leftBottom .info-top-right,.info_hover_left .info-bottom-left, .info_hover_leftBottom .info-bottom-left, .info_hover_leftTop .info-bottom-left, .info_hover_left .info-bottom-right, .info_hover_leftBottom .info-bottom-right, .info_hover_leftTop .info-bottom-right { background-image:url(i/tooltips/flip/shw-corners.png);background-repeat:no-repeat;position:absolute; }
.info_hover_left .info-top-left, .info_hover_leftTop .info-top-left, .info_hover_leftBottom .info-top-left { background-position:0 0; left:-7px;right:auto;top:-4px; }
.info_hover_left .info-top-right, .info_hover_leftTop .info-top-right, .info_hover_leftBottom .info-top-right { background-position:-9px 0; right:-3px; top:-4px; }
.info_hover_left .info-bottom-left, .info_hover_leftBottom .info-bottom-left, .info_hover_leftTop .info-bottom-left { background-position:0 -10px; bottom:-4px; left:-7px; right:auto; top:auto; }
.info_hover_left .info-bottom-right, .info_hover_leftBottom .info-bottom-right, .info_hover_leftTop .info-bottom-right { background-position:-9px -10px;bottom:-4px;left:auto;right:-3px;top:auto;}
.info_hover_left .info-h, .info_hover_leftTop .info-h, .info_hover_leftBottom .info-h, .info_hover_left .info-top, .info_hover_leftTop .info-top, .info_hover_leftBottom .info-top { left: 3px; right: 10px }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Carousel Lite Styles */
/* ************************************************** */
.carousel {margin:0;padding:0;position:relative;  }
.carousel a { cursor: pointer; }
#footer .channel { padding:0;height: 77px !important; margin-left: 78px;}
#footer .channel, #footer .channel ul { height: 92px;  }
#footer .channel ul li { float: left; width: 124px !important; margin-right: 40px; height: 77px !important }
.more, .more ul li { float: left; }
.more img { border: 1px solid #fff; margin: 0 10px; padding: 0; }
.more .play { margin: 0 10px; }
.moreVideos, .moreVideos ul { height: 87px;   }
#footer .prev, #footer .next{ background: #000 url(i/iconSprite.png) no-repeat 0 0; width: 22px; border: none; position: absolute; z-index: 100; cursor: pointer; top:40px; height: 60px; display: block; zoom: 1;  }
.more .prev, .more .next {  border: none; z-index: 10; display: block; position: absolute; height: 87px; width: 17px; cursor: pointer; }
#footer .prev { background-position: -57px 30px; left:53px }
#footer .next { background-position: -78px 30px; right: 55px; }
.more .prev { background: transparent url(i/icons/prevAlt.png) no-repeat 10px 10px; left:36px; top:260px; }
.more .next { background: transparent url(i/icons/nextAlt.png) no-repeat -2px 10px; right:52px; top:260px; }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Weekly Buzz Module */
/* ************************************************** */
div.weeklybuzz { width: 748px; height: 45px; position: relative;   }
div.weeklybuzz span.control { width: 104px; height: 100%; background: transparent; position: absolute; right:0; top: 0; z-index: 1;}
div.weeklybuzz div.slider { width: 104px;  height: 45px; text-align: center;  display: block; float: left; background: #515151; border-right: 1px solid #fff; border-top: 1px solid #cfcfcf;  cursor: pointer; }
div.weeklybuzz div.slider:hover { background: #c1120d; }
div.weeklybuzz div.slider a { display: block; margin-top: 15px;  font-size: 15px; font-weight: bold; color: #fff; }
div.weeklybuzz div.slider a:hover { text-decoration: none; }
/* First Day */
div.weeklybuzz div.slider.first, div.weeklybuzz div.slider.last { background: #515151 url(i/tabs/whatshot/tabsBg.gif) no-repeat 0 0; border-top: none; padding-bottom: 1px }
div.weeklybuzz div.slider.first a, div.weeklybuzz div.slider.last a, div.weeklybuzz div.slider.last.active a, div.weeklybuzz div.slider.first.active a { margin-top: 16px; }
div.weeklybuzz div.slider.first:hover { background-position: 0 -92px ; }
div.weeklybuzz div.slider.last:hover { background-position: 100% -234px; }
/* Today */
div.weeklybuzz div.slider.last { background-position: 100% -142px; padding-right: 4px !important;  }
/* Active */
div.weeklybuzz div.slider.active { background: #fff;  }
div.weeklybuzz div.slider.first.active { background: #fff url(i/tabs/whatshot/tabsBg.gif) no-repeat 0 -46px;  }
div.weeklybuzz div.slider.last.active { background: #fff url(i/tabs/whatshot/tabsBg.gif) no-repeat 100% -188px;  }
div.weeklybuzz div.slider.active a { color: #515151; }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Promo Spot Module */
/* ************************************************** */
div.promoWrap { background:#FFFFFF none repeat scroll 0 0; padding:10px 0px 0 0px; width:294px; float: left; /*margin-right: 13px;*/ }
div.promoWrap li { padding:10px 0px 0 0px; }
div.promoWrap img { width:294px; border: solid 4px #E1E1E1; }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Top 10 Hottest Module */
/* ************************************************** */
div.hottestWrap, div.triedToWatchWrap { background:#E1E1E1 none repeat scroll 0 0; padding:10px 4px 0 4px; width:294px; float: left; /*margin-right: 13px;*/ }
div.hottestWrap a { color: #000; }
div.hottestWrap h1.hottest { background: url(i/headersSprite.png) no-repeat -250px -127px; width: 90px; margin: 10px 0 10px 5px; line-height: 18px; text-indent: -9999em; display: block }
div.hottestWrap h1.hottest:hover { background-position: -350px -127px;  }
div.hottestWrap h1.whatsHot { width: 279px; margin: 10px 0 10px 5px; line-height: 18px; display:block; overflow: hidden;  }
div.hottestWrap a.more {  margin: 10px 5px 0 0; }
/* Global First Tab */
div.hottestWrap ul.tabs li.first a { background:#515151; color: #fff; }
div.hottestWrap ul.tabs li.first a span { background: url(i/tabs/first/tabsAlt.gif) no-repeat 0 0;   }
div.hottestWrap ul.tabs li.first a:hover  { background: #c50e10;  }
div.hottestWrap ul.tabs li.first a:hover span  { background: url(i/tabs/first/tabsAlt.gif) no-repeat 0 -31px;  }
div.hottestWrap ul.tabs li.first a.active { border-top: none; background: url(i/tabs/first/tabsAlt.gif) no-repeat 100% -61px; border-bottom: none; color: #000 !important;  }
div.hottestWrap ul.tabs li.first a.active span  { background: url(i/tabs/first/tabsAlt.gif) no-repeat 0 -61px;  /*padding-top: 8px;*/  }
/* Global Last Tab */
div.hottestWrap ul.tabs li.last a { background:#515151; color: #fff; }
div.hottestWrap ul.tabs li.last a span { background: url(i/tabs/last/tabsAlt.gif) no-repeat 100% 0;  }
div.hottestWrap ul.tabs li.last a:hover  { background: #c50e10;  }
div.hottestWrap ul.tabs li.last a:hover span  { background: url(i/tabs/last/tabsAlt.gif) no-repeat 100% -31px;  }
div.hottestWrap ul.tabs li.last a.active { border-top: none;  background: url(i/tabs/last/tabsAlt.gif) no-repeat 0 -61px; color: #000 !important }
div.hottestWrap ul.tabs li.last a.active span  { background: url(i/tabs/last/tabsAlt.gif) no-repeat 100% -61px; /*padding-top: 8px; */    }
/* Line Top 10 Hottest with Programming Paragraph (Edit Requested) */
#program.hottestWrap { margin: 10px 0 0 0; float: right; }
/* Start Top 10 Number styles */
div.hottestWrap ol.hottest li { overflow: hidden; border-top: 1px solid #dadada; padding: 5px 0;}
div.hottestWrap ol.hottest li span.number, ol.whatshot li span.number {font-size: 115%; font-weight: bold; color: #2d2d2d; display: block; width: 28px; float: left; text-align: right; margin-top:8px;}
div.hottestWrap ol.hottest li a.title, div.hottestWrap ol.hottest li a.sub { display:block;float:left;font-size:80%;font-weight:bold;line-height:16px;margin-top:5px;width:50%; color: #343434; height: 16px; overflow: hidden;  }
div.hottestWrap ol.hottest li a.sub { display:block;float:left;font-size:68%;font-weight:normal;margin:0 0 0 1px;padding:0; background: none; height: 14px; overflow: hidden; }
div.hottestWrap ol.hottest li img { width: 60px; height: 34px; margin: 3px 0 5px 0; padding: 0 10px; float: left; }
/* Start Tried To Watch styles */
div.triedToWatchWrap ol.triedToWatch li { overflow: hidden; padding: 5px 0;}
div.triedToWatchWrap ol.triedToWatch li span.number {font-size: 115%; font-weight: bold; color: #2d2d2d; display: block; width: 28px; float: left; text-align: right; margin-top:8px;}
div.triedToWatchWrap ol.triedToWatch li a.title, div.triedToWatchWrap ol.hottest li a.sub { display:block;float:left;font-size:80%;font-weight:bold;line-height:16px;margin-top:5px;width:50%; color: #343434; height: 16px; overflow: hidden;  }
div.triedToWatchWrap ol.triedToWatch li a.sub { display:block;float:left;font-size:68%;font-weight:normal;margin:0 0 0 1px;padding:0; background: none; height: 14px; overflow: hidden; }
div.triedToWatchWrap ol.triedToWatch li img { width: 60px; height: 34px; margin: 3px 0; padding: 0 10px; float: left; }
div.triedToWatchWrap h1 { color: #000; font-size: 16px; font-weight: bold; line-height:21px; margin:0 0 0 5px;  }
/* Genres Page Styles */
.search div.hottestWrap { padding-bottom: 10px; padding-top: 10px; }
div.hottestWrap h1 { color: #000; font-size: 16px; font-weight: bold; line-height:21px; margin:0 0 12px 5px;  }
div.triedToWatchWrap h1 { margin:0 0 0 5px;  }
/* Generic Page Styles */
div.hottestWrap .contentWrap#ratings { margin-top: 27px; margin-bottom: 20px; padding: 0; }
div.hottestWrap a.contentRatings { background: url(i/headersSprite.png) no-repeat -3px -152px; width: 204px; margin: 0 0 12px 5px; line-height: 18px; text-indent: -9999em; display: block }
div.hottestWrap a.contentRatings:hover { background-position: -223px -152px;  }
div.hottestWrap a.contentProvider { background: url(i/headersSprite.png) no-repeat -3px -179px; width: 214px; margin: 0 0 12px 5px; line-height: 18px; text-indent: -9999em; display: block }
div.hottestWrap a.contentProvider:hover { background-position: -225px -179px;  }
table.ratings { width: 100%; }
table.ratings td { padding: 11px; color: #2f2f2f; font-size: 11px; border-bottom: 1px solid #cfcfcf;  }
table.ratings td.rating { text-align: right; font-weight: bold; width: 65px; }
/* Start specific rating styles */
table.ratings td.nr { border-right: 12px solid #e3eade; }
table.ratings td.tv-y { border-right: 12px solid #8dc73f; }
table.ratings td.tv-17 { border-right: 12px solid #68ae3e; }
table.ratings td.tv-g { border-right: 12px solid #40993b; }
table.ratings td.tv-pg { border-right: 12px solid #007932; }
table.ratings td.pg-13 { border-right: 12px solid #ffe701; }
table.ratings td.tv-14 { border-right: 12px solid #f8931d; }
table.ratings td.ma { border-right: 12px solid #f15a23; }
table.ratings td.r { border-right: 12px solid #ee1b2e; }
table.ratings td.nc-17 { border-right: 12px solid #c30e1f; }
table.ratings td.adult { border-right: 12px solid #940310; }
table.ratings tr.last td { border-bottom: none; }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Pagination Styles */
/* ************************************************** */
div.paginationWrap { margin: 5px 0; clear: left;  }
div.paginationWrap ul { float: right;   }
div.paginationWrap ul li { display: inline; margin:0;   }
div.pagination ul li a { color: #fff; }
div.pagination ul li a, div.paginationul li input { font-size: 12px; font-weight: bold; height: 16px; vertical-align: middle; display: block; width: 7px; float: left; padding: 0; visibility: visible;}
div.pagination a.first span, div.pagination a.previous span, div.pagination a.next span, div.pagination a.last span { visibility: hidden; }
div.pagination a.first, div.pagination a.previous, div.pagination a.next, div.pagination a.last { background:url(i/iconSprite.png) no-repeat 0 0; height:16px; padding: 0; color: #fff; }
div.pagination a.first { background-position: -97px 0; text-align: left; width: 8px; }
div.pagination a.previous { background-position: -113px 0; width:5px; }
div.pagination a.next { background-position: -123px 0; width: 6px; }
div.pagination a.last { background-position: -134px 0; width: 8px; }
div.pagination a.pages, div.pagination a.pagecount { padding-left: 0;   }
div.paginationWrap ul li span, div.paginationWrap ul li a.number { margin-top: 3px; }
div.pagination input { font-size: 11px; font-weight:bold; padding: 0 5px; width: 25px; text-align: center;  }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Page Optimizer Styles */
/* ************************************************** */
.optimize .wrap { float: left; border: 1px solid #dadada; width: 97%; margin-bottom:20px; position: relative; }
.slide { display: none; }
.optimize .wrap .inner { padding: 8px 15px 0 15px; width: 95%;  }
.optimize .wrap .inner h1{ float: left; margin-right: 25px; display: inline; }
.optimize .wrap .inner span.question { font-size: 18px; color: #000; font-weight: bold; line-height: 24px; }
.optimize .panel { width: 500px; padding: 0 15px; background: none; margin: 14px 0; background: #fff; border: 1px solid #dadada; overflow: hidden;}
.optimize h3 { margin: 10px 0; }
.optimize .panel img { float: left; margin: 0 20px 15px 0; }
/*.optimize .panel a.question,*/ .optimize .panel p.question { font-weight: bold; font-size: 16px; color: #000; width: auto; float: left; margin: 7px 0 10px 0; }
.wrap.fail { background-color: #e7e7e7; margin-bottom: 0; }
.wrap.fail .panel, .wrap.success .panel { padding: 10px; }
.optimize .panel span.fail, .optimize .panel span.pass { margin: 0 0 0 10px; float: right; display: inline; }
.optimize .panel span.pass { margin-top: 10px; }
.optimize .panel ol li { font-size: 12px; }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start Global Ads */
/* ************************************************** */
.promoAd, .tandemAd { height: 250px; width: 300px; position: absolute; right: 0;  z-index: 2; overflow:hidden; }
.promoAd { top: 60px; }
.tandemAd { top: 45px; }
.tandemAd p, .promoAd p { color: #fff; margin: 0; }
.tandemAd img { height: 250px; width: 300px; }
div.med { height: 250px; width: 300px; margin: 0 13px 34px 0;    }
.tandemAd iframe, .promoAd iframe { overflow: hidden; }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start My Account Modules */
/* ************************************************** */
h2.Welcome { margin-bottom: 0; }
/* Welcome Message */
#successMessage #successClose { float: right; font-size: 75%; }
.welcomeClose { background: url(i/iconSprite.png) no-repeat 0 -198px; padding-left: 11px; font-size: 12px; }
#successMessage .inner { padding-right: 10px; width: auto; }
#successMessage .inner p, #successMessage .inner h2, #myRogersAccount .inner p, #myRogersAccount .inner h2, #myRogersAccount .inner ul { float: none; }
#verifyNotice.textWrap { background: #d0d0d0 !important;}
#verifyNotice.textWrap .textWrap_inner { padding: 4px;  float: left;  }
#verifyNotice.textWrap .textWrap { margin-top: 0; width: 99.5%;}
#verifyNotice.textWrap .textWrap_inner .textWrap_inner { padding: 10px; }
/* Edit Personal info */
#personalInfo .validation-error, #Password .validation-error, #changePassword .validation-error, #Password .password-meter { margin-left: 150px; }
#changePassword label { width: 100px; }
#changePassword select { width: 265px; }
#changePassword .validation-error { margin-left: 105px; }
#dateSyntax p { float: left !important; display: inline; }
#dateSyntax p.day { margin: 0 38px 0 35px; }
#dateSyntax p.month { margin-right: 25px; }
/* Recent Activity */
.activityWrap { border-top: 1px solid #dadada; padding: 2px;  }
.activity, .yttw {padding: 12px 0 12px 10px; position: relative; }
.activity.hover { background: #fff0d1; cursor: pointer; }
.activity p { margin-bottom: 0; line-height: 22px; font-size: 12px; }
.activity a { font-weight: bold; color: #000; }
.activity a.close, .yttw a.close { position: absolute; top: 8px; right: 8px; cursor: pointer;  }
/* You tried to Watch */
.yttw {padding: 12px 0 12px 0; position: relative; }
.yttw h2 { border-bottom: 1px solid #dadada; padding: 0 0 5px 10px; margin-bottom:12px;  }
.yttw .video-wrap { height: auto; margin-left: 10px; }
.yttw input.watchNow { margin-top: 10px; }
/* Video Highlights */
#highlights .toolbar { width: 100%; }
#highlights .toolbar .toolbarWrap {padding-right:20px; }
#highlights .toolbar .toolbarWrap div { padding-left: 0;}
#highlights .toolbar .toolbarWrap div.layout { padding-left: 15px; margin-left: 9px }
#highlights #listView.video-wrap { width: 39%; height: 100px;  }
#highlights .content { width: 100%; }
#highlights .content div.inner { margin-top: 21px; }
/*My Channels Home */
#myChannelsHome .inner { margin-top: 10px; }
#myChannelsHome .inner p, #myChannelsHome .inner h2 { float: none; }
/*My Channels Side Nav */
#myChannels { min-height: 145px;  }
#moreChannels { margin: 4px 0 0 4px; padding: 8px 0 0 0; display: none; }
#moreChannels_content a.getRogersTV { margin: 5px 0 10px 0; }
#moreChannels_content h2 { margin-top: 10px; clear: both; }
#myAccount .option span.bottom { display: none; }
#myAccount #middle .option { width: 385px !important; }
#middle .option .optionHeader { background: transparent; }
#myAccount #middle .optionHeader label { margin: 0; }
#myAccount #option1 input.text, #myAccount #option2 input.text, #myAccount #option3 input.text { width: 125px; }
#myAccount #option1 .group, #myAccount #option2 .group, #myAccount #option3 .group { margin-bottom: 5px; }
#myAccount #option1 .group ul { padding-top: 0; }
#myAccount #option1 p, #myAccount #option2 p, #myAccount #option3 p { margin: 0 10px 5px 0; }
#myAccount #option2 label, #myAccount #option1 label, #myAccount #option3 label { display: block; float: none; padding: 0; line-height: 14px; }
#myAccount #option3 p.note { width: 100px !important; }
#myAccount #option3 label { width: 140px; }
#myAccount #option1 .group ul.questionLinks,
#myAccount #option2 .group ul.questionLinks,
#myAccount #option3 .group ul.questionLinks,
#myAccount #option1 p.later,
#myAccount #option2 p.later,
#myAccount #option3 p.later { display: none; }
#myAccount #option1 .form-row, #myAccount #option2 .form-row, #myAccount #option3 .form-row { height: auto; margin-bottom: 5px;}
#myAccount .med,
#myAccount .promo { margin-bottom: 20px; }
#myAccount .promo {
width: 100%;
}
#myAccount .promo img
{
border: 4px solid #e1e1e1;
width: 294px;
display: block;
}
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Start ThickBox Module Styles */
/* ************************************************** */
.thikBox { height: 100%; margin-top: 10px; }
.thikBox p { font-size: 12px; margin-bottom: 10px; line-height: 16px; text-align: left; }
.thikBox .optionsWrap { width: auto; height: 100%; float: left; margin: 0 0 10px 0; padding-bottom: 20px; }
.thikBox .column_l, .thikBox .column_r, .thikBox .column_lF { float: left;  padding: 0 15px 0 0; background:#fff; height: 100%; overflow: hidden; }
.thikBox .column_l { width: 320px; margin-right: 20px; padding-right: 20px; border-right: 1px solid #d1d1d1; }
.thikBox .column_r { width: 310px; }
.thikBox .column_full { width: 92%; padding: 15px; background:#fff; height: 100%; }
.thikBox fieldset#Login .validation-error { float: left; }
.thikBox .column_lF { width: 400px; }
#join.thikBox ul.questionLinks { clear: both; margin:0 0 0 12px; }
.thikBox fieldset { border: none; margin: 0; padding:0; display: block;  }
.thikBox fieldset label.invalid { width: 75%; }
.thikBox fieldset input.continue { margin-left: 0 !important; }
.thikBox a.joinRogers { margin: 10px 0 20px 0; }
/* Branded Intercept - First Visit */
#colorbox.welcome iframe { overflow-x: hidden !important; overflow-y: hidden !important;  }
#Welcome { padding-bottom: 0; margin: 0; overflow: hidden  }
#SupportPanel { background: #f9dfe0; padding: 12px 0 0 12px; margin-top: 5px; clear: both; font-weight: bold; height: 120px; overflow: hidden; position: relative; width: 100%;   }
#SupportPanel a.btn { padding-bottom: 10px; }
#SupportPanel ul.arrowLinks { list-style-image:url("i/icons/updateArrow.gif"); margin: 10px 0 0 15px; }
#SupportPanel ul.arrowLinks li {margin: 0 0 5px 0; }
#SupportPanel ul li span { color: #dc2b2e; font-size: 11px; }
#Welcome .noModem { padding-bottom: 0; text-align: center; }
#Welcome .noModem .regstepone { width: 530px; border-bottom: 1px solid #ececec; margin: 0 0 10px 12px; height: auto; }
#Welcome .noModem .regstepone h1 { font-size: 27px; }
#Welcome .noModem .regstepone ul { margin: 30px 0 0 0; width:550px;  }
#Welcome .noModem .regstepone li { font-size: 14px; margin-bottom: 20px; }
#Welcome .noModem .regstepone ul .types { color:#AE2519;font-weight:bold;padding-right:22px;text-align:right;width:200px;}
#Welcome .noModem .regstepone ul .descrip { width: 300px; line-height: 18px; }
#Welcome .noModem .regstepone ul .last { margin-top: 10px; }
.verifyAccountInfo { border-top: 1px solid #c1c1c1; padding-top: 10px;}
.verifyAccountInfo h1 { font-size: 18px; font-weight: normal; color: #343434; margin-bottom: 12px; padding-bottom: 10px;  }
.thikBox .error { background-color: #e1e1e1; padding: 12px 0; width: 100%; }
.thikBox .error h2, .thikBox .error p  { padding-left: 12px; }
.thikBox .error .image  { padding-right: 12px; margin-left: 12px; }
a.btn, input.btn { background:url(i/buttonsSprite.png) no-repeat 0 0; cursor:pointer; text-indent: -9999em; z-index: 25;} /* Image Replacement */
.thikBox a.myAccount { background-position: 0 -722px; display: block; height: 31px; margin: 0 0 10px 0; padding: 0; text-indent: -9999px; width: 232px; }
.thikBox input.verifyAccount { background-position: -232px -722px; height: 35px; margin: 0 0 0 6px; padding: 0; text-indent: -9999px; width: 245px; }
.thikBox input.sendNow { background-position: -76px -641px; height: 27px; margin: 0 0 0 6px; padding: 0; text-indent: -9999px; width: 55px; }
.thikBox input.watchVideos { background-position: 0 -754px; height: 37px; margin: 4px 0 0 0; padding: 0; text-indent: -9999px; width: 255px; }
.verifyAccountInfo ol { list-style: decimal outside; margin: 0 0 10px 25px; }
.verifyAccountInfo ol li { font-size: 12px; margin: 0 0 6px 0; }
.verifyAccountInfo .leftcol { float: left; width: 165px; padding-top: 10px; }
.verifyAccountInfo .rightcol { float: right; width: 450px; }
#Welcome ul.arrowLinks li a { text-transform: none; color: #4e4e4e; }
#Welcome.thikBox .optionsWrap { margin: 0; padding: 0 0 10px 0; height: 100px; }
#Welcome.thikBox .column_l  { width: 270px; padding: 10px; min-height: 80px !important; height: 80px; border: 1px solid #dadada; margin-right: 9px; }
.welcome { float:left;margin:10px 30px 0 0;padding:0;width:450px;}
.welcome h1 { margin-bottom: 10px; }
#Welcome h1 { font-size: 26px; }
.gutter { background: #f3f3f3; padding: 10px; color: #656565; width: 215px; float: left; margin-top: 20px; font-size: 12px; line-height: 18px;}
.gutter a span { color: #656565; }
.formText { padding-top: 5px; width: 500px; margin-left: 15px; width: 500px; }
.formText fieldset { background: #efefef; padding: 10px; border: 1px solid #eeeeee; margin-bottom: 15px;}
.formText fieldset label { color: #2a2a2a; font-size: 11px; width:90px !important; padding:0; line-height: 12px;}
.formText fieldset input { width: 85px !important; margin: 0; }
.formText fieldset p.example { line-height: 14px; }
.formText fieldset ul { margin: 5px 0 0 30px }
#Welcome .buttonWrap { padding-left: 232px; margin-bottom: 15px; width: 450px;  }
#Welcome .buttonWrap p { line-height: 27px !important; }
.noModem .regFoot { border-top: 1px solid #ececec; padding: 10px 0 0 0; margin-left: 15px;  }
#colorbox.welcome { top: 50%; left: 50%; }
#colorbox.welcome #cboxLoadedContent {clear:none; margin-top: 35px; margin-left: 10px;  }
#SupportPanel h1 { margin-bottom: 5px; }
.notCustomer { clear: both; }
.notCustomer p, .notCustomer ul li a { margin-bottom: 0; }
/* Rogers Modem Modal Styles */
#Welcome .rogersCustomer { border-bottom: 1px solid #ccc; clear: both; display: block; margin-bottom: 10px; padding-bottom: 10px; width: 100%; }
#Welcome .leftcol { float: left; width: 165px; }
#Welcome .rightcol { float: right; width: 390px; }
#Welcome .rightcol ul.howTooltip { float: left; margin-left: 10px; }
#Welcome ul.howTooltip li span.questions { background: url('i/iconSprite.png') no-repeat  -232px -31px; display: block; float: left; height: 14px; width: 12px; padding-right: 4px; }
#Welcome .rightcol input.btn { float: none; clear: both; }
#Welcome span.smalltext { font-size: 10px; margin-bottom: 3px; }
#Welcome span.smalltext a { color: #2d2d2d; text-decoration: underline; }
fieldset label.zip {width: 110px; padding: 7px 0 0 0;}
fieldset input.zip {width: 100px;}
p.example { color: #343434; font-size: 11px; padding: 6px 0 0 8px; display: block; float: left; }
input.autoValidate, a.autoValidate, .thikBox input.autoValidate, .thikBox a.autoValidate { background-position: -448px -397px; width: 115px; height: 25px; display: block; }
input.verify, a.verify, .thikBox input.verify, .thikBox a.verify { background-position: -562px -396px; width: 69px; height: 25px; display: block; }
/* Sign In */
#SignIn .signInCol { width: 290px; margin-right: 15px; border-right: 1px solid #d1d1d1; padding: 0 10px 15px 0; margin-top: 20px; float: left; min-height: 300px;}
#SignIn .column_r { width: 265px; padding-top: 0; margin-top: 20px; padding-left: 0; }
#SignIn .column_r .section { border-top: 1px solid #d1d1d1; padding-top: 20px; margin-top: 20px; }
#Login input.signIn { margin:0; }
#Login {  border: none; padding: 0; margin-bottom: 10px;}
#Login label { font-size: 13px; color: #343434; width: 100%; margin-bottom: 5px; text-align: left; }
#Login input.text { width: 235px; margin-bottom: 15px; padding: 3px; background: #f3f3f3; font-size: 12px;  border: 1px solid #9d9d9d; color: #000; }
/*#Login ul { clear: none; margin: 5px 0 0 20px; }*/
#Login .radioWrap { margin:3px 0 5px 10px; }
#Login .radioWrap label { width: auto; line-height: 14px; margin: 0 5px; font-size: 11px; vertical-align: middle; }
#Login .validation-error { width: 223px !important; }
#Login.login .errors, #Login.login .rjsError { padding: 4px; width: 373px; margin: 0 0 3px 0}
#Login .labelMask {position: relative; width: 148px; padding:0px; border: 0px; margin: 0 9px 0 0; overflow: visible;  float: left}
#Login .labelMask .overlabel {font-weight: bold; font-size: 90%; visibility: visible; text-align: center; color: #8f8f8f; background: #f3f3f3; overflow: hidden; position: absolute; padding: 3px; top: 0; left: 0; margin: 0 9px 0 0; width: 140px; height: 15px; border: 1px solid transparent; display: block}
#Login .labelMask .text { width: 140px; margin: 0 9px 0 0; position: relative; z-index: 2; background:url(i/transparentBg.png) repeat 0 0}
#Login .labelMask a {font-size: 70%; background: url(i/icons/arrow.gif) no-repeat; background-position: left 66%; padding: 0 0 0 10px; display: inline-block; margin: 8px 0 0 2px}
#Login .labelMask .validation-error { width: 142px  !important; margin: 0; padding: 3px}
#Login .rememberMe {position: relative; margin-top: 10px; }
#Login .rememberMe .check {float: none; width: auto; position: absolute; top: 0px; left: 0px; background: transparent}
#Login .rememberMe label {float: none; font-size: 70%; line-height: 12px; display: inline-block; overflow: visible; padding: 4px 0 0 22px }
#SignIn h2 {margin: 0 0 10px 0}
.loginJoin { border-top: #D0D0D0 1px solid; padding-top: 10px; }
.loginJoin h2{ margin: 10px 0 0 0}
.loginJoin p {margin-bottom: 8px}
/* Entitlement Pop Ups */
#join .inner { padding: 10px; width: auto; margin-top: 0; }
#join fieldset .option .inner { width:280px !important; }
#join .column_l, #join  .column_r { min-height: 250px; margin-top: 10px; }
#join a.subscribe { margin-bottom: 10px; }
#join img.join { margin-right: 20px; }
#join.thikBox .option { padding: 0; margin-top:10px; }
#join.thikBox .option.open { margin-top:10px; }
#join fieldset input.numberField { margin-bottom: 3px; margin-left: 0; }
#join.thikBox .option div.formEle input.btn {margin-top:0; clear: both; }
#join.thikBox .option .validation-error { width: 94%; }
/* ************************************************** */
/* End */
/* ************************************************** */
.alertBar { padding: 5px 0; background: #e4a31e; border: 1px solid #000; color: #000; text-align: center; font-size: 15px;  }
.alertBar a { text-decoration: underline; }
/* ************************************************** */
/* Start Social Media Links */
/* ************************************************** */
.social p { margin-bottom: 10px; }
#shareVideo .contentWrap { padding: 25px 15px; width: 92%; margin-bottom: 10px; }
#shareVideo .contentWrap .content { margin: 0 16px 0 0; float: none; }
#shareVideo .videoWrap { padding: 3px; height: 41px; background: #eaeaea; margin-bottom: 20px; }
#shareVideo .videoWrap img { width: 60px; height: 40px; margin-right: 6px; }
#shareVideo .videoWrap img, #shareVideo .videoWrap div { float: left; display: inline; }
#shareVideo .videoWrap h2, #shareVideo .videoWrap p, #shareVideo fieldset label { color: #343434; }
#shareVideo .videoWrap h2 { font-size: 14px; line-height: 14px; margin: 6px 0 0 0; padding: 0;}
#shareVideo fieldset { clear: both; }
.community fieldset .formRow { overflow: hidden; margin-bottom: 5px; }
#shareVideo fieldset label  { width: 95px; text-align: right; font-size: 14px; }
#shareVideo fieldset input.text { width: 232px; margin-bottom: 0;}
#shareVideo fieldset p.note { margin-left: 100px; clear:left; }
#shareVideo fieldset textarea { width: 281px; height: 67px; font-family: Arial; }
#shareVideo fieldset .radioWrap { margin-left: 100px; }
#shareVideo fieldset .radioWrap label { font-size: 10px; }
#shareVideo fieldset .buttonWrap { padding-left: 100px; margin-top: 10px; display: block; }
#shareVideo .postVideo { width: 366px; margin: 40px 0 0 65px; }
#shareVideo .postVideo li { display: inline; float: left;  margin-bottom: 10px; width: 183px; }
#shareVideo .postVideo li  a { background:transparent url(i/socialSprite.png) no-repeat scroll 0 0;cursor:pointer;display:inline-block;height:35px;margin:0;padding-left:40px;width:143px;}
#shareVideo .postVideo li  a:hover { text-decoration: underline; }
#shareVideo .postVideo li.facebook a { background-position: 0 0;}
#shareVideo .postVideo li.twitter a { background-position: 0 -178px; }
#shareVideo .postVideo li.myspace a { background-position: 0 -48px; }
#shareVideo .postVideo li.digg a { background-position: 0 -224px; }
#shareVideo .postVideo li.winLive a { background-position: 0 -91px; }
#shareVideo .postVideo li.yahoo a { background-position: 0 -266px; }
#shareVideo .postVideo li.reddit a { background-position: 0 -133px; }
#shareVideo .postVideo li.delicious a { background-position: 0 -309px; }
#shareVideo .postVideo a { margin-left: 40px; font-size: 14px; line-height: 32px;  }
#shareVideo .postVideo a:hover { text-decoration: none; }
#shareVideo .arrowLinks { margin-top: 50px; }
#reportComment fieldset { margin-top: 20px; }
#reportComment .radioWrap { margin-left: 0; }
#reportComment .radioWrap label, #reportComment p { font-size: 14px; }
#reportComment .buttonWrap { margin-top: 20px; }
.statusAlert { zoom: 1; z-index: 10000; display: none; width: 223px; height: 103px; border-right: 1px solid #c5c7c6; border-top: 1px solid #c5c7c6; position: fixed; right: 10px; bottom: 10px; background: url(i/statusSprite.png) repeat-x 0 -111px; }
.statusAlert .leftShdw, .statusAlert .bottomShdw, .statusAlertInner { position: absolute; background: url(i/statusSprite.png) repeat-x 0 0; }
.statusAlertInner { background-position: -8px -11px; margin-top: 11px; height: 100px; width: 100%; display: block; }
.statusAlert .leftShdw {  bottom:-1px; height:auto; left:-8px; top:0; width:8px; }
.status { width: 165px; height: 54px; overflow: hidden; position: absolute; left: 48px; top: 25px;  }
.status h2, .status p { font-weight: bold; color: #343434; }
.status h2 { font-size: 16px; margin-bottom: 0;  }
.status p { font-size: 13px; }
/* Use on elements that contain floated items
--------------------------------------------- */
.group:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html .group { /* ie 6 */
height:1%;
}
*:first-child+html .group { /* ie 7 */
min-height:1px;
}
/* Unused /*
/*
#three-col.generic #middle.full { width: 80%; margin-right: 0; }
#three-col.generic #right { width: 214px; padding: 0; float: right;   }
*/
/* ************************************************** */
/* Generic Page Wrapper Styles */
/* ************************************************** */
#three-col.generic #middle { display:inline;float:left;margin:0 0 20px 38px;padding:0;width:743px;  }
#three-col.generic #right p a, #two-col.generic #right p a { text-decoration: underline; }
#two-col.generic #right h1 { margin-bottom: 5px; }
#generic.contentWrap {  width: 95% !important; padding: 2%; }
/* Generic Rounded Corner Box for Text content */
.textWrap { width: 99%; background: #fff; float: left; overflow:hidden; border: 1px solid #dadada; margin: 10px 0 0 0; }
.textWrap_inner { padding: 10px; }
#main.generic .inner { padding: 16px 10px;  }
#main.generic .inner div.contentWrap { margin-bottom: 20px; }
#main.generic .inner div.contentWrap .inner { width: auto; }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Generic About/Help Page Styles */
/* ************************************************** */
/*What is Rogers On Demand Online */
#WhatisRogers ul  { margin:0 0 10px 15px; padding:0; list-style-type:disc; }
#WhatisRogers ul li ul { margin-left: 30px; list-style-type:circle; margin-top: 3px; }
/* Programming Page Styles */
#programming {width: 422px;  }
#programming #LineUp.contentWrap { float: left; width: 100%; background: none; padding:0; }
#programming .inner {padding: 10px 5px 5px 5px; width: 100%; }
#programming .channel-wrap {margin-right: 16px; }
#programming ul.arrowLinks, #two-col #right #faq ul.arrowLinks.browse { padding-right: 10px; float: right; }
/* News Page Styles */
#middle.news h1, #middle.news ul li { margin-bottom: 20px; }
#middle.news p img { padding: 0 15px 15px 0; }
#middle.news div ul li { margin-top: 0; }
.inner.press, .inner.news { padding-top:20px; padding-left: 10px; min-height: 350px; }
.inner.news ul.tertiary { float: right; border-right: none;width: auto;  }
.inner.news ul.tertiary li { display: inline; float: left; }
.inner.news ul.tertiary li a { font-size: 12px; }
.press p, .press h2, .news p, .news h2 { float: none;  }
.news h2, .press h2, h2.news { margin: 5px 0; width: 57%; }
.latest { overflow: hidden; }
.news ul.furtherInfo { margin-right: 40px; float: left; }
.news ul li span { font-weight: bold; }
/* Article Styles */
.article { border-bottom: 1px solid #dadada; clear: both; margin-bottom: 20px; padding-bottom: 10px; width: 100%; }
.article p { margin-bottom: 5px; }
.article a.headline { font-weight: bold; font-size: 14px; display: block; margin-bottom: 5px; }
/* Who Can Join Page Styles */
.join .tableWrap { border: 1px solid #dadada; float: left; }
.join table { background: #fff url(i/join/joinHeaderSprite2.png) no-repeat -1px 0; padding: 0; margin: 0 auto; }
.join table thead th { padding: 6px 13px 10px 15px;  color: #fff; font-weight: bold; text-align: center; font-size: 14px;  vertical-align: top;  }
.join table thead th h1 { display: block; color: #fff; font-size: 18px; text-align: left; width: 172px; }
.join table thead th.tv, .join table thead th.other { border-right: 1px solid #fff; }
.join table thead th span { display: block; }
.join table thead th.tv span, .join table thead th.none span { margin-top: 8px; }
.join table thead th.other span { margin-top: 6px; }
.join table tr td {  text-align: left; font-size: 13px; vertical-align: top; color: #343434;   }
.join table tr td.pad { padding-right: 1px; }
.join table tr td img.check { width: 24px; height: 20px; margin: auto;  display: block; }
.join table tr.summary td { padding: 10px;  border-right: 1px solid #dadada; }
.join table tr.summary h3 { margin: 10px 0; }
.join table tr.summary td img { width: 154px; height: 25px; margin: 10px auto; display: block; }
.join table tr.summary td.none { border-right: none; background: #f0f0f0;}
/* FAQ page Styles */
#two-col #right #faq h2.head, #faq select, #faq input { float: left; }
#faq.contentWrap, #Answers .contentWrap { padding: 0; }
#faq select, #faq input, #Answers .contentWrap { margin-top: 10px; }
#two-col #right #faq h2.head { margin: 10px 10px 0 10px; }
#faq.contentWrap .column { width: 345px; }
#Answers .contentWrap { width: 100%; background: none; }
#two-col #right #faq h1 { margin: 10px 0 5px 10px; }
/* FAQ Question Wrapper */
#faqQ { width: 100%; height:100%; padding-bottom: 10px;  }
#faqQ .column { width: 350px; }
#faqQ ol { margin: 10px 0 0 15px; }
#faqQ ol li, #faqQ ol li a { font-weight: bold; font-size: 13px; color: #343434 }
#faqQ ol li { list-style-type:decimal; list-style-position: outside; margin: 0 0 10px 30px; line-height: 18px;   }
#faq a.all { margin: 0 18px 10px 0; float: right; }
#faqQ h2 { border-bottom: 1px solid #dadada; padding: 15px 0 10px 3%; width: 97%; margin-bottom:0 }
#faqQ p  { width: 98.5%; background: #e1e1e1; margin: 0; padding: 0 0 10px 1.5%;  }
/* FAQ Answer Wrapper */
.answer { padding: 10px 20px 10px 20px;  }
.answer ul, .answer ol { margin: 0 0 10px 40px; }
.answer ol li { font-size: 12px; }
.answer ul li {  list-style-type: disc;  }
.answer h2.number { float: left; margin-right: 5px; }
/* Partnership Page Styles */
#partnership div.span8 { padding-bottom: 45px; }
#partnership div.innerWrap { margin: 20px 0; }
#partnership div.innerWrap.last  { padding-bottom: 50px; }
/* Help Overview Styles */
.help div.overviewWrap, .help div.overview { float: left; }
.help div.overview .contentWrap .inner, .help div.overview a.btn, .help div.overview .contentWrap p { margin-top: 10px; }
.help div.overview .contentWrap ul.bullet { padding-left: 30px; }
.help div.overviewWrap { width: 47%;  margin-bottom: 10px; }
.help div.overviewWrap.browseFAQ { margin-right: 33px; }
.help div.overview { width:100%; }
.help div.overview h1 { font-size: 15px; line-height: 24px; margin-left: 10px !important; }
.help div.overview .contentWrap { padding: 10px 0 10px 10px; float: left; min-height: 192px; }
.help div.overview .contentWrap p, .help div.overview .contentWrap ul { padding-left: 15px; }
.help div.overview .contentWrap p { padding-bottom: 5px; width: 90%; }
.help div.overview .contentWrap select { margin-left: 15px; width: 250px; }
.help div.overview img, .help div.overview a.btn { margin-left: 20px; }
/* Ratings Page Styles */
.ratingsPage { width: 750px; }
.ratingsPage .contentWrap { float: left; padding: 2% !important; }
.ratingsPage .contentWrap table { border: 1px solid #cfcfcf; width: 65%; }
/*Privacy Page Styles */
#privacy ol { list-style-type:decimal; margin-left: 15px; }
#privacy ol li { font-size:13px; text-align: left; margin-bottom: 10px;}
#privacy ol li ul li { margin-bottom: 2px; }
/* SiteMap Page Styles */
#sitemap .contentWrap {float: left; padding: 0; }
#sitemap .contentWrap h1 {margin: 5px 0 10px 10px; }
#sitemap .contentWrap.wrapAll { width: 99%; height: 100%; }
#sitemap .innerWrap { margin: 0 0 20px 0;  }
#sitemap ul  { padding: 10px 0 10px 10px; margin-right: 10px;  }
#sitemap ul li a, #sitemap ol li a { font-size: 12px; }
#sitemap ol { margin-left: 5px; padding: 15px 0 10px 0; list-style-type: none; }
#sitemap a.generic { margin: 0 20px 10px 0; display: inline; }
#sitemap .column { overflow: visible; padding: 0;  }
#sitemap .column.category { width: 465px;  display: inline; margin-right: 20px; display: inline;   }
#sitemap .column.category.Genres { width: 100%;  }
#sitemap .column.category.Genres ul { width: 200px; }
#sitemap .column.category.clips { width: 164px;  }
#sitemap .column.category.about { width: 450px;  }
#sitemap .column.category.hot { width: 280px; margin-right: 0  }
#sitemap .column.category.hot ol li { overflow: hidden; margin-bottom: 5px; }
#sitemap .column.category.hot ol li span { float: left; margin-right: 10px; font-weight: bold; }
#sitemap .column.category.hot ol li a { display:block;height:23px;line-height:24px;overflow:hidden;width:80%;  float: left; }
#sitemap .column.category.about ul li a { font-weight: bold;  }
#sitemap .column.subcategory { width: 225px;  }
#sitemap .column.subcategory.tv { border-right: 1px solid #DADADA; }
#sitemap .column.subcategory h3 { width: 98%; border-bottom: 1px solid #DADADA; padding: 5px 0 5px 4%; }
#sitemap .column.Last { padding: 0px; margin:0px;   }
#sitemap .column.subcategory.tv ul, #sitemap .column.subcategory.movies ul
{
width:95px;
margin-right: 5px;
}
/* Contact Page Styles */
fieldset#contact .validation-error { margin-left: 150px; width: 213px; }
fieldset#contact select { width:234px; }
fieldset#contact select.invalid { margin-bottom: 20px !important; }
/* ************************************************** */
/* End */
/* ************************************************** */
fieldset.newsletter input.btn { margin: 10px 0 0 150px; }
fieldset#unsubscribe { margin: 0; padding:0; border: 0; }
fieldset#unsubscribe input.cancel { margin-left: 10px; }
fieldset#unsubscribe textarea { width: 350px; height: 100px; }
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}
#cboxOverlay{position:fixed; width:98%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:98%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
img#cboxPhoto { width: 100%; height:100%; }
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url('i/transparentBg.png') repeat 0 0;}
#colorbox{ margin-top:32px; }
#cboxMiddleLeft, #cboxMiddleRight { width: 12px; position: absolute; height: auto; float: none !important; background: url(i/thickbox/tb_shdw_left_right.png) repeat-y}
#cboxTopCenter, #cboxBottomCenter { height: 35px; position: absolute; background: url(i/thickbox/tb_shdw_top_btm.png) repeat-x;}
#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight {width: 22px; height: 19px; position: absolute; background: url(i/thickbox/tb_shdw_crners.png) no-repeat;   }
#cboxMiddleLeft {background-position:-36px 0;left:-12px; top:9px; width:12px; bottom: 80px;}
#cboxMiddleRight{background-position:0 0; right:12px; top:9px; width:12px; bottom: 80px;}
#cboxTopCenter {background-position:0 -26px; left:8px;right:32px;top:-20px; width:auto !important;}
#cboxBottomCenter{ background-position:0 0;bottom:-35px;left:8px;right:32px;width:auto !important;}
#cboxTopLeft{ background-position:0 0; left:-14px;top:-10px;}
#cboxTopRight{ background-position:-22px 0; top: -10px; right: 10px}
#cboxBottomLeft{ background-position:0 -19px;bottom:-10px;left:-14px;}
#cboxBottomRight{ background-position:-22px -19px;bottom:-10px;right:10px;}
#cboxContent{  background: #fff url(i/thickBoxBg.gif) repeat-x scroll 0 0;}
#cboxLoadedContent{background:transparent; padding:1px;margin: 55px 0px 0 15px}
#cboxLoadingGraphic{background:url(i/ajax-loader.gif) center center no-repeat;}
#cboxLoadingOverlay{background:#fff;}
#cboxTitle{position:absolute; top:30px; left:15px; color:#000; font-size: 20px; font-weight: bold}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{height:20px; position:absolute; top:-20px;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{right: 5px;top: 4px; text-indent: -9999px;background: url(i/icons/whiteX.gif) no-repeat; width: 16px; height: 16px;}
#cboxClose.hover{}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
/* Unused */
/* ************************************************** */
/* Registration Form Styles */
/* ************************************************** */
joinRogers h1 { margin-top: 10px; margin-bottom: 10px; }
h1.sub { margin:0 10px 10px 0 !important; font-size: 18px; }
div.callOut { margin: 0 18px 15px 18px; float: left; }
div.callOut h2 { font-size: 15px; margin-right: 10px; float: left; }
div.callOut h2 span { color: #dc2b2e; }
div.callOut p { font-size: 14px; clear: left; line-height: 21px; margin-bottom: 10px; }
div.callOut .notCust { margin-left: 40px; }
#join div.callOut .notCust ul { margin-top: 0; }
/* ************************************************** */
/* Start Global Registration Steps */
/* ************************************************** */
ul.steps { width: 100%;  height: 91px; margin-bottom: 20px; }
ul.steps li {  width: auto; position: relative; float: left; display: inline; border-bottom: 1px solid #dadada; }
ul.steps li.step1, ul.steps li.step2, ul.steps li.step3 { background: url(i/joinStepsSprite.gif) no-repeat 0 0; height: 91px; }
ul.steps li.step1, ul.steps li.step2 { border-right: 1px solid #dadada; }
ul.steps li.step1 { background-position: 0 0; width: 313px; }
ul.steps li.step1.active { background-position: 0 -91px; }
ul.steps li.step2 { background-position: -314px 0; width: 343px; }
ul.steps li.step2.active { background-position: -314px -91px;}
ul.steps li.step3 { background-position: -661px 0; width: 292px; }
ul.steps li.step3.active { background-position: -659px -91px;}
ul.steps li span.indicator { position: absolute; display: block; width: 37px; height: 18px; bottom: -2px; left: 150px; background: url(i/icons/indicatorArrow.gif) no-repeat 0 0; }
/*Check SMS */
#join.contentWrap.checkSMS ul.steps li.step1 { background-position: 35px -536px; }
/* Create Profile */
#join.contentWrap.create ul.steps li.step1 { background-position: 35px -163px; }
#join.contentWrap.create ul.steps li.step2 { background-position: -290px -165px; }
/* Verify Account Information */
#join.contentWrap.verify ul.steps li.step1 { background-position: 35px -163px; }
#join.contentWrap.verify ul.steps li.step2 { background-position: -314px -183px; }
#join.contentWrap.verify ul.steps li.step3 { background-position: -608px -352px; }
/* Active States for steps 1 through 3 */
div.step1 ul.steps li.step1 { background-position: 0 -91px;}
#join.contentWrap.create ul.steps li.step1, #join.contentWrap.verify ul.steps li.step1 { background-position: 0 0; }
div.step2 ul.steps li.step2, #join.contentWrap.create ul.steps li.step2 { background-position: -317px -91px; }
div.step3 ul.steps li.step3, #join.contentWrap.verify ul.steps li.step3 { background-position: -662px -91px;}
/* ************************************************** */
/* Join Rogers On Demand Online (1st step)*/
/* ************************************************** */
#join.contentWrap { background: #fff url(i/registration_steps_bg.gif) repeat-x 0 90px; padding:0 0 0 0; width: 950px; margin-bottom: 10px !important; }
#join.contentWrap .contentWrap.two { width: 95.2%; padding: 15px 7px 5px 12px; min-height: 135px; }
/* Start White Columns */
.optionsWrap {height: 100%; padding-bottom: 5px; margin: 0 7px; width: auto; clear: both; }
.optionsWrap #whiteCol_1, .optionsWrap #whiteCol_2 { float: left; overflow:hidden; }
.optionsWrap #whiteCol_1 .contentWrap, .optionsWrap #whiteCol_2 .contentWrap, #whiteCol_3 .contentWrap { margin: 0; background: #fff; width: auto;}
.optionsWrap #whiteCol_1 { width: 701px; margin-right: 6px; padding-bottom: 50px;  }
.optionsWrap #whiteCol_1 .contentWrap { padding: 20px 15px;  }
.optionsWrap #whiteCol_2 { width: 228px;  }
.optionsWrap #whiteCol_2 .contentWrap { padding: 25px 15px;  }
#whiteCol_3  { width: 448px; float: left; overflow: hidden; }
#whiteCol_3 .contentWrap { padding: 10px 15px;  }
#verify.contentWrap .verifyInner { width: 701px; }
p.register { font-size: 11px; width: 95%; padding-left: 1.9%; color: #282828; }
.optionsWrap .contentWrap { background: #fff; padding: 15px 15px 0;}
.regstepone { width: 923px; margin: 0 auto; /*height: 314px; */}
.regstepone ul { margin: 50px 0 40px 50px; width: 850px; overflow: hidden; }
.regstepone ul li { font-size: 18px; line-height: 18px; float: left; display: inline; margin-bottom: 25px; }
.regstepone ul .types { color: #ae2519; font-weight: bold; width: 250px; text-align: right; padding-right: 22px; }
.regstepone ul .descrip { width: 550px; line-height: 21px;}
.regstepone img, .regstepone h1 { display: none; }
.regstepone .contentWrap { padding: 0 0 40px 0!important; margin-bottom: 10px !important; }
.customer { border-top: 1px solid #ececec; width: 842px; margin: 0 auto; padding-top: 20px; clear: both; }
/* View for when contest is added */
.contest.regstepone ul { margin: 30px 0 10px 50px; width: 500px; overflow: hidden; }
.contest.regstepone .contentWrap { padding: 0 0 20px 0!important; margin-bottom: 0px !important; }
.contest.regstepone ul li { font-size: 14px; line-height: 18px; float: left; display: inline; margin-bottom: 25px; }
.contest.regstepone ul .types { color: #ae2519; font-weight: bold; width: 225px; text-align: right; padding-right: 22px; }
.contest.regstepone ul .descrip { width: 250px; line-height: 18px;}
.contest img.package, .contest h1 { display: block; }
.contest .customer { border-top: 1px solid #ececec; width: 96%; margin: 0 0 0 15px; padding-top: 20px; clear: both; }
.customer label { margin-left: 14px; font-size: 18px; font-weight: bold; line-height: 27px; }
.customer .yesRed { margin: 0 10px 0 15px; }
.regFoot { padding: 0 22px; }
.regFoot p,
.regFoot a { font-size: 11px; }
.regFoot a { text-decoration: underline; }
.regFoot p { color: #7f7f7f; margin-bottom: 5px; }
.regstepone span.leftCorner { height:172px;left:-9px;position:absolute;top:-3px;width:17px;background:url(i/step1_top_left.gif) no-repeat 0 0; position: absolute;  }
.verifyCustomer .verifyInner h2 { font-size: 20px; margin: 0; line-height: 0.8; }
.verifyCustomer .verifyInner h2.fltlft { font-size: 26px; margin: 0 12px 0 0; padding-top: 6px; }
.verifyCustomer .verifyInner .headmargin { margin-bottom: 15px; }
.verifyCustomer .verifyInner .headmargin p { width: 435px; margin-left: 15px; float: left; }
.verifyCustomer .verifyInner p, .verifyCustomer .verifyInner li { font-size: 14px; }
.verifyCustomer .verifyInner ul, .verifyCustomer .verifyInner ol { margin: 0 0 10px 35px; list-style-position: outside; }
.verifyCustomer .verifyInner li { margin-bottom: 4px; }
/* .verifyCustomer .verifyInner ul { list-style: disc; } */
.verifyCustomer .verifyInner ol { list-style: decimal; }
.verifyCustomer .verifyInner a { text-decoration: underline; }
.verificationError { border: 1px solid #dc4848; padding: 25px; width: 823px; }
.verificationError span.errorHead { background-color: #fce2e2; margin: -25px 0 12px -25px; display: block; position: relative; padding: 10px 25px; width: 823px; font-size:18px; font-weight: bold; }
.verificationError ul.bullet { margin-left: 0; padding-left: 15px; }
#myAccount .verificationError, #myAccount .verificationError span.errorHead { width: 350px !important; }
.labelhead { font-size: 20px; font-weight: bold; color:#000; }
.optionHeader { width: 100%; padding: 13px 15px 7px 15px; margin: -15px 0 0 -15px; }
.option .optionHeader .wrapRadio { margin-top: 5px; }
.open .optionHeader { background: url('i/step2_verify_open.gif') repeat-x 0 0;  padding: 19px 15px 25px 15px; }
#middle .option { width: 385px; margin: 0 auto 10px auto; border: 1px solid #dedede; padding: 10px; }
#middle .option .optionHeader { width: 385px; background-color: transparent; padding: 10px 10px 5px 10px; margin: -10px 0 0 -10px; }
#middle .open .optionHeader { background-color: #e9e9e9; padding-bottom: 15px; }
#middle .textWrap .greyBG .contentWrap { padding-bottom: 0; }
#middle .open .option_inner { background-color: #f4f4f4; width: 385px; padding: 10px 10px 15px 10px; margin: -10px 0 0 -10px; display: block; }
#middle .labelhead { font-size: 12px; font-weight: bold; color:#000; line-height: 1.1; width: 363px; float: right; }
.verifyCustomer .verifyInner ul.howTooltip { display: block; float: right; margin: -4px 0 0 0; width: 360px; padding: 0; position: relative; list-style: none; }
.verifyCustomer .verifyInner ul.bigger { width: 505px; }
.verifyCustomer .verifyInner ul.padtop { margin: 10px 0 6px 10px; }
.verifyCustomer .verifyInner ul.howTooltip li { margin: 0; padding: 0; font-size: 12px; line-height: 0.8; }
ul.howTooltip { display: block; float: none;margin: 0 0 0 180px; width: auto; padding: 0; list-style: none; height: 14px; }
.joinLater ul.howTooltip { margin: 3px 0 0 15px; padding: 0; float: left !important; }
.joinLater ul.howTooltip li a { margin: 0; padding: 0; font-size: 10px; text-align: left; vertical-align: bottom; }
.joinLater ul.howTooltip li {  vertical-align: bottom; background: url('i/iconSprite.png') no-repeat  -232px -43px; padding-left: 12px;  }
.joinLater ul.howTooltip li span.questions { display: inline-block; }
.callOut .emailConfirmation { background-color: #efeeee; clear: both; display: block; margin: 20px 0; padding: 17px 25px; width: 815px; }
.callOut .emailConfirmation h3 { color: #343434; font-size: 20px; font-weight: normal; margin: 0 0 12px 0; }
.callOut .emailConfirmation p { color: #343434; font-size: 14px; margin: 0 0 12px 0; }
.callOut h1.sub { font-size: 20px; margin: 0 0 40px 0; display: block; float: none; width: 100%; line-height: 1.2; }
.callOut h2.sub { font-size: 18px; margin: 0 0 25px 0; display: block; float: none; width: 100%; line-height: 1.2; }
#joinRogers { margin-top: 18px; }
#joinRogers h1.head { font-size: 24px; margin-bottom: 7px; }
.optionsWrap #verify { width: 875px; margin-left: 30px; }
#join .callOut { margin-left: 37px; }
#myAccount .option .optionHeader .wrapRadio { margin-top: 0; }
.greyBG { background-color: #ebebeb; }
.accountsContainer { background-color: #ebebeb; padding: 10px 6px 1px 6px; margin: 0 0 10px 0; }
.accountsContainer table.accounts { background-color: #fff; border: 6px solid #FFF; border-left: 12px solid #FFF; border-right: 12px solid #FFF; width: 100%; }
.accountsContainer table.accounts thead tr th { color: #666; padding: 0; font-size: 10px; font-weight: normal; text-align: left; }
.accountsContainer table.accounts td { font-size: 18px; }
.accountsContainer table.accounts tbody tr.border td { border-top: 1px solid #d8d8d8; padding-top: 12px; }
.accountsContainer table.accounts tbody tr.first td { border-top: none; padding-top: 4px; }
.accountsContainer table.accounts tbody tr td.small { font-size: 12px; margin: 0; padding: 0; }
.accountsContainer table.accounts tbody tr td.accountNum { color: #c8031d; }
.accountsContainer table.accounts tbody tr td div.error { border: 1px solid #dc4848; margin: 8px 0 10px 0; padding: 0; text-align: left; }
.accountsContainer table.accounts tbody tr td div.error input.send { margin-left: 10px; }
.accountsContainer table.accounts tbody tr td div.error h3 { background-color: #fce2e2; color: #000; margin: 0 0 6px 0; padding: 6px 10px; font-size:14px; font-weight: bold; text-align: left; }
.accountsContainer table.accounts tbody tr td.small p { color: #000; line-height: 1.4; font-size:12px; padding: 0 10px; }
.accountsContainer table.accounts tbody tr td div.error .enterCode { margin:0 0 10px 5px; }
.accountsContainer table.accounts tbody tr td div.error .enterCode input { margin-left: 5px; }
.accountsContainer table.accounts tbody tr td div.error .image { padding: 10px; }
/* Start Options */
.option { background: #fff; padding: 15px 15px 0 15px; margin-bottom: 5px;  width: auto !important; position: relative;}
.option.open { background: #fff; margin-bottom: 15px; padding: 15px; }
.option.open div.formEle { display: block; }
.option label { margin: 0 0 5px 0; font-weight: bold; color:#343434; font-size: 12px; width: auto; padding:0; display: inline; line-height: 21px;  }
.option .wrapRadio, .wrapRadio { height: 20px; float: left; margin: 0 10px 0 0; width: 12px; display: inline-block;  }
.option input.radio { background: none; margin: 0; padding: 0; display: inline; width: auto; }
.option_inner { width: 90%; margin-left: 25px; padding: 0; }
.option div.formEle { display: none; }
.option div.formEle label { width: 145px; margin-right: 5px; }
.option div.formEle input { margin-right: 5px; }
.option div.formEle label, .postalCode label { font-weight: normal; padding: 3px 0 0 0; }
.option div.formEle input.text, .postalCode input.text { margin: 0 5px 10px 5px; }
.option div.formEle input.postal,.option div.formEle input.postal.invalid { width: 93px; }
.option div.formEle input.Numberfield,.option div.formEle input.Numberfield.invalid { width: 156px; }
.option div.formEle input.Numberfield, input.Numberfield { width: 150px; }
.option div.formEle input.btn { margin: 10px 0 3px 0; float: none; }
#myAccount div.formEle input.text { margin-left: 0px; }
#myAccount div.formEle label { margin-bottom: 5px; margin-right: 5px; }
.option span.bottom { background:url(i/step2_verify_bottom.gif) no-repeat 0 0; position:absolute; left: 0; bottom: -5px; width: 874px; height: 8px;}
/* Join Step 1 */
#join.step1 h1 { width: auto; margin: 20px 0 0 27px; }
#join.step1 .package { margin: 0px 25px 10px 0; }
#join .open #option1, #join .open #option2, #join .open #option3 { padding: 5px 0; }
p.later { font-size: 11px !important; color: #505050; float: left; padding-left: 10px; line-height: 24px;}
p.later a { color: #000; text-decoration: underline;margin-left: 5px; }
#join #option1 label, #join #option2 label, #join #option3 label { padding: 1px 0 0 0; line-height: 16px; width: 260px;}
#join #option1 .questionLinks, #join #option3 .questionLinks { margin: 0 0 0 14px; padding: 0; }
#join #option1 p.info { margin-right: 14px; }
#option1 input.text, #option2 input.text, #option3 input.text { width: 205px; margin-right: 15px; }
#option1 .group, #option2 .group, #option3 .group { margin-bottom: 25px; overflow: hidden; padding-top: 5px;}
#option1 input.btn, #option2 input.btn, #option3 input.btn { margin: 0 0 10px 0; float: left; }
#join .open #option1 p.info, #join .open #option2 p.info, #join .open #option3 p.info { margin-bottom: 0; line-height: 16px; }
#join #option1 p.note,
#join #option2 p.note,
#join #option3 p.note,
#myAccount #option1 p.note,
#myAccount #option2 p.note,
#myAccount #option3 p.note { margin-right: 15px; }
#option2 p.noMessage { margin: 10px 0; }
#join #option2 .info { width: auto; }
/* Join Step 3 */
#join #option3 .info { width: 480px; margin-right: 25px; }
.option .validation-error { margin-bottom: 0; }
#myProfile .validation-error { margin-bottom: 5px; }
.option .form-row { margin-bottom: 10px; overflow: hidden; padding-bottom: 3px;}
.joinLater .questionLinks { margin: 4px 0 0 20px; }
.joinLater .questionLinks li { line-height: 10px; }
/* Start Error Mesasges */
.option .validation-error { width: 450px; }
fieldset#myProfile .validation-error { margin-left: 225px; width: 242px; display: inline; }
fieldset#myProfile #terms .validation-error { margin-left: 0; }
/* Start Fieldset Options */
#join fieldset { clear: left; padding: 0; border: none;}
#join fieldset .option ul, #myAccount fieldset .option ul { padding-top: 5px; }
fieldset#myProfile #terms, fieldset#myProfile .radioWrap { margin-left: 225px; }
fieldset#myProfile #terms label { width: 450px !important; text-align: left; margin-bottom: 10px; }
#join fieldset .option input.cableAcct, #myAccount fieldset .option input.cableAcct { width: 158px; }
#myAccount fieldset .option input.submit { margin: 10px 0 5px 0; display: block;   }
/* ************************************************** */
/* End */
/* ************************************************** *
/* ************************************************** */
/* Check Your Phone - Wireless Option Step*/
/* ************************************************** */
#join fieldset#SMS, #register fieldset#SMS { margin: 15px 0 33px 0; }
#join fieldset#SMS input, #register fieldset#SMS input { margin: 0 5px 0 0; }
/* ************************************************** */
/* End */
/* ************************************************** *
/* ************************************************** */
/* Join Rogers On Demand Online (2nd step)*/
/* ************************************************** */
#register.contentWrap, #verify.contentWrap { width: auto; margin: 0 auto; padding: 10px 10px 40px 10px; background: #fff; }
#register.contentWrap span.required { margin: 3px 0 0 20px; font-weight: bold; }
#register fieldset { margin: 20px 0 0 0; padding: 0; border: none; position: relative; display: block; }
#register fieldset .register_inner { padding:0; float: left; }
#register fieldset h2 { width: 65%; }
#register fieldset label { width: 210px; text-align: right; margin-right: 15px; }
#register fieldset label.check { width: auto; margin-right:10px; }
#register fieldset input.text { margin-bottom: 10px; width: 254px; margin-right: 15px;  }
#register fieldset input.createAccount { margin: 5px 10px 10px 225px; }
#register fieldset .noteWrap { width: 300px; float: left; }
#register fieldset p.note, #register fieldset p.noteCheckAvail { font-style: normal; line-height: 14px; font-size: 11px; }
#register fieldset p.note2, #myAccount fieldset p.note2 { font-style: normal; line-height: 14px;  }
#register fieldset p.note2 { margin-left: 185px; }
#myAccount fieldset p.note2 { margin-left: 150px; margin-bottom: 0px; }
#register fieldset p.noteCheckAvail { width: 150px; float: left; }
#register fieldset select { width: 263px; }
#register fieldset a.btn { margin-top: 5px; }
#myAccount fieldset .option .inner { width: 325px !important; float: left; padding: 0 !important; margin:0; clear:none }
#register ul.arrowLinks.view { padding: 0; margin-top: 10px; }
#register .divide, #join .divide { padding: 5px 0 0 0 !important; }
#register ul.arrowLinks { padding-left: 10px; }
#register .radioWrap p { margin-top: 15px; }
#middle .accountsContainer ul.arrowLinks { margin-top: 3px; padding-top: 0; } /* specificity to remove margin top in table */
/* Email */
#email { float: left; }
/* Postal Code */
.PostalCode  { padding-left: 15px; }
.PostalCode input,  #register fieldset .PostalCode .validation-error input, #register fieldset #userName input.checkAvailable { margin-left: 0; }
.PostalCode .validation-error { max-width:103px; }
/* Date of Birth */
#register #DateofBirth { overflow: hidden }
#register fieldset #DateofBirth label.error { display: none; }
#register fieldset p.note2.day { padding-left: 12px; }
#register fieldset p.note.month { margin-left: 32px; }
#register fieldset p.note.year { margin-left: 25px; margin-right:100px }
#DateofBirth .validation-error input { margin-bottom: 10px; }
#DateofBirth .validation-error input.year { margin-right: 0; }
#join #DateofBirth ul.questionLinks { margin-top: 5px; }
/* Alias/Display Name */
#register fieldset #Username .validation-error, #myAccount fieldset #Username .validation-error { max-width: 233px; }
#register fieldset #Username .validation-error input, #myAccount fieldset #Username .validation-error input { margin-left: 0; width:225px; }
#register fieldset #aliasCheck { width: 38%; float: left; }
#register fieldset #aliasCheck p.congrats { margin-top: 10px; }
#register fieldset input.alias { width: 208px; margin-left: 17px;  }
/* User Name */
#register fieldset #userName p.note { width: 150px; }
p.congrats, p.alias { display: none; font-weight: bold; width: 220px; font-size: 11px;  }
p.congrats span, p.alias span { color: #dc2b2e; font-size: 11px; }
p.congrats.valid, p.alias.valid { display: block }
p.congrats span.avail { color: #197b30; }
/* Password Protection */
.password-meter {width: 235px;}
.password-meter span { color:#343434; font-weight: normal; display: block; font-size:11px; }
.password-meter-message {text-align: right;font-weight: bold;color: #676767; font-size:11px;}
.password-meter-bg, .password-meter-bar {height: 8px;}
.password-meter-bg {top: 8px;background: #e0e0e0;}
.password-meter-message-very-weak {color: #aa0033;}
.password-meter-message-weak {color: #f5ac00;}
.password-meter-message-good {color: #0d8836;}
.password-meter-message-strong {color: #008000;}
.password-meter-bg .password-meter-very-weak {background: #aa0033;width: 30px;}
.password-meter-bg .password-meter-weak {background: #f5ac00;width: 60px;}
.password-meter-bg .password-meter-good {background: #0d8836;width: 135px;}
.password-meter-bg .password-meter-strong {background: #008000;width: 180px;}
.password-meter-bg .password-meter-very-strong {background: #008000;width: 213px;}
.password-meter {width: 235px;}
/* Recaptcha */
#recaptcha { margin: 5px 0 0 0; }
#recaptcha input,#recaptcha label { margin-top: 15px; }
#recaptcha input.text { width: 125px !important; margin-right: 0 !important;}
#recaptcha_image { margin:0 0 20px 0; }
#recaptcha .captchaButtons { display: block; float: left; clear: right; width: 23px; height: 42px; margin: 6px 0 0 8px; }
#recaptcha a.refresh { background: url(i/icons/recaptchaRefresh.gif) no-repeat left top; height: 15px; display: block; width: 23px; }
#recaptcha a.audio { background: url(i/icons/captchaAudio.gif) no-repeat left top; height: 13px; display: block; width: 23px; }
#recaptcha a.text { background: url(i/icons/captchaText.gif) no-repeat left top; height: 13px; display: block; width: 23px; }
#recaptcha a.help { background: url(i/icons/captchaHelp.gif) no-repeat left top; height: 14px; display: block; width: 23px; }
#recaptcha a.refresh:hover { text-decoration: none; }
#recaptcha a.refresh span { font-size:10px;line-height:18px;padding-left:25px; }
.recaptcha_is_showing_audio #recaptcha_image { padding: 12px 0 0 15px; height: 45px !important; width: 285px !important;}
.recaptcha_is_showing_audio #recaptcha_image br { display: none; }
#recaptcha_image a.recaptcha_audio_cant_hear_link { font-size: 11px; display: block; }
/* Terms and Conditions */
#termsConditions { overflow:scroll; overflow-x: hidden; height:125px; width: 445px; border:1px solid #9D9D9D; padding: 5px; margin-right: 0 !important; float: left; }
#termsConditions h1 { font-size: 12px !important; margin: 0 0 5px 0 !important; padding: 0 !important; }
#termsConditions h2 { margin: 5px 0; }
#termsConditions p, #termsConditions ul li, #termsConditions h2, #termsConditions ol li { font-size: 11px !important; }
#termsConditions ul.bullet { padding-left: 20px;}
#termsConditions p, #termsConditions ol li { margin-bottom: 5px; }
fieldset#myProfile #terms .validation-error { max-width:440px; width:440px; }
#terms .validation-error input { margin-right: 5px; }
#terms p.invalid { clear: both; }
.fieldWrap { width: 505px; overflow: auto; }
/* Unique Validation Errors */
#register fieldset input.validation-error { margin-left: 0; width: 185px;}
#register .validation-wrapper input.radio { width: 13px; height:13px; margin:0 5px 10px 0;}
#register .validation-wrapper label { width:auto !important; text-align: left; font-size:11px; margin:0; }
#register fieldset .grp1 { margin-top: 10px; }
#register fieldset .grp2 { margin-top: 15px; }
/* Radio Button and Checkbox Styles */
#register fieldset .radioWrap.check { padding: 3px 0 0 0 }
#register fieldset .radioWrap.check label  { width: auto; margin-right: 15px; }
#register fieldset .radioWrap.step1 { margin: 0; padding: 10px 0; }
#register fieldset .radioWrap.step1 input.check { margin: 2px 10px 5px 0; }
#register fieldset .radioWrap.step1 label { width: 325px; text-align: left; }
#register fieldset .radioWrap.radioBoxes { padding: 3px 0 0 0; margin: 0 0 5px 0; /*width: 220px;*/}
#register fieldset #terms label.newsletter { text-align:left;width:450px !important }
#register fieldset .radioWrap.checkBoxes label.unsubscribe { width: 400px !important; text-align: left; }
/*#register fieldset .radioWrap.checkBoxes, fieldset .radioWrap.checkBoxes { margin: 0 0 0 225px; } */
#register fieldset .radioWrap.checkBoxes input, #register fieldset .radioWrap.checkBoxes label { width: auto; /*line-height: 21px;*/  }
/* Loading Progress */
.Loading { width: 100px; height: 100px; background: transparent url(i/ajax-loader.gif) no-repeat 0 0; position: fixed; left: 48%; top: 42%; z-index: 1000; display: none; }
/* Account Profile */
#profile { width: 22.3%; float: right; display: inline; }
#profile .contentWrap { padding: 0; background: none; }
#profile .profile_inner { padding: 10px; }
#join.contentWrap.verify { min-height: 442px; }
/* ************************************************** */
/* End)*/
/* ************************************************** */
/* ************************************************** */
/* Start Associated Pages */
/* ************************************************** */
#Associated { width: 725px; }
#Associated ul.questionLinks { margin-top: 10px; }
#Associated ul.floatList { padding-bottom: 15px; }
/* Associated Pending Email */
#Associated .contentWrap { background: #eee; float: left; padding: 0 10px 10px 10px; }
#Associated.pendingEmail .contentWrap .textWrap { width: 99.7%; margin: 10px 0 0 0; }
#Associated .infoBox { width: 65%; float: left; overflow: hidden; margin-right: 50px;  }
#Associated.pendingEmail ul { width: 25%; float: left; margin-top: 5px; }
#Associated p span { font-style: italic; }
#Associated h2.account, h2.account { margin: 10px 0 5px 0; }
#Associated h2 span, h2.account span { color: #dc2b2e; }
/* Associated Already Verified */
#Associate .sorry, #join .sorry { width: 446px; float: left; }
#Associate p { margin-bottom: 10px; font-size: 12px; }
#Associate ul.floatList { margin-bottom: 10px; }
#Associate fieldset#Login p { display: none; }
#Associate ul.questionLinks, #join ul.questionLinks { margin-top: 15px; }
#Associated.verified .optionsWrap { padding-bottom: 10px; }
#Associated.verified .textWrap { min-height: 400px; margin:0; }
/* Invalid Account Information */
#join.contentWrap.invalid { background-position: 0 -70px; }
#join.invalid div.callOut { margin: 15px 18px; float: left; }
/* ************************************************** */
/* End)*/
/* ************************************************** */
/* ************************************************** */
/* Forgot User/Password Pages */
/* ************************************************** */
#myAccount #personalInfo .inner, #myAccount #Password .inner { padding: 0 10px; float: none; }
/* Reset Password */
fieldset#Login .validation-error { width: 133px; }
#confirmation ul.floatList, #confirmation .radioWrap { display: none; }
/* Resend Email Module  */
#resendEmail { margin-top: 20px; }
#resendEmail input, #resendEmail p{ float: left; margin-right: 5px; }
#resendEmail p { padding-top: 4px; }
/* Validation Errors */
fieldset#forgotUser .validation-error, fieldset#forgotPass .validation-error { width: 213px; margin-left: 150px; }
/* New myProfile form styles */
fieldset#myProfile label { font-size: 14px; color: #343434; padding-top: 3px; }
fieldset#myProfile .checkBoxes label { font-size: 12px; padding-top: 0; }
/* ************************************************** */
/* End */
/* ************************************************** */
/* ************************************************** */
/* Form Styles */
/* ************************************************** */
fieldset {padding: 1em; border:1px solid #bfbfbf; margin: 0 0 10px 0; }
fieldset legend {padding: 0.2em 0.5em 0.2em 0; color:#000; font-weight: bold; font-size: 105%;}
fieldset label{float: left;width: 145px; display: inline; font-size: 75%;text-align: left; margin-right: 5px; padding: 2px 0 0 0;  }
optgroup { font-style:normal;font-weight:bold;}
fieldset select{width: 187px;margin-bottom: 10px;float: left; margin-right: 15px; font-size: 12px; }
fieldset select.reminder { width: 195px; }
fieldset textarea {width: 250px; height: 124px; text-align: left; font-family: Arial; margin-bottom: 0 5px 10px 0; float: left; height: 150px; }
fieldset textarea, fieldset input.text{ font-size: 12px;  border: 1px solid #9d9d9d; color: #000; }
fieldset input{width: 225px; margin-bottom: 14px;float: left; /* margin-right: 20px; */ background: #f3f3f3; padding: 3px; }
input.disabled { background: #c9c9c9 !important; }
fieldset input.zip {width: 100px;}
fieldset input.login { margin: 10px 0 0 105px; }
fieldset input.check { border: none; width: auto; margin-right: 5px; background: none; border:none; }
fieldset input.postal { width: 95px; margin-right: 7px;}
fieldset input.submit, fieldset input.continue, fieldset input.signIn { margin: 5px 10px 10px 150px; }
#account .continue{margin-top: 0px}
fieldset input.radio { background: none; width: auto; }
input.signIn { margin-bottom: 0 !important; }
fieldset#ThankYou input.submit { margin: 15px 10px 10px 195px; }
fieldset input.cancel { margin: 5px 0 0 0; }
fieldset input.validate { width: auto; }
/* DD/MM/YYYY Styles */
fieldset input.datE { font-size: 12px;  border: 1px solid #9d9d9d; margin-bottom: 0; }
fieldset input.day, fieldset input.month { width: 44px; margin-right: 15px; }
fieldset input.year { width: 78px; margin-right: 55px; }
.dob { float: left; margin: 5px 0 0 0; }
.dob .innerWrap { margin: 0 0 5px 150px; clear: both; float: left; }
.dob ul { width: 100px; float: left; margin-top: 3px; }
.dob p { float: left; }
.dob p.day { margin-left: 12px; }
.dob p.month { margin-left: 29px; }
.dob p.year { margin-left: 30px; }
.dob input { margin-bottom: 3px; margin-right: 5px; }
fieldset br{clear: left;} /* clear floats */
fieldset p { line-height: 14px; margin: 0; }
fieldset p.note { margin-bottom: 5px; }
fieldset p.note span { font-size: 11px !important; }
fieldset span.fieldNote { font-size: 10px; color: #343434; font-weight: normal; display: block; width: 90%; clear: both; margin-bottom: 10px;}
/* Radio Button Styles */
.radioWrap {  vertical-align: top; margin-left: 155px; padding-top:2px}
fieldset#contact .radioWrap { margin: 10px 0 10px 150px; }
.radioWrap label.special { width:185px !important; }
.radioWrap label { float: left; padding: 0; margin: 0; width: auto !important; font-size: 11px;  }
.radioWrap input { margin: 0 5px 10px 0; width: 13px; height: 13px;}
.radioWrap span.fieldNote { margin-left: 20px; margin-bottom: 3px; }
.radioWrap input.text { width: 185px; margin-right: 15px }
.radioWrap input.alias { width: 165px; }
/* Error Validation Styles */
input.error, input.invalid, input.error, select.invalid {  margin-bottom:1px !important; text-align: left; border: 1px solid #d11c15 !important; }
.errors, .rjsError { display: none; color:#000; font-weight: bold; font-size: 12px; line-height: 18px; width: auto; padding: 10px; margin: 0 0 15px 0; background: #f9dfe0;  }
.rjsError a { text-decoration: underline }
.rjsError a:hover, .rjsError a:focus { text-decoration: none; color: #444 }
label.error { color:#DC2B2E;display:inline;float:left; width: 350px !important; font-size: 11px; padding:3px 0 5px;text-align: left; margin:0 0 10px 0; }
label.valid { color: #2b993a;  font-weight: bold; width: auto !important; }
label.invalid { color:#000; font-weight: bold; font-size: 12px; line-height: 18px; width: 75%; padding: 5px 8px; margin: 0 0 15px 0; background: #f9dfe0; border: 1px solid #d11c15; display: block; }
fieldset.options label.error { width: auto; margin:0; float: none; padding:0; clear: left; }
#userName label.valid { display: none !important; }
input.error { margin-bottom: 0 !important; padding: 3px;}
.validation-wrapper{float:left; padding:3px 0 0 0; margin-bottom: 3px;}
.validation-error { background: #f9dfe0; font-size: 80%; /*max-width:262px; min-width: 262px;*/  padding:15px 10px; margin-bottom: 20px; font-weight: bold; color: #000; float: left; }
.validation-error input { margin-bottom: 10px; margin-right: 0; margin-left: 0 !important; border: 1px solid #d11c15 !important; }
.validation-error p { font-size:11px !important;margin:0 !important; color: #000 !important;  }
input.validation-error { background: #f3f3f3; padding: 3px; margin-right: 20px;  margin-bottom: 0; clear: none;  }
textarea.invalid  { border: 2px solid #dc2b2e;   }
/* Saved Styles */
.rjsError.success { background: #dceada; }
/* Login Page */
body.login { background: #fff; }
body.login .inner { padding: 10% 0 0 0; }
body.login fieldset { width: 50%; margin: 0 auto; }
/* Registration */
fieldset.options p { margin-bottom: 10px; }
fieldset.options input.submit { margin-left: 0; }
/* Sign Up */
fieldset.signUp {  border: none; padding: 0;}
fieldset.signUp label { font-weight: bold; font-size: 13px; color: #343434; width: 100%; margin-bottom: 5px; text-align: left; }
fieldset.signUp input.text { width: 300px; margin-bottom: 15px; }
fieldset.signUp input.signIn { margin:0; }
fieldset.signUp ul { clear: none; margin: 5px 0 0 20px; }
fieldset.signUp .radioWrap { margin: 0 0 5px 0; }
fieldset.signUp .radioWrap label { width: auto; line-height: 20px; }
/* Optional Marketing */
fieldset.ThankYou { margin-top:10px; width:97%; }
fieldset.ThankYou .radioWrap { margin:10px 0 10px 20px; }
fieldset.ThankYou label { margin-right: 40px; width: 390px; }
fieldset.ThankYou input.submit { margin-left: 20px; }
/*Start Inactive Fieldsets*/
.contentWrap.dim h2 { color: #656565; }
.contentWrap.dim p, .contentWrap.dim ul li { color: #d7d7d7 }
.contentWrap.dim input.select { background-position: -201px -362px; }
/*Start Image Replacement Buttons */
.buttonWrap { width: 100%; margin-top: 15px;    }
input[type="button"] { cursor: pointer; }
input.btn { background:url(i/buttonsSprite.png) no-repeat top left; cursor:pointer; border: none; text-indent: -9999em; }
input.searchRed { background-position: 0 0; width: 25px; height: 23px }
input.go { background-position: 0 -59px; width: 25px; height: 23px; }
input.submit { background-position: -87px -209px; width: 70px; height: 23px; }
input.signUp { background-position: -182px -287px; width: 72px; height: 25px; }
input.cancel { background-position: -161px -324px; width: 70px; height: 23px; }
input.login { background-position: 0 -324px; width: 65px; height: 25px; }
input.continue { background-position: -66px -324px; width: 90px; height: 25px; }
input.signIn { background-position: -238px -324px; width: 67px; height: 25px; margin-bottom: 5px; }
input.resend { background-position: 0px -361px; width: 118px; height: 25px; margin: 0 0 5px 10px; }
input.select { background-position: -123px -361px; width: 72px; height: 25px; margin-bottom: 5px; }
input.autoValidate, a.autoValidate { background-position: -448px -397px; width: 115px; height: 25px; display: block; }
input.createAccount{ background-position: -198px -578px; width: 132px; height: 25px; }
input.joinRogers { background-position: 0px -472px; width: 265px; height: 25px; margin-bottom: 10px; }
input.uploadImage { background-position: 0px -508px; width: 124px; height: 25px; }
input.save { background-position: 0px -544px; width: 55px; height: 25px; }
input.saveLarge { background-position: 0px -961px; width: 90px; height: 30px; }
input.checkAvailable { background-position: -195px -432px; width: 111px; height: 17px; margin: 3px 0 0 15px; }
input.subscribe { background-position: -280px -472px; width: 224px; height: 25px; }
input.watchNow { background-position: -140px -506px; width: 107px; height: 25px; }
input.getItNow { background-position: -262px -506px; width: 103px; height: 25px; }
input.refreshEntitle { background-position: 0 -578px; width: 190px; height: 25px; }
input.verify { background-position: -563px -396px; width: 68px; height: 25px; }
input.sendNow { background-position: -448px -432px; width: 95px; height: 25px; }
input.send { background-position: -76px -641px; width: 55px; height: 25px; margin-bottom: 5px; }
input.resendSMS { background-position: -184px -544px; width: 76px; height: 25px; margin: 0 0 35px 0; clear: both;}
input.postComment { background-position: -300px -754px; height: 23px; margin-right: 7px; width: 118px; text-align: left; text-indent: -999em; }
input.postCancel { background-position:-423px -754px;display:block;height:23px;width:66px; margin-right: 9px;}
input.socialShare { background-position: -91px -544px; width: 85px; height: 25px; }
input.socialCancel { background-position: -181px -960px; width: 88px; height: 35px; margin-left: 10px; }
input.managePlaylist { background-position: -190px -923px; width: 210px; height: 35px;  }
input.yesRed { background-position: -53px -888px; width: 57px; height: 30px;  }
input.noRed { background-position: -115px -888px; width: 57px; height: 30px;  }
input.generic { background: #a91815;  min-width: 100px; width: auto; text-align: center; padding: 3px; color: #fff; font-weight:bold; text-transform: uppercase; cursor: pointer; border: 1px solid #000; letter-spacing: 1px; }
.goBack, .goHome, .reportError, .retryError, .sendError {background:url(i/buttonsSprite.png) no-repeat top left; cursor:pointer; text-indent: -9999em; border: none; height: 24px; margin: 15px 5px 0 0; }
/* ************************************************** */
/* End*/
/* ************************************************** */
.favorite .util-favorite, .favorite .util-favorite .buttons { 	overflow: hidden; }
.favorite .util-favorite { position: relative; }
.favorite .util-favorite p { margin: 0; }
.favorite .util-favorite .buttons  {
float: right;
width: 295px;
margin-top: 22px;
}
.favorite .util-favorite .buttons a {
float: left;
display: inline;
}
.favorite .util-favorite .buttons a.removeExpiredVideos {
margin-left: 7px;
}
.favorite .toolbar .toolbarWrap { float: left; }
.favorite-wrap.group img{width: 150px; height: 84px}
#myAccount .favorite .contentWrap {
background: none;
width: 100%;
margin-top: 8px;
}
.favorite .favorite-wrap {
width: 693px;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid #e0e0e0;
overflow: hidden;
}
.favorite .favorite-wrap li, .favorite .price-info li {
display: inline;
float: left;
}
.favorite-wrap .price ul .first { margin: 0; padding: 0; border: none; }
.favorite .toolbar { border-bottom: 1px solid #e0e0e0; }
.favorite .favorite-wrap .video { width: 193px; }
.favorite .favorite-wrap .price { width: 90px;}
.price-info li {
border-left: 1px solid #c1c1c1;
margin-left: 5px;
padding-left: 5px;
}
.price-info .amount {
color: #2d2d2d;
font-size: 14px;
}
.price-info .entitlement { position: static; }
.favorite .favorite-wrap .info { width: 188px; padding-right: 15px;}
.favorite .favorite-wrap .info .video-wrap { height: auto; }
.favorite .info h2 { float: none; min-height: 16px; max-height: 300px; max-width: 183px;  }
.favorite .info h2.episode { font-weight: normal;  min-height: 18px; word-wrap: break-word;  }
.favorite .info p { line-height: 18px; }
.favorite .info .rated { margin-top: 3px; }
.favorite .expires { width: 152px; }
.favorite .expires h6  {
font-size: 11px;
font-weight: normal;
margin: 0;
}
.favorite .expires p span { font-size: 11px; }
.favorite .expires p span.last-chance {
color: #d52b1e;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.favorite .expires p span.expired{
color: #da002b;
}
.favorite .expires p  {
font-size: 14px;
color: #2d2d2d;
margin: 0;
}
.favorite .remove a { font-size: 11px; }
.favorite .remove a	span  {
color: #b20737;
font-weight: bold;
font-size: 10px;
margin-right: 5px;
}
.favorite p.noItems { padding: 0 30px 0 0; width: 550px; }
.favorite .pagination { border-top: none !important; }
.favorite .empty { width: 94%; }
.favorite .empty img { margin-left: 20px; }
.favoriteModule h1 {float: left}
.favoriteModule span.loading{background: transparent url(i/ajax-loader_small.gif) no-repeat center right; float: right; font-size: 75%; padding-right: 20px}
#myAccount .recommend .tabs .last .active span { background-image: url(i/tabs/last/tabs.gif); }
#myAccount .recommend .tabs .first a span { background-image: url(i/tabs/first/tabs.gif); }
#myAccount .recommend .contentWrap { margin-top: 27px; }
#manageList .toolbar  {
border: none;
padding-bottom: 0;
}
#manageList .toolbar input.saveLarge {
margin-right: 22px;
}
#manageList .content_inner {
margin-top:5px;
}
#myAccount .recommend .manageBox {
width: 633px;
padding: 13px 17px 18px 17px;
margin: 0 0 17px 20px;
border: 1px solid #DADADA;
position: relative;
}
#myAccount .recommend .manageBox.bottom {
margin-bottom: 10px;
}
.manageBox a.top {
background: url(i/iconSprite.png) no-repeat 0 -215px;
display: block;
width: 25px;
height: 12px;
position: absolute;
right: 17px;
top: 10px;
}
.manageBox h2 {
font-size: 16px;
font-weight: bold;
color: #000;
}
.manageBox .inputWrap {
width: 305px;
height: 24px;
border: 1px solid #c5c7c6;
margin-bottom: 14px;
}
.manageBox .hint {
width: 290px;
margin-left: 7px;
padding-top: 5px;
font-size: 11px;
color: #666666;
border: 1px solid #fff;
}
.manageBox .hint.loading {background-image: url(i/ajax-loader_small.gif); background-position: right center; background-repeat: no-repeat; cursor: progress}
.manageBox .selectWrap {
width: 635px;
overflow: hidden;
}
.manageBox .selectWrap div { width: 304px; }
.manageBox .selectWrap div.selected { margin-left: 25px; display: inline; }
.manageBox .selectWrap div h3 {
font-size: 12px;
font-weight: bold;
color: #343434;
margin-bottom: 5px;
}
.manageBox .selectList {
border: 1px solid #c5c7c6;
width: 302px;
height: 166px;
overflow: auto;
position: relative;
}
.manageBox .selectList li {
border-bottom: 1px solid #e6e6e6;
padding: 3px 0 3px 0;
}
.selectList li a {
font-size: 12px;
display: block;
overflow: hidden;
margin-left: 7px;
}
.selectList li a:hover  {
cursor: pointer;
text-decoration: none;
}
.selectList li a:hover span {
background-image: url(i/iconSprite.png);
float: right;
margin: 4px 7px 0 0;
}
.manageBox .select a:hover  { font-weight: bold; }
.manageBox .select span {
background-position: 0 -187px;
width: 13px;
height: 8px;
}
.manageBox .selected span {
background-position: 0 -203px;
width: 7px;
height: 6px;
}
.recommend .buttonWrap {
width: 710px;
}
#manageList .saveLarge { margin-top: 4px; }
#manageList .success {
float:right;
height:17px;
text-align:center;
width:230px;
margin-right: 12px;
}
h1.allmatches,
.matchOptions li,
#teamStats,
.matches .wrap a,
.profile h3,
.fifaWatchAgain a.replay  {
background: transparent url('i/fifa/fifaSprite.png') no-repeat 0 0;
}
.flagMed,
.matchOptions li,
ul.months li,
.matches li,
.fifa #selectTeam label,
.fifa #selectTeam select,
.fifa #selectTeam form,
.fifa .backToTeams,
.fifa .teamsWrap .teams,
.fifa .teamInfo,
.fifa .teamInfo img,
.match li,
.team a,
.groupSet li,
#fifaBuzz,
.fifa #tm .watchLive,
.fifa .matchInfo li,
.fifa .allTeams label,
.fifa .allTeams select,
#player-wrap.customPlayer #player,
#matchHighlights .matchUp div,
#matchHighlights .matchHead li,
.fifa .content #misc.pagination,
.customPlayer .playerMessage.Video  {
float: left;
}
h1.allmatches {
background-position:0 0;
height:23px;
left:0;
top:10px;
width:430px;
}
.fifa .allcaps { text-transform: uppercase; }
.overflow {
display: block;
position: relative;
height: 29px;
width: 64px;
cursor:default;
white-space: nowrap;
overflow: hidden;
}
.overflow .text {
position: absolute;
top:8px;
left:0px;
z-index:1
}
#matchHighlights .overflow .ellipsis {
position: absolute;
top:8px;
right:0px;
z-index: 2;
background-position: 0px -195px;
}
#matchHighlights #shootOut {
margin-right: 0;
width: 168px;
}
#matchHighlights #shootOut .score  {
width: auto;
margin-right: 3px;
line-height: 18px;
padding:0;
}
#matchHighlights #shootOut .shootOutScore{
color: #fff;
font-weight:bold;
font-size: 12px;
padding: 0 2px;
display: inline;
line-height: 14px;
}
#matchHighlights #shootOut .team { width: 47px; }
#matchHighlights #shootOut .ht img { margin-right: 3px; }
#matchHighlights #shootOut .at img { margin-left: 3px; }
#matchHighlights .alt .overflow .ellipsis {background-position: 0px -225px; }
.overflow.long .ellipsis {display: none; }
.fifa #three-col #middle h1 { margin-bottom: 10px; line-height: 21px; }
.fifa ul.arrowLinks li a  {
line-height: 14px;
text-transform: uppercase;
font-size: 11px;
}
.fifaSkin { background: #000 url('i/fifa/fifaBg.png') no-repeat 50% 0 !important; }
#channel-header.fifaChannel  {
height: 92px;
margin-top: 10px;
}
#channel-header.fifaChannel #inner { padding: 0; }
.matchOptions  {
float: right;
margin-top: 8px;
width: 285px;
}
.matchOptions li {
display: inline;
width: 95px;
height: 25px;
}
.matchOptions .cable { background-position: 0 -23px;  }
.matchOptions .internet { background-position: -94px -23px;  }
.matchOptions .mobile { background-position: -188px -23px;  }
.matchOptions li a  {
display: block;
cursor: pointer;
}
.matchOptions li a span { visibility: hidden; }
.matchOptions li a:hover { text-decoration: none; }
.fifa #two-col #right { width:567px; }
.fifa h1 span { text-transform: uppercase; }
.fifa h1 sup  {
vertical-align:text-top;
font-size:38%;
position: absolute;
top: 5px;
}
.fifaLive h1 sup  {
font-size:65%;
position: static;
}
.months  {
margin: 10px 0 10px 12px;
height: 18px;
}
ul.months li  {
line-height: 18px;
display: inline;
padding-bottom: 5px;
line-height: 16px;
}
.fifa .months li a  {
border-right: 1px solid #2d2d2d;
margin-right: 10px;
padding-right: 10px;
}
.fifa .months li.last a { border-right: none; }
.fifa .months li a  {
font-size: 18px !important;
color: #2d2d2d;
display: block;
text-decoration: none;
}
.fifa .months li a.current { font-weight: bold; }
.matchSchedule,
.matchHead { width: 100%; }
.matchSchedule td,
.matchHead th {
text-align: center;
width: 80px;
font-weight: bold;
color: #2d2d2d;
font-size: 11px;
}
.matchHead th  {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
padding: 5px 0;
text-transform: uppercase;
}
.matchSchedule { margin-top: 10px; }
.matchSchedule .space td { height: 10px; border: none; }
.matchSchedule td  {
border-right: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
vertical-align: top;
min-height: 130px;
padding-top: 10px;
}
.matchSchedule td.end  { border-right: none; }
.matchSchedule td.noGame { color: #adadad; height:130px; }
.week1 td,
.week2 td,
.week3 td,
.week4 td {
padding-top: 5px;
height: 125px;
}
.last-week td {
padding-top: 15px;
height: 115px;
border-bottom: none;
}
.matches { padding-top: 10px; }
.matches ul  {
overflow: hidden;
margin: 0 0 10px 11px;
}
.matches ul.noFlag  {
width: 50px;
margin: 10px 0 0 17px;
}
.matches ul.noFlag li { display: inline-block; }
.matches ul.noFlag li { width: auto; }
.matches ul.noFlag li.vs { width: 10px !important; }
.matches ul.finalScore { margin: 10px 0 10px 7px; }
.matches ul.finalScore li.vs {
font-size:11px;
font-weight: bold;
color: #aa1815;
width: 27px !important;
line-height: 14px;
}
.matches ul.finalScore li,
.matches ul.live li {
height: auto;
}
.matches .wrap {
width: 59px;
margin-left: 5px;
}
.matches ul.live .wrap,
.matches ul.upcoming .wrap { margin-left: 0; }
.matches .wrap,
.matches .wrap .group { overflow: hidden; }
.matches .wrap .group { margin: 2px 0; }
.matches .wrap p {
font-size: 9px;
color: #515151;
font-weight: bold;
margin-bottom: 0;
line-height: 12px;
}
.matches .wrap a {
display: block;
width: 59px;
height: 13px;
font-size: 9px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
line-height: 14px;
}
.matches .wrap a.watchReplay,
.matches .wrap a.watchLive {
color: #fff;
}
.matches .wrap a.watchReplay { background-position: 0 -87px;}
.matches .wrap a.watchLive { background-position: -62px -87px;}
.matches .wrap a.time {
background-position: -124px -87px;
color: #242424;
}
.matches li {
display: inline;
height: 29px;
font-size: 9px;
color: #515151;
font-weight: bold;
line-height: 16px;
width: 20px;
}
.matches img,
.matches a {
display: block;
}
.matches .vs  {
width: 17px;
text-align: center;
line-height: 12px;
}
.future-team {
font-weight: normal;
padding-left: 24px;
}
#todaysMatches .future-team { width: 34px; display: inline-block; }
#todaysMatches .future-team.at { padding-left: 12px; }
#tomorrowsMatches .future-team.at { padding-left: 2px; }
.fifa #gutter  {
width: 300px;
float: right;
margin-right: 27px;
}
.placeholder {
text-align: center;
font-weight: bold;
font-size: 12px;
color: #2d2d2d;
margin-bottom: 20px;
}
.fifaNews .contentWrap {
background: #fff;
padding: 0;
}
.fifaLive .newsWrap .content_empty { padding:0; }
.fifaLive .content_empty p {
padding: 0 0 15px 0;
font-size: 11px;
}
.fifaNews p a,
.fifaNews p .date,
#fifaBuzz #lt p {
color: #393939;
}
.fifaNews p a {
font-size: 13px;
font-weight: bold;
}
.fifaNews .date  {
font-size: 11px;
color: #393939;
}
.fifaNews p  { margin-bottom: 3px; }
.fifaNews ul.arrowLinks  {
float: right;
margin: 5px 10px 0 8px;
}
.fifaNews ul.arrowLinks li  { background: url('i/fifa/sidebar_arrow.gif') no-repeat 0 6px; }
.fifaNews #newsList { width: 100%; }
.fifaNews #newsList li,
.fifaNews #liveList li  {
border-bottom: 1px solid #dadada
}
.newsWrap  {
width: 225px;
padding: 7px 0 7px 13px;
}
.fifa .backToTeams { margin: 0px 0 5px 14px; }
.fifa #selectTeam { margin: 0px 15px 0 0; }
.fifa #selectTeam label,
.teamInfo h3  {
text-transform: uppercase;
}
.fifa #selectTeam label  {
font-size: 11px;
color: #2d2d2d;
margin: 5px 12px 0 0;
}
.fifa #selectTeam select { margin-top: 2px; }
.fifa .teamsWrap  {
/*padding-top: 20px; */
overflow: hidden;
}
.fifa .teamsWrap .teams  {
margin: 0 27px 30px 22px;
display: inline;
width: 140px;
height: 175px;
}
.fifa .teams li  {
overflow: hidden;
margin-bottom: 7px;
}
.fifa .teams h2 {
margin-bottom: 15px;
font-size: 18px;
font-weight: bold;
}
.fifa .teams a {
font-size: 13px;
font-weight: bold;
line-height: 24px;
}
.fifa .teams img { margin: 0 5px 0 0; }
.teamInfowrap {
background: #e1e1e1;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
height: 91px;
padding: 2px;
margin-bottom: 25px;
}
.fifa .teamInfo {
width: 325px;
height: 80px;
margin: 8px 0 0 9px;
overflow: hidden;
}
.fifa .teamInfo img {
margin-right: 10px;
}
.teamInfo p,
.teamInfo h2 {
margin:0;
}
.fifa .teamInfo h2 {
font-size: 24px;
line-height: 18px;
margin-bottom: 5px;
}
.teamInfo h3  {
font-size: 15px;
font-weight: bold;
color: #000;
line-height: 20px;
}
.teamInfo p  { font-size: 11px; }
.contentWrap.nextMatch  {
background: #fff;
border: 1px solid #dadada;
width:187px;
height: 73px;
float: right;
padding: 8px;
margin: 0;
}
.team { margin-bottom: 5px; }
.nextMatch h4,
.nextMatch a  {
color: #2d2d2d;
font-weight: bold;
}
.nextMatch h4  {
font-size: 12px;
letter-spacing: 0px;
margin: 0 0 7px 0;
line-height: 10px;
}
.nextMatch a  {
font-size: 13px;
margin: 0 0 0 5px;
line-height: 24px;
}
.nextMatch .team a  {
margin-left: 0;
font-size: 12px;
}
.nextMatch .floatList li  {
border-right:1px solid #2D2D2D;
line-height:12px;
margin: 0 5px 0 0;
padding-right: 5px;
}
.nextMatch p { margin: 2px 0; }
.nextMatch p,
.nextMatch .floatList li {
font-size: 11px;
}
.teamsContent .content_inner  {
width: 507px;
margin: 0 auto;
float: none;
padding:0;
}
#teamStats {
background-position: 0 -557px;
background-repeat: repeat-x;
border: 1px solid #dadada;
padding:0;
min-height: 100px;
margin-bottom: 25px;
margin-top: 0;
width: 100% !important;
}
#teamStats .nav { margin: 13px 0 5px 12px; }
#teamStats .nav a  {
color: #fff;
font-size: 11px;
line-height: 12px;
font-weight: normal;
}
#teamStats .nav li a.current  {
text-decoration: underline;
font-weight: bold;
}
#teamStats .nav li  {
border-right: 1px solid #fff;
line-height: 12px;
margin-right: 8px;
padding-right: 8px;
}
#teamStats table  {
width: 100%;
background: transparent;
}
#teamStats th {
background: #b2b2b2;
color: #2d2d2d;
font-weight: bold;
font-size: 13px;
padding: 5px 0;
text-align: left;
}
#standings th.group {
width: 171px;
padding-left: 10px;
}
#standings th.mp { width: 51px; }
#standings th.w { width: 53px; }
#standings th.d { width: 50px; }
#standings th.l { width: 43px; }
#standings th.gf,
.standings th.ga  {
width: 48px;
}
#standings th.pts { width: 34px; }
#teamStats td {
font-size: 12px;
color: #2d2d2d;
padding: 8px 0;
padding-bottom: 5px;
vertical-align: top;
}
#standings td { padding-left: 2px; }
#standings td.flag  {
width: 22px;
padding-left: 10px;
}
#standings td.name {
width: 138px;
font-weight: bold;
padding-left: 5px;
}
#standings td.name a  {
line-height: 12px;
color: #2d2d2d;
}
#teamStats tr.even td { background: #e0e0e0; }
#matches th.match {
width: 38px;
padding-left: 10px;
}
#matches td.match {
padding-right: 10px;
text-align: right;
}
#matches th.date,
#matches td.date {
padding-left:16px;
width:110px;
}
#matches th.venue,
#matches td.venue {
width: 180px;
padding-left: 19px;
}
#matches .resultWrap { overflow: hidden; }
#matches .resultsWrap img,
#matches .resultsWrap p {
float: left;
}
#matches .resultsWrap img { margin-top: 1px; }
#matches .resultsWrap p  {
margin: 0 5px 0 0;
font-size: 13px;
line-height: 10px;
display: inline;
}
#matches .results span,
#matches .resultsWrap p a { display: inline-block; }
#matches .resultsWrap p a  {
line-height: 12px;
width: auto !important;
font-weight: normal;
font-size: 12px;
}
#matches th.results {
width: 129px;
padding-left: 48px;
}
#matches .results span {
width: 33px;
text-align: center;
}
.fifa .profile h2 {
background: #e1e1e1;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
padding: 5px 0 5px 4%;
width: 96%;
}
.profile h3 {
background-position: 0 -65px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 4px;
color: #000;
padding-left: 12px;
}
.profileInner { width: 512px; margin: 0 auto; }
.profile p {
font-size: 12px;
margin-bottom: 10px;
}
.profile p,
.profile ul li {
padding-left: 12px;
}
.profile ul { margin-bottom: 10px; }
.fifa .profile ul li  {
line-height: 16px;
margin-bottom: 5px;
}
.fifa #three-col #side-nav,
.fifa #side-nav .placeholder img {
width: 207px;
}
.fifa #three-col #side-nav  {
margin-right: 34px;
display: inline;
}
.fifa #three-col #side-nav .placeholder { padding-top: 20px; clear: both; }
.fifa #three-col #side-nav .matches {
width: auto;
margin:0;
padding-top: 0;
}
.fifa #three-col #side-nav .matches .row { margin: 0 0 10px 0; }
.fifa #three-col #side-nav .row { margin: 20px 0; }
.fifa #three-col #side-nav h2 { margin: 0 0 22px 0; }
.fifa #three-col #side-nav .contentWrap,
.fifa #three-col #side-nav .content_inner {
padding: 0;
}
.fifa #three-col #side-nav .contentWrap {
background: #fff;
margin-top: 5px;
}
.fifa #three-col #side-nav .content_inner {
float: none;
margin-top: 0;
}
.fifa #three-col #side-nav h3 {
color: #2d2d2d;
margin-left: 10px;
}
.groupSet li.group,
p.bottom a,
#fifaBuzz h5 {
text-transform: uppercase;
font-weight: bold;
}
.fifa #side-nav .match { margin: 10px 0 10px 10px; }
.fifa #side-nav .match li.team { width: 52px; }
.fifa #side-nav .match .date,
.fifa #side-nav .match .score  {
line-height: 11px;
}
.fifa #side-nav .match li { height: 13px; }
.fifa #side-nav .match .score {
width: 22px;
margin-right: 5px;
}
.fifa #side-nav .match a  {
font-weight: normal;
line-height:12px;
width:25px;
display: inline;
float: left;
}
.fifa #side-nav .match .todays-match,
#matches .resultsWrap p { width: auto; position: relative; zoom: 1; }
.fifa #side-nav .match .todays-match:hover,
#matches .resultsWrap p a:hover { border-bottom: 1px solid #000; text-decoration: none; }
.fifa #side-nav .match .match-teams { width: 135px; }
.fifa #side-nav .todays-match .vs,
.fifa #side-nav .todays-match .team {
display: inline-block;
}
.fifa #side-nav .todays-match .vs {
width: 26px;
text-align: center;
display: inline-block;
padding-right: 2px;
}
.fifa #side-nav .match .todays-match { margin-right: 5px; }
.match li,
.team a,
.groupSet li  {
display: inline;
color: #2d2d2d;
}
.match li  {
overflow: hidden;
height:14px;
line-height:16px;
overflow:hidden;
font-size: 11px;
}
.match .team { margin-bottom: 0; width: 22px; }
.match .date { width: 60px; }
.match .score { width: 25px; }
.ht img { margin-right: 7px; }
.at img { margin-left: 3px; }
.match .score { text-align: center; }
.groupSet {
width: 100%;
border-bottom: 1px solid #dfdfdf;
}
.groupSet li  {
padding: 5px 5px 5px 0;
font-size: 11px;
}
.groupSet li .active { color: #000; }
.groupSet li.group {
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #dfdfdf;
margin-right: 8px;
}
#standingsMod { margin-bottom: 5px; }
.standingsModTable { margin: 10px 10px 3px 10px; }
.standingsModTable th,
.standingsModTable td {
font-size: 11px;
padding: 0 5px 7px 2px;
vertical-align: top;
text-align: left;
}
.standingsModTable th.first { width: 67px; }
.standingsModTable th.mp,
.standingsModTable th.w  {
width: 23px;
}
.standingsModTable tr { margin-bottom: 7px; }
.standingsModTable th.d { width: 20px; }
.standingsModTable .lastTeam,
.standingsModTable .lastTeam td  {
margin-bottom: 0;
padding-bottom: 0;
}
.standingsModTable th.l { width: 21px; }
.standingsModTable td.flag  {
width: 25px;
padding:0;
}
.standingsModTable td.teamName {
width: 38px;
text-align: left;
line-height: 12px;
}
.standingsModTable tr.last td { padding-bottom: 0 !important; }
.fifa #three-col #middle {
width: 479px;
margin:0;
padding: 0;
}
.fifa #middle .contentWrap { width: 99%; }
p.bottom  { padding: 5px 10px 20px 0; }
p.bottom a  {
background: url('i/iconSprite.png') no-repeat 100% -239px;
font-weight: bold;
color: #2d2d2d;
float: right;
padding-right: 10px;
font-size: 12px;
}
.fifa #three-col #gutter,
.fifa #three-col #gutter img,
#fifaBuzz {
width: 207px;
max-width: 207px;
}
#fifaBuzz { margin-bottom: 20px; }
#fifaBuzz,
#fifaBuzz .contentWrap  {
background: #fff;
padding: 0;
}
#fifaBuzz .contentWrap { margin-top: 27px; }
#fifaBuzz .content { width: 100%; }
#fifaBuzz .newsWrap { width:172px; overflow: hidden; }
#fifaBuzz #lt .user,
#fifaBuzz #lt .number {
font-size: 13px;
font-weight: bold;
}
#fifaBuzz #lt { padding-top: 5px; }
#fifaBuzz #lt p.user { color: #3a3a3a; }
#fifaBuzz #lt p.comment { color: #393939; }
#fifaBuzz h1 {
color:#000000;
font-size:16px;
font-weight:bold;
line-height:21px;
margin:0 0 12px 5px;
}
#fifaBuzz h5 {
padding: 10px 0 5px 15px;
color: #2d2d2d;
font-size: 11px;
border-bottom:1px solid #DADADA;
margin:0;
}
.fifa #tm .video-wrap .thumb,
.fifa #tm .video-wrap img,
.fifa #tm .video-wrap {
width:415px;
}
.fifa #tm .video-wrap img  {
height: 232px;
margin-bottom: 5px;
}
.fifa #tm .video-wrap {
height:355px;
padding:0;
margin-bottom: 15px;
}
.fifa #tm .video a.play {
background-position: 130px 75px;
height:220px;
width:405px;
}
.fifa #tm .watchLive,
.fifa .matchInfo li {
display: inline;
}
.fifa .matchInfo li { display; inline-block; }
.fifa #tm .watchLive li,
.fifa #tm .watchLive a {
color: #ba191c;
font-size: 16px;
font-weight: bold;
padding-bottom: 0;
}
.fifa #tm .watchLive li { line-height: 16px; }
.fifa #tm .live {
margin-right: 5px;
padding-right: 5px;
text-transform: uppercase;
}
.fifa #tm .video-wrap h2.video-title  {
max-width: 350px;
margin: 3px 0 2px 0;
}
.fifa .allTeams label  {
line-height: 21px;
margin-right: 10px;
}
.fifa .matchInfo  { margin-bottom: 2px; }
.fifa .matchInfo li {
padding: 0;
color: #3f3f3f;
font-size: 11px;
line-height: 16px;
}
.fifa .matchInfo li span { margin: 0 4px; }
.fifa .video p.comments  {
color: #2d2d2d;
font-weight: bold;
display: inline;
width: 100px;
margin: 3px 0 0 5px;
clear: none;
}
.fifa #od .content_inner,
.fifa #od.content {
width: 100%;
}
.fifa #od .content_inner { padding: 0 !important; }
.fifa #od .toolbar {
padding: 0;
border-bottom: none;
}
.fifa #od #sub.toolbarWrap { padding:0 0 15px 16px; }
.fifa #od .video-wrap .thumb,
.fifa #od .video-wrap img,
.fifa #od .video-wrap,
.fifa #od .video-wrap ul li .util,
.fifa #od .video .util {
width:197px;
}
.fifa .content_loading.sidebar {
height: 200px !important;
width: 180px !important;
}
.fifa .content_loading {
background: url(i/ajax-loader.gif) no-repeat 62% 65%;
height: 300px;
width: 400px;
cursor: progress;
}
.fifa #od .video-wrap img  { height: 111px; }
.fifa #od .video-wrap {
min-height:270px;
padding:0;
margin: 0 10px 10px 10px;
}
.fifa #od .video a.play {
background-position: 25px 15px;
height:100px;
width:187px;
}
.fifa #od .video-wrap h2.video-title  { max-width: 197px; }
.fifa #od .entitlement {
cursor:pointer;
height:16px;
position:absolute;
right:0;
top:1px;
width:12px;
}
#player-wrap.customPlayer {
margin: 10px 0 0 0;
width: 100%;
}
#player-wrap.customPlayer #player { width: 774px; }
.fifa #channelTeams { width: 100%; }
.fifa #channelTeams .contentWrap.nextMatch { width: 143px !important; }
.fifa #channelTeams .content_inner { width: 436px; }
.fifa #channelTeams .teamInfowrap,
.fifa #channelTeams .contentWrap.nextMatch { height: auto; }
.fifa #channelTeams .teamInfo { width: 280px; }
.fifa #channelTeams #matches th.date,
.fifa #channelTeams #matches td.date {
width: 85px;
}
.fifa #channelTeams #matches th.venue,
.fifa #channelTeams #matches td.venue {
width: 150px;
}
.fifa #channelTeams .resultsWrap p  {
height: 13px !important;
}
.fifa #channelTeams #teamStats td,
.fifa #channelTeams .resultsWrap a {
font-size: 11px;
}
.fifa #channelTeams .resultsWrap a { width: 20px; }
.fifa #channelTeams #matches th.results  {
padding-left: 37px;
width: 109px;
}
.fifa #channelTeams .results .team { width: 25px; margin-bottom: 0; }
.fifa #channelTeams .results .vs { width: 27px; line-height: 10px; }
.fifa #channelTeams .results img { margin-top: 1px; }
.fifa #channelTeams th.ga { width: 50px; }
.fifa #channelTeams .teamInfo h2 { font-size: 20px; }
.fifa #channelTeams .teamInfo h3 { font-size: 13px; }
.fifaPromo .promoAd { top: 10px; }
.fifa #channelTeams .teamsWrap { padding-left: 18px; }
.fifa #channelTeams .teamsWrap .teams {
margin:0 12px 30px 0;
width:140px;
}
.fifa #channelTeams .profileInner { width: 435px; }
.fifa #channelTeams .teams a { font-size: 12px; }
.fifa .noMatches { width: auto; height: 14px !important; }
#matchHighlights {
position: relative;
width:183px;
height: 438px;
float: right;
max-height: 435px;
margin: 0 0 20px 0;
}
#matchHighlights h2,
#matchHighlights .matchUpWrap,
#matchHighlights .matchHead,
#matchHighlights table td,
#matchHighlights span.eventType,
#matchHighlights .odPlay,
#matchHighlights .ellipsis,
#matchHighlights .matchFoot,
#matchHighlights .shadow,
.matchFoot a {
background: url('i/fifa/fifaSprite.png') no-repeat 0 0;
}
#matchHighlights .shadow  {
position: absolute;
background-position: 0 -255px;
bottom: 32px;
left: 0;
width: 183px;
height: 10px;
display: block;
}
#matchHighlights h2 {
background-position: 0 -109px;
text-indent: -999em;
width: 100%;
height: 35px;
display: block;
margin: 0;
}
#matchHighlights .matchUpWrap {
background-position: 0 -144px;
background-repeat:repeat-x;
height: 24px;
padding-top: 8px;
}
#matchHighlights .matchUp {
width: 172px;
margin: 0 0 0 10px;
height: 25px;
}
#matchHighlights .matchUp .team {
width: 52px;
margin-top: 1px;
}
#matchHighlights .matchUp .team a {
font-size: 11px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
line-height: 12px;
cursor: default;
}
#matchHighlights .matchUp .team a:hover{cursor: default; text-decoration: none}
#matchHighlights .matchUp .ht img,
#matchHighlights .matchUp .at img { margin-top: 1px; }
#matchHighlights .matchUp .ht img { margin-right: 5px; }
#matchHighlights .matchUp .at img { margin-left: 5px; }
#matchHighlights .matchUp .score {
width: 50px;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #ffcc1b;
line-height: 16px;
padding: 0 2px 0 4px;
}
#matchHighlights .matchUp .score span  {
color: #fff;
padding: 0 6px;
}
#matchHighlights .matchHead {
height: 19px;
background-position: 0 -176px;
background-repeat:repeat-x;
overflow: hidden;
}
#matchHighlights .matchHead li {
display: inline;
color: #fff;
font-weight: bold;
text-transform: uppercase;
line-height: 18px;
}
#matchHighlights .icon  {
font-size: 18px;
width:15px;
padding-left: 9px;
}
#matchHighlights .time,
#matchHighlights .plyr,
#matchHighlights .country {
font-size: 11px;
}
#matchHighlights .matchHead .time  { text-align: left;}
#matchHighlights .time {
width: 33px;
text-align: right;
}
#matchHighlights td.time {
padding:0 7px 0 0;
cursor: default;
text-align:center;
width:25px;
}
#matchHighlights .plyr   {
width: 64px;
max-width: 64px;
white-space: nowrap;
}
#matchHighlights td.flag { width: 27px; }
#matchHighlights .highlightWrap  {
height: 317px;
background: #2a2a2a url('i/highlights-bg.gif') repeat-x 0 0;
}
#matchHighlights .highlightWrap p {
font-size: 12px;
font-weight:bold;
color: #fff;
width: 165px;
margin: 0 auto;
padding-top: 100px;
text-align: center;
}
#matchHighlights table  {
width: 100%;
table-layout: fixed;
}
#matchHighlights table tr  {
height: 30px;
max-height: 30px;
min-height: 30px;
}
#matchHighlights table td {
background-position: 0 -195px;
background-repeat: repeat-x;
font-size: 11px;
color: #fff;
vertical-align: middle;
overflow: hidden;
}
#matchHighlights table .alt td { background-position: 0 -225px;	}
.highlightWrap .eventType {
width: 18px;
height: 20px;
display: block;
cursor: pointer;
}
#matchHighlights .ht { width: 25px; }
#matchHighlights .rc span.eventType,
#matchHighlights .yc span.eventType {
margin: 3px 0 0 7px;
}
#matchHighlights .penaltyKick span.eventType { margin: 3px 0 0 5px; }
#matchHighlights .goal span.eventType,
#matchHighlights .subOut span.eventType,
#matchHighlights .subIn span.eventType,
#matchHighlights .shootout span.eventType,
#matchHighlights .penaltyKicks span.eventType {
margin: 0 0 0 2px;
}
#matchHighlights .yc span.eventType { background-position: 0 -463px; }
#matchHighlights .rc span.eventType { background-position: 0 -510px; }
#matchHighlights .goal span.eventType { background-position: 0 -482px; }
#matchHighlights .shootout span.eventType { background-position: 1px -46px; }
#matchHighlights .subOut span.eventType { background-position: 4px -438px; }
#matchHighlights .subIn span.eventType { background-position: 4px -415px; }
#matchHighlights .penaltyKick span.eventType { background-position: 0 -372px; }
#matchHighlights .injury span.eventType {
background-position: 0 -397px;
margin: 8px 0 0 6px;
}
#matchHighlights .misc span.eventType { background-position: 5px -348px; }
#matchHighlights .odPlay {
background-position: 0 -537px;
width: 11px;
height: 11px;
display: block;
cursor: pointer;
margin-left: 3px;
}
#matchHighlights tr.empty td { width: 100%; }
#matchHighlights .matchFoot  {
height: 22px;
background-position: 0 -264px;
background-repeat: repeat-x;
padding-top: 10px;
}
.matchFoot a {
height: 15px;
display: block;
margin: 0 auto;
text-indent: -999em;
}
.matchFoot a.off  {
background-position: 0 -302px;
width: 130px;
}
.matchFoot a.on  {
background-position: -210px -302px;
width: 128px;
}
/* Adjustments for FIFA live */
.fifa .fifaLive #gutter { margin-right: 0; }
#fifaTitle h4 { color: #fff; }
#fifaTitle h4 span { color: #E4A31E; }
.fifa #videoTeams .content_inner {
margin-top: 0px;
padding-left: 0;
width: 100%;
}
.fifa #videoTeams .toolbar  {
padding-top: 0;
border-bottom:1px solid #d9d9d9;
padding-bottom: 8px;
}
.fifa #videoTeams .toolbar .toolbarWrap { padding: 0 0 0 16px; }
.fifa #videoTeams .info  {
width: 435px;
padding: 15px 0 0 20px;
clear: both;
}
.fifa .content #misc.pagination  {
margin-right:0;
padding:10px 0;
width:98%;
}
.fifa #od #misc.pagination  {
margin-left: 20px;
margin-right: 20px;
width: 91.5%;
}
.fifa #comments fieldset textarea { width: 400px; }
.fifa #comments .comment-signed-out,
.fifa #comments {
width: 430px;
}
.fifaLive .languageFilter { margin-left: 12px; }
.fifaLive .content_loading.sidebar {
height: 200px;
width: 180px;
background-position: 63% 46%;
}
.fifaLive .content_loading {
background: url(i/ajax-loader.gif) no-repeat 62% 65%;
height: 300px;
width: 400px;
cursor: progress;
}
#three-col.fifaLive {
margin:0;
padding: 0;
}
#three-col.fifaLive #gutter,
#three-col.fifaLive #middle,
#three-col.fifaLive #side-nav {
margin-top: 10px;
}
.customPlayer .playerMessage.Video {
background: #000;
width: 773px;
min-height: 283px;
border-left: 1px solid #242424;
border-bottom: 1px solid #242424;
border-top: 1px solid #242424;
}
.customPlayer .playerMessage,
.customPlayer .broadcastMessage {
width: 774px;
}
.customPlayer .broadcastMessage {
background: #000;
position: relative;
}
.customPlayer .broadcastMessage img {
width: 711px;
height: 401px;
margin: 18px 0 0 28px;
}
.customPlayer .broadcast  {
position: absolute;
bottom: 49px;
left: 0;
display: block;
background: url('i/broadcast-bg.png') repeat-x 0 0;
height: 105px;
width: 100%;
text-align: center;
}
.broadcast p {
color: #fff;
width: 365px;
margin: 0 auto;
font-size: 15px;
line-height: 21px;
font-weight: bold;
}
.broadcast h2,
.fifaWatchAgain h2 {
text-transform:uppercase;
color: #fcb501;
font-size: 24px;
}
.broadcast h2  { margin: 10px 0 5px 0; }
.broadcast h2 span,
.fifaWatchAgain h2 span {
text-transform:lowercase;
}
#fifaVideoLanding { padding-top: 13px; }
.fifaLive .toolbar {
padding: 0;
border-bottom: 1px solid #fff;
}
.sub-content2 ul { margin-bottom: 10px; }
.customPlayer #videoOverlay {
width: 774px;
height: 408px;
margin-top: 10px;
padding-left: 0;
}
#videoOverlay .fifaWatchAgain  {
width: 455px;
margin: 150px auto 0 auto;
}
#videoOverlay .fifaWatchAgain p  {
font-size: 15px;
font-weight: bold;
color: #fff;
text-align: center;
}
#videoOverlay .fifaWatchAgain a.replay {
background-position: 0 -319px;
width: 137px;
height: 25px;
display: block;
text-indent: -999em;
margin: 0 auto;
}
.fifaWatchAgain h2  {
text-align: center;
margin: 0 0 15px 0;
}
.fifaLive .content_empty,
.fifaLive .content_error {
padding: 0 0 0 15px;
clear: both;
}
.fifaLive .content_empty p,
.fifaLive .content_error p {
font-weight: bold;
padding-top: 15px;
font-size: 11px;
color: #393939;
}
.customPlayer .column {
position: static;
margin: 20px 0 0 50px;
}
.customPlayer .column .watchAgain { margin-bottom: 150px; }
.customPlayer .feedback { display: none; }
#player-outer-wrap.fifa .promoAd { top: 10px; }
.crossPromo  {
position: absolute;
right: 0;
top: 278px;
width: 300px;
height: 77px;
}
#videoTeams #teamStats { width: 436px !important; margin: 0 auto 25px auto; }
#videoTeams #teamsUtil { display: none; }
#videoTeams #teamStats .nav { margin:13px 0 12px 12px; }
#videoTeams .teamInfowrap { border-top: none; }
.fifa #videoTeams img { margin-right: 5px; }
.fifa #videoTeams .teamInfo img { margin-right: 10px; }
.fifa #videoTeams #standings { overflow: hidden; }
.fifa #videoTeams #outer_sta { width: 100% !important; }
/* ************************************************** */
/* Modify Colorbox for FIFA - REMOVE after FIFA */
/* ************************************************** */
#colorbox.fifa #cboxTopCenter,
#colorbox.fifa #cboxTopLeft,
#colorbox.fifa #cboxTopRight,
#colorbox.fifa #cboxBottomLeft,
#colorbox.fifa #cboxBottomRight,
#colorbox.fifa #cboxBottomCenter,
#colorbox.fifa #cboxClose  {
background-image: url(i/fifa/cb/fifa-cb-sprite.png);
}
#colorbox.fifa #cboxTitle {
top:0px;
left:12px;
}
#colorbox.fifa #cboxClose {
right: 15px;
top: 0px;
text-indent: -9999px;
background-position: -48px 1px;
width: 15px;
height: 15px;
}
#colorbox.fifa #cboxTopLeft,
#colorbox.fifa #cboxTopRight,
#colorbox.fifa #cboxBottomLeft,
#colorbox.fifa #cboxBottomRight {
width: 20px;
height: 17px;
}
#colorbox.fifa #cboxTopLeft { background-position:0 0; }
#colorbox.fifa #cboxTopRight { background-position:-21px 0;  }
#colorbox.fifa #cboxBottomLeft { background-position:0 -18px; }
#colorbox.fifa #cboxBottomRight { background-position:-21px -18px; }
#colorbox.fifa #cboxTopCenter,
#colorbox.fifa #cboxBottomCenter,
#colorbox.fifa #cboxTopLeft,
#colorbox.fifa #cboxTopRight,
#colorbox.fifa #cboxBottomLeft,
#colorbox.fifa #cboxBottomRight,
#colorbox.fifa #cboxMiddleLeft,
#colorbox.fifa #cboxMiddleRight {
position: static;
}
#colorbox.fifa #cboxTopCenter {
background-position:0 -43px;
height: 17px;
width: 620px !important;
}
#colorbox.fifa #cboxBottomCenter {
background-position:0 -59px;
height: 17px;
width: 620px !important;
}
#colorbox.fifa #cboxContent {
background: #fff;
width:641px !important;
}
#colorbox.fifa #cboxLoadedContent,
#colorbox.fifa #cboxContent,
#colorbox.fifa iframe body  {
margin: 0;
padding: 0;
}
#colorbox.fifa #cboxLoadedContent {
width: 655px !important;
padding-top: 20px;
}
#colorbox.fifa #cboxMiddleLeft,
#colorbox.fifa #cboxMiddleRight {
float: left !important;
height: inherit;
background-image: url('i/fifa/cb/fifa-cbSides-sprite.png');
background-repeat: repeat-y; width: 10px;
}
#colorbox.fifa #cboxMiddleLeft { background-position: 0 0; }
#colorbox.fifa #cboxMiddleRight { background-position: 100% 0; }
.holder {
float: left;
margin: 10px;
}
.scroll-pane {
width: 200px;
height: 3470px;
overflow: scroll;
background: #ccc;
float: left;
}
.scroll-pane:focous { border: 1px solid #fff; }
.jScrollPaneContainer
{
background: #2a2a2a url('i/highlights-bg.gif') repeat-x 0 0;
position: relative;
overflow: hidden;
z-index: 1;
}
a.jScrollArrowUp,
a.jScrollArrowDown,
.jScrollPaneTrack,
.jScrollPaneDrag {
background-image: url('i/fifa/customScrollSprite.gif');
background-repeat: no-repeat;
}
.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background-position: 100% 0;
background-repeat: repeat-y;
}
.jScrollPaneDrag {
position: absolute;
cursor: pointer;
overflow: hidden;
background-position: -19px 0;
height: 70px !important;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
background-position: 0 0;
height: 13px;
}
a.jScrollArrowUp:hover { background-position: 0 -28px; }
a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
background-position: 0 -14px;
height: 13px;
}
a.jScrollArrowDown:hover { background-position: 0 -42px; }
/* DOCUMENT INFORMATION
- Document: Rogers On Demand Online
- Client:   Rogers
- Author:   Brandon Wolvin
*/
/* COLORS
- default body text  #000
- subtitle h2 text   #000
- link text          #000
- default p text     #000
*/
/* FONTS
- default body text  Arial, Helvetica Neue, Helvetica, sans-serif
*/
@media print
{
body, html { font-size: 13pt; }
* {overflow: visible !important; font-size: 13pt;}
#headerWrap, #header, #two-col #side-nav, .leaderboardWrap, #footer-wrap, #footer, ul.tabs, ul.arrowLinks, a.print { display: none !important; }
*,.content, .content div.inner, .contentWrap div.inner, #two-col, #two-col #right, #bdy, #main, .fltlft, .news ul.furtherInfo { float:inherit !important; clear: both !important; position: inherit !important;}
.content, .content div.inner, .contentWrap div.inner { width: 70%; }
.inner.press, .inner.news, #two-col #right, #two-col { padding:0; margin:0; }
.contentWrap { border: none; }
}
body, html  { font: 100% Arial; color: #000; height: 100%; background: #000 url(i/headerBg.png) no-repeat 50% 0; min-height: 100%; position: relative; }
h1, h1.answers, h2 { color: #000; font-weight: bold; }
h1.page-title, h1.join { margin:0; }
h1 {font-size: 22px; margin: 0 0 15px 0;  }
h1.page-title a {background:url(i/RogersonDemandLogoNew.png) no-repeat 0 0;position: absolute; left: -5px; top: 9px; text-indent: -999em; width: 207px; height: 85px; }
h1.answers {font-size: 18px; padding: 15px 0 5px 0;  }
h1 a { color: #000; }
h1.join { padding:10px 0 15px 0; }
h1.join.sorry { margin:15px 0 0 0; padding:0 5px 5px 60px; }
h2 {font-size: 15px;  margin: 0 0 10px 0;}
h2.validated { color: #dc2b2e; }
h2.profile { margin-left: 10px; }
h2.subHead { font-size: 18px; }
h3 {font-size: 13px; color: #343434; font-weight: bold; }
h3.channel { color: #9a9a9a; margin: 20px 0 10px 0; }
h4 {font-size: 14px; color: #e4a31e; font-weight: bold; text-transform: uppercase; }
h5 {font-size: 12px; font-weight: normal; margin-bottom: 15px; line-height: 16px; }
h5.account { padding-left: 20px;  color: #dc2b2e; }
h5.account span { color: #000; font-weight: normal; }
h6 {font-size: 14px; font-weight: bold; margin-bottom: 15px; line-height: 16px; }
p { font-size: 12px; margin-bottom: 10px; line-height: 16px; color: #000;  }
p.note, p.note2 { font-size: 10px !important; width: auto !important; padding: 3px 0 0 0; display: inline; }
p.bold { font-weight: bold; }
p.saved { font-weight: bold; padding-top: 10px; color: #197b30; font-size: 14px; background: #dceada; }
p.info {  margin:0 0 20px 0; }
p.copyright { position: absolute; right: 0; display: block; top: -15px; font-size: 10px; }
/* ************************************************** */
/* Start Global Styles (Misc) */
/* ************************************************** */
.clrbth { clear: both; }
.fltlft { float: left; }
.fltrght { float: right !important; }
.image { display: block; margin: 0 0 5px 7px; }
.nofloat { float: none !important; }
.nomarginpad { margin: 0; padding: 0}
.noMargin { margin: 0 !important;}
.noMarginTop { margin-top: 0;}
.noMarginBottom { margin-bottom: 0 !important;}
.nopadding { padding: 0 !important; }
.nopaddingrght { padding-right: 0 !important; }
.nopaddingbttm { padding-bottom: 0 !important; }
.padding10 { padding: 10px; }
.marginTop { margin-top: 15px; }
.margintop-5 { margin-top: 10px; } /* Specific pixel adjustment */
.marginBottom { margin-bottom: 10px; }
.txtlft { text-align: left; }
.txtrght { text-align: right; }
.txtcntr { text-align: center; }
.last { border-bottom: none !important; border-right: none !important; margin-right: 0 !important; padding-right: 0 !important; }
.nobg { background: none !important; }
.bgFull { background: #eeeeee; }
.hidden { visibility:hidden; }
.show { display: block; }
.hide { display: none; }
.error { background: white; text-align: center; padding: 5px; }
.noEmail { line-height: 22px; }
/* IMG Styles */
img {}
img.show { float: right; }
img.avatar { width: 98px; height: 98px; border: 1px solid #000; display: block; margin: 10px 0; }
img.avatarThumb { width: 15px; height: 13px; margin-left: 5px;  }
/* Border Styles */
.noborder { border: none !important; }
/* Span Styles */
span.number, span.fail { float:left; }
span.divider { background:url(i/rounded/dot.gif) repeat-x 100% 0; display: block; width: 100%; height: 1px;}
span.required, sup.required, a.required {color: #dc2b2e; font-size: 12px; vertical-align: top; font-weight: normal;  }
span.lastChance { background:url(i/icons/lastChance.gif) no-repeat 0 0; width: 73px; height: 13px; }
span.season { font-weight: normal; }
span.ratingCa { color: #acacac; font-weight: normal; text-decoration: underline; }
span.date { text-transform: uppercase; font-size: 11px !important; color: #adadad;  }
span.fail { background:url(i/icons/fail.gif) no-repeat 0 0; width: 81px; height: 26px; }
span.pass { background:url(i/icons/pass.gif) no-repeat 0 0; width: 89px; height: 20px; }
span.username { font-weight: bold; font-size: 13px; color: #000; }
span.green { color: #2b993a }
span.number { color:#2D2D2D; display:block; font-size:115%; font-weight:bold; text-align:right; width:28px; }
/* List Styles (UL) */
ul li { font-size:13px; text-align: left; }
ul.list { width: 31%; padding-right: 2%; }
ul.list li { font-size: 85%; padding: 3px 0; margin: 0; }
ul.floatList li { display: inline; float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #9d9d9d; line-height: 12px; }
ul.floatList li a { font-size: 11px; float: left; }
ul li.disabled { color: #bab9b9 !important; cursor: default;}
ul.bullet {padding-left: 40px; }
ul.bullet li { list-style-type: disc; margin-bottom:10px; color:#000; }
ul.questions li { margin-bottom: 10px; }
ul.arrowLinks { margin: 0 0 5px 0; padding: 0; width: auto;}
ul.arrowLinks li { margin: 0 0 10px 0; padding: 0; background: url('i/icons/arrow.gif') no-repeat 0 7px;  }
ul.arrowLinks li a { font-size: 12px; font-weight: bold; text-transform: capitalize; color: #2d2d2d; margin: 0 0 10px 0; padding-left: 12px; }
ul.arrowLinks li a:hover { color: #bd120d; text-decoration: none; }
ul.questionLinks { list-style-image:url("i/icons/questionLink.png"); list-style-position:outside; margin: 0 0 0 15px; padding: 0 0 0 2px; width: auto;}
ul.questionLinks li { margin: 0 0 5px 0;   }
ul.questionLinks li a { font-size: 11px; color: #343434; margin: 0 0 10px 0; vertical-align: top; line-height: 14px; }
ul.questionLinks li a:hover { text-decoration: underline; }
ul li.icon { display: block; min-height: 16px; padding: 0; margin-bottom: 20px; }
ul li.icon span.film { background:url(i/iconSprite.png) no-repeat  -148px 0; display: block; float: left; height: 20px; width: 18px; margin-right: 12px; }
ul li.icon span.email { background:url(i/iconSprite.png) no-repeat  -167px 0; display: block; float: left; height: 16px; width: 18px; margin-right: 12px;  }
ul li.icon span.rate { background:url(i/iconSprite.png) no-repeat  -245px 0; display: block; float: left; height: 16px; width: 18px; margin-right: 12px;  }
ul li.icon span.favorite { background:url(i/iconSprite.png) no-repeat  -210px 0; display: block; float: left; height: 16px; width: 18px; margin-right: 12px;  }
ul li.icon span.share { background:url(i/iconSprite.png) no-repeat  -263px 0; display: block; float: left; height: 16px; width: 18px; margin-right: 12px;  }
.video ul li .favorite.loading { background: url(i/ajax-loader_small.gif) no-repeat center; cursor: progress}
/* List Styles (OL) */
ol.pager-root { float: right; }
ol.pager-root li { display: inline; margin-right: 4px; font-size: 13px; }
ol.numbered { list-style-type: decimal; list-style-position: outside; margin-left: 40px; }
ol.numbered li { font-weight: bold; margin-bottom: 5px; font-size: 12px; }
ol.numbered li span { font-weight: normal !important; }
ol.roman { list-style-type: lower-roman; list-style-position: outside; margin-left: 40px; }
ol.roman li { font-size: 12px; margin-bottom: 10px; }
/* ************************************************** */
/* End*/
/* ************************************************** */
/* ************************************************** */
/* Start Global Link Styles */
/* ************************************************** */
a { color: #000; text-decoration: none; cursor:pointer; }
a:hover { color: #000; text-decoration: underline; }
a.active { color: #e4a31e; font-weight: bold; }
a:focus {outline: none;}
a.genericLink, a.genericLink:hover { text-decoration: underline; }
a.button { padding: 10px; text-align: center; color: #fff; font: 90% Arial;  background: #000; margin: 5px 0; line-height: 32px;  }
a.btn { background:url(i/buttonsSprite.png) no-repeat top left; cursor:pointer; text-indent: -9999em; z-index: 25;} /* Image Replacement */
a.btn span, a.all span { visibility: hidden; }
a.cc, a.hd { width: 16px; height: 13px; }
a.cc { background-position:  0 -26px; }
a.cc:hover { background-position:  -18px -26px; }
a.ccAlt { width: 24px; height: 20px; background-position:  0 -87px; }
a.hd { background-position: 0 -42px; }
a.hd:hover { background-position: -18px -42px; }
a.hdAlt { width: 24px; height: 20px; background-position:  -58px -87px; }
a.assetInfo {  }
a.infoAlt { width: 24px; height: 20px; background-position:  -29px -87px; }
a.assetInfoImg, a.titleInfo { width: 15px; height: 15px; background-position:  0 -114px; }
a.assetInfoImg { margin-top: 1px; }
a.channels { }
a.contact{ background-position: -204px -130px; line-height: 34px; width: 200px; display: block; }
a.optimize{ background-position: -205px -210px; line-height: 34px; width: 225px;}
a.optimizeMyComp { background-position: -404px -171px; line-height: 34px; width: 200px;}
a.premium{ background-position: -197px -245px; line-height: 30px; width: 185px;}
a.run { background-position: 0 -243px; width: 141px; height: 29px; }
a.print { background:url(i/icons/printIcon.gif) no-repeat 0 0; padding-left: 20px;}
a.tryAgain { background-position: -366px -961px; width: 110px; height: 35px; display: block; }
a.all { background:url(i/headersSprite.png) no-repeat 0 -52px; display: block; line-height: 16px; text-indent: -999em; }
a.all:hover { text-decoration: none; }
a.all.tvShows { background-position: 0 -62px; width: 100px; }
a.all.tvShows:hover { background-position: 0 -80px; }
a.all.Movies { background-position: -104px -62px; width: 80px; }
a.all.Movies:hover { background-position: -104px -80px;  }
a.all.Clips { background-position: -190px -62px; width: 75px; }
a.all.Clips:hover { background-position: -190px -80px;  }
a.all.more { background-position: -267px -62px; width: 125px; }
a.all.more:hover { background-position: -267px -79px;  }
a.all.tvresults { background-position: -401px -62px; width: 145px; }
a.all.tvresults:hover { background-position: -401px -79px;  }
a.all.movieresults { background-position: -554px -62px; width: 130px; }
a.all.movieresults:hover { background-position: -554px -79px;  }
a.all.clipresults { background-position: -685px -62px; width: 125px; }
a.all.clipresults:hover { background-position: -685px -79px;  }
a.all.channels { background-position: -815px -61px; width: 185px;  }
a.all.channels:hover { background-position: -815px -79px;  }
a.all.basic { background-position: 0 -202px; width: 168px;  }
a.all.basic:hover { background-position: -180px -202px;  }
a.all.faq { background-position: 0 -223px; width: 70px;  }
a.all.faq:hover { background-position: -180px -223px;  }
a.all.top { background-position: 0 -232px; width: 40px;  }
a.all.top:hover { background-position: -180px -232px;  }
a.add { text-transform: uppercase; color: #444444; width: 10px; height: 11px; position: absolute; left: 154px; top: 64px; }
a.add:hover { color: #d01c15; text-decoration: none; }
a.back { color: #414141; font-size: 10px; padding-right: 20px; text-transform: uppercase; }
a.joinRogers { background-position: 0px -472px; width: 265px; height: 25px; margin-bottom: 10px; }
a.joinforFree, input.joinforFree  { background-position: -381px -572px; width: 184px; height: 35px; margin-bottom: 10px;  }
a.joinforFreeS, input.joinforFreeS  { background-position: -381px -572px; width: 184px; height: 35px; margin-bottom: 10px;  }
a.join_Free, input.join_Free { background-position: -381px -613px; display:block;height:30px;margin-bottom:10px; *margin-bottom: 0; width:200px; }
a.close { background: url(i/icons/redX.png) no-repeat 0 0; width: 8px; height: 7px; text-indent: -9999em; }
a.cancel { background-position: -161px -324px; width: 70px; height: 23px; }
a.checkAvailable { background-position: -195px -432px; width: 112px; height: 17px; margin: 5px 0 0 5px; display: block; }
a.checkAvailable:hover { text-decoration: none; }
a.getRogersTV { background-position:-280px -471px;display:block;float:left;height:27px;width:225px; }
a.joinToday { background-position:-65px -544px; display:block; float:left; height:27px; width:110px; }
a.optimizeMyComp { background-position:-408px -173px; display:block; float:left; height:27px; width:190px; }
a.subscribe { background-position: -280px -472px; width: 224px; height: 25px; }
a.startOver { background-position: -500px -508px; width: 124px; height: 25px; display: block; margin-left: 10px;  }
a.getItNow { background-position: -262px -506px; width: 103px; height: 25px; display: block; }
a.canWestPlay { background-position: -262px -287px; width: 250px; height: 25px; display: block; margin-top:15px; }
a.clearFavorites { background-position: 0px -861px; width: 116px; height: 25px; display: block;  }
a.removeExpiredVideos { background-position: -124px -861px; width: 172px; height: 25px; display: block; }
a.okLarge { background-position: 0 -889px; width: 49px; height: 29px; display: block; }
a.cancelLarge { background-position: 0 -923px; width: 87px; height: 29px; display: block; }
a.yesLarge { background-position: -90px -922px; width: 47px; height: 30px; display: block; float: left; }
a.noLarge { background-position:-142px -922px;display:block;height:30px;width:43px; float: left; margin-left: 10px;  }
a.generic { color: #dc2b2e; }
.iconList .features { background:url(i/featureiconSprite.png) no-repeat 0 0; display: block; height: 100px; width: 165px; }
.iconList .watch { background-position: 0 0; }
.iconList .rate { background-position: 0 -99px; }
.iconList .share { background-position: 0 -198px; }
/* ************************************************** */
/* End*/
/* ************************************************** */
/* ************************************************** */
/* Start Global Width Styles */
/* ************************************************** */
.auto { width: auto; }
.spanAll { width: 100% !important; }
.span3 { width: 30%; }
.span3_7 { width: 37%; }
.span4 { width: 40%; }
.span4_2 { width: 42%;  }
.span4five { width: 45%; }
.span4_8 { width: 48.8%;  }
.span5 { width: 50% !important; }
.span5_5 { width: 55%; }
.span5_8 { width: 58%; }
.span6 { width: 60%; }
.span6five { width: 65%; }
.span7 { width: 70%; }
.span7_5 { width: 75%; }
.span8 { width: 80%; }
.span9 { width: 90% !important; }
.span9_5 { width: 95%; }
.span9_7 { width: 97%; }
.span9_9 { width: 99%; }
/* ************************************************** */
/* End*/
/* ************************************************** */
/* ************************************************** */
/* User Comment Styles */
/* ************************************************** */
#comments { width: 695px; }
#comments fieldset { border: none; border-bottom: 1px solid #d0d0d0; margin: 0 0 20px 0; padding: 0 0 20px 0; }
#comments fieldset textarea { border: 1px solid #d0d0d0; display: block; float: none; margin: 0 0 12px 0; width: 515px; }
#comments fieldset p { padding-top: 4px; }
#comments h3 { font-size: 20px; }
#comments .user { background-color: #cfcfcf; display: inline-block; margin: 3px 0 12px 0; padding: 4px 12px; width: auto; }
#comments .user p { font-size: 10px; margin: 0; padding: 0; }
#comments .user a { color: #000; text-decoration: underline; }
#comments .comment { display: block; padding: 3px 0; margin: 0 0 20px 0; }
#comments .comment p { color: #343434; margin: 0 0 4px 0; }
#comments .comment p.reply { font-size: 10px; margin: 0; color: #b9b9b9; line-height: 16px;  }
#comments .comment p.reply a { padding: 0 3px; text-decoration: underline; font-size: 11px; }
#comments .comment p.username { color: #000; font-size: 13px; font-weight: bold; }
#comments .comment span.commentTime { color: #666; font-weight: normal; }
#comments .comment span.replied { color: #000; }
#comments .comment.flagged strong {display: inline; margin-bottom: 20px; color: #343434; font-size: 13px;}
#comments .comment.flagged p { display: none; margin-top: 10px; }
#comments .comment.flagged { font-size: 85%;  border-bottom: 1px solid #BFBFBF; padding: 0px 0 20px 0;}
#comments .comment.flagged strong a {font-size: 75%; margin-left: 10px;}
#comments .comment .commentBody { white-space: pre-wrap; overflow: auto; }
#comments .error {color: #f00}
#comments textarea.posting {background: #d9d9d9; color: #666; border: 1px solid #999; }
#comments input.posting {cursor: default}
#comments .comment .deletedCommentBody,
#comments .comment.deleted p.reply,
#comments .comment.deleted.flagged p.reply,
#comments .comment.deleted.flagged strong,
#comments .comment.deleted p.commentBody,
#comments .comment.flagged p.reply,
#comments .comment.flagged.show p.deletedCommentBody,
#comments .comment strong {display: none}
#comments .comment.deleted.flagged p,
#comments .comment.flagged.show p,
#comments .comment.deleted p.deletedCommentBody { display: block; }
#comments .comment.deleted p.deletedCommentBody {color: #999; }
#comments .comment-signed-out { width: 608px; margin: 8px 0 15px 0; padding-bottom: 7px; border-bottom: 1px solid #d0d0d0;}
#comments .comment-signed-out p, #comments #commentsList p { font-size: 13px; }
#comments .comment-signed-out p a { text-decoration: underline; }
#comments .replyBox {margin: 10px 0 0 35px; border: none; padding-bottom: 0px}
#comments .replyBox textarea {height: 115px; width: 430px}
/* ************************************************** */
/* End*/
/* ************************************************** */
/* ************************************************** */
/* Ratings Styles */
/* ************************************************** */
/* rating inputs */
.titlebar.sub .ratings {margin-top: 7px}
.titlebar .ratings {float: left;height:19px; margin: 0 10px 0 0; padding-left: 10px}
.titlebar .ratings ul.rated {background:url(i/ratingsSprite.png) no-repeat 0 -62px; height: 17px; width: 100px}
.titlebar.movies .ratings { margin-right: 0; }
.titlebar.aux .ratings { padding-left: 0 !important; }
#show .ratings { margin-right: 0; }
#MovieBar .ratings { margin-top: 10px; }
.titlebar .ratings ul.rated li.rating,
.star-rating, .star-rating a,
ul.rated,
ul.rated li.rating {background:url(i/ratingsSprite.png) no-repeat 0 0; }
.titlebar .ratings ul.rated li.rating {background-position: 0 -21px; height: 17px; width: 100px; overflow: auto}
.titlebar .ratings ul.rated li.rating.user {background-position: 0 -42px; height: 17px; width: 0px}
.titlebar .ratings ul.rated li.rating.user.one { width: 17px}
.titlebar .ratings ul.rated li.rating.user.two { width: 40px}
.titlebar .ratings ul.rated li.rating.user.three { width: 60px}
.titlebar .ratings ul.rated li.rating.user.four { width: 80px}
.titlebar .ratings ul.rated li.rating.user.five { width: 100px}
.rateable { display: block; float: left; height:19px; margin: 8px 0 0 0; padding-left: 10px; }
.noMargTop { margin: 0 10px 0 0; }
.star-rating { float:left; width:18px; height:19px; margin: 0; padding: 0; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden; }
.star-rating a { display:block; width:18px; height:100%; background-position:0 -63px; border:0; padding: 0; margin: 0; }
.star-rating-on a { background-position:0 -42px!important; padding: 0; margin: 0; }
.star-rating-hover a {background-position:0 -42px; padding: 0; margin: 0; }
.star-rating-readonly a {cursor:default !important; padding: 0; margin: 0; }
.star-rating { background:transparent!important; overflow:hidden!important; }
/* list styles for rated items */
ul.rated,
ul.rated li.rating {
margin: 0; padding: 0; text-indent: -999em;
}
ul.rated { background-position: 0 -84px; display: inline-block; height: 16px; list-style: none;  width: 92px; }
ul.rated li.rating { background-position: 0 -102px; display: block; height: 16px; vertical-align: top; width: 0; }
ul.rated li.unrated { width: 0px; }
/* ************************************************** */
/* End*/
/* ************************************************** */
/* Use on elements that contain floated items
--------------------------------------------- */
.group:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html .group { /* ie 6 */
height:1%;
}
*:first-child+html .group { /* ie 7 */
min-height:1px;
}