* {
 padding: 0;
 margin: 0;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
 background-color: #FFFFFF;
 
}
.wrapper {
 width: 80%;
 min-width: 782px;
 margin: 0 auto;
 border-left: 1px solid #D3D3D3;
 border-right: 1px solid #D3D3D3;
 border-bottom: 1px solid #D3D3D3;
}
#border {
 border-bottom: 1px solid #D3D3D3;
 margin: 0px 0px 5px 0.3%;
 background-color: #fff;
 min-height: 776px;
 float: left;
 width: 99%;
}
* html #border {height:776px} /* IE Min-Height Hack */ 
/* ------------------------ Start Header -----------------*/
.header {
  font-size: 18pt;
  font-weight: bold;
  text-align: center;
  margin: 6px 0px 0px 4px;
  background-image: url('css_images/header-middle.gif');
  background-repeat: repeat-x;
}
/* ------------------------ End Header -----------------*/


/* ------------------------ Start Navigation Bar -----------------*/
#nav-bar {
 color: #fff;
 font-weight: bold;
 margin: 8px 0px 0px 5px;
 background-image: url(css_images/nav-bar.gif);
 background-repeat: repeat-x;
 height: 21px;
 padding: 5px 0px 0px 10px;
}
/* ------------------------ End Navigation Bar -----------------*/


/* ------------------------ Start Images -----------------*/
img {
 display: inline;
 border: none;
}
img.block {
 display: block;
}
img.float {
 float: left;
 margin: 0px 14px 10px 0px;
}

#logo  {
vertical-align: middle;
}
/* ------------------------ End Images -----------------*/


/* ------------------------ Start Main Columns -----------------*/
#columns { /* Parent Wrapper for columns*/
  margin: 6px 0px 0px 0px;
  padding-left: 240px;
}
#columns .column {
  position: relative;
  float: left;
}


#leftcolumn { /* Parent Wrapper for inside boxes */
 display: inline; /* IE Hack */
 width: 240px;
 right: 240px;
 background-image:url(css_images/search-box.gif);
 background-repeat: no-repeat;
 min-height: 300px;
 padding: 0;

}
* html #leftcolumn {height:300px} /* IE Min-Height Hack */

.leftcolumn-inner { /* Parent Wrapper for inside boxes */
 display: inline; /* IE Hack */
 width: 220px;
 float: left;
 background-image:url(css_images/search-box.gif);
 background-repeat: no-repeat;
 min-height: 40px;
 padding: 10px;
 margin-bottom: 7px;
}
* html .leftcolumn-inner {height:40px} /* IE Min-Height Hack */

.left-box { /* Parent Wrapper for inside boxes */
 display: inline; /* IE Hack */
 width: 235px;
 float: left;
 min-height: 75px;
 margin-bottom: 7px;
}
* html .left-box {height:75px} /* IE Min-Height Hack */


#rightcolumn {
 display: inline; /* IE Hack */
 width: 100%;
 margin-right:-100%;
 min-height: 300px;
 min-width: 530px;
}
* html #rightcolumn {height:300px} /* IE Min-Height Hack */ 

.maincontent {
 min-height: 80px;
 display: inline; /* IE Hack */
 margin-bottom: 7px;
 width: 100%;
 min-width: 530px;
}
* html .maincontent {height:80px} /* IE Min-Height Hack */


.content-mid {
  min-height:600px;
  margin: 5px 0px 5px 0px;
  border: 2px solid #D3D3D3;
  padding: 5px 14px 5px 14px;
}

.left-mid {
 background-image:url(css_images/left-mid.gif);
 background-repeat: repeat;
 padding: 5px 14px 10px 14px;
}
.left-heading {
 background-image:url(css_images/left-heading.gif);
 background-repeat: no-repeat;
 padding: 9px 14px 5px 10px;
 font-size: 16px;
 color: #fff;
 min-height: 11px;
 font-weight: bold;

}
* html .left-heading {height:11px} /* IE Min-Height Hack */
/* ------------------------ End Main Columns -----------------*/

/* ------------------------- Start Headings ---------------------*/
h1 {
 font-size: 16px;
 color: #3686c2;
 padding: 0px 0px 0px 0px;
}
h2 {
 font-size: 14px;
 color: #4682B4;
}
h3 {
 font-size: 12px;
 color: #999999;
}
/* ------------------------- End Headings ---------------------*/
p.bold, span.bold, li.bold {
  font-weight: bold;
}

p.info {
  font-size: 14px;
}

li.optional {
  font-weight: normal;
  font-style: italic;
}

p.message {
  font-weight: bold;
}

p.warning {
  color: orange;
  font-weight: bold;
}

label.error, span.error, label.invalid, li.invalid {
  color: red;
  font-weight: bold;
}

label.okay, span.okay, li.okay {
  color: green;
  font-weight: bold;
}

span.taskinfo {
  color: #555555;
}

span.italic {
  font-style: italic;
  font-weight: bold;
}

span.warning {
  color: red;
  font-weight: bold;
}

.center {
  text-align:center;
}

.right {
  text-align:right;
}

/*
select {
  width: 150px;
}

input {
 border: 1px solid #3686c2;
 width: 200px;
 margin: 2px 0px;
}*/

input.button {
  width: 70px;
}


#footer {
 font-size: 10px;
 text-align:center;
 clear: both;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-bottom: 5px;
}
#nav-bar li {
 list-style: none;
}

ul#nav-links li {
 display: inline;
 margin-left: 0px;
 padding-left: 12px;
}
ul#topic-links li {
 list-style: none;
 margin-left: 2px;
}


#nav-bar a {
 margin: 0px 15px 0px 0px;
}

#nav-bar a:link {
 color: #fff;
 text-decoration: none;
}

#nav-bar a:visited {
 color: #fff;
 text-decoration: none;
}

#nav-bar a:hover {
 color: #FFD700; /* Gold */
 text-decoration: none;
}

ul#topic-links li {
  list-style-type: disc;
  margin: 5px 0px 0px 20px;
}

ul#topic-links li a:link{
 color: #333;
 text-decoration: none;
 font-weight: bold;
}
ul#topic-links li a:visited{
 color: #333;
 text-decoration: none;
 font-weight: bold;
}
ul#topic-links li a:hover{
 color: #999;
 text-decoration: none;
 font-weight: bold;
}

/* ------- hyperlinks ------- */
a {
  text-decoration: underline;
  font-weight: bold;
}
a:link {
 color: #527F76;
}
a:visited {
 color: #666666;
}
a:hover {
  color: #FFD700;
}

a.button {
  text-decoration: none;
  font-weight: normal;
  background: #ddd;
  border: 1px solid #3686c2;
  padding: 2px;
  color: black;
}

a.buttondisabled {
  text-decoration: none;
  font-weight: bold;
  background: #888888;
  border: 1px solid #3686c2;
  padding: 2px;
  color: black;
}

.valid {
  text-align:center;
 margin: 10px auto;
}

/* ----- input box ----- */

input.disabled{
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}

/* --------- task table ------ */
#hor-zebra
{
  width: 100%;
	font-size: 11px;
	text-align: left;
}
#hor-zebra th
{
  background-image: url(css_images/nav-bar.gif);
  background-repeat: repeat-x;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0px 15px 0px 0px;
  padding: 5px 0px 5px 10px;
}
#hor-zebra td
{
  vertical-align: top;
	padding: 8px;
	color: #000000;
}
#hor-zebra .odd
{
	background-color: #E8EDFF; 
}
#hor-zebra .oddlight
{
	background-color: #EFF3FF; 
}

#hor-zebra .oddserious td.error
{
	background-color: #FF6666; 
}
#hor-zebra .oddseriouslight td.error
{
	background-color: #FF9999; 
}
#hor-zebra .oddserious td.solution
{
	background-color: #FFFF33; 
}
#hor-zebra .oddseriouslight td.solution
{
	background-color: #FFFF66; 
}

#hor-zebra .oddfix td.error
{
	background-color: #FFFF33; 
}
#hor-zebra .oddfixlight td.error
{
	background-color: #FFFF66; 
}
#hor-zebra .oddfix td.fix
{
	background-color: #99FF00; 
}
#hor-zebra .oddfixlight td.fix
{
	background-color: #D6FF99; 
}

#hor-zebra .oddwarn td.warning
{
	background-color: #F4A460; 
}
#hor-zebra .oddwarnlight td.warning
{
	background-color: #F2BC91; 
}
#hor-zebra .oddwarn td.solution
{
	background-color: #FFFF33; 
}
#hor-zebra .oddwarnlight td.solution
{
	background-color: #FFFF66; 
}


/* information box */
#infobox {
  border: 2px dashed #4682B4;
  background-color: #FFFF66;
  margin: 15px 10px;
  padding: 2px;
}

#infobox p {
  color: #00008B;
  padding: 2px;
}

#infobox h1 {
  font-size: 14px;
  font-weight: bold;
  color: #00008B;
  padding: 2px;
}

/* file browser box */

#DownloadDiv {
  border: 1px dashed #4682B4;
  background-color: #E6E6FA;
  padding: 1px;
}

/* archive table for latest files */

#archive .product {
  border-bottom: 1px solid gray;
  padding-top: 10px;
}

#archive .latest {
  border-top: 1px dashed gray;
  border-bottom: 1px dotted gray;
  padding-bottom: 2px;
}

#archive .archive {
  border-bottom: 1px dotted gray;
  padding-bottom: 2px;
}

#archive .old {
  background-color: #D3D3D3;
}

/* notes text area*/
#notes {
  height: 100%;
  width: 100%;
}

select {
width:120px;
}

/* instruction list */

ol.instructionlist {
  padding-left: 17px;
}

/* upload file table */
table#uploadfile {
  table-layout:fixed;
}
td.submission {
  width: 80px;
  min-width: 80px;
  text-align:right;
}