@charset "utf-8";
/* CSS Document */


div#page {
/*  width:755px;
  border:1px solid purple;
  margin:0 auto;
  padding:5px;
  text-align:left;
*/
	height: 100%;

}
div {
  /*text-align:center;*/
}

div#header {
    background: #00369e;
    width: 100%;
	color: #FFFFFF;
	display:block;
	height: 90px;
}


#logo {
	float:left;
}

.topNav {
	padding-top: 60px;
	font-weight: bold;
}

#headcontainer a {
	color: #FFFFFF;
	text-decoration: none;
}

#headcontainer a:hover {
	color: #0093DA;
}

div#menu {
/*  border:2px solid green;
  width:200px;
  float:left;
  margin:10px 0 10px 5px;
  height:350px;*/
  
    background: #0093DA;
	color: #000000;
	float: left;
	overflow: hidden;
	min-height: 700px;
	width: 225px;
	height: 100%;
	display: inline-block;
	
	
}
#projectName {
	font-size:13px !important;
	font-weight: bold;
	padding: 8px;
	background: #DDE0E1;
	margin-left: 100px;
	border-bottom: 1px solid #D0D2D3;
	border-left: 126px solid #D0D2D3;
	padding-left: 25px;
	
	
	
	
}
div#content {
/*  border:2px solid blue;
  width:500px;
  margin:10px 0 10px 235px;
  min-height:500px;
  _height:500px*/
    background: #FFFFFF;
	padding: 20px;
	margin-left: 0px;
	line-height: 1.4;
	min-height: 700px;
	font-size:14px;
	
}

div#footer {
/*  border:2px solid red;
  width:750px;
  height:30px;*/
  background-color:#666666;
}

input, select {
	color: #3F4B51;
	height: 25px;
	width: 300px;
	font-family: 'Pontano Sans', sans-serif;
	padding-left: 10px;
	font-size: 14px;
	border: solid 1px #d7d9da;
	vertical-align: middle;
}

input.search, select.search {
	width:200px;
}

input[type=radio] {
	color: #3F4B51;
	height: auto;
	width: auto;
	font-family: 'Pontano Sans', sans-serif;
	padding-left: 10px;
	font-size: 14px;
	vertical-align: middle;
	border: 0;
	
}
input[type=checkbox] {
	color: #3F4B51;
	height: auto;
	width: auto;
	font-family: 'Pontano Sans', sans-serif;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 14px;
	vertical-align: middle;
	border: 0;
}

input[type=submit], input[type=reset], input[type=button] {
    padding: 10px 15px;
    background: #0033A1;
    color: #FFF;
	font-size:12px;
	text-decoration: none;
	width: 150px;
	border: 0;
	height:40px;	
}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
	background: #0093DA;
}

a {
	color: #0093DA;
}

a:hover, a:visited:hover {
	color: #00a1e0;
}

a:visited {
	color: #0093DA;
}


select {
	height: 30px;
	width: 310px;
	display: inline-block;
	font-size:14px;
	line-height: inherit;
}
select.multi {
	height: 100px;
	width: 310px;
	display: inline-block;
	font-size:14px;
	line-height: inherit;
}


.spacer {
	padding-left: 30px;
}

.leftMenu {
	padding: 20px;
	color: #FFF;
	font-weight: bold;
	border-bottom: 1px solid #017ab4;
	background-color:#0093da;
}

.leftMenu:hover, .leftMenu:hover a, .leftMenu:hover a:visited {
	color: #000000;
	background-color: #FFFFFF;
}
.leftMenu a, .leftMenu a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
.leftMenu a:hover {
	color: #000;
}


.label {
	font-size:12px;
	font-weight: bold;
	line-height: 2;
	
}
.redlabel {
	color: #F00;
	font-size:12px;
	font-weight: bold;
	line-height: 2;
	
	
}

.small {
	font-size:12px;
}

.small2 {
	font-size: 12px;
}

.small3 {
	font-size: 12px;
	color:#828485;
}

.note {
	font-size: 10px;
}
.formFormat td {
	padding-bottom:20px;
}

.msg {
	color: #0093DA;
	font-weight: bold;
}

.editButton, .editButton:visited {
    padding: 10px 15px;
    background: #0093DA;
    color: #FFF;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
}

.riskNumber a {
    padding: 2px 5px;
    background: #0093DA;
    color: #FFF;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	margin: 5px;
}

.editButton:hover {
	color: #FFF !important;
	background: #017ab4;
}

.tableHeader {
	background: #DDE0E1;
	font-weight:bold;
	font-size:12px;
	text-align: center;
	/*	border-bottom: 1px solid #017ab4;
	background-color:#0093DA;*/
	line-height: normal;
	padding-top: 15px;
	padding-bottom:15px;
	border-bottom: 1px solid #D0D2D3;

	
}

.axisHeader {
	background: #DDE0E1;
	font-weight:bold;
	font-size:12px;
	text-align: center;
/*	border-bottom: 1px solid #017ab4;
	background-color:#0093DA;*/
	line-height: .5;
	padding-top: 15px;
	padding-bottom:15px;

	
}


.grid {
	background-color:#EAEDEE;
}

.rotate2 {
	writing-mode: tb-rl; 
	
	

}

.rotate3 {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);

	/* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	height: 75px;
	
  
  

}

.heading {
	display:block; 
	height:60px;
	vertical-align:top;
	width: 100%;
}

.headingH2 {
	display:block;
	height:40px;
	vertical-align:top;
	width: 100%;
	padding-bottom: 8px;
}

.h1WithButton {
	display:inline;
	float:left;
	vertical-align:top;
}

.borderLeft {
	border-left: 1px solid #c5cfd3;
}
.borderRight {
	border-right: 1px solid #c5cfd3;
}
.borderTop {
	border-top: 1px solid #c5cfd3;
}
.borderBottom {
	border-bottom: 1px solid #c5cfd3;
}

hr {
	border-bottom: 1px solid #D0D2D3;
    border: 0;
    height: 0;
    border-top: 1px solid #DDE0E1;
   
}

.projectUpdate {
/*	border-top: 1px solid #DDE0E1;*/
	border-bottom: 1px solid #DDE0E1;
	padding: 20px;
}

td p {
	margin-top: 0px;
}
#content p {
	padding-top: 3px;
}

.sideCallout, .sideCallout td {
	background-color: #c7c7c7;
	margin: 5px;
	padding: 5px;
}

.callout {
	background-color: #dddddd;
	padding: 5px 20px 10px 20px;
}

.error, .red {
	color: #cc0000;
	font-weight: bold;
}