

/* CSS Document */

body
{
background-image:url(../Images/TileBgImage.jpg);
background-repeat:repeat-x;
background-color:#e3f4dd;

font-family:Arial,Helvetica,sans-serif;
padding:0px;
margin:0px;
}
h1
{font-size:18px;
}

.highlight
{
	font-weight:bold;
	color:#a8d69f;
	}
#formFloat
{
	position:absolute;
	z-index:5;	
	border:dotted 0px #000;
	width:500px;
	height:100%;
	}

#sideHolder
{
	z-index:1;
	position:absolute;
	top:80px;
	float:right;
	width:100%;
	text-align:center;
	margin-left:443px;
	border:dotted 0px #000;
	}

#sideBarHolder
{	
	}

.regLabel
{
	font-size:12px;
	text-align:right;
	padding-right:10px;
	color:Gray;
	}

.regInput input
{
	height:17px;
	font-size: 11px;
	}


.regMark
{
    font-size:9px;
    font-family:Arial;
    vertical-align:text-top;
 
}



	

	
.regInput select
{
	width:50px;
	height:17px;
	font-size: 11px;
	}

img{
border:0px
}

a:link,a:active,a:visited,a:hover
{
	color:#87ca70;
}

#MainWrapper
{
height:538px;
min-height:538px;
height:auto !important;
width:668px;
text-align:left;
margin:50px auto 30px auto;
}

#MainContentHolder
{
	margin:0 auto;
	}

.TabbedNav
{
	font-size:12px;
	width:668px;
	height:30px;
	background:url(../images/TileNavBg.gif) repeat-x bottom;
	clear:both;
	text-align:left;
   }
 
/*#TabbedNav ul
{
	list-style: none;
	padding: 0;
	margin: 0;*/
	/*text-transform:lowercase;*/
    /*}

#TabbedNav li   
{
	float: left;
	margin: 0;
	width:132px;

	}*/

    
/*#TabbedNav li a,#TabbedNav li a:link,#TabbedNav li a:active,#TabbedNav li a:visited
{
   background: url(../images/NavMainNA.gif) left no-repeat;
	height: 30px;
	line-height: 30px;
	float: left;
	width: 132px;
	display: block;
	font-weight:bold;*/
	/*border: 0.1em solid #dcdce9;*/
	/*color:#7482bf;
	text-decoration: none;
	text-align: center;
    }*/
    
 .active
 {
   background: url(../images/NavMainA.gif) left no-repeat;
	height: 30px;
	line-height: 30px;
	float: left;
	width: 132px;
	display: block;
	font-weight:bold;
	/*border: 0.1em solid #dcdce9;*/
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
    
/* Hide from IE5-Mac \*/
#TabbedNav li a
{
float: none
}
/* End hide */ 
    
#TabbedNav li a:hover
{
   background: url(../images/NavMainA.gif) left no-repeat;
	height: 30px;
	line-height: 30px;
	float: left;
	width: 132px;
	display: block;
	font-weight:bold;
	/*border: 0.1em solid #dcdce9;*/
	color: #FFF;
	text-decoration: none;
	text-align: center;
 }
 
#subnav
 {
	 height:30px;
	 padding-top:7px;
	 
	 position:relative;
	 float:right;
	}
	
.subNavContainer
 {
	padding-left:440px;
	width:120px;
	z-index:10;
	position:absolute;
	margin-top:-80px;

	}
 .subNavContainer2
 {
	padding-left:240px;
	z-index:10;
	position:absolute;
	margin-top:-80px;

	}
 
 
 
 #subnav ul
 {
	 display:inline;
	 margin:0;
	 
	}
 
 #subnav li,.subnav li a,.subnav li a:link,.subnav li a:active,.subnav li a:visited,.subnav li a:hover
 {
	display:inline;
	list-style-type:upper-alpha;
	padding-bottom:5px;
	padding-right:15px;
	font-size:14px;
	font-weight:bold;
	}
 
 /* MAIN CONTENT HOLDERS */
 #homeContent
 {

 background:url(../images/HdrInternal.jpg) #FFF no-repeat;
 height:509px;
 width:668px;
 text-align:left;
 float:left;
 padding:0px 0px 0px 0px;
 border :0px solid #000;
 }
 
 #leftColumn
 {
  width:328px;
  font-size:11px;
  background-position:bottom right;
  background-repeat:no-repeat;
  margin:200px auto 0 auto;
  height:240px;
  border:0px solid #000;
 }
 #rightColumn
 {
 	 /*background-image:url(../images/HomeMainGraphic.jpg);*/
	 width:266px;
	 height:340px;
	 float:right;
	 margin-top:169px;
	 
 }
 

.calloutBox
{
	width:200px;
	background-color:#fff;
	padding-left:27px;
	}
	
.calloutBox h3
{
	width:200px;
	text-transform:uppercase;
	color:#FFF;
	background-color:#7082c0;
	padding-left:40px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:3px;
}

.calloutBox p
{
	font-size:10px;
	padding-left:30px;
}
 
 #homeContent h3
 {
 font-size:19px;
 line-height:13px;
 color:#87ca71;
 font-weight:bold;
 }
 
  #homeContent h4
 {
 font-size:14px;
 line-height:14px;
 color:#616fb1;
 font-weight:bold;
 padding-left:25px;
 }

 
#homeContent p
{
 font-size:11px;
 line-height:15px;
 color:#616fb1;
 padding-left:25px;
}
 
 .HomeCopy{
 float:left;
 }
 
 #quickJumps
 {
 clear:both;
 list-style-position:inside; 
 padding: 0px; 
 margin: 0px
 }
 
 #quickJumps li
 {
 list-style-image:url(../images/arrow.gif);
 font-size:12px;
 
 }
 
 #InternalContent
 {
 background:url(../images/HdrInternal.jpg) #FFF no-repeat;
 width:668px;
 text-align:left;
 float:left;
 }
 
#internalCopy
{
 min-height:460px;
 height:auto !important;
 height:460px;
 margin:164px 0px 0px 0px;
 color:#7482bf;
 font-size:12px;
 line-height:22px;
 padding:0 20px 20px 20px;
 background-position:bottom right; 
 background-repeat:no-repeat;
}
 
 #internalCopy h3
 {
 font-size:13px;
 line-height:15px;
 font-weight:bold;
 text-transform:uppercase;
 }
 
#internalCopy p
 {
 font-size:12px;
 line-height:15px;
 font-weight:400;
 }
 
 #internalCopy UL, li
 {
 font-size:12px;
 line-height:15px;
 font-weight:400;
 }
 #safety_info
 {
    padding:20px 0px 0px 0px;
    font-size:14px;
 }
 
 .rightImagHolder
 {
 float:right;
margin-top:140px;
 }
 
 .rightImagHolder img
 {
  border:1px solid #8e908f;
  margin-top:3px;
  
 }
 
 #sidebar
 {
 margin-top:15px;
 float:right;
 width:220px;
 height:480px;
 background:url(../images/SideBarBg.jpg) no-repeat #FFF;
 }
 
 #sideBarTop
 {
 width:220px;
 height:24px;
 background:url(../images/sideBarTop.gif) no-repeat #FFF;

 }
 
 #sidebarContent
 {
	width:170px;
	margin-left:30px;
	height:300px;
	margin-top:25px;
	/*margin:20px 15px;*/
 }
 .MemberLogin
 {
 font-size:14px;
 color:#8e908f;
 width:130px;
 line-height:16px;
 }
 
 .tubeCallout
 {
	text-align:center;
	color:#7482bf;
	font-weight:bold;
	font-size:14px;
	}
	
 .emph
 {
	font-weight:bold;
	}
 
 .LoginForm
 {
 font-size:12px;
 color:#616fb1;
 }
 
 .LoginForm input
 {
 	height:13px;
	color:#616fb1;
	font-size:12px;
 }
 
 .signUpCopy
 {
 	font-size:11px;
	 color:#616fb1;
	 padding:30px;
	 background:url(../images/SignUpNow.gif) no-repeat left;
	 vertical-align:top;
 }
 #sideBarBot
 {
 background:url(../images/sideBarBot.gif);
 width:220px;
 height:24px;
 }

#footer
{
font-size:9px;
line-height:11px;
color:#3b4679;
text-align:center;
height:200px;
width:620px;
margin:0px auto 0px auto;
padding-top:50px;
clear:both;
}

#footer a:link,#footer a:visited,#footer a:active,#footer a:hover
{
color:#3b4679;
}

#footer img
{
float:left;
padding-bottom:10px;
}

#footer p
{
text-align:left;
}




/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
}
.skinmaster {
	height: 100%;
	border-right: #8f9092 1px solid; 
	border-top: #8f9092 1px solid; 
	border-left: #8f9092 1px solid; 
	border-bottom: #8f9092 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DKGray.jpg); 
	height: 30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/	
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #aaaaaa; 
}

.main_dnnmenu_itemhover td {  
	background-color: #aaaaaa; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cccccc;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); */
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cccccc 1px solid; 
	border-bottom: #cccccc 1px solid; 
	border-top: #cccccc 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
   background: #aaaaaa none; 
   color: #ffffff;
   font-family: Verdana, sans-serif; 
   font-size: 11px;
   font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dddddd;
	border-right: #8f9092 1px solid; 
	border-top: #8f9092 1px solid; 
	border-left: #8f9092 1px solid; 
	border-bottom: #8f9092 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtGray.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight:  normal;
   color: #333333;
}



/*-------FIND DERM----------*/
#findDerm
{
    width:290px;
    height:98px;
    border:0px solid #000;
    color:#b5b5b5;
    font-size:11px;
    margin:0px 0px 0px 25px;
    position:absolute;
    z-index:10;
}
#findDerm h5
{
    font-family:Verdana;
    font-size:13px;
    font-weight:normal;
    text-transform:uppercase;
    background-color:#bcddb2;
    padding:1px 0px 2px 5px;
    margin:0px;
    color:#fff;
}
.tdDermFind
{
    border:0px solid #fff;
    font-size:11px;
    height:65px;
    vertical-align:top;
}