body,html {
    height:100%;
    width:100%;
    position:absolute;
    color:#e0e0e0;
    background-color:#004E98;
    margin: 0px;
    border: 0px none;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;
}

body.webarea {
    background:url(../images/webarea.png) no-repeat left top;
    height:100%;
    width:100%;
    position:absolute;
    color:#e0e0e0;
    margin: 0px;
    border: 0px none;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;
}

select {
	color:black;
    background-color:white;
	border-color: #404040;
	border-width: 1px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
    font-size:8pt;
	font-weight: normal;
	}

   
h2 {
   font-family: Arial, Helvetica, sans-serif;
   color:orange;
   font-size:20pt;
}
h3 {
   color:white;
	font-weight: normal;
   font-size:17pt;
}
h4 {
   color:white;
   font-size:10pt;
}
h5 {
   color:white;
   font-size:8pt;
}

div {
    overflow:hidden;
    position:absolute;
    z-index:0;
    margin: 0px;
    border: 0px solid #a0a0a0;
}

div.sysbutton {
    text-align: left;
    overflow:hidden;
    position:absolute;
    z-index:0;
    margin: 0px;
    border: 0px;
    padding: 0px;
    left:1000px;
    width:21px;
    height:21px;
    cursor:pointer;
    top:11px;
	 background-color: #004E98;
    z-index:10;
}


div.textarea {
    text-align: left;
    overflow:auto;
    overflow-x: hidden;
    overflow-y: scroll;
    position:absolute;
    z-index:0;
    margin: 0px;
    border: 0px solid #a0a0a0;
    width:100%;
    height:100%;
    color: #e0e0e0;
    background-color:#000000
}

div.bottomarea {
    background:url(../textures/bottomarea2.png) no-repeat left top;
    overflow:hidden;
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    height:0px;
    z-index:1 ;
    margin: 0px;
    padding: 0px;
    border: 0px solid #ffffff;
    border-width: 0px 0px 0px 0px;
	 background-color: #004E98;
}

div.toparea {
    overflow:hidden;
    background:url(../images/logonew.png) no-repeat left top;
    z-index:2 ;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:36px;
    margin: 0px;
    border: 0px solid #ffffff;
    border-width: 0px 0px 1px 0px;
    background-color: #004E98;
}


div.leftarea {
    overflow:hidden;
    position:absolute;
    background:url(../images/bgleft.png) left top;
    left:0px;
    top:36px;
    width:0px;
    height:100%;
    bottom:1px;
    margin:0px;
    z-index:1;
    padding: 0px;
    vertical-align:bottom;
    border: 0px solid #ffffff;
    border-width: 0px 0px 0px 0px;
    background-color:#004E98;
}

div.rightarea   {
    position:absolute;
    background:url(../images/bgright.png) left top;
    right:0px;
    top:36px;
    width:0px;
    height:100%;
    z-index:1 ;
    border: 0px solid #ffffff;
    border-width: 0px 0px 0px 0px;
    background-color:#004E98;
}


div.webareacontent {
    overflow:auto;
    background-color:#ffffff;
    left:5px;
    top:40px;
    width:188px;
    border: 1px solid #404040;
    border-width: 1px 1px 1px 1px;
    color:#c0c0c0;
	font-weight: normal;
    font-size:12pt;
}
div.webareatop {
    overflow:hidden;
    background-color:#ffffff;
    background:url(../images/top.jpg) no-repeat left top;
    overflow:hidden;
    left:0px:
    top:0px;
    width:200px;
    height:32px;
    border: 0px solid orange;
    text-align: center;
    vertical-align:middle;
    color:#c0c0c0;
	font-weight: normal;
    font-size:14pt;
}


div.advbanner {
    overflow:hidden;
    text-align:center;
    position:absolute;
    left:200px;
    top:36px;
    z-index:3;
    margin: 0px;
    padding: 0px;
    border: 0px solid #ffffff;
    border-width: 1px 1px 0px 1px;
    background-color:#004E98;
}


div.geaploader {
    overflow:hidden;
    position:absolute;
    right:8px;
    top:8px;
    z-index:3;
    margin: 0px;
    padding: 0px;
    border: 0px solid orange;
    background-color:#000000;
}

div.geapcontainer {
    overflow:hidden;
    position:absolute;
    left:0px;
    top:50px;
    width:100%;
    height:100%;
    z-index:0;
    margin: 0px;
    padding: 0px;
    border: 0px solid orange;
    background-color:#000000;
    background:url(../images/back.jpg) center top no-repeat;
}


div.homepage {
    position:absolute;
    overflow:auto;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:2 ;
    margin: 0px;
    padding: 15px;
    border: 0px solid #ffffff;
    background-color:transparent;
    color:white;
    text-align: center;
    vertical-align:middle;
}

div.contentarea {
    overflow:hidden;
    position:absolute;
    left:200px;
    top:126px;
    width:100%;
    height:60%;
    z-index:2 ;
    margin: 0px;
    padding: 0px;
    border: 0px solid #ffffff;
    border-width: 0px 1px 1px 1px;
    background-color:#004E98;
    background-position: 0% 0%;
}
img {
    border: 1px solid #ffffff;
}


div.toparea div.menubar {
    position: absolute;
    z-index:4 ;
    bottom: 2px;
    left: 200px;
    width:1600px;
    height:24px;
    margin: 0px;
    border: 0px solid white;
    border-width: 0px 0px 0px 0px;
}

div.bottomarea div.menubar {
    position: absolute;
    z-index:4 ;
    top: 1px;
    left: 0px;
    width:1600px;
    height:24px;
    margin: 0px;
    border: 0px solid red;
}


div.menubar div.menuitem{
  width:180px;
}

div.panel{
    position:relative;
	background-color: transparent;
  	height:100px;
    top:0px;
    margin:0px;
    border:0px;
	color: #ffffff;
	font-family:Arial;
	font-size:10pt;
	cursor:pointer;
	font-weight: normal;
    font-stretch:expanded;
 	text-decoration: none;
	text-align: left;
}


div.centerpanel{
    position:relative;
    z-index:1;
    width:80px;
  	height:70px;
	background-color: transparent;
    border:1px solid #909090;
    border-width: 0px 1px 0px 1px;
}

div.panel div.row{
    position:absolute;
    top:0px;
  	height:20px;
  	width:1400px;
	left: 5px;
    margin:0px;
    border:0px;
	color: #ffffff;
	font-family:Arial;
	font-size:10pt;
	cursor:pointer;
	font-weight: normal;
    font-stretch:expanded;
 	text-decoration: none;
    border:0px solid #c0c0c0;
}


div.caption div.capbtn{
    position:absolute;
  	height:8px;
  	top:3px;
  	left:276px;
  	width:8px;
    background-color: orange;
    border:0px solid #d0d0d0;
    border-width: 1px 1px 1px 1px;
}

div.panel div.caption{
	color: #ffffff;
    background:url(../textures/caption3.jpg) left top;
    background-color: #d0d0d0;
    position:absolute;
  	height:14px;
  	top:2px;
  	left:5px;
  	width:290px;
    margin:0px;
    border:0px;
    padding:0px;
    vertical-align:top;
	text-align: center;
    border:0px solid #000000;
    border-width: 1px 0px 1px 0px;
	font-family:Arial;
	font-size:9pt;
	cursor:pointer;
	font-weight: normal;
    font-stretch:expanded;
}

div.text{
    border:1px solid white;
    border-width: 1px 1px 1px 1px;
	background-color: black;
	text-align: center;
    line-height:15px;
    position:absolute;
  	height:15px;
    margin:0px;
}

div.edit{
    border:1px solid gray;
    border-width: 1px 1px 1px 1px;
    background-color: black;
	 text-align: center;
    line-height:15px;
    position:absolute;
  	 height:15px;
    margin:0px;
}

input.text{
   border:0px solid orange;
	background-color: black;
   left:3px;
   line-height:15px;
  	height:15px;
   margin:0px;
	text-align: left;
   color:orange;
	font-family:Arial;
	font-size:8pt;
	cursor:pointer;
}
input.edit{
    border:0px solid gray;
    background-color: black;
    left:3px;
    color:white;
    line-height:15px;
  	 height:15px;
    margin:0px;
	 text-align: right;
	 font-family:Arial;
	 font-size:8pt;
	 cursor:pointer;
}

div.progress{
    background-color: transparent;
    border:1px solid #808080;
    position:absolute;
	 text-align: center;
  	 height:15px;
    line-height:13px;
    margin:0px;
    padding:0px;
    border-width: 1px 1px 1px 1px;
	 color:white;
}

div.progressLedOn{
    background-color: orange;
    position:absolute;
    margin:0px;
  	 height:8px;
    padding:0px;
    border:1px solid #000000;
    border-width: 1px 1px 1px 1px;
    line-height:8px;
}
div.progressLed{
    background-color: #000000;
    position:absolute;
    height:8px;
    margin:0px;
    padding:0px;
    border:1px solid #000000;
    border-width: 1px 1px 1px 1px;
    line-height:8px;
}

div.progressLed:hover{
    background-color: #ffffff;
}

div.check:hover{
   color:white ;
}


div.check{
    text-align: center;
    height:18px;
    line-height:18px;
    display:block;
    color:white;
    text-decoration: none;
    border: 1px solid #ffffff;
    border-width: 1px 1px 1px 1px;
}

div.label{
    background-color: transparent;
    border: 1px solid #ffffff;
    border-width: 1px 1px 1px 1px;
    position:absolute;
    text-decoration: none;
    text-align: center;
    height:18px;
    line-height:18px;
    margin:0px;
    padding:0px;
    border-width: 1px 1px 1px 1px;
    color:white;
}

div.hypertext{
    background-color: transparent;
    border: 1px solid #ffffff;
    border-width: 1px 1px 1px 1px;
    position:absolute;
	 text-align: center;
   text-decoration: none;
  	 height:18px;
    line-height:18px;
    margin:0px;
    padding:0px;
    border-width: 1px 1px 1px 1px;
    color:white;
}

div.row div.label:hover{
    border:1px solid #ffffff;
}
div.row div.hypertext:hover{
    border:1px solid #ffffff;
}
div.row div.check:hover{
    border:1px solid #ffffff;
}

div.btn {
    overflow:hidden;
    background:url(../textures/btn1.png) no-repeat left top;
    z-index:2 ;
    position:absolute;
    top:2px;
    width:30px;
    height:15px;
    line-height:15px;
    margin: 0px;
	background-color: #000000;
    border: 1px solid #808080;
    border-width: 1px 1px 1px 1px;
	color: #ffffff;
	font-family:Arial;
	font-size:9pt;
	cursor:pointer;
	font-weight: normal;
 	text-decoration: none;
	text-align: center;
   vertical-align:bottom;
}

div.btn:hover{
	color: orange;
}

a{
   color:white;
   cursor:pointer;
   text-decoration: none;
}
a:hover
{
	color:orange;
}

a.check
{
	font-weight: normal;
	color:white;
}
a.check:hover
{
	font-weight: normal;
	color:orange;
}
a.checkChecked
{
	font-weight: normal;
	color:red;
}
a.label
{
	font-weight: normal;
	color:#ffffff;
}
a.label:hover
{
	font-weight: normal;
	color:orange;
	text-decoration: none;
}
a.hypertext
{
	font-weight: normal;
	color:white;
	text-decoration: none;
}
a.hypertext:hover
{
	font-weight: normal;
	color:orange;
}
a.progress
{
	font-weight: normal;
	color:#ffffff;
}
a.text
{
	font-weight: normal;
	color:orange;
}
input.check {
    width:100%;
	font-size:8pt;
	cursor:pointer;
}
input.checkOn {
    border: 1px solid black;
	color: #606060;
	cursor:pointer;
 	text-decoration: none;
	background-color: orange;
}

