/* Global Formatting */

* {

	margin: 0;
	padding: 0;
}

body {

	font: 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;
	margin: 0;
	text-align: center;
	padding: 0;
	background: #ffffff;
	color: #2f2f2f;
}

img {border:none;}

/* Text Formatting */

h1	{

	color:#003366;
	font-size:20px;
}

h2 {

	color:#003366;
	font-size:16px;
	margin:10px 0 0 0;
}

h3 {

	color:#003366;
	font-size:14px;
	margin:10px 0 10px 0;
}

h4 {

	color:#000;
	font-size:12px;
	margin:5px 0 10px 0;
}

p {

	padding: 10px 0 5px 0;
}

td.tdLeft  {text-align:left;}
td.tdRight {text-align:right;}
td.line    {border-bottom:1px #e4e4e4 solid;}

/* Global Form Styles */

input.highPriority {

	padding:3px;

}

/* Font Styles */

.subtle {


	color:#666666;
	font-weight:normal;
}

.required {

	color:#CC0000;
	font-size:16px;
	font-weight:bold;
}

.smallPrint {

	color:#999999;
	font-size:10px;
}

.warning {

	color:#CC0000;
	white-space:normal;
	
}

/* Site Structure */

.container {

  text-align: left;
  width: 750px;
  margin: 0 auto;
}

#content {

  text-align: left;
  width: 750px;
  margin: 0 auto;
}

#main {

	width:530px;
	float:left;
	padding-right:10px;
}

#sidebar {

	width:200px;
	float:left;
	background-color:#EEE;
	padding:3px;
	margin-top:10px;
	border: 1px solid #CCC;
	
}

#sysLogo {
	
	min-height:50px;
	margin:5px 0 5px 0;
}

/* Sidebar Sub Formatting */

#sidebar .sector {

	padding:5px;
	border:2px solid #FFCC00;
	background-color:#FFFFCC;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	margin-bottom:4px;
}

#sidebar .meta {

	padding:2px;
	text-align:left;
	font-size:12px;
	margin-bottom:4px;
}

#sidebar .metaMinor {

	padding:2px;
	text-align:center;
	font-size:10px;
	margin:4px 0 4px 0;
	font-weight:normal;
}

#sidebar label {

	font-weight:bold;
}

#sidebar .status {

	padding:5px;
	text-align:center;
	font-size:18px;
	margin:0 0 10px 0;
}

#sidebar .status.Awarded {

	border:2px solid #006600;
	background-color:#CCFFCC;
}

#sidebar .status.Planning {

	border:2px solid #3abbd8;
	background-color:#bbf1fd;
}

#sidebar .status.Qualification {

	border:2px solid #3abbd8;
	background-color:#bbf1fd;
}

/* Links */

a:link, a:hover, a:active {

	text-decoration:underline;
	color: #0e5ca5;
}

a:visited { color:#0e5ca5; }

a:hover { text-decoration:none; }

/* Main Menu Links */

#nav {

	background-image: url(/media/images/nav/strip.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#nav ul {

	margin: 0;
	padding: 0;
}

#nav ul li {

	list-style: none;
	float: left;
	margin-right: 2px;
}

#nav ul li a {

	background-color: #3b65b1;
	color: #fff;
	text-decoration: none;
	line-height: 20px;
	display: block;
	padding: 4px 8px;
	margin-bottom: 1px;
}

#nav ul li a:hover {

	background-color: #1a4084;
	color: #FFF;
}

#nav ul li strong a {

	background-color: #1a4084;
	color:#FFF;
	border: 1px solid #1a4084;
	border-bottom: 1px solid #1a4084;
	padding: 3px 7px 4px 7px;
	margin-bottom: 0;
}

#nav2 {

	background-color: #1a4084;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom:1px solid #3abbd8;
}

#nav2.subnavHeight {

	height: 28px;
}

#nav2 ul {

	margin: 0;
	padding: 0;
}

#nav2 ul li {

	list-style: none;
	float: left;
	margin-right: 2px;
}

#nav2 ul li a {

	color:#FFF;
	text-decoration: none;
	font-size:12px;
	display: block;
	padding: 3px 8px 4px 8px;
	margin-top: 3px;
	border-bottom:2px solid #1a4084;
}

#nav2 ul li a:hover, #nav2 ul li strong a {

	color: #FFF;
	border-bottom:2px solid #3abbd8;
}

#sideLinks {

	float:right;
}

/* Login Form Styles */

#loginBox {

	width: 450px;
	margin: 50px auto;
	text-align: left;
	border: 3px #666666 solid;
	padding:20px;
	background-color:#fff;
}

#loginForm {

	margin-top: 8px;
	border-top: 1px dotted #006600;
	padding-top: 15px;
}

#loginForm input {

	width: 200px;
}

#loginForm label {

	padding-right:15px;
	padding-left:30px;
}

#loginForm #submit {

	width:auto;
	padding:3px;
}

#loginForm td {

	font-weight:bold;
	padding: 10px 0 5px 0;
}

/* Notices */

.notice {

	padding:15px;
	margin: 15px 60px 15px 60px;
}

.good {

	border:2px dashed #33CC33;
	background-color:#e1ffe7;
}

.good h2 {

	color:#006600;
	font-size:16px;
	margin:0;
	padding:3px 3px 3px 30px;
	background-image:url(/media/images/icons/greenMedium.gif);
	background-repeat:no-repeat;
	background-position:1px 1px;
}

.good li {

	margin:5px 0 0 20px;
}

.bad {

	border:2px dashed #990000;
	background-color:#ffe1e1;
}

.bad h2 {

	color:#662400;
	font-size:16px;
	margin:0;
	padding:3px 3px 3px 30px;
	background-image:url(/media/images/icons/redMedium.gif);
	background-repeat:no-repeat;
	background-position:1px 1px;
}

.bad li {

	margin:5px 0 0 20px;
}

.lock {

	border:2px dashed #CC0000;
	background-color: #ffffcc;
}

.lock h2 {

	color:#990000;
	font-size:16px;
	margin:0;
	padding:3px 3px 3px 30px;
	background-image:url('/media/images/icons/lockMedium.gif');
	background-repeat:no-repeat;
	background-position:1px 1px;
}

/* Top Right Links */

#nav ol {
	font-family:Verdana, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 5px 0 0 0;
	float: right;
}
#nav ol li {
	list-style: none;
	float: left;
	margin-left: 1.5em;
}
#nav ol li a {
	color: #1a4084;
	text-decoration: none;
	padding: 1px;	
}
#nav ol li a:hover {
	background-color: #3abbd8;
	color: #FFF;
	text-decoration: none;
}

/* Header Icons */

#content h1 {

	background-repeat:no-repeat;
	background-position: 2px 2px;
	padding-left:35px;
}

#content h1#headerProjects   {background-image:url('/media/images/icons/projectsMedium.gif');}
#content h1#headerReports    {background-image:url('/media/images/icons/reportsMedium.gif');}
#content h1#headerContacts   {background-image:url('/media/images/icons/clientsMedium.gif');}
#content h1#headerUsers      {background-image:url('/media/images/icons/staffMedium.gif');}

/* Report Formatting */

.reportTable {
	
	width:100%;
	margin:10px 0 10px 0;
	padding: 0;
	border:1px solid #ccc;
	background:url('/media/images/bckgrnds/form.gif');
	border-collapse:collapse;
}

.reportTable td {

	padding:5px 3px 1px 3px;
}

.reportTable h2 {

	font-size:14px;
	padding:0;
	margin:0;
	color:#002D4D;
}

.reportTable .pseudoHead td, .reportTable thead td  {

	padding:5px;
	margin:0;
	background-color:#3b65b1;
	background-image:url(/media/images/data/formHead.gif);
	background-repeat:repeat-x;
}

.reportTable .name {

	font-weight:bold;
}

.reportBox {

	float:right;
	width:300px;
	text-align:center;
	border:10px solid #1a4084;
	padding:20px 20px 40px 20px;
	background-color:#c1eaf3;
}

.reportBox h2 {

	background-image:url('/media/images/icons/reportsLarge.gif');
	background-repeat:no-repeat;
	background-position:center 0;
	padding:60px 0 20px 0;
}

/* Report Filter */

.filter {

	background-color:#dfffbd;
	border:1px solid #88c331;
	padding:10px;
	margin-bottom:10px;	
}

.filter label {

	font-weight:bold;	
}

/* Global Form Styles */

.disabled {

	background-color:#EBEBE4;
	border: 1px solid #7F9DB9;
	color:#999999;
}

/* Regular Form Formatting */

.formTable {
	
	width:100%;
	margin:10px 0 10px 0;
	padding: 0;
	border:1px solid #ccc;
	background:url('/media/images/bckgrnds/form.gif');
}

.formTable thead td, .formTable .pseudoHead td {

	padding:5px;
	margin:0;
	background-color:#3b65b1;
	background-image:url(/media/images/data/formHead.gif);
	background-repeat:repeat-x;
}

.formTable thead h2, .formTable .pseudoHead h2 {

	font-size:14px;
	padding:0;
	margin:0;
	color:#000;
}

.formTable td {

	padding:10px 10px 20px 10px;
	text-align:left;
	vertical-align:top;
}

.formTable label {

	font-weight:bold;
	padding-top:4px;
	display:block;
	text-align:right;
}

.formTable label.textarea {

	text-align:left;
}

.formTable input {

	padding:3px;
	width:350px;
}

.formTable select {

	width:auto;
	min-width:320px;
	padding:3px;
}

.formTable .checkbox {

	width:auto;
	vertical-align:middle;
	line-height:1.5em;
	padding:5px;
}

.formTable .radio {

	width:auto;
	padding-top:0;
}

.formTable textarea {

	width:500px;
	height:100px;
	margin-top:5px;
	font: 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;
	padding:3px;
}

.formTable li {

	list-style:none;
	padding: 3px 0 5px 0;
}

.formTip {

	white-space:normal;
	border:1px solid #003366;
	background-color:#FFFFCC;
	color:#666666;
	padding:5px;
	width:200px;
}

/* Small Form Styles */

.formMini td {

	padding:5px 10px 10px 5px;
}

.formMini input {

	width:150px;
	padding:1px;
}

.formMini label {

	font-size:10px;
}

.formMini select {

	width:auto;
	min-width:75px;
	padding:0;
}

.radioItem {
	
	
}


.submit #submit {

	width:auto;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding:6px;
}

div.submit {

	text-align:center;
	margin:5px 0 25px 0;
}

.file #file {

	width:350px;
	padding:3px;
}

/* Data Filter */

.dataFilter {

	float:right;
	margin: 2px 50px 0 0;
}

.dataFilter select {

	width:200px;
	padding:3px;
}

/* Data Table */

.dataListing {

	width:100%;
	border-collapse:collapse;
	border-bottom:2px solid #999;
}

.dataListing thead td {

	border-top:2px solid #003366;
	border-bottom:1px solid #666666;
	padding:5px 3px 5px 3px;
	background-color:#6699CC;
	background-image: url(/media/images/data/tableHead.gif);
	background-repeat:repeat-x;
	font-weight:bold;
}

.dataListing tbody td {

	border-bottom:1px solid #E4E4E4;
	padding:5px 3px 5px 3px;
	background-color:#F6F6F6;
}

.dataListing tbody tr.odd td {

	background-color:#FDFDFD;
}

.draft 		{color:#666666;}
.inProgress {color:#FF6600;}
.onHold 	{color:#000099;}
.abandoned 	{color:#FF0000;}
.completed 	{color:#009900;}

option.draft 		{color:#666666;}
option.inProgress 	{color:#FF6600;}
option.onHold 		{color:#000099;}
option.abandoned 	{color:#FF0000;}
option.completed 	{color:#009900;}

/* Document Types */

.docType {

	background-repeat:no-repeat;
	background-position: 2px 2px;
	padding:3px 3px 3px 25px;
}

.pdf 		{background-image:url(/media/images/icons/mimePDF.gif);}
.contact	{background-image:url(/media/images/icons/clientsSmall.gif);}


/* Data Pagination */

.pagination {

	margin-top:10px;
}

/* Data Buttons */

.dataButtons {
	
	margin-top:5px;
	font-size: 12px;
	line-height: 24px;
	padding: 0 5px;
	background-color:#F5F5F5;
	background-image: url(/media/images/data/pointDown.gif);
	background-repeat: no-repeat;
	background-position: 4px 10px;
	clear:both;
}

.dataButtons ul {

  margin: 0;
  padding: 0 0 0 30px;
}

.dataButtons li {

  list-style: none;
  float: left;
  margin: 1px 2px 0 0;
}

.dataButtons li a:link, .dataButtons li a:visited, .dataButtons li a:active {

  background-color: #fff;
  font-size: 11px;
  color: #000;
  text-decoration: none;
  border: 1px solid #aaa;
  padding: 1px 4px;
  margin: 2px;
}

.dataButtons li a:hover {

  background-color: #0075CE;
  color: #fff;
  border: 1px solid #0075CE;
}

/* Dashboard Objects */

.dashObjects, .dashObjects table {

	width:100%;
}

.dashObjects div, .dashObjects td {

	padding-right:0;
	background-repeat:no-repeat;
	background-position: 1px 12px;
	vertical-align:top;
}

.dashObjects td {

	width:50%;
}

.dashObjects thead td		{font-weight:bold;}

.dashObjects div#projectObj		{background-image:url(/media/images/icons/projectsLarge.gif);padding:0 10px 0 60px;}
.dashObjects div#contactObj		{background-image:url(/media/images/icons/clientsLarge.gif);padding:0 10px 0 60px;}
.dashObjects div#reportObj		{background-image:url(/media/images/icons/reportsLarge.gif);padding:0 10px 0 60px;}
.dashObjects div#userObj		{background-image:url(/media/images/icons/staffLarge.gif);padding:0 10px 0 60px;}
.dashObjects td#activity	h3	{padding:5px; border: 1px solid #3abbd8; color:#333; background-color:#bbf1fd;}

.dashObjects p {

	margin-top:0;
	padding-top:0;
	font-size:10px;
}

.dashObjects td td 		{padding:5px;}
.dashObjects td td.col1 {width:70%;}
.dashObjects td td.col2 {width:30%;}

/* Main Application Buttons */

.appButton {

	float:right;
	padding-bottom:10px;
}

/* Misc Boxes and Borders */

.tip {

	float:right;
	padding:10px;
	margin:10px;
	border:1px solid #003366;
	background-color:#FFFFCC;
	color:#666666;
}

.tipFull {

	padding:10px;
	margin:10px;
	border:1px solid #003366;
	background-color:#FFFFCC;
	color:#666666;
}

.tip h3, .tipFull h4 {

	color:#333;
}

.tip li, .tipFull li {

	margin-left:15px;
}

/* Changes */

.changes h2 {

	font-size:14px;	
	margin:0;
}

.change {

	padding:10px;
	border: 1px solid #ccc;
	margin-top:15px;	
}

.change ul {

	margin:10px 0 0 15px;	
}

.change li {

	padding:3px 0 3px 0;	
}

/* Stats */

.stats {

	padding:10px;
	border: 1px solid #ccc;
	margin-top:15px;	
}

/* AJAX Elements And Form Notices */

.loader {

	margin:0 10px 0 10px;
	display:none;
}

/* Footer */

#end {

	border-top:#CCCCCC 1px solid;
	background-color: #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:30px;
	margin-top:20px;
}

#end p {

	text-align:center;
}

/* Useful Thingys */

.clear {

	clear: both;
	margin: 0;
	padding: 0;
}

.clearFooter {

	background: #fff;
	height: 25px;
}

.splitter td {

	border-bottom:2px solid #3b65b1;
	padding-bottom:10px;
}

/* Pagination Styles */

.pagination {

	padding: 2px;
	margin-bottom:2px;
	text-align:left;
}

.pagination .pageInfo {

	display:block;
	margin:5px 0 0 0;
	font-size:10px;
	color:#666666;
}

.pagination ul {
	
	margin: 0;
	padding: 0;
	text-align: left; /*Set to "right" to right align pagination interface*/
	font-size: 12px;
	text-align:left;
}

.pagination li {
	
	list-style-type: none;
	display: inline;
	padding:2px;
	padding-bottom: 1px;
}

.pagination a, .pagination a:visited {
	
	padding: 0 5px;
	border: 1px solid #333333;
	text-decoration: none; 
	color:#666666;
}

.pagination a:hover, .pagination a:active {
	
	border: 1px solid #666666;
	color: #000;
	background-color:#FFFFCC;
}

.pagination li.currentpage {
	
	font-weight: bold;
	padding: 0 5px;;
	border: 1px solid #333333;
	background-color:#999999;
	color: #FFF;
}

.pagination li.disablepage {
	
	padding: 0 5px;
	border: 1px solid #cccccc;
	text-decoration: none;
	color: #cccccc;
	font-weight: bold;
}

.pagination li.nextpage {
	
	font-weight: bold;
}

.pagination li.prevpage {
	
	font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage { /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
	
	margin-right: 5px;
	padding-right: 0;
}

.archiveLink	{

	float:right;
	padding-top:15px;
	padding-right:5px;
}