DIV.cardbox {
width:225;
float:left;
position:relative;
display:block;
height:183;
border: solid black;
border-width:2px;
background: #99A;
z-index:23;

}

DIV.cardbox DIV.carddata {
float:left;
	width: 75;
	height:138;
	font: 10pt sans-serif;
}
DIV.cardbox DIV.carddata DIV.times {
width:75;
clear:left;
	font: 18pt serif;
}


DIV.blankpart {
width:200px;
height:100px;
border:solid black 1px;
position:relative;
float:left;
}
DIV.avatarpart {
background: #99A;
float:left;
width:200px;
height:100px;
border: solid black 1px;
position:relative;
}

DIV.avatarpart DIV.part {
   position:absolute;
   float:left;
	width:60;
	height:95;
    top:2px;
	left:2px;
	border: solid black 1px;
}

DIV.avatarpart DIV.partname {
	position:absolute;
	float:left;
	width:132px;
	top:2px;
	left:66px;
	 font:10pt/9pt sans-serif;
}
DIV.avatarpart DIV.price {
	position:absolute;
	float:left;
	width:132px;
	top:33px;
	left:66px;
	 font:10pt/9pt sans-serif;
}
DIV.avatarpart DIV.under {
	position:absolute;
	float:left;
	width:132px;
	top:50px;
	left:66px;
	 font:10pt/9pt sans-serif;
}
DIV.blankcard {
float:left;
width:125;
height:183;
display:block;
position:relative;
border:solid black;
border-width: 1px;
}
DIV.singlecard {
 float:left;
	width: 125;
	position: relative;
	display:block;
	height: 183;
	overflow:hidden;
	border: solid black;
	border-width: 1px;
	
}
DIV.singlecard IMG.cardimage {
   position:absolute;
   float:left;
   top: 41px;
   height: 50;
   width:123;
 
   border: solid black 1px;


}


DIV.singlecard DIV.cardtype {

 position:absolute;
 top:94px;
 left: 1px;
 overflow:hidden;
 font:7pt/7pt sans-serif;
 width:122px;
 
	white-space:nowrap;
}



DIV.singlecard DIV.price {

 position:absolute;
 top:1px;
 left: 1px;
 font:10pt/9pt sans-serif;
 width:122px;

	white-space:nowrap;
}

DIV.singlecard DIV.stats {

 position:absolute;

 top:163px;
 left: 3px;
 font:14pt serif;
 width:122px;
 
	white-space:nowrap;

}


DIV.singlecard DIV.speed {

 position:absolute;
 left:90;
 top:165px;
 width:18px;
 height:18px;

}
DIV.singlecard DIV.exp {
 position:absolute;
 left:108;
 top:165px;
 width:18px;
height:18px;

}


DIV.singlecard DIV.sac {

 position:absolute;
 top:15px;
 left: 1px;
 font:10pt/9pt sans-serif;
 width:122px;

	white-space:nowrap;
}

DIV.singlecard DIV.name {
 
 position:absolute;
 top:28px;
 left: 1px;
 font:10pt/9pt sans-serif;
 width:122px;

	white-space:nowrap;
}


DIV.singlecard DIV.cardtext {
	position:absolute;
	float:left;
	color:black;
	top:104px;
	left:0px;
	overflow:hidden;
	
	white-space:nowrap;
	font: 8pt/8pt sans-serif;
	height: 58;
	background:white;
	width:123;
	
	border: solid black;
	border-width: 1px;
	background:white;
}



DIV.singlecard IMG.cardimageex {
   position:absolute;
   float:left;
   top: 41px;
   height: 100;
   width:122;
 
   border: solid black 1px;


}

DIV.singlecard DIV.cardtypeex {

 position:absolute;
 top:144px;
 left: 1px;
 overflow:hidden;
 font:7pt/7pt sans-serif;
 width:122px;
 
	white-space:nowrap;
}

DIV.singlecard DIV.cardtextex {
	position:absolute;
	float:left;
	color:black;
	top:154px;
	left:1px;
	overflow:hidden;
	
	white-space:nowrap;
	font: 8pt/8pt sans-serif;
	height: 14;
	background:white;
	width:122;
	
	border: solid black;
	border-width: 1px;
	background:white;
}



a {
text-decoration:none;
font-style:italic;
font-weight: bold;
color:#222;

}

a:hover {
color:#000;
text-decoration:underline;
}
BODY {
font-size:12pt;
font-family:Serif;
}
DIV.top {
width:100%;
background:#707078; 
right:0px;
left:0px;
top:0px;
}
INPUT {
border: solid 1px;
font-size:10px;
}
DIV.circle {
position:absolute;
float:right;
right:0px;
top:0px;
}
DIV.text{
margin-right:150px;
}
DIV.page {
background:#9B9BA8;
}

DIV.boxheader {
font-family: Sans-Serif;
background:white;
height:18px;
font-size:12pt;

}
DIV.box1 {
position:absolute;
right:0px;
float:right;
width:150px;
font-size:10pt;
height:130px;
top:160px;
border-style:solid;
border-width:3px;
border-color:#707078;
background:#9B9BA8;
}

DIV.box2 {
position:absolute;
right:0px;
float:right;
width:150px;
height:232px;
top:300px;
border-style:solid;
border-width:3px;
border-color:#707078;
background:#9B9BA8;
}

DIV.box3 {
position:absolute;
right:0px;
float:right;
width:150px;
height:120px;
top:536px;
border-style:solid;
border-width:3px;
border-color:#707078;
background:#9B9BA8;
}

DIV.box4 
{
position:absolute;
right:0px;
float:right;
text-align:right;
width:108px;
height:100px;
top:663px;
}

DIV.scroll {
height:213;
overflow: auto;
background: #9B9BA8;

}

DIV.menu {
z-index:24;
	position:absolute;
	top:10px;
	left:320px;
font-family:Sans-Serif;
background-color:#707078;

}
a.menu2 {
 text-decoration:none;
  text-color:white;

}
ul { /* all lists */
	padding: 1;
	 z-index:24;
	text-decoration:none;
    background-color:#707078;
	color:white;
	margin: 0;

	



	border-color: black;
	list-style: none;

}

li { /* all list items */
	float: left;
		 z-index:24;
	position: relative;
	width: 75px;
background-color:#707078;
	
}
li a:hover {
	 z-index:24;
	text-decoration:none;
	color:white;
	background:#707078;
background-color:#606068;
}
li a {
	 z-index:24;
	text-decoration:none;
	color:white;
	
}
li ul { /* second-level lists */
	display: none;
		 z-index:24;
	position: absolute;
	top: 1em;
	left: 0;



	background:#707078;
}

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

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

a.helpblock span{display: none}
A.helpblock:hover span{

	   display:block;
    position:absolute;
    width:150px;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center
}

ul>li {	 z-index:24;


}
ul>li:hover {	 z-index:24;
background-color:#606068;

}
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
		 z-index:24;
}



ul>li:hover {
	 z-index:24;
}
li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	 z-index:24;

}

	
.flavor {
	font-style:italic;
}

.keyword {
	color: blue;
}

.speed0{
	height               : 16px;
	width                : 16px;
	background     : url('images/cmcspriteicons.png') -0px -0px;
 }

.speed1{
	height               : 16px;
	width                : 16px;
	background     : url('images/cmcspriteicons.png') -16px -0px;
 }

.speed2{
	height               : 16px;
	width                : 16px;
	background     : url('images/cmcspriteicons.png') -32px -0px;
 }

.speed3{
	height               : 16px;
	width                : 16px;
	background     : url('images/cmcspriteicons.png') -48px -0px;
 }

.speed4{
	height               : 16px;
	width                : 16px;
	background     : url('images/cmcspriteicons.png') -64px -0px;
 }

.speed5{
	height               : 16px;
	width                : 16px;
	background     : url('images/cmcspriteicons.png') -80px -0px;
 }

img.arrow{
	height               : 10px;
	width                : 10px;
	background     : url('images/cmcspriteicons.png') -0px -16px;
 }

img.star{
	height               : 10px;
	width                : 10px;
	background     : url('images/cmcspriteicons.png') -10px -16px;
}
img.dmana{
	height               : 10px;
	width                : 10px;
	background     : url('images/cmcspriteicons.png') -20px -16px;
}
img.lmana{
	height               : 10px;
	width                : 10px;
	background     : url('images/cmcspriteicons.png') -30px -16px;
}
img.gmana{
	height               : 10px;
	width                : 10px;
	background     : url('images/cmcspriteicons.png') -40px -16px;
}