/*** WEBSITE: Default 4.8.4 Skin
	 AUTHOR: Gordon Campbell
	 MODIFIED BY: Lauren Markwell
	 CREATED: January 2009
	 COMMENTS: Condensed Stylesheet for Default 4.8.4 Skin */
	 
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv {width:100%;height:100%;text-align:center;padding:0px;margin:0px; background:#071206 url(images/Leg_bg_img.gif) no-repeat top center}
html>body #bodyDiv {height:auto;min-height:100%}
#frame {width:953px;margin-left:auto;margin-right:auto;text-align:left;}
html>body #frame{width:951px}
#branding {height:243px; background: url(images/Legenis_top_strip.jpg) repeat-x bottom left; margin-bottom:3px;}
#menu {height:27px}
#menuDesign {width:100%;height:46px; width:213px;padding-top: 20px; margin-left:17px; margin-top:-200px;}
html>body #menuDesign {height:36px}
#contentArea {width:100%;float:left}
#enclose {width:951px;float:left; background: url(images/leg_main_bg.jpg) repeat-y top left;}
.leftPanel {width:242px; padding:200px 9px 0px 9px; float:left; background-color:#999933; background:#FEF9DF url(images/Legenis_seg_BGs.jpg) repeat-x top left; border-left:1px solid #c6db49; border-right:1px solid #c6db49; min-height:320px; height: auto !important; height: 320px}
.leftLowerPanel {float:left; clear:both; margin-top:184px; width:243px; margin-left:-9px;}
* html .leftLowerPanel {float:left; clear:both; margin-top:66px; width:243px; margin-left:-9px; }
html>/**/body .leftLowerPanel {float:left; clear:both; margin-top:-30px; width:243px;}
.contentPanel{width:663px;float:right;padding:20px 9px 9px 9px; background-color:#66CC00; background:#fef9df url(images/Legenis_seg_BGs.jpg) repeat-x top left; min-height:555px;border-left:1px solid #c6db49; border-right:1px solid #c6db49;}
#rightColumn .contentPanel {width:400px;border-left:0px}
#rightColumn .middlePanel {width:243px;float:left;padding:20px 9px 9px 9px;margin-left:6px;background-color:#66CC00; background:#fef9df url(images/Legenis_seg_BGs.jpg) repeat-x top left;min-height:555px;border-left:1px solid #c6db49; border-right:1px solid #c6db49; height: auto !important; height: 555px}
.contentPanel h1{font-size:21px; font-weight:bold; color: #41613d; border-top: 1px #999 solid; border-bottom: 1px #999 solid; padding: 15px 0px;}
/*.rightPanel {width:180px;padding:10px;float:right; background-color:#FF3399;}*/
#footer {clear:both;width:948px;text-align:right;color:#666;padding:5px 7px;font-size:1.1em}
html>body #footer {width:946px}
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a.footerMenuItem {color:#666;text-decoration:underline}
#footer a:hover {text-decoration:none}
h2 {font-family:"Trebuchet MS",Trebuchet MS,arial,verdana,helvetica;color:#41613d!important;font-size:16px!important;margin:0px;padding:0px;margin-bottom:10px;font-weight:bold!important}
.FlashPanel {width:953px; height:223px; padding-left:2px !important; padding-left:8px; padding-top:22px;background: url(images/Legenis_top_strip.jpg) repeat-x bottom right; margin-bottom:1px; background-color: transparent; float: left}
html>/**/body .FlashPanel {width:953px; height:231px; padding-top:12px;}
.leftLowerPanel p {margin-bottom: 0px}

/******************************************************
    DIGICON CLEAN CSS VERTICAL MENU STYLES              
******************************************************/
/***  VERTICAL CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu,.menu ul{/* remove all list stylings */margin:0;padding:0;border:0;list-style-type:none;display: block}
.menu,.menu ul/*IE 6*/{/* float.clear */zoom:1}
.menu li{margin:0;padding:0;border:0;display:block;position:relative;/*position each LI, thus creating potential IE.win overlap problem*/z-index:5/*thus we need to apply explicit z-index here*/}
.menu li/*IE6*/{/*fix white gap problem*/float:left;width:100%}
.menu li/*IE6*/{/*prevent double-line between items *//*margin-top: -1px*/}
.menu li:hover{z-index:10000;white-space:normal/*required to resolve IE7 :hover bug (z-index above is ignored if this is not present)*/}
.menu li.menuHover/*IE6*/{z-index:10000}
.menu .menuHoverUL/*IE6*/{/*li:hover>ul selector*/visibility:visible}
.menu .menuHoverUL/*IE6*/{/*submenu goes to the right*/left:100%;}

/***  VERTICAL CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu{font-size:1.2em}
.menu ul li{font-size:0.9em/*this is needed for sub menu items or the text gets bigger each level*/}
.menu,.menu ul li {color:#333;}
* html ul.menu li{padding-top:6px;padding-bottom:6px; margin-bottom:5px}

/* Top Level Menu Items */
.menu a,.menu a:link,.menu a:active,.menu a:visited,.menu a:hover,.menu li:hover>a,.menu .menuHoverA,.menu li.active{text-decoration: none;color:#333;padding:6px 10px 6px 20px;display:block;background: url(images/Leg_menu_BG.jpg) no-repeat top left; margin-bottom:5px;}
* html ul.menu li a,* html ul.menu li a:link,* html ul.menu li a:active,* html ul.menu li a:visited{color:#333;text-decoration:none;padding:6px 10px 6px 20px ;margin-top:0px;background: url(images/Leg_menu_BG.jpg) no-repeat top left; padding-bottom:5px!important; }
* html ul.menu li {background: url(images/Leg_menu_BG.jpg) no-repeat top left;}
.menu li.active{background: url(images/Leg_menu_BGactive.jpg) no-repeat top left;color:#333;padding:6px 10px 6px 20px ;margin-top:0px;width:183px;}
.menu a:hover,.menu li:hover>a,.menu .menuHoverA{background:url(images/Leg_menu_BGactive.jpg) no-repeat top left; margin:0px 0px 5px 0px!important; }
* html .menu a:hover,.menu li:hover>a,.menu .menuHoverA{background:url(images/Leg_menu_BGactive.jpg) no-repeat top left; margin:0px 0px 5px 0px; color:#00FFFF}
* html ul.menu li a:hover,* html ul.menu li a:link:hover,* html ul.menu li a:active:hover,* html ul.menu li a:visited:hover{color:#00FFFF;}
.menu li{/*create borders around each itemborder:1px solid #000*/}
.menu>li + li,.menu ul>li + li{/*and remove the top border on all but first item in the list*/border-top:0}

/* Drop Down Menu Items */
ul.menu ul li{background: transparent;}
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 li.active,.menu ul a:hover,.menu ul a:link:hover,.menu ul a:link:hover,.menu ul .menuHoverA{display: block ;border-right:0px;text-decoration:none;color:#333;padding:5px 5px 2px 30px; background: url(images/Leg_subMenu_BG.gif) no-repeat top left; width:195px; height:27px; margin-bottom:1px!important; }
* html ul.menu ul li a,* html ul.menu ul li a:link,* html ul.menu ul li a:active,* html ul.menu ul li a:visited{background: url(images/Leg_subMenu_BG.gif) no-repeat top left; width:165px;}

/*everything below is hover stuff*/
ul.menu ul li a:hover,ul.menu ul li a:link:hover, ul.menu ul li li:hover>a{background: url(images/Leg_subMenu_BG_over.gif) no-repeat 0px 0px ;padding-top:5px;} /*controls the 1st flyout hover state*/
* html ul.menu li li a:hover,* html ul.menu li li a:link:hover,* html ul.menu li li a:active:hover, * html ul.menu li li a:visited:hover{color:#333; background: url(images/Leg_subMenu_BG_over.gif) no-repeat 0px 0px;}
ul.menu ul a:link:hover{background:#777;}
.menu ul a:hover,.menu ul a:link:hover,.menu ul a:link:hover,.menu ul .menuHoverA/*ul li:hover>a selector*//*IE6*/{background:#777;padding-top:2px;}
ul.menu ul li.active/*needs to be adjusted by hand - seems to be dropdown width minus a padding*/{width:175px;background: url(images/Leg_subMenu_BG_over.gif) no-repeat top left; font-weight:bold}
* html ul.menu ul li.active{width:170px}
.menu ul>li + li/*remove top border on all but first item in the list*/{border-top:0}
.menu .menuHoverUL .menuHoverUL,.menu li li:hover>ul,.menu li:hover>ul,.menu .menuHoverUL{top:0px; left:215px;}

/*Below are all IE6 hacks...ahem...filters*/
* html .menu ul a:link:hover,* html .menu ul a:link:hover, * html .menu ul .menuHoverA {background: url(images/Leg_subMenu_BG_over.gif) no-repeat top left; margin: 0; padding: 6px 0 0 20px; width: 175px;}
ul.menu ul li {padding: 0; margin: 0 0 0 -28px!important; margin: 0 0 -4px -7px;}
ul.menu ul li a{text-indent: 0 !important; text-indent: 10px;}
/*End of all the IE6 hacks...ahem...filters*/

/***  VERTICAL CLEAN MENU FIXES AND EXTRA FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
/*special colouring for "Main menu:", and for "xx submenu" items in ADxMenu placed here to clarify the terminology I use when referencing submenus in posts*/
.menu>li:first-child>a,.menu li + li + li li:first-child>a{/*color:#FFF*/}
.menu ul{visibility:hidden;/*initially hide all submenus.*/position:absolute;z-index:10;left:0;/*while hidden, always keep them at the top left corner,*/top:0/*to avoid scrollbars as much as possible*/}
.menu li:hover>ul{visibility:visible; left:110%}
/*--float.clear--force containment of floated LIs inside of UL*/
.menu ul a{}
.menu:after,.menu ul:after{content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both}
.menu,.menu ul{/*IE7 float clear:*/min-height:0}

/*--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:30px 30px 30px 0;margin:-30px 0 0 -10px/*background: #f00;*//*uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement*/}

.xc47,.xc7{display:block!important}/* Forces the Admin and Host sub-menus to always display as you can't click on the Admin and Host tabs */

/******************************************************
    CONTAINER STYLES
******************************************************/
.container{width:100%}
.containerContent {padding:0px}
.QLcontainer {margin: -45px 0px 6px 37px;}
html>/**/body .QLcontainer {margin: -20px 0px -15px 37px;}
/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html {height:auto; background-color:#071206/* Firefox and IE7 hack for 100% background */;font-size:100.01%}
body {margin:0px;padding:0px;background:#FFF;height:100%/* IE6 hack for 100% background  */;font-size:62.5%}
body,td,ul li,p,.normal,.NormalDisabled,.blogCalendar td,.SkinObject,input{font-family:"Trebuchet MS", Trebuchet MS, arial, verdana, helvetica;color:#666;font-weight: normal;line-height:1.5em}
.Normal, label, .Head, .SubHead, .SubSubHead, .NormalBold, .NormalRed {font-size:1.1em}
/* text style used for rendered text which should appear disabled */
.NormalDisabled {color:#D3D3D3}
/* style of item titles on edit and admin pages */
.SubHead {color:#444444;font-weight:bold;text-align:left}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {font-weight:bold;color:#000}
/* text style used for rendered text which requires emphasis */
.NormalBold {font-weight:bold}
/* text style used for error messages */
.NormalRed {font-weight:bold;color:#880000!Important/*Required to be important to work with error messages on some modules*/}
/* 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:#888888;margin:0px;padding:0px;margin-bottom:10px;font-weight:normal}
h1{font-size:2.0em;color:#555555}
h2,.head,h2 span.Head,.container h2 span.Head {font-size:1.8em}
h3, h3 span.SubHead {font-size:1.6em;font-weight:bold}
h4 {font-size:1.4em;font-weight:bold}
h5, DT {font-size:1.2em;font-weight:bold}
h6 {font-style:italic;font-size:1.2em}
p {margin:5px 0px 15px 0px;font-size:1.05em}
ul {margin:0px 0px 10px 15px;font-size:1.05em; padding:0px;}
ul li {margin-left:0px;padding:0px;list-style-type:square;/*list-style:none;*/ list-style-image: url(images/bullet_point.jpg)}
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:gray;height:1px;text-align:left}
img {border:0px;margin:0px;padding:0px}
/* link styles */
a, a:link, a:active, a:visited {color:#990100;text-decoration:none;padding:0px;margin:0px}
a:hover {text-decoration:none;color:#999999}
blockquote {font-size:0.9em;font-family:"Lucida Sans Unicode";float:right}
pre {font-family:Lucida Console, monospace;color:#434343;font-size:0.9em}
address {color:#434343;font-size:0.9em;font-style:italic}
input {color: #333}
/******************************************************
    FORM STYLES              
******************************************************/
/* Generic Form Element classes */
.formInput{width:150px;height:18px;border:1px solid #CCCCCC}
.formBtn{}.formRadio{}.formCheckBox{}
.formItem {clear:both}
.label {clear:both;float:left;width:120px;text-align:right;padding-right:10px;font-weight:bold}
.labelDetails {width:390px}
.labelDetails p {margin:0px 0px 7px 0px}
/* button style for standard buttons */
.StandardButton,input.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{font-family: "Trebuchet MS", Trebuchet MS, arial, verdana, helvetica;font-size:1.1em;padding:0px 8px;width:0;overflow:visible;background:#8B8B8B url(images/button_bg.gif) repeat-x top left;color:#FFF;text-transform:lowercase;margin:0px;cursor:pointer;clear:both;border:1px solid #333333;white-space:nowrap}
input#dnn_ctr_Login_Login_DNN_cmdLogin{font-size: 1em;height:20px}/* For some reason login button styles differently to all other buttons */
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}
/* 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{}
input.longTextBox {width:250px}
input.longmedTextBox {width:200px}
input.medTextBox {width:150px}
input.medshortTextBox {width:100px}
input.shortTextBox {width:60px}
select {}
span.mandatory {color:#334692;font-weight:bold}
/******************************************************
    GENERAL STYLES
******************************************************/
.floatLeft{float:left}
.floatRight{float:right}
/* styles to mimic auto height of div elements as per IE6 */
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-table}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display:block}
/* 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)
******************************************************/
/* styles used by Data Grids */
.DataGrid_AlternatingItem {background:#fff;color:#FF0000}
.DataGrid_Container {background:Transparent;font-size:1.1em}
.DataGrid_Footer {background:#fff}
.DataGrid_Header {background:Transparent;color:#000;font-weight:bold;text-align:center}
.DataGrid_Item {background:Transparent;color:#000}
.DataGrid_SelectedItem {background:#D3D3D3;color:Blue}
SMALL {font-size:0.8em}
BIG {font-size:1.4em}
/******************************************************
    DIGICON QUICK LINK STYLES
******************************************************/
.QuickLink {padding:35px 0px 0px 0px; background: url(images/Leg_QL.jpg) no-repeat top left; width: 183px; height: 100px; text-align:center; margin-right:20px} 
html>/**/body .QuickLink {padding:35px 0px 0px 0px; background: url(images/Leg_QL.jpg) no-repeat top left; width: 183px; height: 136px; text-align:center; margin-right:20px}
.QuickLink h3 {margin:0px;padding:10px}
.QuickLink img {float:left;padding-right:3px}
.QuickLink p {font-size:10px;margin:0;padding-left:10px;padding-right:10px;padding-top:23px;text-align:left;}
.QuickLink a, .QuickLink a:link, .QuickLink a:visited, .QuickLink a:hover, .QuickLink a:active {font-size:26px; font-variant:small-caps; font-weight:bold; color:#333} 
/******************************************************
    ORIZONTI NUKE NEWS STYLES
******************************************************/
.rssFeedSummary {display:block}
/* News List Header */
.adminButtons {}
.pageLinks {}
/* News List Item */
.newscontainer{width:100%}
.NukeNews_Item,.NukeNews_AltItem{padding:5px 0px;background:transparent}
.newsrow {padding:5px 0px}
.newstitle {font-size:1.2em;font-weight:bold}
.newspostdate{color:#666;padding: 5px 0px}
.newscategoryimagecontainer {float:left}
.newscategoryimagecontainer img {margin: 0px 5px 0px 0px}
.newssummary {}
.readMore {padding-bottom:5px}
.rating {}
/* News List Footer */
.rssFeed {margin-top:10px}
/* News Display Template */
.fullArticle {text-align:left}
.viewNewsImage{float:right;padding:0px}
.viewNewsArticle {}
.viewNewsPostedBy {color:#666;padding:0px}
.returnLink {}
/* Links */
.newsreadmore:link,.newsreadmore:active,.newsreadmore:visited,.newsreadmore:hover,.viewnewsreturn:link,.viewnewsreturn:active,.viewnewsreturn:visited,.viewnewsreturn:hover,.archivedisplaymonthlink:link,.archivedisplaymonthlink:active,.archivedisplaymonthlink:visited,.archivedisplaymonthlink:hover{color:#990100;font-weight:bold;text-decoration:none}
.newsreadmore:hover,.viewnewsreturn:hover,.archivedisplaymonthlink:hover{color:#666;text-decoration:none}
.newsactionbarlinks:link,.newsactionbarlinks:active,.newsactionbarlinks:visited,.newsactionbarlinks:hover{color:#FFF;text-transform:uppercase;background:#990100;padding:3px 8px 4px 8px;margin-right:5px;text-decoration:none;}
.newsactionbarlinks:hover{background:#666}
/* Comments & Ratings */
.newsRatingsDisplay{}
.RatingLabel{}
.CommentsEntryLabel{}
.SaveCommentsRating:link,.SaveCommentsRating:active,.SaveCommentsRating:visited{text-decoration:underline}
.SaveCommentsRating:hover{text-decoration:none}
.EditCommentsLink:link,.EditCommentsLink:active,.EditCommentsLink:visited{text-decoration:underline}
.EditCommentsLink:hover{text-decoration:none}
.commentsRating{}
.CurrentRatingLabel{}
.CurrentRating{}
.RatingLabelRow{font-weight:bold;padding-top:10px}
.RatingRow{color:#666;padding-top:10px}
.CommentsRow{color:#666}
/******************************************************
    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:#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;/* Trick IE into showing hover*/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{background:#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:bold}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em}
#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:#666;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}
.thumbs {text-align:center;width:140px}
.imgBorderSml { }