﻿html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

A.banner:link 
{
	font-weight:bold;
	color:White;
	text-decoration: none;
}

A.banner:visited {
	font-weight:bold;
	color: White;
	text-decoration: none;
}

A.banner:active {
	font-weight:bold;
	color: #007771;
	text-decoration: none;
}

A.banner:hover {
	font-weight:bold;
	color: #007771;
	text-decoration: none;
}

A.banner2:link 
{
	font-weight:bold;
	color:White;
	text-decoration: none;
}

A.banner2:visited {
	font-weight:bold;
	color: White;
	text-decoration: none;
}

A.banner2:active {
	font-weight:bold;
	color: #D1EFD3;
	text-decoration: none;
}

A.banner2:hover {
	font-weight:bold;
	color: #D1EFD3;
	text-decoration: none;
}

A.banner:hover {
	font-weight:bold;
	color: #007771;
	text-decoration: none;
}

A.banner2:link 
{
	font-weight:bold;
	color:White;
	text-decoration: none;
}

A.banner2:visited {
	font-weight:bold;
	color: White;
	text-decoration: none;
}

A.banner2:active {
	font-weight:bold;
	color: #D1EFD3;
	text-decoration: none;
}

A.banner2:hover {
	font-weight:bold;
	color: #D1EFD3;
	text-decoration: none;
}


body
{
	font-family: Palatino Linotype;
    color:#007771;
	font-size: 16px;
	background-color: Gray;
	/* background-image:url("/Images/backgroundbar.jpg"); 
	background-repeat:repeat-x;
    background-position:top; */
}

.TitleBar
{
    z-index:2;
	position: absolute;
	top:30px;
	left:30px;
	right:30px;
	/* height: 60px; 
	width:100%; */
}

.LogoSection
{
    background-image:url("/Images/sleeping-tiger-2337.jpg");
    width:205px;
    height:154px;
	 /*
	 z-index:3;
	 position: absolute;
	 top:0px;
	 left:0px;
	 height: 60px;
	 width:500px; 
     */
}

.GuideSection
{
	position: absolute;
	right:60px;
	top:0px;
	width:120px;
	height: 60px;
	text-align:right;

}

.UserInfoSection
{
	position: absolute;
	left:205px;
	top:2px;
	width:173px;
	height: 60px;
	text-align: right;
	color:White;
	z-index:3;
}

.HelpSection
{
	position: absolute;
	right:0px;
	top:0px;
	width:60px;
	height: 30px;
	text-align:right;
	z-index:3;
}

.HelpSection a
{
    color:White;
}



.NavBar
{
	/*
	position:absolute;
	left:0px;
	top:60px;
	width:480px;
	max-width:500px;
	margin-left:20px;
	margin-top:5px;
    	*/
}

.BreadCrumbsBar
{
	position:absolute;
	top:90px;
	left:0px;
	height: 30px;
	width:100%;
}

.ContentBar
{
	position: absolute;
    /* width:860px; */
	top: 184px;
    left:30px;
    right:30px;
	padding:10px;
	padding-top:15px;
     background-color:White;
     min-height:100px;
     background-image:url("/Images/bkgd_10x40_2.jpg");
     background-position:bottom;
     background-repeat:repeat-x;
}

.topbanner
{
	position: absolute;
	/* top:59px; */
	left:205px;
	right:0px;
	height: 119px;
	text-align: center;
	vertical-align:middle;
    /* background-color:#007771; */
    background-image:url('/Images/bkgd_10x400.jpg');
    color:#D0D0D0;
    top: 0px;
    font-family:Chiller;
}

.bottombanner
{
    z-index:2;
	position: absolute;
	top:119px;
	left:205px;
	right:0px;
	height: 35px;
	text-align: left;
	vertical-align:middle;
    background-color:#D0D0D0;
}

.HowItWorks
{
	background-image:url("/Images/blueoutlinebox.jpg");
	width:216px;
	height:690px;
	font-size:10pt;
}

.CollapsiblePanelWithBorder
{
	border: solid 1px black;
	padding: 10px;
}

.StatusLabel
{
	background-color: #eff1cb;
	border: dashed 1px #bcbea0;
	color: #000;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
}

.UpdateProgressStyle
{
	background-color: #eff1cb;
	border: dashed 1px #bcbea0;
	color: #000;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	bottom: 0%;
	left: 0px;
	position: fixed;
}

/**** Login Style BEGIN ****/
.login
{
	background-color: #fff;
	border: solid 1px #807468;
}

.login_textbox
{
	width: 150px;
	font-family: Arial;
	font-size: 12px;
}

.login_label
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.login_button
{
	font-family: Arial;
	font-size: 12px;
	width: 60px;
}

.login_titletext
{
	font-family: Arial;
	font-size: 13px;
	font-weight: 600;
	background-color: #B3F8FF;
	border: none;
}
/**** Login Style END ****/

/**** PasswordRecovery Style BEGIN ****/
.passwordrecovery
{
	background-color: #fff;
	border: solid 1px #807468;
}

.passwordrecovery_textbox
{
	width: 150px;
	font-family: Arial;
	font-size: 12px;
}

.passwordrecovery_text
{
	font-family: Arial;
	font-size: 12px;
}

.passwordrecovery_button
{
	font-family: Arial;
	font-size: 12px;
	width: 60px;
}

.passwordrecovery_titletext
{
	font-family: Arial;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	background-color: #948779;
	border: solid 1px #807468;
}
/**** PasswordRecovery Style END ****/

/**** ChangePassword Style BEGIN ****/
.changepassword
{
	background-color: #fff;
	border: solid 1px #807468;
}

.changepassword_textbox
{
	width: 150px;
	font-family: Arial;
	font-size: 12px;
}

.changepassword_text
{
	font-family: Arial;
	font-size: 12px;
}

.changepassword_changebutton
{
	font-family: Arial;
	font-size: 12px;
	width: 120px;
}

.changepassword_cancelbutton
{
	font-family: Arial;
	font-size: 12px;
	width: 60px;
}

.changepassword_titletext
{
	font-family: Arial;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	background-color: #948779;
	border: solid 1px #807468;
}
/**** ChangePassword Style END ****/


/**** Treeview Style BEGIN ****/
.TreeView 
{ 
  background-color: #f0f0f0; 
  border: 1px solid black; 
  padding: 2px; 
  padding-left: 5px;
} 

.TreeNode 
{ 
  font-family: verdana; 
  font-size: 12px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  border: 1px solid #f0f0f0; 
  cursor: default;
} 

.SelectedTreeNode 
{ 
  font-family: verdana; 
  font-size: 12px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  background-color:white; 
  border: 1px solid gray; 
  cursor: default; 
  
} 

.HoverTreeNode 
{
  font-family: verdana; 
  font-size: 12px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  background-color:#cccccc; 
  border: 1px solid gray; 
  cursor: default;
}

.TreeNodeRow 
{ 
  height: 20px; 
}
/**** Treeview Style END ****/

/**** Grid Style BEGIN ****/
.GridViewStyle
{
	color: #000000;
	padding: 4px;
}

.GridViewHeaderStyle
{
    background-color:#007771;
    color:#D7E09F;
	font-weight: bold;
	padding: 4px;
}

.GridAlternatingRowStyle
{
	background-color: #ffffff;
	color: #000000;
	padding: 4px;
}

.GridRowStyle
{
	background-color: #f7f6f3;
	color: #000000;
	padding: 4px;
}


/*-------- Rounded Corner DIV's ---------*/
.roundedcornertop, .roundedcornerbottom 
{
	display:block
}
.roundedcornertop *, .roundedcornerbottom *
{
	display: block; 
	height: 1px; 
	overflow: hidden
}
.roundedcorner1{margin: 0 5px}
.roundedcorner2{margin: 0 3px}
.roundedcorner3{margin: 0 2px}
.roundedcorner4{margin: 0 1px; height: 2px} 

/*-------- MENU ---------*/
.MenuBar
{
	background-color:Transparent;
	color:white;
	font-weight:bold;
	font-family:Arial;
	font-size:20px;
	margin:1px;
	cursor:default;
    width:500px;
}

.TopMenuGroup
{
  background-color:#B8D227;
  border-style:none;
  color:White;
  font-weight:bold;
  font-size:larger;
  padding-left:20px;
  padding-right:20px;
  height:30px;
  display:inline-block;
    padding:2px 10px 0px 10px;
}

.TopMenuItem
{
  color:white;
  font-family:Tahoma; 
  font-size:11px; 
  font-weight:bold;
  border:1px solid black; 
  border-left-color:#737373;
  border-top-color:#4C4C4C;
  border-bottom-color:#131413;
  cursor:default;
    padding:2px 10px 0px 10px;
}

.TopMenuItemHover 
{
  color:white;
  background-color:#3D3D3D; 
  font-family:Tahoma; 
  font-size:11px; 
  font-weight:bold;
  border:1px solid black; 
  border-bottom-color:#AAAAAA;
  cursor:default;
    padding:2px 10px 0px 10px;
}


.MenuGroup
{
  background-color:#27A3C9;
}

.MenuItem
{
  color:white;
  font-family:Arial; 
  font-size:16px; 
  font-weight:bold;
  margin:4px;
  cursor:default;
    padding:2px 10px 2px 10px;
}

.MenuItemHover 
{
  background-color:White;
  color:#007771; 
  font-family:Arial; 
  font-size:16px; 
  font-weight:bold;
  cursor:default;
  border:1px solid #B8D227;
    padding:2px 10px 2px 10px;
}

.MenuBreak
{
  background-image:url(images/break.gif);
  width:100%;
  height:1px;
}

A.Standard:link 
{
    color:#007771;
    text-decoration:none;
}

A.Standard:visited 
{
    color:#007771;
    text-decoration:none;
}

A.Standard:active 
{
    color:#007771;
    text-decoration:none;
}

A.Standard:hover 
{
    color:#007771;
    text-decoration:underline;
}

/****** flyout gallery plugin *****/
.gallery  
{
    position:relative; 
    border:1px solid #333; 
    background-color:#FFF; 
    margin-top:20px;
    height: 800;
    width: 600;
}
.gallery img { position:relative; margin:20px; border:1px solid #FC0; }
