/*** WEBSITE: Queensland Writers Centre
	 AUTHOR: Lauren Markwell 
	 CREATED: September 2008  *****************************************************
    SKIN LAYOUT STYLES
***************************************************** */
#bodyDiv{width:100%;height:100%;text-align:center;background:url(images/QWC_bodyTop.jpg) top center no-repeat;margin:auto;padding:0}
html>body #bodyDiv{height:auto;min-height:100%;width:auto}
#frameWrapper{background:url(images/QWC_FooterMassive.jpg) bottom center no-repeat;width:100%;text-align:center;min-height:100%;height:auto}
*html #frameWrapper{height:100%}
#frame{width:1000px;text-align:left;height:auto;min-height:500px;margin:0 auto;padding:0px 0 25px}
*html #frame{height:500px}
html>/**/body #frame{padding:0px 0 45px}
#bottomLeft{width:156px;height:97px;float:left;clear:both}
#branding{height:137px}
#menu{height:27px;width:820px;float:left}
#menuDesign{height:30px;padding:10px 10px 30px}
* html #menuDesign{display:block}
#search{float:right;margin-right:0;padding-top:4px;width:160px}
#search .SkinObject img{pad	ding-top:0;vertical-align:top;float:right;margin:-16px 0 0 -3px}
#search input,#search .NormalTextBox{float:left;width:120px;padding:1px 3px 2px}
#contentArea{width:100%;float:left;clear:both;display:block;margin-bottom:30px;height:300px;min-height:300px}
html>body #contentArea{height:auto}
.homeSkin #contentArea{background:url(images/QWC_contentAreaBG.gif) top left repeat-y}
.innerSkin #contentArea{background:url(images/QWC_contentAreaInnerBG.gif) top left repeat-y}
#enclose{width:675px;float:left}
.leftPanel{width:180px;float:left;padding:10px}
.contentPanel{width:425px;float:right;padding:13px}
.contentPanel .floatRight,.contentPanel .floatLeft{width:170px}
.rightPanel{width:270px;float:right;padding:10px}
#joinQWC{margin:5px 0}
#awmOnline{margin:0 10px}
#encloseInner{width:100%}
.contentPanelInner{width:760px;float:right;padding:10px}
#encloseAdmin{margin-bottom:125px}
.contentPanelAdmin{width:800px;margin:auto;padding:10px}
#innerFooter{clear:both;width:1000px;display:block;margin:0 auto}
html>/**/body #innerFooter h2{margin-top:8px}
.leftFooterPanel{width:510px;float:left;height:120px;margin-left:50px}
.leftFooterPanel h2{margin-bottom:3px}
.rightFooterPanel{width:435px;float:right;height:120px;text-align:right;clear:both}
html>/**/body .rightFooterPanel{clear:none}
#footer{clear:both;width:1000px;text-align:right;font-size:11px;color:#666;padding:10px 0}
#footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a.footerMenuItem{font-size:11px;color:#666;text-decoration:underline;text-transform:lowercase}
#footer a:hover{text-decoration:none}
.homeSkin .featuredProduct{font-size:12px;font-weight:700;text-decoration:none;color:#686767;display:block;border-bottom:1px solid #ccc}
.homeSkin .featuredRow{display:block;padding:5px 0}
.homeSkin .featuredRow img {padding:0px 10px}
.homeSkin .featuredProduct:hover{color:#FB741A}
.homeSkin .featuredDescription a,.homeSkin .featuredDescription a:link,.homeSkin .featuredDescription a:active,.homeSkin .featuredDescription a:visited{display:block;padding-top:5px;border-top:1px solid #CCC; text-transform:lowercase}
.homeSkin .more {text-transform:lowercase;text-align:right;display:block}
.homeSkin .newsRSS p {font-size:0.9em}
.homeSkin .newsRSS a,.homeSkin .newsRSS a:link,.homeSkin .newsRSS a:active,.homeSkin .newsRSS a:visited {font-weight:bold;color:#686767;text-decoration:none}
.homeSkin .newsRSS a:hover {color:#FB741A;}
.homeSkin .newsRSS .more a,.homeSkin .newsRSS .more a:link,.homeSkin .newsRSS .more a:active,.homeSkin .newsRSS .more a:visited {color:#f79e5f;text-decoration:underline;margin:0;padding:0;font-weight:normal}
.homeSkin .newsRSS .more a:hover {text-decoration:none;color:#f79e5f;font-weight:normal}
#dnn_ctr392_Login_tdRegister a,#dnn_ctr392_Login_tdRegister a:link,#dnn_ctr392_Login_tdRegister a:active,#dnn_ctr392_Login_tdRegister a:visited,#dnn_ctr392_Login_tdRegister a:hover {text-transform: lowercase}

/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
***************************************************** **  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ** */.menu,.menu ul{border:0;list-style-type:none;display:block;min-height:0;margin:0;padding:0}
.menu li{border:0;display:block;float:left;position:relative;z-index:5;white-space:normal;margin:0;padding:0}
.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{border:1px solid #cbc5be}
/* 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;width:150px;background-image:url(images/empty.gif);margin:-10px 0 0 -30px;padding:12px 30px 30px}
.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 li li /*fix white gap problem*/ /*IE6*/{width:100%}
*html .menu li li /*prevent double-line between items*/ /*IE6*/{margin-top:-1px}
/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu,.menu ul li{color:#686767}
.menu ul li{text-align:left;width:170px;margin:0;padding:0}
/* 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:#686767;border-right:1px solid #cbc5be;font-size:17px;padding:5px 10px}
@media screen and (-webkit-min-device-pixel-ratio:0){
.menu a,.menu a:link,.menu a:active,.menu a:visited,.menu a:hover,.menu a:link:hover,.menu li.active{font-size:16px;font-weight:400}
}
.menu li.active{padding-top:5px;color:#FB7419}
.menu a:hover,.menu a:link:hover,.menu li:hover>a{color:#F79E5F}
.menu a:hover,.menu a:link:hover,.menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color:#F79E5F}

/* Drop Down Menu Items  */
.menu ul li{background:#fff}
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:0;text-decoration:none;color:#656764;background:#fff;padding:6px;font-size:12px}
ul.menu ul li.active{background:#8C8C8C;color:#FFF;padding:6px;width:158px;border-right:1px solid #8C8C8C}
.menu li li.active{padding-top:0}
ul.menu ul li a:hover,ul.menu ul li a:link:hover,ul.menu ul li li:hover>a{color:#FFF;background:#8C8C8C}
.menu ul a:hover,.menu ul a:link:hover,.menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color:#fff !important;background:#8C8C8C !important}
.menu ul>li + li{border-top:0}
.menu li li:hover>ul{top:-1px;left:100%}
.menu .menuHoverUL .menuHoverUL{top:-1px;left:100%}
.menu:after,.menu ul:after,.menu ul ul:after,.menu ul ul ul:after{content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both}
html>body .menu ul{padding-top:10px}
.menu ul ul{margin:-10px 0px 0px -10px;padding:30px 30px 30px 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:0}
/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
***************************************************** */
html{height:auto;background:#fff}
body{background:#FFF;height:100%;margin:0;padding:0;line-height:1.3em}
body,td,ul li,p,.normal,.NormalDisabled,.blogCalendar td,.SkinObject{font-family:arial,verdana,helvetica;font-size:12px;color:#686767;font-weight:400}
td{text-align:left}
.NormalDisabled{color:#D3D3D3}
.SubHead{color:#686767;font-family:Arial, Helvetica;font-size:12px;font-weight:700;text-align:left}
.SubSubHead{font-family:Arial, Helvetica;font-size:11px;font-weight:700;color:#000}
.NormalBold{font-family:Arial, Helvetica;font-size:11px;font-weight:700}
.NormalRed{font-weight:700;color:#AD2634 !important;white-space:nowrap}
h1,h2,h3,h4,h5,dt,h6,.head,h2 span.head,.container h2 span.head,h3 span.SubHead,.newstitle,tfoot,thead,th{font-family:arial, verdana, helvetica;color:#686767;font-weight:400;font-size:12px;margin:0 0 10px;padding:0}
h1{font-size:22px;color:#FB741A}
h2,.head,h2 span.head,.container h2 span.head{font-size:18px;text-transform:lowercase;color:#FB741A}
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:0}
ul li{margin-left:5px;list-style-type:square;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:0;text-align:left;border:0 solid #b5b5b5;border-bottom:1px solid #b5b5b5}
img{border:0;margin:0;padding:0}
/* link styles  */a,a:link,a:active,a:visited{color:#f79e5f;text-decoration:underline;margin:0;padding:0}
a:hover{text-decoration:none;color:#f79e5f}
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}
/******************************************************
    FORM STYLES              
*****************************************************  Generic Form Element classes  */.formInput{width:150px;height:18px;border:1px solid #CCC}
.formItem{clear:both;display:block;width:100%;float:left;margin:1px 0;padding:2px 0}
.formItem sub{display:block;font-size:11px;color:#888;font-weight:400}
.label{clear:both;float:left;width:120px;text-align:right;padding-right:10px;font-weight:700;margin:2px 0}
.formItem .label{}
.labelDetails{width:390px;float:left}
.labelDetails p{margin:0 0 7px}
.formItemExpired{clear:both;display:block;width:100%;margin:1px 0;padding:2px 0}
.formItemExpired sub{display:block;font-size:11px;color:#888;font-weight:400}
.formItemExpired .label{display:block}
/* 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:2px 8px;width:0;overflow:visible;font-weight:400;font-size:11px;border:1px solid #9a9997;background:#f6f1ed url(images/button_bg.gif) repeat-x bottom left;color:#6d6d6e;font-family:Arial;text-transform:uppercase;cursor:pointer;clear:both;white-space:nowrap;text-decoration:none;margin:1px}
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{}
.LoginButton,a:link.LoginButton,a:active.LoginButton,a:visited.LoginButton,input.LoginButton{padding:2px 8px;width:55px;height:22px;overflow:visible;font-weight:400;font-size:11px;border:0;background:#f6f1ed url(images/LoginButtonBG.gif) repeat-x bottom left;color:#6d6d6e;font-family:Arial;text-transform:uppercase;cursor:pointer;clear:both;white-space:nowrap;text-decoration:none;margin:1px}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility  */.subscriber,.NormalTextBox,input.longTextBox,input.longmedTextBox,input.medTextBox,input.medshortTextBox,input.shortTextBox{font-family:Tahoma, Arial, Helvetica;font-size:12px;font-weight:400;border:1px solid #644d24}
input.longTextBox{width:250px}
input.longmedTextBox{width:200px}
input.medTextBox{width:150px}
input.medshortTextBox{width:100px}
input.shortTextBox{width:60px}
html>/**/body input{margin-bottom:5px}
/*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 (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: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 rendered 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{margin:10px 0;padding:0}
.QuickLink h2{margin:0}
.QuickLink h2 a,.QuickLink h2 a:link,.QuickLink h2 a:visited,.QuickLink h2 a:active,.QuickLink h2 a:hover{color:#686767;text-decoration:none;text-transform:lowercase;font-size:17px;font-weight:700}
.QuickLink h2 a:hover{color:#FB741A}
.QuickLink img{float:left;padding-right:3px}
.QuickLink p{padding-top:5px;font-size:11px;margin:0}
/* Sitemap Styles  */
.PageList .PageItem{border-bottom:1px solid #cfcfcf;padding:5px 0}
.PageList .PageItem ul li{border:0}
ul.PageList li{font-size:1.4em}
ul.PageList li ul li{font-size:1.2em}
ul.PageList li ul li ul li{font-size:1em}
/* Member Directory  */
.memberReviews{border-bottom:1px solid #cfcfcf;padding-bottom:10px}
.reviewTitle{font-weight:700}
.reviewdBy{color:#9f9f9f;font-size:0.9em}
.review{padding:5px 10px}
/* Breadcrumbs */
#breadCrumbs{margin-top:-25px;padding-bottom:10px;font-size:0.9em;height:15px}
#breadCrumbs a,#breadCrumbs a:link,#breadCrumbs a:active,#breadCrumbs a:visited,#breadCrumbs a:hover{font-size:.9em}
/* Reports */
.UserReport table{border:1px solid #DBD7D2;padding:2px}
.UserReport td{border:1px solid #DBD7D2;padding:2px 5px}
.UserReport th{padding:2px;color:#FF9349;font-weight:bold;font-size:14px}
.UserReport .userRptTotals{font-weight:bold}
td.SubscriptionDesc sub{display: none;}
.SubHead a p{padding:0 8px;width:40%;overflow:visible;font-weight:400;font-size:11px;border:0;background:#F79E5F url(images/QWC_buttonBG.gif) repeat-x;color:#644D24;text-transform:uppercase;cursor:pointer;clear:both;white-space:nowrap;text-decoration:none;margin:0}
.LetterSearch{line-height:1.8em}