/*
# $Id$
#
# This is a pre-written stylesheet for use with the "_genTMedia" Skin.
*/

/*
# Menu style
# Horizontal
*/
a.menuSelected:active, a.menuSelected:link, a.menuSelected:visited {
  color: #FFFFFF;	/* Horizontal Menu Text Visited*/
}

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: Arial, Helvetica;
  font-size: 82%;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
}

div.menuBar {
  background-color: #336699;	/* Horizontal Menu Background*/
  padding: 4px 0px 4px 0px;	/* Top Right Bottom Left */
  text-align: left;	/* Horizontal Menu Alignment*/
}

div.menuBar a.menuButton {
  background-color: transparent;
  color: #FFFFFF;	/* Horizontal Menu Text*/
  cursor: hand;
  left: 0px;
  margin: 0px;
  padding: 4px 8px 4px 8px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: #6699CC;	/* Menu Button Background Hover No Dropdown*/
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #6699CC;	/* Menu Button Background Hover With Dropdown*/
}

div.menu {
  background-color: #336699;	/* Dropdown Menu Button Background Hover*/
  left: 0px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
  font-size: 82%;
  text-align: left;
}

div.menu a.menuItem {
  color: #FFFFFF;	/* Dropdown Menu Button Text Colour*/
  cursor: hand;
  display: block;
  padding: 3px 8px;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #6699CC;	/* Dropdown Menu Button Background Hover*/
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #FFFFFF;
  margin: 4px 2px;
}

/*
# Menu style
# Vertical
*/
a.navNode, a.navNode:visited, a.navNode_selected, a.navNode_selected:visited {
	background-color: #336699;
	border-bottom: #FFFFFF 1px solid;
	text-align: left;
	padding: 0px;
	color: #000000;
	font-family: Arial, Helvetica;
	font-size: 75%;
	text-decoration: none;
	font-weight: bold;
	cursor: hand;
	display: block;
	padding: 5px;
	padding-left: 10px;
}

a.navNode, a.navNode:visited {
	font-weight: normal;
}

a.navNode_selected:visited {
	background-color: #000000;
}

a.navNode:hover, a.navNode:visited:hover, a.navNode_selected:hover, a.navNode_selected:visited:hover {
	background-color: #B3CCE6;
}

span.navNodelabel {
	height: 1px;	/* This is a bit of a hack to make sure the span fills the entire width of it's container */
}

a.subNavNode, a.subNavNode:visited, a.subNavNode_selected, a.subNavNode_selected:visited {
	display: block;
	background-color: #336699;
	padding: 3px;
	padding-left: 20px;
	font-family: Arial, Helvetica;
	font-size: 75%;
	maring: 0px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
}

a.subNavNode, a.subNavNode:visited {
	font-weight: normal;
}

a.subNavNode:hover, a.subNavNode:visited:hover {
	text-decoration: underline;
	background-color: #6699CC;
}

/*
# Page Elements
*/
body {
	background-color: #336699;
}

body, td {
	font-family: Arial, Helvetica, "Sans Serif";
}

#MAIN_TABLE {
        background-color: #FFFFFF;
}

#HEADER {
	background-color: #FFFFFF;
}

#MAIN_MENU_HORIZ {
	background-color: #336699;
	height: 22px;
}

#MAIN_MENU_VERT {
	width: 160px;
	background-color: #336699;
}

#MODULE_CONTENT {
	font-size: 13px;
	padding: 0px;
}

/*
# This hack hides the 'width' attribute from IE, because IE can actually
# display the floated DIV correctly without it, but Firefox needs this attribute to display at all.
# This is called "The Attribute Hack"
*/
#MODULE_CONTENT[id] {
	width: 438px;
}

#SUB_PANEL {
	width: 240px;
	background-color: #CCCCFF;
	padding: 0px;
}
#SUB_PANEL[id] {
	width: 240px;
}

#FOOTER_NAV {
	font-size: 70%;
	text-align: center;
        color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #003366;
}

#FOOTER_COPYRIGHT {
	font-size: 70%;
	text-align: center;
	height: 20px;
	color: #FFFFFF;
	background-color: #336699;
}

#FOOTER_NAV a:link, #FOOTER_NAV a:visited,
#FOOTER_COPYRIGHT a:link, #FOOTER_COPYRIGHT a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}
 
#FOOTER_NAV a:hover, #FOOTER_NAV a:visited:hover,
#FOOTER_COPYRIGHT a:hover, #FOOTER_COPYRIGHT a:visited:hover {
    color: #FFFFFF;
    text-decoration: none;
}