p, body, table, td, .header, .footer, .mainTab, .subTab, .default, .pageContent, .topLabel, .topContent, .treeNode, .tree, .topicHeader, .subTopicHeader, .blockedHighlight
{
    font-family: Calibri, Verdana, Helvetica, Geneva, Arial, sans-serif;
    font-size: 11pt
}

.topicHeader
{
	font-size: 150%;
	background-color:#eeeeee;
	border-top:1px solid blue;
	height: 20pt;
	font-color:black
}

.subTopicHeader
{
	font-size: 120%;
	background-color:#eeeeee;
	border-top:1px solid red;
	height: 20pt;
	font-color:green
}

.blockedHighlight
{
	background-color:#eeeeee;
	border:2px solid #cdcdcd;
	height: 18pt;
	font-color:green;
	padding:6px;
	align:center
}

.treeLabel
{
	font-family: Calabri; 
	font-size: 9.0pt; 
	font-weight: plain
}

.treeNode, .tree
{
	font-size: 10.0pt;
}
/********************* Common Default Table *********************/


th.headerCell
{
    background-color: #e5e5e5;
    color: #000000
}

td.dataCell
{
    padding-top: 0pt;
    padding-left: 0pt;
}

td.dataCellHighlighted
{
    padding-top: 0pt;
    padding-left: 0pt;
    background-color: #FFFF99
}

table.sortable 
{
	width:100%;
	border:1px solid #ccc;
	cursor:default;
}

td.columnHeader
{
    font-style : normal;
    background-color: rgb(35,107,132);
    color: #ffffff
}

tbody.scrollContent tr.selected td
{
	background: rgb(255,223,121);
	padding: 2px;
}

tbody.scrollContent tr:hover td
{
	background: #a6c2e7;
	padding: 2px;
}

tbody.scrollContent tr.selected:hover td
{
	background: #ff3;
	padding: 2px;
}

* html div.tableContainer {	/* IE only hack */
	width:100%;
	border:1px solid #ccc;
	height: 25%;
	overflow-x:hidden;
	overflow-y: auto;
}

table.sortable td, table.sortable th
{
	border-right:1px solid #999;
	padding:2px;
	font-weight:normal;
}

table.sortable thead td, table.sortable thead th
{
	background:#008080;
	color:white;
}	

* html div.tableContainer table.sortable thead tr td,
* html div.tableContainer table.sortable thead tr th
{
	/* IE Only hacks */
	position:relative;
	top:expression(dojo.html.getFirstAncestorByTag(this,'table').parentNode.scrollTop-2);
}	

html>body tbody.scrollContent
{
	height: 100px;
	overflow-x:hidden;
	overflow-y: auto;
}

tbody.scrollContent td, tbody.scrollContent tr td
{
	background: #FFF;
	padding: 2px;
}

tbody.scrollContent tr.alternateRow td
{
	background: #e3edfa;
	padding: 2px;
}
a:hover
{ 
  color: #FF9900; 
  text-decoration: none;
  font-weight: normal;
  TEXT-DECORATION: underline
}
body
{
	background-color: #E5E5E5;
	color: black
}
table, td
{
    color: black;
    padding:4;
}
.mainTab, .subTab
{
    font-weight: plain;
    padding: 6px;
}
.subTab
{
	background-color: white;
}
.pageContent
{
    overflow: auto;
}
h1, h2, h3, h4, h5, h6
{
	color: #858585	
}

h1
{
	font-size:250%
}

h2
{
	font-size:200%
}

h3
{
	font-size:150%
}

h4
{
	font-size:125%
}

h5
{
	font-size:100%
}


.header
{	
	color: white;
    font-size: x-small;
    padding-left: 4;
}

.footer
{
    color: #000066;
    background-color: #ffffff;
    font-size: 11px;
}
.thinbordered
{
    border: 2px solid black
}
.content
{
	display:none
}
.topLabel
{
	height: 10px;
	padding-left: 5px;
	text-align: left;
	color: white;
	background: #cdcdcd;
	padding: 5px;
}

.topContent
{
	padding: 4px;
}

a:link
{
  color: #0000ff; 
  text-decoration: none; 
  font-weight: normal;
}
a:visited
{ 
  color: #0000ff; 
  text-decoration: none; 
  font-weight: normal;
}

