@charset "UTF-8";
/* CSS Document */


#leftcontent {
	position: absolute;
	left:120px;
	width:150px;
	top:200px;
	background:#fff;
	}


#centerleftcontent {
	position: absolute;
	left:275px;
	width:350px;
	top:200px;
	background:#fff;
	height: 372px;
	}


#centerrightcontent {
	position: absolute;
	left:630px;
	width:510px;
	top:201px;
	background:#fff;
	height: 371px;
	}
	
	
	#leftcontentbottom {
	position: absolute;
	left:123px;
	width:250px;
	top:583px;
	background:#fff;
	}


#centerleftcontentbottom {
	position: absolute;
	left:378px;
	width:250px;
	top:583px;
	background:#fff;
	height: 197px;
	}


#centerrightcontentbottom {
	position: absolute;
	left:633px;
	width:250px;
	top:583px;
	background:#fff;
	}


#rightcontentbottom {
	position: absolute;
	left:888px;
	width:250px;
	top:583px;
	background:#fff;
	}
	

.roundcont {
	width: 100%;
	background-image: url(images/skin/bg.gif);
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(images/skin/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/skin/br.gif) no-repeat top right; 
}

.roundtopleft { 
	background: url(images/skin/tl.gif) no-repeat top left; 
}

.roundbottomleft {
	background: url(images/skin/bl.gif) no-repeat top left; 
}

img.corner {
   background-image: url(images/skin/bg.gif) repeat-x;
   width: 26px;
   height: 26px;
   border: none;
   display: block !important;
}



table.message
{
	text-align: center;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 260px;
	background-color: #fafafa;
	border: 1px #cc0000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}


.boxHeader
{
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
	background-image: url(images/skin/bg.gif);
	height: 26px
}

.boxBody
{
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	color: #404040;
	background-color: #fafafa;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #cc0000;
} 

body {
     font-family:verdana,arial,helvetica,sans-serif;
     font-size:16px;
     background-color:#eef;
 }
#wrapper {
     width: 488px;
     height:298px;
     background-color:#fff;
     border:6px double #006;
     margin:185px auto;
}
.container {
     height:30px;
     width:400px;
     margin: 20px auto;
}
a.info {
     position:relative; /*this is the key*/
     z-index:0; 
     color:#666;
     font-style:oblique;
     text-decoration:none;  
     display:block;
     float:left;
 }
.spanny {
     float:left;
 }
a.info .ttip {
     display: none;
     float:left;
 }
a.info:hover{
     z-index:1; 
     background-color:#fff;
 }
a.info:hover .ttip {  
     display:block;
     position:absolute;
     top:20px; 
     left:40px; 
     width:120px;
     border:3px double #0cf;
     background-color:#cff; 
     color:#099;
     font-size:10px;
     font-style:normal;
     padding:5px;
 }
#pic {
     background-image:url(anim3.gif);
     border:3px solid #060;
     width:100px;
     height:100px;
 }
a.info:hover #pictip {
     top:20px; 
     left:-280px; 
     width:240px;
     border:3px double #fc0;
     background-color:#ffc; 
     color:#990;
     font-size:12px;
     text-align:justify;
     padding:10px;
 }