/* Our base CSS */

/*hide designer initially, will show if its installed*/
.DNNDESIGNER{display:none;}
/*wrap dnn3 specific tags in this, dnndesigner will make sure dnn2 hides them*/
.DNN3{}
/*wrap dnn2 specific tags in this, dnndesigner will make sure dnn3 hides them*/
.DNN2{}


/*******************************************************************************************************/
/*Override all the styles set in DotNetNuke defaults so we know our css is the same across DNN2 & DNN3 */
/*******************************************************************************************************/
body, .body{background-color:#999999;}

/*main text/links & html*/
A, A:link, A:visited, A:active, A:hover, H1, H2, TH, H3, H4, H5, DT, H6, body, span, .Normal, td, p, .Head, .SubHead, .SubSubHead, .NormalBold, .NormalRed{text-decoration: none; font-family: Tahoma, Arial, Helvetica;font-size: 11px; color:#111111;}
A, A:link, A:visited, A:active, A:hover {text-decoration: underline; color: #222222;}
A:hover {color: #ff0000;}

H1 {font-size: 20px;}
H2 {font-size: 20px;}
H3 {font-size: 12px;}
H4 {font-size: 12px;}
H5, DT {font-weight: bold;}
H6 {font-size: 11px;font-weight: bold;}
TFOOT, THEAD {font-size: 12px;}
TH {vertical-align: baseline;font-size: 12px;font-weight: bold;}
SMALL {font-size: 8px;}
BIG {font-size: 14px;}
BLOCKQUOTE, PRE {font-family: Lucida Console, monospace;}
UL LI {list-style-type: square ;}
UL LI LI {list-style-type: disc;}
UL LI LI LI {list-style-type: circle;}
OL LI {list-style-type: decimal;}
OL OL LI {list-style-type: lower-alpha;}
OL OL OL LI {list-style-type: lower-roman;}
HR {color: dimgrey;height:1pt;text-align:left}

/*main styles*/
.Head {font-size: 20px;font-weight: normal;color: #333333;}
.SubHead {font-size: 11px;font-weight: bold;color: #444444;}
.SubSubHead {font-size: 11px;font-weight: bold;color: #000000;}
.NormalBold{font-weight: bold;}
.NormalRed{font-weight: bold;color: #ff0000}
.NormalTextBox{font-size: 12px;}
.HeadBg {background-color: Transparent;}
.TabBg {background-color: Transparent;}
.StandardButton{padding-right: 5px;padding-left: 5px;font-weight: normal;font-size: 11px;background: #dddddd;color: #000000;font-family: Verdana, sans-serif;}

/*special*/
.TreeMenu_Node {font-family: Tahoma, Arial, Helvetica;font-size: 12px;font-weight: normal;}
.TreeMenu_NodeSelected{font-family: Tahoma, Arial, Helvetica;font-size: 12px;font-weight: normal;background-color: #dcdcdc; }
A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link {text-decoration: none;color: #003366;}
A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited {text-decoration: none;color: #003366;}
A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active {text-decoration: none;color: #003366;}
A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover {text-decoration: none;color: #ff0000;}
.FileManager{border-right: black 1px solid;border-top: black 1px solid;border-left: black 1px solid;border-bottom: black 1px solid;height:400px;}
.FileManager_ToolBar{border-bottom: black 1px solid;height:25px;}
.FileManager_Explorer{height:100%;border: dimgray 1px solid;background-color: White;margin: 2px 2px 2px 2px;}
.FileManager_FileList {height:100%;border: dimgray 1px solid;background-color: White;margin: 2px 2px 2px 2px;overflow: auto;}
.FileManager_MessageBox {text-align: center;vertical-align: middle;background-color: White;padding: 25px 25px 25px 25px;}
.FileManager_Header{font-family: Tahoma, Arial, Helvetica;font-size: 11px;font-weight: bold;color: #E7E7FF;background-color: #9EBFF6;border-bottom: dimgray 1px solid;height: 25px;}
.FileManager_Pager{font-family: Tahoma, Arial, Helvetica;font-size: 11px;font-weight: bold;background-color: #EEEEEE;border-top: dimgray 1px solid;height: 25px;}
.FileManager_StatusBar{font-family: Tahoma, Arial, Helvetica;font-size: 11px;font-weight: normal;background-color: #dedfde;height: 25px;margin: 2px 2px 2px 2px;}
.FileManager_Item{font-family: Tahoma, Arial, Helvetica;font-size: 11px;font-weight: normal;color: Black;background-color: #F8F8F8;border-top: black 1px dashed;border-bottom: black 1px dashed;}
.FileManager_AltItem{font-family: Tahoma, Arial, Helvetica;font-size: 11px;font-weight: normal;color: Black;background-color: #EEEEEE;border-style: none;}
.FileManager_SelItem{font-family: Tahoma, Arial, Helvetica;font-size: 11px;font-weight: bold;color: White;background-color: #99ffff;border-style: none;}
.FileManagerTreeNode {font-family: Tahoma, Arial, Helvetica;font-size: 11px;font-weight: normal;}
.FileManagerTreeNodeSelected {font-family: Tahoma, Arial, Helvetica;font-size: 11px;font-weight: normal;background-color: #dcdcdc; }
A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {text-decoration: none;color: #003366;}
A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited {text-decoration: none;color: #003366;}
A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active {text-decoration: none;color: #003366;}
A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover {text-decoration: none;color: #ff0000;}
.Wizard{border-right: black 1px solid;border-top: black 1px solid;border-left: black 1px solid;border-bottom: black 1px solid;height:400px;width:650px;}
.WizardButton{border-right: dimgray 1px solid;padding-right: 2px;border-top: dimgray 1px solid;padding-left: 2px;padding-bottom: 2px;border-left: dimgray 1px solid;padding-top: 2px;border-bottom: dimgray 1px solid;background-color: gainsboro;}
.WizardHeader{background: #ffffcc;border-bottom: black 1px solid;height:40px;}
.WizardFooter{border-top: black 1px solid;background: #ccffcc;height: 25px;text-align: right;}
.WizardBody{padding-right: 10px;padding-left: 10px;padding-bottom: 10px;padding-top: 10px;height: 325px;}
.WizardHelp{padding-right: 5px;padding-left: 5px;font-size: 9pt;padding-bottom: 5px;border-left: black 1px solid;width: 180px;padding-top: 5px;background-color: #ccffff;}
.WizardHelpText{overflow: auto;font-size: 8pt;width: 180px;color: black;font-family: Tahoma, Verdana, Arial, Sans-Serif;height: 300px;}
.WizardText{font-size: 9pt;color: black;font-family: Tahoma, Verdana, Arial, Sans-Serif;}
.Help{border-right: black 1px solid;padding-right: 2px;border-top: black 1px solid;padding-left: 2px;font-weight: normal;font-size: 11px;padding-bottom: 2px;border-left: black 1px solid;color: black;padding-top: 2px;border-bottom: black 1px solid;font-family: Tahoma, Arial, Helvetica;background-color: #ffff99;}

/*Buttons & Links*/
.SkinObject, A.SkinObject:link, A.SkinObject:visited, A.SkinObject:active, A.SkinObject:hover, .CommandButton, A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active, A.CommandButton:hover, .SelectedTab, A.SelectedTab:link, A.SelectedTab:visited, A.SelectedTab:active, A.SelectedTab:hover, .OtherTabs, A.OtherTabs:link, A.OtherTabs:visited, A.OtherTabs:active, A.OtherTabs:hover{
color:#666666; text-decoration: none; font-family: Tahoma, Arial, Helvetica;font-size: 11px;font-weight: bold;
}
A.SelectedTab:hover, A.OtherTabs:hover, A.SkinObject:hover, A.CommandButton:hover{
color: #ff0000;
}

/* Minimum Width - If you use % skin width set this to minimum pixel width you want to allow, IE needs seperate .html width so set both to the same value*/
html {min-width:670px;}
.html{width:670px;}

/* Skin Width - In pixels (px) or % */
.SkinWidth{width:90%;}

/* Sub Width - Width of the sub-menu and side pane */
.SkinSubWidth{width:160px;}
.SkinSubPane{padding:4px;}
/* Spacer - Global Spacer, sometimes used in multiples */
.SkinSpacer{width:4px;height:4px;}
/* Menu Spacer - Gap between tabs, height should be bigger than text to pad the bottom border */
.SkinMenuSpacer{width:2px;height:17px;}

.SkinLeftPane{padding:8px;}
.SkinRightPane{padding:8px;}
.SkinContentPane{padding:8px;}
/*************************************
 * Skin Color Settings               *
 *************************************/

/* Body - background images can be used, but you may want to use the portal settings instead */


/* HeaderBg - this should be set to the color your logo sits on */
.SkinHeader{background-color:#ffffff;}

.SkinImage{
	background-color:#ffffff;
	height:120px;
	background-image: url(HeaderImages/dnndesignerimage.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* BodyBg - The main body color */
.SkinBody{background-color:#ffffff;}

/* PrimaryBg - Color of major items, menu etc. */
.SkinPrimary{background-color:#444444;}
.SkinSecondary{background-color:#cccccc;}
.SkinFooter{background-color:#ffffff;}

/* TabMenu - default colors are set in Primary*/
.SkinTabMenu, A.SkinTabMenu, A.SkinTabMenu:link, A.SkinTabMenu:active, A.SkinTabMenu:visited, A.SkinTabMenu:hover{
text-decoration:none;
padding:0px;
margin:0px;
padding-left:2px;
padding-right:2px;
font-weight:bold;
vertical-align:top;
height:16px;
text-align:center;
}

/* SubMenu */
.SkinSubMenu, A.SkinSubMenu, A.SkinSubMenu:link, A.SkinSubMenu:active, A.SkinSubMenu:visited, A.SkinSubMenu:hover{
text-decoration:none;
padding:0px;
margin:0px;
padding-left:2px;
padding-right:2px;
font-weight:bold;
vertical-align:middle;
text-align:center;
display:block;
height:20px;
border:1px outset;
border-left:0px;
border-right:0px;
}
A.SkinSubMenu:hover{border:1px inset;border-left:0px;border-right:0px;}


/* 'Attempt' to clear all padding from dodgy IE spacing*/
.ClearPadding, .ClearPadding A, .ClearPadding SPAN, .ClearPadding DIV, .ClearPadding TD, .ClearPadding P{padding:0px;margin:0px;}
/* Basic Style Adjustment - for skin objects mainly*/
.None{}
.Bold{font-weight:bold;}
.Small{font-size:smaller;}


/*litle '+' & arrows etc */
.SmallInfo, .SmallInfo A, .SmallInfo A:link, .SmallInfo A:visited, .SmallInfo A:active, .SmallInfo A:hover{
	font-family:verdana;	font-size:9px;	color: #110000;		text-decoration:none;
}
.SmallInfo A:hover{	color: #ff0000;}
.SmallInfoLight, .SmallInfoLight A, .SmallInfoLight A:link, .SmallInfoLight A:visited, .SmallInfoLight A:active, .SmallInfoLight A:hover{
	font-family:verdana;	font-size:9px;	color: #ffffff;		text-decoration:none;
}
.SmallInfoLight A:hover{	color: #ffff00;}

/*search box*/
.SmallInfoLight .NormalTextBox{
	font-family:Helvetica,tahoma,verdana;
	padding:0px;
	font-size:9pt;
	border:0px solid #000000;
	width:100px;
	margin-top:1px;
}