/* CSS for Flux DotNetNuke skin ------------------ */
/* Created by Tyler Fawcett - March 2007 --------- */
/* http://tfdnn.com  -- tf@tylerfawcett.com ------ */


/* Universal ------------------------------ */

html {height: 100%;}
body {
	margin: 0;
	height: 100%;
	background-image: url(bg_tile.gif); 
}

table, tr, td, p {font-family: verdana, sans-serif; line-height: 1.4em; font-size: 11px;}
hr {height: 1px; color: #bbb;}

/* #dnn_EditHTML_txtContent_txtContent_contentIframe, body {
	background-image: none;
} */

/* dnn 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;}


/* Framework -------------------------- header: background: url(header-bg.gif) top repeat-x; border-top: 1px solid #fff; padding-top: 10px; */

td#header-row {height: 100px; background-position:bottom; background-repeat:repeat-x;}
#breadcrumb-row {height: 39px; background: url(breadcrumb-bg.gif) repeat-x;}
.sidePane-bg {
	background-image:url(left_side_tile.gif);
	vertical-align:top;
	padding: 0 0 0 0;
	background-repeat: repeat-y;
}
td#menu-row {height: 43px; background: url(tab-off-gry.gif) bottom repeat-x;}
#content-row {height: auto; 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-wide {width: 100%;}
td.logo-td {padding: 0 20 0 0; width: 1px; white-space: nowrap;}
td.header-pane {padding: 7px 5px 2px 2px; text-align: center; white-space: nowrap;}
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;}
#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: #aaa; padding-top: 8px;}
td.login-td {text-align: right; font-size: 11px; padding-top: 8px;}
td.login-td img, td.privacy-td img {height: 1px; width: 20px; margin: 0; padding: 0; border: 0;}
td.content-td {
	padding: 5px;
}
td.copyright-td {padding: 7px 0 0 0; font-size: 11px;}
td.privacy-td {padding: 7px 0 0 0; text-align: right; font-size: 11px;}
td.content-top {padding-bottom: 20px;}
td.content-left {width: 34%; padding-right: 20px;}
td.content-center {}
td.content-right {width: 34%; padding-left: 30px;}
td.content-bottom {padding-bottom: 20px;}
td#baseline-row {height: 1px; padding-bottom: 20px; padding-top: 20px;}
td#baseline-row table.site-width-narrow {}
td.content-baseline {}
#footer-row {height: 30px;}
#sidePane {vertical-align:top; margin-left:3px;}

/* Links -------------------------- */

/* basic links */
a:link, a:visited, a:active {font-family: verdana, sans-serif;	font-weight: bold; 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: underline; 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: #CCCCCC;}
a.footer-link:hover {font-size: 11px; text-decoration: underline; font-weight: normal; color: #999999;}




/* Text -------------------------- */

/* current date */
.current-date {color: #aaa;}

/* copyright */
.CopyrightText {color: #999999; 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: Arial, Helvetica, 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;}
/* table cells that contain text input boxes */
td.NormalTextBox {padding: 0; margin: 0; background: transparent; visibility: invisible; color: #555;}
#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;}




/* 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 8px 4px 6px;}

/* 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 8px 4px 6px;}

/* 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 */
.MainMenu_MenuArrow {padding: 0 8px 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;}


/* smoke */
#gry td#menu-row {height: 43px; background: url(tab-off-gry.gif) bottom repeat-x;}
#gry #footer-row {background: url(foot-bg-gry.gif) top repeat-x #8a8a8a;}
#gry .MainMenu_Idle td, #gry .MainMenu_Selected td {background: url(tab-off-gry.gif) repeat-x;}
#gry .MainMenu_Active td, #gry .MainMenu_BreadcrumbActive td {background: url(tab-on-gry.gif) repeat-x;}
#gry .ctr-title .Head {color: #555;}
.submenu-gry {border-left: 3px solid #686868; margin: 1px 0px 0px -5px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3)}
#gry a:link, #gry a:visited, #gry a:active, #gry a:hover, #gry a.CommandButton:link, #gry a.CommandButton:visited, #gry a.CommandButton:active, #gry a.CommandButton:hover, #gry a.Normal:link, #gry a.Normal:visited, #gry a.Normal:active, #gry a.Normal:hover, #gry a.breadcrumb-link:link, #gry a.breadcrumb-link:visited, #gry a.breadcrumb-link:active, #gry a.breadcrumb-link:hover {color: #555;}
#gry td.privacy-td a:link, #gry td.privacy-td a:visited, #gry td.privacy-td a:active, #gry td.privacy-td a:hover {color: #666666;}


/* green */
#grn td#menu-row {height: 43px; background: url(tab-off-grn.gif) bottom repeat-x;}
#grn #footer-row td a:link a:visited a:active a:hover {color: #999999;}
#grn .MainMenu_Idle td, #grn .MainMenu_Selected td {background: url(tab-off-grn.gif) repeat-x;}
#grn .MainMenu_Active td, #grn .MainMenu_BreadcrumbActive td {background: url(tab-on-grn.gif) repeat-x;}
#grn .ctr-title .Head {color: #2d8800;}
.submenu-grn {border-left: 3px solid #3f7821; margin: 1px 0px 0px -5px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3)}
#grn a:link, #grn a:visited, #grn a:active, #grn a:hover, #grn a.CommandButton:link, #grn a.CommandButton:visited, #grn a.CommandButton:active, #grn a.CommandButton:hover, #grn a.Normal:link, #grn a.Normal:visited, #grn a.Normal:active, #grn a.Normal:hover, #grn a.breadcrumb-link:link, #grn a.breadcrumb-link:visited, #grn a.breadcrumb-link:active, #grn a.breadcrumb-link:hover {color: #2d8800;}


/* 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;}


/*  End Style Sheet */

.body-bg {
background-image:url(bg_tile.gif);
}
