/*** WEBSITE: Australian Vintage - M Sparkling
	 AUTHOR: Lauren Markwell
	 CREATED: 21/08/2008 */
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv {width:100%;height:100%;text-align:center;padding:0px;margin:0px;background:#000 url(images/MSparkling_fishnetBG.gif) repeat top left}
html>body #bodyDiv {height:auto;min-height:100%}
#frame {width:840px;margin-left:auto;margin-right:auto;text-align:left;background:none}
#branding {height:106px;background:url(images/MSparklingHeader.png) top left no-repeat;}
* html #branding {background:url(images/MSparklingHeader.gif) top left no-repeat}
#menu {height:29px;padding-left:155px}
#menuDesign {width:100%;height:19px;background:url(images/MSparkling_menuDesignBG.gif) no-repeat top left;float:left}
html>body #menuDesign {height:29px;background:url(images/MSparkling_menuDesignBG.png) top left no-repeat}
#contentArea {width:100%;float:left;background:url(images/MSparkling_contentBG.png) top left repeat-y;}
* html #contentArea {background:url(images/MSparkling_contentBG.gif) top left repeat-y;}
#enclose {width:100%;float:left;background:url(images/MSparkling_ContentTopBG.gif) top left no-repeat;height:450px;min-height:450px}
html>body #enclose {height:auto;background:url(images/MSparkling_ContentTopBG.png) top left no-repeat}
.leftPanel {width:180px;padding:10px;float:left}
.contentPanel{width:625px;margin-left:100px;padding:10px}
.contentPanelInner {padding:85px 10px 10px 10px;width:705px;margin-left:65px}
.rightPanel {width:180px;padding:10px;float:right}
#footer {clear:both;width:810px;text-align:right;color:#b5b5b5;padding:15px 7px 0px 7px;font-size:1.0em;background:url(images/MSparkling_footerBG.gif) top left no-repeat;font-style:italic}
html>body #footer {width:810px;background:url(images/MSparkling_footerBG.png) top left no-repeat}
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a.footerMenuItem {color:#b5b5b5;text-decoration:underline}
#footer a:hover {text-decoration:none}
/******************************************************
    DIGICON CLEAN CSS HORIZONTAL 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: normal;}
.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{font-size:1.3em; text-transform:uppercase}
.menu, .menu ul li {color:white;background:none}
.menu ul li {background:none;text-align:left;width:150px;font-size:0.9em/*this is needed for sub menu items or the text gets bigger each level*/}
.menu ul {width:150px}
.menu li {background:url(images/MSparkling_MenuDivider.gif) right center no-repeat}
/* 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:#b5985a;padding:5px 10px}
.menu li.active {background:none;padding-top:5px;color:#000;background:url(images/MSparkling_MenuDivider.gif) right center no-repeat}
.menu a:hover, .menu a:link:hover, .menu li:hover>a {color:#5b5b5b;background:none}
.menu a:hover, .menu a:link:hover, .menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color:#5b5b5b;background:none}
/* Drop Down Menu Items */
ul.menu li ul li{background:black}
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:white;padding:2px 5px}
ul.menu ul li.active {background:#ebdad3;color:#000}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a {color:#b5985a;background:#ebdad3}
.menu ul a:hover, .menu ul a:link:hover, .menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color:#b5985a;background:#ebdad3}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding */{width:140px;background:#ebdad3;border-right:1px solid #333}
.menu li li {border:1px solid #333}
.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(images/empty.gif);/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */padding:12px 30px 30px 30px;margin: -10px 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 */}
html>body .menu ul {padding-top: 10px}
.menu ul ul {padding:30px 30px 30px 10px;margin:-11px 0 0 -10px}
html>/**/body .menu ul ul {margin-top:-10px}
* html .menu ul ul{margin-top:-30px}
/* sticky submenu end */
/* Fix for IE5/Mac \*//*/
.menu a {float: left;}
/* End Fix */
/******************************************************
    CONTAINER STYLES
******************************************************/
.container{width:100%}
.containerContent {padding:0px}
/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html {height:auto;background:#000 url(images/MSparkling_fishnetBG.gif) repeat top left;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: georgia, arial, verdana, helvetica;color:#666;font-weight: normal;line-height:1.5em}
input,textarea{background:#f4ebe9;border:0px;margin-bottom:8px;font-size:1.3em;padding:2px;font-family: Georgia, "Times New Roman", Times, serif}
table,td {border:none;}
.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:#b5985a;font-weight:bold;text-align:left;font-style:italic;padding-right:5px;font-size:1.2em}
/* 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:georgia,times new roman,arial,verdana,helvetica;color:#b5985a;margin:0px;padding:0px;margin-bottom:10px;font-weight:normal; font-style:italic}
h1{font-size:1.7em;font-style:italic;color:#b5985a}
h2,.head,h2 span.Head,.container h2 span.Head {font-size:1.8em;color:#000; }
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; float:left;}
h6 {font-style:italic;font-size:1.2em}
p {margin:5px 0px 15px 0px;font-size:1.1em}
ul {margin:0px 0px 10px 0px;font-size:1.1em; float:left;}
html>/**/body ul {float:none; margin-left: 0px/*if margin-left is 25px it's too far indented in firefox*/}
ul li {margin:0px 30px 10px 50px;padding:0px 0px 5px 5px;list-style-type:square;list-style:none; list-style-image: url(M_Sparkling_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:gray;height:1px;text-align:left}
img {border:0px;margin:0px;padding:0px}
/* link styles */
a, a:link, a:active, a:visited {color:#B5985A;text-decoration:underline;padding:0px;margin:0px}
a:hover {text-decoration:none;color:#000}
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: georgia,times new roman,arial, verdana, helvetica;font-size:1.2em;padding:0px 8px;overflow:visible;background:#F0E3DD;color:#b5985a;text-transform:uppercase;margin:0px;cursor:pointer;clear:both;border:none;white-space:nowrap;font-style:italic;text-align:right;font-weight:bold}
.ContactForm .StandardButton {float:right}
#dnn_ctr364_FormMaster_tdFormMasterHeaderCell p,#dnn_ctr364_FormMaster_tblThankYou p {font-size: 1.1em}
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:#000}
/* 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{background:#foe3dd!important}
.valDetails .NormalTextBox {font-size:1.1em}
input.longTextBox {width:250px}
input.longmedTextBox {width:200px}
input.medTextBox {width:150px}
input.medshortTextBox {width:100px}
input.shortTextBox {width:60px}
/*Dropdown Boxes*/
select {}
/* 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 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 */
/* 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:#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}
/******************************************************
    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 p {font-size: 1.1em}
.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:#B5985A;font-weight:bold;text-decoration:none;font-family:Georgia, "Times New Roman", Times, serif; text-decoration:underline}
.newsreadmore:hover,.viewnewsreturn:hover,.archivedisplaymonthlink:hover{color:#000;text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif}
.newsactionbarlinks:link,.newsactionbarlinks:active,.newsactionbarlinks:visited,.newsactionbarlinks:hover{color:#FFF;text-transform:uppercase;background:#B5985A;padding:3px 8px 4px 8px;margin-right:5px;text-decoration:none;}
.newsactionbarlinks:hover{background:darkgray}
/* 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}