/*
*************************************************
*	CSS for Mylec Sports (Blue) portal skin		*
*	Created by:	Edward C. DeGagne			*
*	Created on:	August 2007				*
*									*
*	South Village Software					*
*	http://www.southvillagesoftware.com		* 
*************************************************
*/
/* Universal */
html
{
	height: 100%;
}
body
{
	background: #fff;
	margin: 0; height: 100%;
}
table, tr, td, p, font, div, span
{
	font-family: verdana, sans-serif; 
	line-height: 1.4em;
}
hr
{
	height: 1px;
	color: #bbb;
}

/* Control Panel */
td#dnn-controls-row
{
	background:url(control-panel-bg.gif) repeat-x bottom #fafafa;
	border: 0; 
	padding: 0; 
	height: 0;
}
table.ControlPanel
{
	background:url(control-panel-bg-lt.gif) repeat-x bottom #fcfcfc; 
	border: 0; 
	border-left: 1px solid #eee; border-right: 1px solid #eee;
}
table.ControlPanel td
{
	padding: 0px 0 6px 0;
}
table.ControlPanel td td.SubHead
{
	padding: 3px 0 0px 0; 
	background: #f1f1f1;
}
table.ControlPanel td td td.SubHead
{
	background: transparent; 
	border: 0;
}
table.ControlPanel td td
{
	vertical-align: middle;
}
table.ControlPanel table td
{
	padding: 1px 0 0 0;
}
table.ControlPanel .ControlPanel
{
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff; 
	border-top: 0; 
	border-bottom: 0; 
	width: 0px; 
	height: 100px; 
	display: none;
}

/* Site Size */
table.site-width-narrow
{
	width: 770px;
}
table.site-width-wide
{
	width: 960px;
}
table.site-width-full
{
	width: 96.5%;
}
td#container-row-narrow
{
	width: 800px;
}
td#container-row-wide
{
	width: 990px;
}
td#container-row-full
{
	width: 96.5%;
}

/* Framework */
td#header-row
{
	
	padding-top: 10px;	
    padding-bottom: 10px;
	height: 130px;
}
#breadcrumb-row
{
	height: 39px; 
	background: url(breadcrumb-bg.gif) repeat-x;
}
td#menu-row
{
	height: 43px; 
	background: url(tab-off-gry.gif) bottom repeat-x;
}
td#content-row
{
	height: auto; 
	padding-top: 5px; 
	padding-bottom: 5px;
}
td#content-row a img, td#baseline-row a img, td#header-row a img
{
	border: 0;
}
td#content-row a:hover img, td#baseline-row a:hover img, td#header-row a:hover img
{
	border: 0;
}
#footer-row
{
	height: 30px;
	background: url(foot-bg-gry.gif) top repeat-x #707070;
}

td.logo-td
{
	padding: 0px 0px 0px 0px; 
	width: 1px; 
	white-space: nowrap;
}
td.header-pane
{
	padding: 0px 0px 0px 0px; 
	text-align: right;
}
td.search-td
{
	padding: 0 0 5px 0; 
	text-align: right;
}
td.menu-td
{
	padding: 0 0 0 2px; 
	width: 1px; 
	background: url(menu-cap.gif) top left no-repeat transparent; 
	font-size: 11px;
}
#menu-edge-right
{
	width: 2px; 
	background: url(menu-cap.gif) no-repeat; 
	margin: 0 0 0 0; 
	height: 43px; 
	display: block; 
	z-index: 2000;
}
td#baseline-row
{
	height: 1px; 
	padding-bottom: 5px; 
	padding-top: 5px;
}
td#baseline-row table.site-width-narrow {}
td.content-baseline {}

/* Control container styles */
td.currentdate-td
{
	font-size: 11px; 
	color: #888; 
	padding-top: 13px;
}
td.login-td
{
	text-align: right; 
	font-size: 11px; 
	padding-top: 13px;
}
td.breadcrumb-td
{
	font-size: 11px; 
	color: #888; 
	padding-top: 8px;
}
td.login-td img, td.privacy-td img
{
	height: 1px; 
	width: 20px; 
	margin: 0; 
	padding: 0; 
	border: 0;
}
td.copyright-td
{
	padding: 7px 0 0 0; 
	text-align: center; 
	font-size: 11px;
}
td.hostname-td
{
	text-align: left; 
	font-size: 11px; 
	padding-top: 5px;
}
td.terms-td
{
	text-align: right; 
	font-size: 11px; 
	padding-top: 5px;
}

/* Content container styles */
td.content-td {}
td.content-top
{
	padding-bottom: 5px;
}
td.content-left
{
	width: 275px; 
	padding-right: 15px; 
	padding-bottom: 5px;
}

td.multi-content-left
{
	width: 200px; 
	padding-right: 15px; 
	padding-bottom: 5px;
}

td.content-center
{
	padding-bottom: 5px;
}
td.content-right
{
	width: 275px; 
	padding-left: 15px; 
	padding-bottom: 5px;
}
td.content-bottom 
{
	padding-bottom: 5px;
}

/* Links */

/* basic links */
a:link, a:visited, a:active
{font-family: verdana, sans-serif;	font-weight: normal; font-size: 11px; text-decoration: underline; font-weight: normal; line-height: 1.4em;}
a:hover
{font-family: verdana, sans-serif; font-weight: normal; font-size: 11px; text-decoration: none; font-weight: normal; line-height: 1.4em;}

/* register and login/logout links */
a.login-link:link, a.login-link:visited, a.login-link:active
{text-decoration: none;}
a.login-link:hover
{text-decoration: underline;}

/* breadcrumb links */
a.breadcrumb-link:link, a.breadcrumb-link:visited, a.breadcrumb-link:active
{text-decoration: none;}
a.breadcrumb-link:hover
{text-decoration: underline;}

/* admin and host function links */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active
{text-decoration: underline; font-weight: normal; color: #333;}
a.CommandButton:hover
{text-decoration: none; font-weight: normal; color: #333;}

/* for normal links */
a.Normal:link, a.Normal:visited, a.Normal:active
{text-decoration: underline;}
a.Normal:hover
{text-decoration: none;}

/* footer links */
a.footer-link:link, a.footer-link:visited, a.footer-link:active
{font-size: 11px; text-decoration: none; font-weight: normal; color: #fff;}
a.footer-link:hover
{font-size: 11px; text-decoration: underline; font-weight: normal; color: #fff;}

/* Text */

/* current date */
.current-date
{color: #888;}

/* copyright */
.CopyrightText
{color: #fff; font-size: 11px;}

/* hostname */
.HostnameText
{
	color: #888; 
	font-size: 11px;
}

/* used in admin sections */
.SubHead, .SubHead font
{font-family: verdana, sans-serif; font-size: 11px; font-weight: bold; color: #555; padding: 0;}

/* module titles */
.Head
{font-family: verdana, sans-serif; font-size: 12px; text-decoration: none; color: #555; font-weight: normal; white-space: nowrap;}
td.ctr-title-gry .Head
{color: #444;}
td.ctr-header-title .Head
{color: #fff;}

/* colored - used for warnings and such */
.NormalRed
{color: #900; font-family: verdana, sans-serif;	font-weight: bold; font-size: 11px;	line-height: 1.4em;}

/* bold text */
.NormalBold
{font-family: verdana, sans-serif;	font-size: 11px; font-weight: bold;	color: #555; line-height: 1.4em;}

/* normal text */
.Normal
{font-family: verdana, sans-serif; font-size: 11px; color: #555; line-height: 1.4em;}

/* headers */
h1, h2, h3, h4, h5, h6
{font-family: verdana, sans-serif; color: #555;}
h1 {font-size: 15px;}
h2 {font-size: 14px;}
h3 {font-size: 13px;}
h4 {font-size: 11px;}
h5 {font-size: 11px; font-weight: bold;}

/* Forms */

/* catch-all */
select, input
{font-family: verdana, sans-serif; font-size: 11px; color: #555;}

/* Applies to text input boxes */
.NormalTextBox
{font-family: verdana, sans-serif; font-size: 11px; color: #555;}

/* to compensate to the hard-coded 275-px div width of the registration table which gets disrupted by wider fonts */
#dnn_ctr_ManageUsers_User_UserEditor .NormalTextBox
{font-family: tahoma;}

/* table cells that contain text input boxes */
td.NormalTextBox
{padding: 0; margin: 0; background: transparent; color: #555;}

/* for the search text field */
#dnn_dnnSEARCH_txtSearch.NormalTextBox
{line-height: 14px; width: 140px; padding: 0px 3px 0 3px; height: 22px; color: #555; cursor: text; background: #f8f8f8;}

/* for the search input box */
td.search-bg input
{height: 20px;}

/* button in search area */
.search-td a:link, .search-td a:visited, .search-td a:active, .search-td a:hover
{
	width: 56px; 
	padding: 2px 50px 5px 0; 
	_padding: 0 0 5px 0; 
	height: 20px; 
	background: url(search-btn.gif) no-repeat; 
	text-decoration: none;
}

/* search options text */
.search-btn
{
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	color: #555;
}

/* Main Menu */
.MainMenu_MenuContainer
{background: transparent; width: 1px;}
.MainMenu_MenuContainer td
{font-size: 0px; font-weight: normal;}

/* idle state of submenu items */
.MainMenu_MenuItem
{font-family: verdana, sans-serif; font-size: 11px; font-weight: normal;	color: #666; background: #f8f8f8; border: #f8f8f8 1px solid; padding: 3px 10px 4px 8px;}

/* hover state for submenu items */
.MainMenu_MenuItemSel
{font-family: verdana, sans-serif; font-size: 11px; font-weight: normal; color: #333;	background: #eaeaea; border: #eaeaea 1px solid; padding: 3px 10px 4px 8px;}

/* box for submenu */
.MainMenu_SubMenu
{z-index: 1000; margin: 1px 0px 0px -2px;	background-color: #f8f8f8; border: 1px solid #ddd; border-left: 3px solid #ccc;	padding: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);}

/* menu arrows for DNN version 4.4.1 and newer - controls the pixel shift on hover */
.MainMenu_MenuArrow
{padding: 0 2px 0 0px; border: 0; text-align: right;}

/* menu arrows for DNN version 4.3.7 and older - controls the pixel shift on hover */
/* .MainMenu_MenuArrow {padding: 0 2px 0 0px; border: #f6f6f6 solid; border-width: 1px 1px 1px 0; text-align: right;} */

/* idle state of main menu items */
.MainMenu_Idle td
{margin: 0; padding: 0 0 1px 0; height: 43px; background: url(tab-off-gry.gif) repeat-x;}
.MainMenu_Idle td span
{color:#777; font-size: 11px; font-weight: bold; line-height: 1.4em;}

/* hover state of main menu items */
.MainMenu_Selected td
{margin: 0; padding: 0 0 1px 0; height: 43px; background: url(tab-off-gry.gif) repeat-x; font-family: verdana, sans-serif;}
.MainMenu_Selected td span
{color:#333; font-size: 11px; font-weight: bold; line-height: 1.4em;}

/* active/selected state of main menu items */
.MainMenu_BreadcrumbActive td, .MainMenu_Active td
{margin: 0; padding: 0 0 4px 0; height: 43px; background: url(tab-on-gry.gif) repeat-x;}
.MainMenu_BreadcrumbActive td span, .MainMenu_Active td span
{color: #fff; font-size: 12px; font-weight: bold; line-height: 1.4em;}

/* items we don't need to see */
.MainMenu_RootMenuArrow, .MainMenu_MenuIcon
{display: none;}
.MainMenu_MenuBreak
{width: auto; border: 0;}

/* Module Menus */

/* Outer cntainer for module submenu */
.ModuleTitle_MenuContainer {}

/* Inner container for module submenu */
.ModuleTitle_MenuBar {}

/* Idle state for module submenu items */
.ModuleTitle_MenuItem
{font-family: verdana, sans-serif; font-size: 11px; color: #555; font-weight: normal;	background: #f7f7f7; border: #f7f7f7 1px solid;	padding: 1px 10px 2px 0px;}

/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu
{z-index: 1000; margin: 1px 0px 0px 0px; background-color: #f7f7f7; border: 1px solid #ccc; padding: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);}

/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel
{font-family: verdana, sans-serif;	font-size: 11px; font-weight: normal; color: #333; background: #ddd; border-left: #ddd 1px solid; border-right: #ddd 1px solid;	padding: 1px 10px 2px 0px;}

.ModuleTitle_MenuIcon
{border: 1px solid #eee; padding: 0 3px 0 3px;}

/* elements we don't need to see */
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow
{display: none;}

/* Color variations */

/*Mylec Sports (Cobalt Blue) */
#blu td#header-row
{ 
	background: url(header_bkgd_blu.jpg) top repeat-x;
}
#blu td#leftmargin-row
{
	background: url(left-margin-blu.gif);
	background-position: right;
	background-repeat: repeat-y;
}
#blu td#rightmargin-row
{
	background: url(right-margin-blu.gif);
	background-position: left;
	background-repeat: repeat-y;
}
#blu td#userinfo-row
{
	height: 37px; 
	background: url(top-row-blu.gif) bottom repeat-x;
}
#blu td#terms-row
{
	height: 37px; 
	background: url(bottom-row-blu.gif) bottom repeat-x;
}
#blu td#menu-row
{
	height: 43px; 
	background: url(tab-off-blu.gif) bottom repeat-x;
}
#blu #footer-row
{
	background: url(foot-bg-blu.gif) top repeat-x #205eaa;
}
#blu .MainMenu_Idle td, #blu .MainMenu_Selected td
{
	background: url(tab-off-blu.gif) repeat-x;
}
#blu .MainMenu_Active td, #blu .MainMenu_BreadcrumbActive td
{
	background: url(tab-on-blu.gif) repeat-x;
}
#blu .ctr-title .Head
{
	color: #205eaa;
}
.submenu-blu
{
	border-left: 3px solid #205eaa; 
	margin: 1px 0px 0px -5px; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3)
}
#blu a:link, #blu a:visited, #blu a:active, #blu a:hover, #blu a.CommandButton:link, 
#blu a.CommandButton:visited, #blu a.CommandButton:active, #blu a.CommandButton:hover, 
#blu a.Normal:link, #blu a.Normal:visited, #blu a.Normal:active, #blu a.Normal:hover, 
#blu a.breadcrumb-link:link, #blu a.breadcrumb-link:visited, #blu a.breadcrumb-link:active, 
#blu a.breadcrumb-link:hover
{
	color: #205eaa;
}
#blu td.privacy-td a:link, #blu td.privacy-td a:visited, 
#blu td.privacy-td a:active, #blu td.privacy-td a:hover 
{
	color: #fff;
}

/*Mylec Hockey (Sangria Red) */
#red td#header-row
{ 
	background: url(header_bkgd_red.jpg) top repeat-x;	
}
#red td#leftmargin-row
{
	background: url(left-margin-red.gif);
	background-position: right;
	background-repeat: repeat-y;
}
#red td#rightmargin-row
{
	background: url(right-margin-red.gif);
	background-position: left;
	background-repeat: repeat-y;
}
#red td#userinfo-row
{
	height: 37px; 
	background: url(top-row-red.gif) bottom repeat-x;
}
#red td#terms-row
{
	height: 37px; 
	background: url(bottom-row-red.gif) bottom repeat-x;
}
#red td#menu-row
{
	height: 43px; 
	background: url(tab-off-red.gif) bottom repeat-x;
}
#red #footer-row
{
	background: url(foot-bg-red.gif) top repeat-x #aa2125;
}
#red .MainMenu_Idle td, #red .MainMenu_Selected td {background: url(tab-off-red.gif) repeat-x;}
#red .MainMenu_Active td, #red .MainMenu_BreadcrumbActive td {background: url(tab-on-red.gif) repeat-x;}
#red .ctr-title .Head {color: #aa2125;}
.submenu-red {border-left: 3px solid #ac2427; margin: 1px 0px 0px -5px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3)}
#red a:link, #red a:visited, #red a:active, #red a:hover, #red a.CommandButton:link, #red a.CommandButton:visited, #red a.CommandButton:active, #red a.CommandButton:hover, #red a.Normal:link, #red a.Normal:visited, #red a.Normal:active, #red a.Normal:hover, #red a.breadcrumb-link:link, #red a.breadcrumb-link:visited, #red a.breadcrumb-link:active, #red a.breadcrumb-link:hover {color: #aa2125;}
#red td.privacy-td a:link, #red td.privacy-td a:visited, #red td.privacy-td a:active, #red td.privacy-td a:hover {color: #fff;}

/*Mylec Hockey (Charcoal Black) */
#chl td#header-row
{ 
	background: url(header_bkgd_chl.jpg) top repeat-x;	
}
#chl td#leftmargin-row
{
	background: url(left-margin-chl.gif);
	background-position: right;
	background-repeat: repeat-y;
}
#chl td#rightmargin-row
{
	background: url(right-margin-chl.gif);
	background-position: left;
	background-repeat: repeat-y;
}
#chl td#userinfo-row
{
	height: 37px; 
	background: url(top-row-chl.gif) bottom repeat-x;
}
#chl td#terms-row
{
	height: 37px; 
	background: url(bottom-row-chl.gif) bottom repeat-x;
}
#chl td#menu-row
{
	height: 43px; 
	background: url(tab-off-chl.gif) bottom repeat-x;
}
#chl #footer-row
{
	background: url(foot-bg-chl.gif) top repeat-x #aa2125;
}
#chl td#menu-row {height: 43px; background: url(tab-off-chl.gif) bottom repeat-x;}
#chl #footer-row {background: url(foot-bg-chl.gif) top repeat-x #484848;}
#chl .MainMenu_Idle td, #chl .MainMenu_Selected td {background: url(tab-off-chl.gif) repeat-x;}
#chl .MainMenu_Active td, #chl .MainMenu_BreadcrumbActive td {background: url(tab-on-chl.gif) repeat-x;}
#chl .ctr-title .Head {color: #444;}
.submenu-chl {border-left: 3px solid #484848; margin: 1px 0px 0px -5px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3)}
#chl a:link, #chl a:visited, #chl a:active, #chl a:hover, #chl a.CommandButton:link, #chl a.CommandButton:visited, #chl a.CommandButton:active, #chl a.CommandButton:hover, #chl a.Normal:link, #chl a.Normal:visited, #chl a.Normal:active, #chl a.Normal:hover, #chl a.breadcrumb-link:link, #chl a.breadcrumb-link:visited, #chl a.breadcrumb-link:active, #chl a.breadcrumb-link:hover {color: #555;}
#chl td.privacy-td a:link, #chl td.privacy-td a:visited, #chl td.privacy-td a:active, #chl td.privacy-td a:hover {color: #fff;}

/*  End Style Sheet */