@charset "utf-8";
/* CSS Document */
@import url(http://jss.ibankdaily.com/styles/common.css);
@import url(http://jss.ibankdaily.com/styles/modules.css);

#page_desc .wrap0{ color:white; padding:20px}
#page_path .wrap0{ color:#666666; font-weight:bold; font-size:9pt; line-height:26px}
.navigator{ float:right; width:400px; margin-right:200px}
.navigator SPAN{ float:left; text-align:center; width:89px; margin-right:8px; font-weight:bold; color:white; line-height:30px; position:relative;  background: url(http://img.ibankdaily.com/spri.gif) 0 0;}
.navigator SPAN A{ color:#666666}
.navigator SPAN.focus{background: url(http://img.ibankdaily.com/spri.gif) -89px 0;}
.navigator SPAN.focus A{color:#fff}

.left_content{ background: url(http://img.ibankdaily.com/spri_y.gif) -219px 0 repeat-y; width:235px; margin:0 auto}
.left_box{ background: url(http://img.ibankdaily.com/spri_y.gif) repeat-y; width:219px; margin:8px;}
.left_box .content{ padding:5px 10px}

.left_content SPAN.border_top, .left_content SPAN.border_bottom , .left_box SPAN.border_top, .left_box SPAN.border_bottom{	
	font-size:1pt;	
	display:block; 
	height:5px;
	margin:0
}
.left_content SPAN.border_top, .left_content SPAN.border_bottom {
	width:235px;
}
.left_content SPAN.border_top{	background:url(http://img.ibankdaily.com/spri.gif) 0 -41px;}
.left_content SPAN.border_bottom{	background:url(http://img.ibankdaily.com/spri.gif) 0 -46px;}
.left_box SPAN.border_top, .left_box SPAN.border_bottom {
	width:219px;
}
.left_box SPAN.border_top{background:url(http://img.ibankdaily.com/spri.gif) 0 -31px;}
.left_box SPAN.border_bottom {background:url(http://img.ibankdaily.com/spri.gif) 0 -36px;}

.left_content H2{ color:#666; padding:10px 0 0 10px}

#cardtype A{ text-decoration:underline}
#cardtype  UL{ margin:0px 2px; padding:0;}
#cardtype  LI{ background:url(http://img.ibankdaily.com/ico_li2.gif) no-repeat left 12px; padding-left:15px; padding-top:5px; }

.feature_caption{ background:url(http://img.ibankdaily.com/feature.gif) no-repeat; width:223px; height:32px; text-indent:10px;}
#feature .name_card{ color:black; font-weight:bold; text-indent:5px }
#feature .info{ padding:5px}
#feature .info IMG{ margin:3px 10px 0 0;}
#feature UL, #feature OL{
	margin:10px 0px 0px 15px;
	padding:0px;
}


.type{ padding:5px 7px} 
.type IMG{ margin-top:10px;background-image:url(http://img.ibankdaily.com/ico_hottype.gif); width:35px; height:35px}
.type .desc{ padding-left:47px}


#hotType IMG.type_1{background-position:0 0;}
#hotType IMG.type_2{background-position:0 -35px ;}
#hotType IMG.type_3{background-position:0 -70px ;}
#hotType IMG.type_4{background-position:0 -105px ;}
#hotType IMG.type_5{background-position:0 -140px ;}
#hotType IMG.type_6{background-position:0 -175px ;}
#hotType IMG.type_7{background-position:0 -210px ;}
#hotType IMG.type_8{background-position:0 -245px ;}
#hotType IMG.type_9{background-position:0 -280px ;}
#hotType IMG.type_10{background-position:0 -315px;}
#hotType IMG.type_11{background-position:0 -350px;}

.card_photo{ width: 100px; height:60px;}

.page_title{ font-size:12pt; }
.card .title SPAN{ font-size:10pt; font-weight:bold}
.card .star{margin:2px}
.card .photo{ float:left; width:150px; padding:10px; margin-top:10px}
.card .photo IMG{ margin-bottom:10px}
.card .photo SPAN A{ font-size:11pt; font-weight:bold; color:#339900 }
.card .card_detail{ float:left; width:460px;  margin-top:10px }
.card LI{ background:url(http://img.ibankdaily.com/ico_li.gif) no-repeat left 15px; padding-left:15px; padding-top:5px; list-style:none; }
.table{ border-top:1px solid #CCC; margin: -4px; background:url(http://img.ibankdaily.com/tbl_bg.gif) repeat-y}
.table .table_header{background:#ececec url(http://img.ibankdaily.com/tbl_bg.gif) repeat-y;}
.c1, .c2, .c3, .c4, .c5, .c6{float:left; padding:5px 10px; width:80px}
.c1{ width:60px;}
.c2{ width:70px;}
.c3{ width:80px;}
.c4{ width:85px;}
.c5{ width:90px;}
.c6{ width:100px;}
.table_header .c1, .table_header .c2, .table_header .c3, .table_header .c4, .table_header .c5, .table_header .c6{ height:40px;} 
.table_header P{ padding:2px 0}

#hotType,#bank_detail{ margin-top:1px; position:relative}

.card_detail{ margin-left:-2px;width:655px;}
.card_detail .title{ background:#2879a6; color:white;}
.card_detail .name_card{font-size:10pt; padding:4px 10px}
.card_detail .name_card SPAN{ font-weight:bold}

.detail {border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;  background:#ececec;}
.detail .key{ float:left; width:210px; padding:5px 10px; text-align:right }
.detail .value{float:left; width:412px; padding:5px; border-left:1px solid #CCC;background-color:white}

.cards_ref{ border:1px solid #CCC; padding:10px}
.ref_card{ float:left; width:120px; height:100px; padding:10px 18px ; border:0px solid #CCC;}

.reviews{ border:1px solid #CCC; padding:10px 20px }
.review{ border:1px solid #CCC; padding:10px 15px; background-color:#f4f6f5 }
.frm_review LABEL{ float:left; width: 80px; font-weight:bold }

input.btn_compare{ position:relative; left:55px; padding-bottom:5px}
.offer { margin-left:10px}
.offer INPUT.ckb{ position:relative; top:50px; left:10px}
.offer .box{ width: 640px}
.rContent{background:url(http://img.ibankdaily.com/offer_bg.gif) repeat-y; margin:3px 6px; }
.rContent .rC1{width:115px; padding:0 10px;}
.rContent .rC2{width:270px; padding:0 10px;}
.rContent .rC3{width:170px; padding:0 10px;}

.rC1 .offer_logo,.rC1 .offer_screenshot{ border:1px solid #CCC;text-align:center; margin-bottom:7px}
.offer_logo IMG{ max-height:25px; max-width:100px}
.rC1 .offer_screenshot IMG{ max-height:60px; max-width:100px}
.rC1 .star{ margin-left:20px}

.rC2 SPAN{ font-weight:bold}
.rC3 SPAN{ display:block}

.offer .divcmt{margin:0 10px; height:0px; overflow:hidden;}
.offer .cmtbox{padding:10px; max-height:250px; overflow:auto;}
.offer DIV.cmt{ border:1px solid #c5c5c5; background-color:#f4f6f5; margin-bottom:10px; padding:8px 10px }
.offer .cmt .note{ font-size:8pt; color: #999999 }
.frm label{ float:left; width:120px; text-align:right; padding-right:7px; line-height:20px}
.offer .frm{background:#f5efd9; border:1px solid #CCC; padding:10px;height:390px}
.offer #cmtadd{ margin:10px; border:1px solid #DDD; padding:10px; background:white}

IMG.comment{background:url(http://img.ibankdaily.com/ico_spri.gif) 0 0 no-repeat;width:15px;height:15px;}
IMG.share{background:url(http://img.ibankdaily.com/ico_spri.gif) -15px 0 no-repeat;width:15px;height:15px;}
IMG.add{background:url(http://img.ibankdaily.com/ico_spri.gif) -30px 0 no-repeat;width:15px;height:15px;}
IMG.close{background:url(http://img.ibankdaily.com/ico_spri.gif) -45px 0 no-repeat;width:15px;height:15px;}
IMG.check{background:url(http://img.ibankdaily.com/ico_spri.gif) -60px 0 no-repeat;width:15px;height:15px;}

.offer_i {margin: 3px 0 7px 0; }
.offer_i DIV{ padding-left:25px }

.tbl_compare .brd_t{border-top:1px solid #CFCFCF; }
.tbl_compare .tbl_header{ background:#ececec; }
.tbl_compare .tbl_header, .tbl_compare .td{width:137px}
.tbl_header .tr{border-left:1px solid #CFCFCF; font-weight:bold}
.tbl_compare .tr{ border-right:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF; min-height:27px; padding:5px;}
.r1{ height: 45px}
.r2,.r3,.r4,.r7,.r8,.r9,.r10{ height: 27px}
.r5{ height: 45px}
.r6{ height: 45px}
.r11{ height: 180px; overflow:hidden}
.r12{ height: 27px}