body
{
	margin: 0;
	font: 10pt Verdana;
	color: #62646D;
}

a
{
	text-decoration: none;	
	font-family: Arial;
	color: #0000FF;
}

a:hover, active
{
	text-decoration: underline;	
}




a[link="pdf"]
{
	color: #E72E24;	
	background: transparent url('/imgs/PDF.png') no-repeat center left; 	
	padding-left: 20px;
}

a[link="xls"]
{
	background: transparent url('/imgs/XLS.png') no-repeat center left; 	
	padding-left: 20px;
}

a[link="bighelp"]
{
	background: transparent url('/imgs/HelpBook.png') no-repeat center right; 	
	padding-right: 25px;
	font-size: 20px;
}




#leftContainer
{
	width: 220px;
}

#tdBannerLogo
{
	width: 186px;
	background-image: url('../../imgs/BNR_logo.png');
	background-position: right top;
	background-repeat: no-repeat;
	height: 67px;
}

#tdBannerRepeat, #tdBannerStart, #tdBannerSpacer
{
	background-image: url('../../imgs/BNR_repeatx.png');
	background-position: left top;
	background-repeat: repeat-x;
	height: 67px;
	font: 8pt Verdana;
}

#tdBannerStart
{
	width: 24px;	
}

#tdBannerSpacer
{
	width: 10px;	
}





#navList
{
    list-style-type: square;  
    padding: 0 20px;
    margin: 4px 0;
}

#navList li
{
    font-size: 110%;
    margin-bottom: 4px;   
    color: #31CF00;
}

#navList li:hover
{
    color: #888888;
}

#navList li a
{
    color: #888888 !important;   
}

#navList li a:hover
{
    color: #31CF00 !important;
    text-decoration: none;
}




.pageTitle
{
	font-size: 12pt;
	font-weight: bold;
	margin-left: 20px;
	padding: 10px 0 0 10px;
}



#qMenu
{
	margin: 12px 0 8px 0;
	clear: both;
	font: 10pt Arial;
}

#qMenu .item
{
	margin-right: 10px;
	float: right;
}

.qMenuEnd
{
	clear: both;
	height:	0;
}



.menuBlock
{
	/* border: solid 1px #62646D;	*/
	border: solid 1px #CCCCCC;
	margin-bottom: 25px;
	font: 10pt Arial;
}

.menuBlock .menuTitle
{
	background-color: #CCCCCC;
	color: #62646D;
	text-transform: lowercase;
	padding: 3px;
	font-weight: bold;
}

.menuBlock .menuContent
{
	padding: 5px;	
	background-color: #ECECEC;
}



/* commentlist */

.commentList
{
	width: 400px;
	/*
	overflow-x: hidden;
	overflow-y: auto;
*/
}
.commentList .comment
{
	margin-bottom: 20px;
	border: solid 1px #CCCCCC;	
	font: 10pt Arial;
}

.commentList .comment .header
{
	/*background-color: #CCCCCC;*/
	background:#f3f3f3 0 -2300px repeat-x url('../imgs/Grid/sprite.gif');
	color: #62646D;
	text-transform: lowercase;
	padding: 3px;
	font-weight: bold;
}

.commentList .comment .content
{
	padding: 5px;
	margin-top: 5px;	
	margin-bottom: 5px;
}

.commentList .comment .footer
{
	border-top: dotted 1px #CCCCCC;
	font-style: italic;
	font-size: 7pt;
	padding: 2px;
}





/* flowstate */

.flowStateContainer
{
	text-align: left;
}

.flowStateContainer .list
{
	color: #CCCCCC;	
	/* margin: 0 5px 0 15px; */
}

.flowStateContainer .list .item, .item_active, .item_active_bad
{
	text-align: left;
}

.flowStateContainer .list .item_active
{
	color: #31CF00;	
	font-weight: bold;
}

.flowStateContainer .list .item_active_bad
{
	color: #FF0000;	
	font-weight: bold;
}





.loginError
{
	color: #33CC00;	
}



/* chart */

.chart
{
	display: inline;
}


.chart .title
{	
	margin-left: 15px;
	font-size: 12pt;	
	color: #62646D;
	font-weight: bold;	
}

.chart .title .dater
{
	font-size: 7pt;
	font-weight: normal;
	color: #999999;
}

.chart .title .spacer
{
	padding: 0 5px 0 5px;
}

.data
{
	display: inline;
}



/* last viewed docs */

.docList td:hover
{
	background-color: #ECFFEC;
}




/* docTable */

.docTable .flowstate, .title, .content, .status
{
	padding: 5px;	
}

.docTable .empty, .title
{
	padding-top: 0;
	font-size: 12pt; 
	font-weight: bold;	
}

.docTable .empty, .flowstate
{
	border-right: solid 1px #CCCCCC;	
}

.docTable .flowstate
{
	text-align: right;	
	border-bottom: solid 1px #CCCCCC;
}

.docTable .content
{
	border-top: solid 1px #CCCCCC;
}


/* Help list */

.helpBody ul
{
		
}

.helpBody li
{
	margin-bottom: 15px;	
}

.helpList .head
{
	font-weight: bold;
}

.helpList .subHead
{
	color: #31CF00;
	font-style: italic;
	margin-bottom: 5px;
	font-weight: bold;	
}








/* dso-table */
.dso-table {
    border: solid 1px #CCCCCC;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 90%;
}

.dso-table th {
    border: solid 1px #CCCCCC;
    background: linear-gradient(to top,#DDDDDD, #FEFEFE);
    padding: 4px;
}

.dso-table tbody tr:hover td {
    background-color: #BBFF99;
}

.dso-table tbody tr.warning:hover td {
    background-color: #FCA9A9;
}

.dso-table td {
    padding: 4px;
}





/* info text */
.info-text {
    color: #48AF2C;
    font-style: italic;
    background-image: url('/imgs/info_circle_green.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    display: block;
}