﻿@charset "utf-8";
/* WonderWebs-XHTML 2.1 template rev. 2.0 - Website stylesheet - Copyright 2010 WonderWebs.com */

/* Tags, fonts & colours */
body, .Normal{font-size:11pt;color:#313131;}/* Apply a default font and  colour here - This will be inherited by most other tags*/
h1{font-family:Arial Narrow,Arial;font-size:16pt;font-weight:normal;color:#f27a1f}/* Apply mainly colours for the rest of these items */
h2,.FormSectionHead{font-family:Arial Narrow,Arial;font-size:14pt;font-weight:normal;color:#171f4a}
h3{font-family:Arial;font-size:10pt;font-weight:bold;color:#171f4a}
h4{font-family:Arial;font-size:9pt;font-weight:bold;color:#003366}
h5{font-family:Arial;font-size:9pt;font-weight:bold;color:#f27a1f}
h6{font-family:Arial;font-size:8.5pt;font-weight:bold;color:#663300}
.StandardButton{padding-right:5px;padding-left:5px;padding-top:0px;padding-bottom:0px;margin:0px;font-weight:normal;font-size:11px;background:#F27A1E;color:#FFFFFF;font-family:Verdana, sans-serif;text-transform:capitalize;height:22px;border:none;}
.StandardButton:hover{background:#FF9900;}
hr{border-width:1px 0px 0px 0px;border-style:dashed;border-color:#313131;color:#313131;background-color:transparent;height:0px;text-align:left;background-color:transparent;}
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:#0f1b5f}
a:active, a:hover{color:#b3afab;text-decoration:underline;}

/* Webbit Edit Links */
.WebbitEdit,a.WebbitEdit:link,a.WebbitEdit:visited,a.WebbitEdit:active{}/* Set color:#00FF00 on dark sites */
a.WebbitEdit:hover{}/* 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{}
.SigninPane a:active,.SigninPane a:hover{}
.BreadCrumbPane,.BreadCrumbPane a:link,.BreadCrumbPane a:visited{font-size:26px;color:#FFF}
.BreadCrumbPane a:active,.BreadCrumbPane a:hover{color:#FFF;text-decoration:none}
.Footer,.Footer a:hover .FooterDivider,.Footer a:link,.Footer a:visited{}
.Footer a:active,.Footer a:hover{color:#FF9000}

/* Individual template links - Can be used to hide, restyle or move them individually */
.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! */
/* Certain content panels can be moved around at will - See main stylesheet */
.Page{background:#181F4B}
.Placement{}
.Above{}
.Shadow{}
.PaperBorder{background:#FFF;border-width:16px 24px 0 24px}
.Paper{}/* Paper includes header and logo - Mainly for background colour */
.Paper,.LogoPane,.Footer{width:863px} /* Type the width of the logo graphic here */
.LogoPane,.LogoLink{height:174px} /* Type the height of the logo graphic here */
.LogoPane{background:#FFF url(header-content.jpg) no-repeat} /* The file name of the Logo graphic - Must be in Web Root or must specify absolute path */
.LogoLink{} /* An invisble link to the site homepage. To make room for a Webbit in place of the logo, set this to display:none */
.MenuBar{background:#FFF url(menubar.png) no-repeat;margin-top:14px;height:22px}/* This covers the entire menu including sign-in */
.SigninPane .ContainerHead,.SigninPane .ContainerBody,.SigninPane .ContainerFoot{}/* Special SigninPane class for Vertical rounded template */
.SigninPane{display:none}/* SigninPane for all other templates */
.Header{}
.SearchBar{background:#FFF url(content-header-search.png) no-repeat;height:62px}
.BreadCrumbPane{padding:21px 0 0 12px;background:none;width:650px}
.SearchPane{margin-top:19px;background:transparent;width:174px}
.SearchInput{width:95px}/* Change this width when column widths have been changed - Is usually column width minus 74px */
input.SearchInput{background:transparent;border:none}
.SearchButton img{visibility:hidden}
.Top{}
.ContentRow{}/* Table row containing Left, ContentPane and Right areas - Use when applying a special background covering all three */
.Left{}
.Content{}
.Right{}
.Bottom{}
.Foot{padding-top:14px}
.PaperBottomEdge{}/* An empty div at the bottom edge of the Paper for graphics or colours */
.Footer{width:910px}
.Below{}

/* 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{}

/* Default Light container - Some other containers are: .Dark .HighLight .Transparent .Blank */
.Light .ContainerHead{}/* Head section background color */
.Light .ContainerTitle{font-family:Arial Narrow,Arial;color:#171f4a}/* Title font and colour */
.Light .ContainerBody{}/* Body section background color*/
.Light .Normal{}/* Content font and colour */
.Light .ContainerFoot{}/* Foot section background color*/

/* Default HighLight container - Some other containers are: .Dark .HighLight .Transparent .Blank */
.HighLight .ContainerHead{background:#cfdae2;border-bottom-color:#FFF}/* Head section background color */
.HighLight .ContainerTitle{font-family:Arial Narrow,Arial;color:#171f4a}/* Title font and colour */
.HighLight .ContainerBody{background:#cfdae2}/* Body section background color*/
.HighLight .Normal{}/* Content font and colour */
.HighLight .ContainerFoot{background:#cfdae2}/* Foot section background color*/

/* Default Dark container - Some other containers are: .Dark .HighLight .Transparent .Blank */
.Dark .ContainerHead{background:#171F4A}/* Head section background color */
.Dark .ContainerTitle{font-family:Arial Narrow,Arial;color:#f27a1f}/* Title font and colour */
.Dark .ContainerBody{background:#171F4A}/* Body section background color*/
.Dark .Normal{}/* Content font and colour */
.Dark .ContainerFoot{background:#171F4A}/* Foot section background color*/

/* Default Transparent container - Some other containers are: .Dark .HighLight .Transparent .Blank */
.Transparent .ContainerHead{}/* Head section background color */
.Transparent .ContainerTitle{font-family:Arial Narrow,Arial;color:#f27a1f}/* Title font and colour */
.Transparent .ContainerBody{}/* Body section background color*/
.Transparent .Normal{}/* Content font and colour */
.Transparent .ContainerFoot{}/* Foot section background color*/

/* 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:10px 6px 0 6px}/* {margin:6px 6px 0 6px} */
.Left .Container{margin:10px 0 0 0}/* {margin:6px 0 0 6px} */
.Right .Container{margin:10px 0 0 0}/* {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{width:99px}/* Left column width */
.Right .Container,.Right .NoContainer,.SearchPane{}/* Right column width */

/* SubMenu width and displacement relative to Menu */
ul.lvl1,ul.lvl2,ul.lvl3{}/* SubMenu widths for three levels. Default is {width:180px}. SubMenus do not stretch to fit width of content */
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{font-family:Verdana;font-weight:bold;font-size:11px}/* 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{}/* Outer menu wrapper. Includes SigninPane. Displays a background graphic. Set background:none to remove */
.MenuPane{}/* Inner menu wrapper. Does not include SigninPane. Has a left and right border in Horizontal menu*/

/* Menu item borders and separators. Set border:none to remove defaults. Note that root items cascade to Sub Menus*/
ul.Menu a:after{content:"|";margin-left:8px}
ul.Menu a:hover:after{color:#FFFFFF}
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 a.last:after{content:normal}/* Last menu item */
ul.Menu .sub a.first{border-top:1px solid #D46629}/* First submenu item */
ul.Menu .sub a{border-bottom:1px solid #D46629;border-left:1px solid #D46629;border-right:1px solid #D46629}/* Remaining submenu items */
ul.Menu .sub a:after{content:normal}
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{color:#FFFFFF;background-color:#F27A1F}/* Menu */
ul.Menu a.branch{}/* Menu Branch */
ul.Menu a.current,ul.Menu a.breadcrumb{color:#FFFFFF;background-color:#f27a1f}/* Menu Active */
ul.Menu a:hover,ul.Menu a:focus{color:#171f4a;background-color:#f27a1f}/* Menu Hover */

/* SubMenu colours */
ul.Menu .sub a,ul.Menu .sub a:visited{color:#ffffff;background:#F27A1F}/* Sub Menu */
ul.Menu .sub a.branch{}/* Sub Menu Branch */
ul.Menu .sub a.current,ul.Menu .sub a.breadcrumb{color:#FFFFFF;background-color:#f27a1f}/* Sub Menu Active */
ul.Menu .sub a:hover,ul.Menu .sub a:focus{color:#171f4a;background-color:#f27a1f}/* Sub Menu Hover */

/* Individual menu item height and padding. Apply height like this {height:36px;line-height:36px} */
ul.Menu a{height:22px;line-height:22px;padding:0 8px 0 0}/* Menu */
ul.Menu .sub a{}/* Sub Menu */

/* Eight 24x24px shadows are applied to corners and sides - example: {background:url('/Images/ShadowLightTL.png')} */
/* Change "Light" to "Medium" or "Dark" for square shadow variations, or to "RoundWhite" or "RoundBlack" in round templates */
.SL,.SR{}/* Width of shadow graphics columns - Default is width:24px */
.ST,.SB{}/* Height of shadow graphics rows - Default is height:24px */
.STL{background:url('/Images/ShadowMediumTL.png')}
.STM{background:url('/Images/ShadowMediumTM.png') repeat-x}
.STR{background:url('/Images/ShadowMediumTR.png')}
.SLM{background:url('/Images/ShadowMediumLM.png') repeat-y}
.SRM{background:url('/Images/ShadowMediumRM.png') repeat-y}
.SBL{background:url('/Images/ShadowMediumBL.png')}
.SBM{background:url('/Images/ShadowMediumBM.png') repeat-x}
.SBR{background:url('/Images/ShadowMediumBR.png')}

/* Webbits - Place Webbit styles here */
.FilesAndFoldersHeader{background:#EFEFEF}

#dnn_WonderWebsSearch_txtSearch.NormalTextBox  {margin-right:10px}
/* Calendar */
.EventDay, .EventDay td,.EventWeekendDay,.EventDayScroll,.EventOtherMonthDay{height: 58px !important}
.evtTitle, .evtTitle td {display:none;}
.reg-form-table .regCtl input[type="text"],.AttendeeCompany{width:200px !important}/* Event Reg Form fields */
/* Labels */
.SubHead{font-family:Arial, Helvetica, sans-serif;font-size:10pt;font-weight:bold;color:#171f4a;}
/* Signin control */
#dnn_ctr2440_Login_pnlLogin .CommandButton{color:#5c93cc;}
#dnn_ctr2440_Login_pnlLogin label{color:white;}
#dnn_ctr2440_Login_pnlLogin .NormalTextBox{width:182px !important}
/* SubscribeMe labels */
.DarkBlue .SubHead{color:white;}

.articleSummary a,.articleSummary a:link,.articleSummary a:visited{color:#F27A1F !important;}
.ListContent a,.ListContent a:link,.ListContent a:visited{color:#F27A1F !important;}

/* Directory Styles */
.Page792 .articleCalendar,.Page792 .articleAuthor,.Page792 .articleList .articleFooterLinks,.Page792 .articleList .articleCategories,.Page792 .articleMenu .BrowseArchive,.Page792 .articleDate{display:none !important}
.Page792 .articleHeadline h1{font-family:Arial Narrow,Arial !important;font-size:22px !important}
.Page792 .articleList .articleImage {float:left !important;margin:2px 0 12px 0 !important;width:120px !important}
.Page792 .articleList .articleText{float:right !important;width:420px !important}
.Page792 .articleImage img{border:none !important}
.Page792 .articleList .articleImage img{max-width:120px !important}
.Page792 .articleDetails .articleSummary {display:inline !important;font-weight:bold}
.articleSearch .NormalTextBox{width:128px !important}


/* Photo Albums */
.Album{width:250px;height:274px;margin:12px 4px;background:#EBEBEB}/* Set width and height about 30px larger then the album thumbnail size in Webbit settings */
.Photo{width:175px;height:175px;margin:12px 4px;background:#EBEBEB}/* Same as above but for photo thumbnail */
.Album:hover,.Photo:hover{background:#ddd;}/* Set the hover colour */
.Album .photo_198,.Photo .photo_198{margin-bottom:6px}/*Set any spacing around the thumbnail */
.Album .photo_198{margin-top: 18px;}
.View{width:100%}
table.RandomView{width:208px;margin-bottom:1px}
.Page753 table.RandomView{width:188px;margin-bottom:1px}


/* Dynamic Registraton Buttons on newsletter signup form - not yet enabled */
a.RegisterLink{color:#FFF !important;font-size:11px;font-weight:bold;text-decoration:none !important;padding:0;margin:12px 0 0 7px;display:inline-block;text-align:center;border:none}
/* Default button dimensions */
a.RegisterLink{line-height:24px;padding:2px 32px;}
/* Button colours and width */
a.RegisterLink{background:#102256 url('/DesktopModules/NB_Store/img/GlossyButtons.png') repeat-x}
a.RegisterLink:hover{background:#0D508E url('/DesktopModules/NB_Store/img/GlossyButtons.png') repeat-x}
/* CSS3 rounded corner and shadow effects */
a.RegisterLink{-moz-box-shadow:1px 2px 6px #B8B8B8;-webkit-box-shadow:1px 2px 6px #B8B8B8;box-shadow:1px 2px 6px #B8B8B8;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;position:relative;z-index:1;behavior:url(/js/PIE.htc)}


/* Member Profile Form */
#SaveForm{margin-left:180px}
#dnn_ctr6306_DynamicRegistration_lnkRegister{text-decoration:none;padding:4px 12px;margin:0;font-weight:bold;font-size:11px;background:#003366;color:#FFFFFF;font-family:Verdana,Arial;height:22px;border:none}
#dnn_ctr6306_DynamicRegistration_lnkRegister:hover{background:#006699}
.White span{color:#FFF}
.Page2779 .FormSectionHead { background:#47647E;color:#FFF;font-size:17px;padding:8px;}
.DynamicRegistration_Maintable {font-weight:normal;font-size:13px}
.DynamicRegistration_Maintable .NormalBold span{line-height:25px;font-weight:normal;font-size:13px;margin-left:6px}
.DynamicRegistration_Maintable .NormalBold{background:#eee}
#dnn_ctr7492_DynamicRegistration_tblQuestions br{display:none}
