@charset "utf-8";
/* WonderWebs-XHTML 2.1 template rev. 2.5.0 - Website stylesheet - Copyright 2010 WonderWebs.com */

/* Tags, fonts & colours */
body, .Normal{font:15px "Century Gothic",Arial,Helvetica;color:#b7b7b7}/* Apply a default font and  colour here. This will be inherited by most other tags*/
h1{}/* Apply mainly colours for the rest of these items */
h2{}
h3{}
h4{}
h5{}
h6{}
.StandardButton{}
.StandardButton:hover{}
hr{}
img{}
blockquote{}
.Head{}/* Common admin headings */
.SubHead{}/* Common admin labels */
input[type=text],input[type=file],select,textarea{}/* This colours all text areas and input fields in one go */

/* Default hyperlink and CommandButton colours */
a, a:link, a:visited{color:#aaa}
a:active, a:hover{color:#FF0000}

/* Webbit Link and Settings Colours */
body{}/* The background colour of the legacy XHTML 2.1 Word Processor is taken from this tag */
.WebbitSettingsPane{}/* The background colour of the Webbit Settings pane - Change when the design colours make it difficult to view settings panels */
.WebbitEdit,.WebbitEdit a:link,.WebbitEdit a:visited,.WebbitEdit a:active{color:#00FF00}/* Set color:#00FF00 on dark sites */
.WebbitEdit a:hover{color:#FFFFFF}/* Set color:#FFFFFF on dark sites */

/* Grouped template link colours. Can also be styled or removed individually. See docs for additional class names  */
.SigninPane,.SigninPane a:link,.SigninPane a:visited{color:#9F9F9F;font-weight:normal}
.SigninPane a:active,.SigninPane a:hover{color:#FFF}
.BreadCrumbPane,.BreadCrumbPane a:link,.BreadCrumbPane a:visited{color:#2D2D2D;font:10px Verdana;}
.BreadCrumbPane a:active,.BreadCrumbPane a:hover{color:#828282;text-decoration:none}
.Footer,.Footer a:hover .FooterDivider,.Footer a:link,.Footer a:visited{color:#565656}
.Footer a:active,.Footer a:hover{color:#FCB000}

/* Individual template links. Can be used to hide, restyle or move them individually insead of grouped as above */
.BreadCrumbs{}
.Account{}/* The registration link */
.SigninTop{}/* The first sign-in link at top of page */
.SigninBottom{}/* The second sign-in link at bottom of page */
.Terms{}
.Privacy{}
.Copyright{}
.Producer{}/* The reseller link */

/* Content areas. Generally for visiblity and background colours */
/* Not normally used for fonts or text colours and not used for gaps between columns! */
#Body{background:url("CarbonBackground.png") repeat-x fixed #0B0B0B;}
.Outer{}/* The outer div. Can be used as an additional background */
.PageID#{}/* Same div as .Outer, but is unique per page - Look in source or in the page URL to find the page ID number and insert it in place of "ID#" */
.Page{background:Transparent}/* Apply page background here */
.Placement{padding:0}/* Aligns the Paper */
.Above{}/* Content panel above the Paper */
.Shadow{margin-top:30px}/* A grid of table cells holding the shadow graphics */
.PaperBorder{border:none}/* Draws a line around the edge of the Paper */
.Paper{background:url("Repeater.png") repeat-y scroll 0 0 Transparent}/* Paper includes everything from Logo down to Foot. Mainly for background colour */
.Paper,.LogoPane,.Footer{width:947px} /* Type the width of the logo graphic here */
.LogoPane,.LogoLink{height:60px} /* Type the height of the logo graphic here */
.LogoPane{background:url(Logo.png) no-repeat Transparent} /* The file name of the Logo graphic. Must be in Web Root or must specify absolute path */
.LogoLink{width:450px;outline:none;float:left;height:90px;margin-top:-54px;} /* An invisble link to the site homepage. To make room for a Webbit in place of the logo, set this to display:none */
.Logo{}/* Content panel within the Logo area - Competes with LogoLink for space when it contains a Webbit */
.MenuBar{background:Transparent}/* This covers the entire menu including SigninPane */
.SigninPane,.SigninPane .ContainerHead,.SigninPane .ContainerBody,.SigninPane .ContainerFoot{position:absolute;right:10px;top:30px}/* Contains Register and Sign-in links */
.Header{}/* Content panel below the menu and above the SearchBar */
.SearchBar{margin-left:6px;margin-top:-23px;position:absolute}/* Entire Search bar including the BreadCrumbPane and SearchPane */
.BreadCrumbPane{background-image:none}/* Breadcrumbs, including the dotted line graphic. Set background-image:none to hide line. Set overflow:visible to show line when SearchPane has been displaced */
.SearchPane{display:none}/* The grey box around the SearchInput and SearchButton */
.SearchInput{}/* The search field. Change this width when column widths have been changed. Is usually column width minus 74px */
.Top{}/* Content panel below SearchBar and above main content columns */
.ContentRow{background:url("Paper.png") no-repeat scroll 0 0 Transparent}/* Table row containing Left, ContentPane and Right areas. Use when applying a special background covering all three */
.Left{}/* Left column content panel */
.Content{}/* Main content panel. Has a minimum height of 400px by default */
.Right{background:url("Paper.png") no-repeat scroll -711px 0 transparent}/* Right column content panel */
.Bottom{background:url("Repeater.png") repeat-y scroll 0 0 Transparent}/* Content panel attached below the three columns */
.Foot{background:url("Footer.png") no-repeat scroll 0 bottom Transparent;height:147px;padding-bottom:0}/* Content panel attached to bottom of Paper */
.PaperBottomEdge{}/* An empty div at the bottom edge of the Paper for graphics or colours */
.Footer{top:-58px;width:928px !important;}/* Contains the links below the Paper */
.Below{}/* Content panel below the Paper */

/* Default Light container. Other containers with identical CSS structure are: .Dark .HighLight .Transparent .Blank */
.LightContainer{}/* All 3 container sections in one */
.Light .ContainerHead{background:transparent;border:none}/* Head section background color */
.Light .ContainerBody{background:transparent}/* Body section background color */
.Light .ContainerFoot{background:transparent}/* Foot section background color. Requires height to be visible */
.Light .ContainerTitle{}/* Title font and colour */
.Light .Normal{}/* Container font and colour */
.Light a,.Light a:link,.Light a:visited{}/* Container link colours */
.Light a:active,.Light a:hover{}/* Container link colours */

/* Container margins. These determine the gaps between the content panels and between containers */
/* Defaults for square templates are listed. Round templates increase the 6px values to 12px */
.Header .Container{}/* {margin:0} */
.Top .Container{}/* {margin:6px 0 0 0} */
.Content .Container{}/* {margin:6px 6px 0 6px} */
.Left .Container{}/* {margin:6px 0 0 6px} */
.Right .Container{}/* {margin:6px 6px 0 0} */
.Bottom .Container{}/* {margin:6px 6px 0 6px} */
.Foot .Container{}/* {margin:6px 6px 0 6px} */

/* Left and right content area column widths in Vertical menu template */
.Left .Container,.Left .NoContainer,.MenuBar,.SearchPane{}/* Left column width */
.Right .Container,.Right .NoContainer{}/* Right column width */

/* Left and right content area column widths in Horizontal menu template */
.Left .Container,.Left .NoContainer{}/* Left column width */
.Right .Container,.Right .NoContainer,.SearchPane{}/* Right column width */

/* SubMenu width and displacement relative to Menu */
ul.lvl1,ul.lvl2,ul.lvl3{}/* SubMenus do not stretch to fit width of content. Default is {width:180px}.*/
ul.lvl2 li,ul.lvl3 li{}/* SubSubMenu displacement should match SubMenu width above. Default is {left:180px;top:-26px}. Vertical menu has {top:0} */

/* Menu font */
ul.Menu a{}/* Menu font. Use long-hand CSS i.e. font-size, font-weight etc */
ul.Menu .sub a{}/* Sub Menu font, if different */

/* Menu Wrappers */
.MenuBar{float:right;margin-top:-55px;padding:0;position:relative;right:12px;}/* Outer menu wrapper. Includes SigninPane. Displays a background graphic. Set background:none to remove */
.MenuPane{border:none;clear:right;float:right;}/* Inner menu wrapper. Does not include SigninPane. Has a left and right border in Horizontal menu*/
.MenuPaneInner{}/* Secondary Inner Menu Wrapper - For use when complex positioning is combined with IE PNG Fix */

/* Menu item borders and separators. Set border:none to remove defaults. Note that root items cascade to Sub Menus*/
ul.Menu a.first{border:none}/* First menu item */
ul.Menu a{border:none}/* Root separator */
ul.Menu a.last{border:none}/* Last menu item */
ul.Menu .sub a.first{}/* First submenu item */
ul.Menu .sub a{}/* Remaining submenu items */
ul.Menu .sub a.last{}/* Last submenu item */

/* Menu colours - See MenuBar for default background graphic - Note that some root items cascade to SubMenus */
/* Every menu item also has a dynamic ID. Example: Page title "About Us" has dynamic ID "#item_AboutUs" */
ul.Menu a,ul.Menu a:visited,.VerticalMenu .ContainerHead,.VerticalMenu .ContainerFoot{}/* Menu */
ul.Menu a.branch{}/* Menu Branch */
ul.Menu a.current,ul.Menu a.breadcrumb{}/* Menu Active */
ul.Menu a:hover,ul.Menu a:focus{}/* Menu Hover */

/* SubMenu colours */
ul.Menu .sub a,ul.Menu .sub a:visited{}/* Sub Menu */
ul.Menu .sub a.branch{}/* Sub Menu Branch */
ul.Menu .sub a.current,ul.Menu .sub a.breadcrumb{}/* Sub Menu Active */
ul.Menu .sub a:hover,ul.Menu .sub a:focus{}/* Sub Menu Hover */

ul.Menu #item_Home a{background:url("NavHomeOff.png") no-repeat scroll 0 0;width:77px;padding:0}
ul.Menu #item_Home a:hover,ul.Menu #item_Home a.current{background:url("NavHomeOn.png") no-repeat scroll 0 0 }

ul.Menu #item_Forum a{background:url("NavForumOff.png") no-repeat scroll 0 0;width:77px;padding:0}
ul.Menu #item_Forum a:hover,ul.Menu #item_Forum a.current{background:url("NavForumOn.png") no-repeat scroll 0 0 }

ul.Menu #item_Media a{background:url("NavMediaOff.png") no-repeat scroll 0 0 ;width:77px;padding:0}
ul.Menu #item_Media a:hover,ul.Menu #item_Media a.current{background:url("NavMediaOn.png") no-repeat scroll 0 0 }

ul.Menu #item_Home a span,ul.Menu #item_Forum a span,ul.Menu #item_Media a span{visibility:hidden}

/* Individual menu item height and padding. Apply height like this {height:36px;line-height:36px} */
ul.Menu a{height:20px;line-height: 20px;margin:0 8px;}/* Menu */
ul.Menu .sub a{}/* Sub Menu */

/* Shadow graphics can be replaced by any desired edge-design that can be sliced into corners and sides */
/* Shadow is not displayed in IE6. Use !important to force display in IE6 */
/* Eight 24x24px shadows are applied to corners and sides. Example: {background:url('/Images/ShadowLightTL.png')} */
/* Change "Light" to "Medium" or "Dark" for ready-made square shadow density variations, or to "RoundWhite" or "RoundBlack" in round templates */
.SL{width:31px}
.SR{width:34px}/* Width of shadow graphics columns. Default is width:24px. Display:none to remove */
.ST{height:49px}
.SB{height:47px}/* Height of shadow graphics rows. Default is height:24px. Display:none to remove */
.STL{background:url("STL.png") no-repeat scroll 0 0 Transparent !important}/* STL means Shadow-Top-Left */
.STM{background:url("STM.png") no-repeat scroll 0 0 Transparent !important}/* STL means Shadow-Top-Middle, and so on */
.STR{background:url("STR.png") no-repeat scroll 0 0 Transparent !important}
.SLM{background:url("SLM.png") repeat-y scroll 0 0 Transparent !important}
.SRM{background:url("SRM.png") repeat-y scroll 0 0 Transparent !important}
.SBL{background:url("SBL.png") no-repeat scroll 0 0 Transparent !important}
.SBM{background:url("SBM.png") repeat-x scroll 0 0 Transparent !important}
.SBR{background:url("SBR.png") no-repeat scroll 0 0 Transparent !important}

/* Splash page template */
.SplashPage{}/* Background colours and graphics for Splash template */
.SplashPlacement{}/* Splash content vertical placement */
.SplashContent{}/* Splash content horizontal placement */

/* Secrets page and container background colour */
.SecretsPage .Paper{}
.Secrets .ContainerBody{}

/* Webbits. Place Webbit styles here */
.ControlBarWrapper{right:18px}
.Bullets li {background-position: 0 6px}

/* Article Manager */
.articleCalendar,.ViewAll,.BrowseArchive,.SearchArchive,.articlePrint{display:none !important;}
.articleHeadline{background:none !important;}
.articleTitle a:link,.articleTitle a:visited {color: #CCCCCC !important;}
.articleTitle a:hover,a.articleReadMore{color:#ff0000 !important;}
.related,.postRating,.articleComments,.postComment{background:#353940 !important;}
.postComment textarea{background:none repeat scroll 0 0 #CCCCCC;height:80px !important;}
a.articleReadMore{font-size: 13px !important;}
a.articleReadMore:hover{color:#fff !important;}
.articleImage img{background:url("/images/Backgrounds/BackgroundPNG-013.png") repeat scroll 0 0 #3B3B3B !important;padding: 18px !important;border: 1px solid !important;border-top-color:#333333 !important;border-right-color:#4A4A4A !important;border-bottom-color:#4A4A4A !important;border-left-color:#333333 !important;-moz-border-radius:3px;-moz-box-shadow: 1px 1px 4px #222222;-webkit-border-radius:3px;-webkit-box-shadow: 1px 1px 4px #222222;border-radius:3px;box-shadow: 1px 1px 4px #222222;position:relative;z-index:1;behavior:url(/js/PIE.htc)}
.articleImage img {border: 1px solid;border-top-color:#4A4A4A !important;border-right-color:#333333 !important;border-bottom-color:#333333 !important;border-left-color:#4A4A4A !important;}
.articleCategories {border-bottom: 1px dotted #787878 !important;clear: both !important;}
.articleList .articleImage {}
.articleList .articleImage img {}
.StandardButton, a.StandardButton, a.StandardButton:link {background: url("/images/CoolBits/CoolButton.png") repeat-x scroll 0 0 #252525;border: 1px solid #333333;color: #FF0000 !important;}
a.StandardButton:hover{background: url("/images/CoolBits/CoolButton.png") repeat-x scroll 0 0 #000000;color: #FF0000 !important;}

/* JQ Gallery */
.LiveGalleryDefault .LGAlbum{width: 288px !important;margin: 6px !important;}
.LiveGalleryDefault .LGImage{margin:26px !important;}
.LiveGalleryDefault .LGAlbumInfo .small{font-size: 9px !important;}
.LiveGalleryDefault .LGAlbumInfo p {font-size: 12px !important;}
.LGAlbumInfo a,.LiveGalleryDefault .LGImage a{outline:none !important;}
.LiveGalleryDefault{margin-top: 18px;}
.LGPageDiv span.LGPageNoSelected {background:#8C0000;color:#FFF !important}
.LGPageDiv a,.LGPageDiv a.LGPageNext{border:none !important;}
.LGPageDiv a, .LGPageDiv a{background-color: #4E5052 !important;}
.LGPageDiv a:link, .LGPageDiv a:visited{background-color: #4E5052 !important;color:#aaa !important}
.LGPageDiv a:hover, .LGPageDiv a:active{background-color: #8C0000 !important;color:#FFF !important}
.LiveGalleryDefault .LGImage:hover,.LiveGalleryDefault .LGAlbum:hover{border-color:#666 !important}
/*.LiveGalleryDefault .LGImage:hover,.LiveGalleryDefault .LGAlbum:hover {background:#575A5E !important}*/
.Foot {vertical-align: middle;}

.articleText a, .articleText a:link, .articleText a:visited{text-decoration: underline;}
.articleText a:active, .articleText a:hover{text-decoration:underline}

/* Forum */
.aftopictitle, .aftopictitle a, .aftopicrownew .aftopictitle a, .aftopicrownew .aftopictitle a:link, .aftopicrownewalt .aftopictitle a, .aftopicrownewalt .aftopictitle a:link {
    color: #eee !important;}
.afgrouprow {
    background-color: transparent;
    color: #ddd;}
.afgroupsectiontitle {
    background: transparent none repeat scroll 0 0;}
.aftopicsubtitle {
    color: #aaa;}
td.af-colstats {
    color: #aaa;}
td.af-content td.afsubject .aftruncatemorelink {
    color: #d23232;}
.afposttopic .afpostbody, .afpostreply1 .afpostbody, .afpostreply2 .afpostbody {
    font-family: inherit;color: #aaa;}
.aftitlelg {
    color: #ddd;}
.afcontainer {
    color: #aaa;}
.af_currentpage {
    color: #fff;}
.afpostinfo2, .afpostreply2 {
    background-color: #333;}
.afcrumb a, .afcrumb a:link, .afcrumb a:visited, .afcrumb a:active {
    color: #ffffff;}
.fa-grey {
    color: #b6b6b6;}
td.af-lastpost div a:link, td.af-lastpost div a:visited {
    color: #ddd;}
.aftitlelg a:link, .aftitlelg a:active, .aftitlelg a:visited {
    color: #bbb;}
.afpostinfo2 a, .afpostinfo2 a:link, .afpostinfo2 a:visited, .afpostinfo2 a:active, .afpostreply2 a, .afpostreply2 a:link, .afpostreply2 a:visited {
	color: rgb(255, 0, 0);
}
.afpostreply1 a, .afpostreply1 a:link {
	color: red;
}


/* Easy NEws */

.eds_news_Ozone.eds_subCollection_news .edn_article .edn_readMoreButtonWrapper {
	text-align: left;
}
.edn_printButton {
	display: none !important;
}
.edn_printButton {
	display: none !important;
}
.eds_news_Ozone.eds_subCollection_news .edn_mediaContainer {
	width: 100%;
}
.eds_news_Ozone.eds_subCollection_news .edn_mediaContainer img {
	width: 100%;
}

/* Registration */
.LiveForm.WWDefault input, .LiveForm.WWDefault select, .LiveForm.WWDefault textarea {border: 1px solid #757575;background-color: #5e5e5e;color: #d2d2d2;}
.LiveForm.WWDefault input[type="submit"], .LiveForm.WWDefault input[type="button"] {background: #252626;}
.LiveForm.WWDefault input[type="submit"]:hover, .LiveForm.WWDefault input[type="button"]:hover {background: #f00;}