/* CSS for TFDNN DotNetNuke skin -------------------------- */
/* Created Dec. 2008 -------------------------------------- */
/* http://tfdnn.com - tf@tylerfawcett.com ----------------- */


/* Universal ------------------------------ */
html {padding: 0; margin: 0; height: 100%; width: 100%;}
body {margin: 0; padding: 0 0 40px 0; background: url(img/page_background.jpg) top left no-repeat #1c1c1c;}
table, tr, td, p, div, span, a {font-family: georgia, "times new roman", serif; line-height: 1.3em;}
.separator hr {display: none;}
img , a {outline: 0 none;}
img, div {behavior: url(http://tfdnn.com/pngfix/iepngfix.htc);}


/* Framework -------------------------- */
#wrap-outer {margin: 40px;}
#wrap-inner {width: 940px;}
#head {padding: 25px 0 30px 0;}
#dnn-logo {float: left;}
#desc {float: right; font-size: 12px; color: #aaa; margin-top: 35px;}
.clear {clear: both;}
.separator {height: 6px; background: url(img/hr.png) repeat-x;}
.shadow-full {height: 28px; background: url(img/shadow_full.png) repeat-x; width: 940px; display: none;}
#main-content-box {padding: 0px 0 5px 0;}
.main-content {}
#foot {padding: 5px 0 50px 0; margin-bottom: 40px;}
#foot-left {float: left; color: #777; line-height: 2.2em; font-size: 12px;}
#foot-right {float: right; line-height: 2.2em; font-size: 12px;}



/* Links -------------------------- */
/* basic links */
a:link, a:visited, a:active {font-family: georgia, "times new roman", serif; font-weight: normal; font-size: 12px; text-decoration: underline; font-weight: normal; line-height: 1.3em; color: #f2a413;}
a:hover {font-family: georgia, "times new roman", serif; font-weight: normal; font-size: 12px; text-decoration: none; font-weight: normal; line-height: 1.3em; color: #fff;}
/* admin and host function links */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {text-decoration: underline; font-weight: normal; color: #f2a413;}
a.CommandButton:hover {text-decoration: none; font-weight: normal; color: #f2a413;}
/* 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: 12px; text-decoration: none; font-weight: normal; color: #bbb;}
a.footer-link:hover {font-size: 12px; text-decoration: none; font-weight: normal; color: #fff;}
/* white links */
a.white:link, a.white:visited, a.white:active {font-size: 12px; text-decoration: none; font-weight: normal; color: #bbb;}
a.white:hover {font-size: 12px; text-decoration: none; font-weight: normal; color: #fff;}



/* Text -------------------------- */
/* current date */
.current-date {color: #555; font-size: 12px;}
/* copyright */
.CopyrightText {color: #555; font-size: 12px;}
/* used in admin sections */
.SubHead, .SubHead font {font-family: georgia, "times new roman", serif; font-size: 13px; font-weight: bold; color: #333; padding: 0;}
/* module titles */
.Head {font-family: georgia, "times new roman", serif; font-size: 16px; text-decoration: none; color: #333; font-weight: normal; white-space: nowrap;}
/* colored - used for warnings and such */
.NormalRed {color: #900; font-family: georgia, "times new roman", serif; font-weight: bold; font-size: 12px; line-height: 1.3em;}
/* bold text */
.NormalBold {font-family: georgia, "times new roman", serif; font-size: 12px; font-weight: bold; color: #333; line-height: 1.3em;}
/* normal text */
.Normal {font-family: georgia, "times new roman", serif; font-size: 12px; color: #333; line-height: 1.3em;}
/* headers */
h1, h2, h3, h4, h5, h6 {font-family: georgia, "times new roman", serif; color: #333; font-weight: bold;}
h1 {font-size: 16px;}
h2 {font-size: 15px;}
h3 {font-size: 18px; font-weight: normal;}
h4 {font-size: 13px; font-weight: bold; font-style: italic;}
h5 {font-size: 12px; font-weight: bold;}

.main-content .Normal, .main-content .Head, .main-content .SubHead {color: #fff;}


/* Forms ----------------------------- */

/* catch-all */
select, input {font-family: georgia, "times new roman", serif; font-size: 12px; color: #333;}
/* Applies to text input boxes */
.NormalTextBox {font-family: georgia, "times new roman", serif; font-size: 12px; color: #333;}
/* table cells that contain text input boxes */
td.NormalTextBox {padding: 0; margin: 0; background: transparent; visibility: invisible; color: #333;}



/* Main Menu ----------------------------- */

.MainMenu_MenuContainer {background: transparent; width: 155px; height: auto;}
.MainMenu_MenuContainer td {font-size: 0px; font-weight: normal;}
/* idle state of submenu items */
.MainMenu_MenuItem {font-size: 12px; font-family: georgia, "times new roman", serif; font-weight: normal; color: #353432; background: url(img/menu_item_bg.jpg); border: 0 none; padding: 4px 12px 4px 4px;}
/* hover state for submenu items */
.MainMenu_MenuItemSel {font-size: 12px; font-family: georgia, "times new roman", serif; font-weight: normal; color: #fff; background: #8b0b04; border: 0 none; padding: 4px 12px 4px 4px;}
/* box for submenu */
.submenu-cus {z-index: 100; border: 1px solid #d4d1c8; margin: 1px 0 0 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);}
/* Common settings for all three hover states */
.MainMenu_Idle td, .MainMenu_Selected td, .MainMenu_BreadcrumbActive td, .MainMenu_Active td {margin: 0; padding: 5px 5px 4px 6px;}
.MainMenu_Idle td span, .MainMenu_Selected td span, .MainMenu_BreadcrumbActive td span, .MainMenu_Active td span {font-size: 13px; font-weight: normal; line-height: 1.3em; font-weight: normal;}
/* idle state of main menu items */
.MainMenu_Idle td {background: transparent;}
.MainMenu_Idle td span {color: #312c23;}
/* hover state of main menu items */
.MainMenu_Selected td {background: #e4e5db;}
.MainMenu_Selected td span {color: #353432;}
/* active/selected state of main menu items */
.MainMenu_BreadcrumbActive td, .MainMenu_Active td {background: #8b0b04;}
.MainMenu_BreadcrumbActive td span, .MainMenu_Active td span {color: #fff;}
/* items we don't need to see */
.MainMenu_RootMenuArrow, .MainMenu_MenuIcon {display: none;}
.MainMenu_MenuBreak {width: auto; border: 0; background: transparent;}
.MainMenu_MenuArrow {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: georgia, "times new roman", serif; font-weight: normal; font-size: 12px; 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: georgia, "times new roman", serif; font-weight: normal; font-size: 12px; 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 #ddd; padding: 0 3px 0 3px; height: 25px;}
/* elements we don't need to see */
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display: none;}



/* DNN Control Panel ---------------------- */
table.ControlPanel {width: 940px; background: #fff; color: #222; border: 0; border: 3px solid #ddd; border-top: 0 none; text-align: left; margin-left: 40px;}
table.ControlPanel a.CommandButton, table.ControlPanel a.CommandButton:hover {font-family: georgia, "times new roman", serif; font-size: 12px; color: #f39e00; margin: 0 8px; font-weight: normal;}
table.ControlPanel a.CommandButton:hover {color: #f39e00; text-decoration: none;}
table.ControlPanel .SubHead {font-size: 12px; color: #222; font-weight: normal; line-height: 2em;}
table.ControlPanel td td.SubHead {padding: 0;}
table.ControlPanel td td td.SubHead {background: transparent; border: 0;}
table.ControlPanel td td {vertical-align: middle;}
table.ControlPanel a.CommandButton img {margin-top: 8px;}
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; display: none;}
table.ControlPanel label {color: #222; font-size: 12px; font-weight: normal;}
table.ControlPanel td td {background: transparent; padding-bottom: 2px; padding-top: 2px;}
table.ControlPanel td td td {padding-bottom: 0; padding-top: 0;}


/* Custom content ---------------------------- */
div.skin-feature {width: 940px;}
div.skin-feature p {padding: 0; margin: 0; clear: both;}
div.skin-name {float: left; margin-bottom: 25px; margin-top: 15px;}
div.skin-price {float: right; font-size: 24px; color: #ccc; margin-top: 45px; display: none;}
div.skin-screenshot {float: right; text-align: center; margin-top: -25px;}
div.skin-screenshot p {padding-top: 20px; padding-left: 45px;}
div.skin-feature .instructions {clear: both; text-align: left; background: url(img/fff_3_percent_trans.png); border: 1px solid #333; padding: 3px 6px 6px 6px; font-size: 11px; font-family: "lucida grande", "lucida sans", lucida, arial, sans-serif; color: #666; margin-top: 15px;}
div.skin-description {float: left; padding: 10px 0 0 0; _padding: 0;}
.dt {float: left; color: #fff; width: 120px; line-height: 1.3em;}
.skin-label strong {font-weight: normal;}
.dd {float: left; color: #aaa; width: 480px; padding-bottom: 10px; line-height: 1.3em;}
.dd em {font-style: normal; font-size: 12px;}
.dd strong {color: #fff; font-size: 19px; font-weight: normal;}
.dd img {margin-bottom: 2px;}
h2.flux {width: 81px; height: 36px; background: url(img/h2_flux.gif) no-repeat;}
h2.pyramid {width: 182px; height: 21px; background: url(img/h2_pyramid.gif) no-repeat;}
div.skin-feature h2 b {display: none;}
a.btn:link, a.btn:visited, a.btn:active {font-family: "lucida grande", "lucida sans", lucida, arial, sans-serif; text-decoration: none; font-weight: bold; color: #aaa; background: #2b2b2b; border-top: 1px solid #3f3f3f; border-right: 1px solid #232323; border-bottom: 1px solid #1f1f1f; border-left: 1px solid #323232; padding: 6px 20px 8px 20px; font-size: 11px; height: 26px; text-transform: none; margin-left: 5px; outline: 0 none;}
a.btn:hover {color: #fff; background: #393939; border-top: 1px solid #474747; border-right: 1px solid #2a2a2a; border-bottom: 1px solid #252525; border-left: 1px solid #424242;}

a.btnBuyNow:link,
a.btnBuyNow:active,
a.btnBuyNow:visited,
a.btnBuyNow:hover,
a.btnViewDemo:link,
a.btnViewDemo:active,
a.btnViewDemo:visited,
a.btnViewDemo:hover {
	font-family: "lucida sans", "lucida grande", "lucida sans unicode", arial, sans-serif;
	padding: 8px 14px 0 34px;
	_padding-top: 7px;
	height: 28px;
	display: block;
	float: left;
	margin-right: 10px;
	text-decoration: none;
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 1px;
}

a.btnBuyNow:link, a.btnBuyNow:active, a.btnBuyNow:visited {background: url(img/btn_buy_now_off.gif) no-repeat;}
a.btnBuyNow:hover {background: url(img/btn_buy_now_on.gif) no-repeat;}
a.btnBuyNow b {}

a.btnViewDemo:link, a.btnViewDemo:active, a.btnViewDemo:visited {background: url(img/btn_view_demo_off.gif) no-repeat;}
a.btnViewDemo:hover {background: url(img/btn_view_demo_on.gif) no-repeat;}
a.btnViewDemo b {}


/* End Style Sheet ---------------------- */