﻿html, body
{
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: Arial;
	font-size:8pt;
}

/*the first div */
#LogoArea
{
	width: 100%;
	height: 88px;
}

/*DNN Menu Div */

#MenuGradent
{
	height:25px;
	/*background-image:url(Images/MenuGradent.png);*/
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom:0px;
}

#LeftMenuArea
{
	float: left;
}

#ContentArea
{
	float: right; 
	margin-top:22px;
	text-align:left;
}

.Footer
{
	height: 15px;
	background-image: url(Images/FooterBGSlice.gif);
	background-repeat: repeat-x;
}

#Copyright
{
	margin-top: 15px;
	margin-left: 2px;
	text-align: left;
	float: left;
}

#TermsPrivacy
{
	float: right;
	margin-top: 15px;
	margin-right: 2px;
	text-align: right;
}

.FooterText
{
	color: #616264;
	font-size: 7pt;
}

A.FooterText:Link, A.FooterText:visited, A.FooterText:Active
{
	font-family: Arial;
	text-decoration: underline;
	color: #616264;
	font-size: 7pt;
	font-weight:normal;
}

A.FooterText:Hover
{
	color: black;
	font-weight:normal;
}


/*left nav styles */
#NavMenu
{
	width:299px;
	height:479px;
	border-right:solid 1px white;
	background-image:url(Images/LeftNavGradent.png);
	background-repeat:no-repeat;
	background-color:#005172;
	
}

#NavMenu ul
{
	margin: 0 0 10px 0;
	padding:53px 0 0 0;
	
}

#NavMenu li
{
	list-style-type:none;
	border-bottom:solid 1px white;
	font-size:13pt;
	font-family: Tahoma, Arial, Helvetica;
	text-align:left;
}

#NavMenu li a:Link, #NavMenu li a:Visited, #NavMenu li a:Active
{
	
	text-decoration: none;
	color: white;
	display: block;
	padding-bottom:7px;
	padding-top:32px;
	padding-left:20px;
	font-size:13pt;
	font-weight:bold;
	border:none;
}

#NavMenu li a:hover
{
	color: black;
	padding-bottom:7px;
	font-size:13pt;
	font-weight:bold;
}

.ContainerTitle
{
	font-size:12pt;
	font-weight:bold;
	color:#953328;
}

.AddressText
{
	padding-top:30px;
	padding-left:22px;
	color:White;
	font-size:8pt;
	text-align:left;
}

.RootMenuItem td
{
	cursor: pointer;
	font-size:10pt;
	color:#616264;
	font-weight:bold;
	padding-top:4px;
	border-bottom:solid 3px white;
}

.RootMenuSelectedItem td
{
	cursor: pointer;
	font-size:10pt;
	color:black;
	font-weight:bold;
	padding-top:4px;	
	border-bottom:solid 3px #953328;
}

/* Hover menu styles*/
A.MainMenuItem:Link, A.MainMenuItem:Visited, A.MainMenuItem:Active
{
	cursor: pointer;
	font-size:10pt;
	color:#616264;
	font-weight:bold;
	padding-top:4px;
	border-bottom:solid 3px white;
	text-decoration:none;
	white-space:nowrap;
	text-align:left;
}

A.MainMenuItem:Hover
{
	cursor: pointer;
	font-size:10pt;
	color:black;
	font-weight:bold;
	padding-top:4px;
	border-bottom:solid 3px #953328;
	text-decoration:none;
	white-space:nowrap;
	text-align:left;
}

.MainMenuContainer
{
	cursor: pointer;
	background-color:Transparent;
	width:1%;
}

.SubMenu /* Sub Menu Container */
{
	cursor: pointer;
	z-index:1000;
	border:solid 1px black;
	padding: 4px;
	background-color: #EFEFEF;
}

.SubMenuItem  /* this is the class that shows the default sub menu item */
{
	cursor: pointer;
	font-size:10pt;
	font-weight:bold;
	color:#616264;
	padding-top:4px;
	border-bottom :3px solid  #EFEFEF;
	text-align:left;
}

.SubMenuActive /* this is the class that shows what sub menu item that is active */
{
	cursor: pointer;
	font-size:10pt;
	font-weight:bold;
	color:Black;
	padding-top:4px;
	border-bottom :3px solid #953328;
}

.SubMenuHover /* this is the class that shows when you hover over a sub menu item */
{
	cursor: pointer;
	font-size:10pt;
	font-weight:bold;
	color:Black;
	padding-top:4px;
	border-bottom :3px solid #953328;
}

/* End Hover menu styles*/



/*Content Page Styles */
#HomePageTop
{
	background-image:url(Images/HomePageTop.png);
	width:598px;
	height:90px;
	vertical-align:middle;
	clear:both;
}

#HomePageMiddle
{
	background-image:url(Images/HomePageMiddle.png);
	width:598px;
	height:180px;
	clear:both;
}

#HomePageBottom
{
	background-image:url(Images/HomePageBottom.png);
	width:598px;
	height:187px;
	vertical-align:middle;
}

#HomePageContent
{
	width:598px;
}

td
{
	font-family: Arial;
	font-size: 8pt;
}

#HomePageContent ul
{
	padding:0px;
	margin-left:25px;
	margin-top:35px;
	padding-right:20px;
}

#HomePageContent li
{
	margin-left:0px;
	list-style-type:none;
	padding-top:0px;
	padding-bottom:10px;
	text-align:left;
}

#HomePageContent li a:Link, #HomePageContent li a:Active, #HomePageContent li a:Visited
{
	text-decoration: none;
	color: black;
	font-weight:bold;
	font-size:8pt;
	border-bottom :2px solid transparent;
	white-space:nowrap;
	text-align:left;
}

#HomePageContent li a:hover
{
	border-bottom :2px solid #983223; 
	color: #983223;
}

#HomePageContent li a.SelectedLink:Link, li a.SelectedLink:Active, #HomePageContent li a.SelectedLink:Visited
{
	border-bottom :2px solid #983223; 
	color: #983223;
}

#HomePageTop .HomePageText
{
	color:White;
	font-size:24pt;
	font-weight:bold;
	padding-left:40px;
	padding-top:25px;
}

#HomePageBottom .HomePageText
{
	color:White;
	font-size:12pt;
	padding-left:40px;
	padding-top:60px;
	width:400px;
}


/* 
   ***********************************************
	Custom service Thread styles 
   ***********************************************
*/

/* text style for the selected tab */
.SelectedTab
{
	font-weight: bold;
	font-size: 8.5pt;
	color: white;
	font-family: Arial;
	text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link
{
	text-decoration: none;
	color: white;
}

A.SelectedTab:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.SelectedTab:active
{
	text-decoration: none;
	color: #eeeeee;
}

A.SelectedTab:hover
{
	text-decoration: none;
	color: #cccccc;
}

/* text style for the unselected tabs */
.OtherTabs
{
	font-weight: bold;
	font-size: 8.5pt;
	color: white;
	font-family: Arial;
	text-decoration: none;
}

/* hyperlink style for the unselected tabs */
A.OtherTabs:link
{
	text-decoration: none;
	color: white;
}

A.OtherTabs:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.OtherTabs:active
{
	text-decoration: none;
	color: #eeeeee;
}

A.OtherTabs:hover
{
	text-decoration: none;
	color: #cccccc;
}

.HoverMenu
{
	background-color:#005373;
}

.DataGrid
{
	border: solid 1px black;
}

.DataGridHead
{
	background-color:#005373;
	text-align:center;
}

.DataGridHead td , .DataGridHead TH
{
	font-size: 10pt;
	font-weight:bold;
	color:White;
	vertical-align:top;
	text-align:center;
}

.DataGridHead a:hover, .DataGridHead a:active, .DataGridHead a:visited, .DataGridHead a:link
{
	font-size: 10pt;
	color: white;
}

.DataGridPlus
{
	color:Green;	
}

.DataGridMinus
{
	color:Red;	
}

.DataGridItem
{
	font-size: 8pt;
	font-family: Arial;
	vertical-align:top;
}

.DataGridItemAlt
{
	font-size: 8pt;
	font-family: Arial;
	background-color:#EFEFEF;
	vertical-align:top;
}

.DataGridItemBold
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	vertical-align:top;
}

.DataGridItemAltBold
{
	font-size: 8pt;
	font-family: Arial;
	background-color: #EFEFEF;
	font-weight: bold;
	vertical-align:top;
}

.DataGridFooter, .DataGridFooter td , .DataGridFooter TH
{
	font-family: Arial;
	font-weight: bold;
	background-color:#005373;
	font-size: 10pt;
	color: white;
	text-align:right;
}

.DataGridSubMenuLink
{
	display:block;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding-top:1px;
	padding-bottom:1px;
}

A.DataGridSubMenuLink:link, A.DataGridSubMenuLink:visited, A.DataGridSubMenuLink:active
{	
	text-decoration: none;
	color: #ffffff;
}

A.DataGridSubMenuLink:hover
{
	background-color: Silver;
	color: #000000;
}

.TabBody
{
	border-color: Black;
	border-style: solid;
	border-width: 1px;
}

.TabSelected
{
	background-color: #005373;
	border-bottom: #DDDDDD;
	border-bottom-style: groove;
	border-right: #DDDDDD;
	border-right-style: groove;
	vertical-align: top;
	width: 70px;
}

.TabInactive
{
	background-color: #A4A4A4;
	border-bottom: #DDDDDD;
	border-bottom-style: groove;
	border-right: #DDDDDD;
	border-right-style: groove;
	vertical-align: top;
	width: 70px;
}

A.TabLink, A.TabLink:visited
{
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

A.TabLink:hover
{
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: underline;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

ul.Tests
{
	float: left;
	margin: 0;
	padding: 4px;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
}

.Tests li
{
	list-style-type: none;
}

ul.TestLabels
{
	float: left;
	margin: 0;
	padding: 6px;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	text-align: right;
}

.TestLabels li
{
	padding-bottom: 3px;
	padding-top: 1px;
	list-style-type: none;
}

.TestTable
{
	font-family: Arial;
	font-size: 12px;
	float: left;
}

.TestResults
{
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	width: 90px;
}

.TestResultsReadOnly
{
	font-family: Arial;
	background-color: Silver;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	width: 90px;
}

.ErrorField
{
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	background-color: Red;
	text-align: right;
	width: 90px;
}

/*Modal Popup Styles*/
.BorderBox
{
	border:solid 1px black;
	padding:4px 4px 4px 4px;
}


.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:Black;
	padding:0px;
	text-align:left;
}


input.ModalButton
{
	cursor: pointer;
   font-size:11px;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#005373;
   padding:3px 10px 3px 10px;
   border-style:solid;
   border-color:#000000;
   border-width:1px;
}

.ModalHeader
{
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	background-color:#005373;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	height:20px;
	border-bottom:solid 1px black;
}

.Close
{
	float:right;
	border:solid 2px white;
	width:14px;
	height:14px;
	text-align:center;
	padding-left:1px;
	vertical-align:middle;
}

.Close a:link, .Close a:hover, .Close a:visited
{
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

/*Type ahead drop down styles */
.TextBoxWatermark
{
	font-style: italic;
	background-color: #F7F7F7;
	font-family: Arial;
	font-size: 8pt;
}

.autocomplete_completionListElement
{
	visibility: hidden;
	margin: 0px !important;
	background-color: white;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: 'default';
	overflow: auto;
	height: 200px;
	text-align: left;
	list-style-type: none;
	padding:0px;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding:0px; 
	margin:1%;
	list-style-type: none;
}
/* AutoComplete item */
.autocomplete_listItem
{
	background-color: window;
	color: windowtext;
	padding:0px; 
	margin:1%;
	list-style-type: none;
}


/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
	background-color: #ffffcc;
	color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
	background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
	background-color: #ffffcc;
	color: #ff0000;
}
.MaskedEditBlurNegative
{
	color: #ff0000;
}