﻿    body
    {
        background-color: #FFFFFF;
        margin: 5px 12px;
        padding: 0px;
        color: #343434;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
    }
    p
    {
        font-size: 11pt;
        margin: 0;
        padding-top: 3px;
        padding-bottom: 3px;
    }
	  
	a
    {
        color: #0466A7;
    }
    a:link, a:visited, a:active
    {
        text-decoration: none;
    }
    a:hover
    {
        text-decoration: underline;
    }

	.top_header_prefs {
	padding-right:5px;
	}
	.topnav_section {
	background:#E77817 none repeat scroll 0%;
	}
	.topnav_tl {
	background:#E77817 url(../Images/corner_small_generic_tl.gif) no-repeat scroll left top;
	}
	.topnav_tr {
	background:transparent url(../Images/corner_small_generic_tr.gif) no-repeat scroll right top;
	}
	.topnav_bl {
	background:transparent url(../Images/corner_small_generic_bl.gif) no-repeat scroll left bottom;
	}
	.topnav_br {
	background:transparent url(../Images/corner_small_generic_br.gif) no-repeat scroll right bottom;
	}
	.topnav_settings {
	padding:0.2em 0em 0.2em 0.9em;
	}
	.topnav_options {
	padding:0.2em 0.3em 0.2em 0em;
	}
	.topnav_active {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	.topnav_inactive {
	color:#FFFFFF;
	}

	#container {
	font-size:92.8%;
	min-width:800px;
	padding:1em;
	}
	#main_content {
	float:right;
	width:79%;
	}
	#main_context {
	float:left;
	width:20%;
	}
	#content {
	padding-top:3px;
	vertical-align:bottom;
	width:100%;
	}

	#footer {
	float:left;
	padding:1em 0pt;
	width:100%;
	}
	#global_footer_nav {
	border-top:1px dotted #B5B5B5;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:3em 0pt 0pt;
	padding:1em 0pt 0pt;
	text-align:center;
	width:100%;
	}

	.menu {
	margin:0pt 0pt 1em;
	width:100%;
	}
	.menu div {
	background:#FEFDEC none repeat scroll 0%;
	border-color:#EDEBCD;
	border-style:solid;
	border-width:0pt 1px;
	}
	.menu div div {
	border-width:1px 0pt 0pt;
	left:0pt;
	position:relative;
	top:-1px;
	}
	.menu div div div {
	border-width:0pt 0pt 1px;
	padding:0.3em 0.3em 0.1em;
	top:2px;
	}
	.menu.settings div {
	background:#F0FFF0 none repeat scroll 0%;
	border-color:#EDEBCD;
	}
	.menu h4 {
	font-size:100%;
	margin:0pt 0pt 0.3em;
	}
	.menu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	}
	.menu ul li {
	margin:0pt 0pt 0.5em;
	padding:0pt;
	position:relative;
	width:100%;
	}

	.menu li a {
	color:#000000;
	display:block;
	font-size:90%;
	line-height:140%;
	padding:0pt 0pt 0pt 19px;
	}

	.menu li table {
	color:#000000;
	display:block;
	font-size:90%;
	line-height:140%;
	padding:0pt 0pt 0pt 19px;
	}
	
    .display_control_tabs {
    text-align:left;
    }
    
    .display_control_tabs td {
    background:#EEEEEE url(../Images/corner_ddd_eee_tl.gif) no-repeat scroll 0%;
    float:left;
    font-weight:bold;
    margin:0pt 0pt 0pt 4px;
    padding:0pt;
    }
    .display_control_tabs td.current {
    background
    :#666666 url(../Images/corner_666666_tl.gif) no-repeat scroll left top;
    }
    .display_control_tabs td p {
    background:transparent url(../Images/corner_ddd_eee_tr.gif) no-repeat scroll right top;
    display:block;
    margin:0pt;
    padding:5px 6px;
    }
    .display_control_tabs td.current p {
    background:transparent url(../Images/corner_666666_tr.gif) no-repeat scroll right top;
    color:#FFFFFF;
    text-decoration:none;
    }

	.filterLayer
	{
	background-color: #000000;
	filter: alpha(opacity=30); /* Internet Explorer */
	left: 0px;
	opacity: 0.3; /* newer Mozilla and CSS-3 */
	position: absolute;
	top: 0px;
	z-index: 1;
	width: 100%;
	}
	
	.content
	{
	z-index: 2;
	width: 100%;
	position: absolute;
	left: 0px;
	}
	
	span > div#modal-dialog {
	position: fixed;
	}
	
	#modal-dialog {
	background:#C1D9FF none repeat scroll 0 0;
	border:1px solid #3A5774;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:8px;
	text-align:left;
	width:450px;
	z-index:200;
	position: absolute; 
	display: none; 
	visibility: hidden; 
	}
	
	.modal-dialog p {
	line-height:1.33em;
	margin:0 0 10px;
	}

	.modal-dialog-title {
	background-color:#E0EDFE;
	color:#000000;
	cursor:default;
	text-align:center;
	font-family:Arial,Verdana,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	}
	
	.modal-dialog-content {
	-x-system-font:none;
	background:#FFFFFF none repeat scroll 0 0;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	font-weight:bold;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:8px !important;
	}

	.modal-dialog-content td{
	font-family:Arial,Verdana,sans-serif;
	font-size:10px;
	font-weight:bold;
	}
	
	.modal-dialog-buttons {
	clear:both;
	margin:0 !important;
	padding:10px 0 0 !important;
	text-align:right;
	}
	
	.loadingstatusbox {
	background-color:#CC4444;
	color:#FFFFFF;
	font-family:arial,sans-serif;
	font-size:80%;
	font-weight:bold;
	padding:2px;
	text-decoration: blink;
	}
	
	.statusmessagebox {
	background-color:#CC4444;
	color:#FFFFFF;
	font-family:arial,sans-serif;
	font-size:80%;
	font-weight:bold;
	padding:2px;
	text-decoration: blink;
	}

	dd div {
	background:transparent url(../Images/g_colorbar2.jpg) repeat scroll 0 0;
	height:20px;
	position:relative;
	text-align:right;
	width:75%;
	}

	dd {
	background:transparent url(../Images/g_colorbar.jpg) repeat scroll 0 0;
	display:block;
	float:left;
	height:20px;
	margin:0 0 0;
	position:relative;
	width:197px;
	}
	dd {
	margin-bottom:0em;
	margin-left:0em;
	}


	dd div strong {
	background:transparent url(../Images/g_marker.gif) repeat scroll 0 0;
	display:block;
	height:24px;
	overflow:hidden;
	position:absolute;
	right:-5px;
	text-align:left;
	text-indent:-9999px;
	top:-2px;
	width:9px;
	}
	
	strong {
	color:#90C32C;
	font-weight:bold;
	}
	
	.AgreementApprovalSelected 
	{
	border-right: #3A5774 2px solid; 
	border-top: #3A5774 1px solid; 
	border-left: #3A5774 1px solid;
    border-bottom: #3A5774 2px solid;
    background-color: #E8EEFA; 
    text-align: left
	}

	.AgreementApprovalUnselected 
	{
	border-right: #EDEBCD 1px dashed; 
	border-top: #EDEBCD 1px dashed; 
	border-left: #EDEBCD 1px dashed;
    border-bottom: #EDEBCD 1px dashed;
    background-color: #F9F9F9; 
    text-align: left
	}
	
.group-list .row {
font-family: arial,sans-serif;
clear:both;
cursor:pointer;
height:1.5em;
max-height:1.5em;
overflow:hidden;
padding:1px 6px 1px 8px;
}
.group-list .row .text {
height:1.5em;
overflow:hidden;
white-space:nowrap;
width:100%;
}
.group-list .row > .text {
line-height:1.5em;
width:auto;
}
.group-list .count {
color:#777777;
float:right;
padding-left:5px;
padding-right:2px;
}
.group-list .row > .count {
line-height:1.5em;
}
.group-list .active 
{
	background-color: #D8E2EB;
/*background-color:#FFF2E6; */
}
.group-list .active .text {
color:#222222;
}
.group-list .active .count {
color:#222222;
}
.group-list .preselect {
background-color:#FFF2E6;
}
.group-list .preselect .text {
color:#222222;
font-weight:bold;
}
.group-list .preselect .count {
color:#222222;
}
.group-list .selected {
background-color:#406480;
}
.group-list .selected .text {
color:#EEEEEE;
font-weight:bold;
}
.group-list .selected .count {
color:#EEEEEE;
}
.group-list-secondary .selected {
background-color:#CFDCE6;
}
.group-list-secondary .selected .text {
color:#777777;
}
.group-list-secondary .selected .count {
color:#777777;
}
.group-list hr.header {
background-color:#CFDCE6;
border:0 none;
height:1px;
margin:2px 5px 4px;
padding:0;
}


#main ul.results {
clear:both;
list-style-type:none;
margin:0 0 9px;
padding:0;
}

#main ul.results a {
color: #2971A7;
text-decoration: none;
}

#main ul.results a:hover {
text-decoration: underline;
}

#main ul.results li {
border-bottom:1px solid #E8E8E8;
clear:left;
margin:0;
padding:4px 16px 8px;
}
#main ul.results li {
display:none;
}
#main ul.results li.top-results {
display:block;
}
#main .show-all ul.results li, #main ul.showall li {
display:block;
}
#main ul.results ul {
list-style-type:disc;
margin-top:12px;
padding-left:16px;
}
#main ul.results li ul li, #main .show-all ul.results li ul li {
border:medium none;
clear:left;
display:list-item;
margin:0;
min-height:0;
padding:0;
}
#main .results img.thumb {
float:left;
height:40px;
margin-right:5px;
width:45px;
}
#main .results h4 {
font-size:1em;
margin:4px 0 0;
}
#main .results .desc {
margin-bottom:0;
}
#main .results .desc br {
}
#main .results .url {
margin:-0.7em 0 4px;
}
#main .results .url a {
color:#BBBBBB;
}
#main .results li p 
{
	font-size: 8pt;
color:#555555;
margin:0;
overflow:hidden;
}


.dashboardItem
{
	border-collapse: collapse;
	float: left; 
	margin: 5px; 
}

.dashboardItem .head
{
	background-image: url(../Images/DataGrid/headerRow.png);
    background-repeat: repeat-x;
    background-color: #ffffff;
    background-position: 0 0;
	
    border-left: solid 1px #D9D9D9;
    border-right: solid 1px #D9D9D9;
	
    height: 23px;
}

.dashboardItem .head p
{
	color: Black;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
    text-align: left;
}

.dashboardItem .body
{
	border-bottom: solid 1px #CCCCCC; 
	border-left: solid 1px #CCCCCC; 
	border-right: solid 1px #CCCCCC;
	padding: 3px;
}

.dashboardItem .body p
{
	color: #000000;
	font-size: 10pt;
}

hr.divider
{
    background-color: #CCCCCC;
	border: 0 none;
	height: 1px;
	margin: 2px 5px 4px;
	padding: 0;
}


/**
 *	StatusImageIcons
 */

img.statusImageIcon
{
	background: url(../Images/statusImage.png) no-repeat;
	height: 14px;
	vertical-align: middle;
	width: 10px;
	margin-left: 2px;
	margin-right: 2px;
	border-width: 0;
}

img.statusImageIcon-red
{
	background-position: 0px 0px;
}

img.statusImageIcon-yellow
{
	background-position: -10px 0px;
}

img.statusImageIcon-black
{
	background-position: -20px 0px;
}

img.statusImageIcon-green
{
	background-position: -30px 0px;
}

.inputCalendar
{
    width: 80px;
}    


/**
 *	Page Caption
 */

.customerNameCaption
{
    background-image: url(../Images/dottedDivider.png);
    background-position: bottom;
    background-repeat: repeat-x;
    height: 59px;
	
    margin-bottom: 10px;
}
.customerNameCaption p
{
	font-family: trebuchet ms;
    font-size: 16pt;
    text-align: left;
}

.customerNameCaption .projectNameCaption p
{
    font-size: 12pt;
    text-align: left;
}