/*** WEBSITE: Default 4.4.1 Skin
	 AUTHOR: Cherie Proctor 
	 CREATED: 20/03/2007 
	 COMMENTS: Condensed Stylesheet for Default 4.4.1 Skin  *****************************************************
    SKIN LAYOUT STYLES
***************************************************** */#bodyDiv{width:100%;height:100%;text-align:center;background-color:#fff;background:#CCC url(images/page_bg.gif) repeat top left;margin:0;padding:0}
html>body #bodyDiv{height:auto;min-height:100%}
#frame{width:871px;margin-left:auto;margin-right:auto;text-align:left}
html>body #frame{width:871px}
#branding{height:119px}
.sunTop{background:url(images/sunTop.gif) no-repeat top left;width:315px;height:119px;margin-left:9px;float:left}
html>body .sunTop{margin-left:19px}
.logo{float:right;padding:20px 41px 0 0}
.clouds{background:url(images/clouds.gif) no-repeat top left;width:269px;height:51px;float:left;margin-left:13px}
html>body .clouds{margin-left:26px}
#menu{height:27px}
#menuDesign{width:521px;height:41px;background:#ffe363;padding-top:10px;float:left}
html>body #menuDesign{height:41px}
.menuEnd{width:14px;height:51px;background:url(images/menu_crn.gif) no-repeat top left;float:right;margin-right:41px}
.leftPanel{width:158px;height:208px;float:left;background:url(images/sunBot.gif) no-repeat top left}
#contentArea{width:672px;float:right;clear:right;background:url(images/contentArea_bg.jpg) repeat-y top left;margin-right:41px;height:100%}
#enclose{width:672px;float:left;background:url(images/enclose_bg.jpg) no-repeat top left;min-height:300px}
.expander{background:url(images/expander_bg.gif) repeat-y top left;height:100%}
.contentPanel{width:330px;float:left;min-height:167px;height:100%;padding:30px 10px 0 35px}
.rightPanel{width:220px;float:right;padding:65px 45px 0 0}
.contentPanelInner{width:570px;float:left;min-height:167px;height:100%;padding:30px 10px 0 35px}
.grass{width:758px;height:85px;float:right}
.grassLeft{width:45px;height:85px;background:url(images/grass_01.gif) no-repeat top left;float:left}
.grassMiddle{width:672px;height:85px;background:url(images/grass_02.jpg) no-repeat top left;float:left}
.grassRight{width:41px;height:85px;background:url(images/grass_03.gif) no-repeat top left;float:right}
#footer{clear:both;float:right;width:676px;height:16px;text-align:right;font-size:11px;color:#FFF;background:url(images/dirt.gif) no-repeat top left;margin-right:14px;padding:0 20px 0 7px}
html>body #footer{width:676px;padding:0 35px 0 7px}
#footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a.footerMenuItem{font-size:11px;color:#FFF;text-decoration:none;background:url(images/bug.gif) no-repeat top left;padding-left:17px;margin-right:10px}
#footer a:hover{text-decoration:underline}
.copyright{float:left;text-align:left;padding-left:14px}
.footLinks{float:right}
.roots{width:657px;height:85px;background:url(images/roots.gif) no-repeat top left;float:right;clear:both;margin-right:34px}
/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
******************************************************/
/***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu, .menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block; zoom: 1;/*IE6*/ min-height: 0;/*IE7*/}
.menu li {margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; white-space: normal;}
.menu li:hover {z-index: 10000; white-space: normal;}
.menu li.menuHover /*IE6*/{z-index: 10000;}
.menu .menuHoverUL /* li:hover>ul selector */ /*IE6*/{visibility: visible;}
.menu .menuHoverUL /* 1st-level submenu go below their parent item */ /*IE6*/{top: 100%; left: 0;}
.menu .menuHoverUL .menuHoverUL /* 2nd+ levels go on the right side of the parent item */ /*IE6*/{top: 0; left: 100%;}
.menu li li {float: none;}
.menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0;}
.menu li:hover>ul {visibility: visible;	top: 100%;}
.menu li li:hover>ul /* 2nd+ levels go on the right side of the parent item */{top: 0; left: 100%;}
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:link:hover, .menu li.active {display: block; position: relative;}
.menu ul a /*fix clickability-area problem*/ /*IE6*/{zoom: 1;}
.menu li li /*fix white gap problem*/ /*IE6*/{float: left; width: 100%;}
.menu li li /*prevent double-line between items*/ /*IE6*/{margin-top: -1px;}
html>body .menu li li { margin-top: 0px;}

/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu, .menu ul li {color: #00355e; background: #FFE363;text-transform:lowercase}
.menu ul li {background: #FFE363; text-align: left; width: 150px;}
.menu ul {width: auto;}
/* Top Level Menu Items */
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:hover, .menu a:link:hover, .menu li.active {text-decoration: none; color: #00355e; padding: 5px 10px; border-right: 2px solid #DBC24D; font-size: 18px;font-weight:bold;}
.menu li.active { background: #FFE363; padding: 0px 10px;color:#c7af42}
.menu a:hover, .menu a:link:hover, .menu li:hover>a {color: #75a4d6; background: #FFE363;}
.menu a:hover, .menu a:link:hover, .menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color: #75a4d6; background: #FFE363;}
/* Drop Down Menu Items */
ul.menu ul {border:7px solid #FFE363;}
ul.menu ul a, ul.menu ul a:link, ul.menu ul a:active, ul.menu ul a:visited, ul.menu ul a:hover, ul.menu ul a:link:hover, ul.menu ul li.active {border-right: 0px; text-decoration: none; color: #00355e; padding: 3px 10px;background:#FFF;font-size:11px}
ul.menu ul li.active { background: #FFE363;}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a {color: #75a4d6; background: #FFF;}
.menu ul a:hover, .menu ul a:link:hover, .menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color:#75a4d6!important;background:#FFF;}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding */{ width: 130px; background: #FFF;color:#c7af42}
.menu li li {border: 0px solid #333;}
.menu ul>li + li /*remove top border on all but first item in the list*/{border-top: 0;}
.menu li li:hover>ul /*position of 2nd+ submenus, overlapping*/{top: -1px; left: 100%;}
.menu .menuHoverUL .menuHoverUL /*position of 2nd+ submenus, overlapping*/ /*IE6*/{top: 0px; left: 100%;}

/***  CLEAN MENU FIXES AND EXTRA FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
/* special colouring for first menu item on each level */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {color: #567;}*/
/* float clear - force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;}
/* float clear end */
/* sticky submenu - it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!	if you do it, make sure you 110% know what you do */
.menu ul {background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 0px 0px 0px 0px; margin: 0px 0 0 0px; /*background: #f00;*/	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */}
html>body .menu ul {padding-top: 0px;}
.menu ul ul {padding: 0px 0px 0px 3px; margin: -4px 0 0 0px;border:4px solid #FFE363}
/* sticky submenu end */
/* Fix for IE5/Mac \*//*/
.menu a {float: left;}
/* End Fix */
/*****************************************************
    CONTAINER STYLES
***************************************************** */.container{width:100%}
.containerContent{padding:0}
/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
***************************************************** */html{height:auto;background:#CCC url(images/page_bg.gif) repeat top left}
body{background:#FFF;height:100%;margin:0;padding:0}
body,td,ul li,p,.normal,.NormalDisabled,.blogCalendar td{font-family:"Trebuchet MS", Trebuchet MS, arial, verdana, helvetica;font-size:12px;color:#00355f;font-weight:400;line-height:1.5em}
/* text style used for rendered text which should appear disabled  */.NormalDisabled{color:#D3D3D3}
/* style of item titles on edit and admin pages  */.SubHead{color:#00355F;font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:700;text-align:left}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules  */.SubSubHead{font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:700;color:#000}
/* text style used for rendered text which requires emphasis  */.NormalBold{font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:700}
/* text style used for error messages  */.NormalRed{font-weight:700;color:red}
/* heading styles  */h1,h2,h3,h4,h5,dt,h6,.head,h2 span.head,.container h2 span.head,h3 span.SubHead,.newstitle,tfoot,thead,th{font-family:verdana, helvetica;color:#00355f;font-weight:700;font-size:12px;line-height:normal;margin:0 0 10px;padding:0}
h1{font-size:22px;color:#00355f}
h2,.head,h2 span.head,.container h2 span.head{font-size:14px}
h3,h3 span.SubHead,.newstitle{font-size:12px;font-weight:700}
h4{font-size:12px;font-weight:700}
h5,DT{font-size:12px;font-weight:700}
h6{font-size:12px;font-style:italic}
p{margin:5px 0 15px}
ul{margin:0 0 10px 25px}
html>/**/body ul{margin:0 0 10px}
ul li{margin-left:5px;list-style-type:disc;padding:0}
ul li li{list-style-type:circle}
ul li li li{list-style-type:square}
ol li{list-style-type:decimal}
ol ol li{list-style-type:lower-alpha}
ol ol ol li{list-style-type:lower-roman}
hr{color:dimgrey;height:1pt;text-align:left}
img{border:0;margin:0;padding:0}
/* link styles  */a,a:link,a:active,a:visited{color:#75a4d6;text-decoration:none;margin:0;padding:0}
a:hover{color:#75a4d6;text-decoration:underline}
blockquote{font-size:15px;font-family:"Lucida Sans Unicode";float:right}
pre{font-family:Lucida Console, monospace;color:#434343;font-weight:400;font-size:11px}
address{font-family:Arial, Verdana, Helvetica;color:#434343;font-weight:400;font-size:11px;font-style:italic}
/******************************************************
    FORM STYLES              
*****************************************************  Generic Form Element classes  */.formInput{width:150px;height:18px;border:1px solid #CCC}
.formItem{clear:both}
.label{clear:both;float:left;width:120px;text-align:right;padding-right:10px;font-weight:700}
.labelDetails{width:390px}
.labelDetails p{margin:0 0 7px}
/* button style for standard HTML buttons  */.StandardButton,a.StandardButton,a:link.StandardButton,a:active.StandardButton,a:visited.StandardButton,input.StandardButton,a.CommandButton,a:link.CommandButton,a:active.CommandButton,a:visited.CommandButton{padding:2px 8px;width:0;overflow:visible;font-weight:400;font-size:11px;background:#7B9EBD;color:#FFF;font-family:Tahoma, Verdana, sans-serif;text-transform:lowercase;cursor:pointer;clear:both;height:14px;border:0px solid #333;white-space:nowrap;margin:0;text-decoration:none}
input.StandardButton[class],a.CommandButton[class],a:link.CommandButton[class],a:active.CommandButton[class],a:visited.CommandButton[class]{width:auto}
/* Non IE browsers read this  */a:hover.CommandButton,input:hover.StandardButton{color:#CCC;text-decoration:none}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility  */.NormalTextBox,input.longTextBox,input.longmedTextBox,input.medTextBox,input.medshortTextBox,input.shortTextBox{font-family:Tahoma, Arial, Helvetica;font-size:12px;font-weight:400;border:1px solid #7B9EBD}
input.longTextBox{width:250px}
input.longmedTextBox{width:200px}
input.medTextBox{width:150px}
input.medshortTextBox{width:100px}
input.shortTextBox{width:60px}
/*Dropdown Boxes */select{font-size:10px}
/* Required Fields  */span.mandatory{color:#334692;font-weight:700}
html>/**/body .NormalTextBox{margin:1px}
/******************************************************
    GENERAL STYLES
***************************************************** */.floatLeft{float:left}
.floatRight{float:right}
/* styles to mimic auto height of div elements as per IE  */.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
/* Hides from IE-mac \ */* html .clearfix{height:1%}
/* End hide from IE-mac   Error message styling under 'SELECTOR and COMMONLY USED DNN STYLES' above *****************************************************
    DNN STYLES (Some of these we try to avoid, but are still used in some modules; Some we are unsure of what they do)
*****************************************************  What exactly does this style??  */.SkinObject{font-weight:700;font-size:8.5pt;color:#036;font-family:Tahoma, Arial, Helvetica;text-decoration:none}
A.SkinObject:link{text-decoration:none;color:#036}
A.SkinObject:visited{text-decoration:none;color:#036}
A.SkinObject:active{text-decoration:none;color:#036}
A.SkinObject:hover{text-decoration:none;color:#036}
/* styles used by Data Grids  */.DataGrid_AlternatingItem{background-color:#fff;color:red;font-family:Tahoma, Arial, Helvetica;font-size:10px;font-weight:400}
.DataGrid_Container{background-color:Transparent}
.DataGrid_Footer{background-color:#fff}
.DataGrid_Header{background-color:Transparent;color:#000;font-family:Tahoma, Arial, Helvetica;font-size:10px;font-weight:700;text-align:center}
.DataGrid_Item{background-color:Transparent;color:#000;font-family:Tahoma, Arial, Helvetica;font-size:10px;font-weight:400}
.DataGrid_SelectedItem{background-color:#D3D3D3;color:Blue;font-family:Tahoma, Arial, Helvetica;font-size:10px;font-weight:400}
/* text style used for help text rende#FF0000 by modules  */.Help{border:#000 1px solid;font-weight:400;font-size:11px;color:#000;font-family:Tahoma, Arial, Helvetica;background-color:#ff9;padding:2px}
SMALL{font-size:8px}
BIG{font-size:14px}
/******************************************************
    DIGICON QUICK LINK STYLES
***************************************************** */.QuickLink{text-align:center;text-transform:lowercase;padding:0 0 20px}
.QuickLink h2{margin:0;padding:10px}
.QuickLink p{display:none}
.QuickLink a,.QuickLink a:link,.QuickLink a:active,.QuickLink a:visited{color:#00355f;font-size:14px;font-weight:700;text-align:center}
.QuickLink a:hover{color:#75a4d6;text-decoration:none}
.QLImage{max-height:102px;vertical-align:bottom}
.QLTitle{float:left;clear:both;width:105px}
/******************************************************
    SURVEY MODULE STYLES
***************************************************** */.YourCompanyNameSurveyResults{font-family:Tahoma, Arial, Helvetica;font-size:12px;font-weight:400}
/******************************************************
    QUICK LINKS WITHOUT DESCRIPTION STYLES
***************************************************** */#Highlight_SubHead{color:#230C69;background-color:#DEE4F2;font-family:Arial;font-size:14px;font-weight:700;height:20px;padding:2px}
#Highlight{border:solid 1px #230C69}