﻿/*-- global styles --*/

body {
margin:0;
padding:0;
font-family:verdana, helvetica, sanms-serif;
font-size:12px;
line-height:18px;
color:#6a7478;
}

#outer {
position:relative;
width:980px;
margin:0 auto;
}

#container {
position:relative;
float:left;
width:980px;
}

#header {
position:relative;
float:left;
width:980px;
padding:20px 0px 0;
background-repeat:no-repeat;
background-position:left bottom;
z-index:890;
}

#splashPage #header {
text-align:center;
background-image:url(/images/hp/ruleWide.gif);
padding:20px 0;
}

#dnn_logo {
position:relative;
float:left;
margin:0 0 20px 40px
}

#headerRight {
position:relative;
float:right;
width:272px;
margin-right:40px;
}

#sectionIndicator {
text-align:right;
font-size:16px;
line-height:24px;
margin:0;
}

#sectionIndicator a {
color:#a3a3a3;
text-decoration:none;
}

#sectionIndicator a:hover {
color:#0666b1;
}

#searchArea {
position:absolute;
top:98px;
right:35px;
width:270px;
}

#searchArea input {
font-size:11px;
color:#889093;
position:relative;
float:left;
width:225px;
}

.searchIcon {
position:Relative;
float:left;
margin-right:3px;
}

#searchArea a {
display:block;
position:relative;
float:left;
height:15px;
padding:3px 3px 1px;
background-color:#85a5be;
}

#content {
position:relative;
float:left;
width:900px;
padding:10px 40px;
z-index:800;
}

#splashPage #content {
width:980px;
padding:30px 0px 15px;
}


#sidebar h2 {
margin:2px 0;
font-size:20px;
line-height:22px;
font-weight:normal;
color:#ffffff;
background-repeat:no-repeat;
padding:3px 0 5px 43px;
}

#main h2 {
font-size:16px;
line-height:20px;
margin:10px 0;
font-weight:Normal;
}

#main .productsList h2 {
color:#0666b2;
font-size:16px;
margin:0px 0;
font-weight:bold;
}

h3 {
color:#0666b2;
font-size:14px;
margin:10px 0;
}

h3 a {
text-decoration:none;
}

#content p {
margin:10px 0;
}

#content a {
color:#0666b2;
}

#content a:hover {
color:#00aad4;
}

#main, #mainWide  {
position:relative;
float:left;
width:615px;
margin-right:15px;
min-height:400px;
}

#mainWide {
width:900px;
margin:0;
}

#mainWide .contentInner .c_content {
padding:10px 20px;
}

.pageBanner {
position:relative;
float:left;
width:615px;
}

.pageBanner .head_title {
display:none;
margin:0;
padding:0;
}

#main .pageBanner p {
margin:0;
}

#sidebar {
position:relative;
float:left;
width:270px;
}


#sidebar .DNNArticleListContent tr td {
width:227px;
padding:5px 20px 15px;
/*-- set bkgd image in skin.css --*/
background-repeat:no-repeat;
background-position:center bottom;
}

#sidebar .DNNArticleListContent tr td p {
margin:0;
}

.viewAllNews {
text-align:center;
font-size:11px;
}

/*--- splash page ---*/

a.peopleBtn, a.hpBtn {
display:block;
position:Relative;
float:left;
width:428px;
height:300px;
margin-bottom:30px;
border:1px solid #a9a9a9;
text-align:center;
background-repeat:no-repeat;
background-position:center 40px;
}

a.peopleBtn, a.hpBtn {
color:#0666b2;
text-decoration:none;
font-size:24px;
}

a.peopleBtn:hover, a.hpBtn:hover {
color:#00aad4;
border-color:#00aad4;
}

a.peopleBtn span, a.hpBtn span {
position:relative;
top:230px;
background-image:url(/images/arrowRightLg.gif);
background-repeat:no-repeat;
background-position:right 5px;
padding:0 30px 0 0;
line-height:28px;
}

a.peopleBtn {
margin-right:40px;
margin-left:40px;
background-image:url(/images/vLg.gif);
}

a.hpBtn {
background-image:url(/images/crossLg.gif);
}

#introCopy {
position:relative;
float:left;
width:900px;
background-image:url(/images/hp/ruleWide.gif);
background-repeat:no-repeat;
background-position:left top;
padding:20px 40px 0;
}

/*--- splash page end ---*/

#footer {
position:relative;
float:left;
width:900px;
background-image:url(/images/hp/ruleWide.gif);
background-repeat:no-repeat;
background-position:left top;
padding:0 40px;
font-size:10px;
color:#acadad;
}

#footer a {
color:#acadad;
}

#footer a:hover {
color:#0666b1;
}

#footer p {
margin:10px 0;
}

p#copyrightLinks {
position:relative;
float:left;
width:580px;
}

p#copyrightLinks  a img {
position:relative;
border:0;
margin:0px 2px 0 4px;
}


p#siteCredit{
position:relative;
float:right;
width:200px;
text-align:right;
}


/*-- global nav styles ---*/

#mainNav {
position:relative;
float:left;
width:980px;
background-image:url(/images/hp/ruleWide.gif);
background-repeat:no-repeat;
background-position:left top;
margin:0;
padding:5px 40px;
list-style:none;
z-index:900;
}



#main p.sendVerification {
font-size:14px;
font-weight:bold;
margin:5px 0 0 166px;
color:#0666b1;
}

/*
===========================================================
             CSS STYLES FOR NORTH SKY MENU
===========================================================
     Structural CSS required for basic menu operation.
                   USE EXTREME CAUTION!
  Modifying the CSS here will most likely break the menu!
===========================================================
*/

ul.NorthSkyMenu, 
ul.NorthSkyMenu ul {
position:relative;
float:left;
margin:0;
padding:1px 0px;
list-style:none;
	z-index: 999;
}
 
.contentInner ul.NorthSkyMenu {
margin-top:15px;
}

ul.NorthSkyMenu a {
	text-decoration: none;
padding:0 13px;
display:block;
}

.contentInner ul.NorthSkyMenu a {
padding:0 5px;
border-left:15px solid #85a5be;
margin:5px 0 5px 22px;
border-right:0;
font-weight:bold;
}

.contentInner ul.NorthSkyMenu a:hover {
border-color:#0666b1;
}
 
ul.NorthSkyMenu li {
	display:block;
position:relative;
float:left;
	z-index: 9999;
}

.contentInner ul.NorthSkyMenu li {
	display:block;
position:relative;
float:none;
	z-index: 9999;
list-style-type:none;
padding:1px 0;
font-size:13px;
}

ul.NorthSkyMenu li a.first {
padding-left:0;
}

.contentInner ul.NorthSkyMenu li a.first {
padding-left:5px;
}

 
ul.NorthSkyMenu .last { 
border:0;
}
 
ul.NorthSkyMenu li ul {
	position: absolute;
left: -999em;
	visibility: hidden;
width:141px;

}

ul.NorthSkyMenu li ul.lvl1 {
padding-top:6px;
border-left:1px solid #d5e1e5;
border-right:1px solid #d5e1e5;
width:161px;
}

ul.NorthSkyMenu li ul li ul {
position:absolute;
left:161px;
top:0px;
padding:0;
}

ul.NorthSkyMenu li ul li {
background-color:#fff;
border-bottom:1px solid #d5e1e5;
padding-left:0px;

}

ul.NorthSkyMenu li ul li a.first {
padding-left:13px;
}

ul.NorthSkyMenu ul.lvl1 li {
	z-index: 99999; 
}

ul.NorthSkyMenu ul.lvl2 li {
	z-index: 999999; 
}

ul.NorthSkyMenu ul.lvl3 li {
	z-index: 9999999; 
}

ul.NorthSkyMenu ul.lvl4 li {
	z-index: 99999999; 
}

ul.NorthSkyMenu ul.lvl5 li {
	z-index: 999999999; 
}
 
ul.NorthSkyMenu li li {
	width: 100%;
	white-space: normal;
}
 
ul.NorthSkyMenu li:hover ul ul, 
ul.NorthSkyMenu li:hover ul ul ul, 
ul.NorthSkyMenu li:hover ul ul ul ul, 
ul.NorthSkyMenu li.hover ul ul, 
ul.NorthSkyMenu li.hover ul ul ul,
ul.NorthSkyMenu li.hover ul ul ul ul {
	left: -999em;
	visibility: hidden;
}
 
ul.NorthSkyMenu li.hover ul, 
ul.NorthSkyMenu li:hover ul {
left:-1px;
	visibility: visible;
}
 
ul.NorthSkyMenu li li:hover ul, 
ul.NorthSkyMenu li li li:hover ul, 
ul.NorthSkyMenu li li li li:hover ul, 
ul.NorthSkyMenu li li.hover ul, 
ul.NorthSkyMenu li li li.hover ul, 
ul.NorthSkyMenu li li li li.hover ul {
	left:161px;
	visibility: visible;
border-left:1px solid #d5e1e5;
}

ul.NorthSkyMenu li li:hover ul .last,
ul.NorthSkyMenu li li.hover ul .last {
border-right:1px solid #d5e1e5;
}
 
ul.NorthSkyMenu a.disabled {
	cursor: default;
}

ul.NorthSkyMenu iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: block;
}


/*
===========================================================
 NorthSkyActions Start
===========================================================
*/

/* root-level menu */
ul.NorthSkyActions {
	position: relative;
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	white-space: nowrap;
	list-style: none;
	z-index: 1;
	text-align: center;
}

ul.NorthSkyActions:hover {
	position: static;
	z-index: 1000;
}

ul.NorthSkyActions li {
	position: relative;
	float: left; 
	width: auto;
	_width: 1%; /* Hack for IE6 and lower */
	_height: 1%; /* Hack for IE6 and lower */
	margin: 0;
	margin-top: 6px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	list-style: none;
	z-index: 9999;
}
 
ul.NorthSkyActions li ul {
	position: absolute;
	left: -999em;
	visibility: hidden;
	_display: none;
	margin-top: -2px;
	border: solid 1px #999;
	width: auto;
	text-align: left;
	z-index: 99999;
}

ul.NorthSkyActions li li ul {
	margin-top: -24px;
}

/* nested menu items */
ul.NorthSkyActions li li {
	margin: 0;
	width: 100%;
	z-index: 999999;
}

/* menu item links */
/* Typically set padding, colors, text attributes here. */
ul.NorthSkyActions a {
	display: block;
	margin: 0;
	border: 0;
	padding: 3px 6px 3px 3px;
	width: auto;
	height: 100%;
	color: #369;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
}

/* nested menu item links */
ul.NorthSkyActions .sub a {
	padding: 3px 6px 3px 3px;
	width: auto;
	background-color: #eee;
	opacity: 0.99;
	filter: alpha(opacity=99); /* */
}

/* hovered menu item links */
ul.NorthSkyActions li a:hover,
ul.NorthSkyActions .sub a:hover {
	background-color: #369;
	color: #fff;
}

ul.NorthSkyActions li li {
	width: 100%;
	white-space: normal;
}
 
ul.NorthSkyActions li:hover ul ul, 
ul.NorthSkyActions li:hover ul ul ul, 
ul.NorthSkyActions li:hover ul ul ul ul, 
ul.NorthSkyActions li.hover ul ul, 
ul.NorthSkyActions li.hover ul ul ul,
ul.NorthSkyActions li.hover ul ul ul ul {
	left: -999em;
	visibility: hidden;
}

ul.NorthSkyActions li:hover ul, 
ul.NorthSkyActions li.hover ul {
	left: 0;
	visibility: visible;
	_display: block;
	width: auto; 
	_width: 100%;
}

ul.NorthSkyActions li li:hover ul, 
ul.NorthSkyActions li li li:hover ul, 
ul.NorthSkyActions li li li li:hover ul, 
ul.NorthSkyActions li li.hover ul, 
ul.NorthSkyActions li li li.hover ul, 
ul.NorthSkyActions li li li li.hover ul {
	left: 100%;
	visibility: visible;
	_display: block;
	width: auto; 
	_width: 100%;
}

ul.NorthSkyActions .separator,
ul.NorthSkyActions .sub .separator {
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	width: auto;
	height: 1px;
	overflow: hidden;
	background-color: #999;
}

ul.NorthSkyActions .separator:hover,
ul.NorthSkyActions .sub .separator:hover {
	background-color: #eee;
	color: #369;
}


/* DNN styles */


.ControlPanel, .PagingTable
{
    width: 100%;
    background-color: #FFFFFF;
    border-right: #003366 1px solid;
    border-top: #003366 1px solid;
    border-left: #003366 1px solid;
    border-bottom: #003366 1px solid;
}

.SkinObject
{
    font-weight: bold;
    font-size: 8.5pt;
    color: #003366;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SkinObject:link
{
    text-decoration: none;
    color: #003366;
}

A.SkinObject:visited
{
    text-decoration: none;
    color: #003366;
}

A.SkinObject:hover
{
    text-decoration: none;
    color: #003366;
}

A.SkinObject:active
{
    text-decoration: none;
    color: #003366;
}

/* styles for LANGUAGE skinobject */
.Language
{
    vertical-align: middle;
    margin: 0px;
}

.Language img
{
    border: none;
}


/* style for module titles */
.Head
{
color:#0666b2;
font-weight:bold;
font-size:14px;
margin:0;
}

/* style of item titles on edit and admin pages */
.SubHead
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}

.SearchResultsContent {
margin:0 22px;
padding:10px 0;
}

.SearchResultsContent #dnn_ctr503_SearchResults_lblMessage {
padding-bottom:8px;
display:block;
}

.SearchResultsContent td {
vertical-align:top;
padding-left:0;
padding-right:5px;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
    font-family: Tahoma, Arial, Helvetica;
    font-weight: normal;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    font-family: Tahoma, Arial, Helvetica;

    font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

/* style to apply if the content should be hidden */
.Hidden
{
    display: none;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
    background-color: White;
    color: Red;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_Container
{
    background-color: Transparent;
}
.DataGrid_Footer
{
    background-color: White;
}
.DataGrid_Header
{
    background-color: Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.DataGrid_Item
{
    background-color: Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.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:hover, A.TreeMenu_NodeSelected:hover
{
    text-decoration: none;
    color: #ff0000;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active
{
    text-decoration: none;
    color: #003366;
}

/* styles used in the FileManager */
.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: #696969 1px solid;
    background-color: White;
    margin: 2px 2px 2px 2px;
}

.FileManager_FileList
{
    height: 100%;
    border: #696969 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: #696969 1px solid;
    height: 25px;
}

.FileManager_Pager
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    background-color: #EEEEEE;
    border-top: #696969 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:hover, A.FileManagerTreeNodeSelected:hover
{
    text-decoration: none;
    color: #ff0000;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active
{
    text-decoration: none;
    color: #003366;
}

/* styles used in the Wizard Framework */
.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: #696969 1px solid;
    padding-right: 2px;
    border-top: #696969 1px solid;
    padding-left: 2px;
    padding-bottom: 2px;
    border-left: #696969 1px solid;
    padding-top: 2px;
    border-bottom: #696969 1px solid;
    background-color: #dcdcdc;
}
.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;
}


/* text style used for help text rendered by modules */
.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;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
    text-decoration: underline;
    color: #003366;
}

A.CommandButton:visited
{
    text-decoration: underline;
    color: #003366;
}

A.CommandButton:hover
{
    text-decoration: underline;
    color: #ff0000;
}

A.CommandButton:active
{
    text-decoration: underline;
    color: #003366;
}

/* button style for standard HTML buttons */
.StandardButton
{
    padding-right: 5px;
    padding-left: 5px;
    font-weight: normal;
    font-size: 11px;
    background: #dddddd;
    color: #000000;
    font-family: Verdana, sans-serif;
}


/* GENERIC */
H5, DT
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}

H6
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}

TFOOT, THEAD
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    color: #003366;
}

TH
{
    vertical-align: baseline;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
}

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;
}
OL UL LI
{
    list-style-type: disc;
}

HR
{
    color: #696969;
    height: 1pt;
    text-align: left;
}

/* Module Title Menu */
.ModuleTitle_MenuContainer
{
    border-bottom: blue 0px solid;
    border-left: blue 0px solid;
    border-top: blue 0px solid;
    border-right: blue 0px solid;
}

.ModuleTitle_MenuBar
{
    cursor: pointer;
    height: 16px;
    background-color: Transparent;
}

.ModuleTitle_MenuItem
{
    cursor: pointer;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
    border-right: white 0px solid;
    background-color: Transparent;
}

.ModuleTitle_MenuIcon
{
    cursor: pointer;
    background-color: #EEEEEE;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    border-top: #EEEEEE 1px solid;
    text-align: center;
    width: 15px;
    height: 21px;
}

.ModuleTitle_SubMenu
{
    z-index: 1000;
    cursor: pointer;
    background-color: #FFFFFF;
    border-bottom: #FFFFFF 0px solid;
    border-left: #FFFFFF 0px solid;
    border-top: #FFFFFF 0px solid;
    border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak
{
    border-bottom: #EEEEEE 1px solid;
    border-left: #EEEEEE 0px solid;
    border-top: #EEEEEE 1px solid;
    border-right: #EEEEEE 0px solid;
    background-color: #EEEEEE;
    height: 1px;
}

.ModuleTitle_MenuItemSel
{
    cursor: pointer;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
}

/* Main Menu */
.MainMenu_MenuContainer
{
    background-color: transparent;
}
.MainMenu_MenuBar
{
    cursor: pointer;
    height: 16px;
    background-color: Transparent;
}
.MainMenu_MenuItem
{
    cursor: pointer;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
    border-right: white 0px solid;
    background-color: Transparent;
}
.MainMenu_MenuIcon
{
    cursor: pointer;
    background-color: #EEEEEE;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    border-top: #EEEEEE 1px solid;
    text-align: center;
    width: 15px;
    height: 21px;
}
.MainMenu_SubMenu
{
    z-index: 1000;
    cursor: pointer;
    background-color: #FFFFFF;
    border-bottom: #FFFFFF 0px solid;
    border-left: #FFFFFF 0px solid;
    border-top: #FFFFFF 0px solid;
    border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuBreak
{
    border-bottom: #EEEEEE 1px solid;
    border-left: #EEEEEE 0px solid;
    border-top: #EEEEEE 1px solid;
    border-right: #EEEEEE 0px solid;
    background-color: #EEEEEE;
    height: 1px;
}
.MainMenu_MenuItemSel
{
    cursor: pointer;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: #C1D2EE;
}
.MainMenu_MenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-top: #FFFFFF 0px solid;
}
.MainMenu_RootMenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg
{
    background-color: #CCCCCC;
}

.TabBg
{
    background-color: black;
}

.SelectedTab
{
    font-weight: bold;
    font-size: 8.5pt;
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SelectedTab:link
{
    text-decoration: none;
    color: white;
}

A.SelectedTab:visited
{
    text-decoration: none;
    color: #eeeeee;
}

A.SelectedTab:hover
{
    text-decoration: none;
    color: #cccccc;
}

A.SelectedTab:active
{
    text-decoration: none;
    color: #eeeeee;
}

.OtherTabs
{
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.OtherTabs:link
{
    text-decoration: none;
    color: white;
}

A.OtherTabs:visited
{
    text-decoration: none;
    color: #eeeeee;
}

A.OtherTabs:hover
{
    text-decoration: none;
    color: #cccccc;
}

A.OtherTabs:active
{
    text-decoration: none;
    color: #eeeeee;
}

.PagingTable
{
    height: 33px;
}

/*
.LabelEditOverClass
{	
	cursor: pointer;
	text-decoration: underline overline;
}
*/

.LabelEditTextClass
{
    border: solid 1px red;
    background-color: Transparent;
}

.LabelEditWorkClass
{
    /*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
    border: solid 0px red;
    background-color: Transparent;
}

/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu
{
    border: solid 1px black;
    white-space: nowrap;
    background: white;
}
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver
{
    background-color: navy;
    color: White;
}


/*Edit In Place Tool Bar Classes*/
.eipbackimg
{
    border: outset 1px; /*give toolbar a 3D look*/
    position: absolute; /*needed so it doesn't take up space */
    margin-top: -22px; /*specify toolbar to be just above text */
    white-space: nowrap; /* makes toolbar horizontal */
    background: url(../../images/eip_toolbar.gif);
    background-color: #99cccc;
    background-repeat: repeat-x;
    height: 22px;
}

.eipbuttonbackimg
{
    width: 21px;
    height: 21px;
    cursor: pointer; /*change mouse to pointer when hover over button*/
    float: left;
}

.eipbutton_edit
{
    background: url(../../images/eip_edit.gif) no-repeat 100% center;
    float: left;
}
.eipbutton_save
{
    background: url(../../images/eip_save.gif) no-repeat 100% center;
    float: left;
}
.eipborderhover
{
    border: outset 1px;
}

/* used to collapse panes without any content in them */
.DNNEmptyPane
{
    width: 0px;
}

/* used to set the different module align options - from module settings */
.DNNAlignleft
{
    text-align: left;
}
.DNNAlignright
{
    text-align: right;
}
.DNNAligncenter
{
    text-align: center;
}

/* Login Styles */
.LoginPanel
{
}

.LoginTabGroup
{
}

.LoginTab
{
    float: left;
    background: url( "../../images/tablogin_gray.gif" ) left top;
    margin: 0 3px 3px 0;
    padding: 5px 5px 4px 5px;
    text-decoration: none;
    color: #FFF;
    border: 1px #25569a solid;
}

.LoginTabSelected
{
    float: left;
    background: url( "../../images/tablogin_gray.gif" ) left top;
    margin: 0 3px 3px 0;
    padding: 5px 5px 4px 5px;
    text-decoration: none;
    color: #FFF;
    background-position: 0% -41px;
    border: 1px #25569a solid;
}

.LoginTabHover
{
    float: left;
    background: url( "../../images/tablogin_gray.gif" ) left top;
    margin: 0 3px 3px 0;
    padding: 5px 5px 4px 5px;
    text-decoration: none;
    color: #555;
    border: 1px #C00 solid;
    cursor: pointer;
}

.LoginContainerGroup
{
    clear: both;
    padding-top: 5px;
}

.LoginContainer
{
}

/* Search SkinObject Styles */

div.SearchContainer
{
    position: relative;
    white-space: nowrap;
}

div.SearchBorder
{
    width: 200px;
    height: 20px;
    border: solid 1px #e0e0e0;
    position: relative;
    background-color: White;
    white-space: nowrap;
    float: left;
    margin-top: 2px;
}

input.SearchTextBox
{
    float: left;
    z-index: 10;
    border: 0px;
    width: 169px;
    height: 18px;
}

div.SearchContainer a
{
    padding: 0px 5px;
    position: relative;
    display: inline-block;
    display: -moz-inline-box;
}

div.SearchIcon
{
    float: left;
    width: 31px;
    height: 20px;
    cursor: pointer;
    z-index: 11;
    background: no-repeat 2px 2px;
    text-align: right;
}

div.SearchIcon img
{
    margin-top: 3px;
}

#SearchChoices
{
    width: 160px;
    clear: both;
    display: none;
    border: solid 1px #777;
    z-index: 2000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #eee;
    position: absolute;
    top: 21px;
    left: 0px;
}

#SearchChoices li
{
    cursor: pointer;
    margin: 2px;
    padding: 2px;
    padding-left: 25px;
    height: 20px;
    text-align: left;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 5px center;
    list-style: none;
    list-style-image: none;
    border: solid 1px #eee;
    display: block;
}

#SearchChoices li.searchHilite
{
    background-color: #ddf;
    border: solid 1px #aaf;
}

#SearchChoices li.searchDefault
{
    background-color: #eee;
    border: solid 1px #eee;
}

/* Event Viewer Styles */
.Exception
{
    color: #ffffff;
    background-color: #ff1414;
}
.ItemCreated
{
    color: #ffffff;
    background-color: #009900;
}
.ItemUpdated
{
    color: #ffffff;
    background-color: #009999;
}
.ItemDeleted
{
    color: #000000;
    background-color: #14ffff;
}
.OperationSuccess
{
    color: #ffffff;
    background-color: #999900;
}
.OperationFailure
{
    color: #ffffff;
    background-color: #990000;
}
.GeneralAdminOperation
{
    color: #ffffff;
    background-color: #4d0099;
}
.AdminAlert
{
    color: #ffffff;
    background-color: #148aff;
}
.HostAlert
{
    color: #ffffff;
    background-color: #ff8a14;
}
.SecurityException
{
    color: #ffffff;
    background-color: #000000;
}
#floater
{
    padding-right: 0px;
    padding-left: 0px;
    background: #ffffff;
    visibility: hidden;
    padding-bottom: 0px;
    margin: 0px;
    width: 150px;
    color: #ffffff;
    padding-top: 0px;
    position: absolute;
    height: auto;
}
#tablist 
{
	width: 120px;
	margin: 0;
	padding-bottom: 10px;
	float:left;
}

.dashboardPanel 
{
	margin-left: 120px;
	padding: 0 10px 10px 10px;
	
}

.dashboardPanel table td
{
	padding: 2px 4px;
}

.dashboardPanel table th
{
	padding: 2px 4px;
	font-size: 1em;
	font-weight: bold;
	color: #036;
	border-bottom: 1px solid #9FB1BC;
}

.dashboardTableAlt 
{
	background-color: #eee;
}

.dashboardGrid
{
	margin: 10px;
}

.paneOutline
{
	border: 1px #CCCCCC dotted;
}
.containerAdminBorder
{
	border: 2px red solid;
}

.SearchResultsContent td {

}

/** custom admin styles **/

.recipeAdmin label {
display:block;
position:relative;
float:left;
text-align:right; 
padding-right:5px;
width:110px;
color:#72bf44;
font-weight:bold;
}
