/* RTSF CSS ----------- */



/* Universal */

html {height: 100%;}
body {margin: 0; background: #e2e2e2; height: 100%;}
table, tr, td, p, font {font-family: arial, sans-serif; line-height: 1.4em;}
table.ControlPanel {border: 0; border-bottom: 1px dotted #aaa; background: #fafafa;}



/* DNN Control Panel */

table.ControlPanel .SubHead {color: #555;}
table.ControlPanel {background: #fcfcfc; border: 0; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #ddd;}
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: none; width: 0px; height: 100px; display: none;}


/* Framework */

table.main-table {background: url(page-bg.jpg) repeat-x #e2e2e2; width: 770px; /*width: 100%;*/ height: 100%; margin-bottom: -20px;}
td.canvas-shadow-left {text-align: right; background: url(shadow-left.jpg) right repeat-y;}
td.canvas-portal {width: 770px;}
td.canvas-admin {width: 980px;}
table.canvas-height {width: 100%; height: 100%; background: url(canvas-top-c.jpg) top repeat-x #fff;}
td.canvas-top {background: url(canvas-top-r.jpg) top right no-repeat; height: 25px;}
td.header-row {background: #e3e3e3; border: 4px solid #bdbdbd; border-bottom: none; height: 60px; padding: 10px;}
td.logo-td {width: 1px; padding-right: 10px;}
td.content-header {}
td.bar-one {background: #5c6e7b; border-left: 4px solid #4c5b66; border-right: 4px solid #4c5b66; height: 9px; font-size: 0px;}
td.bar-two {background: #cacaca; border-left: 4px solid #a8a8a8; border-right: 4px solid #a8a8a8; height: 16px; font-size: 0px;}
td.content-pad {padding: 5px; border-left: 4px solid #d4d4d4; border-right: 4px solid #d4d4d4;}
td.left-side {width: 170px;}
td.right-side {padding-left: 5px;}
td.footer-top {background: #cacaca; border-left: 4px solid #a8a8a8; border-right: 4px solid #a8a8a8; height: 24px;}
td.footer-left {padding-left: 10px; font-size: 10px;}
td.footer-right {text-align: right; padding-right: 10px; font-size: 10px;}
td.footer-bottom {background: #5c6e7b; border-left: 4px solid #4c5b66; border-right: 4px solid #4c5b66; height: 18px; font-size: 0px;}
td.canvas-shadow-right {background: url(shadow-right.jpg) left repeat-y;}

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

table.menu-table {margin-bottom: 5px; width: 100%;}
td.menu-tl {width: 7px; height: 7px; background: url(corner-tl.gif) no-repeat;}
td.menu-tc {height: 7px; background: url(edge-top.gif) repeat-x;}
td.menu-tc img {height: 7px;}
td.menu-tr {width: 7px; height: 7px; background: url(corner-tr.gif) no-repeat;}
td.menu-ml {width: 7px; background: url(edge-left.gif) repeat-y;}
td.menu-ml img {width: 7px;}
td.menu-mc {background: #fff; border: 1px solid #fff; border-bottom: none;}
td.menu-mr {width: 7px; background: url(edge-right.gif) repeat-y;}
td.menu-mr img {width: 7px;}
td.menu-bl {width: 7px; height: 7px; background: url(corner-bl.gif) no-repeat;}
td.menu-bc {height: 7px; background: url(edge-bottom.gif) repeat-x;}
td.menu-bc img {height: 7px;}
td.menu-br {width: 7px; height: 7px; background: url(corner-br.gif) no-repeat;}




/* Links */

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

/* register and login/logout links */
a.login-link:link, a.login-link:visited, a.login-link:active {text-decoration: none; font-weight: normal; color: #671b1d; padding: 1px 6px 4px 6px;}
a.login-link:hover {text-decoration: underline; font-weight: normal; color: #671b1d; padding: 1px 6px 4px 6px;}

/* breadcrumb links */
a.breadcrumb-link:link, a.breadcrumb-link:visited, a.breadcrumb-link:active, .breadcrumb-link {text-decoration: none; font-weight: bold; font-size: 13px; font-family: arial, sans-serif; color: #671b1d;}
a.breadcrumb-link:hover {text-decoration: none; font-weight: bold; font-size: 13px; font-family: arial, sans-serif; color: #671b1d;}

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

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

/* footer links */
a.footer-link:link, a.footer-link:visited, a.footer-link:active {font-size: 10px; text-decoration: underline; font-weight: normal; color: #671b1d; background: url(link-icon.jpg) left no-repeat; padding-left: 18px;}
a.footer-link:hover {font-size: 10px; text-decoration: none; font-weight: normal; color: #671b1d; background: url(link-icon.jpg) left no-repeat; padding-left: 18px;}

/* for small links */
a.small:link, a.small:visited, a.small:active {text-decoration: underline; color: #671b1d; font-size: 10px;}
a.small:hover {text-decoration: none; color: #671b1d; font-size: 10px;}




/* Text */

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

/* copyright */
.CopyrightText {color: #671b1d; font-size: 10px;}

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

/* module titles */
.Head {font-family: arial, 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: arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 1.4em;}

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

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




/* Forms */

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

/* Applies to text input boxes */
span.NormalTextBox {font-family: arial, sans-serif; font-size: 11px; color: #fff;}
input.NormalTextBox {font-family: arial, sans-serif; font-size: 11px; color: #444;}
select.NormalTextBox {font-family: arial, sans-serif; font-size: 11px; color: #444;}
textarea.NormalTextBox {font-family: arial, sans-serif; font-size: 11px; color: #444;}

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



/* Main Menu */

.MainMenu_MenuContainer {background: transparent; width: 100%; _margin-top: -1px; margin-bottom: -1px; _margin-bottom: 0;}
.MainMenu_MenuContainer td {font-size: 0px; font-weight: normal;}

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

/* hover state for submenu items */
.MainMenu_MenuItemSel {font-family: arial, sans-serif; font-size: 11px; font-weight: normal; color: #fff; background: #5c6e7b; border: #5c6e7b 1px solid; padding: 2px 10px 3px 4px;;}

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

/* menu arrows */
.MainMenu_MenuArrow {display: none;}

/* common menu attributes */
.MainMenu_Idle td, .MainMenu_Selected td, .MainMenu_BreadcrumbActive td, .MainMenu_Active td {margin: 0; height: 25px; font-weight: bold; font-family: arial; background: url(menu-off.gif) repeat-x; padding: 0 5px 0 5px;}

/* idle state of main menu items */
.MainMenu_Idle td {background: url(menu-off.gif) repeat-x #ccc; border-bottom: 1px solid #fff; width: 100%; padding: 5px; white-space: normal;}
.MainMenu_Idle td span {color: #555; font-size: 11px; line-height: 1.2em;}

/* hover state of main menu items */
.MainMenu_Selected td {background: url(menu-on.gif) repeat-x #51616c; border-bottom: 1px solid #fff; width: 100%; padding: 5px; white-space: normal;}
.MainMenu_Selected td span {color: #fff; font-size: 11px; line-height: 1.2em;}

/* active/selected state of main menu items */
.MainMenu_BreadcrumbActive td, .MainMenu_Active td {background: url(menu-on.gif) repeat-x #51616c; border-bottom: 1px solid #fff; width: 100%; padding: 5px; white-space: normal;}
.MainMenu_BreadcrumbActive td span, .MainMenu_Active td span {color: #fff; font-size: 11px; line-height: 1.2em;}

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




/* 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: arial, 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: arial, 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;}