﻿/* background color for the content part of the pages */
Body
{
	background-color: white;
	margin: 0px;
}

.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: Arial, Tahoma, 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
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	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: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
	font-family: Arial, Tahoma, 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: Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
	background-color: White;
	color: Red;
	font-family: Arial, Tahoma, 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: Arial, Tahoma, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.DataGrid_Item
{
	background-color: Transparent;
	color: Black;
	font-family: Arial, Tahoma, Helvetica;
	font-size: 10px;
	font-weight: normal;
}
.DataGrid_SelectedItem
{
	background-color: Silver;
	color: Blue;
	font-family: Arial, Tahoma, Helvetica;
	font-size: 10px;
	font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

.TreeMenu_NodeSelected
{
	font-family: Arial, Tahoma, 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: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #E7E7FF;
	background-color: #9EBFF6;
	border-bottom: #696969 1px solid;
	height: 25px;
}

.FileManager_Pager
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	background-color: #EEEEEE;
	border-top: #696969 1px solid;
	height: 25px;
}

.FileManager_StatusBar
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: normal;
	background-color: #dedfde;
	height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
	font-family: Arial, Tahoma, 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: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	background-color: #EEEEEE;
	border-style: none;
}
.FileManager_SelItem
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: White;
	background-color: #99ffff;
	border-style: none;
}

.FileManagerTreeNode
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

.FileManagerTreeNodeSelected
{
	font-family: Arial, Tahoma, 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: Arial, Tahoma, Helvetica;
	background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Arial, Tahoma, 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 */
H1
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H2
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H3
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

H4
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

H5, DT
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

H6
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

TFOOT, THEAD
{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	color: #003366;
}

TH
{
	vertical-align: baseline;
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}

A:link
{
	text-decoration: none;
	color: #003366;
}

A:visited
{
	text-decoration: none;
	color: #003366;
}

A:hover
{
	text-decoration: underline;
	color: #ff0000;
}

A:active
{
	text-decoration: none;
	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: Arial, Tahoma, 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: Arial, Tahoma, 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: Arial, Tahoma, 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: Arial, Tahoma, 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: Arial, Tahoma, 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: Arial, Tahoma, 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/nav/eip_toolbar.gif);
	background-color: #99cccc;
	height: 22px;
}

.eipbuttonbackimg
{
	width: 21px;
	height: 21px;
	cursor: pointer; /*change mouse to pointer when hover over button*/
	display: -moz-inline-box; /* Gecko proprietary  (ORDER IS IMPORTANT HERE!)*/
	display: inline-block; /* supported by Opera and ? */
}

.eipbutton_edit
{
	background: url(images/nav/eip_edit.gif) no-repeat 100% center;
}
.eipbutton_save
{
	background: url(/images/nav/eip_save.gif) no-repeat 100% center;
}
.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/nav/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/nav/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/nav/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
{
	
}

@charset "utf-8";
/* CSS Document */

/* 
================================
DNN Action Divs
================================
*/  
#dnnActions, #dnn-module-bar {
	float: right;
	text-align: right;
	clear: both;
}
/* 


================================
No Title
================================
*/  
#no-title {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px
}
#no-title dnnActions {
	background-color:#f00;
}

#no-title ul, {
 list-style: none;
 margin: 0px;
 padding-top: 5px;
 padding-bottom: 5px;
}
#no-title ul li {
	background-image: url(images/nav/blue-square-icon.gif); /* Replace bullet.gif with your img */
	background-position: left 0.4em;
	background-repeat: no-repeat;
	padding-left: 16px; /* Add padding so text doesn't cover bullet img */
	margin-bottom: 0.5em;
	list-style: none;
}


/* 
================================
Page Heading and Intro
================================
*/
#container-heading-and-intro {
	float: left;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	width: 100%;
}
#container-heading-and-intro--heading-bar {
	float: left;
	MARGIN: -5px 0 0 0;
	padding: 0px 0px 20px 0px;
	width: 100%;
}
#container-heading-and-intro--heading-bar h1 {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	FONT-SIZE: 3.5em;
	font-weight: 500;
	COLOR: #04486f; /* #983223 */
	border-bottom: #d9d9d9 solid 1px;
	width: 100%;
}


#container-heading-and-intro--content {
	float: left;
	clear: both;
	width: 100%;
	padding: 0px;
	MARGIN: 0px;
}
#container-heading-and-intro--content h2 {
	FONT-WEIGHT: 400;
	FONT-SIZE:1.5em;
	COLOR: #9e9e9e;
	margin: -16px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 100%;
}

/* ie 6 hack */
* html #container-heading-and-intro--content h2
{
	display: inline;
	margin: 0px;
	padding-bottom: 16px;
	
}

 #container-heading-and-intro ul, {
 list-style: none;
 margin: 0px;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 0px
}
#container-heading-and-intro ul li {
	background-image: url(images/nav/blue-square-icon.gif); /* Replace bullet.gif with your img */
	background-position: left 0.4em;
	background-repeat: no-repeat;
	padding-left: 16px; /* Add padding so text doesn't cover bullet img */
	margin-bottom: 0.5em;
	list-style: none;
}
#container-heading-and-intro--content ul li {
	background-image: url(images/nav/blue-square-icon.gif); /* Replace bullet.gif with your img */
	background-position: left 0.4em;
	background-repeat: no-repeat;
	padding-left: 16px; /* Add padding so text doesn't cover bullet img */
	margin-bottom: 0.5em;
	list-style: none;
}
/* 
================================
Main Container 
================================
*/  
#container-main {
	float: left;
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#container-main--heading-bar {
	float: left;
	width: 100%;
	MARGIN: 0px 0px 10px 0px;
	padding: 5px 0px;
	/* BORDER-TOP: #d9d9d9 1px solid; */
	color: #333333;
	margin-top: 0px;
}
#container-main .title {
	FONT-SIZE: 1.3em;
	FONT-WEIGHT: bold;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: -0px;
	PADDING-TOP: 10px;
	MARGIN: 0px;
	COLOR: #3cb9e5;
}
#container-main--content {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 5px 0px;
	color: #333333;
}

#hide-module-search {
height: 500px;
background-color:#FFFFFF;
z-index: 1000;

}
/* 
================================
Homepage Banner Image
================================
*/
#comtainer-homepage-banner {
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px
}
#comtainer-homepage-banner img {
	float: left;
	border: none;
}
#comtainer-homepage-banner ul {
	width: 679px;
	height: 150px;
	margin: 12px 0px 12px 0px;
	padding: 0;
	display: block;
	list-style-type: none;
}
#comtainer-homepage-banner ul.ccd {
	
}
#comtainer-homepage-banner ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* 
================================
Homepage Logins
================================
*/
#container-homepage-logins {
	float: right;
	clear: none;
	margin: 0px;
	padding: 0px
}
#container-homepage-logins .title {
	color: #b61e11;
	font-size: 1.4em;
	margin-bottom: 18px;
}
#container-homepage-logins ul {
	width: 274px;
	padding: 0px;
	border: 0px;
	margin: 12px 0px 0px 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	MARGIN: 0px;
	list-style-type:none;
}
#container-homepage-logins UL LI {
	list-style-type:none;
	padding: 12px 0px 12px 0px;
	margin: 0px;
	border-bottom: #bdd9e5 solid 1px;
}

#container-homepage-logins UL LI a {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	DISPLAY: block;
	background: url(../../Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
	font-weight: bold;
}
#container-homepage-logins IMG {
	BORDER: 0;
	MARGIN: 12px 0px 0px 0px;
	PADDING: 0;
}
#container-homepage-logins p {
	BORDER: 0;
	MARGIN: 0px;
	PADDING: 0;
}
/* 
================================
Teaser Homepage
================================
*/
.teaser-homepage {
	position: relative;
	width: 322px;
	height: 200px;
	border-top: #3cb9e5 1px solid;
}
.teaser-homepage .title {
	z-index:1000;
	position: absolute;
	top: 22px;
	left: 0px;
	width: 300px;
	font-size: 1.1em;
	padding: 7px 0px px 0px;
	margin: 0;
}
.teaser-homepage .title span {
	color: #2c2c2c;
	font-size: 1.4em;
	font-weight: 400;
	padding: 0;
	margin: 0;
}
.teaser-homepage #contentPane {
	position: absolute;
	top: 0px;
	left: 0px;
}
.teaser-homepage p, .teaser-homepage ul {
	position: absolute;
	top: 60px;
	left: 140px;
	width: 180px;
	padding: 0;
	margin: 0;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	MARGIN: 0px;
	list-style-type:none;
}
.teaser-homepage p img {
	position: absolute;
	top: 0px;
	left: -140px;
	padding: 0px;
	/* border:#1bb7ea solid 1px; */
	float: left;
	margin-right: 10px;
}
.teaser-homepage ul li {
	list-style:none;
	PADDING-BOTTOM: 4px;
}
.teaser-homepage UL LI a, .teaser-homepage a {
	PADDING: 0px 0px 0px 20px;
	MARGIN: 0px;
	list-style: none;
	background: url(../../Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
}
/* 
================================
Teaser Solution
================================
*/


.teaser-solution {
	position: relative;
	width: 408px;
	height: 190px;
	border-top: #3cb9e5 1px solid;
}

* html .teaser-solution {
	width: 400px;
}
.teaser-solution .title {
	z-index:1000;
	position: absolute;
	top: 14px;
	left: 0px;
	font-size: 1.1em;
	padding: 7px 0px px 0px;
	margin: 0;
		width: 300px;
}
.teaser-solution .title span {
	color: #2c2c2c;
	font-size: 1.4em;
	font-weight: 400;
	padding: 0;
	margin: 0;
}
.teaser-solution #contentPane {
	position: absolute;
	top: 0px;
	left: 0px;
}
.teaser-solution p img {
	position: absolute;
	top: 0px;
	left: -150px;
	padding: 0px;
	float: left;
	margin-right: 10px;
	background: none;
}
.teaser-solution p, .teaser-solution ul {
	position: absolute;
	top: 50px;
	left: 150px;
	width: 253px;
	padding: 0;
	margin: 0;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	MARGIN: 0px;
	list-style-type:none;
	background: white;
}
.teaser-solution UL LI a, .teaser-solution a {
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 4px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	DISPLAY: block;
	list-style:none;
	background: url(Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
}
.teaser-solution a img {



}

/*
================================
Hub Page Header
================================
*/
#hub-page-top {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 828px;
}

/* ie 6 hack */
* html #hub-page-top
{
	width: 826px;
	
}
#hub-page-top img {
	float: left;
	clear: none;
	border: 0px;
	margin: 0px;
}
/* ie 6 hack */
* html #hub-page-top
{
	width: 826px;
}


#hub-page-top h1 {
	float: left;
	clear: both;
	margin: -6px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
	FONT-SIZE: 3.5em;
	font-weight: 500;
	COLOR: #04486f; /* #983223 */
	width: 100%;
}
#hub-page-top h2 {
	FONT-WEIGHT: 400;
	FONT-SIZE:1.5em;
	COLOR: #9e9e9e;
	margin: 0px 0px 10px 0px;
	padding: 6px 0px 10px 0px;
	width: 100%;
	clear: both;
}
#hub-page-top .panel {
	float: right;
	clear: none;
	width: 268px;
	background: #effafe;
	height: 260px;
	margin-bottom: 12px;
}
/* ie 6 hack */
* html #hub-page-top .panel
{
	width: 200px;
	margin: 0;
	padding: 0;
}
#hub-page-top .panel h3 {
	FONT-WEIGHT: 400;
	FONT-SIZE:1.8em;
	COLOR: #b61e11; /*#04486f;*/
	margin: 7px 20px 12px 20px;
	width: 100%;
}
#hub-page-top .panel p {
	margin: 7px 20px 8px 20px;
}
#hub-page-top .panel img {
	margin: 50px 36px;
}
#hub-page-top .panel ul {
	width: 253px;
	padding: 0;
	margin: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	MARGIN: 0px;
	list-style-type:none;
	background:none;
}
#hub-page-top .panel UL LI a {
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 6px;
	margin: 6px 20px 0px 20px;
	DISPLAY: block;
	list-style:none;
	font-weight:bold;
	background: url(Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
	border-bottom: 1px solid #38b7e4;
}
#hub-page-top .panel UL LI a.last, #hub-page-top .panel a.last {
	border-bottom: none;
}
/*
================================
Teaser Section Homepage
================================
*/
#teaser-section-homepage {
	float: left;
	clear: none;
	height: 170px;
	width: 268px;
	margin: 0px;
}
#teaser-section-homepage hr {
	color:  #33CCFF;
	margin-top: 0px;
	margin-bottom: 20px;
}
#teaser-section-homepage h2 {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 1.4em;
}
#teaser-section-homepage img {
	border: 0px;
	float: left;
	margin-right: 10px;
}
#teaser-section-homepage p {
	margin-top: 0px;
	margin-bottom: 20px;
}
#teaser-section-homepage #contentPane {
	background-color:#00FF00;
}
/*
================================
Teaser Section Homepage
================================
*/
#call-to-action {
	background-color:#f4dfd5;
	border: 1px solid #b61e11;
	MARGIN: 12px 0px 0px 0px;
	WIDTH: 150px;
	float: right;
	clear: none;
}
#call-to-action .title {
	BORDER-BOTTOM: #b61e11 1px solid;
	PADDING-TOP: 7px;
	PADDING-BOTTOM: 6px;
	PADDING-LEFT: 9px;
	PADDING-RIGHT: 0px;
	MARGIN: 0px;
	DISPLAY: block;
	BACKGROUND:  #b61e11;
	COLOR: #fff;
	FONT-SIZE: 1.1em;
	FONT-WEIGHT: bold;
}
#call-to-action .content {
	padding: 0px;
	margin: 0px;
	
}
#call-to-action .content p {
	padding: 10px 15px 10px 10px;
	margin: 0;
}
#call-to-action .content UL {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	PADDING-TOP: 0px;
	
}
#call-to-action .content UL LI {
	PADDING-BOTTOM: 4px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
	background-position: left 0.4em;
	background-repeat: no-repeat;
	padding-left: 10px; /* Add padding so text doesn't cover bullet img */
	margin-bottom: 0.5em;
}
#call-to-action .content UL LI A {
	PADDING-BOTTOM: 4px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-TOP: 0px;
	PADDING-LEFT: 20px;
	BACKGROUND: url(Skins/CFSLWebsite/images/arrowbullet_call2action.gif) no-repeat left top;
	
	}
	

.container-connection {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	border-bottom: #d9d9d9 solid 1px;
}
.container-connection-left {
	float: left;
}
.conatainer-connection-right {
	float: left;
	margin-left:20px;
}
.container-connection-right p a {
	PADDING: 0px 0px 0px 20px;
	MARGIN: 0px;
	background: url(Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
}
.content-table {
	width: 100%;
	border-color: #04486f;
	border-width: 0 0 1px 1px;
	border-style: solid;
}
.content-table th {
	background-color:#04486f;
	color: #fff;
	text-align:left;
	margin: 0px;
	padding: 5px;
}
.content-table td {
	text-align:left;
	vertical-align:top;
	border-color: #04486f;
	border-width: 1px 1px 0 0;
	border-style: solid;
	margin: 0px;
	background-color: #fff;
	padding: 5px;
}
.content-table td a {
	PADDING: 0px 0px 0px 20px;
	MARGIN: 0px;
	background: url(Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
}



#office-maps {
	width: 322px;
	height: 1000px;
	border-top: #d9d9d9 solid 1px;
	overflow:auto;
}

#office-maps #map {
	margin-top: 20px;
}
#office-maps .smallprint {
	font-size: 0.9em;
	text-align: center;

}

#office-maps .map-content {
	margin-top: 20px;
}
#office-maps h3 {
	colour: #333;
	font-size: 1.2em;
	margin-top:20px;
	margin-bottom:20px;


}
#office-maps a {
	PADDING: 0px 0px 0px 20px;
	MARGIN: 0px;
	background: url(Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
}


/* 
================================
Page Heading and Intro
================================
*/
#container-quickfind {
	float: left;
	margin: 20px 0 0 0;
	padding: 10px;
	width: 254px;
	background: url(Skins/CFSLWebsite/images/bgd_quickfind.jpg) repeat-x;
}
#container-quickfind--heading-bar {
	float: left;
	MARGIN: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	width: 254px;
}
#container-quickfind--heading-bar .title {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	FONT-SIZE: 1.4em;
	font-weight: 500;
	COLOR: #fff; /* #983223 */
	width: 254px;
}


#container-quickfind--content {
	float: left;
	clear: both;
	width: 100%;
	padding: 0px;
	MARGIN: 0px;
}
#container-quickfind--content  select {
	width: 234px;
}


#container-quickfind--content h2 {
	FONT-WEIGHT: 400;
	FONT-SIZE:1.5em;
	COLOR: #04486f;
	margin: -16px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 100%;
}

#container-theresearcher {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 350px;
}
 #container-theresearcher ul, {
 list-style: none;
 margin: 0px;
 padding-top: 5px;
 padding-bottom: 10px;
}
#container-theresearcher ul li {
	background-image: url(images/nav/blue-square-icon.gif); /* Replace bullet.gif with your img */
	background-position: left 0.4em;
	background-repeat: no-repeat;
	padding-left: 16px; /* Add padding so text doesn't cover bullet img */
	margin-bottom: 0.5em;
	list-style: none;
}

#container-theresearcher a.click {
	PADDING: 0px 0px 0px 20px;
	MARGIN: 0px;
	background: url(Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;

}



#twitter_div
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
}

ul#twitter_update_list
{
 list-style: none;
 margin: 0px;
 padding-top: 5px;
 padding-bottom: 5px;
 font-size: 2em;
}
ul#twitter_update_list li
{
	background-image: url(images/nav/blue-square-icon.gif); /* Replace bullet.gif with your img */
	background-position: left 0.4em;
	background-repeat: no-repeat;
	padding-left: 16px; /* Add padding so text doesn't cover bullet img */
	margin-bottom: 0.5em;
	font-size: 1em;
	
}
ul#twitter_update_list 
{
	font-size: 1em;
}

ul#twitter_update_list li a
{
	font-size: 1em;
}

 .download-links ul {
 list-style: none;
 margin: 0px;
padding: 0px;
}
.download-links ul li {
	background-position: left 0.4em;
	background-repeat: no-repeat;
	padding-left: 0px; /* Add padding so text doesn't cover bullet img */
	margin-bottom: 0.5em;
}

.download-links ul li a {
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 0px;
	margin: 6px 20px 0px 0px;
	DISPLAY: block;
	list-style:none;
	background: url(Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;

}


/*
====================================================
DNN Specific
====================================================
*/
.DNNAligncenter { 
	text-align:left; 
}

.DNNAlignleft { 
	text-align:left; 
	padding: 0px;
	margin: 0px;
}

.Normal {
	padding: 0px;
	margin: 0px;
	FONT-SIZE: 1.1em;
}

table.Normal {
 border: 0px;
 margin: 0px;
 padding : 0px;

}

table.Normal tr.SubHead {
display: none;
}

table.Normal td a {
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 4px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	DISPLAY: block;
	list-style:none;
	background: url(/images/subnav-icon.gif) no-repeat left top;
}


.MainMenu_MenuContainer {
	background-color: transparent; 
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}

.MainMenu_MenuItem {
	border-left: #0861AD 0px solid; 
	border-bottom: #0861AD 1px solid; 
	border-top: #0861AD 1px solid; 
	border-right: #0861AD 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #eeeeee; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Arial, Tahoma, Helvetica; 
}

.MainMenu_MenuIcon {
	background-color: #0861AD;
	border-left: #0861AD 1px solid; 
	border-bottom: #0861AD 1px solid; 
	border-top: #0861AD 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}

.MainMenu_SubMenu {
	background-color: #0861AD;
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}

.MainMenu_MenuBreak {
	height: 1px;
}

.MainMenu_MenuItemSel {
	background-color: #0861AD;
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Arial, Tahoma, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
}

.MainMenu_MenuArrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

.MainMenu_MenuBreak {
	height: 1px;
}

.MainMenu_MenuItemSel {
	background-color: #83b1d4;
	cursor: pointer; 
	cursor: hand; 
	color: #333333; 
	font-family: Arial, Tahoma, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
}

.MainMenu_MenuArrow {
	border-right: #cad5ea 0px solid; 
	border-bottom: #cad5ea 0px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: arial, verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}

.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px;
}

.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}

.Head {
   font-family: Arial, Tahoma, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}

/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}
