﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
   background:#f4f4f4;
    font-size: .80em;
    font-family: tahoma; 

    color: #696969; width:100%;
      -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
 
}
.divsearch
{
    border:1px solid #ddd; background-color:#f4f4f4;cursor:pointer; display:inline-block; 
}
.header {
    position: fixed;
    padding: 10px 10px 0px 0px;
    top: 0px;
    background: #5499C7;
    width: 100%;
    border-bottom: 2px solid #C1CDC1;
    z-index: 100; /*very important*/
}
.avarta{
    height:45px; border-radius:50%; width:45px;
}
.giasp {
    color: red;
    font-size: small;
    font-weight: bold; vertical-align:bottom;
}

.tensp {
    color: #8A4B08;
    vertical-align: bottom;
    font-size: small;
    font-weight: bold;
    cursor: pointer;
    height:30px;
}

    .tensp:hover {
        text-decoration: underline;
    }
.rightbar{
    float:right; top:0;  right:0px; position:fixed; z-index:100;
}
.barmain{ width:100%; background-color:rgba(213, 131, 29,0.1);padding:15px;
}
.spangiohang{
    float:right; height:45px;  padding:10px; font-size:1.2em; 
}
.divlogres{
    float:right; height:45px;  font-size:1em; padding-left:10px; display:inline-block; 
}
.divreportgiohang{ height:20px;width:20px; border:1px solid white; text-align:center; margin-top:-20px; background-color:Red;color:White; position:absolute; border-radius:50%;
}
.cssgiohang{
    width:45px; float:right; height:45px; border:1px solid gray; border-radius:50%;padding:10px; cursor:pointer; position:relative;
}
.viewnhacungcap{padding:10px; border:1px solid rgba(213, 131, 29, 1);border-radius:9px; 
}
.dachontinh{
    cursor:pointer; font-weight:bold;padding:10px; border:1px solid rgba(213, 131, 29, 1);border-radius:5px; background-color:transparent;
}
.dachontinh:hover{
   color:Teal; background-color:#f4f4f4;
}
.captionsimple{font-size:large; background-color:#f4f4f4; padding:10px; margin:20px auto; width:100%;
}
.leftbar
{
    float:left;font-weight:bold; width:23%; top:-5px;
}
.divloginlogout
{
    display:inline-block;
}
.defaultmainsearch
{
   background-color:white; width:100%; border-bottom:3px solid rgba(213, 131, 29, 1); 
}
.descript{
   background-color:#f4f4f4; border-radius:10px; width:85%; padding:10px; text-align:left; color:rgba(213, 131, 29, 1);
}

.defaultmain
{
   background-color:white; width:80%; margin:5px auto; 
}
.defaulhome
{
   background-color:white; width:62%; display:inline-block; 
}
.defaulhome80
{
   background-color:white; width:81%; display:inline-block; 
}
.defaulright
{
   background-color:white; width:20%; display:inline-block; margin-top:36px; vertical-align:top; 
}
.defaultmainleft
{
   background-color:white; width:17%; display:inline-block;  vertical-align:top; z-index:100; 
}
.captionsubmenu {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    border-radius: 3px;
    vertical-align: top;
    color: white;
    background-color: #2980B9;
}
.maincollapse{
    vertical-align:top; text-align:left; padding:10px; border:1px solid rgba(213, 131, 29,1);border-radius:3px; background-color:White;  
}
.caption {
    padding: 10px;
    background-color: #2980B9;
    font-size: 15px;
    color: white;
    text-align: center;
}
.captionsp {
    border-bottom: 2px solid #2980B9;
    font-size:13px;
   
    width: 100%;
    font-weight: bold;
    padding: 10px;
    background-color: #f4f4f4;
}
.maingroup_name{
    font-size:x-large; font-weight:bold;color:rgba(213, 131, 29, 1);display:inline-block; cursor:pointer; 
    }
.maincollapse:hover {
  background-color:rgba(213, 131, 29, 1); color:White;
}
.maincollapse:focus {
  background-color:#5FB404; color:White; border:1px solid #5FB404;
}
.contentmenu
{
 padding:10px; text-align:left; cursor:pointer;  display:inline-block; color:Black; font-size:11pt; vertical-align:top; height:30px; 
}

.contentmenu:hover
{
  color:Fuchsia; 
}
.footer
{
    width:95%; 
    padding:30px 10px;
    margin: 0px auto;
}
.gov{border-top:2px solid rgba(213, 131, 29, 1);padding:20px; 
}
.btnfooter
{
    margin:15px; cursor:pointer; font-family:Arial; font-size:medium;
}
.btnfooter:hover
{
   text-decoration:underline;
}
.input-group-addon:hover
{
    background-color:#f4f4f4;
}
.dangcungcap {
    font-weight: bold;
    padding: 10px;
    font-size: small;
    color: Black;
    background: #CCD1D1;
    border-bottom: 5px solid rgba(213, 131, 29,0.6);
}
.dangcungcapbetwen
{
    font-weight:bold;padding:10px; font-size:medium; color:Black; font-size:10pt; font-weight:normal;
}
.loaisp{top:0; position:absolute; height:35px; padding:5px; background-color:White;border-radius:50%;
}
.thumbnailchobinhdan,.thumbnailsp80 {
  width:24.5%; border:1px solid rgba(213, 131, 29, 0.9);height:350px; margin-bottom:15px;position: relative; display:inline-block; vertical-align:top;  
}
.thumbnailsp {
  width:33%; border:1px solid rgba(213, 131, 29, 0.9); height:350px; margin-bottom:15px;position: relative; display:inline-block; vertical-align:top;  
}
.thumbnailsp80:hover,.thumbnailsp:hover{
    border:2px solid rgba(213, 131, 29,0.3); background-color:rgba(213, 131, 29,0.1); 
}
.thumbnail_ncc_cungban{ border:1px solid #f4f4f4; padding:5px; cursor:pointer; color:Black;
}
.thumbnail_ncc_cungban:hover{ background-color:#f4f4f4;
}
.infohome 
{
   vertical-align:top; width:100%; margin-top:10px; text-align:left;
}
.infohomeimg{width:100%;height:190px; 
}

.divimg{width:100%;height:190px; 
}
.infohomecontent{color:Black; cursor:pointer;padding:5px; height:35px;
}
.infohomecontent:hover{ color:rgba(213, 131, 29, 1);
}
.infohomecontentgia{ color:red; padding-top:10px; font-weight:bold; display:inline-block; padding:10px;
}
.infohomeview{ float:right; padding:5px;
}
.infohomecontenttime{ color:gray; padding-left:5px; font-size:0.8em; 
}
.infohometime{ color:gray; padding-left:5px; font-size:1em; 
}

.infohomecongty{ color:Black;cursor:pointer;bottom:0; position:absolute; height:35px;  background-color:rgba(213, 131, 29,0.6); width:100%;padding:5px;
}
.infohomecongty:hover{background-color:rgba(213, 131, 29,0.3);  
}
.infohometencongty{display:inline-block; vertical-align:top; width:87%;
}
.infohometencongtyraovat{display:inline-block; vertical-align:top;width:65%;
}
.infohomecontentavartaraovat{ color:gray; display:inline-block;width:25%;
}
.infohomenoidang{ float:right;color:Gray; padding-right:5px;
}
.infohomecontentavarta{ color:gray; display:inline-block;width:10%;
}

.infocongtyraovat{ color:Black;cursor:pointer;height:100%;  background-color:rgba(213, 131, 29,0.1); width:100%;padding:5px;
}
.details_avarta{display:inline-block; width:18%; 
}
.details_nhacungcap{display:inline-block; width:80%;  
}
.details_tennhacungcap{width:80%; font-weight:bold;  
}
.details_padding
{
    padding:5px;
}
.qltinimg{width:100%;height:90px; 
}
.divqltinimg{width:17%;display:inline-block; 
}
.divqltinimgnews{width:10%; height:10%; display:inline-block; 
}
.divqltininfo{width:80%;display:inline-block; vertical-align:top; 
}
.qltintieude{ font-weight:bold; cursor:pointer; margin-bottom:10px; color:Black;
}
.qltintieude:hover{ color:Teal;
}

.page
{
    margin:65px auto; width:100%; vertical-align:top; 
}
.danhsach,.giohang
{
    display:inline-block; width:45%;
}
.panel
{
    display:inline-block; height:35px;  
}
.paneltext
{
    display:inline-block;
}


.grid{border:1px solid #f4f4f4; cursor:pointer;padding:5px;}
.grid:hover{ background-color:#cecece;}
.divrow
{
    margin-top:10px; padding-bottom:5px; border-bottom:1px solid gray;
}
.cssclick
{
    cursor:pointer;
}
.cssclick:hover
{
    text-decoration:underline; color:#228B22;
}

.dachonchuyenmuc
{
    vertical-align:top;  font-style:italic; color:Fuchsia; font-weight:bold; 
    width:100%; background-color:#f4f4f4; padding:10px; 
}
.chonchuyenmuckhac
{
 display:none;    font-weight:bold; cursor:pointer; padding:5px; border:1px solid #428BCA;  vertical-align:top; background-color:#428BCA;  color:White;  right:0px;
   
}
.chonchuyenmuckhac:hover
{
  background-color:White; color:#428BCA;
}

.divbtndangtin
{
   border-top:2px solid #428BCA; padding:10px; text-align:center; font-size:larger; margin:15px 0px 30px 0px;
}
.btndangtin
{
   font-size:larger;  background: #428BCA; cursor:pointer;
    color: #fff; border-radius:5px;
    font-family: Sans-serif;
    font-size: 20px;
    height: 60px;
    width: 170px;
    line-height: 60px;
    margin: 25px 25px;
    text-align: center;
    border: 0;
    transition: all 0.3s ease 0s;
   }
.btndangtin:hover {
  background: #3071A9
}
.divthongtin
{
   vertical-align:top;width:100%; 
}
.divthemanh
{
    vertical-align:top; margin-top:6px;width:100%; background-color:#f4f4f4; height:150px;
}
.divinline
{
    display:inline-block; width:18%; vertical-align:top;font-weight:bold; margin-top:5px;
}
.divtieude
{
    width:81%; display:inline-block; margin:6px auto; cursor:pointer;
}
.divinlineregis
{
    display:inline-block; width:23%; vertical-align:top;font-weight:bold; margin-top:5px;
}
.divtieuderegis
{
    width:75%; display:inline-block; margin:5px auto; cursor:pointer;
}
.divinlineshort
{
    display:inline-block; width:40.5%; vertical-align:top;font-weight:bold; margin-top:15px;
}
.divinlineshort1 {
    display: inline-block;
    width:10%;
    vertical-align: top;
    font-weight: bold;
    margin-top: 15px;
}
.divtieudeshort
{
    width:58%; display:inline-block; margin:5px auto; cursor:pointer;
}

.txttieude
{
    width:100%; border:1px solid #ccc; height:30px; padding:5px;
}
.txttieudemaxacnhan
{
    width:60%; border:1px solid #ccc; height:30px; padding:5px;
}
.txttieude:focus
{
    border-color:#428BCA;
}


/*dialog*/

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
.popupContainer{
	position:absolute;
	width:30%;
	height:80%;
	margin:30px auto;
	background: #FFF;font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #666;
}
.popupContainerreport{
	position:absolute;
	width:50%;
	height:23%;
	margin:30px auto;
	background: #FFF;font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #666;
}
.popupContainerupdatetin{
	position:absolute;
	width:70%;
	height:83%;
	margin:3px auto;
	background: #FFF;font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #666;
}
.popupBody{
	 background-color: #fefefe; height:100%; overflow-y:auto; overflow-x:hidden; text-align:center;
    padding: 20px;
    border: 1px solid #888;
    width:100%; /* Could be more or less, depending on screen size */
}
.popupHeader {
    padding:10px 16px; font-weight:bold;
    background-color: #5cb85c;
    color: white;
}
.modal_close {
    color:White; margin-top:-10px;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
#desthongbao{ color:Black; height:50px; font-weight:bold;
}
.report_btn{ margin-top:15px;
}
.modal_close:hover,
.modal_close:focus {
    color:Red;
    text-decoration: none;
    cursor: pointer;
}
.btnlink{
   font-weight:bold; border-style:none; color:Black; cursor:pointer;
}
.btnlink:hover{
    text-decoration:underline; color:Orange;
}
.btnchonlaitinhthanh{
   font-weight:bold;  color:Black; cursor:pointer; border:1px solid rgba(213, 131, 29,0.8); padding:10px; color:Black;
}
.btnchonlaitinhthanh:hover{
    text-decoration:underline; color:Orange; background-color:#fff; border:1px solid orange;
}
.btn1
{
display:inline-block;margin-bottom:0;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;
border:1px solid transparent;white-space:nowrap;font-size:14px; padding:3px 10px; line-height:1.42857143;border-radius:4px;-webkit-user-select:none;
-moz-user-select:none;-ms-user-select:none;user-select:none; margin-top:-3px; margin-left:1px;
}
.btn1:focus,.btn1:active:focus,.btn1.active:focus
{
outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px
}
.btn1:hover,.btn1:focus
{
color:#333;text-decoration:none
}
.btn1:active,.btn1.active
{
outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn1.disabled,.btn1[disabled],fieldset[disabled] .btn1
{
cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none
}
.btn1-default
{
color:#333;background-color:#fff;border-color:#ccc; 
}
.btn1-default:hover,.btn1-default:focus,.btn1-default:active,.btn1-default.active,.open .dropdown-toggle.btn1-default
{
color:#333;background-color:#ebebeb;border-color:#adadad;
}
.btn1-default:active,.btn1-default.active,.open .dropdown-toggle.btn1-default
{
background-image:none
}
.btn1-default.disabled,.btn1-default[disabled],fieldset[disabled] .btn1-default,.btn1-default.disabled:hover,.btn1-default[disabled]:hover,fieldset[disabled] .btn1-default:hover,.btn1-default.disabled:focus,.btn1-default[disabled]:focus,fieldset[disabled] .btn1-default:focus,.btn1-default.disabled:active,.btn1-default[disabled]:active,fieldset[disabled] .btn1-default:active,.btn1-default.disabled.active,.btn1-default[disabled].active,fieldset[disabled] .btn1-default.active
{
background-color:#fff;border-color:#ccc
}
.btn1-default .badge
{
color:#fff;background-color:#333
}
.btn1-primary
{
color:#fff;background-color:#428bca;border-color:#357ebd;
}
.btn1-primary:hover,.btn1-primary:focus,.btn1-primary:active,.btn1-primary.active,.open .dropdown-toggle.btn1-primary
{
color:#fff;background-color:#3276b1;border-color:#285e8e;
}
.btn1-primary:active,.btn1-primary.active,.open .dropdown-toggle.btn1-primary
{
background-image:none
                      
}
.btn1-primary.disabled,.btn1-primary[disabled],fieldset[disabled] .btn1-primary,.btn1-primary.disabled:hover,.btn1-primary[disabled]:hover,fieldset[disabled] .btn1-primary:hover,.btn1-primary.disabled:focus,.btn1-primary[disabled]:focus,fieldset[disabled] .btn1-primary:focus,.btn1-primary.disabled:active,.btn1-primary[disabled]:active,fieldset[disabled] .btn1-primary:active,.btn1-primary.disabled.active,.btn1-primary[disabled].active,fieldset[disabled] .btn1-primary.active
{
background-color:#428bca;border-color:#357ebd
}
.btn1-primary .badge
{
color:#428bca;background-color:#fff
}
.btn1-success
{
color:White;background-color:#5cb85c;border-color:#4cae4c; font-weight:bold;
}
.btn1-success:hover,.btn1-success:focus,.btn1-success:active,.btn1-success.active,.open .dropdown-toggle.btn1-success
{
color:#fff;background-color:#47a447;border-color:#398439
}
.btn1-success:active,.btn1-success.active,.open .dropdown-toggle.btn1-success
{
background-image:none
}.btn1-success.disabled,.btn1-success[disabled],fieldset[disabled] .btn1-success,.btn1-success.disabled:hover,.btn1-success[disabled]:hover,fieldset[disabled] .btn1-success:hover,.btn1-success.disabled:focus,.btn1-success[disabled]:focus,fieldset[disabled] .btn1-success:focus,.btn1-success.disabled:active,.btn1-success[disabled]:active,fieldset[disabled] .btn1-success:active,.btn1-success.disabled.active,.btn1-success[disabled].active,fieldset[disabled] .btn1-success.active
{
background-color:#5cb85c;border-color:#4cae4c
}
.btn1-success .badge
{
color:#5cb85c;background-color:#fff
}

.txtnone{ border-style:none; width:100%; background-color:transparent;padding:5px; color:black;
}
/*text style*/
 .textURL
{
    height:20px;padding:5px 6px;font-size:14px;line-height:20px;color:#555555;-webkit-border-radius:3px;
    -moz-border-radius:3px;border-radius:3px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:auto;
    background-color:#ffffff;border:1px sosolid background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;
    -o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;
}

.textURL:focus
 {
     border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
 }
/*bootstrap*/


/*toolbar menu*/
*{
	margin:0;
	padding:0;
	box-sizing:
}

ul li{
	list-style:none;
}


.nav{
	overflow:hidden;margin:5px auto;width:100%; font-weight:bold;
}
.nav li{
	width:100%; border:0.5pt solid white; 
	height:15%;
	display:inline-block;
	cursor:pointer;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
}
.nav li:hover{
	opacity:1;
	
}

/*pagination*/
 .Item
        {
            height: 150px;
            width: 180px;
          
        }
        .Item, .Item td, .Item td
        {
            border: 1px solid rgba(213, 131, 29, 1);
        }
        .Item .header
        {
            background-color:#F7F7F7 !important;
            color: Black;
            font-size: 10pt;
            line-height: 200%;
        }
        .page_enabled, .page_disabled
        {
            display: inline-block;padding:5px;
            min-width: 35px;font-weight:bold;
            line-height: 25px; 
            text-align: center;
            text-decoration: none;
            border: 1px solid #ccc;
        }
        .page_enabled
        {
            background-color: #eee;
            color: #000;
        }
        .page_disabled
        {
            background-color: rgba(213, 131, 29, 1);
            color: #fff !important;
        }
        
        
        /*nice btn*/

.btnlogin {
  background-color: #56baed; cursor:pointer;
  border: none;
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin: 5px 20px 15px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btnlogin:hover  {
  background-color: #39ace7;
}

.btnlogin:active  {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.cssbtnunlike
{
   cursor:pointer;border-style:none;width:23px;height:30px;margin-left:15px; background:transparent url('../Images/like.png') no-repeat;
}

.cssbtnliked
{
   cursor:pointer;border-style:none;width:23px;height:30px;margin-left:15px;
   background:transparent url('../Images/like1.png') no-repeat;
}
.show{ display:none;
}
.hidden{ display:none;
}
.tinvip1{color:white; background-color: green; padding:3px; border-radius:3px;
}
.tinvip2{color:white; background-color:#78AB46; padding:3px;border-radius:3px;
}
.tinvip3{color:gray; background-color:#BCED91; padding:3px;border-radius:3px;
}
.exptin{color:Red; background-color:Yellow; padding:3px;border-radius:3px;
}
.exptin:before{content:'Hết hạn VIP';
}
.divstarttinvip{color:Black;padding:5px;  display:inline-block;
}
.fonttinvipdate{ width:50px; font-weight:bold; color:Fuchsia;
}
.fontexptinvipdate{ width:50px; font-weight:bold; color:Red;
}
.colorexptin{color:Red;
}
.matinvipcuaban{ display:inline-block; background-color:#f4f4f4; border-radius:10px; float:left; height:100px; padding:10px; vertical-align:top;
}
.btngiahan{ background-color:rgba(213, 131, 29, 1); color:White; font-weight:bold;padding:7px; border-style:none; cursor:pointer;
}
.btngiahan:hover{ background-color:white; color:rgba(213, 131, 29, 1); border:1px solid rgba(213, 131, 29, 1);
}
.dadktinvip{background-color:rgba(213, 131, 29, 1); color:White; font-weight:bold;padding:7px; border-style:none;
}
.dadktinvip:before{ content:'Đã đăng kí tin vip'; 
}
.btngiahanthem{ background-color:rgba(213, 131, 29,0.5); color:White; font-weight:bold;padding:7px; border-style:none; cursor:pointer;
}
.btngiahanthem:hover{ background-color:white; color:rgba(213, 131, 29, 1); border:1px solid rgba(213, 131, 29,0.5);
}
.tienvip{ color:Red; font-weight:bold;
}
.select{ border:3px solid #f4f4f4;padding:5px;
}
.tiencanthanhtoan{ color:Red; font-size:x-large; font-family:Arial; font-weight:bold;
} 
.descriptcanthanhtoan{ margin-top:20px; border:1px solid rgba(213, 131, 29,0.5); text-align:center;padding:20px; width:100%; color:Black;
}
.descriptinfothanhtoan{  background-color:#f4f4f4;width:100%;
}
.descriptbank{ margin-top:10px;width:32%; display:inline-block; border:1px solid white; padding:5px; vertical-align:top; color:Black;
}
.bold{ font-weight:bold;
}
.khongcotin{ font-weight:bold; color:Gray; text-align:center; background-color:#FFCC99; padding:20px; border:1px solid #FF3333; width:50%; margin:10px auto;  display:none;
}
/*search*/
.divEmo
        {
            display:none; cursor:pointer;
            position: fixed;top:190px; width: 100%; height:55px;
            border-top:1px solid gray; padding:1px 5px 15px 5px; 
            background-color:#f4f4f4;
        }        
.divEmoChild
        {
            background-color:#f4f4f4; padding:5px 5px 5px 5px; display:inline-block; cursor:pointer;
        }    
.divEmoChild:hover
        {
            background-color:#d7e5e4;
        }    
   
 
              
         
.commentBar
    {
         background-color:#f4f4f4; border-bottom:1px solid white; width:100%; color:Black;
     }
     
   
 .Comment
    {
       border:1px solid #f4f4f4; width:100%; height:30px;
     }
  .commentContent
    {
        border:1px solid white; width:100%; color:Black;
     }     