/*** WEBSITE: Albion Projects (2008)
	 AUTHOR: Lauren Markwell
	 CREATED: 28/07/2008 */ 
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv {width:100%;height:100%;text-align:center;padding:0px;margin:0px;background:#267532 url(images/Albion_bg.jpg) repeat-x top left;}
html>body #bodyDiv { height:auto; min-height: 100%;}
.borderMain{width:1045px;margin-left:auto;margin-right:auto;background:url(images/Albion_repeatBg.gif) top left repeat-y}
#frame{width:1005px;margin-left:auto;margin-right:auto;text-align:left;background:#FFFFFF url(images/Albion_frameTop.gif) top left no-repeat;float:left;padding-top:25px}
#innerFrame {background:url(images/Albion_innerFrameBg.gif) top left repeat-y;width:975px;padding:0px 15px}
* html #innerFrame {width:965px;padding-right:10px}
html>body #innerFrame {height:auto}
.borderRight {width:20px;height:735px;background:url(images/Albion_bgRight.jpg) top right no-repeat;float:right}
.borderLeft {width:20px;height:735px;background:url(images/Albion_bgLeft.jpg) top left no-repeat;float:left}
#branding {height:245px;width:250px;float:left}
#menu{ }
html>body #menuDesign { }
.leftColumn {width:250px;float:left;background:url(images/Albion_leftColBg.gif) bottom left no-repeat}
#innerEnclose .leftColumn{background:none}
#contentArea {width:100%;float:left;background:url(images/Albion_contentBg.jpg) top right repeat-y;margin-bottom:10px;height:400px;min-height:400px}
html>/**/body #contentArea {padding-top:13px}
html>body #contentArea {height:auto}
#enclose {width:640px;float:left;background:url(images/Albion_encloseBg.gif) top left repeat-y}
#innerEnclose {width:100%;float:left;background:url(images/Albion_encloseBg.gif) top left repeat-y}
.bannerPanel {float:right;width:720px}
.bannerPanel h2 {display:none}
.leftPanel {width:180px;padding:10px 10px 10px 20px;float:left;margin-top:80px}
.contentPanel{width:365px;float:right}
.contentPanelAdmin {width:100%;float:left}
.contentPanelInner{width:700px;float:right}
* html .contentPanelInner {width: 695px}
.rightPanel {width:270px;padding:10px 20px 10px 0px;float:right}
html>/**/body .rightPanel {padding-top:0}
.outterFooter {background:url(images/Albion_outterFooterBg.jpg) top left no-repeat;width:1045px;height:47px;margin:auto}
#footer {clear:both;width:960px;text-align:left;font-size:11px;color:#fff;padding:15px;background:url(images/Albion_innerFooterBg.gif) top left no-repeat}
* html #footer {width:950px}
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a.footerMenuItem {font-size:11px;color:#fff;text-decoration:underline}
#footer a:hover {text-decoration:none}
/******************************************************
    DIGICON CLEAN CSS VERTICAL MENU STYLES              
******************************************************/
/***  VERTICAL CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu, .menu ul { width: 180px;/* 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, .menu ul li {color: #103418; background:#fff;}
.menu, .menu ul, * html ul.menu ul a:link /*2nd level menu items in IE6*/ {width: 240px;}
* html ul.menu li {padding-top: 8px; padding-bottom: 8px}
/* Top Level Menu Items */
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:hover, .menu li:hover>a, /*.menu a:link:hover,*/ .menu .menuHoverA, .menu li.active {text-decoration:none;color:#103418;padding:8px 10px 8px 65px;display:block;font-size:15px;font-weight:normal}
* html ul.menu li a, * html ul.menu li a:link, * html ul.menu li a:active, * html ul.menu li a:visited {color:#103418;text-decoration:none;padding:8px 10px 8px 65px;margin-top:-8px;margin-bottom:-8px}
* html ul.menu li.active {color:#103418;padding:9px 10px 9px 65px;width:165px}
.menu a:hover, .menu li:hover>a, .menu .menuHoverA {background: url(images/Albion_menuHoverBg.jpg) top right no-repeat}
* html .menu a:link:hover /*IE6*/{text-decoration:none;color:#103418;padding:8px 10px 8px 65px;margin-top:-8px;margin-bottom:-8px;display:block;background:url(images/Albion_menuHoverBg.jpg) center right no-repeat}
.menu li.active {background:url(images/Albion_menuHoverBg.jpg) center right no-repeat; padding: 7px 10px 7px 65px;margin:0px;width:185px/* width minus padding */}
html>body .menu li.active {width: 165px;}
html>/**/body .menu li.active {width: 165px;}
.menu li {background:url(images/Albion_menuBg.jpg) center right no-repeat;margin:1px 0px}
.menu>li + li, .menu ul>li + li {}
/* Drop Down Menu Items */
ul.menu li ul li{background:none;width:180px;margin:0px}
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 {border-right: 0px; text-decoration: none; color: #FFF; padding:5px; background: #103418; width: 180px;}
html>/**/body ul.menu ul a, html>/**/body ul.menu ul a:link, html>/**/body ul.menu ul a:active, html>/**/body ul.menu ul a:visited, html>/**/body ul.menu ul a:hover, html>/**/body ul.menu ul li.active, html>/**/body .menu ul a:hover, html>/**/body .menu ul a:link:hover, html>/**/body .menu ul a:link:hover, html>/**/body .menu ul .menuHoverA {width: 170px;background:#103418}
* 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: #103418; padding: 5px; margin-top: -6px; margin-bottom: -6px;}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a {background: #fff;color:#103418; padding-top: 5px;}
ul.menu ul a:link:hover {background: #fff;color:#103418}
.menu ul a:hover, .menu ul a:link:hover, .menu ul a:link:hover, .menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{background: #fff!important;color:#103418; padding-top: 5px;}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding */{ width: 182px; border-right: 1px solid #000; background: #103418;}
.menu li li {border-left: 1px solid #000;}
html>/**/body .menu li li {border-bottom: 1px solid #000;}
.menu ul>li + li /*remove top border on all but first item in the list*/{border-top: 0;}
.menu .menuHoverUL .menuHoverUL /*position of 2nd+ submenus, overlapping*/ /*IE6*/, .menu li li:hover>ul, .menu li:hover>ul, .menu .menuHoverUL{top: 0px; left: 100%;}
/***  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;	/* display submenu them on hover */ left: 100%;	/* and move them to the right of the item */}
/* -- float.clear -- force containment of floated LIs inside of UL */
.menu ul a /*IE6*/{/* fix clickability-area problem */	zoom: 1;}
.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 10px; 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 */}
/******************************************************
    CONTAINER STYLES
******************************************************/
.container{ width:100%;}
.containerContent { padding: 0px;}
/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html {height:auto;background:#267532/* Firefox and IE7 hack for 100% background */}
body {margin:0px; padding:0px; background: #FFFFFF; height: 100%;/* IE6 hack for 100% background  */}
body, td, ul li, p, .normal, .NormalDisabled, .blogCalendar td, .SkinObject{font-family: Tahoma, arial, verdana, helvetica;font-size:12px;color:#5d5d5d;font-weight: normal;line-height:1.3em;}
td {border:none;text-align:left}
table {border:none}
.leftPanel p {color:#0A3116;line-height:1.3em;font-size:13px}
/* 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-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; 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: bold; color: #000;}
/* text style used for rendered text which requires emphasis */
.NormalBold { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold;}
/* text style used for error messages */
.NormalRed{font-weight:bold;color:#500000}
/* 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: Tahoma,arial, verdana, helvetica; color:#0A3116; margin:0px; padding:0px; margin-bottom:10px; font-weight:normal; font-size: 12px;}
h1 {font-size:22px; color:#0A3116;margin-bottom:35px}
h2, .head, h2 span.head, .container h2 span.head {font-size:18px;font-weight:bold;margin-bottom:15px}
.homeContentArea .rightPanel h2 {margin:0px}
h3, h3 span.SubHead, .newstitle {font-size: 16px; font-weight: bold;}
h4 {font-size: 14px; font-weight: bold;}
h5, DT {font-size: 13px; font-weight: bold;}
h6 {font-size: 12px; font-style: italic;}
p {margin: 5px 0px 15px 0px;}
ul { margin: 0px 0px 10px 25px}
html>/**/body ul {margin-left:-10px}
ul li { margin-left:5px; padding:0px; list-style-type: disc; /*list-style:none; list-style-image: url(bullet.gif)*/}
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:0px; margin:0px; padding:0px;}
/* link styles */
a, a:link, a:active, a:visited { color:#0B3011; text-decoration:none; padding: 0px; margin:0px;}
a:hover { text-decoration:none; color:#267532;}
blockquote {font-size:15px; font-family:"Lucida Sans Unicode"; float:right;}
pre {font-family: Lucida Console, monospace;color: #434343;font-weight: normal;	font-size: 11px;}
address {font-family: Arial, Verdana, Helvetica;color: #434343;font-weight: normal;font-size: 11px;font-style: italic;}
/******************************************************
    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 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: normal; font-size: 11px; background: #103418; color: #FFFFFF; font-family: Tahoma, Verdana, sans-serif; text-transform: lowercase; margin: 0px; cursor: pointer; clear: both; border: 1px solid #103418; 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,CommandButton:hover{color: #103418;background:#fff;border:1px solid #103418}
/* 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: normal;margin:0px 0px 5px 0px}
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:bold;}
/******************************************************
    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: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* 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)
******************************************************/
/* styles used by Data Grids */
.DataGrid_AlternatingItem { background-color:#fff; color: #FF0000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.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: bold; text-align: center;}
.DataGrid_Item { background-color:Transparent; color: #000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_SelectedItem { background-color: #D3D3D3; color: Blue; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
/* text style used for help text rende#FF0000 by modules */
.Help { border: #000 1px solid; padding: 2px; font-weight: normal; font-size: 11px; color: #000; font-family: Tahoma, Arial, Helvetica; background-color: #ffff99;}
SMALL { font-size: 8px;}
BIG { font-size: 14px;}
/******************************************************
    DIGICON QUICK LINK STYLES
******************************************************/
.QuickLink { padding:0px 0px;position:relative;height:280px}
.QuickLink h3 { margin:0px; padding:7px;background:#fff;border:1px solid #0a2f10;font-style:italic}
.QuickLink .qlTitle {padding:10px 10px 5px 11px;margin-top:0px;z-index:5;position:absolute;bottom:0px;display:block;width:269px;opacity:0.7;filter:alpha(opacity=70)}
.QuickLink h3 a,.QuickLink h3 a:link,.QuickLink h3 a:active,.QuickLink h3 a:visited {color:#0a2f10;font-size:12px;text-align:center}
.QuickLink h3 a:hover {color:#5d5d5d}
.QuickLink img { float:left; padding-right:3px;z-index:1;position:relative}
.QuickLink .QLImg {position:absolute;bottom:0px;clear:both}
.QuickLink p { margin:0px; padding-top:10px;}
/******************************************************
    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 5px 0px; background: transparent;}
.newsrow {padding: 5px 0px 5px 0px;}
.newstitle /*Set to equivalent to h3 in selectors section of this file*/{}
.newspostdate{font-size:10px;color:#666;padding: 5px 0px 5px 0px;}
.newscategoryimagecontainer {float: left;}
.newscategoryimagecontainer img { margin: 0px 5px 0px 0px;}
.newssummary {font-size:11px;}
.readMore { padding-bottom: 5px;}
.rating {}
.adminlinks:hover {color:#13461D;}
/* News List Footer */
.rssFeed { margin-top: 10px;}
/* News Display Template */
.fullArticle {text-align: left;}
.viewNewsImage{float:right; padding: 0px;}
.viewNewsArticle {}
.viewNewsPostedBy {font-size:10px; 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:#0B3011;font-weight:bold;text-decoration:none}
.newsreadmore:hover, .viewnewsreturn:hover, .archivedisplaymonthlink:hover{color:#267532}
.newsactionbarlinks:link, .newsactionbarlinks:active, .newsactionbarlinks:visited, .newsactionbarlinks:hover{font-size:12px;color:#ffffff;text-transform:uppercase;background-color:#0b3011;padding:3px 8px 4px 8px; margin-right:5px;text-decoration:none;font-weight:normal}
.newsactionbarlinks:hover{background-color: #267532;color:#fff}
/*****  Comments & Ratings *****/
.newsRatingsDisplay{font-size: 11px}
.RatingLabel{font-size: 12px}
.CommentsEntryLabel{}
.SaveCommentsRating:link, .SaveCommentsRating:active, .SaveCommentsRating:visited{font-size:11px;text-decoration: underline}
.SaveCommentsRating:hover{text-decoration:none}
.EditCommentsLink:link, .EditCommentsLink:active, .EditCommentsLink:visited{font-size:11px;text-decoration: underline}
.EditCommentsLink:hover{text-decoration:none}
.commentsRating{font-size:12px}
.CurrentRatingLabel{font-size: 12px}
.CurrentRating{	font-size: 12px}
.RatingLabelRow{font-size: 11px; font-weight:bold; padding-top:10px}
.RatingRow{	color:#666;	font-size: 11px;padding-top:10px}
.CommentsRow{color:#666;font-size: 11px}
/******************************************************
    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; /* 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{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: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-color:#666666;filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6}
.thumbs {text-align:center;width:140px}