/* CSS for Pyramid2007 DotNetNuke skin ----------- */
/* Created by Tyler Fawcett - April 2007 --------- */
/* http://tfdnn.com  -- tf@tylerfawcett.com ------ */


/* Universal ------------------------------ */

html {height: 100%;}
body {margin: 0;}
table, tr, td, p, font {font-family: verdana, sans-serif; line-height: 1.4em; font-size: 11px;}
hr {height: 1px; color: #bbb;}
img {border: 0;}


/* 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 -------------------------- */

table.master {width: 100%; height: 100%;}
td.page-bg-left {background: url(page-bg-left.jpg) top right repeat-x #e2e2e2; font-size: 1px;}
td.canvas-shadow-left {width: 30px; background: url(canvas-shadow-bot-left.jpg) top left repeat-y;}
td.canvas-narrow {width: 770px; background: #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}
td.canvas-wide {width: 960px; background: #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}
td.canvas-full {width: 96%; background: #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}
td.canvas-shadow-right {width: 30px; background: url(canvas-shadow-bot-right.jpg) top left repeat-y;}
td.page-bg-right {background: url(page-bg-right.jpg) top left repeat-x #e2e2e2; font-size: 1px; text-align: right;}

table.canvas-master {width: 100%; height: 100%;}
td.color-stripe-top-row {border-bottom: 1px solid #fff; height: 4px;}
td.color-stripe-bottom-row {border-top: 1px solid #fff; height: 4px;}

td.search-row {height: 30px; background: url(search-row-bg.jpg) repeat-x;}
table.search-table {width: 100%; height: 100%; background: url(search-bg.jpg) right no-repeat;}
td.search-left {background: url(search-row-edge-left.jpg) left no-repeat; font-size: 1px; text-align: right; padding: 11px 0 0 0;}
td.search-right {width: 249px; text-align: right; font-size: 1px;}

td.header-row {height: 1px;}
table.header-table {width: 100%; height: 100%;}
td.header-left {width: 9px; background: url(canvas-edge-left.jpg) left repeat-y; font-size: 1px;}
td.logo-cell {padding: 0 10px 12px 12px; width: 1px; white-space: nowrap;}
td.content-header {padding: 12px 4px 0px 10px;}
td.header-pane-content {}
td.date-cell {padding: 8px 2px 0px 0px; text-align: right; white-space: nowrap;}
td.header-right {width: 9px; background: url(canvas-edge-right.jpg) right repeat-y; font-size: 1px;}

td.header-ul-row {height: 11px; background: url(header-ul-center.jpg) repeat-x;}
table.header-ul-table {width: 100%; height: 100%; border-bottom: 1px solid #fff;}
td.header-ul-left {background: url(header-ul-left.jpg) bottom left no-repeat; width: 9px; font-size: 1px;}
td.header-ul-right {background: url(header-ul-right.jpg) bottom right no-repeat; width: 9px; font-size: 1px;}

td.menu-row {height: 33px;}
table.menu-table {width: 100%; height: 100%;}
td.menu-left {width: 10px; white-space: nowrap;}
td.menu-right {}
td.menu-right div {position: relative; margin-left: -1px; width: 2px; height: 33px;}

td.breadcrumb-row {height: 1px;}
table.breadcrumb-table {width: 100%; background: url(breadcrumb-center.gif) top repeat-x; border-top: 1px solid #fff;}
td.breadcrumb-left {width: 9px; font-size: 1px; background: url(breadcrumb-left.gif) no-repeat;}
td.breadcrumb-center {padding: 0px 8px 7px 8px; color: #ccc; font-weight: bold; background: url(breadcrumb-icon.gif) left no-repeat; padding-left: 34px;}
td.login-cell {padding: 18px 8px 8px 8px; text-align: right;}
td.login-cell img {height: 1px; width: 24px; margin: 0; padding: 0; border: 0;}
td.breadcrumb-right {width: 9px; font-size: 1px; background: url(breadcrumb-right.gif) no-repeat;}

table.breadcrumb-ul-table {width: 100%; height: 20px; background: url(breadcrumb-center.gif) top repeat-x;}
td.breadcrumb-ul-left-edge {width: 9px; font-size: 1px; background: url(canvas-edge-left.jpg) repeat-y;}
td.breadcrumb-ul-left {width: 374px; font-size: 1px; background: url(breadcrumb-ul-left.gif) no-repeat;}
td.breadcrumb-ul-center {background: url(breadcrumb-ul-center.gif) repeat-x; font-size: 1px;}
img.breadcrumb-sep {margin: 0 7px 0 7px;}
td.breadcrumb-ul-right {width: 374px; font-size: 1px; background: url(breadcrumb-ul-right.gif) no-repeat;}
td.breadcrumb-ul-right-edge {width: 9px; font-size: 1px; background: url(canvas-edge-right.jpg) repeat-y;}

td.content-row {height: auto;}
table.content-row-table {width: 100%; height: 100%;}
td.content-row-left {width: 9px; font-size: 1px; background: url(canvas-edge-left.jpg) repeat-y;}
td.content-row-center {padding: 5px 14px 10px 14px;}
td.content-row-right {width: 9px; font-size: 1px; background: url(canvas-edge-right.jpg) repeat-y;}

td.content-pane-top {padding-bottom: 20px;}
td.content-pane-left {width: 34%; padding-right: 20px; padding-bottom: 20px;}
td.content-pane-center {padding-bottom: 20px;}
td.content-pane-right {width: 34%; padding-left: 20px; padding-bottom: 20px;}
td.content-pane-bottom {padding-bottom: 10px;}
td.content-pane-baseline {padding: 0 0 0 0;}

td.baseline-row {height: 1px;}
table.baseline-row-table {width: 100%; height: 100%;}
td.baseline-row-left {width: 9px; font-size: 1px; background: url(canvas-edge-left.jpg) repeat-y;}
td.baseline-row-center {padding: 0 12px 20px 12px;}
td.baseline-row-right {width: 9px; font-size: 1px; background: url(canvas-edge-right.jpg) repeat-y;}

td.footer-row {height: 1px;}
table.footer-row-table {width: 100%; height: 30px; background: url(footer-bg-right.gif) repeat-x;}
td.footer-edge-left {width: 9px; height: 30px; font-size: 1px; background: url(footer-edge-left.gif) no-repeat;}
td.footer-content {white-space: nowrap; width: 1px; height: 30px; background: url(footer-bg-left.gif) repeat-x; padding: 9px 0 0 2px;}
td.footer-content img {height: 1px; width: 18px; margin: 0; padding: 0; border: 0;}
td.footer-connector {width: 30px; height: 30px; font-size: 1px; background: url(footer-connector.gif) no-repeat;}
td.footer-bg-right {width: auto; height: 30px; font-size: 1px;}
td.footer-edge-right {width: 9px; height: 30px; font-size: 1px; background: url(footer-edge-right.gif) no-repeat;}



/* 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 links */
a.user-link:link, a.user-link:visited, a.user-link:active {text-decoration: none; font-weight: normal; background: url(user-bg.gif) left no-repeat; padding-left: 20px; padding-top: 3px;}
a.user-link:hover {text-decoration: underline; font-weight: normal; background: url(user-bg.gif) left no-repeat; padding-left: 20px; padding-top: 3px;}

/* login/logout links */
a.login-link:link, a.login-link:visited, a.login-link:active {text-decoration: none; font-weight: normal; background: url(login-bg.gif) left no-repeat; padding-left: 18px; padding-top: 3px;}
a.login-link:hover {text-decoration: underline; font-weight: normal; background: url(login-bg.gif) left no-repeat; padding-left: 18px; padding-top: 3px;}

/* breadcrumb links */
a.breadcrumb-link:link, a.breadcrumb-link:visited, a.breadcrumb-link:active {text-decoration: none; font-weight: bold;}
a.breadcrumb-link:hover {text-decoration: underline; font-weight: bold;}
.breadcrumb-link {color: #999;}

/* 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;}
a.footer-link:hover {font-size: 11px; text-decoration: underline; font-weight: normal;}




/* Text -------------------------- */

/* current date */
.current-date {color: #999; font-size: 11px;}

/* copyright */
.CopyrightText {color: #777; 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;}

/* 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, table, tr, td, p, div, span {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;}

/* table cells that contain text input boxes */
td.NormalTextBox {padding: 0; margin: 0; background: transparent; visibility: invisible; 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;}

#dnn_dnnSEARCH_txtSearch.NormalTextBox {width: 160px; padding: 0px 3px 2px 3px; height: 18px; color: #555; font-size: 11px; cursor: text; background: transparent; border: 0; margin: 0 6px 0 0;}

/* button in search area */
.search-right a:link, .search-td a:visited, .search-td a:active, .search-td a:hover {width: 60px; height: 24px;}
.search-right img {width: 50px; margin: 0; border: 0; padding: 0;}




/* 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: 4px 6px 4px 4px;}

/* 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: 4px 6px 4px 4px;}

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

/* menu arrows for DNN4.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 DNN4.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: 4px 28px 0 8px; height: 33px;}
.MainMenu_Idle td span {font-size: 12px; font-weight: bold; line-height: 1.4em;}

/* hover state of main menu items */
.MainMenu_Selected td {margin: 0; padding: 4px 28px 0 8px; height: 33px;}
.MainMenu_Selected td span {color: #fff; font-size: 12px; font-weight: bold; line-height: 1.4em;}

/* active/selected state of main menu items */
.MainMenu_BreadcrumbActive td, .MainMenu_Active td {margin: 0; padding: 4px 28px 0 8px; height: 33px;}
.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 -------------------------- */

/* custom */
tr.cus td.color-stripe-top-row, tr.cus td.color-stripe-bottom-row {background: #0d9366;}
tr.cus td.menu-row {background: url(menu-row-cus.jpg) right repeat-x;}
tr.cus .MainMenu_Idle td {border-left: 1px solid #35a97e; border-right: 1px solid #127855; background: url(menu-off-cus.gif) repeat-x;}
tr.cus .MainMenu_Idle td span {color: #a5d3c3;}
tr.cus td.menu-right div {border-left: 1px solid #35a97e;}
tr.cus .MainMenu_Selected td {background: url(menu-on-cus.gif) repeat-x; border-left: 1px solid #4db48f; border-right: 1px solid #2c8969; color: #fff;}
tr.cus .MainMenu_BreadcrumbActive td, tr.cus .MainMenu_Active td {background: url(menu-on-cus.gif) repeat-x; border-left: 1px solid #4db48f; border-right: 1px solid #2c8969; color: #fff;}
tr.cus td.ctr-title .Head {color: #0D9366;}
tr.cus .MainMenu_Selected td span, tr.cus .MainMenu_BreadcrumbActive td span, tr.cus .MainMenu_Active td span {color: #fff;}
.submenu-cus {border-left: 2px solid #0D9366; margin: 1px 0px 0px 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3)}
tr.cus a:link, tr.cus a:visited, tr.cus a:active, tr.cus a:hover, tr.cus a.CommandButton:link, tr.cus a.CommandButton:visited, tr.cus a.CommandButton:active, tr.cus a.CommandButton:hover, tr.cus a.Normal:link, tr.cus a.Normal:visited, tr.cus a.Normal:active, tr.cus a.Normal:hover, tr.cus a.breadcrumb-link:link, tr.cus a.breadcrumb-link:visited, tr.cus a.breadcrumb-link:active, tr.cus a.breadcrumb-link:hover {color: #0D9366;}


/*  End Style Sheet */