.mod_dt_people_box.style8{position: relative;}
.mod_dt_people_box.style8 div.mod_dt_people_line{height: auto; margin:10px; clear: both;}
.mod_dt_people_box.style8 div.clear{width:100%; height: 0; clear: both;}

.mod_dt_people_box.style8 div.mod_dt_people{display: none;padding: 5px 0 5px;min-height: 150px;background-image: url('../images/mod_dt_people.png'); background-position: top left;background-repeat: repeat-x;}
.mod_dt_people_box.style8 .mod_dt_people a{text-decoration: none;}

.mod_dt_people_box.style8 .mod_dt_people_item{display: inline-block;padding: 0;float: left;position: relative;font-size: 100%;z-index: 1;}
.mod_dt_people_box.style8 .mod_dt_people_item:hover{z-index: 20;display: block;background: url('../images/w10.png') repeat top left;}

.mod_dt_people_box.style8 .col1 .mod_dt_people_item{width:70% !important; float: none !important; margin: 0 auto !important; display: block !important; padding: 5% !important;}
.mod_dt_people_box.style8 .col2 .mod_dt_people_item{width:50% !important}
.mod_dt_people_box.style8 .col3 .mod_dt_people_item{width:33% !important}
.mod_dt_people_box.style8 .col4 .mod_dt_people_item{width:25% !important}
.mod_dt_people_box.style8 .col5 .mod_dt_people_item{width:20% !important}
.mod_dt_people_box.style8 .col6 .mod_dt_people_item{width:16.6% !important}
.mod_dt_people_box.style8 .col7 .mod_dt_people_item{width:14.2% !important}
.mod_dt_people_box.style8 .col8 .mod_dt_people_item{width:12.5% !important}
.mod_dt_people_box.style8 .col9 .mod_dt_people_item{width:11.1% !important}
.mod_dt_people_box.style8 .col10 .mod_dt_people_item{width:10% !important}

.mod_dt_people_box.style8 .mod_dt_people_img{width:100%;height:0;padding-bottom: 100%;overflow: hidden;position: relative;}
.mod_dt_people_box.style8 .mod_dt_people_img img{margin: 0 auto;width:100%;height:auto;border: 0;}

.mod_dt_people_box.style8 .mod_dt_people_title{overflow: hidden;text-decoration: none;height: 34px;font-size: 100%;font-weight: bold;padding-top: 2px;line-height:100%;text-shadow: 1px 1px 0 rgba(0,0,0,0.5);}
.mod_dt_people_box.style8 .mod_dt_people_title.showstatus{overflow: hidden;text-decoration: none;height: 34px;font-size: 100%;font-weight: bold;padding-top: 2px;line-height:100%;padding-left: 20px;background: url('../images/status.png') no-repeat 0 1px;}
.mod_dt_people_box.style8 .mod_dt_people_title a{color: #fff;}
.mod_dt_people_box.style8 .mod_dt_people_title a:hover{text-decoration: underline;}

.mod_dt_people_box.style8 .mod_dt_people_g_age{clear: both;height: 16px;padding-bottom: 5px;overflow: hidden;cursor: default;}
.mod_dt_people_box.style8 .mod_dt_people_male{display: block;float: left;width: 16px;margin-right: 2px;height: 16px;background: url('../images/male.png') no-repeat top left;}
.mod_dt_people_box.style8 .mod_dt_people_female{display: block;float: left;width: 16px;margin-right: 2px;height: 16px;background: url('../images/female.png') no-repeat top left;}
.mod_dt_people_box.style8 .mod_dt_people_gender{display: block;float: left;width: 16px;margin-right: 2px;height: 16px;background: url('../images/gender.png') no-repeat top left;}
.mod_dt_people_box.style8 .mod_dt_people_age{display: block;float: left;height: 16px;line-height: 15px;font-size: 11px;color: #fff;text-shadow: 1px 1px 0 rgba(0,0,0,0.5);}
.mod_dt_people_box.style8 .mod_dt_people_online{display: block;float: left;height: 12px;width: 40px;text-align: center;font-size: 10px;line-height: 10px;margin: 2px 2px 2px 5px;padding: 0 5px;color: #fff;background: url('../images/online.png') no-repeat center center;}
.mod_dt_people_box.style8 .mod_dt_people_city{height: 30px;font-size: 11px;line-height: 15px;padding-left: 20px;padding-bottom: 3px;color: #fff;text-shadow: 1px 1px 0 rgba(0,0,0,0.5);background: url('../images/city.png') no-repeat top left;}
.mod_dt_people_box.style8 .mod_dt_people_rating{margin-top:2px;height: 16px;font-size: 11px;line-height: 15px;padding-left: 20px;padding-bottom: 3px;margin-bottom: 4px;color: #fff;text-shadow: 1px 1px 0 rgba(0,0,0,0.5);background: url('../images/thumb_up.png') no-repeat top left;}
.mod_dt_people_box.style8 .mod_dt_people_karma{margin-top:2px;height: 16px;font-size: 11px;line-height: 15px;padding-left: 20px;padding-bottom: 3px;margin-bottom: 4px;color: #fff;background: url('../images/karma.png') no-repeat top left;}
.mod_dt_people_box.style8 .mod_dt_people_status{display: none;position: absolute;z-index: 1;width: 86%;top: 0;left: 0;right: 0;font-size: 11px;line-height: 15px;font-style: italic;padding: 5%;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;background: #fff;color: #777;box-shadow: 1px 1px 3px rgba(0,0,0,0.3);}

.mod_dt_people_box.style8 ul.mod_dt_people_tabs{display: block;padding: 0;margin: 0;list-style-type: none;min-height: 44px;background: #fff;overflow: hidden;position:relative;}
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li{position:relative;display: block;padding: 0;margin: 0;list-style-type: none;height: 44px;float: left;text-align: center;width:17%;background-color: #fff;overflow: hidden;-moz-transition: background-color 0.5s ease;-o-transition: background-color 0.5s ease;-webkit-transition: background-color 0.5s ease;transition: background-color 0.5s ease;}
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li:hover{-moz-transition: background-color 0.5s ease;-o-transition: background-color 0.5s ease;-webkit-transition: background-color 0.5s ease;transition: background-color 0.5s ease;}

.mod_dt_people_box.style8 ul.mod_dt_people_tabs li#ajaxtab1:hover,
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li#ajaxtab1 a.shownow{background-color: #fab02b;z-index:5;}
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li#ajaxtab2:hover,
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li#ajaxtab2 a.shownow{background-color: #cb5087;z-index:4;}
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li#ajaxtab3:hover,
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li#ajaxtab3 a.shownow{background-color: #2f7fba;z-index:3;}
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li#ajaxtab4:hover,
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li#ajaxtab4 a.shownow{background-color: #d03816;z-index:2;}
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li#ajaxtab5:hover,
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li#ajaxtab5 a.shownow{background-color: #80b200;z-index:1;}

.mod_dt_people_box.style8 .new_people{background-color: #fab02b;}
.mod_dt_people_box.style8 .new_girl{background-color: #cb5087;}
.mod_dt_people_box.style8 .new_boy{background-color: #2f7fba;}
.mod_dt_people_box.style8 .new_rat{background-color: #d03816;}
.mod_dt_people_box.style8 .new_pos{background-color: #80b200;}

.mod_dt_people_box.style8 .col1 ul.mod_dt_people_tabs li{float: none !important;width: 100%;font-size: 100%;}
.mod_dt_people_box.style8 .col2 ul.mod_dt_people_tabs li{float: left !important;width: 50%;font-size: 100%;}
.mod_dt_people_box.style8 .col3 ul.mod_dt_people_tabs li{float: left !important;width: 50%;font-size: 100%;}
.mod_dt_people_box.style8 .col4 ul.mod_dt_people_tabs li,
.mod_dt_people_box.style8 .col5 ul.mod_dt_people_tabs li{float: left !important;width: 33%;	font-size: 95%;}
.mod_dt_people_box.style8 .col6 ul.mod_dt_people_tabs li{float: left !important;width: 20%;	font-size: 95%;}
.mod_dt_people_box.style8 .colmax ul.mod_dt_people_tabs li{float: left !important;width: 14%;	font-size: 100%;}

.mod_dt_people_box.style8 ul.mod_dt_people_tabs li a{display: block;height: 44px;padding: 0;margin: 0;text-decoration: none;text-transform: uppercase;color: #555;}
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li:hover a{color: #fff;text-decoration: none;text-shadow: 0 1px 0 rgba(0,0,0,0.5);}
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li a span{display: block;height: 44px;padding: 0;margin: 0;font-weight: bold;line-height: 44px;overflow: hidden;}
.mod_dt_people_box.style8 ul.mod_dt_people_tabs a.shownow{margin:0px;border-bottom: 0;text-decoration: none;text-shadow: 0 1px 0 rgba(0,0,0,0.5);color: #fff !important;}
.mod_dt_people_box.style8 ul.mod_dt_people_tabs li a span img{margin: 12px 5px 0 5px;float: left;}

.mod_dt_people_box.style8 .mod_dt_people_overlay{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background: url('../images/w10.png');}
.mod_dt_people_box.style8 .mod_dt_people_taboverlay{position:absolute;top:0;left:0;right:0;z-index:2;height: 44px;background: url('../images/tabover7.gif') repeat-x left center #fff;}
.mod_dt_people_box.style8 .mod_dt_people_preloader{width: 163px;height: 10px;margin: -10px 0 0 -81px;position: absolute;top: 50%;left:50%;display: block;background: url('../images/load8.gif');}