/* ================================
    CSS STYLES FOR Doyle ITS Roster
   ================================
*/

table.Roster_MainTable 
{
	border: solid 1px #000000;
	width: 100%;
}

td.Roster_TitleCell 
{
	background-color: #ededed;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	width: 100%;
	height: 25px;
	padding-left: 3px;
	vertical-align: middle;
}

td.Roster_OptionsCell 
{
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	height: 25px;
}

.Roster_LabelCell, 
.Roster_ValueCell, 
.Roster_DescriptionCell, 
.Roster_OptionsCell,
a.Roster_ValueCell, 
a:link.Roster_ValueCell, 
a:visited.Roster_ValueCell, 
a:active.Roster_ValueCell, 
a:hover.Roster_ValueCell
{
	font-family: Verdana; 
	font-size: 10pt; 
	font-style: normal; 
}

td.Roster_LabelCell, td.Roster_ValueCell 
{
	border-left: #333333 0px solid; 
	border-bottom: #333333 1px solid; 
	border-top: #333333 0px solid; 
	border-right: #333333 0px solid;
	height: 20px;
	vertical-align: top;
}

td.Roster_LabelCell 
{
	color: #333333; 
	font-weight: bold; 
	width: 30%;
	white-space: nowrap;
}

td.Roster_ValueCell 
{
	color: #595959; 
	background-color: #ededed; 
	font-weight: normal; 
	padding-left: 5px;
	width: 70%;
	text-align: justify;
}

td.Roster_LeftTermNav 
{
	font-family: Verdana; 
	font-size: 9pt; 
	font-style: normal; 
	color: #595959; 
	background-color: #ededed; 
	font-weight: normal; 
	padding-left: 5px;
	text-align: justify;
	border-left: #333333 0px solid; 
	border-bottom: #333333 1px solid; 
	border-top: #333333 0px solid; 
	border-right: #333333 0px solid;
	vertical-align: top;
	width: 120px;
}

td.Roster_LeftTermNavCell 
{
	border-left: #DDDDDD 0px solid; 
	border-bottom: #DDDDDD 1px solid; 
	border-top: #DDDDDD 0px solid; 
	border-right: #DDDDDD 0px solid;
	height: 18px;
	vertical-align: top;
	color: #595959; 
	background-color: #ededed; 
	font-weight: normal; 
	padding-left: 5px;
	width: 70%;
	text-align: justify;
}

	.Roster_TreeView
	{
		vertical-align:top;
		border: solid 1px #999999;
		width: 200px;
		/*width: 100%;*/
		height: 100%;
	}
	
	.Roster_TreeView_Container
	{
		width: 210px;
	}

	.Roster_TopStrip
	{
		
		/* Gray Theme*/
		background-color: #cccccc; 
		font-family: Verdana;
		font-size:12px;
		font-weight:bold;
		vertical-align: middle;
		
	}
	
	.Roster_ListingsPanel
	{
		background-color: #f5f5f5;
		border: solid 1px black;
		width: 100%;
	}

	.Roster_ItemTop
	{
		/* Gray Theme*/
		background-color: #cccccc; 
		font-family: Verdana;
		font-size:11px;
		font-weight:bold;
	}


	.Roster_ItemBottom
	{
		/*background-color: #B4CFEC;*/
		background-color: #FFFFFF;
		font-family: Tahoma, Arial, Helvetica;
		font-size: 11px;
		font-weight: normal;
		line-height: 12px    
	}






/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

td.dtree_column {	        
	FONT: 8pt Tahoma; 
	vertical-align:middle; 
	border-bottom: 1px solid #cccccc
}