<style type="text/css">

.tablelogin  {
        font-family: Helvetica;
	font-size: 12px;
	border-collapse: collapse;
	width: 100%;
}

.tablelogin th {
    font-weight:bold;
    color:#000000;
    vertical-align:middle; 
    text-align:center;
    border:0px solid #000000;
}

.tablelogin td {
    font-weight:bold;
    color:#C00000;
    font-family: Helvetica;
    font-size: 14px;
}


.loginbar {
  background: #888888;
  float: top;
  width: 100%;
  height: 28px;
  background-image: url(../images/carbon.only.jpg);
  font-family: Helvetica;
  font-size: 14px;
}

.loginbar a:link {
  text-decoration: none;
  color: #E0E0E0;
  font-family: Helvetica;
  font-size: 14px;
}

.loginbar a:visited {
  text-decoration: none;
  color: #E0E0E0;
  font-family: Helvetica;
  font-size: 14px;
}

.loginbar a:hover {
  text-decoration: none;
  color: #FFFFFF;
  font-family: Helvetica;
  font-size: 14px;
}

.loginbar a:active {
  text-decoration: none;
  color: #E0E0E0;
  font-family: Helvetica;
  font-size: 14px;
}

.loginform  {
    table-layout: fixed;
    font-family: tahoma;
    font-size: 11px;
    text-align: right;
    margin: 1%;
}

.loginform  h10 {
    font-family: tahoma;
    font-size: 8px;
    color: red;
}

input, select, textarea {
	font-family: Helvetica;
	font-size: 11px;
}


body {
  margin: 0px;
  padding: 0px;
}


#header {
  background: #000;
  width: 100%;
  height: 100px;
  background-image: url(../images/carbon.only.rl.jpg);
}

#hright {
  align: right;
}


#graph {
    margin: 1%;
}

#leftcol {
  background: #888888;
  float: left;
  width: 10%;
  height:80%;
  background-image: url(../images/carbon.only.jpg);
  text-align: center;
  font-family: Helvetica;
  font-size: 14px;
}

#leftcol h4 {
  font-family: Helvetica;
  font-size: 16px;
  color: #C00000;
}

#leftcol A {
  text-decoration: none;
  color: #E0E0E0;
  font-family: Helvetica;
  font-size: 10px;
}

#leftcol A:visited {
  text-decoration: none;
  color: #E0E0E0;
}

#leftcol A:active {
  text-decoration: none;
  color: #E0E0E0;
}

#leftcol A:hover {
  text-decoration: none;
  color: white
}


#rightcol {
  background: #888888;
  float: right;
  width: 10%;
  height:80%;
  background-image: url(../images/carbon.only.jpg);
  text-align: center;
}


.content {
  background: #fff;
  float: left;
  width: 80%;
  height:80%;
  background-color: #F8F8F8;
  overflow:auto;
  /*position:absolute;*/
}

.content a:link {
  text-decoration: none;
  color: #E10000;
}

.content a:visited {
  text-decoration: none;
  color: #E10000;
}

.content a:hover {
  text-decoration: none;
  color: #640000;
}

.content a:active {
  text-decoration: none;
  color: #E10000;
}

.footer {
  clear: both;
  width: 100%;
  height:4%;
  background-image: url(../images/carbon.only.jpg);
}

.footer a:link {
  text-decoration: none;
  color: #E0E0E0;
  font-family: Helvetica;
  font-size: 14px;
}

.footer a:visited {
  text-decoration: none;
  color: #E0E0E0;
  font-family: Helvetica;
  font-size: 14px;
}

.footer a:hover {
  text-decoration: none;
  color: #FFFFFF;
  font-family: Helvetica;
  font-size: 14px;
}

.footer a:active {
  text-decoration: none;
  color: #E0E0E0;
  font-family: Helvetica;
  font-size: 14px;
}




#menubar {
  background: #000000;
  float: top;
  width: 100%;
  height: 19px;
}

.menubar A:link {text-decoration: none; color: #E0E0E0}
.menubar A:visited {text-decoration: none; color: #E0E0E0}
.menubar A:active {text-decoration: none; color: #E0E0E0}
.menubar A:hover {text-decoration: none; color: white}
.menubar table {
    table-layout: fixed;
    width: 100%;
    font-family: tahoma;
    font-size: 11px;
    border-collapse: collapse;
}

.menubar th {
   background-image: url(../images/menugs.jpg);
}

.menubar th.selected {
    background-image: url(../images/menured.jpg);
}



/* Data Table*/
.mydatatable  {
    margin: 1%;
    table-layout: fixed;
    width: 98%;
    font-family: tahoma;
    font-size: 11px;
    border-collapse: collapse;
    border: 2px solid #000000;
}

.mydatatable table {
    text-align: center;
}

.mydatatable a:link {
    text-decoration: underline;
    color: #E10000;
}

.mydatatable a:visited {
    text-decoration: underline;
    color: #E10000;
}

.mydatatable a:active{
    text-decoration: underline;
    color: #E10000;
}

.mydatatable a:hover {
    text-decoration: underline;
    color: #640000;
}

.mydatatable caption {
    height: 30px;
    font-size: 150%;
    font-weight:bold;
    color:#E0E0E0;
    text-align:center;
    border:1px solid #303030;
    background-color: #000000;
    background-image: url(../images/carbon.only.jpg);
    border: 4px solid #000000;
}


.mydatatable th {
    height: 30px;
    font-weight:bold;
    text-align:center;
    color:#E0E0E0;
    border:1px solid #303030;
    background-color: #FFFFFF;
    background-image: url(../images/carbon.menu_head.rl.h.jpg) ;
    background-position: left bottom;
    border: 2px solid #000000;
}



.mydatatable td {
    color:#303030;
    background-color: #F0F0F0;
    border: 1px solid #000000;
}


.mydatatable td.odd {
    color:#303030;
    background-color: #C8C8C8;
    border: 1px solid #000000;
}

.mydatatable tr {
    color:#303030;
    background-color: #E0E0E0;
    border: 1px solid #000000;
}


.mydatatable tr.odd {
    color:#000000;
    background-color: #D8D8D8;
    border: 1px solid #000000;
}

.mydatatable tr:hover {
    background-color: #AA2266;
}



h1 {
   font-family: Helvetica;
   font-size: 22px;
   margin: 1%;
}

h2 {
   font-family: Helvetica;
   font-size: 20px;
   margin: 1%;
}

h3 {
   font-family: Helvetica;
   font-size: 18px;
   margin: 1%;
}

h4 {
   color: #E0E0E0;
   font-family: Helvetica;
   font-size: 16px;
   margin: 1%;
}

h5 {
   color: #000000;
   font-family: Helvetica;
   font-size: 14px;
   margin: 1%;
}

h6 {
   color: #000000;
   font-family: Helvetica;
   font-size: 12px;
   margin: 0%;
}

.labelhead {
   color: #000000;
   font-weight:bold;
   font-family: Helvetica;
   font-size: 12px;
   margin: 0%;
}

h10 {
    font-family: tahoma;
    font-size: 8px;
    color: red;
}

p {
   font-family: Helvetica;
   font-size: 14px;
   margin: 1%;
}

.red {
  color: #FF0000;
}

.red a {
  color: #FF0000;
  text-decoration: underline;
}

</style>

