﻿
/* CSS for Flux DotNetNuke skin ------------------ */
/* Modified by Ben Harper - July 2009 */
/* Modified by Daniel Saddy - Oct 2009 */

/* Universal ------------------------------ */

html 
{
	height: 100%;
}
body 
{
	/* background: #CC0000; margin: 0; */
	background: #CCCCCC; margin: 0;
}

table, tr, td, p, font, div, span 
{
	font-family: verdana, sans-serif; line-height: 1.5em;
}

hr 
{
	height: 1px; color: #bbb;
}

table.background 
{
	/* background:url(redgradient_down.gif) repeat-x; */
	background:#CCCCCC;
}

/* dnn control panel */
td#dnn-controls-row 
{
	background:url(control-panel-bg.gif) repeat-x bottom #fafafa; border: 0; padding: 0; height: 0;
}
td.left-side 
{	
	background:url(blackwhitegradiant_left.gif) repeat-y left #000000; width:5px;
	/* background:url(gradient-left.jpg) repeat-y left #ffffff; width:5px; */
	/* background:url(gradient-left.jpg) repeat-y left #ffffff; width:10px; */
}
td.right-side 
{
	background:url(blackwhitegradiant_right.gif) repeat-y left #000000; width:5px;
	/* background:url(gradient-right.jpg) repeat-y right #ffffff; width:5px; */
	/* background:url(gradient-right.jpg) repeat-y right #ffffff; width:10px; */
}
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;
}


/* Framework -------------------------- */

td#header-row0 
{
	height: 140px; width:960px;  background: url(website-header-1.jpg) no-repeat top #cbcbcb;
}
td#header-row1
{
	height: 140px; width:960px;  background: url(website-header-2.jpg) no-repeat top #cbcbcb;
}
td#header-row2
{
	height: 140px; width:960px;  background: url(website-header-3.jpg) no-repeat top #cbcbcb;
}
td#header-row3
{
	height: 140px; width:960px;  background: url(website-header-4.jpg) no-repeat top #cbcbcb;
}
td#header-row4
{
	height: 140px; width:960px;  background: url(website-header-5.jpg) no-repeat top #cbcbcb;
}
td#header-row5
{
	height: 140px; width:960px;  background: url(website-header-6.jpg) no-repeat top #cbcbcb;
}
td#header-row6
{
	height: 140px; width:960px;  background: url(website-header7.jpg) no-repeat top #cbcbcb;
}
td#header-row7
{
	height: 140px; width:960px;  background: url(website-header7.jpg) no-repeat top #cbcbcb;
}
td#header-row8
{
	height: 140px; width:960px;  background: url(website-header-9.jpg) no-repeat top #cbcbcb;
}
td#header-row9
{
	height: 140px; width:960px;  background: url(website-header-10.jpg) no-repeat top #cbcbcb;
}
td#header-row10
{
	height: 140px; width:960px;  background: url(website-header-11.jpg) no-repeat top #cbcbcb;
}
td#header-row11
{
	height: 140px; width:960px;  background: url(website-header-12.jpg) no-repeat top #cbcbcb;
}






#breadcrumb-row 
{
	height: 31px; background: url(breadcrumb-bg.gif) repeat-x;
}
td#menu-row 
{
	height: 43px; background: url(tab-off-gry.gif) bottom repeat-x;
}
#content-row 
{
	padding-top: 15px; padding-bottom: 15px;
}
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;
}
table.site-width-narrow 
{
	width: 770px;
}
table.site-width-wide 
{
	width: 960px; padding-left:10px; padding-right:10px 
}
table.site-width-full 
{
	width: 96.5%;
}
td.logo-td 
{
	padding: 10px 30px 15px 0; width: 1px; white-space: nowrap;
}
td.header-pane 
{
	padding: 7px 0px 0px 0px; text-align: right;
}
td.search-td 
{
	padding: 0px 0px 50px 0px; text-align: left;
} /* font-size: 11px;}*/
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.breadcrumb-td 
{
	font-size: 11px; color: #888; padding-top: 8px;
}
td.login-td 
{
	text-align: right; font-size: 11px; padding-top: 8px;
}
td.login-td img, td.privacy-td img 
{
	height: 16px; width: 16px; margin: 0; padding: 0; border: 0;
}
td.content-td  
{
	vertical-align: top;
}
td.copyright-td 
{
	padding: 7px 0 0 10px; font-size: 11px;
}
td.poweredby-td 
{
	text-align:center; padding: 10px 5px 0 5px; font-size: 11px;
}
td.privacy-td 
{
	padding: 7px 10px 0 0; text-align: right; font-size: 11px;
}
td.content-top-left 
{
	width: 398px; padding-left: 10px; padding-right: 10px;
}
td.content-top-right 
{
	width: 398px; padding-left: 10px; padding-right: 10px;
}
td.content-top 
{
	width: 100%; padding-left: 10px; padding-bottom: 10px; padding-right: 10px;
}
td.content-left 
{
	width: 273px; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; 
}
td.content-center 
{
	width: 273px; padding-left: 10px; padding-bottom: 10px; padding-right: 10px;
}
td.content-right 
{
	width: 250px; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; 
}
td#baseline-row  
{
	padding-bottom: 20px; padding-top: 20px;
}
td#baseline-row table.site-width-narrow {}
td.content-baseline {}
#footer-row 
{
	height: 60px; background: url(foot-bg-gry.gif) top repeat-x #707070;
}

/* 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;
}
/*header links */
a.header-link:link, a.header-link:visited, a.header-link:active 
{
	font-size: 11px; text-decoration: none; font-weight: normal; color: #FF0000;
}
a.header-link:hover 
{
	font-size: 11px; text-decoration: underline; font-weight: normal; color: #FF0000;
}


/* 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;
}

/* 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: 13px; 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: 100px; padding:0px 3px 0 3px; height: 20px; 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: 4px 47px 4px 0; _padding: 0 0 5px 0; height: 20px; background: url(search-btn.gif) no-repeat; text-decoration: none;
}




/* 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: #A01C20;
	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:#A01C20; font-size: 11px; font-weight: bolder; 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;
}


/* charcoal */
#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;
}


/* aoa */

td.logo-span 
{
	width: 154px; height: 954px; padding:0 2 0 10; vertical-align: top; 
}
