/* CSS Document */

html, body {
  color: black;
  font-family: arial;
  font-size: 9pt;
  margin: 0;
  padding: 0;
  text-align: center;
}

#container_admin {
  width: 1060;
  height: auto !important;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#container {
  width: 904px;
  height: auto !important;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#header_main {
  height: 161px;
  width: 904px;
  text-align: center;
/*  border-bottom: 1px solid green; */
}


#header_bottom_idx {
  height: 116px;
  width: 904px;
  text-align: center;
}

#leftcol {
/*  position: fixed;

  top 500px;
  right 30px;*/

/*  width: 60%;
/*  min-height: 400px;
  height: auto !important;
  height: 400px;*/
  float: left;
  font-size: 90%;
  text-align: left;
  padding-right: 4px;
  padding-left: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 10px;
  border: 1px solid;
  border-color: #cccccc;
}

#user-tools{
  float: left;
}


#main_content {
  width: 84%;
  min-height: 400px;
  height: auto !important;
  text-align: center;
/*  float: left;
  border-left: 2px solid;
  border-right: 2px solid; */
  margin-top: 2px;
  margin-left: auto !important;
  margin-right: auto !important; 

}

#rightcol {
/*  width: 15%;
  min-height: 900px;
  height: auto !important;
  height: 900px;*/
  float: right;
  text-align: right;
  padding-left: 2px;
/*  font-size: 80%;
/*  border-right: 1px solid; */
}

#footer {
  clear: both;
  width: 100%; 
  min-height: 70px;
  height: auto !important;
  height: 70px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
}

#login_form {
  height: 400px;
	position: relative;
  top: 5em;
  right: 3em;
/*	margin-top: auto;
	margin-bottom: auto; */
}

#form_error{
  position: relative;
  height: 3em;
  background-color: red;
  text-align: center;
}

#form_error[id]{
  display: table;
  position: static;
  height: 3em;
  background-color: red;
  text-align: center;
  width: 100%;
  overflow: hidden;
}

#form_error_middle{
  position: relative;
  top: 50%;
}

#form_error_middle[id]{
  display: table-cell;
  vertical-align: middle;
  position: static;
}

#form_error_inner{
  position: absolute;
  top: -50%;
}

#form_error_inner[id]{
  position: static;
}

div.upload_space {

}

#upload_form {

	position: absolute;
  top: 25em;
	left: 38em;
/*	margin-top: auto;
	margin-bottom: auto; */
}

/* Placeholder for progress bar container */
#upload_container {
   color: black;
	 position: absolute;
	 width: 200px;
   top: 20em;
	 left: 38em; 
}

#upload_container div.progress-container {
    border: 1px solid black;
    height: 20px;
    width: 200px;
    position: absolute;
    left: 38em;
}

#upload_container div.progress-container div.progress-bar {
    position: absolute;
    height: 100%;
    width: 0;
    background-color: blue;
}

#upload_container div.progress-container div.progress-info {
    color: blue;
}

/* progress bar container */
#progressbar{
        border:1px solid black;
        width:200px;
        height:20px;
        position:relative;
        color:black; 
        z-index: 10;
}

/* color bar */
#progressbar div.progress{
        position:absolute;
        width:0;
        height:100%;
        overflow:hidden;
        background-color:#369;
        z-index: 10;
}

/* text on bar */
#progressbar div.progress .text{
        position: absolute;
        text-align:center;
        color:#369;
        z-index: 1;
}

/* text off bar */
#progressbar div.text{
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    font-weight: bold;
    z-index: 100;
}

.bframe {
  padding-top: 20px;
}

img.diplayed {
  display: block;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
}

.floatLeft {
    float: left;
    margin: 4px;
}

.floatRight {
    float: right;
    margin: 4px;
}

.floatClear {
    clear: both;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.spaced_btm {
    padding-bottom: 1em;
}

.spaced_top {
    padding-top: 1em;
}

.padLeft {
    padding-left: 4px;
}

.padRight {
    padding-right: 4px;
}

.fiftycent {
    width: 50%;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

p.block {
  text-align: justify;
  margin: 4px;
}

p.block_news {
  text-align: justify;
  margin: 8px;
  font-size: 10pt;
}

div.sl {
  float: right;
  width: 90%;
  text-align: left;
}

span.super{
     font-size: 70%;
     vertical-align: super;
}

ul {
     list-style-image: url(/media/images/onl.gif);
     list-style-position: outside
}

ul.link {
     list-style-image: url(/media/images/pointer.gif);
     list-style-position: outside;
     /*     font-size: 11pt;
     font-family: Tohoma, Arial;
     font-weight: bold; */
}

a.sidebar:link {
    text-decoration: none;
    color: navy;
    font-weight: normal;
}

a.sidebar:visited {
    text-decoration: none;
    color: navy;
    font-weight: normal;
}

a.sidebar:hover {
    text-decoration: none;
    color: #0066FF;
    font-size: 105%;
    font-weight: bold;
}

a.sidebar:active {
    text-decoration: none;
    color: #0066FF;
    font-weight: bold;
}

a.menuslink:link {
     text-decoration: none;
  /*   font-size: 11pt; */
     color: #000080;
     font-family: Tohoma, Arial;
     font-weight: bold;
}

a.menuslink:visited {
     text-decoration: none;
   /*  font-size: 11pt; */
     color: #000080;
     font-family: Tohoma, Arial;
     font-weight: bold;
}

a.menuslink:hover {
     text-decoration: none;
     color: #0066FF;
     font-family: Tohoma, Arial;
     font-weight: bold;
}

a.menuslink_it:link {
     text-decoration: none;
 /*    font-size: 11pt; */
     color: #000080;
     font-family: Arial;
     font-weight: bold;
     font-style: italic;
}

a.menuslink_it:visited {
     text-decoration: none;
  /*   font-size: 11pt; */
     color: #000080;
     font-family: Arial;
     font-weight: bold;
     font-style: italic;
}

a.menuslink_it:hover {
     text-decoration: none;
     color: #0066FF;
     font-family: Arial;
     font-weight: bold;
     font-style: italic;
}

a.imglink:link {
    text-decoration: none;
    color: white;
    font-weight: normal;
}

a.imglink:visited {
    text-decoration: none;
    color: white;
    font-weight: normal;
}

a.imglink:hover {
    text-decoration: none;
    color: #0066FF;
    font-size: 105%;
    font-weight: bold;
}

a.ftrlink:link {
    text-decoration: none;
    color: blue;
    font-weight: normal;
    padding: 0px;
}

a.ftrlink:visited {
    text-decoration: none;
    color: blue;
    font-weight: normal;
    padding: 0px;
}

a.ftrlink:hover {
    text-decoration: none;
    color: #0066FF;
    font-weight: normal;
}

/* Font definitions */

.italic {
    font-style: italic;
}

.large_blueit{
     font-size:18pt; color: #000080;
     font-family: Serif, Times;
     font-weight: bold;
     font-style: italic;
}

.large_blue{
     font-size:18pt; color: #000080;
     font-family: Serif, Times;
     font-weight: bold;
}

.blue{
     color: #000080;
     font-family: Arial;
     
}

.small {
    font-size: 80%;
}

.sm_black{
     font-size:80%; color: black;
     font-family: Tohoma, Arial;
     font-weight: bold
}

.navy{
     font-size:11pt; color: navy;
     font-family: Tohoma, Arial;
     font-weight: bold
}

.navylarge{
     font-size:14pt; color: navy;
     font-family: Tohoma, Arial;
     font-weight: bold
}

.navysmall{
     font-size:9pt; color: navy;
     font-family: Tohoma, Arial;
     font-weight: bold
}
	
.overview_red{
     font-size:12pt; color: red;
     font-family: Tohoma, Arial;
     font-weight: bold
}

.largeblue{
     font-size:14pt; color: #000080;
     font-family: Tohoma, Arial;
     font-weight: bold
}

.largeblueit{
     font-size:14pt; color: #000080;
     font-family: Tohoma, Arial;
     font-weight: bold;
     font-style: italic
}

.accent{
     color: #000080;
     font-family: Tohoma, Arial;
     font-weight: bold
}

.large_black{
     font-size:16pt; color: black;
     font-family: Tohoma, Arial;
     font-weight: bold
}

.large_blackit{
     font-size:16pt; color: black;
     font-family: Tohoma, Arial;
     font-style: italic;
}

.blueit{
     color: #000080;
     font-family:  Arial;
     font-style: italic;
}

div.main {
	top: 0px;
	position: absolute;
	left: 50%;
	margin-left: -450px;
	z-index: 1;
}

div.submain {
	top: 0px;
	position: relative;
	left: 50%;
	margin-left: -375px;
	z-index: 1;
}

div.footer {
	font-size: 10pt;
}

div.jsmenu{
	z-index: 100;
}

/* JavaScript Button Definitions */

#menuspan21270515 { 
  position:absolute; 
  width:904px; 
}

#menutable21270515 { 
/*  border-width: 0px; 
  border-color: #000000; 
  border-style:solid */
}

td.menucell21270515 { 
  padding:2px; 
  padding-left:4px; 
  padding-right:4px; 
  background:#000000; 
  border:2px outset #76A5E8; 
  text-align:LEFT; 
}

#submenutable21270515 { 
  background: #A0CAE5; 
  border-width: 1px; 
  border-color: #000000; 
  border-style:solid
}

td.topcell21270515 {
  text-decoration:none; 
  color:#FFFFFF; 
  font-weight: 700; 
  font-family: Verdana; 
  font-size: 12px; 
  font-style:normal; 
  text-align:CENTER; 
}


a.js:link, a.js:visited { 
  text-decoration:none; 
  color:#FFFFFF; 
  font-weight: 700; 
  font-family: Verdana; 
  font-size: 12px; 
  font-style:normal; 
}

a.js:hover {

}


a.topitem21270515 {
  text-decoration:none; 
  color:#FFFFFF; 
  font-weight: 700; 
  font-family: Verdana; 
  font-size: 12px; 
  font-style:normal; 
} 

a.topitem21270515:hover {
  text-decoration:none; 
  color:#C0C0C0; 
  font-weight: 700; 
  font-family: Verdana; 
  font-size: 12px; 
  font-style:normal;
}

a.subitem21270515 {
  text-decoration:none; 
  color:#4298DE; 
  font-weight: 400; 
  font-family: Verdana; 
  font-size: 11px; 
  font-style:normal; 
} 

a.subitem21270515:hover {
  text-decoration:none; 
  color:#0AA9FC; 
  font-weight: 400; 
  font-family: Verdana; 
  font-size: 11px; 
  font-style:normal; 
}

P.MN21270515 {
  margin:0px; 
  color:#FFFFFF; 
  font-weight: 700; 
  font-family: Verdana; 
  font-size:12px; 
  font-style:normal;  
}

P.SMN21270515 {
  text-decoration:none; 
  color:#4298DE; 
  font-weight: 400; 
  font-family: Verdana; 
  font-size:11px; 
  font-style:normal; 
  margin:0px; 
}

#submenu21270515_0 { 
  position:absolute; 
  left:96px; 
  top:22px; 
  visibility:hidden; 
  z-index: 100; 
}

#submenu21270515_1 { 
  position:absolute; 
  left:192px; 
  top:22px; 
  visibility:hidden; 
  z-index: 100; 
}

#submenu21270515_2 { 
  position:absolute; 
  left:297px; 
  top:22px; 
  visibility:hidden; 
  z-index: 100; 
}

#submenu21270515_3 { 
  position:absolute; 
  left:401px; 
  top:22px; 
  visibility:hidden; 
  z-index: 100; 
}

#submenu21270515_4 { 
  position:absolute; 
  left:798px; 
  top:22px; 
  visibility:hidden; 
  z-index: 100; 
}
/* END JS Button Definitions */

p.c11 { text-align: justify; }
p.c6 { text-align: center; }
table.c1 { width: 904px; }
table.c3 { width: 760px; }
td.c10 { height: 184px; }
td.c12 { height: 0; }
td.c15 { background-color: white; }
td.c2 { background-color: white; height: 511px; }
td.c4 { width: 34%; }
td.c7 { height: 0; width: 29%; }
td.c9 { height: 184px; width: 34%; }
.c13 { color: navy; font-family: arial; font-size: 80%; }
.c14 { color: navy; font-family: arial; font-size: 110%; }
.c5 { font-family: arial; }
.c8 { color: navy; }

/* LINKS */
/*
a:link, a:visited { color: #5b80b2; text-decoration:none; }
a:hover { color: #036; }
a img { border:none; }
a.section:link, a.section:visited { color: white; text-decoration:none; }
*/