﻿body {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	background: #719FDB;
	color: #373737;
	text-align: center; /* for IE */
	
}
/***** DNN Styles to override *****/
/* text style used for most text rendered by modules */
/* style for module titles */

.Head {
	font-size: 11px;
	font-weight: bold;
	color: #0B5BBD;
}
/* style of item titles on edit and admin pages */
.SubHead {
	font-weight: bold;
	color: #003366;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
	font-weight: bold;
	color: black;
}
/* text style used for most text rendered by modules */
.Normal, .NormalDisabled {
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
}
/* text style used for rendered text which should appear disabled */
.NormalDisabled {
	color: Silver;
}
/* text style used for rendered text which requires emphasis */
.NormalBold {
	font-weight: bold;
}
/* text style used for error messages */
.NormalRed {
	font-weight: bold;
	color: #ff0000;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
	font-weight: normal;
}
H1 {
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}
H2 {
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}
H3 {
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}
H4 {
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}
H5, DT {
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}
H6 {
	font-size: 11px;
	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;
}
/*login links styling */
.loginlinks {
	margin-left:20px;padding: 10px;
	float: left;
}
.searchbox {
	padding: 5px;
	float:right;
	margin-right:40px;
}
/* Search Padding - lines up text nicely */
.GoLink {
	padding-top: 4px;
}
a:link.LoginSkinItem, a:visited.LoginSkinItem {
	color: #fff;
	text-decoration: none;
}
a:hover.LoginSkinItem {
	color: #fff;
	padding: 0 0 0 5px;
	text-decoration: underline;
}
a:active.LoginSkinItem {
	color: #fff;
	text-decoration: none;
}
/* content panes admin text */
#dnn_RightPane .SubHead, #dnn_LeftPane .SubHead {
	color: #fff;
}
.controlpanel {
	width: 100%;
	background-color: #F8F6FB;
}
/* admin links */
a.CommandButton:link, a.CommandButton:visited {
	color: #682;
	text-decoration: underline;
}
a.CommandButton:hover {
	color: #9A6;
}
a.CommandButton:active {
	color: #682;
}
/* when using dark backgrounds with FCK editor */
.FCKLinkGalleryContainer, .FCKImageGalleryContainer {
	background-color: #fff;
}
/* re-positions the dropdown admin list in the left pane, otherwise you can not click on the Go button
note: this moves any tables 10px to the left, so you can not
place tables in the left pane */
/*#dnn_LeftPane table {
	position: relative;
	left: -15px;
}
/******* end DNN styles override *********/
.HeadBg {
}
.Green {
	color: #339933;
}
.Red {
	color: #FF0000;
}
.DropDownList {
	font-size: 11px;
	height: 20px;
}
.TextBoxAlignRight {
	text-align: right;
	font-size: 11px;
}
.watermarked{
background-color:#F0F8FF;
	color:gray;
}
.Button {
	font-size: 11px;
}
.Panel {
	margin: 2px 2px 10px 2px;
	background-color: #F3F3F3;
	float:left;
}
.ModuleHeader {
	font-family: tahoma, arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #0B5BC5;
	line-height: 30px;
	
}

.Grid {
	margin: 2px 2px 2px 2px;
	border: thin groove #CCCCCC;
	border-spacing: 0px;
}
.Grid tr.GridHeader {
	background-color: #CCCCCC;
	color: #0B5BBD;
}
.Grid tr.GridItem {
	background-color: white;
}
.Grid tr.GridAltItem {
	background-color: #dddddd;
}
.Grid tr.GridItem:hover, .Grid tr.GridAltItem:hover 
{
	background-color: #719FDB;
	color: black;
}
.Grid td
{
	border-style: none solid none none;
	border-width: 0px 0px 0px 0px;
	border-color: #CCCCCC;
	padding: 1px 2px 1px 2px;
	font-size: 10.5px;
}
.Grid th {
	color: #0B5BBD;
	font-size: 11px;
	border-style: none solid none none;
	border-width: 0px 0px 0px 0px;
	border-color: #CCCCCC;
	padding: 1px 2px 1px 2px;
	text-align:center;
}

.GridCenterColumn
{
	border-style: none;
	border-width: inherit;
	border-color: inherit;
	background-color: #FFFFFF;
	color: #0B5BBD;
}
table{
	text-align:left;
}
table.bs {
	margin: 2px;
	margin-top:5px;
	border: thin groove #CCCCCC;
	border-spacing: 0px;
	border-collapse: separate;
}
table.bs th {
	border-width: medium;
	padding: 2px;
	border-style: none;
	border-color: gray;
	background-color: #C8C8C8;
}
table.bs td {
	border-width: 0px;
	padding: 2px;
	border-style: none;
	border-color: gray;
	background-color: #E5E5E5;
}
table.popup {
	border: medium solid #0B5BBD;
	padding: 0px 5px 5px 5px;
	border-spacing: 0px;
	border-collapse: separate;
	background: white;
	}
table.popup th {
	border-width: medium;
	padding: 2px;
	border-style: none;
	border-color: gray;
	background-image: url('img/top_title.PNG');
	background-repeat: repeat-x;
	}
table.popup td {
	padding: 2px;}

.modalPopup {
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}
.modalBackground
{
	background-color: #C0C0C0;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;

}

/* content panes admin text */
#dnn_RightPane .SubHead, #dnn_LeftPane .SubHead {
	color: #fff;
}
/* structure */
#TopContainer {
	border-style: none;
	width: 1000px;
	margin: 10px auto 0 auto;
	background-color: transparent;
	text-align: left; /* counter the body center */;
	border-color: fuchsia;
	overflow: hidden; /* solves divs floating outside container issue*/;
	display: inline-block;/* Force hasLayout in IE */
}

#container {
	
	border-style:none;
	width: 1000px;
	background-color: white;
	text-align: left; /* counter the body center */;
	border-color: fuchsia;
	overflow:hidden; /* solves divs floating outside container issue*/;
display:inline-block;/* Force hasLayout in IE */
}
.logoheader {
	background: #719FDB;
	width: 1000px;
	background: url(img/Top1.png);
	height: 170px;
}
#NavDiv {
	width: 1000px;
	height: 24px;
	background-color: white;
	color: #eee;
	font-weight: bold;
	text-align: right;
	clear: both;
}
.main {
	border-left: 1px #C0C0C0 solid;
	border-right: 1px #C0C0C0 solid;
	float: left;
	width: 668px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	background-color: white;
	overflow:hidden; /* should solve divs floating outside container issue*/;

}
.main_wide {
	border-left: 1px #C0C0C0 solid;
	clear:right;
	width: 829px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	background-color: white;
	overflow:hidden; /* solves divs floating outside container issue*/;
}
.main_wide_admin {
	border-left: 1px #C0C0C0 solid;
	float: left;
	width: 990px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	background-color: white;
}

.main_right {
	float: right;
	width: 150px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	background-color: white;
	overflow:hidden; /* solves divs floating outside container issue*/;
display:inline;

}
.main_right_edit_mode{
	background-color: white;
	float: right;
	width: 250px; /*makes sure the go button is visible in edit mode */
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
}

.left_panel{
	background-color: white;
	clear: left; /* LS - added to keep menu in correct position when there is no content in the right pane */;
	float: left;
	width: 150px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
}
.left_panel_edit_mode{
	background-color: white;
	clear: left; /* LS - added to keep menu in correct position when there is no content in the right pane */;
	float: left;
	width: 250px; /*makes sure the go button is visible in edit mode */
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
}

#BottomPane {
	width: 100%;
	background-color: transparent;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	clear:both;
	overflow:hidden; /* solves divs floating outside container issue*/;
}
#FooterContainer {
	background-image: url(img/Bottom.png);
	border-style: none;
	width: 1000px;
	margin: 0 auto 10px auto;
	background-color: transparent;
	font-size: 10px;
	border-color: fuchsia;
	height: 32px;
	text-align:center;
	clear:both;
}

/* misc */
.clearer {
	clear: both;
	
}
.main_right .padded {
	padding: 5px 5px;
}
.main .padded, .mainadmin .padded {
	padding: 5px 5px;
}
.meta {
	font-size: 0.8em;
	color: #666;
}
.left {
	float: left;
}
.right {
	float: right;
}
table.ActivityTable {
	margin: 0;
	border: solid 1px #999;
	padding: 0;
	width: 96%;
}
table.ActivityTable th {
	margin: 0;
	padding: 2px;
	vertical-align: bottom;
	font-weight: bold;
	border-bottom: solid 2px #000;
	color: #fff;
	background-color: #666666;
	text-align: center;
}
table.ActivityTable td {
	margin: 0;
	padding: 2px;
	vertical-align: top;
}
/* ==============================
    CSS STYLES FOR Avastone Menu
   ==============================
*/
/***********************************************************
 Structural CSS for the structure and behavior of the menu 
                   USE EXTREME CAUTION!
   Modifying the CSS here will most likely break the menu!
************************************************************/
/* root-level menu list (UL) */
ul.AvastoneCssMenu {
	position: relative;
	margin: 0;
	border: 0;
	padding: 0;
	display: block;
	white-space: nowrap;
	list-style: none;
	z-index: 100;
}
/* submenu lists (ULs) */
ul.AvastoneCssMenu ul {
	position: absolute;
	z-index: 5000;
	margin: 0;
	border: 0;
	padding: 0;
	display: block;
	_display: none;
	white-space: nowrap;
	list-style: none;
	visibility: hidden;
}
/* menu items */
ul.AvastoneCssMenu li {
	position: relative;
	list-style: none;
	float: left; /* display: inline;  */;
	width: auto;
	_width: 1%;
	_height: 1%;
	margin: 0;
	border: 0;
	padding: 0;
}
ul.AvastoneCssMenu li li {
	width: 100%;
	white-space: normal;
}
/* menu item links */
ul.AvastoneCssMenu a, ul.AvastoneCssMenu span {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
}
/* Add more rules here if your menus have more than four (4) tiers */
ul.AvastoneCssMenu li:hover ul ul, ul.AvastoneCssMenu li:hover ul ul ul, ul.AvastoneCssMenu li:hover ul ul ul ul, ul.AvastoneCssMenu li.iehover ul ul, ul.AvastoneCssMenu li.iehover ul ul ul, ul.AvastoneCssMenu li.iehover ul ul ul ul {
	left: -9999px;
	visibility: hidden;
	_display: none;
}
/* Add more rules here if your menus have more than four (4) tiers */
ul.AvastoneCssMenu li:hover ul, ul.AvastoneCssMenu li li:hover ul, ul.AvastoneCssMenu li li li:hover ul, ul.AvastoneCssMenu li li li li:hover ul, ul.AvastoneCssMenu li.iehover ul, ul.AvastoneCssMenu li li.iehover ul, ul.AvastoneCssMenu li li li.iehover ul, ul.AvastoneCssMenu li li li li.iehover ul {
	left: auto;
	visibility: visible;
	_display: block;
}
.ArrowPointer {
	cursor: default;
}
/******************************************************
 Presentation CSS for customizing the look of the menu
*******************************************************/
/* root-level menu */
ul#MainMenu {
	text-align: left;
}
/* nested menu lists/submenus */
/* Typically set borders, background colors here. */
ul#MainMenu ul {
	background-color: #DDDDDD;
	color: #fff;
}
/* menu items */
/* Typically set menu item borders here. */
ul#MainMenu li {
}
/* nested menu items */
ul#MainMenu li li {
}
/* menu item links */
/* Typically set padding, colors, text attributes here. */
ul#MainMenu a, ul#MainMenu span {
	padding: 5px;
	height: 100%;
	color: #0B5BBD;
	font-size: 11px;
	line-height: 13px;
	background-color: Transparent;
}
/* nested menu item links */
ul#MainMenu ul a, ul#MainMenu ul span {
}
/* hovered menu item links */
ul#MainMenu li a:hover, li.sfhover ul  {
	background-color: white;
	cursor: hand;
	color: #467599;
}
/* hovered nested menu item links */
ul#MainMenu li li a:hover {
	background-color: white;
}
/* Applied to the submenu list immediately under the menu item hovered over */
/* Second-level menu lists only */
ul#MainMenu li:hover ul, ul#MainMenu li.iehover ul {
	width: 160px; /* width of submenu, must be set so third-level list can get shifted over properly */
}
/* Applied to the submenu list immediately under the menu item hovered over */
/* Add more rules here if your menus have more than three (4) tiers */
ul#MainMenu li li:hover ul, ul#MainMenu li li li:hover ul, ul#MainMenu li li li li:hover ul, ul#MainMenu li li.iehover ul, ul#MainMenu li li li.iehover ul, ul#MainMenu li li li li.iehover ul {
	left: 160px;
	top: 0;
}
ul#MainMenu a.MenuRootBranch {
}
ul#MainMenu a.MenuItemBranch {
}
ul#MainMenu li a.MenuItemCurrent {
	background-color: #999;
}
ul#MainMenu a.MenuItemBreadcrumb {
}
ul#MainMenu li.rootSeparator {
}
ul#MainMenu li.subSeparator {
}
ul#MainMenu li.leftCap {
}
ul#MainMenu li.rightCap {
}
