/*** WEBSITE: Skin Cancer Only
	 AUTHOR: Lauren Markwell 
	 CREATED: April 2008
***************************************************** */
#bodyDiv{width:100%;height:100%;text-align:center;background:#c0c0c0 url(images/SCO_background.gif) bottom left repeat-x;margin:0;padding:0;}
html>body #bodyDiv{height:100%;min-height:100%;}
#emptyTop{height:20px;background:#c0c0c0;}
#frame{width:802px;margin-left:auto;margin-right:auto;text-align:left;min-height:700px;}
html>body #frame{width:802px;}
#branding{height:122px;background:url(branding.gif) no-repeat top left;}
#menu{height:27px;width:750px;padding:2px 0 0 10px;}
#menu{background:url(menu_bg.gif) no-repeat top left;width:100%;height:30px}
#contentArea{width:100%;float:left;height:100%;}
#media{width:100%;margin:0 15px;}
.mainMedia{width:758px;float:left;background:#FFF;height:175px;padding:0 2px 0 6px;}
.mainMedia h2{display:none}
#enclose{float:left;clear:both;height:100%;min-height:100%;background:url(content_bg.gif) repeat-y top left;}
.leftPanel{width:160px;height:100%;float:left;background:#506D8F;padding:0px 10px 10px 16px; text-align:center;}
.contentPanel{float:left;background:#FFF;width:440px;height:100%;clear:right;padding:10px;}
.rightPanel{float:right;width:135px;height:100%;background:#506D8F;clear:right;padding:0px 10px 10px 10px;}
#dnn_RightPane, #dnn_LeftPane, #dnn_RightPane h2, #dnn_LeftPane h2, #dnn_LeftPane a:link,#dnn_LeftPane a:visited {color:#fff!important}
#footer{float:left;clear:both;width:802px;text-align:right;font-size:11px;color:#fff;height:31px;background:url(footer_bg.png) no-repeat top left;padding:5px 30px 0 0;}
html>body #footer{width:802px;padding:5px 0 0;}
#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}
.footerText{padding-right:30px;}
.contentTop{width:100%;height:20px;background:url(contentTop_bg.gif) no-repeat top left;}
.contentBottom{float:left;width:100%;height:18px;background:url(contentBottom_bg.gif) no-repeat bottom left;}
html>body .mediaLeft img {margin-top:-10px;}
*:first-child+html .mediaLeft img {margin-top:0px;}
html>body .mediaRight img {margin-top:-10px;}
*:first-child+html .mediaRight img {margin-top:0px;}
/******************************************************
    SKIN INNER LAYOUT STYLES
***************************************************** */#encloseIn{float:left;clear:both;height:100%;min-height:100%;background:url(contentIn_bg.gif) repeat-y top left;}
.contentPanelIn{float:left;background:#FFF;width:596px;height:100%;clear:right;padding:10px;}
.contentTopIn{width:100%;height:20px;background:url(contentTopIn_bg.gif) no-repeat top left;}
.contentBottomIn{float:left;width:100%;height:18px;background:url(contentBottomIn_bg.gif) no-repeat bottom left;}
/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
******************************************************/
/***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu,.menu ul,.menu li{margin:0;padding:0;border:0;list-style-type:none;display:block;min-height:0}
.menu li{float:left;position:relative;z-index:5;white-space:normal}
.menu li:hover,.menu li.menuHover{z-index:10000;white-space:normal}
.menu .menuHoverUL{visibility:visible;top:100%;left:0}
.menu .menuHoverUL .menuHoverUL{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{top:0;left:100%}
.menu a,.menu a:link,.menu a:active,.menu a:visited,.menu a:link:hover,.menu li.active{display:block}
.menu li li{float:left;width:100%;margin-top:0}

/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu{font-size:1.2em;margin-left:30px}
.menu,.menu ul li{color:#2A201E}
.menu ul li{text-align:left;width:150px;font-size:0.9em}
.menu ul{width:150px}

/* menu Borders */
.menu li{border0}
.menu li li{border:0}
.menu ul>li + li{border-top:0}

/* Top Level Menu Items */
.menu li{}
.menu a,.menu a:link,.menu a:active,.menu a:visited{text-decoration:none;color:#2A201E;padding:5px 10px;font-weight:700;font-size:1.2em}
.menu a:hover,.menu a:link:hover,.menu .menuHoverA{background:#E68649;padding:5px 10px}
.menu li.active{background:#E68649}
.menu li.active:hover>a{background:#E68649}

/* Drop Down Menu Items */
.menu ul li{background:#DB712D;border-bottom:4px solid #506D8F}
.menu ul li a,.menu ul li a:link,.menu ul li a:active,.menu ul li a:visited{text-decoration:none;color:#2A201E;padding:6px 13px 4px;background:none;font-size:1.1em}
.menu ul li a:hover,.menu ul li a:link:hover,.menu li.active li a:hover{background:#E68649;padding:6px 13px 4px}
.menu ul li.active{background:#E68649}
.menu ul li.active:hover>a{background:#E68649}

/***  CLEAN MENU FIXES - DON'T TOUCH THESE STYLES  ***/
.menu:after,.menu ul:after{content: ".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both}
.menu ul{background:url(images/empty.gif);padding:1px 30px 30px;margin:-1px 0 0 -30px}
.menu ul ul{padding:10px 30px 30px 10px;margin:-11px 0 0 -10px}
/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
***************************************************** */
html {height:auto;background:#969696}
body{height:100%;margin:0;padding:0;}
body,td,ul li,p,.normal,.NormalDisabled,.blogCalendar td{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#33383B;font-weight:400;line-height:1.5em;}
/* text style used for rende#FF0000 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;}
#dnn_LeftPane .SubHead {color:#fff}
/* 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 rende#FF0000 text which requires emphasis  */.NormalBold{font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:700;}
/* text style used for error messages  */.NormalRed{font-family:Tahoma, Arial, Helvetica;font-size:12px;font-weight:700;color:red;}
/* 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:#33383B;font-weight:400;font-size:12px;margin:0 0 10px;padding:0;}
h1{font-size:22px;}
#dnn_LeftPane h2 {color:#fff}
h2,.head,h2 span.head,.container h2 span.head{font-size:18px;}
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; padding: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:1pt;text-align:left;}
img{border:0;margin:0;padding:0;}
/* link styles  */a,a:link,a:active,a:visited{color:#0052a4;text-decoration:underline;margin:0;padding:0;}
a:hover{text-decoration:none;color:#DB712D;}
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;}
.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:#8B8B8B url(button_bg.gif) repeat-x top left;color:#FFF;font-family:Tahoma, Verdana, sans-serif;text-transform:lowercase;cursor:pointer;clear:both;height:14px;border:1px solid #333;white-space:nowrap;text-align:left;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{color:#E0E0E0;}
.StandardLoginButton,a.StandardLoginButton,a:link.StandardLoginButton,a:active.StandardLoginButton,a:visited.StandardLoginButton,input.StandardLoginButton,a.CommandLoginButton,a:link.CommandLoginButton,a:active.CommandLoginButton,a:visited.CommandLoginButton{padding-left:8px;padding-right:8px;width:0;overflow:visible;font-weight:700;font-size:14px;color:#343a3c;background:none;border:none;font-family:Tahoma, Verdana, sans-serif;text-transform:lowercase;cursor:pointer;clear:both;white-space:nowrap;text-align:left;text-decoration:none;margin:0;}
#dnn_LeftPane .StandardLoginButton,#dnn_LeftPane a.StandardLoginButton,#dnn_LeftPane a:link.StandardLoginButton,#dnn_LeftPane a:active.StandardLoginButton,#dnn_LeftPane a:visited.StandardLoginButton,#dnn_LeftPane input.StandardLoginButton,#dnn_LeftPane a.CommandLoginButton,#dnn_LeftPane a:link.CommandLoginButton,#dnn_LeftPane a:active.CommandLoginButton,#dnn_LeftPane a:visited.CommandLoginButton {color:#fff}
/* 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;border:1px solid #000;}
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;}
/* Requi#FF0000 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;}
/* Hides from IE-mac \ */.clearfix{display:block;}
/* End hide from IE-mac  *****************************************************
    DNN STYLES (Some of these we try to avoid, but are still used in some modules; Some we are unsure of what they do)
*****************************************************  What exactly does this style??  */.SkinObject{font-weight:700;font-size:8.5pt;color:#036;font-family:Tahoma, Arial, Helvetica;text-decoration:none;}
/* 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 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 FORM MASTER STYLES
***************************************************** */
.contactForm td{text-align:left;}
/******************************************************
    DIGICON QUICK LINK STYLES
***************************************************** */
#dnn_LeftPane .QuickLink { margin-left:10px;}
.QuickLink{background:#fff;width:125px;height:92px;padding: 0px 5px; margin: 5px auto; position:relative; }
.QuickLink h2{color:#fff;margin:0px;padding:2px 5px;background:#DB712D;position: absolute; bottom:0; left:0;width:125px;border-top:2px solid #506D8F;}
.QuickLink img{padding:3px; margin:auto; float:none!important}
.QuickLink p{padding-top:10px;margin:0; display:none}
.QuickLink a,.QuickLink a:link,.QuickLink a:active,.QuickLink a:visited,.QuickLink a:hover{color:#fff;text-decoration:none;}
/******************************************************
    EVENT MODULE STYLES
***************************************************** */.Eventtooltip{border:#000 1px solid;font-size:10px;width:200px;color:#000;font-family:Arial;background-color:#ffd;text-align:left;padding:5px;}
.Event{border:#000 1px solid;table-layout:auto;font-size:7pt;color:#000;font-family:Verdana;border-collapse:collapse;text-align:center;width:400px;height:400px;margin:0;padding:0;}
.EventTitle{font-weight:700;font-size:9pt;background-image:none;width:100%;height:100%;background-color:#66f;text-align:center;}
.EventTitle,.EventTitle td{font-weight:700;font-size:11pt;background-image:none;color:navy;background-color:#66f;text-align:center;}
.EventDayHeader{font-weight:700;font-size:7pt;font-family:Verdana;background-color:#D3D3D3;}
.EventDay,.EventDay td,.EventDay a,.EventDay a:visited,.EventDay a:hover{font-size:7pt;color:#00f !important;font-family:Verdana;}
.EventOtherMonthDay{color:gray;background-color:#DCDCDC;}
.EventOtherMonthDay a,.EventOtherMonthDay a:visited,.EventOtherMonthDay a:hover{color:#8080c0;background-color:#DCDCDC;}
.EventWeekendDay{background-color:#F5F5F5;}
.EventTodayDay{border:red 2px solid;}
/* Note use of "!important" to override Inline Style  */.EventSelectedDay{font-weight:700;color:#00f !important;background-color:#696969;}
.EventSelectedDay a,.EventSelectedDay a:visited,.EventSelectedDay a:hover{color:#00f !important;font-weight:700;}
.EventSelector{background-color:#c0c0e0;}
.EventSelector a,.EventSelector a:visited,.EventSelector a:hover{color:#00f;text-decoration:none;}