body {
	color: #696969;
	font-family: "Segoe UI", Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	background: white;
}

A:Visited {color:Navy}

.small
{
	font-size: 8pt;
}

.topAlign
{
	padding-top: 3px;
	vertical-align:top;
}

td.leftPanel {padding-right: 10px; vertical-align: top}
td.nonLeftPanel {border-left: 1px solid #B9C7D5; padding-left: 10px; padding-right: 10px; vertical-align: top}
div.textArea {width: 395px}

div.stripMenu
{
	padding-bottom: 10px;
}

table.stripMenu td
{
	vertical-align: baseline;
	white-space: nowrap;
}

table.stripMenu td img
{
	padding-top: 2px;
	padding-right: 3px;
	vertical-align: text-top;
	border: 0px;
}

table.stripMenu td input /* for 'label' icons */
{
	padding-top: 2px;
	padding-right: 3px;
	vertical-align: text-top;
	border: 0px;
}

div.mainContent li {list-style-position: outside; line-height: 1.5; margin-left: 17px;}

div.masthead {background-color: #27588D; color:#DEE3E5; margin-bottom:10px; font-weight:bold} /*LOGO*/
div.masthead .title {font-size: 15pt; margin: 0px 10px 5px 10px }
div.masthead A {color: #DEE3E5; text-decoration: none} /*LOGO*/
div.masthead A:Hover {text-decoration: underline}
                      
div.mainContent {padding: 0px 10px; position: relative} /* Added "position: relative" as part of UI "improvements"
/*div.mainContent {padding: 0px 10px; position: relative}*/
div.pageTitle 
{
	padding: 0px 0px 10px;
	font-size: 20pt;
	font-weight: bold
}
textarea {padding: 2px; border: 1px solid gray;}
input[type="submit"] {padding: 1px 5px;}
input[type="text"] {padding: 2px; border: 1px solid gray;}
input[type="select"] {padding: 2px; border: 1px solid gray;}
input[type="radio"] {padding-right: 4px}
input[type="checkbox"] {margin-right: 4px; vertical-align: top}

table.dataEntry {margin: 10px 0px}
table.dataEntry td {padding: 3px 3px 3px 0px}

/* Correct spacing when we have a CheckBoxList within a data entry area */
td.checkBoxList {padding-top: 0px; vertical-align: top;}
td.checkBoxList td {padding-top: 0px;}
td.checkBoxList table {border-collapse:collapse;}
td.checkBoxList table td {padding-right: 15px;}

div.infoBox
{
  background-color: #E8EAEA;
  padding: 5px;
  border: 1px solid #B9C7D5;
}

.dataEntryArea
{
  margin: 20px 0px;
  background-color: #E8EAEA;
  padding: 0px 15px 15px 15px;
  border: 1px solid #B9C7D5
}

.dataEntryArea td {padding:  3px 3px 3px 0px}
.dataEntryArea TD.topAlign {padding-top: 5px; vertical-align:top}

div.message
{
	 color: White;
	 font-size: 15pt;
	 font-weight: bold;
	 text-align: center;
	 padding: 5px 10px 5px;
}

div.pageDescription
{
	width: 800px;
}

div.pageInfo 
{
	 background-color: Green;
	 margin: 10px 0px;
}

div.pageError
{
	 background-color: Red;
	 margin: 10px 0px;
}

div.footer
{
	text-align: center;
	border-top: solid 1px #B9C7D5;
	padding-top: 5px;
	margin: 15px 0px 2px;
}

TABLE.grid 
{
	BORDER-RIGHT: #B9C7D5 1px solid; PADDING-RIGHT: 10px;
  BORDER-TOP: #B9C7D5 1px solid; PADDING-LEFT: 10px; BACKGROUND: #f8f8f8; PADDING-BOTTOM: 10px;
  BORDER-LEFT: #B9C7D5 1px solid; PADDING-TOP: 10px;
  BORDER-BOTTOM: #B9C7D5 1px solid; BORDER-COLLAPSE: collapse }
TABLE.grid TD, TH{ BORDER-RIGHT: #B9C7D5 0px solid; PADDING-RIGHT: 10px;
  BORDER-TOP: #B9C7D5 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 4px;
  PADDING-TOP: 4px; font-weight: normal;
  BORDER-BOTTOM: 0px solid; TEXT-ALIGN: center }
TABLE.grid TR.odd { BACKGROUND: #E8EAEA }
TABLE.grid TR.header { FONT-WEIGHT: normal; BACKGROUND: #27588D;/*#647890;*/ COLOR: white; } /*LOGO*/
TABLE.grid TR.selected { FONT-WEIGHT: bold }
TABLE.grid TR.pager TD { BACKGROUND: white }
TABLE.grid TR.pager TD { TEXT-ALIGN: left }
TABLE.grid TD { }
TABLE.grid TD.left { TEXT-ALIGN: left }
TABLE.grid TD.right { TEXT-ALIGN: right }

h2 {margin-bottom: 8px; margin-top: 10px}
h3 {margin-bottom: 5px; margin-top: 10px}

.itemList
{
	padding-top: 0px;
}

.itemList .subList
{
	padding-left: 15px;
}

.itemList ol
{
	list-style-type: decimal;
	padding-left: 5px;
	text-indent: 0px;
}

div.reportGroup
{
	padding-bottom: 1.5em;
}

div.reportGroupMember
{
}

div.reportGroup div.reportTitle
{
	font-size: 13pt;
	font-weight: bold;
}

div.reportGroup div.reportTitle A
{
	text-decoration: none;
}

div.reportGroupMember div.reportTitle
{
	font-size: 10pt;
	font-weight: normal;
}

div.reportGroupMember div.reportTitle A
{
	text-decoration: underline;
}

div.reportGroup div.reportNotes
{
	padding: 0.2em 0em 0.5em;
}

div.reportGroupMember div.reportNotes
{
	padding: 0.2em 0em 0.5em;
}

div.reportGroupMember div.reportNotes p
{
	margin-top: 0em;
	margin-bottom: 0.5em;
}

div.reportGroup div.reportNotes p
{
	margin-top: 0em;
	margin-bottom: 0.5em;
}

div.mapGroup
{
	padding-top: 5px;
}

div.mapRight
{
	float: right;
	padding-left: 20px;
}

div.mapHolder
{
	padding-top: 15px;
	padding-bottom: 0px;
	padding-right: 15px;
}

div.mapTitle
{
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
	padding-bottom: 5px;
}

img.mapImage
{
	border: 1px solid black;
}

div.mapSubtitle
{
	padding-top: 5px;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
}

div.fieldHint
{
	font-size: 8pt;
    max-width: 500px;
}

.imageUploadSelect {
  width: 500px;
  }

div.breadcrumbs 
{
	padding-top: 5px;
	font-weight:bold;
	font-size: 10pt;
}

div.breadcrumbs A 
{
	color: #696969;
}

div.breadcrumbs A:hover
{
	color: darkblue;
}

div.MapDiv
{
	height: 700px;
}

/* Report XML Output */

div.xml-report-sql div 
{
	 height: 200px;
	 overflow:auto;
	 border: 1px solid silver;
	 padding: 5px;
	 white-space: pre-wrap;
	 white-space: -moz-pre-wrap;
	 white-space: -o-pre-wrap;
}

div.xml-parameter
{
	width: 300px;
	height: 375px;
	margin-right: 20px;
	float: left;
}

div.xml-column
{
	width: 300px;
	height: 200px;
	margin-right: 20px;
	float: left;
}

div.xml-parameters, div.xml-columns
{
	border-top: 1px solid silver;
	margin-top: 15px;
	clear:both;
}

div.xml-parameters h2, div.xml-columns h2
{
	text-align: center;
	padding-top:0px;
}

div.xml-report h4
{
	margin-bottom: 4px;
	margin-top: 10px;
}

div.xml-report h3
{
	margin-bottom: 4px;
	margin-top: 10px;
}

.calendarExtender
{
	background-color: #e0e0e0;
	color: black;
	border: 1px solid silver;
	width: 185px;
}

div.ajax__calendar_days table td
{
	padding:1px;
}

.nowrap
{
	white-space: nowrap;
}

div.dashboardReport
{
	padding-bottom: 20px;
}

table.borderless
{
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

.codeViewArea {
  background-color: #f8f8f8;
  padding: 5px;
  border: 1px solid silver;
}

.codeViewAreaPlain {
  background-color: #f8f8f8;
  padding: 5px;
  border: 1px solid silver;
  font-family: courier;
}

.codeViewAreaOutlook {
  background-color: #f8f8f8;
  padding: 5px;
  border: 1px solid silver;
  font-family: times;
  font-size: 10pt;
}

button, input[type="button"], input[type="submit"] { 
  margin-right: 15px;
}

/* Improve spacing of radio button grids within an edit mode grid (e.g. yes/no) */
table.grid tr td table tr td 
{
	border-width: 0px;
	padding: 0px 10px 0px 0px;
}

/* Improve spacing of calendar days (general case) */
div.ajax__calendar_days table td 
{
	padding:1px;
}

/* Improve spacing of calendar days (when within an edit in a grid) */
table.grid tr td div table tr td
{
	padding:1px;
}

tr.highlight
{
	font-weight:bold;
}


/**************** SUPPORT CSS ************************/

/**************  REPORT FINDER PAGE *****************/
.clr{clear:both; overflow:hidden; display:block}
.reportfinder-left-col{width:25%; background:#e8e8e8; padding:25px 10px; float:left; color:#696969; margin:-10px 0 0 -10px}
.reportfinder-left-col h1{font-size:27px; font-weight:bold; margin:0 0 10px;}
.reportfinder-left-col i{font-size:14px; margin:0 0 20px;  display:block}
.reportfinder-left-col .search{width:97%; padding:2px 4px; float:none; border:solid 1px #808080; display:block; margin-bottom:15px}
.reportfinder-left-col .label{display:block; float:left; width:70px; line-height:22px}
.reportfinder-left-col .select{display:block; float:right; width:250px;}

.reportfinder-left-col .filters{margin-top:30px;}
.reportfinder-left-col .filters h2{font-size:20px; font-weight:bold; color:#696969; margin:0; display:block; width:250px; float:left}
.reportfinder-left-col .filters a.action{display:block; float:right; color:#3939ed; text-decoration:underline; line-height:28px}

.reportfinder-right-col{ padding:30px 10px 30px 30px; width:70%; float:left; margin-top:-10px}
.reportfinder-right-col h2{ font-size:20px; font-weight:bold; color:#696969; margin:0; display:block; width:500px; float:left}
.reportfinder-right-col a.full-details{display:block; float:right; text-decoration:underline; line-height:28px; background:#e8e8e8; padding:0 7px; margin-left:10px}
.reportfinder-right-col a.action{display:block; float:right; color:#3939ed; text-decoration:underline; line-height:28px}
.reportfinder-right-col hr{border:none; background:#bababa; height:1px; margin:10px 0 15px}

.reportfinder-right-col .report-list a.title{color:#0000ee; font-size:16px; text-decoration:underline; float:left; display:block; width:500px}
.reportfinder-right-col .report-list span.date{ display:block; float:right; width:300px; color:#848484;text-align:right}
.reportfinder-right-col .report-list p{margin:0; font-size:15px}
.reportfinder-right-col .report-list .progressbar{display:block; width:200px; background:#bababa; height:10px; margin:15px 0; float:left}
.reportfinder-right-col .report-list .progress{background:#848484; display:block; height:10px}

.reportfinder-right-col .report-list .progress-label{line-height:38px; display:block; float:left; padding:0 10px}



/**************  SPRINT FORECASTING PAGE *****************/
.page-title{margin:15px 0}
.sprint-links{ margin:0; font-size:12px}
.sprint-links a{ display:block; float:left; padding:0 5px}
a.add-programm{display:block; margin:35px 0 15px}

.settings-form h2{ margin:20px 0 0}
.settings-form .form{ display:block; float:left; width:400px; padding:10px 15px}
.settings-form .form ul{list-style:none; padding:0; margin:0}
.settings-form .form li{ display:block; padding-bottom:10px; padding:0; margin:0; clear:both}
.settings-form .form label.left{display:block; float:left; margin-right:10px; width:130px; text-align:right; height:30px}
.settings-form .form .right{display:block; float:left; width:260px}
.settings-form .form p{margin:0}
.settings-form .form p label{display:block; padding-bottom:5px}
.settings-form .form .note{font-size:10px; margin-bottom:20px}
.settings-form .form input[type=text]{width:120px; float:left}
.settings-form .form .select-big{width:250px}
.settings-form .form .select-medium{width:200px}
.settings-form .form .select-small{width:150px}

/** Sliding Panel**/
.usernote-toggle{display:block; padding:15px 15px 15px 35px; background:url(/icons/blue-arrow-left.png) 15px center no-repeat #e8e8e8; width:110px; position:absolute; top:20px; right:0}
.usernote-container{background:#e8e8e8; position:absolute; right:0 ;top:20px; display: none; width:550px}
#tabs{position:relative}
.usernote-close{background:url(/icons/blue-arrow-right.png) 0 0 no-repeat; width:8px; height:14px; position:absolute; top:13px; right:15px}

/** Tabs **/
.ui-widget-content{background:none; padding:0; border:none; margin:0}
.ui-tabs .ui-tabs-nav{padding:0; background:#dbdbdb; border:none; border-bottom:solid 1px #fff}
.ui-tabs .ui-tabs-nav li{background:none; border:none; border-left:solid 1px #fff; border-radius:0}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{background:#e8e8e8; border:none; border-radius:0; margin:1px 0 -2px }
.ui-tabs .ui-tabs-panel{padding:20px 30px}

.action a{float:right; color:#696969; font-size:12px; display:block; padding:0 10px}
.action a.my-notes-only{border-right:solid 1px #696969; color:#0000ee}
.notes-section {padding-bottom: 15px}
.notes-section .my-notes{background:#f0f0f0; border:solid 1px #c3c3c3; margin:10px 0px; padding: 0px 10px; max-height:450px; overflow-y:scroll }
.notes-section .my-notes .list{padding:5px 0 15px; border-bottom:solid 1px #c3c3c3}
.notes-section .my-notes h3{font-size:14px; color:#000; margin:0; padding:7px 0; font-weight:normal}
.notes-section .my-notes span{font-size:12px; color:#848484; display:block; float:left; padding:0 10px; border-right:solid 1px #848484}
.notes-section .my-notes a.edit{color:#0000ee; display:block; float:left; padding:0 10px; font-size:12px }

.comment-section{margin:10px 0;}
.comment-section .comment-area{width:488px; border:solid 1px #808080; min-height:40px; padding:5px; color:#999; }


/** START OF NEW CLASSES ADDED **/
.comment-section .bottom-action{float:right}
/** END OF NEW CLASSES ADDED **/

/** START OF PREVIOUSLY ADDED CLASSES EDITED**/
.comment-section .bottom-action input, .bottom-action p{ float:left; font-size:13px; line-height:0}
.comment-section .bottom-action p{ float:left; font-size:13px; line-height:0; padding-top: 5px;}
.comment-section .bottom-action input{margin:5px 0 0 10px; line-height:20px;}
/** END OF PREVIOUSLY ADDED CLASSES EDITED**/

.comment-section .bottom-action input[type=checkbox]{margin-top:-6px; float:left; margin-right:10px}


.edit-comment-section{margin:10px 0; display:none}
.edit-comment-section .comment-area{width:488px; border:solid 1px #808080; min-height:60px; padding:5px; }

/** START OF NEW CLASSES ADDED **/
.edit-comment-section .bottom-action{float:right}
.edit-comment-section .bottom-action label{display:block; float:left}
/** END OF NEW CLASSES ADDED **/

/** START OF PREVIOUSLY ADDED CLASSES EDITED**/
.edit-comment-section .bottom-action input, .bottom-action p{ float:left; font-size:13px; line-height:0}
.edit-comment-section .bottom-action p{ float:left; font-size:13px; line-height:0; padding-top: 5px;}
.edit-comment-section .bottom-action input{margin:5px 0 0 10px; line-height:20px;}
/** END OF PREVIOUSLY ADDED CLASSES EDITED**/

.edit-comment-section .bottom-action input[type=checkbox]{margin-top:-6px; float:left; margin-right:10px}

/* report flow tab */
.notes-section textarea {width:800px; min-height:150px;}
.current_task{ padding-bottom:20px; border-bottom:solid 1px #c3c3c3}
.current_task h1{font-size:18px; color:#696969; margin:25px 0 0}
.current_task span{font-size:12px; color:#696969}

.navigation-action{overflow:hidden; padding:10px 0}
.navigation-action a{color:#0000ee; text-decoration:none}
.navigation-action a.prev{display:block; float:left; font-size:12px}
.navigation-action a.next{display:block; float:right; font-size:12px}

/** FEEDBACK POPUP **/
.feedback-popup{height:400px; width:600px; position:absolute; top:50px; background:#fff; border:solid 2px #333; padding:20px; box-shadow:#333 0 0 10px; display:none; z-index:99999}
.feedback-popup .popup-content{position:relative}
.feedback-popup a.popup-close{ position:absolute; right:0; top:0; padding:5px 5px; border: solid 1px #696969; height:16px; width:16px; display:block; box-shadow:#696969 2px 2px 0; background:url(/icons/close-icon.png) center center no-repeat;}
.feedback-popup h1{margin:0; font-size:32px}
.feedback-popup input[type=text]{ width:580px; padding: 5px 10px; color:#696969; margin-bottom:10px}
.feedback-popup textarea{ width:580px; padding: 5px 10px; color:#696969; margin-bottom:10px; height:150px}
.feedback-popup p.fl{margin:0}
.feedback-popup .fl{float:left; display:block}
.feedback-popup .fr{float:right; display:block}
.feedback-popup .send-btn{margin:10px 0; padding:5px 20px }