body {
	font-size:12px;
	font-family:'trebuchet ms',verdana,arial,sans-serif;
	margin: 0;
	padding: 0;


}
#menubg{
	background-image:url(../image/topbg.jpg);
	height:59px;
	background-repeat:repeat-x;

}
#menus{
	font-weight:bold;
	color:white;
}
#uppermenu {
	margin:-55px 10px 0 0;
	color:#CAEAF5;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	white-space:nowrap;
}
#uppermenu a, a:hover{
	color:#CAEAF5;
	text-decoration:underline;
}
#animation {
	position: absolute;
	float:right;
	padding-top:0px;
	height:350px;
	margin-top:-120px;
	z-index: 1;
	right: 250px;
}


table td th tr {
	border:0px;

}

#btnstyle {
	background-color:#3dae00;
	border:0px;
	height:25px;
	color:white;
	font-weight:bold;

}
#btnstyle:hover { 
	display: block; 
	border:0px;
	background:#359600;
	font-weight: bold;
	color:white;
	
} 

img {
	border:0px;

}

#head{
	background:#d3f8ff;
	font-size:10px;

}
#head .logo {
	font-size:30px;
	color:#FFF;
	font-weight:bold;
	padding-left:50px;
}
#conte {
	color:#868686;
	font-family:'trebuchet ms',verdana,arial,sans-serif;
	line-height:1.8em;
	font-size:12px;
}
#subcontent {
	color:white;
	font-family:'trebuchet ms',verdana,arial,sans-serif;
	line-height:1.8em;
}
#maincontent{
	color: #3d3d3d;
	padding:10px 10px 25px 10px;
}
#maincontenttitle {
	font-size:14px;
	color:#009ae3;
	font-weight:bold;
	}
#mainHR {
	height:1px;
	border-color:#d9d9d9;
	border-style:solid;
	border-bottom-width:0px;
	border-right-width:0px;
	border-left-width:0px;

}
#pagecontent a, a:hover{
	color:blue;
	text-decoration:none;
}
#paginationcontent{
	background-color: #FFF;
	color: #3d3d3d;
	font-size:small;
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
}
#subfoot{
	color:white;
	height:172px;
	background-image:url(../image/subfooter_bg.gif);
	background-repeat:repeat-x;
	margin-left: auto;
	margin-right: auto;
}

#foot {
	font-size:10px;
	height:30px;
	background-image:url(../image/footer_bg.gif);
	background-repeat:repeat-x;
	background-color:#242424;
	color:white;
	
}

.textsearch {
	background:#FFFFFF url(../image/search.jpg) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	width:230px;
	height:18px;

}

.input {
	width: 170px;
	border: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-family:'trebuchet ms',verdana,arial,sans-serif;
}
.inputaccess {
	width: 100px;
	border: 1px solid #CCCCCC;
	border-left: 4px solid #CCCCCC;
	font-family:'trebuchet ms',verdana,arial,sans-serif;
}
.txtarea {
	width: 300px;
	border: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-family:'trebuchet ms',verdana,arial,sans-serif;
}
.select {
	width: 150px;
	border: 1px solid #CCCCCC;
	border-left: 4px solid #CCCCCC;
	font-family:'trebuchet ms',verdana,arial,sans-serif;
}
input.btn {
  color:#FFFFFF;
  font-family:'trebuchet ms',verdana,arial,sans-serif;
  background-color: #6699ff;
  font-weight:bold;
}

a {
	color:white;
	text-decoration:none;
	

}

a:hover{
	color:white;
	
	
}

a:visited{
	color:white;
	
	
}

hr {
	height:1px;
	border-color:#d9d9d9;
	border-style:dotted;
	border-bottom-width:0px;
	border-right-width:0px;
	border-left-width:0px;

}


#li
	{
	color:#3d3d3d;
	text-decoration:underline;
}
#menubox {
	background-color:#FF8201;
	width:500px;
	padding:5px;
}
#box{
 border: 1px #FF8201 solid;
}
.PopupPaneling
{
    border: solid 1px black;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: white;
    z-index: 100;
    
    height: 600px;
    margin-top: -270px;
    
    width: 670px;
	margin-left: -300px;
}
.PopupPanel
{
    border: solid 1px black;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: white;
    z-index: 100;
    
    height: 200px;
    margin-top: -100px;
    
    width: 400px;
    margin-left: -200px;
}

.PopupPanelModalArea
{
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color:silver;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    z-index: 99;
    border: 0;
    -moz-opacity: 0.60;
}


.PopupPanel .TitleBar
{
    margin: 0;
    display: block;
    background-color: #0058ee;
    line-height: 20px;
    color: white;
    font-weight: bold;
    padding: 0 0 0 5px;
}

.PopupPanel .ContentArea
{
    padding: 0 0 0 5px;
}

a.tooltip { position:relative; z-index:2000; }
a.tooltip span { display:none;}
a.tooltip:hover {z-index:2001;}
a.tooltip:hover span {
display:block;
position:absolute;
width:400px;
height:auto;
top:25px;
left:20px;
background-color:#FCFBDC;
border:5px solid #333333;
padding:5px;
font-size:11px;
color:#333333;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
 z-index:2001;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}