body {
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
}

h1 {
	color: #00325A;
	font-family: "Arial Narrow","Helvetica",sans-serif;
	font-size: 16pt;
} 

h2 {
	color: #0096DC;
	font-family: "Arial Narrow","Helvetica",sans-serif;
	font-size: 14pt;
} 

h3 {
	color: #0096DC;
	font-family: "Arial Narrow","Helvetica",sans-serif;
	font-size: 12pt;
} 

#header {
  width: 100%;
  height: 70px;
  background-color: #00325A;
  /* background-image: url(../images/header_bg_repeat.jpg); */
  /* background-repeat: repeat-x; */
  color: white;
}
#leftcol {
  float: left;
  width: 10%;
  height: 100%;
}
#rightcol {
  background: #fff;
  float: right;
  position: fixed; 
  right:10px;
  top: 80px;
}
#content {
  background: #fff;
  float: left;
  width: 58%;
  height: 100%;
}
#content_onepane {
  background: #fff;
  float: left;
  width: 90%;
  height: 100%;
  padding: 10px;
}
#footer {
  height: 25px;
  /* background-image: url(../images/header_bg_repeat.jpg); */
  /* background-repeat: repeat-x; */
  /* background-position: bottom; */
  background-color: #0096DC;
  clear: both;
  width: 100%;
  text-align: right;
}

#login_form  {
	position:absolute;
	right: 50px;
	top: 10px;
	font-size: small;
}

.login {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.footer_text {
	padding: 3px 3px 3px 3px;
	font-size: smaller;
	color: #ffffff;
}

.header_text {
	position:absolute;
	top: 10px;
	left: 5px;
	font-family: "Arial Narrow","Helvetica",sans-serif;
	font-size: 24pt;
	color: #ffffff;
	text-decoration: none;
}

ul.menu {
	list-style-type:none;
	font-family: "Arial Narrow","Helvetica",sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: gray;
	padding-left: 5px;	
}

div.login_error {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ff0000;
	position:absolute;
	right: 50px;
	top: 35px;
	font-size: small;
}

div.error {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #ff0000;
	font-size: small;
}

a {font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; color: #00325A; font-weight: normal; text-decoration: none;} 
a:hover { color: #0096DC;} 
a:active { color: #0096DC; text-decoration: underline;}

a.menu {font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #00325A; font-weight: bold; text-decoration: none;} 
a:hover.menu { color: #0096DC;} 
a:active.menu { color: #0096DC; text-decoration: underline;}

a.menu_selected{font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0096DC; font-weight: bold; text-decoration: none;} 
a:hover.menu_selected { color: #0096DC;} 
a:active.menu_selected { color: #0096DC; text-decoration: underline;}

a.white {font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; text-decoration: none;} 
a:hover.white { color: #ffffff; text-decoration: underline;} 
a:active.white { color: #0096DC;}

.form_login .form_row,
.form_register .form_row {
	position: relative;
	text-align: left;
	clear: left;
	min-height: 30px;
}

.form_register label {
	float: left;
	width: 180px;
	clear: left;
}

.form_register input {
	float: left;
	clear: right;
	margin: 0 5px 0 0;
}

.form_register select {
	float: left;
	clear: right;
	height: 22px;
	margin: 0 5px 0 0;
}

.form_register input.register_input.narrow {
	width: 100px;
}

.form_note {
	color: #4C709C;
	font-size: smaller;
	clear: right;
	display: inline;
	vertical-align: top;
}

.note {
	color: #4C709C;	
}

.button_submit {
	height: 28px;
}

.form_audit .form_row {
	position: relative;
	text-align: left;
	clear: left;
	min-height: 30px;
}

.form_audit label {
	float: left;
	width: 180px;
	clear: left;
}

.form_audit input {
	float: left;
	clear: right;
	margin: 0 5px 0 0;
}

.form_audit textarea {
	clear: right;	
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.form_audit select {
	float: left;
	clear: right;
	height: 22px;
	margin: 0px 5px 0px 0px;
}

.form_audit input.audit_input.narrow {
	width: 100px;
}

.form_audit fieldset {
	float: left;
	clear: left;
	width: 100%;
	padding: 10px 10px 10px 10px;
	border: 1px solid #0096DC;
	margin: 5px 5px 5px 5px;
}

fieldset.progress {
	width: 100%;
	border: none;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 14px;
	margin-bottom: 25px;
}

fieldset.events {
	width: 100%;
	float: right;
	clear: left;
	width: 100%;
	padding: 10px 10px 10px 10px;
	border: 1px solid #0096DC;
	margin: 5px 5px 5px 5px;
}


.form_audit legend {
	color: #0096DC;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	margin: 10px 10px 5px 10px;
} 

.form_event legend {
	color: #0096DC;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	margin: 10px 10px 5px 10px;
} 

.form_event label {
	float: left;
	width: 80px;
	clear: left;
}

.audit_list table, .user_list  table {
	border-color: #00325A;
	border-width: 1px 1px 1px 1px;
	float: left;
	clear: left;
}

.audit_list tr, .user_list tr {
	border-color: #00325A;
}

.audit_list th, .user_list th{
	text-align: left;
	color: #ffffff;
	background-color: #0096DC;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	border-color: #00325A;
}
/*top right bottom left*/
.audit_list td, .user_list  td{
	padding: 5px 5px 0px 5px;
	margin: 5px 5px 5px 5px;
	border-color: #00325A;
}

.asset_list table {
	border-color: #00325A;
	border-width: 1px 1px 1px 1px;
	float: left;
	clear: left;
}

.asset_list tr  {
	border-color: #00325A;
}

.asset_list th {
	text-align: left;
	color: #0096DC;
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	border-color: #00325A;
}
/*top right bottom left*/
.asset_list td {
	padding: 5px 5px 0px 5px;
	margin: 5px 5px 5px 5px;
	border-color: #00325A;
}

a.audit_list {font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; text-decoration: none;} 
a:hover.audit_list  { text-decoration: underline;} 
a:active.audit_list   { text-decoration: underline;}

a.user_list {font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; text-decoration: none;} 
a:hover.user_list { text-decoration: underline;} 
a:active.user_list  { text-decoration: underline;}

.progress {
	width:25%;float:left; text-align:center;
}

a.current_stage {
	color: #0096DC;
	font-weight: bold;
}

span.current_stage {
	color: #0096DC;
	font-weight: bold;
}

/* form validation errors */
.errors {
  color: #000;
  background-color: #faa;
  border-color: #000;
  border-style: solid;
  border-width: 1px;
  display: none;
  width: 400px;
  padding: 10px;
  margin: 10px;
}

input.error {
  border-style: solid;
  border-color: #faa;
  border-width: 1px;
}

label.error {
  color: #f33;
  font-weight: bold;
}

/* post-it notes */
div.note {
	background-color:#ffff99;
	border: 1px solid #ffff00;
	position: relative;
	right:10px;
	top: 10px;
	width: 100%;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	
}

textarea.note {
	width:220px;
	border: none;
	background-color:#ffff99;
	font-size: 8pt;
}

a.note {
	position: relative;
	right:10px;
}
/*top right bottom left*/
a.help {
	position:relative;
	color: #4C709C;
	font-weight: bold;
	background-color:#ffffcc;
	border: 1px solid #ffff00;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	vertical-align: middle;
	text-align: center;
}

a.help:hover{z-index:99; background-color:#ffffcc}

a.help span{display: none}

a.help:hover span{ /*the span will display just on :hover state*/
    display: block;
	font-weight: normal;
    position:absolute;
	top:0px; left:15px;
	width:250px;
    border: 1px solid #ffff00;
    background-color:#ffffcc;
	color:#4C709C;
    text-align: left;
	padding: 3px 8px 3px 8px;
	clear: all;
}

a.note_show {
	font-size: smaller;
	position: relative;
	left: 180px;
	color: #4C709C;	
}