/*** 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;padding:0;margin:0;background:#f1ede7 url(bg.gi) repeat top left}
html>body #bodyDiv{height:auto;min-height:100%}
#frame{width:902px;margin-left:auto;margin-right:auto;text-align:left;background:#f1ede7}
html>body #frame{width:900px}
#branding{text-align:center;height:61px}
#menu{height:23px}
#menuDesign{height:23px;background:url(../../images/QSPS_menu_BG.jpg) repeat-x top left;padding:3px 0 0 90px;margin:0 30px;border:1px solid #a8b3bb;border-top:0 solid #a8b3bb}
html>body #menuDesign{height:20px}
#contentArea{width:100%;float:left}
#enclose{width:900px;float:left;background:url(../../images/QSPS_frame_body.jpg) repeat-y top left; height:570px; min-height:570px}
html>body #enclose {height:auto}
.BLpanel{padding:10px;clear:both;float:left;margin-left:13px}
* html .BLpanel{margin-left:8px}
.BMpanel{padding:10px;float:left;width:405px;margin:10px 0 0 10px;line-height:24px}
* html .BMpanel{margin:10px 0 0}
html>/**/body .BMpanel{padding:10px;float:left;width:405px;margin:10px 0 0 3px;line-height:24px}
.BRpanel{padding:10px;float:left;margin:0 0 0 -7px}
#footer{background:url(../../images/QSPS_footer_blue.jpg) no-repeat top left;clear:both;width:864px;height:21px;text-align:right;font-size:11px;color:#FFF;padding:2px 7px 5px;margin-left:11px}
html>body #footer{width:864px}
#footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a.footerMenuItem{font-size:11px;color:#FFF}
/*The following code fixes the drop shadow for the main content area */#frame_top{width:900px;height:16px;background:url(../../images/QSPS_frame_top.jpg) no-repeat top left}
#frame_btm{width:900px;height:16px;background:url(../../images/QSPS_frame_bottom.jpg) no-repeat top left;clear:both}
#footerDesign{height:8px;background:url(../../images/QSPS_footer_grn.jpg) repeat-x top left;padding:0 0 0 90px;margin:0 30px;border:1px solid #a8b3bb;border-bottom:0 solid #a8b3bb;clear:both}
#wmark{width:884px;/*height:556px; this property was causing the site to have a fixed vertical height.*/background:url(../../images/QSPS_watermark.jpg) no-repeat center center;margin-left:8px}
* html #wmark{margin-left:-7px}
/*text styling */.topPanel h2{width:817px;background-color:#e2e2e2;padding:5px 10px;border:1px solid #859bae;text-transform:uppercase;color:#002d55;margin-left:0}
.contentPanel .QuickLink{padding:0 0 40px;margin-right:10px}
.contentPanel .QuickLink h2{width:382px;background-color:#e2e2e2;padding:5px 10px;border:1px solid #859bae;text-transform:uppercase;color:#002d55;margin-right:20px}
.contentPanel .QuickLink p{clear:both;background-color:#e2e2e2;padding:5px 10px;border:1px solid #859bae;color:#002d55;margin-right:20px}
.contentPanel .QuickLink a img{margin-bottom:10px;border:1px solid #859bae}
.BMpanel img{background-color:#e2e2e2;border:1px solid #859bae;color:#002d55;padding:10px;margin:-10px 0 0}
.BMpanel h2{font-size:22px;font-weight:700;color:#002d55;width:auto}
.BMpanel p{padding:0;margin:0}
.BMpanel p a:hover{text-decoration:underline}
.topPanel p {color:#002D55}

.topPanel,.contentPanel{padding:10px;margin-left:13px;margin-right:13px}
#footer a:hover,a:hover{text-decoration:none;color:#999}
.BLpanel .container,.BRpanel .container{clear:both;background-color:#e2e2e2;padding:10px;margin:0 -17px 0 0;border:1px solid #859bae;color:#002d55}
* html .BLpanel .container,* html .BRpanel .container{width:192px}
html>/**/body .BLpanel .container,html>/**/body .BRpanel .container{clear:both;background-color:#e2e2e2;padding:0 0 10px 10px;margin:0 -7px 0 0;border:1px solid #859bae;color:#002d55}
.BMpanel h1,.BMpanel p a{font-size:18px;font-weight:700;color:#002d55;width:auto}
.menu .menuHoverUL .menuHoverUL /* 2nd+ levels go on the right side of the parent item */ /*IE6*/,.menu li li:hover>ul /* 2nd+ levels go on the right side of the parent item */,.menu .menuHoverUL .menuHoverUL /*position of 2nd+ submenus,overlapping*/ /*IE6*/{top:0;left:100%}
ul.menu ul li a:hover,ul.menu ul li a:link:hover,ul.menu ul li li:hover>a,.menu ul a:hover,.menu ul a:link:hover,.menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color:#FFF;}
.containerContent,.QuickLink{padding:0}
.NormalTextBox,input.longTextBox,input.longmedTextBox,input.medTextBox,input.medshortTextBox,input.shortTextBox,.YourCompanyNameSurveyResults{font-family:Tahoma, Arial, Helvetica;font-size:12px;font-weight:400}
A.SkinObject:link,A.SkinObject:visited,A.SkinObject:active,A.SkinObject:hover{text-decoration:none;color:#036}
td.HeaderStyle,th.HeaderStyle{color:#fff;font-weight:700}
.bot_dets { width:864px;padding:2px 7px 5px 00px;margin-left:11px; margin-top:-10px}
.bot_dets p{ color:#002D55; font-size:10px; padding-top:10px}
.bot_dets p img{ margin-top:-10px}
.bot_dets h2{display:none}
.floatRight span a { position:absolute; bottom:45px; right:30px; color:#002D55; text-decoration:underline}
/******************************************************
    DIGICON CLEAN CSS 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:nowrap;}
.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: green;}
.menu ul li {background: #BFC837; text-align: left; width: 150px;color:}
.menu ul {width: auto; text-align:right}
/* 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: #002d55; padding: 0px 25px; border-right: 1px solid #627b45; border-left: 1px solid #dade95;}
.menu li.active { /*background: orange;*/color:#FFFFFF; background: url(../../images/QSPS_menu_BG_ova.jpg) repeat-x top left;}
.menu a:hover, .menu a:link:hover, .menu li:hover>a {/*color: purple;	background: green;*/ }/* if I leave the colour purple on this, the last menu item picks it up on rollover*/
.menu a:hover, .menu a:link:hover, .menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color: white; /*background: green;*/ }
/* Drop Down Menu Items */
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: #002D55; padding: 2px 5px;}
ul.menu ul li.active { background: gray;}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a {color: #FFF;	}
.menu ul a:hover, .menu ul a:link:hover, .menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color: yellow;	}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding plus 1 */{ width: 131px; background: darkgray;}
.menu li li {border: 1px solid #a8b3bb;}
.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: 10px 30px 30px 30px; margin: -5px 0 0 -30px; /*background: #f00;*/	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */}
.menu ul ul {padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px;}
/* sticky submenu end */
/* Fix for IE5/Mac \*//*/
.menu a {float: left;}
/* End Fix */
/******************************************************
    CONTAINER STYLES
***************************************************** */.container{width:100%}
.dtd_brdr_container{border-bottom:1px dotted #022f4f}
/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
***************************************************** */html{height:auto;background:#f1ede7 url(bg.gi) repeat top left}
body{margin:0;padding:0;background:#FFF;height:100%}
body,td,ul li,p,.normal,.NormalDisabled,.blogCalendar td{font-family:"Trebuchet MS", Trebuchet MS, arial, verdana, helvetica;font-size:11px;color:#666;font-weight:400;line-height:1.5em}
/* text style used for rende#FF0000 text which should appear disabled  */.NormalDisabled{color:#D3D3D3}
/* style of item titles on edit and admin pages  */.SubHead{color:#444;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 rende#FF0000 text which requires emphasis  */.NormalBold{font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:700}
/* text style used for error messages  */.Normal#FF0000{font-family:Tahoma, Arial, Helvetica;font-size:12px;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:"Trebuchet MS", Trebuchet MS, arial, verdana, helvetica;color:#888;margin:0;padding:0;margin-bottom:10px;font-weight:400;font-size:12px}
h1{font-size:22px;color:#555}
h2,.head,h2 span.head,.container h2 span.head{font-size:18px}
h3,h3 span.SubHead,.newstitle{font-size:16px;font-weight:700}
h4{font-size:14px;font-weight:700}
h5,DT{font-size:13px;font-weight:700}
h6{font-size:12px;font-style:italic}
p{margin:5px 0 15px}
ul{margin:0 0 10px 25px}
ul li{margin-left:5px;padding:0;list-style-type:square}
ul li li{list-style-type:disc}
ul li li li{list-style-type:circle}
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:#990100;text-decoration:none;padding:0;margin:0}
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-left:8px;padding-right:8px;width:0;overflow:visible;font-weight:400;font-size:11px;background:#8B8B8B url(button_bg.gif) repeat-x top left;color:#FFF;font-family:Tahoma, Verdana, sans-serif;text-transform:lowercase;margin:0;cursor:pointer;clear:both;height:14px;border:1px solid #333;white-space:nowrap}
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:#E0E0E0}
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}
/* Requi#FF0000 Fields  */span.mandatory{color:#334692;font-weight:700}
/******************************************************
    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  *****************************************************
    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}
/* 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;padding:2px;font-weight:400;font-size:11px;color:#000;font-family:Tahoma, Arial, Helvetica;background-color:#ff9}
SMALL{font-size:8px}
BIG{font-size:14px}
/******************************************************
    DIGICON QUICK LINK STYLES
******************************************************/
.QuickLink {position:relative}
.QuickLink h3{margin:0;padding:10px}
.QuickLink img{float:left;padding-right:3px}
.QuickLink p{margin:0;padding-top:10px}
/*New styling starts here */#QL1{background-color:#9C3;float:left;width:404px;height:170px;margin-right:5px}
#QL2{background-color:#963;float:right;width:404px;height:170px;margin-left:5px}
.QuickLink h2 a, .QuickLink h2 a:link, .QuickLink h2 a:visited, .QuickLink h2 a:hover, .QuickLink h2 a:active {color:#002D55}
.QuickLink h2 a:hover {color:#BFC837}

/******************************************************
    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}
/******************************************************
    OPT IN MODULE STYLES
***************************************************** */.GridText{color:#fff}
tr.HeaderRowStyle{background-color:#7F7F7F}
tr.HeaderRowAlternate{background-color:#0F4791}
/******************************************************
    SIMPLE GALLERY FANCY POP UP MODULE STYLES
***************************************************** */#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox a img{border:none}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{padding:10px}
#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(../../../../DesktopModules/SimpleGallery/Images/blank.gif) no-repeat;display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(../../../../DesktopModules/SimpleGallery/Images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover,#nextLink:visited:hover{background:url(../../../../DesktopModules/SimpleGallery/Images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em}
#imageData{padding:0 10px}
#imageData #imageDetails{width:70%;float:left;text-align:left}
#imageData #caption{font-weight:700}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background:#014C76 /*url(../../images/QSPS_watermark.gif) no-repeat center*/ center;filter:alpha(opacity=40);-moz-opacity:0.4px;opacity:0.4px}
.thumbs{text-align:center;width:140px}