﻿/* ===================================
    DEFAULT STYLES FOR TRAILSHACK.COM
   ===================================
*/
/* CSS RESET */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td, script, noscript 
{
    margin: 0;
    padding: 0;
    font-family: Verdana, Tahoma, Arial, Helvetica;
	font-weight: normal; 
	font-style: normal;
	font-size: 100%;
	color: #000606;
	background-color: inherit;}
	
/* SET GENERIC STYLES */

form {margin: 0;
    padding: 0;}
    
P {
    font-size: 90%; 
    margin: 6px;}

p.small { font-size: 80%;}

H1, H2, H3, H4, H5, H6 {
    color: #000606;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 8px;
    margin-left: 6px;
    margin-right: 6px;}
H1 {font-size: 110%;}
H2 {font-size: 105%;}
H3 {font-size: 90%;}
H4 {font-size: 90%;}
H5 {font-size: 90%;}
H6 {font-size: 90%;}

DT {
    font-size: 90%;
    color: #000606;
    font-weight: bold;
	margin-top: 6px;
	margin-bottom: 8px;
	margin-left: 6px;
	margin-right: 6px;}

TFOOT, THEAD {
    font-size: 90%;
    font-weight: bold;}
    
TH {
    font-size: 90%; 
    font-weight: bold;}

A {/*font-size: 90%;*/
   text-decoration: none;}
A:link {color: #0000bb;}
A:visited {color: #000088;}
A:hover {color: #bb0000;}
A:active {color: #bb0000;}

.small {
    font-size: 80%;}

BIG {
    font-size: 105%}

BLOCKQUOTE, PRE {
    font-size: 90%;}

UL LI {
    font-size: 90%;
    list-style-type: square;}
UL LI LI {
    list-style-type: disc;}
UL LI LI LI {
    list-style-type: circle;}

OL LI {
    font-size: 90%;
    list-style-type: decimal;}
OL OL LI {
    list-style-type: lower-alpha;}
OL OL OL LI {
    list-style-type: lower-roman;}
OL UL LI {
    list-style-type: disc;}

HR {
    color: #dddddd;
	width: 95%;
	height: 1pt;
	text-align: center;}

Body 
{
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 90%;}

div 
{
    margin: 0;
    padding: 0;}

/* BASE DNN STYLES */
.ControlPanel, .PagingTable {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #F8F7F7;
 	border: #333333 1px solid;}

.SkinObject {
    font-size: 90%;
    background-color: inherit;}

A.SkinObject:link 
{
    font-size: 90%;
	color: #0000bb;
	text-decoration: none;}

A.SkinObject:visited { color: #000088;}
A.SkinObject:hover { color: #bb0000;}
A.SkinObject:active { color: #bb0000;}

/* styles for LANGUAGE skinobject */
.Language 
{
    font-size: 90%;
	vertical-align: middle;
	margin: 0px;}

.Language img {
	border: none;}

/* style for module titles */
.Head {
	font-size: 105%;
	font-weight: bold;}

/* style of item titles on edit and admin pages */
.SubHead {
    font-size: 90%; 
    font-weight: bold;}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-size: 90%;
	font-weight: bold;}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled {
    font-size: 90%;
    background-color: inherit;}
    
.Normal A:LINK {font-size: inherit;}
    

/* text style used for rendered text which should appear disabled */
.NormalDisabled { color: Silver;}

/* text style used for rendered text which requires emphasis */
.NormalBold {
    font-size: 90%; 
    font-weight: bold;}

/* text style used for error messages */
.NormalRed {
    font-size: 90%;
    color: #bb0000;}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox { font-size: 90%;}

/* styles used by Data Grids */
.DataGrid_AlternatingItem {	background-color: #eeeeee;}
.DataGrid_Container {}
.DataGrid_Footer {}
.DataGrid_Header {
	font-weight: bold;
	text-align: center;}
.DataGrid_Item {}
.DataGrid_SelectedItem {
	background-color: #eeeeee;
	color: #0000bb;}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node { font-size: 105%;}
.TreeMenu_NodeSelected {
	font-size: 105%;
	background-color: #eeeeee;}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link { color: #0000bb;}
A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited { color: #000088;}
A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover { color: #bb0000;}
A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active { color: #0000bb;}

/* styles used in the FileManager */
.FileManager {
    border: black 1px solid;
	height: 400px;}
.FileManager_ToolBar {
	border-bottom: black 1px solid;
	height: 25px;}
.FileManager_Explorer {
	height: 100%;
	border: #696969 1px solid;
	margin: 2px;}
.FileManager_FileList {
	height: 100%;
	border: #696969 1px solid;
	margin: 2px;
	overflow: auto;}
.FileManager_MessageBox {
	text-align: center;
	vertical-align: middle;
	padding: 25px;}
.FileManager_Header {
	font-weight: bold;
	background-color: #eeeeee;
	border-bottom: #696969 1px solid;
	height: 25px;}
.FileManager_Pager {
	font-weight: bold;
	background-color: #eeeeee;
	border-top: #696969 1px solid;
	height: 25px;}
.FileManager_StatusBar {
	background-color: #dddddd;
	height: 25px;
	margin: 2px;}
.FileManager_Item {
	border-top: black 1px dashed;
	border-bottom: black 1px dashed;}
.FileManager_AltItem {}
.FileManager_SelItem {
	font-weight: bold;
	color: White;
	background-color: #999999;}
.FileManagerTreeNode {}
.FileManagerTreeNodeSelected { background-color: #eeeeee;}
A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {
	text-decoration: none;
	color: #0000bb;}
A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited {
	text-decoration: none;
	color: #000088;}
A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover {
	text-decoration: none;
	color: #bb0000;}
A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active {
	text-decoration: none;
	color: #0000bb;}

/* styles used in the Wizard Framework */
.Wizard {
	border: black 1px solid;
	height: 400px;
	width: 650px;}
.WizardButton {
	border: #696969 1px solid;
	padding: 2px;
	background-color: #dddddd;}
.WizardHeader {
	background: #dddddd;
	border-bottom: black 1px solid;
	height: 40px;}
.WizardFooter {
	border-top: black 1px solid;
	background: #dddddd;
	height: 25px;
	text-align: right;}
.WizardBody {
	padding: 10px;
	height: 325px;}
.WizardHelp {
	padding: 5px;
	border-left: black 1px solid;
	width: 180px;
	background-color: #eeeeee;}
.WizardHelpText {
	overflow: auto;
	font-size: 90%;
	width: 180px;
	height: 300px;}
.WizardText {}

/* text style used for help text rendered by modules */
.Clear {clear: both;}

.Help
{
    font-size: 90%;
	border: black 1px solid;
	padding: 2px;
	background-color: #eeeeee;}

/* style for buttons and link buttons used in the portal admin pages */
.CommandButton { font-size: 90%;}
A.CommandButton:link {}
A.CommandButton:visited {}
A.CommandButton:hover {}
A.CommandButton:active {}

/* button style for standard HTML buttons */
.StandardButton {
	padding: 3px;
	font-size: 10px;
	background: #dddddd;
	color: #333333;
	font-family: Verdana, sans-serif;}
	
/* Module Title Menu */
.ModuleTitle_MenuContainer { border: solid 0px #000066;}
.ModuleTitle_MenuBar {
	cursor: pointer;
	height: 16;}
.ModuleTitle_MenuItem {
	cursor: pointer;
	font-size: 9pt;
	font-weight: bold;}
.ModuleTitle_MenuIcon {
	cursor: pointer;
	text-align: center;
	width: 15px;
	height: 21px;}
.ModuleTitle_SubMenu {
	z-index: 1000;
	cursor: pointer;}
.ModuleTitle_MenuBreak { height: 1px;}
.ModuleTitle_MenuItemSel {
	cursor: pointer;
	font-size: 9pt;
	font-weight: bold;}
.ModuleTitle_MenuArrow {
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;}
.ModuleTitle_RootMenuArrow {
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;}

/* Main Menu */
.MainMenu_MenuContainer {}
.MainMenu_MenuBar {
	cursor: pointer;
	height: 16px;}
.MainMenu_MenuItem {
	cursor: pointer;
	font-size: 9pt;
	font-weight: bold;}
.MainMenu_MenuItem:hover {}
.MainMenu_MenuIcon {
	cursor: pointer;
	text-align: center;
	width: 15px;
	height: 21px;}
.MainMenu_SubMenu {
	z-index: 1000;
	cursor: pointer;}
.MainMenu_MenuBreak { height: 1px;}
.MainMenu_MenuItemSel {
	cursor: pointer;
	color: #bb0000;
	font-size: 9pt;
	font-weight: bold;}
.MainMenu_MenuArrow {
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;}
.MainMenu_RootMenuArrow {
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;}







