﻿/* WonderWebs-XHTML 3.0 template rev. 1.0 - Website stylesheet - Copyright 2012 WonderWebs.com */

/* Tags, fonts & colours - Use long form CSS for fonts where possible */
body, .Normal{font-family:"Segoe UI",Arial,sans-serif;font-size:13px;color:#777777;}/* Apply a default font and colour here. This will be inherited throughout */
h1{color: #B1B3B5;font-family: "Century Gothic";font-size: 32px;font-weight: normal;margin: 24px 0 36px;}
h2{font-size:15px;font-weight:bold;margin-bottom:9px;color:#888888;line-height:20px;}
h3{}
h4{}
h5 {color: #888888;font-size: 12px;font-weight: normal;margin-bottom: 12px;}
h6{}
.StandardButton{}
.StandardButton:hover{}
hr{border-color:#DDDDDD;color:#DDDDDD;}
img{}
blockquote{}
.Head{}/* Admin headings */
.SubHead{}/* Admin labels */
input[type=text],input[type=file],select,textarea{}/* This colours all text areas and input fields in one go */

/* Default hyperlink colours */
a, a:link, a:visited{color:#0086D9}
a:active, a:hover{color:#D90000;text-decoration:underline}

/* Webbit Link and Settings Colours */
.WebbitSettingsPane{}/* Change when the chosen colours make it difficult to view settings panels */
.WebbitEdit,.WebbitEdit a:link,.WebbitEdit a:visited,.WebbitEdit a:active{}/* Set color:#00FF00 on dark sites */
.WebbitEdit a:hover{}/* Set color:#FFFFFF on dark sites */

/* Grouped template links */
.SigninPane,.SigninPane a:link,.SigninPane a:visited{}
.SigninPane a:active,.SigninPane a:hover{}
.BreadCrumbPane,.BreadCrumbPane a:link,.BreadCrumbPane a:visited{}
.BreadCrumbPane a:active,.BreadCrumbPane a:hover{}
.Footer,.Footer a:hover .FooterDivider,.Footer a:link,.Footer a:visited{color:#5E6774;}
.Footer a:active,.Footer a:hover{color:#FFF}

/* Individual template links. Can be used to hide, restyle or move them individually instead of grouped as above */
.BreadCrumbs{}
.Account{}/* The registration link */
.SigninTop{}/* The first sign-in link at top of page */
.SigninSeparator{}/* Vertical pipe between registration and sign-in links - Use visiblity:hidden to hide */
.SigninBottom{}/* The second sign-in link at bottom of page */
.Terms{}
.Privacy{}
.Copyright{}
.Producer{}

/* Content areas. Generally for visiblity and background colours */
/* Not normally used for fonts or text colours and not used for gaps between columns! */
.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 directly after "PageID" */
.Page{background:#FAFAFA url(Background-2012.png) repeat-x}/* Apply page background here */
.Placement{padding-bottom:0}/* Aligns the Paper */
.Above{}/* Content panel above the Paper */
.Shadow{}/* A grid of table cells holding the shadow graphics */
.PaperBorder{border:none}/* Border around the edge of the Paper */
.Paper{background:transparent}/* Paper includes everything from Logo down to Foot. Mainly for background colour */
.Paper,.LogoPane,.Footer{width:960px} /* Width of the logo graphic */
.LogoPane,.LogoLink{height:107px} /* Height of the logo graphic  */
.LogoPane{background:transparent url(Logo-2012.png) no-repeat} /* The file name of the Logo graphic */
.LogoLink{width:460px} /* 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{}/* This covers the entire menu including SigninPane */
.SigninPane,.SigninPane .ContainerHead,.SigninPane .ContainerBody,.SigninPane .ContainerFoot{display:none}/* Register and Sign-in links */
.Header{}/* Content panel below the menu and above the SearchBar */
.SearchBar{display:none}/* Entire Search bar including the BreadCrumbPane and SearchPane */
.BreadCrumbPane{}/* 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{}/* 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{}/* Table row containing Left, ContentPane and Right areas. Use when applying a special background covering all three */
.Left{padding-top:22px}/* Left column content panel */
.Content{padding-top:22px}/* Main content panel. Has a minimum height of 400px by default */
.Right{padding-top:22px}/* Right column content panel */
.Bottom{}/* Content panel attached below the three columns */
.Foot{}/* Content panel attached to bottom of Paper */
.PaperBottomEdge{}/* An empty div at the bottom edge of the Paper for graphics or colours */
.Footer{top:131px}/* Contains the links below the Paper */
.Below{color:#AAA;padding-top:10px;background:#FFFFFF url(Footer-2012.png) repeat-x;height:126px}/* 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}/* 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{line-height:36px;color:#888888;font-size:15px;font-weight:bold;border-bottom:1px solid #DDDDDD;display:block;}/* 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 use 12px values in place of 6px */
.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 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 column widths in Horizontal menu template */
.Left .Container,.Left .NoContainer{}/* Left column width */
.Right .Container,.Right .NoContainer,.SearchPane{width:360px}/* 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{font-family:"Segoe UI",Arial,sans-serif;font-size:11px;font-weight:bold;letter-spacing:0.04em;}/* Menu font. Use long-form CSS i.e. font-size, font-weight etc */
ul.Menu .sub a{}/* Sub Menu font, if different */

/* Menu Wrappers */
.MenuBar{background:none;padding:0;float:right;margin-top:-59px;}/* 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 - Set border:none to remove */
.MenuPaneInner{}/* Secondary inner menu wrapper for more complex positioning */

/* 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{background:transparent}/* Menu */
ul.Menu a.branch{}/* Menu Branch */
ul.Menu a.current,ul.Menu a.breadcrumb{background:transparent;color:#9D0000}/* Menu Active */
ul.Menu a:hover,ul.Menu a:focus{background:transparent;color:#9D0000}/* 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 */

/* Individual menu item height and padding. Apply height like this {height:36px;line-height:36px} */
ul.Menu a{padding:0 12px;}/* Menu */
ul.Menu .sub a{}/* Sub Menu */

/* Shadow graphics can be replaced by a CSS sprite, or and design that can be sliced into 4 corners and 4 sides */
/* Default shadow is 3 CSS sprites made of 24px sections: ShadowCornersLight.png, ShadowRowsLight.png, ShadowColumnsLight.png. Sprites for Dark, Medium, RoundBlack and RoundWhite are also present - Ask for help */
.STL,.STR,.SBL,.SBR{}/* Corners sprite */
.STM,.SBM{}/* Top and bottom rows */
.SLM,.SRM{}/* Left and right columns */
.SL,.SR,.ST,.SB{display:none}/* Set this to display:none to remove all shadows */

/* 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{}
.SecretsContainer{}/* Set margin here to shrink width of secrets panels to suit design */

/* Place custom Webbit styles here */

/* Homepage gallery */
.Page501 .Right{padding-top:0 !important}
.Page501 .LiveGalleryDefault li {float: right !important}
.Page501 .LiveGalleryDefault .LGImage{border:none !important;padding:0 !important;height:70px !important;width:70px !important;border-radius: 8px 8px 8px 8px !important;box-shadow:3px -2px 10px #AAAAAA !important;margin:0 0 24px 24px !important;position:relative;z-index:1;behavior:url(/js/PIE.htc)}
.Page501 .LiveGalleryDefault .LGImage a img{border-radius:8px 8px 8px 8px !important;opacity:0.8;position:relative;z-index:1;behavior:url(/js/PIE.htc)}
.Page501 .LiveGalleryDefault .LGImage a img:hover{opacity:1}

.Below h2{font-style:italic;font-weight:normal;margin-bottom:6px;}
.Below h4{margin-left:24px;}

.Foot .Container {margin-left:645px;margin-top:107px;position:absolute;}
.Page501 div.cs-twitter-container{margin-left:75px;width:263px;}
.Page501 ul.cs-twitter-list li {margin:0;padding-bottom:0}
.Page501 div.cs-twitter-footer {position:relative;top:-23px;}
.Page501 ul.cs-twitter-list li div.cs-twitter-list-container {background:#F0F0F0}
/*.Page501 ul.cs-twitter-list li div.cs-twitter-list-container {background:#FFFFFF;border-radius:8px 8px 8px 8px;box-shadow:3px 1px 10px #BBBBBB;position:relative;z-index:1;behavior:url(/js/PIE.htc)}*/

.afgrouprow {background-image:none !important;background-color:#C1C6C8 !important;color:#666666 !important;/*font-size:13px !important;*/font-weight:normal !important;}
/*.afnormal, .afgrid {font-size:12px !important;}*/
td.af-forumdetail {padding-left:12px !important;}
.afpostbody,.afcontainer td,.aftopicrownew a:link,.aftopicrownewalt a:link{/*font-size:13px !important*/;font-weight:normal !important;font-family:inherit !important}
.afcontainer h3, .aftopic h3 {color:#777777 !important;}

td.af-forumdetail a:link, td.af-forumdetail a:visited, td.af-subforumdetail a:link, td.af-subforumdetail a:visited {font-weight:normal !important;}
td.af-lastpost {/*font-size: 12px !important;*/}

.afforumrow a:link, .afforumrow a:visited, .afforumrow a:active, .afpostinfo1 a, .afpostinfo1 a:link, .afpostinfo1 a:visited, .afpostinfo1 a:active, .afposttopic a, .afposttopic a:link, .afposttopic a:visited, .afpostreply1 a, .afpostreply1 a:link, .afpostreply1 a:visited, .afforumrow2 a:link, .afforumrow2 a:visited, .afforumrow2 a:active {
    color: #5FA3CD !important}
.afpostinfo2 a, .afpostinfo2 a:link, .afpostinfo2 a:visited, .afpostinfo2 a:active, .afpostreply2 a, .afpostreply2 a:link, .afpostreply2 a:visited {
    color: #5FA3CD !important}

td.af-forumdetail a:hover, td.af-subforumdetail a:hover {color:#0086D9 !important;}

.afforumrowbottom a, .afforumrowbottom a:link, .afforumrowbottom a:active, .afforumrowbottom a:visited,.afforumrowtop a, .afforumrowtop a:link, .afforumrowtop a:active, .afforumrowtop a:visited,.afforumrowmid a, .afforumrowmid a:link, .afforumrowmid a:active, .afforumrowmid a:visited {
  color: #455a63;
  text-decoration: none;
  white-space: normal;
}

.Features{margin-bottom:60px;width:100%}
.Features h3{margin:0 6px 3px;font-size:15px;}
.Features h5{margin:0 6px 12px;font-size:14px;}
.FeatureSpacer{width:58px}
.Features img{border:4px solid #FFFFFF;border-radius:16px 16px 16px 16px;box-shadow:3px 2px 10px #AAAAAA;position:relative;z-index:1;behavior:url(/js/PIE.htc)}

/* Features tooltips*/
.Id1308 div.ui-tooltip,.Id1308 div.qtip{max-width: 600px !important;}
.Id1308 div.ui-tooltip .ui-tooltip-content {padding: 16px 24px !important;}
.Id1308 div.ui-tooltip-light .ui-tooltip-wrapper {color: #666666 !important;}
.Id1308  div.ui-tooltip .ui-tooltip-wrapper {border-width: 0 !important;box-shadow: 1px 3px 8px #999999 !important;border-radius: 10px 10px 10px 10px !important;behavior:url(/js/PIE.htc);}
.Id1308 div.ui-tooltip-titlebar{display:none !important;}
.Id1308 .Bullets li {margin-left: -35px !important;}

/* Features table */
.ZebraStripes{border:none;background:url("Content/Images/Features/Website-Pricing-Background.png") repeat-x scroll 100% 0 transparent}
.ZebraStripes caption{}
.ZebraStripes td,.ZebraStripes th{border-bottom: 1px solid #ccc;border-top: 1px solid #FFF;}
.ZebraStripes td, .ZebraStripes th{color: #777777;font-size: 16px;padding:0;height:42px;font-family: "Century Gothic","Segoe UI",Arial,sans-serif;}
.ZebraStripes td{text-align:center;font-size: 13px;color:#777777}
.ZebraStripes th{font-weight:normal}
.ZebraStripes thead th{}
.ZebraStripes tr{}
.ZebraStripes tr.odd{}
.ZebraStripes tr.odd:hover,.ZebraStripes tr:hover{background:#FBFBCE;}
.ZebraStripes .odd th{}
.ZebraStripes tfoot th, .ZebraStripes tfoot td{}
.ZebraStripes a, .ZebraStripes a:link, .ZebraStripes a:visited{color:#777777;display:block;padding:11px}
.ZebraStripes a:active, .ZebraStripes a:hover{color:#777777;text-decoration:none}

/* Testimonials Rotator on Testimonials page */
#LiveRotator7955 .ContentSlide p {font-family: georgia;font-size: 14px;font-style: italic;line-height: 150%;}

/* MCH Survey */
.Page2464 .DynamicForms_MainPanel{width:970px}
.Page2464 .DynamicForms_TableRow .NormalBold,.Page2464 .DynamicForms_TableRow .NormalTextBox{font-weight:normal}
.Page2464 .FormSectionHead{font-weight:bold;font-size:13px}
.Page2464 .HeadingLabel{font-weight:bold;font-size:12px}
.Page2464 .Italics{font-weight:normal;font-style:italic;font-size:13px}
.Page2464 .Separator hr{border-color:transparent;color:transparent;margin:12px 0;}
.Page2464 .DynamicForms_RequiredFieldAsterik {color: #FF0000;font-size: 13px;padding-left: 3px;}
.Page2464 .DynamicForms_SaveFormDiv{margin-top: 24px;}
.Page2464 .dnnFormSectionHead a{color:#5E88A2;background-color:#efefef;display:block;padding:6px 12px;outline:none}
.Page2464 .dnnFormSectionHead a:hover{color:#5E88A2;background-color:#eaeaea;text-decoration:none}
.Page2464 .dnnFormSectionHead .dnnSectionExpanded{}
.Page2464 h2.dnnFormSectionHead {border-bottom:none;padding:0}
.Page2464 fieldset{border:none}
.Page2464 .RemoveBreak br{display:none}
.Page2464 td.RemoveBreak{white-space:nowrap}
.Page2464 td.GoRight{text-align:right !important}
#dnn_ctr7989_DynamicForms_ValidationSummary2{color:#ff0000 !important}
.Page2464 .MenuBar,.Page2588 .MenuBar{display:none}
.Page2464 .LogoPane,.Page2588 .LogoPane{display:none}
.Page2464 .Content,.Page2588 .Content{padding-top:8px}
.Page2464 .LogoLink,.Page2588 .LogoLink{display:none}
.Page2464 .Page,.Page2588 .Page{background:url("MHC-Survey-Background.png") repeat-x scroll 0 0 #FAFAFA;}
.DynamicForms_PanelTable {border-spacing:0;border-collapse:collapse;}
.DynamicForms_PanelTable td{padding: 2px 3px 2px 0 !important;}
#dnn_ctr7989_DynamicForms_tblPanel_d0b0374e-f7f6-4852-89b4-41fc1a7fa6bd table{width:515px}
#dnn_ctr7989_DynamicForms_Cell_91615979-27d1-4266-b814-7bee17cd2805{width:900px !important;}
#dnn_ctr7989_DynamicForms_Cell_caa8e87f-869c-4fb0-adba-4b601efe9303{width:450px !important;}


/* Easy Rotator */
.chameleon_slider.callisto {
    font-family: inherit !important;
}

/* Fixes for forum */
.afcontainer h3, .aftopic h3 {font-size: 19px}
.afcontainer h2 {
    color: #454545;
    font-size: 22px;
}