@charset "UTF-8";

/*******************************************************************************

 WRAPPER STYLE: This controls the style for the outer shell of the menu, includes supporting the hover

 *******************************************************************************/
div.SystemSelector
{
	/*border: 1px solid #FFFFFF;*/
	vertical-align:middle;
	width:100%;
	cursor:pointer;
	text-align:center;
}
div.SystemSelector a
{
	padding: 8px 0px;
	text-align:center;
	display: block;
	cursor: pointer;
	background-color: #878787;
	color: #FFFFFF;
	text-decoration: none;
}
.borderedtable div.SystemSelector h1 {
	margin-top:0px;
}
#top p
{
	padding: 3px 0px;
	text-align:center;
	background-color:inherit;
	text-decoration: none;

}
div.systemChoiceDisplay{
	width:160px;
	/* background-color:#ffffff; */
	background-color:lightgray;
	color:#000000;
	border:inset thin #aaaaaa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 2px 0px;
	text-align:center;
	height:16px;
	overflow:hidden;
	white-space:nowrap;
	/* display:inline; */
}
p#systemChoiceDisplay{
	padding:0px;
	margin:0px;
	display:inline-block;
	overflow:hidden;
}
div.systemChoiceDisplay div{
	display:inline-block;
	overflow:hidden;
}
div.systemChoiceDisplay img{
	float:right;
	margin-right:2px;
	display:inline;
}
.hover
{
	background-color: #FC9D00;
	color: #1B13A0;
}
div.SystemSelector a:hover, div.SystemSelector a:focus
{
	background-color: #FC9D00;
	color: #1B13A0;
}

div.SystemSelector input {
	margin:5px;
	
}

#dropDown{
	border:solid 1px #003366;
	width:210px;
	position:absolute;
	left:-1000em;
	background:#FFFFFF;
	z-index:1000;
	min-height:70px;
}

#dropDown div{	
	max-height:350px;
	width:100%;
	overflow:auto;
}

h2.clientsubheading{
	margin-top:4px;
	margin-bottom:8px;
	font-size:14px;
}

/*******************************************************************************

 TREE STYLES: These styles are responsible for the way the tree is displayed

 *******************************************************************************/
.tree li .closed{
	background-image: url(../Images/tree/plus.gif);

}

.tree li .expanded{
	background-image: url(../Images/tree/minus.gif);

}
.tree li .closedEnd{
	background-image: url(../Images/tree/end_plus.gif);

}

.tree li .expandedEnd{
	background-image: url(../Images/tree/end_minus.gif);

}

.tree li .selected{
	background-color: #FFCC00;
}

.tree li .highlight{
    background-color: #CCFFCC;
}
.tree li .highlight.extrasReport{
    background-color: #ffddaf;
}





.tree li .bulletEnd{
	background-image: url(../Images/tree/end_bullet.gif);
}

.tree li{
	color:#000033;
}

.tree li > a, .tree li > p, .tree li > div{
	display:block;
	padding:0px;
	padding-left:0px;
	text-decoration:none;
	background:url(../Images/tree/bullet.gif) center left no-repeat;
	white-space:normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	margin:0px;
}

.tree, .tree ul {
	list-style-type: none;
}

.tree ul{
	padding-left:12px;
	margin:0;
	background-image: url(../Images/tree/line.gif);
	background-repeat: repeat-y;
	background-position: left top;
}


.tree {
	width:auto;
	margin:0px;
	padding:0;
	cursor:default;
}
.tree div.closed > p:first-child,
.tree div.closedEnd > p:first-child,
.tree div.expanded > p:first-child,
.tree div.expandedEnd > p:first-child {
	cursor:pointer;
}

/*******************************************************************************

SYSTEM SELECT TREE STYLES: These styles are responsible for the way the tree is displayed

 *******************************************************************************/
.sstree li .closed{
    background-image: url(../Images/tree/plus.gif);
    
}

.sstree li .expanded{
    background-image: url(../Images/tree/minus.gif);
    
}
.sstree li .closedEnd{
    background-image: url(../Images/tree/end_plus.gif);
    
}

.sstree li .expandedEnd{
    background-image: url(../Images/tree/end_minus.gif);

}

.sstree li .selected{
    background-color: #FFCC00;
}

.sstree li .highlight{
    background-color: #CCFFCC;
}


.sstree li .bulletEnd{
    background-image: url(../Images/tree/end_bullet.gif);
}

.sstree li{
    color:#000033;
}

.sstree li > a, .sstree li > p, .sstree li > div{
    display:block;
    padding:0px;
    padding-left:20px;
    text-decoration:none;
    background:url(../Images/tree/bullet.gif) center left no-repeat;
    white-space:normal;
    font-family: Arial, Helvetica, sans-serif;
    text-align:left;
    margin:0px;
}

.sstree, .sstree ul {
    list-style-type: none;
}

.sstree ul{
    padding-left:12px;
    margin:0;
    background-image: url(../Images/tree/line.gif);
    background-repeat: repeat-y;
    background-position: left top;
}


.sstree {
    width:auto;
    margin:0px;
    padding:0;
    cursor:pointer;
}