.top, .c {background-color:#DADDE0; color: gray;padding:4px;margin-bottom:1px;border-bottom:1px solid #A8B1BB;border-right:1px solid #e1e4e8;border-left:1px solid #e1e4e8;} 
.top2, .c2 {background-color:#eee; color: gray;padding:4px;margin-bottom:1px;border-bottom:1px solid #A8B1BB;border-right:1px solid #e1e4e8;border-left:1px solid #e1e4e8;}
.frame { background: #fff; padding: 2px; border: solid 1px #ccc; }
.avatar img {
transition: all 15s ease;
-webkit-transition: all 15s ease;
-moz-transition: all 15s ease;
transition-delay: 5s;
-webkit-transition-delay: 5s;
-moz-transition-delay: 5s;
background-color: #FFFFFF;
max-width:143px;
border-radius:5px;
margin:1px 3px 3px 1px;
padding:3px;
border:1px solid #d4d4d4;
box-shadow: 3px 3px 3px #8A8A8A;
transform:rotate(-20deg);
-moz-transform:rotate(-20deg);
-webkit-transform:rotate(-20deg);
}
.avatar img:hover {
transition: all 3s ease;
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
position:relative;
}.avatar      {  }
.up-chat, .pad4 { margin: 0px; }
.up-chat, .pad4 {background-color: #fff; line-height: 1.3em; padding: 5px; position: relative; text-align: left; border-radius: 2px;border:1px solid #ccc } 
.pad4:after,.up-chat:after,.car:before {bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;} 
.up-chat:after, .pad4:after  {border-color: transparent transparent #fff transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -19px; left: 10px; }
.up-chat:before, .pad4:before {border-color: transparent transparent #bcd2ee transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -21px; left: 10px;}.id{color:red} 
.mpage, .mpaging {margin: 0px;
font-size: 0px; text-align:center;}
.mpage a, .mpaging a {font-weight:normal; color: black; display: inline-block;
background: #fff; border: 1px solid #444; margin: 2px; padding: 3px 5px; font-size: 15px; text-decoration: none; }
.mpage b, .mpage a:hover {color: white; display: inline-block; background: #444; margin: 2px;
padding: 3px 5px; font-size: 15px;font-weight:normal}
.pgn {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
text-align: left;
background: #EEEEEE;
display: block;
border-radius:0px 0px 5px 5px;
margin-top: -2px;
border-top: 1px solid #ccc;}
.pgn a, .pgn span {
    border: 1px solid #ccc;
    border-radius: 3px;
    font-weight: bold;
    margin: 0 2px;
    padding: 2px 5px;
    text-decoration: none;}
.pgn img {
    vertical-align: middle;}
.pgn a:hover, .pgn span {
    background:  #ddd;
    border-color: #ddd;
text-shadow: none;}
.pgn div {
padding-top: 5px;
padding-bottom: 5px;}
.ma1{background-color :#f6f6f6;margin-top :1px;margin-bottom :1px;padding :2px;border :1px solid #e7e7e7;} 
.ma2{background-color :#fdfdfd;margin-top :1px;margin-bottom :1px;padding :2px;border :1px solid #ececec;}