/* 
===================================
Skin Styles Sheet for Kieu Mcgregor 
===================================
*/
/* Edit values to change Look & feel of Links 
A:link {
	COLOR: #006699; FONT-FAMILY:  arial, helvetica, san-serif; FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:active {
	COLOR: #006699; FONT-FAMILY:  arial, helvetica, san-serif; FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:visited {
	COLOR: #006699; FONT-FAMILY:  arial, helvetica, san-serif; FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:hover {
	COLOR: #006699; FONT-FAMILY:  arial, helvetica, san-serif; FONT-SIZE: 9pt; TEXT-DECORATION: underline; 
	}
*/
BODY 
{
	 FONT-FAMILY: arial, helvetica, san-serif; FONT-SIZE: 8pt; 
	  }
	  
/* Change variables to manipulate look and feel of menu buttons 
menu starts --------------------------------------------------------------------------------------- */	  
.MainMenu_MenuContainer {
	background-color: #CCD8EC; 
		BORDER-TOP: #9DB5DB 1px solid; 
		BORDER-BOTTOM: #9DB5DB 1px solid; 
} 
 .MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: #CCD8EC; /* was transparent */

	
} 
.MainMenu_MenuItem { /* no borders on menu */
	/*border-left: white 1px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 1px solid; */
	border: #84afff #84afff #84afff #84afff;
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: arial, helvetica, san-serif; 
	font-size: 8pt;  
	font-weight: normal; 
}
.MainMenu_MenuIcon { /*left hand square on menu item */
	background-color: #84afff; 
	/*border-left: white 1px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; */
	border: #84afff #84afff #84afff #84afff;
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15; 
	height: 16;
}
/*-- sub menu/left pane---*/
.MainMenu_SubMenu {
	background-color: #84afff; 
	z-index: 3000;
	cursor: pointer; 
	cursor: hand;
}
.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuItemSel { /* mouse over */
	background-color: #ffffff; 
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: arial, helvetica, san-serif; 
	font-size: 8pt;  
	font-weight: normal;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1; 
}
.MainMenu_MenuArrow { /* arrows at side of button */
	/*border-right: white 1px solid; 
	border-bottom: white 1px solid; 
	border-top: white 0px solid; */
	font-family: webdings; 
	font-size: 8pt; 
	cursor: pointer; 
	cursor: hand;
		border: #84afff #84afff #84afff #84afff; 
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 8pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton     {
    background: #84afff none; 
    font-family: arial, helvetica, san-serif; 
    font-size: 8px;
    font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: ##84afff;
	/*BORDER-RIGHT: white 1px solid; 
	BORDER-TOP: white 1px solid; 
	BORDER-LEFT: white 1px solid; 
	BORDER-BOTTOM: white 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);
}
/* menu end ------------------------------------------------------------------------------------------------*/
/* tables start / control overall feel of website / panes / tables widths & heights / pagemaster ---------------------------------- */
.pagemaster {
	width: 100%;
	height: 100%;	
}
.top {
	height: 5px;	
	BORDER-BOTTOM: #CCD8EC 5px solid; 
	

}
.date {
    height: 25px;
	background-color: transparent;
	font-family: verdana, arial, helvetica, san-serif; 
	FONT-SIZE: 8pt;
	font-colour: black;
}
.logo {
	height: 52px;
	background-colour: transparent;
	}
	
.menu {
	height: 25px;
	background-colour: transparent;
	}
.middLine {
	width: 750px;
	height: 3px;
	background-image: url(TopLineDB.gif);
	}
.banner {
	width: 750px;
	padding-top: 3px;
	}
.middleLine1 {
	padding-bottom: 3px;
	}	
.middLine2 {
	padding-bottom: 3px;
	padding-top: 3px;
	}
.paneWidth {
	width: 750px;
	}
	
.leftpane {
	background-colour: transparent;
	font-family: verdana, arial, helvetica, san-serif; 
	FONT-SIZE: 8pt;
	font-colour: #4596F9;
	padding-top: 4px;
	}
	
.rightpane {
	padding-left: 2px;
	FONT-FAMILY:  verdana, arial, helvetica, san-serif;
	font-size: 8pt;
	padding-top: 4px;
	}
.contentpane {
	padding-right: 2px;
	FONT-FAMILY:  verdana, arial, helvetica, san-serif;
	font-size: 8pt;
	padding-top: 4px;
	}
.centreLeftpane {
	background-colour: transparent;
	font-family: verdana, arial, helvetica, san-serif; 
	FONT-SIZE: 8pt;
	font-colour: #4596F9;
	padding-top: 4px;
	}
	
.centreRightpane {
	padding-left: 2px;
	FONT-FAMILY:  verdana, arial, helvetica, san-serif;
	font-size: 8pt;
	padding-top: 4px;
	}
	
.bottomBanner {
	height: 1px;
	background-color: #CCD8EC;
	}

.bottomBanner2 {
	width: 750px;
	height: 5px;
	background-color: #CCD8EC;
	font-family: verdana, arial, helvetica, san-serif; 
	font-color: #ffffff;
	color: #ffffff;
	FONT-SIZE: 7pt;
	}
	
.bottomBanner3 {
	padding-top: 4px;
	}
.bottomBanner4 {
	height: 15px;
	padding-top: 4px;
	}
	
.bannerpane {
	FONT-FAMILY:  verdana, arial, helvetica, san-serif;
	font-size: 8pt;
	}	
	
/* tables ends-------------------------------------------------------------------------------- */
	
	
	
	
	
	
/*
	DivWindow Style
*/

.window {
  background-color: #c0c0c0;
  border-color: #f0f0f0 #606060 #404040 #d0d0d0;
  border-style: solid;
  border-width: 2px;
  margin: 0px;
  padding: 2px;
  position: absolute;
  text-align: left;
  visibility: hidden;
}

.titleBar {
  background-image: url(tbar_bg_off.gif);
  cursor: default;
  color: #ffffff;
  font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin: 0px;
  padding: 2px 2px 2px .5em;
  text-align: right;
  white-space: nowrap;
}

.titleBarText {
  float: left;
  overflow: hidden;
  text-align: left;
}

.titleBarButtons {
  border-style: none;
  border-width: 0px;
  vertical-align: middle;
  width: 50px;
  height: 14px;
}

.clientArea {
  background-color: #eeecec;
  border-color: #404040 #e0e0e0 #f0f0f0 #505050;
  border-style: solid;
  border-width: 2px;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  margin: 2px 0px 0px 0px;
  overflow: auto;
/*  padding: .5em;*/
}

/* E-Form styles */

	
.f_tableHead 
{
	background-color:Silver;
}

.f_Selection
{
	background-color: Transparent;
}

.f_selected
{
	font-weight: bold;
	color: black;
	background-color: #e3f0e6;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px; 
	font-style: normal; 
}

.f_dataRow1
{
	background-color:Gray;
	font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color:Black;
}

.f_dataRow0
{
	background-color:Transparent;
	font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}


/* Application tool bars */

.toolBarMenu
{
	cursor: hand;
	background-image: url(highlight.gif);
	width:				170px;
}


.tabStrip
{
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: #d1cfcf;
	border-bottom-color: Black;
	border-bottom-style: groove;
	border-bottom-width: 1px;
}

.tab
{
	cursor: pointer; 
	cursor: hand; 
	color: #404040; 
	font-family: arial, helvetica, san-serif; 
	font-size: 8pt;  
	font-weight: normal;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5; 
	
}
.selectedTab
{
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: arial, helvetica, san-serif; 
	font-size: 8pt;  
	font-weight: normal;
	border-color: black;
	border-style:solid;
	border-width:1px;
	padding: 1px, 1px, 0px, 1px;
	z-index: 1000;
	background-color: #b2b0b0;
}

.selectOn
{
	border-color: Black;
	border-style:solid;
	border-width:1px;
	background-image: url(highlight.gif);
	font-style:		normal;
}

.selectable
{
	background-color:White;
	border-style: none;
	background-color:White;
}	

/* Custom Navigation Menu ****************************************************/
/* LEVEL 0  */
.cssnav {
	font-family: Tahoma, Arial, Helvetica;
	font-weight: normal;
	font-size: 11px;
}

.cssnav a {
	width: 180px;
	height: 20px;
}

.cssnav div {
	position: relative;
	width:180px;
	height: 20px;
	background-color:#CCD8EC;
}

.cssnav a:hover {
	text-decoration: none;
	background-color:#9DB5DB;
	color:black;
}

.cssnav span {
	position: absolute;
	left: 5;
	top: 4;
	cursor: pointer;
}

/*****************************************************************************/
.cssnav0Selected{
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-weight: bold;
	font-size: 11px;
}

.cssnav0Selected div{
	position: relative;
	width: 180px;
	height: 20px;
	background-color:#9DB5DB;
}
.cssnav0Selected span{
	position: absolute;
	left: 5;
	top: 4;
	cursor: pointer;
}

.cssnav0Selected a {
	font-style: normal;
	width: 180px;
	height: 20px;
}

.cssnav0Selected a:hover {
	text-decoration: none;
	color:black;
}
/************************************************************************/
/* LEVEL 1 */
.cssnavSub1 { 
position: relative;
color: black;
font-family: Tahoma, Arial, Helvetica;
text-decoration: none;
display: block;
width: 180px;
height: 20px;
padding: 0;
border: 0;
}

.cssnavSub1 a {
display: block;
font-size: 11px;
font-style: normal;
font-weight: normal;

float: left;
color: black;
text-decoration: none;
}

.cssnavSub1 a:hover {visibility:visible; text-decoration:underline; color:red}

.cssnavSub1 span {
position: absolute;
left: 16;	
top: 4;
cursor: pointer;
}




/************************************************************************/
/* LEVEL 2 */
.cssnavSub2 { 
position: relative;
color: black;
font-family: Tahoma, Arial, Helvetica;
text-decoration: none;
display: block;
width: 180px;
height: 20px;
padding: 0;
border: 0;
}

.cssnavSub2 a {
display: block;
font-size: 8pt;
font-style: normal;
font-weight: normal;

float: left;
color: black;
text-decoration: none;
}

.cssnavSub2 a:hover {visibility:visible; text-decoration:underline; color:red}

.cssnavSub2 span {
position: absolute;
left: 27;
top: 4;
cursor: pointer;
}

/***************************************************/
.cssnav1Selected {
	position: relative;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
	display: block;
	width: 180px;
	height: 20px;
	padding: 0;
	border: 0;
	font-size: 8pt;
}

.cssnav1Selected a{
	display: block;
	font-weight: normal;

	float: left;
	color: black;
	text-decoration: none;

}

.cssnav1Selected a:hover {visibility:visible; text-decoration: none; color:red}

.cssnav1Selected span {
position: absolute;
left: 5;
top: 4;
cursor: pointer;
}

/***************************************************/
.cssnav2Selected {
	position: relative;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
	display: block;
	width: 180px;
	height: 20px;
	padding: 0;
	border: 0;
	font-size: 8pt;
}

.cssnav2Selected a{
	display: block;
	font-weight: normal;

	float: left;
	color: black;
	text-decoration: none;

}

.cssnav2Selected a:hover {visibility:visible; text-decoration: none; color:red}

.cssnav2Selected span {
position: absolute;
left: 16;
top: 4;
cursor: pointer;
}
/* End Custom Navigation Menu *************************************************