﻿/* GLOBAL ELEMENTS */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
ol.tall li {
  margin-bottom: 12px;
}
h1, h2, h3 {
  width: 100%; margin: 10px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px rgb(88,144,168); color: rgb(88,144,168); font-weight: bold; font-size: 170%;
}
h2 {
  width: 100%; margin: 10px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 1px rgb(88,144,168); color: rgb(88,144,168); font-weight: bold; font-size: 130%;
}
h3 {
  width: 100%; margin: 10px 0px 10px 0px; padding: 0px 0px 2px 0px; border: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 120%;
}
tr {
  vertical-align:top;
}

a img {border:0;}

/* CORE LAYOUT */

body {
  min-width: 550px;      /* 2x LC width + RC width */
  margin: 0px;
  padding: 0px;
  font-family: arial, sans-serif;
  font-size:90%;
}
.form {
}
#container {
  padding-left: 200px;   /* LC width */
  padding-right: 150px;  /* RC width */
}
#container .column {
  position: relative;
  float: left;
}
#center {
  width: 100%; 
}
#left {
  width: 200px;          /* LC width */
  right: 200px;          /* LC width */
  margin-left: -100%;
}
#left h2 {
  margin: 10px 0 0 0; 
  padding: 3px 5px 2px 5px; 
  background-color: rgb(120,150,195); 
  color: rgb(255,255,255); 
  font-weight: bold;
  font-size:14px;
}
#left p {
  margin: 8px 0 8px 0;
  padding:0 6px 1px 10px;
  font-size:13px;
  color: rgb(70,70,70);
}
#right {
  width: 150px;          /* RC width */
  margin-right: -100%; 
}
#right h2 {
  margin: 10px 0 0 0; 
  padding: 3px 0px 2px 0px; 
  background-color: rgb(120,150,195); 
  color: rgb(255,255,255); 
  font-weight: bold;
  font-size:14px;
}
#right h3 {
  margin: 0; padding: 2px 0px 0px 0px; border-top: solid 1px rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size:95%;
}
#right em {margin-bottom:5px;display:block; }
#right p {
  margin: 3px 0 8px 0;
  padding:0 2px 1px 1px;
  font-size:11px;
  color: rgb(70,70,70);
}
#header {
  background-image: url(../Images/Headerbackground.jpg);
  background-repeat: repeat-x;
  background-position:top left; 
  height: 250px;
  text-align:right;
}
#header .banner {
  background-image: url(../Images/Header.jpg);
  background-repeat: no-repeat;
  background-position:top left; 
  height: 250px;
}
.button {
  background-image: url(../Images/greenbutton.gif);
  background-repeat: no-repeat;
  background-position:top left; 
  width: 90px;
  height: 25px;
  background-color: Transparent;
  border: 0;
  margin: 4px 0 0 0;
  padding-bottom: 5px;
  color: rgb(255,255,255);
  font-weight:bold;
  cursor:pointer;
}
.loginbutton {
  margin: 4px 0px 12px 0; 
  display:block;
  padding:0;
  float:left;
  border-collapse:collapse;
  border: 1px solid rgb(10,130,40);
  background-color:rgb(30,200,60);
  color: rgb(255,255,255);
  font-weight:bold;
}
#footer {
  clear: both; 
  height: 3.0em;
  border-top: solid 1px rgb(125,125,125); 
  background-color: rgb(80,110,170); 
  color: rgb(175,175,175);
  padding-top: 5px;
}
#footer a { font-weight:bold; color: rgb(255,255,255); }
#footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 90%; }

/*** IE6 Fix ***/
* html #left {
  left: 150px;           /* RC width */
}

/*
Force Equal Column Height

#container {
  overflow: hidden;
}
#container .column {
  padding-bottom: 20010px;  /* X + padding-bottom *
  margin-bottom: -20000px;  /* X *
}
#footer {
  position: relative;
}
*/

/* Navigation */

#navigation {
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #9FB1BC;
	}

#navigation li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#navigation a:link, #navigation a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 0 6px 6px 6px;
	text-decoration: none;
	color: #708491;
	}

#navigation a:link.active, #navigation a:visited.active, #navigation a:hover {
  color: #000;
  background: url(../Images/tabrounded.gif) no-repeat bottom center;
}
#navigation a:link.active {
  font-weight: bold; font-size: 11px;
}


/* Boxover */

.boxover { width:300px; padding:0; }
.boxover-header { width:326px; background-color:rgb(215,215,255); color:rgb(15,15,15);padding:2px; border: solid 1px rgb(100,100,255); border-bottom-width:0; font-size:105%; }
.boxover-body, .boxover-body-news { width:320px; background-color:rgb(240,240,255); color:rgb(45,45,45);padding:5px; border: solid 1px rgb(100,100,255); font-size: 95%; }
.boxover-body-news { padding: 0px 5px 5px 5px;}
.boxover-body p {margin: 3px 0 4px 0;}

/* Line Box */

.linebox {border-bottom: solid 1px rgb(200,200,200); padding-bottom: 15px; margin: 0px 0px 15px 0px;}

/* Marquee */

.marqueecontainer { position: relative;width: 198px;height: 500px; background-color: white;overflow: hidden;border: 2px solid rgb(120,150,195);padding: 3px;padding-left: 5px;}

/* Update Progress Panel */

.progresstemplate {font-weight:bold;}


.grid {
  width:100%;
}

.grid td {
  padding:1px;
}

.gridheader {
  background-color: rgb(150,50,50); color: rgb(255,255,255); text-align:left;
}
.gridheader a {
  color: rgb(255,255,255);
}

.emptygrid {
  background-color:rgb(220,220,220);border:dotted 1px rgb(100,100,100);padding:12px;display:block;margin-top:15px;font-weight:bold;
}

.gridmatches {
 color: rgb(150,50,50); font-size: 80%; font-weight: bold; margin-bottom: 5px;
}
.gridpages {
 color: rgb(150,50,50); font-size: 80%; font-weight: bold; margin-bottom: 5px;
}
.gridpager {
  font-size:95%;
  font-weight:bold;
  padding-top:9px;
  background-color:rgb(240,240,250);
}

.gridpanel {
 border-top: solid 1px rgb(180,180,180);margin-top:10px;
}

.filtertable {
 font-size: 80%;
}
.filtertable select {
 font-size: 80%;
}

.rangetable {
 font-size: 85%;
}
.rangetable select {
 font-size: 85%;
}

.errorbox {
 border: 1px solid rgb(255,100,100);background-color:rgb(230,235,245);padding:3px 3px 3px 5px;color:red;font-weight:bold;
}

.hidden { visibility: hidden; }