/*** WEBSITE: Default 4.4.1 Skin
	 AUTHOR: Lauren Markwell & David Pollitt 
	 CREATED: 22/04/2008 
	 COMMENTS: Condensed Stylesheet for Default 4.4.1 Skin */
	 
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv { width:100%; height: 100%; text-align:center; background-color:#d6ebf3; padding: 0px; margin: 0px}
html>body #bodyDiv { height:auto; min-height: 100%;}
#frame{width:800px;margin-left:auto;margin-right:auto;text-align:left;background-color:#FFFFFF;margin-top: 10px}
* html #frame {width: 800px; padding:0px}
#adminFrame {width: 800px;background-color:#FFFFFF;}
#branding { height: 95px; float: left;}
#search {float:right;height:30px;padding-top: 65px; padding-left: 20px; background:#d7ebf3; width: 140px}
#menu{ height:27px;}
#bannerDesign { width:785px; float:left; height: 21px; background: url(images/bg_topbar.gif) repeat-x top left; padding: 3px 0px 0px 15px}
#contentArea { width:100%; float:left;background: url(images/bg_contentArea.gif) top left repeat-y}
#enclose { width: 650px; float: left;}
#innerEnclose { width: 655px; float: left;}
#AdminEnclose {width: 900px; }
* html #AdminEnclose {width: 1100px}
.leftColumn #menu{display:block; min-height: 500px; height: 500px; width: 160px;border-top: 1px solid white}
html>body .leftColumn #menu {height: auto}
.leftColumn {float:left; background:url(images/leftColumn_bg.gif) top left no-repeat!important; width: 175px}
.leftPanel { width:165px; padding: 0px 10px 0px 0px; }
.contentPanel{ width:415px;float:right; padding: 10px 30px 10px 25px;}
.contentPanelHome{ width:410px;float:right; padding: 10px 30px 10px 25px;}
.contentPanelAdmin {width:600px;float: left; padding: 10px 10px 10px 15px}
html>body .contentPanelAdmin {width: 600px;}
* html .contentPanelHome {width: 415px; padding-left: 20px}
.mainImagesPane {width: 420px; float:right; padding: 10px 20px 0px 20px;}
html>/**/body .mainImagesPane {padding-top: 0px}
* html .mainImagesPane {width: 430px; padding-right: 10px}
.rightPanel { width:140px; padding: 20px 10px 0px 0px; float:right;}
.innerRightPanel p,.rightPanel p { color:#4294CB; font-size: 10px; line-height:12px}
.innerRightPanel { width:130px; padding: 10px 10px 0px 0px; float:right;}
.pageTitle{width:445px;float:right;padding-top:10px}
#footer {clear:both; width:786px; text-align:right; font-size: 10px; color:#006EB9; padding: 5px 7px 5px 7px; font-weight: bold; background: #d6ebf3; border-top: 1px solid #4BACE0}
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a.footerMenuItem {font-size: 10px; color:#006EB9; text-decoration: none; font-weight: bold}
#footer a:hover {text-decoration: underline;}
#bannerDesign a, #bannerDesign a:link, #bannerDesign a:active, #bannerDesign a:visited {color: white; text-transform: uppercase;  font-size: 10px; text-decoration:none} /*for Home and Contact Us*/
#bannerDesign a:hover { text-decoration:underline}
.printIcon {float:right; padding: 10px 15px}
.printIcon img {float:left; clear: both}
.printIcon p { padding-top:10px; float:right}
.flashContainer, .flashContainer .containerContent, .flashContainer #DataSprings_FlashRotator {float: left;width:135px; padding: 2px 5px 0px 0px}
.flashContainer h2 {display:none}

/***
   RSS FEED STYLES              
***/
.readMoreLink {background: #4BACE0; text-align:right; padding-right: 10px }
.readMoreLink a, .readMoreLink a:link, .readMoreLink a:active, .readMoreLink a:visited { color:white; text-decoration:none; font-size: 10px}
.newsContainer h2 {background: url(images/bg_news.gif) top left no-repeat; padding-left: 50px; padding-bottom: 10px}
/******************************************************
    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: #006EB9; background: none; text-align:right;}
.menu, .menu ul, * html ul.menu ul a:link /*2nd level menu items in IE6*/ {width: 174px;}
* html ul.menu li {padding-top: 10px; padding-bottom: 10px}
/* 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: #006EB9; padding: 10px; display: block; font-size: 12px}
* html ul.menu li a, * html ul.menu li a:link, * html ul.menu li a:active, * html ul.menu li a:visited {color: #006EB9; text-decoration: none; padding: 10px; margin-top: -10px; margin-bottom: -10px; background:transparent;}
* html ul.menu li a{display: block}
* html ul.menu li.active {color: #006EB9; padding: 10px; width: 153px;}
.menu a:hover, .menu li:hover>a, .menu .menuHoverA { background: url(images/menu_mainHover.png);}
* html .menuHoverA {}
* html .menu a:link:hover /*IE6*/{text-decoration: none; color: #006EB9; padding: 10px; margin-top: -10px; margin-bottom: -10px; display: block; background: url(images/menu_mainHover.png)!important}
.menu li.active { background: url(images/menu_mainActive.png); padding: 9px 10px 10px 10px; /* top and bottom padding to be one pixel less than normal and hover states? */ margin-top: 0px; width: 154px;}
html>body .menu li.active {width: 154px;}
html>/**/body .menu li.active {width: 154px;}
.menu li { border-bottom: 1px solid white;}
.menu>li + li, .menu ul>li + li {}
/* 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 li.active, .menu ul a:hover, .menu ul a:link:hover, .menu ul a:link:hover, .menu ul .menuHoverA {text-decoration: none; color: #006EB9; padding: 10px 5px; background: url(images/subMenu.png); width: 163px}
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: 163px; border-left:1px solid white}
* 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/subMenu.png); padding: 10px 5px; margin-top: -10px; margin-bottom: -10px; width:163px; display:block}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a {background: url(images/subMenu_hover.png); padding-top: 10px;}
ul.menu ul a:link:hover {background: url(images/subMenu_hover.png);}
.menu ul a:hover, .menu ul a:link:hover, .menu ul a:link:hover, .menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{background: url(images/subMenu_hover.png); padding-top: 10px; width: 163px;}
* html .menu ul .menuHoverA {display:block;}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding */{ width: 163px; background: url(images/subMenu_hover.png);border-left: 1px solid white; padding-top: 9px}
.menu li li {}
html>/**/body .menu li li {}
.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: #d6ebf3;/* 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: "Trebuchet MS", Trebuchet MS, arial, verdana, helvetica;	font-size: 11px;color: #054673;font-weight: normal;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: #025a96; 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: #aa0000;}
/* 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:#006eb9; margin:0px; padding:0px; margin-bottom:10px; font-weight:normal; font-size: 12px;}
h1 {font-size:22px; border-bottom: 1px solid #4bace0; padding-bottom: 5px; font-weight: bold}
h2, .head, h2 span.head, .container h2 span.head {font-size:18px;}
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;}
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: circle;}
ul li li li { list-style-type: disc;}
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:#054673; text-decoration:underline; padding: 0px; margin:0px;}
a:hover { text-decoration:none; color:#054673;}

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:1px 8px; width:0; overflow:visible; font-weight: normal; font-size: 11px;background: #4495cc; color: #FFFFFF; font-family: Tahoma, Verdana, sans-serif; text-transform: lowercase; margin: 0px; cursor: pointer; clear: both; border: 1px solid #333333; 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: #025a96;}
/* 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; border: 1px solid #98D1EC;}
#search .NormalTextBox {height:19px;color:#054673;width:114px;margin:0px -6px 0px 0px;float:left}
html>body #search .NormalTextBox {margin:0px -3px 0px 0px}
.contentPanel .NormalTextBox{margin-bottom:7px}
/*#search a{float:right;width:21px;height:21px}
#search img {width:21px;}*/
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:30px 0px 0px 10px; width: 85%}
.QuickLink h3 { margin:0px; padding:0px;}
.QuickLink p {padding:0;margin:0}
.QuickLink .quickLinkTitle {float: right; font-size: 14px; font-weight: bold; color:#0D76BD!important; padding-top: 25px}
* html .QuickLink .quickLinkTitle { padding-top: 25px!important}
.quickLinkTitle { text-decoration:none!important}
.QuickLink img { float:left; position:absolute; z-index:0;}
* html .QuickLink img {padding-right: 0px!important;}
.quickLinkIcon{margin:0;float:left;width:100%}
.quickLinkDescription {clear:both;padding-top:5px;width:100%}
html>body .quickLinkDescription{padding-top:5px}
/******************************************************
    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 {}
/* 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: #054673; font-weight: bold; text-decoration: underline;}
.newsreadmore:hover, .viewnewsreturn:hover, .archivedisplaymonthlink:hover{ color: #0593CF; text-decoration: none;}
.newsactionbarlinks:link, .newsactionbarlinks:active, .newsactionbarlinks:visited, .newsactionbarlinks:hover{font-size:11px; color:#ffffff; text-transform: uppercase; background-color: #0593CF; padding: 3px 8px 4px 8px; margin-right: 5px; text-decoration: underline; font-weight: normal;}
.newsactionbarlinks:hover{background-color:#58BCE5;}
/*****  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;}