/*-- this attempts to compensate for dnn's insertion of relative paths --*/
/* .dummmmmy { background: url(/Portals/15/Skins/Pinto Skin//Localsite/Portals/_default/Skins/Tabs v002/no_image.gif);} */



/*-- insurance --*/
html {
	height: 100%;
	width: 100%;
}


/*-- insurance --*/
body {
	margin: 0;
	height: 100%;
	width: 100%;
	background: #fff;
}


/*-- splash page styles --*/
#FullScreenGREY {background: url(splash_bg.gif); width: 100%; height: 100%;}
#SplashTop {background: url(splash_bg_top.jpg) no-repeat; width: 695px; height: 71px;}
#SplashMiddle {background: url(splash_bg_middle.jpg) repeat-y;}
.SplashPaneLeft {padding: 0px 20px 0px 40px; width: 200px;}
.SplashPaneRight {padding: 10px 40px 20px 40px;}
#SplashPaneA {background: url(splash_bg_bottom_left.jpg) no-repeat;  width: 285px; height: 190px;}
#SplashPaneB {background: url(splash_hairstyling.jpg) no-repeat; cursor: hand; width: 126px; height: 190px;}
#SplashPaneC {background: url(splash_spas.jpg) no-repeat; cursor: hand; width: 119px; height: 190px;}
#SplashPaneD {background: url(splash_academy.jpg) no-repeat; cursor: hand; width: 118px; height: 190px;}
#SplashPaneE {background: url(splash_bg_bottom_right.jpg) no-repeat; width: 47px; height: 190px;}


#FullScreenYLW {background: url(bg_ylw.gif);}
#FullScreenGRN {background: url(bg_grn.gif);}
#FullScreenRED {background: url(bg_red.gif);}
.LeftBorderYLW {width: 15px; background: url(bg_left_ylw.gif) repeat-y;}
.LeftBorderGRN {width: 17px; background: url(bg_left_grn.gif) repeat-y;}
.LeftBorderRED {width: 17px; background: url(bg_left_red.gif) repeat-y;}
.ContentHolder {width: 698px; background: #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.RightBorderYLW {width: 15px; background: url(bg_right_ylw.gif) repeat-y;}
.RightBorderGRN {width: 17px; background: url(bg_right_grn.gif) repeat-y;}
.RightBorderRED {width: 17px; background: url(bg_right_red.gif) repeat-y;}
.LogoTD {padding: 20px 0 18px 18px; background: #f7f7f7;}
.LoginTD {padding: 10px; text-align: right; background: #f7f7f7; color: #aaa; font-weight: bold;}
.MenuTD {height: 25px; background: url(menu_bg.gif) top left repeat-x #464646; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.PicTDYLW {height: 211px; background: url(pic_bg_ylw.jpg) no-repeat;}
.PicTDGRN {height: 211px; background: url(pic_bg_grn.jpg) no-repeat;}
.PicTDRED {height: 211px; background: url(pic_bg_red.jpg) no-repeat;}
.PicTDYLWWide {height: 211px; background: url(pic_bg_wide_ylw.jpg) no-repeat;}
.PicTDGRNWide {height: 211px; background: url(pic_bg_wide_grn.jpg) no-repeat;}
.PicTDREDWide {height: 211px; background: url(pic_bg_wide_red.jpg) no-repeat;}
.TwoPaneTD {background: url(two_pane_bg.gif) repeat-y; padding: 0 20px 0 40px;}
.LeftPaneTD {padding: 0 20px 20px 0; width: 335px;}
.RightPaneTD {padding: 0 0 0 24px;}
.LeftPaneDiv {position: relative; margin: -160px 0 0 0;}
.FooterPaneTD {background: url(bottom_bg.gif) no-repeat; height: 44px; color: #aaa; text-align: right; padding: 0 20px 5px 0;}
.FooterPaneWideTD {background: url(bottom_bg_wide.gif) no-repeat; height: 37px; color: #aaa; text-align: right; padding: 0 40px 5px 0;}
.FullPaneTD {background: url(content_bg_wide.gif) repeat-y; padding: 0 20px 20px 20px;}
.FullPaneLeftTD {width: 33%; padding: 0 0 20px 20px;}
.FullPaneCenterTD {padding: 0 20px 20px 20px;}
.FullPaneRightTD {width: 33%; padding: 0 20px 20px 0;}
.ContentLifter {padding: 0; margin-top: -140px; position: relative; width: 100%;}



/*-- catch-all --*/
table, tr, td, p {
	font-family: tahoma;
	font-size: 11px;
	line-height: 1.4em;
}

h1 {
	font-size: 15px;
	font-weight: bold;
}

h2 {
	font-size: 14px;
	font-weight: bold;
}


h3 {
	font-size: 13px;
	font-weight: bold;
}

h4 {
	font-size: 12px;
	font-weight: bold;
}

h5 {
	font-size: 11px;
	font-weight: bold;
}


/*-- catch-all --*/
img {
	border: 0;
}



/*== main menu styles ======================================*/
/*==========================================================*/


/*-- box that holds the menu --*/
.MainMenu_MenuContainer {
	background-color: transparent;
	height: 23px;
}


/*-- bar that holds the menu? --*/
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	background: transparent;
	height: 23px;
}


/*-- applies to items in submenus only --*/
.MainMenu_MenuItem {
	font-family: tahoma; 
	color: #888;
	font-size: 11px;
	background: transparent;
	font-weight: bold; 
	font-style: normal; 
	border: #f2f2f2 1px solid;
	padding: 1px 4px 2px 1px;
	font-weight: normal;
}


/*-- hover state in submenus only --*/
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #333;
	background: #e2e2e2;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	padding: 1px 4px 2px 1px;
	font-weight: normal;
}


/*-- submenu container --*/
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 6px 0px 0px 1px;
	background-color: #f2f2f2;
	border: #ccc 1px solid;
	padding: 3px;
	font-weight: normal;
	filter: none;
}


/*-- idle state for root menu items --*/
.MainMenu_Idle {
	color: #c3c3c3;
	background: transparent;
	padding: 1px 3px 3px 1px;
	height: 23px;
	font-weight: normal;
}


/*-- hover state for root menu items --*/
.MainMenu_Selected {
	color: #eee;
	background: url(menu_bg_over.gif) top left repeat-x;
	padding: 1px 3px 3px 1px;
	height: 23px;
	font-weight: normal;
}


/*-- applies to the active root menu item --*/
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	color: #f4f4f4;
	background: url(menu_bg_on.gif) top left repeat-x;
	padding: 1px 3px 3px 1px;
	height: 23px;
	font-weight: normal;
}


/*-- stuff we don't need to see --*/
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuBreak {
	display: none;
}


/*-- icons!!! --*/

.MainMenu_MenuIcon {
	background: #f2f2f2;
	border: 1px solid #f2f2f2; 
	text-align: center;
	width: 0px;
	padding: 0px;
}


/*== module menu styles ====================================*/
/*==========================================================*/


/*-- container for module menus --*/
.ModuleTitle_MenuContainer {
	color: #2c2c2c;
}


/*-- bar for module menus --*/
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
}


/*-- menu items --*/
.ModuleTitle_MenuItem {
	font-family: tahoma; 
	color: #888;
	font-size: 11px;
	background: transparent;
	font-weight: bold; 
	font-style: normal; 
	border: #f2f2f2 1px solid;
	padding: 1px 4px 2px 1px;
	font-weight: normal;
}


/*-- submenu container --*/
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 5px 0px 0px 0px;
	background-color: #f2f2f2;
	border: #ccc 1px solid;
	padding: 3px;
	font-weight: normal;
	filter: none;
}


/*-- hover state --*/
.ModuleTitle_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #333;
	background: #e2e2e2;
	border-left: #e2e2e2 1px solid;
	border-right: #e2e2e2 1px solid;
	padding: 1px 4px 2px 1px;
	font-weight: normal;
}


/*-- don't need this stuff --*/
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow   {
	display: none;
}

/*-- icons!!! --*/
.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}




/*== "legacy" styles =======================================*/
/*==========================================================*/


/*-- i don't think this gets used, but didn't want to delete it --*/
.SelectedTab {
    color: #2F2B20;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}


/*-- i don't think this gets used, but didn't want to delete it --*/
.SubHead {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #2f2f2f;
	padding: 0;
}


.Head {
	font-family: tahoma;
	font-weight: bold;
	font-size: 12px;
}



/*== linky linky ===========================================*/
/*==========================================================*/


/*-- for links in the grey footer area --*/
a.FooterLinks:link, a.FooterLinks:visited {
	color: #c5c5c5;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

a.FooterLinks:hover {
	color: #c5c5c5;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

/*-- for links in the grey footer area --*/
#FullScreenYLW .FooterLinks a:link, #FullScreenYLW .FooterLinks a:visited, #FullScreenRED .FooterLinks a:link, #FullScreenRED .FooterLinks a:visited, #FullScreenGRN .FooterLinks a:link, #FullScreenGRN .FooterLinks a:visited {
	color: #c5c5c5;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
	text-decoration: underline;
}

#FullScreenYLW .FooterLinks a:hover, #FullScreenRED .FooterLinks a:hover, #FullScreenGRN .FooterLinks a:hover {
	color: #eee;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
	text-decoration: underline;
}

/*-- for links in the grey footer area --*/
#FullScreenRED .FooterLinks a:link, #FullScreenRED .FooterLinks a:visited, #FullScreenRED .FooterLinks a:hover {
	color: #c5c5c5;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

#FullScreenYLW .FooterLinks a:hover {
	color: #eee;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}


/*-- unselected tabs --*/
a.OtherTabs:link, a.OtherTabs:visited, a.OtherTabs:active, .OtherTabs {
    text-decoration: none;
    color: #555349;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}

a.OtherTabs:hover    {
    text-decoration: underline;
    color: #555349;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}


/*-- makes links yellow! --*/
a.LinkYLW:link, a.LinkYLW:visited, a:LinkYLW:active {
	color: #9A976C;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

a.LinkYLW:hover {
	color: #B7B595;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

/*-- makes links green! --*/
a.LinkGRN:link, a.LinkGRN:visited, a:LinkGRN:active {
	color: #687B5A;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

a.LinkGRN:hover {
	color: #839377;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}


/*-- also makes links yellow? --*/
a.SubHead:link, a.SubHead:visited {
	color: #9A976C;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

a.SubHead:hover {
	color: #9A976C;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}


/*-- fancy links yellow --*/
#FullScreenYLW a.CommandButton:link, #FullScreenYLW a.CommandButton:visited {
	color: #9A976C;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

#FullScreenYLW a.CommandButton:hover {
	color: #B7B595;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}


/*-- normal links yellow --*/
#FullScreenYLW a.Normal:link, #FullScreenYLW a.Normal:visited, #FullScreenYLW a.Normal:active {
	color: #9A976C;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

#FullScreenYLW a.Normal:hover {
	color: #B7B595;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}


/*-- default link styles yellow --*/
#FullScreenYLW a:link, #FullScreenYLW a:visited, #FullScreenYLW a:active {
	color: #9A976C;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}


#FullScreenYLW a:hover {
	color: #B7B595;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}



/*-- default link styles green --*/
#FullScreenGRN a:link, #FullScreenGRN a:visited, #FullScreenGRN a:active {
	color: #687B5A;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}


#FullScreenGRN a:hover {
	color: #839377;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

/*-- default link styles red --*/
#FullScreenRED a:link, #FullScreenRED a:visited, #FullScreenRED a:active {
	color: #A15D61;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}


#FullScreenRED a:hover {
	color: #AF7175;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}



/*== container styles ======================================*/
/*==========================================================*/









/*== text styles ===========================================*/
/*==========================================================*/



/*-- for all basic text --*/
.Normal {
	font-family: tahoma;
	font-size: 11px;
	line-height: 1.4em;
	color: #555;
}


/*-- for highlighted text --*/
.NormalRed {
	color: #900;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
}


/*-- for bold text --*/
.NormalBold {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #555;
}







/*== form styles ===========================================*/
/*==========================================================*/


/*-- ensures that all drop-downs and text boxes use the same font size --*/
select, input {
	font-family: tahoma;
	font-size: 11px;
	color: #555;
}


/*-- dnn seems to apply this class to all input boxes --*/
.NormalTextBox {
	color: #555;
	padding-left: 4px;
	line-height: 12px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	scrollbar-face-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #555;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
}


/*-- prevents borders from showing up in form tables --*/
td.NormalTextBox {
	padding: 0;
	margin: 0;
	background: transparent;
	visibility: invisible;
}