
<style>

body {
	margin: 0;
	padding: 0;
	background-color:#ffffff;
	font: 8pt/16pt sans serif; 
	color: #fffff; 

}

	

div.top {
	position: absolute;
	top: 0px;
	left: 175px;
	width: 625px;
	height: 150px;
	background: url(images/header_short.jpg) no-repeat top left;
	background-color:#66ccff;
	border: 0px solid #cccccc;
	
}
	

	
p { 
	font: 8pt/16pt sans serif; 
	margin-top: 0px; 
	text-align: left;
	}
table.placeholder {
	width: 80%;
	height: 80%;
	border:0px solid #ff0000;
	vertical-align: middle;
	text-align:center;
}

table.placeholder td {
	vertical-align: middle;
	text-align: middle;
}

table.placeholder1 {
	width: 100%;
	height: 80%;
	border:0px solid #ff0000;
	vertical-align: middle;
	text-align:center;
}

table.placeholder1 td {
	vertical-align: middle;
	text-align: middle;
}
INPUT , SELECT , OPTION, TEXTAREA { font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 11px;}

div {
	border: 0px solid #cccccc;
}

div.container {
	position: relative;
	text-align: left;
	margin-left: 20%;
	margin-top: 2%;
	margin-bottom:auto;
	margin-right: 20%;
	vertical-align:middle;
	width: 80%;
	height: 80%;
	border: 0px solid #cccccc;

}

div.left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 175px;
	height: 650px;
	z-index:103;
	background-color:transparent;
}

div.leftreports {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 105px;
	height: 650px;
	z-index:103;
	background-color:transparent;
}



div.infobox
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 280px;
	height: 310px;
	background-color:#66ccff;
	border: 1px solid red;
	vertical-align: top;
	text-align: left;
	filter:alpha(opacity=95); /* IE's opacity*/
        opacity: 0.95;
	margin: 0px 20px 0px 20px;
	display: none;
	z-index:110;
}
div.hometop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 310px;
	background: url(images/phantomglobe.jpg) no-repeat top left;
	background-color:white;
	border: 0px solid #cccccc;
	vertical-align: top;
	text-align: right;
	filter:alpha(opacity=95); /* IE's opacity*/
        opacity: 0.95;
	z-index:100;
}
div.centerdiv{
	vertical-align: top;
	text-align: center;
}
div.hometopsearch {
	position: absolute;
	top: 0px;
	left: 625px;
	width: 625;
	height: 80px;
	background-color:transparent;
	border: 0px solid #cccccc;
	vertical-align: top;
	text-align: left;
	z-index:101;
}
div.main {
	position: absolute;
	top: 150px;
	left: 170px;
	width: 655px;
	height: 500px;
	z-index:100;
}

div.mainreports {
	position: absolute;
	top: 15px;
	left: 10px;
	width: 100%;
	height: 500px;
	z-index:100;
}
div.containerhome {
	position: absolute;
	top: 150px;
	left: 170px;
	width: 625px;
	height: 500px;
	/*background: url(images/mobileeg.gif) no-repeat bottom right;*/
	z-index:100;
}


div.colmainhome {
	position: relative;
	top: 0px;
	left: 0px;
	margin:0px;
	width: 425px;
	height: 500px;
	z-index:101;
	overflow: auto;
	



}
div.colmain {
	position: relative;
	top: 0px;
	left: 0px;
	margin:5px;
	width: 445px;
	height: 500px;
	z-index:103;
	background-color:white;
	

}
	
}
div.col1 {
	position: relative;
	top: 0px;
	left: 0px;
	margin:5px;
	width: 445px;
	height: 500px;
	overflow: auto;
	z-index:99;
	
}

div.bottomrow {
	position: absolute;
	top: 280px;
	left: 0px;
	margin:5px;
	width: 445px;
	height: 500px;
	z-index:104;
	background-color:white; 
	
}

div.col2 {
	position:absolute;
	top: 0px;
	left: 455px;
	margin:5px;
	width: 170px;
	height: 500px;
	overflow: auto;
	background-color:transparent; 
	z-index:103;
}

div.colbig {
	position:absolute;
	top: 0px;
	left: 10px;
	width: 655px;
	height: 500px;
	overflow: auto;
	z-index:103;
		
}
div.footermain{
	
	position: absolute;
	top: 650px;
	left: 0px;
	width: 800px;
	height: 20px;
	background-color:#66ccff;
	font: 8pt/16pt georgia; 
	text-align:center;
	border: 1px solid #cccccc;
}
div.footer{
	
	position: absolute;
	top: 650px;
	left: 0px;
	width: 830px;
	height: 20px;
	background-color:#66ccff;
	font: 8pt/16pt georgia; 
	text-align:center;
	border: 1px solid #cccccc;
}

div.infobox250{
	
	position: relative;
	top: 0px;
	left: 0px;
	width: 250px;
	height: 100px;
	background-color:#66ccff;
	border-color:red; 
	border: 2px solid #cccccc;
	font: 8pt/16pt georgia; 
	text-align:left;
	
}

table.whiteback
{
    WIDTH: 100%;
    POSITION: relative;
    HEIGHT: 100px;
    background-color:#ffffff;
    filter:alpha(opacity=75); /* IE's opacity*/
    opacity: 0.75;
    
}
table.tablebox
{
    WIDTH: 100%;
    POSITION: relative;
    HEIGHT: 100px;
    BACKGROUND-COLOR: #66ccff;
    font:12px verdana;
    
}
table.tablecompact
{
    WIDTH: 50%;
    POSITION: relative;
    BACKGROUND-COLOR: #ffffff;
    border: 1px solid #ffffff;
    font:12px verdana;
}
table.tablecompact tr.odd { background-color: #cccccc }
table.tablecompact tr.even { background-color: #66ccff }

table.payment
{
    WIDTH: 80%;
    POSITION: relative;
    font:12px verdana;
}

table.payment td {  text-align:left; vertical-align:top;}
table.payment tr.even { background-color: #66ccff }
table.tableboxlarge
{
    WIDTH: 100%;
    POSITION: relative;
    BACKGROUND-COLOR: #ffffff;
    font:12px verdana;
}
table.tableboxlarge td {  text-align:left; vertical-align:top;}

table.adminalt
{
    WIDTH: 250px;
    POSITION: relative;
    BACKGROUND-COLOR: #ffffff;
    font:12px verdana;
    text-align:left;
    vertical-align:top;
}
table.adminalt td.leftset {  text-align:left; vertical-align:top;}
table.adminalt td.rightset {  text-align:left; vertical-align:top;}
table.adminalt tr.odd { background-color: #cccccc }
table.adminalt tr.even { background-color: #66ccff }
table.adminalt tr.boldtext {  FONT-WEIGHT: bold;  background-color: #0099ff}

table.admin
{
    WIDTH: 90%;
    POSITION: relative;
    BACKGROUND-COLOR: #66ccff;
    font:12px verdana;
    
}
table.admin td {  text-align:left; vertical-align:top;}
table.admin tr.odd { background-color: #cccccc }
table.admin tr.even { background-color: #66ccff }
table.admin tr.boldtext {  FONT-WEIGHT: bold; background-color: #0099ff}

table.leftcol
{
    WIDTH: 90%;
    POSITION: relative;
    BACKGROUND-COLOR: #66ccff;
    font:12px verdana;
    
}
table.admin td {  text-align:middle; vertical-align:top;}
table.admin tr.odd { background-color: #cccccc }
table.admin tr.even { background-color: #66ccff }
table.admin tr.boldtext {  FONT-WEIGHT: bold;}

table.admin1
{
    WIDTH: 90%;
    POSITION: relative;
    BACKGROUND-COLOR: #66ccff;
    font:9px verdana;
    
}
table.admin1 td {  text-align:left; vertical-align:top;}
table.admin1 tr.odd { background-color: #cccccc }
table.admin1 tr.even { background-color: #66ccff }
table.admin1 tr.boldtext {  FONT-WEIGHT: bold;}

table.admin2
{
    WIDTH: 100%;
    POSITION: relative;
    BACKGROUND-COLOR: #66ccff;
    font:12px verdana;
    
}
table.admin2 td {  text-align:right; vertical-align:top; white-space: nowrap;}
table.admin2 td.special {  text-align:right vertical-align:top;  background-color: #6699ff; white-space: nowrap;}
table.admin2 tr.odd { background-color: #cccccc }
table.admin2 tr.even { background-color: #66ccff }
table.admin2 tr.boldtext {  FONT-WEIGHT: bold;}

table.login
{
    WIDTH: 40%;
    POSITION: relative;
    font:12px verdana;
    margin-left: auto;
    margin-right: auto;

    
}
table.login td {  text-align:right; vertical-align:top;}
table.login td.special {  text-align:right; vertical-align:top;  background-color: #ff6600}
table.login tr.odd { background-color: #dddddd }
table.login tr.even { background-color: #66ccff }
table.login tr.boldtext {  FONT-WEIGHT: bold;}

table.tablebox td
{
	text-align: left;	
}

acronym {
cursor:help;
border-bottom:1px dotted #000000;
color:#66ccff;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
}
SPAN#headingtext
{
    MARGIN-TOP: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    font:  Verdana, sans-serif;
    MARGIN-BOTTOM: 10px;
    WIDTH: 100%;
    COLOR: #0099ff;
    TEXT-ALIGN: center;
}
SPAN#bigletter
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 25px;
}

SPAN#bannertext
{
    Color: #000000;
    FONT-SIZE: 14px;
    TEXT-ALIGN: center;
}
SPAN#important
{
    Color: #ff0000;
    FONT-SIZE: 25px;
}
SPAN#caption
{
    Color: #cccccc;
    FONT-SIZE: 14px;
    TEXT-ALIGN: center;
}

SPAN#italichead
{
    Color: #000000;
    FONT-SIZE: 12px;
}
SPAN#redpoint
{
    Color: #ff0000;
    FONT-SIZE: 12px;
}
SPAN#boldtext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
}

SPAN#middlealigned
{
    TEXT-ALIGN: center;
}
SPAN#boldtext_ondemand
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    color: #00ccff;
}
.buttonscontainer 
{
	MARGIN-TOP: 150px;
	width: 175px;
}

.buttons a {color: #333333;
border: 1px solid;
background-color: #cccccc;
padding: 2px;
padding-left: 3px;
font: 12px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
display: block;
margin:5px;
width: 80%;
text-align: left;}

.buttons a:visited{
	text-decoration: none;
	color: #000000
}
.buttons a:link {
	font-weight: bold; 
	text-decoration: none; 
	color: #000000;


}
.buttons a:hover {border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #999999;
border-color:  #FFFFFF #66ccff #FFFFFF #66ccff;
color: #FFFFFF;
text-decoration: none;}

a:link { 
	font-weight: bold; 
	text-decoration: italic; 
	text-decoration: underline;
	color: #0066ff;
	
	}
a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #000000;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #0066ff;
	

	}
	
	
table.boxed
{
    WIDTH: 40%;
    POSITION: relative;
    font:12px verdana;
    
       
}

.slink a {
vertical-align: top;}
.slink a:visited{
	text-decoration: none;
	
}
.buttons a:link {
	 
	text-decoration: none; 
	


}
.buttons a:hover {
	border: 1px solid;
pext-decoration: none;
}




table.boxed td.tone { width:8px; height:8px; background : url(http://www.phantomeye.com/phpMyBorderCache/2_66ccff000000_8_1_1.gif); }
table.boxed td.ttwo {background-image:url(http://www.phantomeye.com/phpMyBorderCache/2_66ccff000000_8_1_2.gif); background-repeat:repeat-x;}
table.boxed td.tthree {width:8px; height:8px; background-image: url(http://www.phantomeye.com/phpMyBorderCache/2_66ccff000000_8_1_3.gif);}
table.boxed td.tfour {background-image:url(http://www.phantomeye.com/phpMyBorderCache/2_66ccff000000_8_1_4.gif); background-repeat:repeat-y ;}
table.boxed td.tfive {background: transparent;}



table.boxed td.bone {background-image:url(http://www.phantomeye.com/phpMyBorderCache/2_66ccff000000_8_1_6.gif); background-repeat:repeat-y;}
table.boxed td.btwo {width:8px; height:8px; background-image: url(http://www.phantomeye.com/phpMyBorderCache/2_66ccff000000_8_1_7.gif);}
table.boxed td.bthree {background-image:url(http://www.phantomeye.com/phpMyBorderCache/2_66ccff000000_8_1_8.gif); background-repeat:repeat-x;}
table.boxed td.bfour {width:8px; height:8px; background-image: url(http://www.phantomeye.com/phpMyBorderCache/2_66ccff000000_8_1_9.gif);}


#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#ff0000;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#d4d4d4; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block;  background:#d4d4d4; border:0 solid #08c; border-width:0 1px;}

.xboxcontent1 {display:block; margin:0 5px; background:#d4d4d4; border:1 solid #08c; border-width:0 ;}

.curvy {position:relative; width:400px; height:150px; background:#08c; color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#08c; background:#fff;overflow:hidden;}
#ctl {top:0px; left:0px;}
#cbl {top:130px; left:0px;}
#ctr {top:0px; left:380px;}
#cbr {top:130px; left:380px;}
#quadtl, #quadtr, #quadbl, #quadbr {position:absolute; font-size:150px; font-family:arial; color:#08c;line-height:40px;}
#quadtl {left:-8px;}
#quadtr {left:-25px;}
#quadbl {left:-8px; top:-17px;}
#quadbr {left:-25px; top:-17px;}
#txt {position:absolute; top:5px; left:5px; width:390px; height:140px;}
#txt p {font-size:10px; line-height:17px; color:#fff;}


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #66ccff;
 border-bottom: 1px solid #66ccff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

</style>
	



