/*
Hoe page stylesheet for MCV
Version 1.1
Colours:

*/

/****** CAROUSEL ******/

#carouselwrapper					{clear:both;background: #e6e6e6; padding: 10px; margin: 0 0 10px; position: relative;}
#carousel						{width: 620px; height: 280px; float: left; overflow: hidden; background:#1A1A1A;}
.carouselimage						{width: 290px; height: 290px; float: left; overflow: hidden;}
.carouseltext						{background: #1a1a1a; width: 340px; height: 205px; overflow: hidden; position: absolute;left:280px;}
.carouseltext a						{color: #fff !important;}
.carouseltext h3					{color: #c1272d !important; font-size: 2em; line-height:1.2em;margin:10px 0 5px;padding: 0 10px; background: none !important; }
.carouseltext h3 a					{color: #FFFFFF !important; text-decoration: none;}
.carouseltext h3 a:hover, .carouseltext h3 a:focus      {text-decoration: underline;}
.carouseltext p						{color: #e5e5e5;padding: 0 10px;}
.carouseltext p.storyinfo			{color: #fff; font-size: 0.9em; line-height: 14px; margin: 0; position: absolute; bottom: 10px; left: 0;}
.carouseltext p.storyinfo a			{color: #fff;}
#courouselcommentcount				{background: transparent url(/assets/images/comments-bg.png) no-repeat top right; color: #ffffff; display: block; font-size: 1.1em; font-weight: bold; line-height: 24px; text-align: center; height: 31px; width: 32px; padding: 0; position: absolute; bottom: 10px; right: 11px;}
#carouselthumbs						{background: #424242; width: 340px; height: 75px; overflow: hidden; position: absolute; bottom: 10px; right: 10px; z-index: 10;}
#carouselthumbs li					{display: block; float: left; width: 65px; }
#carouselthumbs li a				{display: block; margin: 3px 12px 0 10px; width: 59px; overflow: hidden; padding-top: 5px; outline: 0;}
#carouselthumbs li a.lastthumb		{margin: 0;}
#carouselthumbs li a img 			{border: 2px solid #E6E6E6; }
#carouselthumbs li a.activeSlide 	{background: transparent url(/assets/images/featureactive.bg.gif) no-repeat top center;}
#carouselthumbs li a.activeSlide img,
#carouselthumbs li a:hover img		{border-color: #a00709;}

.jcarousel-item 					{ width: 580px;height: 300px; }


/****** TOOLBAR ******/

#toolbar								{background:url('/assets/images/nav-btn-bg.gif') repeat; margin: 0 0 10px; padding: 0 0 40px 10px; }
#toolbar p								{font-size: 1.2em; color:#fff;text-align: right; margin: 0; float: right; width: 300px;}
#toolbar span							{color: #c1272d; font-weight: bold;}
#toolbar img							{display: inline; vertical-align: middle;padding-bottom:3px;}
div.breakingstories						{background: url(/assets/images/breaking-stories-button.png) 0 0 no-repeat; float: left; width:125px; margin: 8px 7px 0 0; position: relative;}
a#filter-trigger						{display: block; height: 25px; line-height: 25px; color: #ffffff; font-weight:bold;font-size: 0.9em; padding: 0 0 0 8px;}
a#filter-trigger:hover					{cursor:pointer; }
.selectedsort a							{color: #f2f2f2 !important;font-weight:bold;}
div.breakingstories ul					{position: absolute; top: 24px; background: #4d4d4d; width:102px; padding: 4px 0 2px 6px; z-index: 1000;}
div.breakingstories ul li a				{color: #f2f2f2; text-decoration: none; font-size: 0.9em; line-height: 20px; width: 100%; display: block;}
div.breakingstories ul li a:hover		{color: #b2b2b2;}
div.customisepage						{float: left; width: 150px; margin: 8px 0 0; position: relative; z-index: 90;}
a#customise-trigger						{background: url(/assets/images/customise-this-page-button.png) 0 0 no-repeat; display: block; height: 25px; line-height: 25px; font-size: 0.9em; font-weight:bold;padding: 0 5px 0 25px; color: #ffffff !important;}
a#customise-trigger:hover				{cursor:pointer; }
a.activebutton							{background-position: 0 -25px !important;}
#customise-stories						{position: absolute; top: 24px; background: #636363; width: 410px; padding: 10px; z-index: 1000; zoom: 1;}
#customise-stories	fieldset			{border-bottom: 1px solid #7b7b7b; padding: 12px 0;}
#customise-stories	p					{float: left; width: 98px; font-size: 0.9em; line-height: 16px; padding: 2px 0 0; text-align: left;}
#customise-stories	fieldset.articleview p 
										{padding: 12px 0 0;}
#customise-stories	fieldset.otheroptions
										{border: none; padding: 12px 0 0;}
#customise-stories	fieldset.otheroptions p	
										{padding: 5px 0 0;}
#customise-stories button				{border: none; background: none; display: block; float: left; width: 104px; /* ie6 */ padding: 3px 0 3px 3px; text-align: left; color: #f2f2f2; cursor: pointer; outline: none;}
#customise-stories button.selectedbutton, #customise-stories button:hover
										{background: #464646; color: #edb40b;}
#customise-stories button img			{margin: 0 4px 0 0;}
.hompagecontent							{background: #464646; width: 312px; float: left; padding: 4px 0 2px;}
.hompagecontent li						{width: 141px; float: left; padding: 0 0 0 5px;}
.hompagecontent li input				{margin: 0 5px 0 0;}
.hompagecontent li label				{color: #f2f2f2; font-size: 0.9em;}
.checkbox								{width: 15px; height: 15px; padding: 0 5px 0 0; background: url('../images/checkboxes.png') no-repeat; display: block; clear: left; float: left;}
#optionsbuttons							{margin: 12px 0 0; padding: 0 0 0 98px;}
#optionsbuttons input					{padding: 3px 10px !important; cursor: pointer;}


/****** ARTICLES ******/

a.inlinead								{display: block;}
div.article, a.inlinead				{margin: 0 0 17px; padding: 0 0 16px; border-bottom: 1px solid #c0c0c0;}
div.articlenoborder					{margin: 0; border: none;}
img.articleimage					{float: left;}
div.articlecontent					{float: right; width: 470px;}
div.largearticle img.articleimage	{float: none; margin: 5px 0; }
div.largearticle div.articlecontent
									{float: none; width: 100%;}
div.toparticle div.articlecontent	{width: 410px;}
div.smallarticle div.articlecontent
									{width: 545px;}
p.articleauthor 					{float: left; clear: left;}
.social-links 						{float: right; clear: right; margin: 0 20px -5px 0;}
div.toparticle div.articlecontent h2
									{font-size: 28px; line-height: 34px; margin: 0 0 10px;}
div.smallarticle h3					{background: none !important; font-size: 18px; line-height: 24px; font-weight: bold; margin: 0 0 2px !important; padding: 0 !important; width: 100% !important; float: none !important;}
div.articletext						{position: relative; z-index: 1;}
p.articleauthor						{line-height: 16px;}
p.articleauthor a:hover 			{text-decoration: underline !important;}
span.innews							{line-height: 14px; margin: 5px 0 5px 0; clear: both;}
.innews a:link, .innews a:visited, .innews a:active	{text-decoration: none; clear: both; text-transform: uppercase;}
span.articlecommentcount			{background: url(/assets/images/main-article-comment-count.png) 0 0 no-repeat; display: block; width: 41px; height: 38px; line-height: 34px; text-align: center; font-size: 14px; font-weight: bold; color: #fff; position: absolute; right: 0; top: 0; margin: 0 0 0 10px;}
div.smallarticle span.articlecommentcount
									{background: url(/assets/images/top-stories-comment-bubble.png) 0 0 no-repeat; height: 25px; width: 26px; position: absolute; top: 0; right: 0; margin: 0 0 0 10px; font-size: 0.9em; font-weight: normal; line-height: 22px; text-align: center; color: #fff;}

div.inlinejobs						{background: #e6e6e6; padding: 10px 10px 10px 20px; margin: 0 0 17px;}
div.inlinejobs	> img				{float: left;}
div.inlinejobcontent				{float: right; width: 450px;}
div.inlinejobheader					{background: #fff; position: relative; padding: 10px; border-bottom: 1px solid #e6e6e6;}
div.inlinejobheader h3				{font-size: 24px; line-height: 30px; font-weight: bold; margin: 0;}
div.inlinejobheader p				{font-size: 16px; line-height: 20px; margin: 0;}
div.inlinejobheader img				{position: absolute; top: 0; right: 0;}
div.inlinejobdescription			{background: #fff; padding: 10px;}
div.inlinejobdescription p			{margin: 0;}

/* Updates Bar */
#ticker-wrapper						{width:640px; overflow:hidden; margin-bottom:10px; background:#e6e6e6; height: 28px; line-height: 28px; }
#ticker-title 						{float:left;clear:both;background:url(/assets/images/bg-snippets.png) right top no-repeat;margin: 0; height: 28px; line-height: 28px; font-size:1em;color:#fff; margin: 0 10px 0 0; padding: 0 15px 0 10px; }
#ticker-content 					{line-height: 28px; height: 28px;}
#ticker-content a                   {color:#4d4d4d;}
.js-hidden							{display:none}
#header-main h1                     {margin-bottom:0px;}

#news-list                      {float:left;padding:0 0 0 10px; width:407px;}