body { 
	background-color: #55DEFB;
}
body, .searchbar, .textinput {
	font-size:18px;
}
.loading, .location{
	background-color:#00FFCC;
}
.rightdata, .dissabled_work_area {
	background:#00FFCC;
	overflow:visible;
	text-align:center;
}
a {
	font-style:normal;
	color:#333333;
	text-decoration:underline;
}
a:hover {
	color:#000066;
}


.body {
	position:absolute;
	border:none;
	left:285px;
	right:22%;
	margin:3%;
	margin-top:0%;
	top:0px;
	z-index:2;
}
.loading{
	position:absolute;
	width:20%;
	left:30%;
	top:10%;
	margin:5%;
	padding:5%;
	text-align:center;
	z-index:20;
}
.navigation_left {

	position: fixed;
	bottom: -2px;
	left: -25px;
	height:640px;
	width:300px;
	z-index:3;
	padding:0px;
}
.navigation_left img{
	border:0px;
	top:0px;
	padding:0px;
}
.navigation_right {
	position: absolute;
	top: 0px;
	right: 1%;
	height:100%;
	width:19%;
	z-index:1;
}
.location{
	position:relative ;
	border:#000000 solid thin;
	padding-top:2px;
	padding-bottom:2px;
	width:100%;
	top:0px;
	z-index:2;
	margin-bottom:14px;
}
.header {
	position:absolute ;
	border:#000000 solid thin;
	padding-top:2px;
	padding-bottom:2px;

	width:100%;
	top:0px;
	z-index:2;
	height:30px;
	background-color:#00FF00;
}

.rightdata img{
	border:none;
}
.searchbar{
	top:15px;
	right:15px;
	background-image:url(navigation/search.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:26px;
	padding-left:2px;
	width:80%;
	color:#CCCCCC;
	text-align:right;
}
.txtheading {
	font-weight:bold;
	padding:4px;
}

.txtbody {
	padding:4px;
}
.textinput{
	color:#CCCCCC;
	width:80%;
	top:15px;
	right:15px;
	padding-right:2px;
	padding-left:2px;
	text-align:right;
	}
.Item
{	
	display:block;
	position:relative;
	width:95%;
	left:1.75%;	
	height:100%;
	padding:5px;
	overflow:auto;
}
.Item a
{	
	text-decoration:none;
}
.Item img
{	
	height:152px;
	padding:4px;
	border:0px;
}
.Itemlink
{	
	display:block;
	width:100%;
	text-decoration:none;
}
.ItemLink:link
{	
	text-decoration:none;
}
.ItemLink:hover
{	

	display:block;
	overflow:auto;
	text-decoration:none;
	background-color:#3399FF;
}
.Link
{
	text-decoration:none;
	color:#333333;
}
.AdminText
{
	width:50%;
	overflow:visible;
	font:inherit;
	background:none;
	border:#999999 thin double;	
}
.debug {
	position: relative;
	right: 0%;
	bottom: 0px;
	border:solid thin;
	padding:5%;
	width: 90%;
	overflow:scroll;
}


.tooltip{
    position:relative; /*this is the key*/
    z-index:24;
}

.tooltip:hover{
	z-index:25;
}

.tooltip span{
	display: none;
	text-decoration:none;
}

.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:20px;
	left:5px;
	width:15em;
    border:1px solid #000000;
    background-color:#00FF99;
    text-align: center;
	text-decoration:none;
	color:#000000;

}