/* 
================================
Skin styles for DotNetNuke
================================
*/   
/* CSS Document */
body {background:#000; height:100%; margin:0px; padding:0px; }

.pagemaster {
	width: 100%;	
	background-color: transparent;
}
.skinmaster {
	background-color: transparent;
	width:980px;
}
.splashpagemaster {
	width: 100%;	
	background-color: transparent;
}
.splashmaster {
	background:url(images/Joico_SPLASH.jpg) no-repeat top left; 
	width:980px;
	height:627px;
}
.skinheader {
	background:url(images/JCO_Access_Banner_Logo.jpg) no-repeat top left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	height:144px;
}
/*-------- Default Style --------*/
th, td, div {
	color: #666;
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;
}
a, a:link, a:visited, a:active {
	color: #5b2c6c;
	text-decoration: none;
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	font-weight: normal;
}
a:hover {
	color:#c84b2a; 
	text-decoration:underline; 
}
/*-------- design style --------*/
.template_style {width:980px; margin:auto;}
.top_space {height:0px;} 
.splashpagemaster .top_space {height:30px;}
/*-------------- Control Panel Style --------------*/
.controlpanel td {
	width: 100%;
	background-color: #000000;
	color: #666666;
	text-transform:uppercase;
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px; 
	border: 0px;
	padding: 1px 8px 1px 8px; 
}
.controlpanel td a:link, .controlpanel td a:visited, .controlpanel td a:active {
}
.controlpanel td a:hover {
}
.controlpanel .SubHead {
	color: #999999;
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px; 
}
.controlpanel .NormalTextBox	{
	font-size: 11px;
}
.topheader { }
/*-------------- Table Style --------------*/
.JOICOTable, .JOICOTable TD, .JOICOTable TR, .JOICOTable TABLE {
	border-style: solid; 
	border-color: #999999;	
	border-width: 1px;
}
/*-------------- Language Style --------------*/
.lang_pad {
	padding:0px 0px 5px 0px; 
	background-color: transparent; 
	text-align:right;
}
.Language, a.Language:link, a.Language:active, a.Language:visited
{
	color: #cc6633;
	font-size: 11px;
	text-transform: uppercase;
}
a.Language:hover
{
	color: #ff6600;
}

/*-------------- Date Style --------------*/
.Date_Pad {
	margin: 0px 0px 0px 0px; 
	padding: 10px 30px 5px 0px; 
}
.CurrentDate, a.CurrentDate:link, a.CurrentDate:active, a.CurrentDate:visited {
	color:#504171; 
	font-size:11px; 
	text-transform:uppercase;}
a.CurrentDate:hover {
	color:#504171;
}

/*-------------- LOGO Style --------------*/
.logo {
	padding-left:100px;
	width: 300px;
}
/*-------------- User Style --------------*/
.User_Pad {
	margin: 0px 0px 0px 0px; 
	padding: 7px 30px 10px 0px; 
}
.user, a.user:link, a.user:active, a.user:visited {
	color:#504171; 
	font-size:11px; 
	text-transform:uppercase;
}
a.user:hover {
	color:#90291e;
}
/*-------------- Joico Style --------------*/
.Joico {
	background-color:#a6a8aa; 
}
.Joico_Pad {
	Background: transparent; 
	padding:9px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	height:52px;
}
.splashpagemaster .Joico {
	padding:0px; 
	margin:0px; 
	background-color:#a6a8aa; 
	height:52px;
}
.splashpagemaster .Joico_Pad {
	Background:url(images/JOICO_ArtofHealthyHair.jpg) no-repeat center center; 
	padding:0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	height:52px;
}
body:nth-of-type(1) .Joico_Pad{  /* Web-Kit Hack - Safari & Chrome ONLY */
	padding:9px 0px 0px 0px; 
	height:42px;
}
/*-------------- Link Style --------------*/
.Links_Pad {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	background-color: #DDDDDD; 
	height:16px;
	vertical-align:middle;
	text-align:center;
}
body:nth-of-type(1) .Links_Pad {  /* Web-Kit Hack - Safari & Chrome ONLY */
	padding: 4px 0px 0px 0px; 
}
.links, a.links:link, a.links:active, a.links:visited {
	font-weight:normal; 
	color:#999999; 
	font-size:10px; 
	letter-spacing: -0.1px; 
	text-transform:uppercase; 
	vertical-align:middle;
}
a.links:hover {
	color:#90291e;
}
/*-------------- Footer Style --------------*/
.footer_style {
	padding:0px 15px 0px 15px; 
	height: 15px; 
	background-color:#a79e8f;
	vertical-align:middle;
}
.footer, a.footer:link, a.footer:active, a.footer:visited {
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;	
	font-size:10px;	
	text-transform:uppercase;
	font-weight: normal;	
	color:#735d84; 
}
a.footer:hover {
	color:#90291e;
}
/*-------------- Token_Bottom_Pad Style --------------*/
.Token_Bottom_Pad {
	padding: 0px 10px 0px 10px; 
	margin:0px; 
	background-color:transparent; 
	height:10px;
	font:1px;
}
a.Token_Bottom_Pad:link, a.Token_Bottom_Pad:active, a.Token_Bottom_Pad:visited {
	color:#666666; 
	font-size:12px; 
	text-transform:uppercase;
}
a.Token_Bottom_Pad:hover {
	color:#90291e;
}
/*-------------- Lower Style --------------*/
.lower_pad {
	margin-bottom:0px; 
	padding:0px 0px 0px 0px; 
	background-color:#a6a8aa; 
	height:19px;
}
/*-------------- Clears & Resets --------------*/
.clear_float{ clear: both; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* DNN PANES: _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/   */
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.leftpane {
	width: 480px;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.leftpane2 {
	width: 240px;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	display:inline-block;
}
.contentpane {
	width: 50%;
	background-color: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px 0px 0px 0px;
}
.contentpaneWIDE {
	width: 75%;
	background-color: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px 0px 0px 0px;
}
.contentpaneFULL {
	width: 100%;
	background-color: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px 0px 0px 0px;
}
.contentpane2 {
	background-color: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px 0px 0px 0px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane2 {
	width: 240px;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	display:inline-block;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
/* COLOR PANE STYLES: _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/   */
.Content { background-color: #ffffff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px ;}
.Content .leftpane { background-color: #ffffff;}
.Content .contentpane{ background-color: #ffffff;}
.Splash .contentpane { background-color: transparent;}

.Silver_Content .leftpane { background: #DDDDDD url(images/Gradient.png) repeat-x top left; padding-top:0px; width:240px; }
.Tan_Content .leftpane { background: #a8a18f url(images/Gradient.png) repeat-x top left; padding-top:0px; width:240px;}
.Fuchia_Content .leftpane { background: #a0719b url(images/Gradient.png) repeat-x top left; padding-top:0px; width:240px; }
.Clementine_Content .leftpane { background: #e89c2e url(images/Gradient.png) repeat-x top left; padding-top:0px; width:240px; }
.Violet_Content .leftpane { background: #bfb2d4 url(images/Gradient.png) repeat-x top left; padding-top:0px; width:240px; }

.Pattern_1_Content .leftpane { background: #ffffff url(images/Pattern_1.jpg) repeat top left; padding-top:0px; width:240px;}
.Gradient_1_Content .leftpane { background: #ffffff url(images/Gradient_1.png) repeat-x top left; padding-top:0px; width:240px;}
.Photo_1_Content .leftpane { background: #ffffff url(images/Photo_1.jpg) no-repeat top left; padding-top:0px; width:240px;}

/*-------------- MISC Styles --------------*/
.StandardButton {
	background: #7994cb none; 
	color: #ffffff;
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.CommandButton, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	color: #98518d;
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none
}
a.CommandButton:hover {
	color:#e5972b; 
	text-decoration:none; 
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 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(images/JCO_Access_Active.gif);
}
/* Styles for Head & Head Links - Module Item Titles and Admin Pages /////////////////////////////////////////////////////////////*/  
.Head, .Title, A.Head:link, A.Head:visited, A.Head:active, A.Head:hover   {
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	font-size:  14px;
	font-style: normal;
	color: #666666;
    text-decoration: none; 
  	text-transform:uppercase;
}
A.Head:visited  {
    color: #502f76;
}
A.Head:hover    {
    color: #c84b2a;
} 
A.Head:active   {
    color: #e27d2b;
}
/* Styles for SubHead & SubHead Links - Module Item Titles and Admin Pages /////////////////////////////////////////////////////////////*/  
.SubHead, A.SubHead:link, A.SubHead:visited, A.SubHead:active, A.SubHead:hover   {
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	font-weight: 500;
	font-size:  11px;
	font-style: normal;
	color: #999999;
    text-decoration: none; 
}
A.SubHead:visited  {
    color: #502f76;
}
A.SubHead:hover    {
    color: #c84b2a;
} 
A.SubHead:active   {
    color: #e27d2b;
}
/* Styles for SubSubHead & SubSubHead Links - Module Item Titles and Admin Pages /////////////////////////////////////////////////////////////*/   
.SubSubHead, A.SubSubHead:link, A.SubSubHead:visited, A.SubSubHead:active, A.SubSubHead:hover   {
  font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;	
    font-weight: normal;
    font-size: 9px;
    text-decoration: none;  
    color: #888888; 
}
A.SubSubHead:visited  {
    color: #502f76;
}
A.SubSubHead:hover    {
    color: #c84b2a;
} 
A.SubSubHead:active   {
    color: #e27d2b;
}
/* Styles for all Normal Classes/Pseudo Classes  /////////////////////////////////////////////////////////////*/    
.Normal, .Topic, .NormalBold, .NormalTextBox, .NormalRed, A.Normal:link, A.Normal:visited, A.Normal:active, A.Normal:hover    {
    font-family: Arial, Helvetica, san serif;	
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;   
    color: #666666;    
}
.NormalBold		{
	font-weight: bold;
}
.NormalTextBox	{
	background-color: #ffffff;
	color: #666666;
	border-width:1px;
    border-style:solid;
	border-color:#aaaaaa;
	margin:2px;
    line-height: normal;
	letter-spacing: normal;
}
.NormalRed		{  
	font-weight: bold;
	color: #ff0000;
}
A.Normal:link, A.NormalBold:link, A .NormalBold:link, A:link .NormalBold {
    color: #5b2c6c;
}
A.Normal:visited, A.NormalBold:visited, A .NormalBold:visited, A:visited .NormalBold {
    color: #502f76;
}
A.Normal:hover, A.NormalBold:hover, A .NormalBold:hover, A:hover .NormalBold {
    color: #c84b2a;
    text-decoration: underline;
} 
A.Normal:active, A.NormalBold:active, A .NormalBold:active, A:active .NormalBold {
    color: #e27d2b;
}
/* Module Action Menus */
.ModuleTitle_SubMenu {
	border:0px transparent;
}
.ModuleTitle_SubMenu td {
	background-color:#F8FAFF;
	white-space: nowrap;
} 
.ModuleTitle_MenuIcon {
	background-color:#F8FAFF; 
	border:none;
	padding: 0px 2px;
}
.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon {
	color: #fff;
}
.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon {
	height: 2px;
	background-color: #D5E0FF;
}
/* DNN MENU STYLE: _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/   */
.menu_style {
	height:65px; 
	margin: 0px 0px 0px 0px;
	white-space:nowrap;
	float:right;
}
.menu-cap-left {
	background:url(images/JCO_Access_Menu-Left.png) no-repeat top left;
	width:16px;
}
.menu-cap-right {
	background:url(images/JCO_Access_Menu-Right.png) no-repeat top right;
	width:17px;
}
.menu_bg {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	height:65px; 
	background:url(images/JCO_Access_Menu.png) repeat-x top center;
}
.test2 {
	position:relative;
	right:0px;
	width:inherit;
}
/*TOKENS: _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

.m			All Sub Menus					.m		All Sub Menus
.m[Level]	Sub Menu at level x				.m0		Firsl Level Sub Menus

.mid[id]	Sub Menu with ID x				.m39	DNN Admin Sub Menu
.break		Break							.break	All Menu Breaks
.mi			Menu Item (all)					.mi		All Menu Items
.mi[path]	Menu item in specific path		.mi0	First Menu Item (home)
											.mi-0	First Child of second root Menu

.root		Root Menu Item					.root		All Root Menu Items	
.first		First Menu Item					.first		First Menu Item in each Menu		
.last		Last Menu Item					.last		Last Menu Itemin each Menu	

.icn		Icon
.hov		Hover
.sel		Selected
.bc			BreadCrumb																/*


/* main menu td - outer menu container _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.main_dnnmenu_bar {
	cursor:pointer;
	font-size: 11px; 
	background-color:transparent;
	padding: 0px 0px 0px 0px;
	text-align:center;
	vertical-align:middle;
	width:auto;
}
 body:nth-of-type(1) .main_dnnmenu_bar {  /* Web-Kit Hack - Safari & Chrome ONLY  */
	display:run-in;
}
/*  Main menu  _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.main_dnnmenu_rootitem  {	
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight:600; 	
	text-transform:uppercase;
	text-align:center; 	
	color: #999999;	
	line-height:65px;
	height:65px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:middle;
}
/*  Main menu selected _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  */
.main_dnnmenu_rootitem_selected {
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	font-weight:600; 
	text-align:center;
	font-size: 11px; 
	text-transform:uppercase; 
	color:#777777;		
	line-height:57px;
	background:url(images/JCO_Access_Active.gif) repeat-x center center ;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:middle;
	display:inline-block;
}
 body:nth-of-type(1) .main_dnnmenu_rootitem_selected {  /* Web-Kit Hack - Safari & Chrome ONLY  */
	margin:0px 0px 0px 0px;
}
/*  Main menu hover _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.main_dnnmenu_rootitem_hover {  
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight:600; 
	text-transform:uppercase; 		
	text-align:center;
	line-height:57px;
	height:57px;
	color:#222222;
	padding:0px 0px 0px 0px;
	background:url(images/JCO_Access_Hover.gif) repeat-x center center;
	margin:0px 0px 0px 0px;
	display:inline-block;
	vertical-align:middle;
}
 body:nth-of-type(1) .main_dnnmenu_rootitem_hover {  /* Web-Kit Hack - Safari & Chrome ONLY  */
	margin:0px 0px 0px 0px;
}
/*  SUB Menu Normal _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.main_dnnmenu_submenu td {
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight:600;
	text-align:left;
	line-height:40px;		
	color:#999999;
	background: #eeeeee;
	z-index: 1000;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.main_dnnmenu_submenu {
	border:0px solid #C0D6E5;
	padding:0px 0px 0px 0px;
	white-space:nowrap;
}
/*  SUB Menu hover & selected _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.main_dnnmenu_itemhover td,.main_dnnmenu_itemselected td  {
	font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight:600;
	text-align:left;
	line-height:40px;	
	color:#000000;	
	background: #cccccc ;
	z-index: 1000; 
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
} 
/*   Menu Separators and Breaks _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
main_dnnmenu_separator {
	background: url(images/JCO_Access_Separator.gif) no-repeat center center;
	padding:0px 0px 0px 0px;
}
.myseparator {
	background: url(images/JCO_Access_Separator.gif) no-repeat center center;
	padding:0px 0px 0px 0px;
}
.myseparatoractive {
	background: #000000 url(images/JCO_Access_Separator.gif) no-repeat center center;
	padding:0px 0px 0px 0px;
}
.myleftseparator {
	width:10px;
	padding:0px 5px 0px 5px;
}
.myrightseparator {
	width:10px;
	padding:0px 5px 0px 5px;
}
.main_dnnmenu_break {
	width:0px;
	font-size:1px;
	height:0px;
	background-color:transparent; 
	border-top:#eeeeee 0px solid;
	border-right:#eeeeee 0px solid;
	border-bottom:#eeeeee 0px solid;
	border-left:#eeeeee 0px solid; 
}
.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 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;
}
.main_dnnmenu_icon {
	cursor:auto;
	text-align:center;
	width:3px;
	height:25px; 
}