/* ========= Annotations ==============

    Colors
    Page Background:        #fff 
    Blue links:             #007fbf
    Black Text:             #333333
    Grey Comments Boxes:    #5a5a5a

    Overlay link color:
    Orange: #df452e

	Light blue color:		#23afd7
	Dark blue color:		#007fbf
	
  ==================================== */

/* Tom Hacks */

#button-links-container,.columnA .section .parent a,#button-links-container,.columnA .section .parent {background:none !important;background-color:#ffffff !important;color:#333333 !important}
body {background-repeat:no-repeat;background-attachment:fixed}
#left-menu-root a {color:#007fbf !important;font-weight:bold }
body a.article_link {background:url("/static/images/backgrounds/action_arrow.gif") no-repeat scroll left center transparent;color:#007fbf}
a.article_link {
background:url("/static/images/backgrounds/action_arrow.gif") no-repeat scroll left center transparent !important;
color:#6D1C7C;
display:block;
font-size:0.95em;
font-weight:bold;
margin:7px 0;
padding:7px 0 8px 24px;
}


/* Overall Page Styling */
div.logoContainer {
	left: 5px;
}

html, body {
    padding-bottom: 0;
}
body {
/*    background: #000 url( /images/mb/E4/skins/styling-series4/bg-blue-dots.gif ) !important;*/
}

/* Page Styles */
body div#page {
    background: #fff;
    color: #333;
	padding-right: 0; padding-left: 0;
}

body div.hero,
body div.branding {
/*    background-color: #fff;*/
    background-repeat: no-repeat;
}

body div.landing {
	background-image: url(/images/mb/E4/skins/styling-series4/hero_foot.gif);
}

body div.columns div.columnC {
    border-left: none;
}

body div.regular p.label,
body div.wide p.label,
body ul.related li,
body h3,
body div.comments h3,
body div.comments h3 span,
body span.advert-text,
body div.query-module div.rating span {
    color: #333333;
}

body div#sponsor {
    height: 90px;
}
body.layoutC div#sponsor {
    margin-top: 220px;
}

/* Page Footer Styles*/
div#footer ul#grouplinks {
	background-color: #fff;
}
div#footer ul#grouplinks li a.fourdotcom {
	background-image: url(/images/mb/E4/skins/styling-series4/c4.gif);
	width: 21px;
}
div#footer ul#grouplinks li a.filmfour {
	background-image: url(/images/mb/E4/skins/styling-series4/film4.gif);
	width: 27px;
}
div#footer ul#grouplinks li a.more4 {
	background-image: url(/images/mb/E4/skins/styling-series4/more4.gif);
	width: 27px;
}
div#footer ul#grouplinks li a.fourod {
	background-image: url(/images/mb/E4/skins/styling-series4/4od.gif);
	width: 36px;
}

/*body div#footer {
    background: transparent url( /images/mb/E4/skins/styling-series4/footer_background.gif ) no-repeat scroll left bottom;
}*/

body a:link, body a:visited, div#footer ul#utilitylinks li {
    color: #007fbf;
}

/* Overlay Links */
/*body div.overlay a:link,
body div.overlay a:visited,
body div.overlay a:hover {
    color : #E482F5;
}*/

/* Articles and Blogs*/
body a.article_link {
    background: url( /images/mb/E4/skins/styling-series4/action_arrow.gif ) center left no-repeat;
 	color: #007fbf;
}

body form.comment-create input.comment-submit {
    background: url( /images/mb/E4/skins/styling-series4/action_postcomment.gif ) center left no-repeat;
 	color: #007fbf;
}

body dd.author span,
body dd.date {
    color: #333;
}

body ul.blog-post-incremental {
    border-bottom:3px solid #ccc;
}

body a.perma-link, body ul.blog-post-incremental li.blog-post-next {
    background:transparent url( /images/mb/E4/skins/styling-series4/next.gif ) no-repeat scroll left center;
}
body div.review-link-section {
    background-image: url( /images/mb/E4/skins/styling-series4/next.gif );
}


body div.blog-post-content {
    border-bottom:1px solid #ccc;
}

body div.post-links {
    border-bottom:1px solid #ccc;
}

body ul.blog-post-incremental li.blog-post-previous {
    background:transparent url( /images/mb/E4/skins/styling-series4/previous.gif ) no-repeat scroll left center;
}

body ul.blog-post-incremental li.blog-post-next {
    background-position: right center;
}

body ul.blog-post-incremental li a {
    color: #007fbf !important;
}


/* Promos */
body div.regular div.promo_content p.label span.accessibility {
    color: #333;
}


/* Old Left Navigation */
body ul.nav li.root, ul.nav li.root-selected {
    background: url( http://www.e4.com/images/mb/E4/skins/styling/columnANav/nav-first-bg.jpg ) left top no-repeat;
    padding-top: 20px;
}

body div#page ul.nav li {
    background-color: transparent;
    border-top: none;
}

body div#page ul.nav li.selected {
    background-color: transparent !important;
}

body div#page ul.nav li.last {
    background: url( http://www.e4.com/images/mb/E4/skins/styling/columnANav/nav-last-bg.gif ) left bottom no-repeat;
    height: 50px;
}

body div#page ul.nav li a {
    color: #000000;
}

body div#page ul.nav li.root-selected span.subnav-title a:link,
body div#page ul.nav li.root-selected span.subnav-title a:visited,
body div#page ul.nav li.root-selected span.subnav-title a:hover,
body div#page ul.nav li.selected a:link,
body div#page ul.nav li.selected a:visited,
body div#page ul.nav li.selected a:hover {
    color: #333;
}

body div.columnA div.section ul,
body div.columnA div.section ul.nav {
    padding-bottom: 0px;
    border-bottom: medium none;
    background-color:transparent;
}

body div.columnA div.section ul.nav ul {
    padding-bottom: 0px;
    margin-bottom: 0px;
    background-color: transparent;
}

body ul.parent a:link,
    body ul.parent a:visited,
    body ul.parent a:hover {
    color: #000000;
}

body ul.link li, body ul.related li ul li, body a.seeAllLink, div#see-all {
    background: transparent url( /images/mb/E4/skins/styling-series4/next.gif ) no-repeat scroll left center;
}

/* New Left Navigation */
div#button-links-container {
    background: url( /images/mb/E4/skins/styling-series4/sidebar-nav-top.gif ) left top no-repeat;
    padding-top: 10px;
}

div#button-links-container li a {
	font-size: 1.1em;
}

div .navBorder {
    border-bottom: none;
}

div ul.parent li.left-root {
    background: none;
}
div .parent li {
    background-color: transparent;
}

body div.columnA div.section ul.parent {
    border-bottom: none;
    background: url( /images/mb/E4/skins/styling-series4/sidebar-nav-bottom.gif ) left bottom no-repeat;
    padding: 10px 0 10px 10px;
	width: auto;
}
body span.arrow {
	margin-right:10px;
}

body ul.link h2.module-heading {
    border-bottom: 1px solid #ccc;
}

body div.restOfRelatedLinkElements {
    border-top: 1px solid #ccc;
}

body ul.related li ul {
    border-top: 1px solid #ccc;
}

body .collapsedArrowWhite, body .collapsedArrowPurple, .arrowCollapsedSelected {
    background : transparent url(/images/mb/E4/skins/styling-series4/arrow_collapsed.png) right center no-repeat;
}
body .expandedArrowWhite, body .expandedArrowPurple, .arrowExpandedSelected {
    background : transparent url(/images/mb/E4/skins/styling-series4/arrow_expanded.png) right center no-repeat;
}
.arrowCollapsedNotSelected {
    background: url( /images/mb/E4/skins/styling-series4/arrow_grey_close.gif ) no-repeat;
}

body li.selected, body div.selected, body .selected a {
    background-color: transparent;
	color: #fff !important;
}

/*body div.columnA ul.parent li.root-selected {
	background: url(/images/mb/E4/skins/styling-series4/sidebar-nav-a-selected.gif) no-repeat;
	padding: 5px 0 8px 4px;
}
body div.columnA ul.parent li#left-parents div.selected a {
    color: #fff !important;
}
*/

body div.columnA ul.parent li.left-subnav-title {
	padding-left: 8px;
}


/* Left Nav - other listings */
div.includes h3 {
	border-bottom: 1px solid #ccc;
	color:#333333;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:5px;
}
ul.ontv {
	width: 190px;
	background: url(/static/images/microsites/global/ontv_top.gif) left top no-repeat;
	color: #333;
}
ul.ontv,ul.ontv ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
ul.ontv li {
	padding: 10px 10px 10px 45px;
	font-weight: bold;
	position: relative;
	border-bottom: 1px solid #ccc;
	width: 135px;
}
ul.ontv li ul li {
	padding: 0;
	position: static;
	border-bottom: none;
}
ul.ontv li span.micrositeListingChannel {
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	top: 10px;
	left: 10px;
}
ul.ontv li.first span.micrositeListingChannel {
	top: 0;
}
ul.ontv li span.displayChannel {
	display: block;
	font-weight: bold;
}
ul.ontv li span span {
	position: absolute;
	left: -2600px;
}

ul.ontv li.first {
	padding-top: 0;
}
ul.ontv li.last {
	background: url(/static/images/microsites/global/ontv_bottom.gif) left bottom no-repeat;
	border-bottom: none;
}
ul.ontv, ul.solus {
	padding-top: 10px;
	background: url(/static/images/microsites/global/ontv_top.gif) left top no-repeat;
}
ul.ontv li ul li {
	min-height: 2em;
	font-weight: normal;
}

body ul.ontv, body ul.solus {
    background-color: transparent;
    background-image: none;
    color: #000;
}
body ul.ontv li {
    border-bottom: none;
}
body ul.ontv li.e4 span.micrositeListingChannel, body ul.ontv li.E4 span.micrositeListingChannel {
    background: url( /images/mb/E4/skins/styling-series4/ontv_e4.gif );
}
body ul.ontv li.channel4 span.micrositeListingChannel, body ul.ontv li.C4 span.micrositeListingChannel {
    background: url( /images/mb/E4/skins/styling-series4/ontv_channel4.gif );
}
body ul.ontv li.more4 span.micrositeListingChannel, body ul.ontv li.M4 span.micrositeListingChannel {
    background: url( /images/mb/E4/skins/styling-series4/ontv_more4.gif );
}
body ul.ontv li.last {
    background: url(/images/mb/E4/skins/styling-series4/ontv_bottom.gif) no-repeat scroll left bottom;
    border-bottom: none;
}
body div.columnA div.section div.includes ul.ontv {
    background:transparent url(/images/mb/E4/skins/styling-series4/ontv_top.gif) no-repeat scroll left top;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

div.wide, div.regular, div.thumb {
    border-bottom: 1px solid #ccc;
}

body div.columnA div.section div.includes {
    border-bottom: 1px solid #ccc;
}


/* Query Module */
body h2.module-heading {
    color: #000;
}
body div.columnA h2.module-heading {
	border-bottom: 1px solid #ccc;
}

body div#page div.query-module h2.module-heading {
    color: #333 !important;
    font-family: helvetica, arial, verdana, geneva, sans-serif;
}

body div.module-top {
    border-bottom:1px solid #ccc;
}

body div.query-module-large {
    border-bottom: 3px solid #ccc;
}

body div.query-module-small h2 {
    color: #000;
}

body div.query-module-large-horizontal,
body div.query-module-small-horizontal {
    border-bottom: 3px solid #333;
}



/* Challenge entry styles */
body ol.challenge_steps li {
    float: left;
    margin: 0 5px 0 0;
    padding: 5px 0 5px 5px;
    text-align: center;
    list-style-position: inside;
    background: url( /images/mb/E4/skins/styling/challenges/tab_pre_left.gif ) left center no-repeat;
    color: #333;
}

body ol.challenge_steps li span {
    background: url( /images/mb/E4/skins/styling/challenges/tab_pre_right.gif ) right center no-repeat;
    padding: 5px 5px 5px 0;
}

body div.challenge_description ol.challenge_steps li.challenge_description,
body div.challenge_entrant ol.challenge_steps li.challenge_entrant,
body div.challenge_upload ol.challenge_steps li.challenge_upload {
    background: url( /images/mb/E4/skins/styling/challenges/tab_left.gif ) left center no-repeat;
    color: white;
}

body div.challenge_description ol.challenge_steps li.challenge_description span,
body div.challenge_entrant ol.challenge_steps li.challenge_entrant span,
body div.challenge_upload ol.challenge_steps li.challenge_upload span {
    background: url( /images/mb/E4/skins/styling/challenges/tab_right.gif ) right center no-repeat;
}

body div.challenge_entrant ol.challenge_steps li.challenge_description,
body div.challenge_upload ol.challenge_steps li.challenge_description,
body div.challenge_upload ol.challenge_steps li.challenge_entrant {
    background: url( /images/mb/E4/skins/styling/challenges/tab_post_left.gif ) left center no-repeat;
    color: #000000;
}

body div.challenge_entrant ol.challenge_steps li.challenge_description span,
body div.challenge_upload ol.challenge_steps li.challenge_description span,
body div.challenge_upload ol.challenge_steps li.challenge_entrant span {
    background: url( /images/mb/E4/skins/styling/challenges/tab_post_right.gif ) right center no-repeat;
}

body div#challenge-entry-details label.mandatory {
    background: transparent url(/images/mb/E4/skins/styling/mandatory.gif) no-repeat scroll left top;
}

body div#challenge-entry-details {
    border-bottom: 3px solid #ccc;  
}

body form.upload-video fieldset,
body form.upload-image fieldset,
body form#administrate-challenge fieldset,
body form.comment-report-details fieldset {
    border-top: 1px dotted #333;
    border-bottom: 3px solid #ccc;
}

body form.upload-video fieldset.select-file div.file-holder,
body form.upload-image fieldset.select-file div.file-holder {
    background:transparent url(/images/mb/E4/skins/styling/error/file-filter-top.gif) no-repeat scroll left top !important;
}


body form.upload-video fieldset.select-file div.error,
body form.upload-image fieldset.select-file div.error {
    background: transparent url(/images/mb/E4/skins/styling/error/wide-top.gif) no-repeat scroll left top !important;
}

body form.upload-video fieldset div.file-holder p.error,
body form.upload-image fieldset div.file-holder p.error,
body fieldset.describe-file div.error p.error {
    background: transparent url(/images/mb/E4/skins/styling/error/wide-bottom.gif) no-repeat scroll left bottom;
}

body div#challenge-entry-details div.entry-detail p.error {
    background:transparent url(/images/mb/E4/skins/styling/error/290-top-and-bottom.gif) no-repeat scroll left top;
}

body fieldset.describe-file div.error label {
    color: #007fbf;
}

body form.upload-video fieldset div.file-holder span.advisory,
body form.upload-image fieldset div.file-holder span.advisory {
    background:transparent url(/images/mb/E4/skins/styling/error/file-filter-bottom.gif) no-repeat scroll left bottom !important;
}

body form.upload-video fieldset.select-file div.error span.advisory,
body form.upload-image fieldset.select-file div.error span.advisory {
    background:transparent none repeat scroll 0 0 !important;    
}



/* competitions css */
body div.competition-questions .competition-question-fieldset {
    background-color: #eee;
}

body h2.competition-question-title {
	color: #000;
}

body p.competition-question, body p.competition-box {
	color: #000;
}

body div.competition-heading {
    border-bottom:1px dotted #ccc;
}

body div.competition-questions {
    border-top: 3px solid #ccc;
}

body div.competition-box {
    border-bottom: 3px solid #ccc;
}

body div.competitionbox-header {
    border-bottom:1px solid #ccc;
}

body div.terms-and-conditions-container {
    border-top:1px solid #ccc;
}

body form p.mandatory {
    color: #007fbf;
}

body button.purple-white-btn {
    background: transparent url( /images/mb/E4/skins/styling/lozenge_right_white.gif ) no-repeat scroll right center;
}

body .purple-white-btn span {
    background: transparent url( /images/mb/E4/skins/styling/lozenge_left_white.gif ) no-repeat scroll left top;
}

body div.competition-questions p.error,
body div.competition-questions p.warning {
    background: transparent url( /images/mb/E4/skins/styling-series4/narrow-bottom.gif ) no-repeat scroll left bottom !important;
}

body div.competition-questions div.error {
    background: transparent url( /images/mb/E4/skins/styling-series4/narrow-top.gif ) no-repeat scroll left top !important;
}

.layoutD form div.error div.wrap-error {
    background: transparent url( /images/mb/E4/skins/styling-series4/290-top.gif ) no-repeat scroll left top !important;
}

.layoutD form div.error div.wrap-error p {
    background: transparent url( /images/mb/E4/skins/styling-series4/290-bottom.gif ) no-repeat scroll left bottom !important;
}

body div.competition-terms div.error div.wrap-error {
    background: transparent url( /images/mb/E4/skins/styling-series4/495-top.gif ) no-repeat scroll left top !important;
}
                                                                                                        
body div.competition-terms p.error {
    background: transparent url( /images/mb/E4/skins/styling-series4/495-bottom.gif ) no-repeat scroll left bottom !important;
}

body form p.mandatory {
    background: transparent url( /images/mb/E4/skins/styling-series4/mandatory.gif ) no-repeat scroll 2px center;
    color: #333;
}

body form label.mandatory {
    background: transparent url( /images/mb/E4/skins/styling-series4/mandatory.gif ) no-repeat scroll right top;
}

body div#termsAndConditionsOptIn {
    background: transparent url( /images/mb/E4/skins/styling-series4/mandatory.gif ) no-repeat scroll right top;
}

body .mandatoryFootnote {
    background: transparent url( /images/mb/E4/skins/styling-series4/mandatory.gif ) no-repeat scroll left top;
}

body div.competition-submit {
    border-top: 1px solid #333;
}



/* Solicit: File Uploads */
body div.solicit-check-box label.mandatory,
body div.solicit-text-fields label.mandatory,
body div.terms-and-conditions-container div.label {
    background:transparent url( /images/mb/E4/skins/styling-series4/mandatory.gif ) no-repeat scroll left top;
}

body div.solicit-text-fields p.error {
    background: transparent url( /images/mb/E4/skins/styling-series4/290-top-and-bottom.gif) no-repeat scroll left top
}

body div.solicit-heading {
    border-bottom: 1px solid #333;
    margin-bottom: 10px;
}



/* Comments Module */
body ul.comment-list li a {
    color: #007fbf;
}

/*body ul.comment-list li.e4-admin a {
    color: #fff;
}*/

body li.e4-admin dd.date,
body ul.comment-list li.e4-admin dd {
    color : #333;
}

body img.avatar-image,
body div.create-comment-author img,
body dd.author img {
    border: 2px solid #007fbf;
}


body ul.comment-list li dd.date {
    color: #000000;
}

body ul.comment-list li dd.content {
    color: #000000;
}

/* new method based on top bottom backgrounds */
body div.comments ul.comment-list li div.comment-content {
	background-position: left top !important;
	background-repeat: no-repeat;
}
body div.comments ul.comment-list li, body div.comments ul.comment-list li dd.actions {
	background-image: none;
}

/* Center column */
body div.columnB div.comments ul.comment-list li div.comment-content {
	background-image: url( /images/mb/E4/skins/styling-series4/comment_top_510px.gif );
}
body div.columnB div.comments ul.comment-list li dl {
	background-image: url( /images/mb/E4/skins/styling-series4/comment_bottom_510px.gif );
}

body div.columnA div.comments ul.comment-list li.e4-admin div.comment-content {
    background-image: url( /images/mb/E4/skins/styling-series4/admin_comment_top_510px.gif );
}
body div.columnA div.comments ul.comment-list li.e4-admin dl {
    background-image: url( /images/mb/E4/skins/styling-series4/admin_comment_bottom_510px.gif );
}

/* Right hand column */
body div.columnC div.comments ul.comment-list li div.comment-content {
	background-image: url( /images/mb/E4/skins/styling-series4/comment_top_300px.gif );
}
body div.columnC div.comments ul.comment-list li dl {
	background-image: url( /images/mb/E4/skins/styling-series4/comment_bottom_300px.gif );
}

body div.columnC div.comments ul.comment-list li.e4-admin div.comment-content {
    background-image: url( /images/mb/E4/skins/styling-series4/admin_comment_top_300px.gif );
}
body div.columnC div.comments ul.comment-list li.e4-admin dl {
    background-image: url( /images/mb/E4/skins/styling-series4/admin_comment_bottom_300px.gif );
}
body div.columnC div.comments ul.comment-list li.e4-admin dd.content {
	background-image: none;
}
body div.comments ul.comment-list li.e4-admin {
	background: none;
}

body form.comment-create p.character_count,
body form.comment-create div.error p.character_count,
body div#comment-component.error p.character_count span {
    color:#fff;
}

body #comment-navigation-first-grey,
body #comment-navigation-previous-grey,
body #comment-navigation-next-grey,
body #comment-navigation-last-grey {
    color: #666;
}

/* Comment component is in a 190px or default width div */
body.columnA190 div#page div.columnA div#comment-component,
body.columnB190 div#page div.columnB div#comment-component,
body.columnC190 div#page div.columnC div#comment-component,
body.columnD190 div#page div.columnD div#comment-component,
.layoutA div#page div.columnB div#comment-component,
.layoutB div#page div.columnA div#comment-component,
.layoutC div#page div.columnA div#comment-component,
.layoutD div#page div.columnA div#comment-component,
.layoutD div#page div.columnC div#comment-component,
.layoutE div#page div.columnC div#comment-component {
    background-image: url( /static/images/commenting/bubble_top_190.gif );
}

body.columnA190 div#page div.columnA p.character_count,
body.columnB190 div#page div.columnB p.character_count,
body.columnC190 div#page div.columnC p.character_count,
body.columnD190 div#page div.columnD p.character_count,
.layoutA div#page div.columnB p.character_count,
.layoutB div#page div.columnA p.character_count,
.layoutC div#page div.columnA p.character_count,
.layoutD div#page div.columnA p.character_count,
.layoutD div#page div.columnC p.character_count,
.layoutE div#page div.columnC p.character_count {
    background-image: url( /static/images/commenting/bubble_bottom_190.gif );
}

/* Comment component is in a 300px or 302px wide div */
body.columnA300 div#page div.columnA div#comment-component,
body.columnB300 div#page div.columnB div#comment-component,
body.columnC300 div#page div.columnC div#comment-component,
body.columnD300 div#page div.columnD div#comment-component,
body.columnA302 div#page div.columnA div#comment-component,
body.columnB302 div#page div.columnB div#comment-component,
body.columnC302 div#page div.columnC div#comment-component,
body.columnD302 div#page div.columnD div#comment-component,
.layoutA div#page div.columnC div#comment-component,
.layoutB div#page div.columnC div#comment-component,
.layoutC div#page div.columnC div#comment-component {
    background-image: url( /static/images/commenting/bubble_top_300.gif);
}

body.columnA300 div#page div.columnA p.character_count,
body.columnB300 div#page div.columnB p.character_count,
body.columnC300 div#page div.columnC p.character_count,
body.columnD300 div#page div.columnD p.character_count,
.layoutA div#page div.columnC p.character_count,
.layoutB div#page div.columnC p.character_count,
.layoutC div#page div.columnC p.character_count {
    background-image: url( /static/images/commenting/bubble_bottom_300.gif);
}

/* Comment component is in a 400px wide div */
body.columnA400 div#page div.columnA div#comment-component,
body.columnB400 div#page div.columnB div#comment-component,
body.columnC400 div#page div.columnC div#comment-component,
body.columnD400 div#page div.columnD div#comment-component,
.layoutA div#page div.columnA div#comment-component,
.layoutB div#page div.columnB div#comment-component,
.layoutC div#page div.columnB div#comment-component,
body.layoutF div.columnB div#comment-component, body.internalGame div.columnB div#comment-component, body.columnA400 div.columnA div#comment-component, body.columnB400 div.columnB div#comment-component, body.columnC400 div.columnC div#comment-component, body.columnD400 div.columnD div#comment-component, .layoutA div.columnA div#comment-component, .layoutB div.columnB div#comment-component, .layoutC div.columnB div#comment-component {
    background-image: url( /images/mb/E4/skins/styling-series4/bubble_top_400.gif ) !important;
}

body.columnA400 div#page div.columnA p.character_count,
body.columnB400 div#page div.columnB p.character_count,
body.columnC400 div#page div.columnC p.character_count,
body.columnD400 div#page div.columnD p.character_count,
.layoutA div#page div.columnA p.character_count,
.layoutB div#page div.columnB p.character_count,
.layoutC div#page div.columnB p.character_count,
body.layoutF div.columnB p.character_count, body.internalGame div.columnB p.character_count, body.columnA400 div.columnA p.character_count, body.columnB400 div.columnB p.character_count, body.columnC400 div.columnC p.character_count, body.columnD400 div.columnD p.character_count, .layoutA div.columnA p.character_count, .layoutB div.columnB p.character_count, .layoutC div.columnB p.character_count {
    background-image: url( /images/mb/E4/skins/styling-series4/bubble_bottom_400.gif ) !important;
}

/* Comment component is in a 510px wide div */
body.columnA510 div#page div.columnA div#comment-component,
body.columnB510 div#page div.columnB div#comment-component,
body.columnC510 div#page div.columnC div#comment-component,
body.columnD510 div#page div.columnD div#comment-component,
.layoutD div#page div.columnB div#comment-component {
    background-image: url( /static/images/commenting/bubble_top_510.gif );
}

body.columnA510 div#page div.columnA p.character_count,
body.columnB510 div#page div.columnB p.character_count,
body.columnC510 div#page div.columnC p.character_count,
body.columnD510 div#page div.columnD p.character_count,
.layoutD div#page div.columnB p.character_count {
    background-image: url( /static/images/commenting/bubble_bottom_510.gif );
}

/* Comment component is in a 610px wide div */
body.columnA610 div#page div.columnA div#comment-component,
body.columnB610 div#page div.columnB div#comment-component,
body.columnC610 div#page div.columnC div#comment-component,
body.columnD610 div#page div.columnD div#comment-component,
.layoutA div#page div.columnD div#comment-component {
    background-image: url( /static/images/commenting/bubble_top_610.gif );
}

body.columnA610 div#page div.columnA p.character_count,
body.columnB610 div#page div.columnB p.character_count,
body.columnC610 div#page div.columnC p.character_count,
body.columnD610 div#page div.columnD p.character_count,
.layoutA div#page div.columnD p.character_count {
    background-image: url( /static/images/commenting/bubble_bottom_610.gif );
}

/* Comment component is in a 720px wide div */
body.columnA720 div#page div.columnA div#comment-component,
body.columnB720 div#page div.columnB div#comment-component,
body.columnC720 div#page div.columnC div#comment-component,
body.columnD720 div#page div.columnD div#comment-component,
.layoutE div#page div.columnA div#comment-component {
    background-image: url( /static/images/commenting/bubble_top_720.gif );
}

body.columnA720 div#page div.columnA p.character_count,
body.columnB720 div#page div.columnB p.character_count,
body.columnC720 div#page div.columnC p.character_count,
body.columnD720 div#page div.columnD p.character_count,
.layoutE div#page div.columnA p.character_count {
    background-image: url( /static/images/commenting/bubble_bottom_720.gif );
}


body.columnA190 div.columnA div.error p.character_count, body.columnB190 div.columnB div.error p.character_count, body.columnC190 div.columnC div.error p.character_count, body.columnD190 div.columnD div.error p.character_count, .layoutA div.columnB div.error p.character_count, .layoutB div.columnA div.error p.character_count, .layoutC div.columnA div.error p.character_count, .layoutD div.columnA div.error p.character_count, .layoutD div.columnC div.error p.character_count, .layoutE div.columnC div.error p.character_count {
	background-image : none !important;
}

body.columnA300 div.columnA div.error p.character_count, body.columnB300 div.columnB div.error p.character_count, body.columnC300 div.columnC div.error p.character_count, body.columnD300 div.columnD div.error p.character_count, .layoutA div.columnC div.error p.character_count, .layoutB div.columnC div.error p.character_count, .layoutC div.columnC div.error p.character_count {
	background-image : none !important;
}

body.layoutF div.columnB div.error p.character_count,body.internalGame div.columnB div.error p.character_count, body.columnA400 div.columnA div.error p.character_count, body.columnB400 div.columnB div.error p.character_count, body.columnC400 div.columnC div.error p.character_count, body.columnD400 div.columnD div.error p.character_count, .layoutA div.columnA div.error p.character_count, .layoutB div.columnB div.error p.character_count, .layoutC div.columnB div.error p.character_count {
	background-image : none !important;
}

body.columnA510 div.columnA div.error p.character_count,
body.columnB510 div.columnB div.error p.character_count,
body.columnC510 div.columnC div.error p.character_count,
body.columnD510 div.columnD div.error p.character_count,
.layoutD div.columnB div.error p.character_count {
    background-image: none !important;    
}

body.columnA610 div.columnA div.error p.character_count, body.columnB610 div.columnB div.error p.character_count, body.columnC610 div.columnC div.error p.character_count, body.columnD610 div.columnD div.error p.character_count, .layoutA div.columnD div.error p.character_count {
	background-image : none !important;
}

body.columnA720 div.columnA div.error p.character_count, body.columnB720 div.columnB div.error p.character_count, body.columnC720 div.columnC div.error p.character_count, body.columnD720 div.columnD div.error p.character_count, .layoutE div.columnA div.error p.character_count {
	background-image : none !important;	
}

body.columnA300 div.columnA div#comment-component textarea, body.columnB300 div.columnB div#comment-component textarea, body.columnC300 div.columnC div#comment-component textarea, body.columnD300 div.columnD div#comment-component textarea, body.columnA302 div.columnA div#comment-component textarea, body.columnB302 div.columnB div#comment-component textarea, body.columnC302 div.columnC div#comment-component textarea, body.columnD302 div.columnD div#comment-component textarea, .layoutA div.columnC div#comment-component textarea, .layoutB div.columnC div#comment-component textarea, .layoutC div.columnC div#comment-component textarea {
	margin:4px !important;
	width:279px !important;
}
body form.comment-create p.character_count {
	padding-bottom:25px;
	padding-left:10px;
}

body div.columnB div#comment-component textarea {
	margin: 4px;
	width: 490px;
}

body #comment-navigation-first-grey {
    background: url( /images/mb/E4/skins/styling-series4/first-greyed.gif ) left center no-repeat;
}

body #comment-navigation-previous-grey {
    background: url( /images/mb/E4/skins/styling-series4/previous-greyed.gif ) left center no-repeat;
}

body #comment-navigation-next-grey {
    background: url( /images/mb/E4/skins/styling-series4/next-greyed.gif ) right center no-repeat;
}

body #comment-navigation-last-grey {
    background: url( /images/mb/E4/skins/styling-series4/last-greyed.gif ) right center no-repeat;
}

body #comment-navigation-first {
    background: url( /images/mb/E4/skins/styling-series4/commenting/first.gif ) left center no-repeat;
}

body #comment-navigation-previous {
    background: url( /images/mb/E4/skins/styling-series4/previous.gif ) left center no-repeat;
}

body #comment-navigation-next {
    background: url( /images/mb/E4/skins/styling-series4/next.gif ) right center no-repeat;
}

body #comment-navigation-last {
    background: url( /images/mb/E4/skins/styling-series4/last.gif ) right center no-repeat;
}

body div#navigation-bottom {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

body.columnA190 div.columnA div.error p.error, body.columnB190 div.columnB div.error p.error, body.columnC190 div.columnC div.error p.error, body.columnD190 div.columnD div.error p.error, .layoutA div.columnB div.error p.error, .layoutB div.columnA div.error p.error, .layoutC div.columnA div.error p.error, .layoutD div.columnA div.error p.error, .layoutD div.columnC div.error p.error, .layoutE div.columnC div.error p.error {
	background-image : url(/images/mb/E4/skins/styling-series4/bubble_error_bottom_190.gif) !important;
}
body.columnA300 div.columnA div.error p.error, body.columnB300 div.columnB div.error p.error, body.columnC300 div.columnC div.error p.error, body.columnD300 div.columnD div.error p.error, .layoutA div.columnC div.error p.error, .layoutB div.columnC div.error p.error, .layoutC div.columnC div.error p.error {
	background-image : url(/images/mb/E4/skins/styling-series4/bubble_error_bottom_300.gif) !important;
}
body.layoutF div.columnB div.error p.error, body.internalGame div.columnB div.error p.error, body.columnA400 div.columnA div.error p.error, body.columnB400 div.columnB div.error p.error, body.columnC400 div.columnC div.error p.error, body.columnD400 div.columnD div.error p.error, .layoutA div.columnA div.error p.error, .layoutB div.columnB div.error p.error, .layoutC div.columnB div.error p.error {
	background-image : url(/images/mb/E4/skins/styling-series4/bubble_error_bottom_400.gif) !important;
}
body.columnA510 div.columnA div.error p.error, body.columnB510 div.columnB div.error p.error, body.columnC510 div.columnC div.error p.error, body.columnD510 div.columnD div.error p.error, .layoutD div.columnB div.error p.error {
    background-image : url(/images/mb/E4/skins/styling-series4/bubble_error_bottom_510.gif) !important;
}
body.columnA610 div.columnA p.character_count, body.columnB610 div.columnB p.character_count, body.columnC610 div.columnC p.character_count, body.columnD610 div.columnD p.character_count, .layoutA div.columnD p.character_count {
	background-image : url(/images/mb/E4/skins/styling-series4/bubble_error_bottom_610.gif) !important;
}
body.columnA720 div.columnA div.error p.error, body.columnB720 div.columnB div.error p.error, body.columnC720 div.columnC div.error p.error, body.columnD720 div.columnD div.error p.error, .layoutE div.columnA div.error p.error {
	background-image : url(/images/mb/E4/skins/styling-series4/bubble_error_bottom_720.gif) !important;
}



/* Image Gallery*/
body div.navigation a#gallery-navigation-first {
    background: url( /images/mb/E4/skins/styling-series4/first.gif ) left center no-repeat;
}

body div.navigation a#gallery-navigation-previous {
    background: url( /images/mb/E4/skins/styling-series4/previous.gif ) left center no-repeat;
}

body div.navigation span#gallery-navigation-first {
    background: url( /images/mb/E4/skins/styling-series4/first-greyed.gif ) left center no-repeat;
}

body div.navigation span#gallery-navigation-previous {
    background: url( /images/mb/E4/skins/styling-series4/previous-greyed.gif ) left center no-repeat;
}

body div.navigation a#gallery-navigation-next {
    background: url( /images/mb/E4/skins/styling-series4/next.gif ) right center no-repeat;
}

body div.navigation a#gallery-navigation-last {
    background: url( /images/mb/E4/skins/styling-series4/last.gif ) right center no-repeat;
}

body div.navigation span#gallery-navigation-next {
    background: url( /images/mb/E4/skins/styling-series4/next-greyed.gif ) right center no-repeat;
}

body div.navigation span#gallery-navigation-last {
    background: url( /images/mb/E4/skins/styling-series4/last-greyed.gif ) right center no-repeat;
}



/* Ratings: Yay/Nay */
body div.unrated input, span#user-rating {
    color: #333;
}

/* Voting Groups */
body div.resource {
    border-bottom: 1px solid #ccc;
}

body div.resource label, a.votingTextLink {
    color:  #333;
}

body div#group {
    border-bottom:3px solid #000;
}

body div.groupCount {
    border-bottom:1px solid #ccc;
}