#projectSelector {
	width: 40%;
	float: left;
}

#projectSelect {
	font-size: medium;
	width: 100%;
	clear: both;
}

#projectManager {
	font-size: medium;
	float: right;
}

/*Step Details Styles */
.deleteDocument{
	cursor:pointer;
}
input[readonly] {
	background: buttonface;
	background-color:#dddddd;
}
.overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	z-index: 1000;
	background: #333333;
	display:none;
	position:fixed;
}

.overlay img{
	top:50%;
	left:50%;
	margin-left:-200px;
	margin-top:-200px;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	z-index: 1001;
	position:fixed;
}

#stepDetails {
	width: 100%;
	display:block;
	overflow:auto;
	padding: 0;
}

#projecttracker ul#tabs {
	width: 100%;
	margin: 0 0 1.5em -1em;
	padding: 0 .8em 0 1em;
}
#projecttracker ul#tabs a.stepTab {
	width: 85px;
	margin: 0 0 0 1px;
	height: 33px;
	text-align: center;
	padding: 0.5em 0.3em 0.25em;
}
#projecttracker ul#tabs a.stepTab:hover {
	 cursor:pointer;
}

#activitylist {
	margin-top:10px;
	width: 100%;
	clear: both;
}
.documentScroll{
	clear: both;
	max-height:220px;
	overflow-y:auto;
	width: 100%;
}
.expandDocuments, .shrinkDocuments, .expand, .expandStepComments, .shrink, .shrinkStepComments, .expandCommentEntry span, .shrinkCommentEntry span, .toggle, .expandActivityDocuments .ui-icon, .shrinkActivityDocuments .ui-icon {
	float:left;
}

.activityRow{
	padding-left:1%;
	width:99%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:  11px;
	clear: both;
	float: left;
}
.activityRow > div {
	float: left;
}

#activityHeader, #documentList thead{
	background-color: #4289AA;
	color:#ffffff;
	font-weight:bold;
}

#documentList th{
	padding:5px 5px 5px 5px;
}

#documentList td{
	padding:5px;
}

.stepTitle {
	width: 42%;
}

.activityRole {
	width: 17%;
}

.activityComplete {
	width: 10%;
	text-align:center;
}

.activityDueDate {
	width: 14%;
	text-align:center;
}
.activityCompleteDate {
	width: 14%;
	text-align:center;
}
.activityTitle {
	width: 45%;
}

.activityComments, .commentSection {
	width:95%;
	margin-left:5%;
}

.activityDocuments {
	width:88%;
	margin: 15px 0px 0px 5%;
}

.currentComments {
	width:90%;
	overflow-y:auto;
	overflow-x:hidden;
	clear:left;
	border:1px solid #4289AA;
	padding: 0 1% 1% 1%;
	background-color:#ffffff;
}

.commentForm {
	float:left;
	width:100%;
}

.commentEntry {
	width:100%;
	display:none;
	clear:left;
	margin-bottom:3px;
}
.commentTable th {
	padding:4px;
	font-weight:bold;
}

.comment{
	width:95%;
}

td.commentCell {
	vertical-align:top;
	padding-top:5px;
	padding-bottom: 5px;
	border-top: 1px dashed #4289AA;
		
}

.stepDocuments, .stepComments{
	float:right;
	width:100%;
	clear: both;
	margin-top: 10px;
}
#stepdates {
	margin-right:1%;
	width:32%;
	float:left;
}
#stepdates input {
	text-align:center;
	margin: 0;
	width: 95%;
}
#stepDateTable thead th {
	padding: 0 0 0 2%;
	width: 26%;
}
#stepDateTable tbody th {
	padding: 0 1% 0 0;
	width: 27%;
}
#stepDateTable td {
	width: 27%;
	padding: 0 1% 0 0;
}
#submitButton {
	margin:5px;
	padding: 0 .5em !important;
}

#waitImage {
	display:none;
}

#formUpload {
	margin:5px;	
}

#documentList {
	width:100%;	
}

/*old styles*/
.hide{
	visibility: hidden;
}

/*dspTracker Layout/General Styles*/
#projectDetails {
	float:right;
}
ol {
	cursor: pointer;	
}
.selected{
	background-color: #d6e5eb;
	color:#000000;
	cursor: pointer;
	text-decoration:none;
}

.trackerlist {
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-right:0;
	float:left;
	height:173px;
	overflow-y:auto;
}

/*Accordion Styles */
.accordionHighlight{
	background-color: #E0F1FC;
}

.accordionHighlightH{
	background-color: #E0F1FC;
}

/* Layout/General Styles */
#projectHeader {
	clear: both;
	width:100%;
}

#projStatus {
	margin-top:4px;
	width:240px;
	float:left;
}

#projManager {
	margin-top:5px;
	float:left;
	width:240px;
}

.infoBox{
	margin-top: 15px;
	padding: 5px;
	width: 740px;
	height: 20px;
}

.savebutton{
	border: 1px solid #ffffff;
}

.infoBoxColor{
	border: 1px solid #416FA6;
	background-color: #dfe9f5;
}

.datesComments {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
	float: left;
	height: 162px;
}

.datesCommentsHeading {
	border-bottom: 1px solid black;
	text-align: center;
}

.dates {
	border: 1px solid black;
	width: 270px;
	height: 160px;
	float: left;
	margin-right: 66px;
}

.comments {
	overflow:hidden;
	border: 1px solid black;
	width: 410px;
	height: 160px;
	float: left;
	margin:0px;
}

/*Activity Styles */
#activityContent {
	float: left;
	width: 745px;
	height: 402px;
	border: 1px solid black;
	overflow: hidden;
}

#activityContent .data {
	color: #000000;
}

.ui-accordion-header{
	margin: 0;
	padding-top: 8px;
	float: left;
	border-bottom: 1px solid black;
	width: 100%;
	height: 30px;
	background-color: #DDDDDD;
}

.toDoHeader{
	width: 100%;
	border-bottom: 1px solid black;
	height: 20px;
	padding-top: 4px;
}

.ui-accordion-content{
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	border-bottom: 1px solid black;
}

.activityField{
	float: left;
	padding-left:40px;
}

/*Chemical Progress Dashboard Styles*/
#chemicalProgress td {
	padding: 3px;
	text-align: left;
}

/*Scout Dashboard Styles*/
td .chemicalTitle {
	width:100%;
	height: 50px;
	padding: 3px;
	background-color: #bbbbbb;
	border: 1px solid #555555;
}

#scout th {
	padding: 5px;
}

#scout td {
	padding: 3px;
}
.report th {
	padding: 5px;
}

.report td {
	padding: 3px;
}

/* Error Styles*/
.errorHighlight{
	background-color:#FF9999;	
}


tr.commentRow{
border-bottom: navy solid thin;
}

#instructions{
	width:100%;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size:  13px;
	font-weight: 900;
	clear: both;
}
.hideme{
	display:none;
}
.pad4{
	padding: 4px;
}
#buttons {
	margin: 0px 0px 10px 0px;
	width: 200px;
	float: left;
}