@import url('default.css');

body { color: #002447;}

a { color: #003366; }
a:visited { color: #003366; }
a:hover { color: #fff; background-color: #003366; }

h1, h2, h3, h4, h5 {color: #003366;}

#header {
  background: #003366;
}

#logo {
/*  background-image: url(/images/lifting_person.gif); */
	background-image: url(/images/logo_banner.jpg);
}

#header h3 {
   color: white;
	 margin-left: 1em;
}

#header-box, #header ul {
	width: 902px;
}

#header a, #header a:link, #header a:visited {
	 color: #ffffff;
	 background-image: url(/images/tab.gif); /* tab 25x80, 5px rad, #bfdfff/#003366 ht 10 */
}

#header a:hover, #header a:active {
   color: #ffcc00;
}

#header .no-link {
   color: #000000;
	 background-image: url(/images/tab_current.gif);
}
/*==================== ROUNDED CORNERS ====================*/

.rounded-heading, .rounded-corners, .rounded-borders .rounded-heading {
	background: #336699;
	margin-top: 1em;
}

.rounded-heading .top div, .rounded-corners .top div, .rounded-borders .rounded-heading top div {
  background: url(/images/rounded_heading_tl.png) no-repeat top left;
}

.rounded-heading .top, .rounded-corners .top, .rounded-borders .rounded-heading top {
	background: url(/images/rounded_heading_tr.png) no-repeat top right;
}

.rounded-heading .bottom div, .rounded-corners .bottom div {
  background: url(/images/rounded_heading_bl.png) no-repeat bottom left;
}

.rounded-heading .bottom, .rounded-corners .bottom  {
	background: url(/images/rounded_heading_br.png) no-repeat bottom right;
}

#main .rounded-heading h3, #main .rounded-borders .rounded-heading h3 { margin: -10px 10px 0 10px; }

.rounded-heading .top div, .rounded-heading .top, .rounded-corners .top div, rounded-corners .top,
	.rounded-borders .rounded-heading .top div, .rounded-borders .rounded-heading .top,
  .rounded-heading .bottom div, .rounded-heading .bottom, .rounded-corners .bottom div, .rounded-corners .bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}

.rounded-borders, .rounded-borders-form {
	background: #ffffff;
	margin-top: 0;
	margin-bottom: 2em;
}


.rounded-borders .bottom div {
  background: url(/images/rounded_border_bl.png) no-repeat bottom left;
}

.rounded-borders .bottom {
	background: url(/images/rounded_border_br.png) no-repeat bottom right;
	margin-top: -10px;
}

.rounded-borders-form .bottom div {
  background: url(/images/rounded_border_form_bl.png) no-repeat bottom left;
}

.rounded-borders-form .bottom {
	background: url(/images/rounded_border_form_br.png) no-repeat bottom right;
	margin-top: -10px;
}

.rounded-borders .bottom div, .rounded-borders .bottom,
  .rounded-borders-form .bottom div, .rounded-borders-form .bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}

.rounded-borders .panel, .rounded-borders .box, .rounded-borders-form .box {
	margin: 0;
}

/*==================== FORMS, TABLES, LISTS ====================*/

.title, caption, #main h3 {
	background: #336699;	
	color: #ffcc00;
}

.box {
	background: #d9ecff;
}

.panel, .box, table {
	border: 4px solid #336699;
}

#page-control, .page-control {
	background: #336699;
	color: #ffcc00;
}

th { 
  color: white;
	background-color: #336699;
}

.sub th {
	color: #336699;
	background: #d5eaff;
	border-bottom: 1px solid #aad5ff;
}

.view-options th {
	color: #ffcc00;
}

.view-options th a {
	color: white;
}

.view-options th a:hover, .view-options th a:active {
	color: #ffcc00;
	background-color: #336699;
}

td {
	border-bottom: 1px solid #cccccc;
}

.pri-col {
	background-color: #fbfbfb;
}

.alt-col {
	background-color: #f4f4f4;
}

.sub .pri-col {
	background-color: #ecf2ff;
	border-bottom: 1px solid #d5eaff;
}

dt {
   color: #1a4f85;
}

fieldset {
   border: 1px solid #b0b0b0;
}

legend {
   color: #1a4f85;
}

form label {
   color: #1a4f85;
}

.required label {
	color: red;
}

.required input {
	background: #ffedbf;
}

.errorExplanation {
  background: #FFcfbf;
  color: #471100;
	border: 4px solid #661800;
}

.fieldWithErrors input {
   background: #FFcfbf;
}