/********************************************************
	WEBSITE: Albion Projects (2008)
	AUTHOR: Lauren Markwell
	CREATED: 28/07/2008  
    SKIN LAYOUT STYLES
***************************************************** */
#bodyDiv{width:100%;height:100%;text-align:center;background:#267532 url(images/Albion_bg.jpg) repeat-x top left;margin:0;padding:0}
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:#FFF 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:0 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}
.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;float:left;margin-top:80px;padding:10px 10px 10px 20px}
.contentPanel{width:365px;float:right}
.contentPanelAdmin{width:100%;float:left}
.contentPanelInner{width:700px;float:right}
* html .contentPanelInner{width:695px}
.rightPanel{width:270px;float:right;padding:10px 20px 10px 0}
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;background:url(images/Albion_innerFooterBg.gif) top left no-repeat;padding:15px}
* 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;border:0;list-style-type:none;display:block;min-height:0;margin:0;padding:0}
.menu li{border:0;display:block;position:relative;z-index:5;background:url(images/Albion_menuBg.jpg) center right no-repeat;margin:1px 0;padding:0}
.menu li /*IE6*/{float:left;width:100%}
.menu li:hover{z-index:10000;white-space:normal}
.menu li.menuHover /*IE6*/{z-index:10000}
.menu .menuHoverUL /*IE6*/{visibility:visible;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 .menuHoverA,.menu li.active{text-decoration:none;color:#103418;display:block;font-size:15px;font-weight:400;padding:8px 10px 8px 65px}
* 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;margin-top:-8px;margin-bottom:-8px;padding:8px 10px 8px 65px}
* html ul.menu li.active{color:#103418;width:165px;padding:9px 10px 9px 65px}
.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;margin-top:-8px;margin-bottom:-8px;display:block;background:url(images/Albion_menuHoverBg.jpg) center right no-repeat;padding:8px 10px 8px 65px}
.menu li.active{background:url(images/Albion_menuHoverBg.jpg) center right no-repeat;width:185px;margin:0;padding:7px 10px 7px 65px}
html>body .menu li.active{width:165px}
html>/**/body .menu li.active{width:165px}

/* Drop Down Menu Items  */
ul.menu li ul li{background:none;width:180px;margin:0}
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:0;text-decoration:none;color:#FFF;background:#103418;width:180px;padding:5px}
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;margin-top:-6px;margin-bottom:-6px;padding:5px}
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:0;left:100%}
/* -- 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{visibility:hidden;position:absolute;z-index:10;left:0;top:0;background-image:url(empty.gif);margin:-30px 0 0 -10px;padding:30px 30px 30px 10px}
.menu li:hover>ul{visibility:visible;left:100%}
/* -- float.clear -- force containment of floated LIs inside of UL  */.menu ul a /*IE6*/{}
.menu:after,.menu ul:after{content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both}

/******************************************************
    CONTAINER STYLES
***************************************************** */
.container{width:100%}
.containerContent{padding:0}

/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
***************************************************** */
html{height:auto;background:#267532}
body{background:#FFF;height:100%;margin:0;padding:0}
body,td,ul li,p,.normal,.NormalDisabled,.blogCalendar td,.SkinObject{font-family:Tahoma, arial, verdana, helvetica;font-size:12px;color:#5d5d5d;font-weight:400;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:#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 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:#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;font-weight:400;font-size:12px;margin:0 0 10px;padding:0}
h1{font-size:22px;color:#0A3116;margin-bottom:35px}
h2,.head,h2 span.head,.container h2 span.head{font-size:18px;font-weight:700;margin-bottom:15px}
.homeContentArea .rightPanel h2{margin:0}
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}
html>/**/body ul{margin-left:-10px}
ul li{margin-left:5px;list-style-type:disc;padding:0}
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;-ms-interpolation-mode:bicubic}
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}

/* link styles  */
a,a:link,a:active,a:visited{color:#0B3011;text-decoration:none;margin:0;padding:0}
a:hover{text-decoration:none;color:#267532}

/******************************************************
    FORM STYLES              
******************************************************/
.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:#103418;color:#FFF;font-family:Tahoma, Verdana, sans-serif;text-transform:lowercase;cursor:pointer;clear:both;border:1px solid #103418;white-space:nowrap;margin:0}
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:400;margin:0 0 5px}
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}

/******************************************************
    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
******************************************************/
.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{position:relative;height:280px;padding:0}
.QuickLink h3{background:#fff;border:1px solid #0a2f10;font-style:italic;margin:0;padding:7px}
.QuickLink .qlTitle{margin-top:0;z-index:5;position:absolute;bottom:0;display:block;width:269px;opacity:0.7px;filter:alpha(opacity=70);padding:10px 10px 5px 11px}
.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:0;clear:both}
.QuickLink p{padding-top:10px;margin:0}

/******************************************************
    ORIZONTI NUKE NEWS STYLES
***************************************************** */
.rssFeedSummary{display:block}
/* News List Header   News List Item  */
.newscontainer{width:100%}
.NukeNews_Item,.NukeNews_AltItem{background:transparent;padding:5px 0}
.newsrow{padding:5px 0}
.newspostdate{font-size:10px;color:#666;padding:5px 0}
.newscategoryimagecontainer{float:left}
.newscategoryimagecontainer img{margin:0 5px 0 0}
.newssummary{font-size:11px}
.readMore{padding-bottom:5px}
.adminlinks:hover{color:#13461D}
/* News List Footer  */.rssFeed{margin-top:10px}
/* News Display Template  */.fullArticle{text-align:left}
.viewNewsImage{float:right;padding:0}
.viewNewsPostedBy{font-size:10px;color:#666;padding:0}

/* 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:700;text-decoration:none}
.newsreadmore:hover,.viewnewsreturn:hover,.archivedisplaymonthlink:hover{color:#267532}
.newsactionbarlinks:link,.newsactionbarlinks:active,.newsactionbarlinks:visited,.newsactionbarlinks:hover{font-size:12px;color:#fff;text-transform:uppercase;background-color:#0b3011;margin-right:5px;text-decoration:none;font-weight:400;padding:3px 8px 4px}
.newsactionbarlinks:hover{background-color:#267532;color:#fff}

/*****  Comments & Ratings **** */
.newsRatingsDisplay{font-size:11px}
.RatingLabel{font-size:12px}
.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:700;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;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;line-height:1.4em;margin:0 auto}
#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-color:#666;filter:alpha(opacity=60);-moz-opacity:0.6px;opacity:0.6px}
.thumbs{text-align:center;width:140px}