/*CARD COMMON*/
.cardgrade0d { color: #ffffff; }
.cardgrade1d { color: #999999; }
.cardgrade2d { color: #00d8ff; }
.cardgrade3d { color: #8064a2; }
.cardgrade4d { color: #fe94ff; }
.cardgrade5d { color: #ffa82b; }

.cardgrade0b { color: #ffffff; }
.cardgrade1b { color: #000000; }
.cardgrade2b { color: #2FA8BD; }
.cardgrade3b { color: #8A31F7; }
.cardgrade4b { color: #F509F7; }
.cardgrade5b { color: #ffa82b; }


/*ITEM TOP*/
#dfDb #dfDbCardTop { background:transparent; }
#dfDb #dfDbCardTop .col1 {  width:115px; }	
#dfDb #dfDbCardTop .secondTbl { margin-top:11px; }
#dfDb div.dfDbCommonTop table td ul li:first-child { margin-left:0; }
#dfDb div.dfDbCommonTop table td ul li { margin-left:9px; }


/*Search*/
#dfDb .dfDbCardSearch { background:url('//static.inven.co.kr/image_2011/df/dataninfo/card/search_710x45_bg1.jpg'); }
#dfDb .dfDbCardSearch input.text { width: 383px; margin: 11px 0 0 182px; }
#dfDb .dfDbCommonFilter ul label { color:inherit; }


/*Filter*/
#dfDb .dfDbCardFilter { width: auto; margin:20px 0 0 0; padding: 3px 10px 3px 3px; background-color:#323232; border:1px solid black; }
#dfDb .dfDbCardFilter ul li { margin-left:8px; }
#dfDb .dfDbCardFilter ul label { float: right; margin-top:1px; line-height: 17px; }


/*Table*/
#dfDb .dfDbCardList { margin-bottom:20px; }
#dfDb .dfDbCardList col.cardlevel { width:61px; }
#dfDb .dfDbCardList col.cardname { width:193px; }
#dfDb .dfDbCardList col.equippos { width: 164px; }
#dfDb .dfDbCardList col.cardoption {  }
#dfDb .dfDbCardList td.cardlevel { width:31px; }
#dfDb .dfDbCardList td.cardname { width:250px; }
#dfDb .dfDbCardList td.equippos { width: 134px; text-align: center; }
#dfDb .dfDbCardList tbody tr { display:none; }
#dfDb .dfDbCardList td.cardname div { float:none; display: block; padding:2px 0; }
#dfDb .dfDbCardList td.cardname div.cardname { font-weight:bold; }
#dfDb .dfDbCardList td.cardoption div { float:none; display:block; padding: 2px 0; }
#dfDb .dfDbCardList tbody tr.more { text-align: center; cursor:pointer; }
#dfDb .dfDbCardList tbody tr.no-result { text-align: center; }


/*LAYER*/
div.dfDbCardLayer, div.dfDbCardLayer2 { position: absolute; display: none; z-index: 999;}
div.dfDbCardLayer, div.dfDbCardLayer2 { background-color: #000000; overflow: hidden; }
div.dfDbCardLayer .top_bg {
	width:270px;
	height:3px;
	background:url(//static.inven.co.kr/image_2011/df/dataninfo/card/layer_top_bg_b.png) no-repeat;
}
div.dfDbCardLayer .bot_bg {
	width:270px;
	height:3px;
	background:url(//static.inven.co.kr/image_2011/df/dataninfo/card/layer_bot_bg_b.png) no-repeat;
}
div.dfDbCardLayer .dfDbCardLayer_inner {
	width:270px;
	overflow: hidden; 
	border: none;
	background:url(//static.inven.co.kr/image_2011/df/dataninfo/card/layer_mid_bg_b.png?v=2) repeat-y;
}
div.dfDbCardLayer2 .top_bg {
	width:540px;
	height:3px;
	background:url(//static.inven.co.kr/image_2011/df/dataninfo/card/layer2_top_bg_b.png) no-repeat;
}
div.dfDbCardLayer2 .bot_bg {
	width:540px;
	height:3px;
	background:url(//static.inven.co.kr/image_2011/df/dataninfo/card/layer2_bot_bg_b.png) no-repeat;
}
div.dfDbCardLayer2 .dfDbCardLayer2_inner {
	width: 540px;
	overflow: hidden; 
	border: none;
	background:url(//static.inven.co.kr/image_2011/df/dataninfo/card/layer2_mid_bg_b.png?v=2) repeat-y;
}

div.dfDbCardLayer dl dt, div.dfDbCardLayer2 dl dt { display: none; }

div.dfDbCardLayer dl.cardtooltip dd img { width:250px; margin:7px 10px; }
div.dfDbCardLayer2 dl.cardtooltip dd img { width:250px; margin:9px 0 9px 12px; }
div.dfDbCardLayer2 dl.cardimage dd img { width:250px; margin: 9px 0 9px 18px; }