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

/*
# Menu style
# Horizontal
*/

a:link, a:visited, {
  color: #000000;
  text-decoration: underline;
}

a:hover, a:visited:hover {
  color: #000000;
  text-decoration: none;
}

a.menuSelected:active, a.menuSelected:link, a.menuSelected:visited {
  color: #000000;	/* 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: #000000;
}

div.menuBar {
  background-color: #ffffff;	/* 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: #000000;	/* 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 {
  color: #FFFFFF;
  background-color: #CCCCCC;	/* Menu Button Background Hover No Dropdown*/
}

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

div.menu {
  background-color: #CCCCCC;	/* 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: #000000;	/* 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 {
  color: #000000;
  background-color: #ffffff;	/* 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 #CCCCCC;
  margin: 4px 2px;
}

/*
# Menu style
# Vertical
*/
a.navNode, a.navNode:visited, a.navNode_selected, a.navNode_selected:visited {
	background-color: #ffffff;
	border-bottom: #CCCCCC 1px solid;
	text-align: left;
	padding: 0px;
	color: #FFFFFF;
	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: #CCCCCC;
}

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

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: ##CCCCCC;
	padding: 3px;
	padding-left: 20px;
	font-family: Arial, Helvetica;
	font-size: 75%;
	maring: 0px;
	color: #FFFFFF;
	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: ##CCCCCC;
}

/*
# Page Elements
*/
body {
	background-color: #ffffff;
}
body, td {
	font-family: Arial, Helvetica, "Sans Serif";
}

#MAIN_TABLE {
        background-color: #ffffff;
}

#HEADER {
	background-color: #ffffff;
}

#MAIN_MENU_HORIZ {
	background-color: #ffffff;
	border-top: #CCCCCC 2px solid;
	border-bottom: #CCCCCC 2px solid;
	height: 22px;
}

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

#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: 160px;
	background-color: #ffffff;
	padding: 5px;
}
#SUB_PANEL[id] {
	width: 150px;
}

#FOOTER_NAV {
	font-size: 70%;
	text-align: center;
        color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFff;
	border-top: #CCCCCC 2px solid;
}

#FOOTER_COPYRIGHT {
	font-size: 70%;
	text-align: center;
	height: 20px;
	color: #000000;
	background-color: #FFFFff;
	border-top: #CCCCCC 2px solid;
}

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

/*
# Overriding the system.css styles 
*/
div.panel {
	font-size: 9pt !important;
	display: block;
}

div.panelHeading {
	font-size: 13pt;
	background-color: #cccccc;
	color: #FFFFFF;
}

div.panelSubHeading {
	font-size: 11pt;
	background-color: #999999;
	color: #FFFFFF;
}

div.panelNotes {
	font-size: 8pt;
	background-color: #ffffff;
	color: #000000;
	border-bottom: #000000 1px solid;
}

div.panelBody {
	font-size: 9pt;
}

td.panelNotes {
	font-size: 8pt;
}