#pro_menu .pro_menu_AQ { background-color: #EDEDED; color: #e04146; height: 35px; padding: 0px 8px; border: 1px solid #e4e4e4; border-bottom: none; }

#pro_menu li { font-size: 14px; border-right: 1px solid #999; float: left; position: relative; height: 30px; line-height: 35px; list-style: none;
               display: inline; font-family: 'MyWebFontR'; font-weight: 600; padding: 0px 20px; text-align: center; color: #fff; cursor: pointer; }

.mpClass_detail{float:left; position:relative;width:63%;border:0px solid #f00; padding:0px; text-align:left; margin-left:10px }

.mpClass_pic{
    float:left;
    overflow:hidden; 
    width: 131px;
    /* height:73px; for old image alignment */
    height: 83px; /*for new image alignment */
    
}
.mpClass_pic img{ float:left; width: 100%; margin-top:-20px; }

.img_perf{ width: 76px; }

.Cname{ float: left; width:100%; }
.mpClassLink{ text-decoration:none; cursor:pointer; cursor:hand; }

.mpClass18px{font-size:20px;font-family: 'Khand', sans-serif; font-weight: 600; color:#9A9A9A;text-align: center;}
      	
.mpClass12px{float:left; position:relative; width:100%;font-family:'MyWebFontR'; font-size:12px; margin:0px 0px; color:#808080 }
			
.mpClass14px{font-size:14px;font-family:'MyWebFontR'; color:#9A9A9A }

.mpClass15px{float:left; position:relative; width:100%;font-family:'Khand', sans-serif; font-weight: 600; color:#808080;margin-bottom:5px; text-transform:none; font-size:16px;line-height:16px;}

.mpClassIconC{ width:100%; }
.mpClassPerfIcon{ width: 40%; margin-top: 10px; }
.mpClassShareIcon{ float:left; position: relative; margin-left: 30px; margin-top: -5px; }

/*List Popular parliamentarian Page Start*/
.mpClassIconC2{ width:100%; }
.mpClassPerfIcon2{ width: 60%; margin-top: 10px; margin-left: 10px; }
.mpClassShareIcon2{ float:left; position: relative; margin-left: 10px; margin-top: -5px; }
/*List Popular parliamentarian Page End*/

.textC{text-align: center;}

.mpClassSN{ font-size:20px;font-family: 'Khand', sans-serif; color:#9A9A9A; }
.mpClassT{ font-size:18px; line-height: 25px; font-family:'Khand', sans-serif; color:#9A9A9A; }
.mpClassT2{ font-size:14px; line-height: 18px; font-family:'Khand', sans-serif; color:#9A9A9A; }
.mpClass20px{ font-size:18px; line-height: 25px; font-family:'Khand', sans-serif; color:#9A9A9A; font-weight: 600; }
.myClassS{ font-family:MyWebFontR; font-size:12px; color:#808080; font-weight: normal; }
.myClassPerf{ font-size: 7px; font-family: 'Khand', sans-serif; }

.tooltips { position: relative; display: inline-block; color: #ccc; cursor: pointer; }
.tooltips .tooltiptexts { visibility: hidden; width: 300px; background-color: #666; color: #fff; border-radius: 6px; padding: 8px 0; text-align: center; position: absolute;
  bottom: 110%; left: 50%; margin-left: -150px; font-size: 12px; font-weight: normal; font-family: 'Arial'; }

.tooltips .tooltiptexts::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #666 transparent transparent transparent; }
.tooltips:hover .tooltiptexts { visibility: visible; }

#subBtnPerf { float: left; position: relative; width: 100%; padding: 0.29% 0px; background-color: #EDEDED; }

#subBtnPerf .active { color: #e14045; }

#subBtnPerf div { font-size: 16px; font-family: 'Khand', sans-serif; color: #000; float: left; position: relative; padding: 5.5px 10px;
    margin-right: 2%;
}


@media only screen and (max-width: 500px){

#pro_menu .pro_menu_AQ { background-color: #EDEDED; color: #e04146; height: 35px; padding: 0px 8px; border: 1px solid #e4e4e4; border-bottom: none; }

#pro_menu .pro_menu_AQ .liExt{ width: 60px; float: left; height: 50px; line-height: 16px; text-align: left; padding: 0px 12px; padding-top: 6px; }

#pro_menu li { font-size: 14px; border-right: 1px solid #999; float: left; position: relative; height: 30px; line-height: 35px; list-style: none;
               display: inline; font-family: 'Khand', sans-serif; font-weight: 600; padding: 0px 19px; text-align: center; color: #fff; cursor: pointer; }

.img_perf{ width: 60px; }

.Cname{ float: left; width:100%; }
.Cname a{ text-decoration:none; }
.Cname2{ float: left; width:100%; padding:10px 0px; border-bottom: 1px solid #ededed; }

.mpClass_pic{float:left;height:60px; overflow:hidden;  width:80PX}
.mpClass_pic img{ width: 100%; margin-top:-8px }

.CnameGraph{ float: left; width: 80px; height: 80px; }
.mpOutOfB{ float: left; margin-left: 10px; padding-right: 10px; margin-top: 13px; border-right: 1px solid #ededed; text-align: left; font-size:18px; line-height: 19px; font-family:'Khand', sans-serif; font-weight: 600; color:#9A9A9A; }
.mpPerfB{ float: left; margin-left: 10px; padding-right: 10px; margin-top: 13px; border-right: 1px solid #ededed; text-align: left; font-size:12px; width: 59px; font-family:MyWebFontR; color:#9A9A9A; }
.myClassPerf{ font-size: 9px; }
.valHeadP{ float: left; width: 100%; height: 24px; }
.valIconP{ width: 40%; }
.listMPshareB{ float: left; margin-left: 10px; margin-top: 13px; text-align: left; font-size:12px; font-family:MyWebFontR; color:#9A9A9A; }
.listMPshareHead{ float: left; width: 100%; height: 24px; }
.mpClassMobCol1{ opacity: 0; }

.tooltips { position: relative; display: inline-block; color: #ccc; }
.tooltips .tooltiptexts { visibility: hidden; width: 300px; background-color: #666; color: #fff; border-radius: 6px; padding: 8px 0; text-align: center; position: absolute;
  bottom: 110%; left: 50%; margin-left: -150px; font-size: 12px; font-weight: normal; font-family: 'Arial'; }

.tooltips .tooltiptexts::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #666 transparent transparent transparent; }
.tooltips:hover .tooltiptexts { visibility: visible; }

.mpClass15px{ margin-bottom:2px; min-height: 30px; }

    
}