/*========================================================*/
/*    Cascading Style Sheet for TFDNN DotNetNuke Skin     */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. Universal                                          */
/*  2. Containers                                         */
/*  3. Links                                              */
/*  4. Text                                               */
/*  5. Forms                                              */
/*  6. Main Menu                                          */ 
/*  7. Module Menus                                       */
/*========================================================*/


/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

/* Forces browser height of 100% */
html {
	height: 100%;
}


/* Body style */
body {
	background: #fff;
	margin: 0;
	height: 100%;
}


/* Catch-all to ensure text color, font, and size consistency */
table, tr, td, p {
	font-family: "trebuchet ms", arial, sans-serif;
	line-height: 1.3em;
}

img {
	border: 0;
}


/*========================================================*/
/*  2. Containers                                         */
/*========================================================*/


table.site-width {width: 800px;}

#header-row {height: 108px; background: url(header-bg.gif) top left repeat-x #ae2b1a;}
#logo-cell {padding: 0px 0px 20px 0px;}
#menu-cell {}
#seal-cell {text-align: right; padding-right: 95px;}
#login-cell {text-align: right; padding: 15px 12px 0 0; color: #f6b251;}
#menu-float {position: relative; margin: 0 0 0 0;}

#breadcrumb-cell {padding: 7px 0 7px 15px; font-size: 12px; color: #aaa; line-height: 2em;}
#breadcrumb-left {height: 15px; width: 415px; background: url(breadcrumb-left.gif) top left no-repeat; font-size: 1px;}
#breadcrumb-center {height: 15px; background: url(breadcrumb-center.gif) top left repeat-x; font-size: 1px;}
#breadcrumb-right {height: 15px; width: 415px; background: url(breadcrumb-right.gif) top right no-repeat; font-size: 1px;}

table.breadcrumb-ud {margin: 0px 0 20px 0;}
#breadcrumb-left-ud {height: 15px; width: 415px; background: url(breadcrumb-left-ud.gif) top left no-repeat; font-size: 1px;}
#breadcrumb-center-ud {height: 15px; background: url(breadcrumb-center-ud.gif) top left repeat-x; font-size: 1px;}
#breadcrumb-right-ud {height: 15px; width: 415px; background: url(breadcrumb-right-ud.gif) top right no-repeat; font-size: 1px;}

#body-row {height: auto;}

#footer-row {height: 30px; background: url(footer-bg.png) top left repeat-x;}
#footer-left {padding-left: 20px;}
#footer-right {padding-right: 20px;}

.hm-pane-c {padding: 30px 30px 30px 0;}
.hm-pane-r {width: 226px; padding-bottom: 10px;}
.hm-pane-float {margin: -40px 0 0 0; position: relative;}

.admin-pane {padding: 30px 0 0 0;}

.sd-pane-l {width: 235px; padding: 20px 0 20px 0;}
.sd-pane-c {padding: 15px 0 20px 0;}
.sd-pane-b {padding: 0 0 20px 0;}
.sd-pane-r {text-align: right; width: 160px; color: #222; padding: 30px 0 30px 0;}
.skin-detail-name {font-family: "trebuchet ms"; font-size: 22px; font-weight: bold; color: #222; margin: 15px 0 30px 0;}
.skin-detail-desc {font-family: "trebuchet ms"; font-size: 12px; margin: 0 0 30px 0;}
.skin-detail-buttons img {margin-right: 20px;}
.price-text {font-family: "trebuchet ms"; font-size: 20px; font-weight: bold; margin: 0 5px 20px 0;}
.notice {border: 1px solid #d4d4d4; background: #f4f4f4; padding: 10px; font-size: 10px; color: #999; line-height: 1.3em;}
.dl-instructions {border: 1px solid #d4d4d4; background: #f4f4f4; padding: 6px; font-size: 10px; color: #999; line-height: 1.3em; float: right; width: 108px; margin: 20px 3px 0 0;}

table.skin-desc-table {margin-bottom: 30px; width: 100%;}
tr.row-dark {background: #f4f4f4;}
td.skin-desc-cat {font-weight: bold; padding: 3px 10px 3px 4px; font-size: 12px; vertical-align: top; width: 120px;}
td.skin-desc-val {text-align: left; padding: 3px 4px 3px 0; font-size: 12px; vertical-align: top;}

#seal-01 {width: 95px; height: 95px; background: url(seal-01.gif) no-repeat; position: absolute; margin-top: -41px;}
#seal-02 {width: 95px; height: 95px; background: url(seal-02.gif) no-repeat; position: absolute; margin-top: -41px;}
#seal-03 {width: 95px; height: 95px; background: url(seal-03.gif) no-repeat; position: absolute; margin-top: -41px;}
#seal-04 {width: 95px; height: 95px; background: url(seal-04.gif) no-repeat; position: absolute; margin-top: -41px;}
#seal-05 {width: 95px; height: 95px; background: url(seal-05.gif) no-repeat; position: absolute; margin-top: -41px;}
#seal-06 {width: 95px; height: 95px; background: url(seal-06.gif) no-repeat; position: absolute; margin-top: -41px;}

.side-sep {background: url(side-sep-bg.gif) top repeat-x; padding-top: 5px; margin-top: 8px;}


/*========================================================*/
/*  3. Links                                              */
/*========================================================*/


/* Basic links */
a:link, a:visited, a:active {
	color: #bf561c;
	font-family: "lucida sans unicode", "trebuchet ms", verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

a:hover {
	color: #ffa200;
	font-family: "lucida sans unicode", "trebuchet ms", verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}


/* For the Register and Login/Logout links in the header */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active {
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
    text-decoration: none;
    color: #fff;
	font-weight: normal;
}

a.LoginLink:hover {
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
    text-decoration: none;
    color: #ffa200;
	font-weight: normal;
}


/* For links on darker backgrounds (e.g. footer links) */
a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active {
   font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
    text-decoration: none;
    color: #fff;
	font-weight: normal;
}
a.FooterLink:hover {
    font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
    text-decoration: none;
    color: #ffa200;
	font-weight: normal;
}


/* Defines styles for breadcrumb items */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active, .BreadcrumbLink {
   	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
    text-decoration: none;
    color: #ae2c1a;
	font-weight: bold;
}

a.BreadcrumbLink:hover {
  	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
    text-decoration: none;
    color: #ffa200;
	font-weight: bold;
}


/* For the links that look like buttons */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
    text-decoration: underline;
    color: #bf561c;
	font-weight: bold;
}

a.CommandButton:hover {
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
    text-decoration: underline;
    color: #ffa200;
	font-weight: bold;
}


/* For links that come with a pre-attached Normal class */
a.Normal:link, a.Normal:visited, a.Normal:active {
	color: #bf561c;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

a.Normal:hover {
	color: #ffa200;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}





/*========================================================*/
/*  4. Text                                               */
/*========================================================*/


/* Style for current date token */
.date-text {
	color: #fff;
	font-size: 12px;
}


/* Style for copyright text in footer */
.CopyrightText {
	color: #fff;
	font-size: 12px;
}


/* Used in admin sections */
.SubHead    {
  	font-family: "trebuchet ms", verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #222;
	padding: 0;
}



/* Module titles */
.Head {
  	font-family: "trebuchet ms", arial, sans-serif;
	font-size: 16px;
    text-decoration: none;
    color: #222;
	font-weight: normal;
}


/* Bold colored - used for warnings and such */
.NormalRed {
	color: #900;
  	font-family: "lucida sans unicode", "trebuchet ms", arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.3em;
}


/* Normal bold text */
.NormalBold {
  	font-family: "lucida sans unicode", "trebuchet ms", arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #222;
	line-height: 1.3em;
}


/* Normal bold text */
.Normal {
  	font-family: "lucida sans unicode", "trebuchet ms", arial, sans-serif;
	font-size: 12px;
	color: #222;
	line-height: 1.3em;
}

b {
	font-weight: bold;
}

.news-date {
	font-size: 10px;
	text-transform: uppercase;
	color: #999;
	margin-bottom: 14px;
	margin-top: -12px;
}

li {
	list-style-type: disc;
	margin-bottom: 16px;
	line-height: 1.2em;
}


/*========================================================*/
/*  5. Forms                                              */
/*========================================================*/

select, input {
	color: #222;
  	font-family: "trebuchet ms", arial, sans-serif;
}


/* Applies to text input boxes */
.NormalTextBox {
  	font-family: "trebuchet ms", arial, sans-serif;
	background: #fff;
}


/* Applies to the table cells that contain text input boxes */
td.NormalTextBox {
	padding: 0;
	margin: 0;
	background: transparent;
	visibility: invisible;
}

.StandardButton {
	background: url(btn-bg.gif) repeat-x;
	color: #fff;
	border-top: 1px solid #929292;
	border-right: 1px solid #434343;
	border-bottom: 1px solid #3d3d3d;
	border-left: 1px solid #8a8a8a;
	padding: 3px 4px 3px 4px;
}


/*========================================================*/
/*  6. Main Menu                                          */
/*========================================================*/




/* Applies to idle state of submenu items */
.MainMenu_MenuItem {
	font-family: "trebuchet ms", arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #222;
	background: #f6f6f6;
	border-top: #f6f6f6 1px solid;
	border-left: #f6f6f6 1px solid;
	border-bottom: #f6f6f6 1px solid;
	border-right: #f6f6f6 1px solid;
	padding: 1px 12px 2px 2px;
}

/* Hover state for submenu items */
.MainMenu_MenuItemSel {
	font-family: "trebuchet ms", arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #ae2c1a;
	border-left: #ae2c1a 1px solid;
	border-right: #ae2c1a 1px solid;
	padding: 1px 12px 2px 2px;
}



/* Container for main menu */
.MainMenu_MenuContainer {
	background: transparent;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


/* Menu bar */
.MainMenu_MenuBar {
	background: transparent; 
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

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


.MainMenu_Active td, .MainMenu_Selected td, .MainMenu_Idle td, .MainMenu_BreadcrumbActive td {
	padding: 6px 0 0 0;
	font-family: "trebuchet ms", arial, sans-serif; 
	font-size: 13px;
}

	
/* Idle state for main menu items */
.MainMenu_Idle { 
	background: url(menu-off.gif) top left repeat-x;
	color: #fff;
	font-weight: bold;
	height: 35px;
	padding: 6px 0 0 0;
	margin: 0;
}


/* Hover state for main menu items */
.MainMenu_Selected  {
	background: transparent;
	color: #ffa200;
	font-weight: bold;
	height: 35px;
	padding: 6px 0 0 0;
	margin: 0;
}


/* Selected state for main menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	background: url(menu-on.gif) left repeat-x #b1331a;
	color: #222;
	font-weight: bold;
	height: 35px;
	margin: 0;
}

.MainMenu_MenuBreak {
	width: auto;
	border: 0;
	background: transparent;
}


.MainMenu_LeftOff {
	padding-left: 6px;
	height: 35px;
	font-size: 1px;
	background: transparent;
}


.MainMenu_LeftOn {
	padding-left: 19px;
	height: 35px;
	font-size: 1px;
	background: url(menu-on-left.gif) bottom left no-repeat;
}


.MainMenu_RightOff {
	padding-left: 6px;
	height: 35px;
	font-size: 1px;
	background: url(menu-off.gif) bottom left repeat-x;
}


.MainMenu_RightOn {
	padding-left: 19px;
	height: 35px;
	font-size: 1px;
	background: url(menu-on-right.gif) bottom right no-repeat;
}


/* Elements we don't really need */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon {
	display: none;
}



/*========================================================*/
/*  7. Module Menus                                       */
/*========================================================*/

/* Outer cntainer for module submenu */
.ModuleTitle_MenuContainer {
	color: #2c2c2c;
}


/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 21px;
}


/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family: "lucida sans unicode", verdana, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	color: #222;
	background: #f6f6f6;
	border-top: #f6f6f6 1px solid;
	border-left: #f6f6f6 1px solid;
	border-bottom: #f6f6f6 1px solid;
	border-right: #f6f6f6 1px solid;
	padding: 1px 12px 2px 2px;
}


/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0px 0px 0px;
	background-color: #f6f6f6;
	border: 1px solid #ccc;
	padding: 0px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3) ;
}



/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family: "lucida sans unicode", verdana, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #ba491c;
	border-left: #ba491c 1px solid;
	border-right: #ba491c 1px solid;
	padding: 1px 12px 2px 2px;
}


/* Elements we don't need to see */
.ModuleTitle_MenuBreak, .ModuleTitle_MenuIcon, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {
	display: none;
}



/*========================================================*/
/*  End Style Sheet                                       */
/*========================================================*/