/* MAIN CSS */

body{
font-family:'Lucida sans', sans-serif;
font-size:17px;
cursor:default;
color:#000000;
background-color:#FDFDFF;
}

div, td{
font-family:'Lucida sans', sans-serif;
font-size:17px;
cursor:default;
color:#000000;
}

div.infoframe{
float:right;
width:280px;
margin:0px;
border:0px solid gray;
padding:0px;
}

div.infobox{
float:right;
width:250px;
margin:3px;
border:2px solid gray;
border-radius: 10px;
padding:8px;
}

.button1 {
font-weight:bold;
padding:2px;
background-color:#FFBA27;
border:0;
color:#FFFFFF;
}

.inputtext {
border-width:1px;
font-family:'Lucida sans', sans-serif;
font-size:17px;
padding:2px;

border-color:#999999;
border-style:solid;
background-color:#F9F9FF;
}

a:link {  color: #3B5367;}
a:visited {  color: #5D7589;}
a:active {  color: #193145;}
a:hover {  color: #082034; }

.nowrap { white-space: nowrap; } 

.pagetitle{
font-size: 28px; 
color: #3060CC; 
font-family:'Lucida sans', sans-serif;
font-weight:bold;
text-align: left;
padding: 10px 10px 20px 10px;
}

/* Tab Links */
.tabList { 
 clear: both; 
 border-bottom: 1px solid #999999;
 margin: 0; 
 padding-bottom: 19px; 
 padding-left: 0px; 
 }
.tabList ul, .tabList li {
 white-space: nowrap; 
 display: inline; 
 list-style-type: none; 
 margin: 0px 0px 10px 0px; 
 padding: 0; 
 }
.tabList .tabSelected, .tabList .tabActive a:link,  .tabList .tabActive a:visited, 
.tabList .tabInactive { 
 background: #cccccc; 
 border: 1px solid #999; 
 color: #838383;
 float: left; 
 font-weight: bold; 
 line-height: 24px; 
 margin-right: 20px;
 padding: 4px 20px 6px 20px; 
 text-decoration: none; 
font-family:'Lucida sans', sans-serif;
 font-size:16px;
 }
 
.tabList .tabSelected { 
 background: #CC3333; 
 border-bottom: 1px solid #CC3333; 
 color: #FFFFFF; 
 }
 
.tabList .tabActive a:hover { 
 text-decoration: underline; 
 color: #FFFFFF;
 }
 
.tabList .tabInactive { 
 background: #ccc; color: #999;
 }
 
.tabContainer { white-space: nowrap;}

/* SideBar Content  */

#side-bar {
  background-color: #F0F8FF;
  padding: 0mm 0mm 0mm 0mm;
  margin: 1em 0em 0em 1em;
  width: 15em;
  float: left;
  clear: left;
 }

#side-bar h1 {
  color: #000000;
  font-size: 100%;
  font-weight: bold;
  margin: 3em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
  border-bottom: 1px solid #999999;
}

#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 1.1em 0;
}

#side-bar li {
  margin: 0;
  padding: 0.1ex 0;  
}

#side-bar a, .thisPage {
  color: #838383;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0.75em 1ex 0.75em 5mm;
  display: block;
  font-weight:bold;
}

.thisPage {
  color: black;
  background-color: #FAFAFA;
  padding-left: 5mm;
}

#side-bar a:hover {
  color: #FF9900;
  text-decoration: none;
  font-weight:bold;
}

.sideBarText {
  font-size:16px;
  line-height: 1.5em;
  margin: 0 0 1em 0;
  padding: 0 1.5ex 0 2.5mm;
  display: block;
}

#side-bar .sideBarText a {
  text-decoration: underline;
  margin: 0;
  padding: 0;
  display: inline;
}

#side-bar .sideBarText a:hover {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}

#side-bar .releaseDate {
  color: #FF3333; 
  font-weight: normal; 
}


.lighterBackground {
  color: inherit;
  background-color: #FAFAFA;
}


/* Body Content  */

#mainbody {
  width: 60em;

  color: black;
  background-color: #F0F8FF;
  text-align: left;
  line-height: 1.5em;
  margin: 0em 0em 0em 0em;
  padding: 5mm 5mm 5mm 5mm;
  border-left: 1px solid rgb(153,153,153);  
}

#mainbody p {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

#mainbody a {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: underline;
}

#mainbody a:hover {
  text-decoration: none;
}

#mainbody h1 {
  color: #000000;
  font-size: 100%;
  font-weight: bold;
  margin: 3em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
  border-bottom: 1px solid #999999;
}

#mainbody h2 {
  color: #CC3333;
  font-size: 100%;
  font-weight: normal;
  margin: 3em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
  border-bottom: 1px solid #999999;
}

#mainbody .percentup {
  color: #FF3333;
  font-weight: bold;
}

#mainbody .highlight {
  color: #FF3333;
  font-weight: normal;
}

#mainbody .topOfPage {
  color: #999999;
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 2.5ex 1ex 0 0;  
  padding: 0;
  float: right;
}

dl {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;
}

dd {
  margin: 0 0 2em 2em;
  padding: 0;
}

.filterbar{
background-color: #F8F8F8;
border-color: #999999;
border-style: solid;
border-width:0px 0px 0px 0px;
padding: 5px 5px 0px 5px;
text-align:right;
white-space: nowrap;
}

.returntray{
font-size:14px; 
font-family:'Lucida sans', sans-serif;
text-align: left;
padding: 5px 0px;
}

.footer{
  width: 96em;
background-color: #CC3333;
font-size:10px; 
font-family:'Lucida sans', sans-serif;
color: #FFFFFF;
text-align: right;
padding: 1px 10px;
}