#comment{color:#000; padding: 10px 0 10px 5px;}
#comment .com{width:607px; float:left; padding:0; background:#a6e9ff; border:1px solid #a5d1ec}
#comment h6, #comment h5{color:#000}
#comment h6 a{color: #C00}
#comment h6 strong{font-weight:bold; color: #000 }
#comment h5 strong{font-weight:bold; margin: 0}
#comment iframe{font-size:77%; padding:10px 0; margin:0; height:380px; border:none}
#comment ul{padding:0}
#comment li{list-style:none; display:block; width:589px; float:left; padding:5px 9px;border-top:1px solid #a5d1ec;}
#comment li span{color: #666}
#comment .light{background:#d4eefe}
#comment .dark{background:#e9f6fe}
#comment li h5{font-weight:normal; color:#000; display:block; padding:0 0 5px 0; line-height:150%; color:#333; border-bottom:0px solid #a5d1ec}
#comment ul li ul li{width:567px; float:left; display:block; background:#FFF; border:1px solid #a5d1ec; margin-bottom:5px;}
#comment ul li ul{padding:10px 0}
#comment .more a{background:#333; text-align:center;width:595px; display:block; padding:5px;border:1px solid #000; font-weight:bold; color:#FFF}
#comment .more a:hover{background:#666666; color:#CCC}

.ontop{width:587px; float:left; padding:8px 10px 12px 10px; background:#039 url(../images/tpl/menu/red1.png) repeat-x top; color:#fffd71}
.ontop h4{width:190px; float:left; display:block; text-align:center; font-size:12px}
.ontop h4 a{color:#fff; font-weight:bold}

.cform{background:#000}
.btn {display:inline-block;background:none;margin:0;padding:3px;border-width:0;overflow:visible;font:100%/1.2 Arial,Sans-serif;text-decoration:none; color:#000; }
 * html button.btn { padding-bottom:1px;}
    html:not([lang*=""]) button.btn {margin:0 -3px;}
.btn span {background:#FFF;margin:0;padding:3px 0;border-left:1px solid #A5D1EC;border-right:1px solid #A5D1EC; }
    * html .btn span {padding-top:0;}
.btn span span {position:relative;padding:3px .4em 3px 17px;border-width:0;border-top:1px solid #A5D1EC; border-bottom:1px solid #A5D1EC;}
.btn1 span span{background:url(../images/tpl/icon/com.png) no-repeat 3px 3px}
.btn2 span span{background:url(../images/tpl/icon/like.png) no-repeat 3px 3px}
.btn3 span span{background:url(../images/tpl/icon/dislike.png) no-repeat 3px 3px}
.btn4 span span{background:url(../images/tpl/icon/flag.png) no-repeat 3px 3px}
.btn span span img{float:left}
 /* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {cursor:pointer; /* important for any clickable/pressable element */border-color:#a5d1ec !important;color:#000; }
.btn:active span {background-position:0 -400px;outline:none;}
.btn:focus, .btn:active {outline:none; /* doesn't seem to be respected for <button>, only <a> */}
    /* use if one button should be the 'primary' button */
.primary {font-weight:bold;color:#000;}   


#basic-modal-content {display:none;}
#basic-modal-lapor{display:none}
/* Overlay */
#simplemodal-overlay {cursor:wait;}
/* Container */
#simplemodal-container {height:360px; width:400px; color:#000; background-color:#FFF; border:3px solid #CCC; padding:12px; left:0}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../image/tpl/icon/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container .not{margin:5px 0; padding:0; font-family:Arial, Helvetica, sans-serif; color: #F60}

/*PAGINATION*/
div.paginations {padding: 10px 10px 20px 0;text-align:right;font-size:.85em; color:#666}
div.paginations a {border: 1px solid #363636;-moz-border-radius: 3px;-webkit-border-radius: 3px;margin-right:3px;padding:2px 8px;background: /*#ddd url(../image/tpl/bg/bg-button.gif) repeat-x 0 0*/#7c7c7d;text-decoration: none; color:#FFF}
div.paginations a:hover, div.paginations a:active {border: 1px solid #363636;background-image:none;background-color:#7c7c7d;color: #000;}
div.paginations span.current {margin-right:3px;padding:2px 6px;font-weight: bold;color: #fff;background-color:#7c7c7d;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
div.paginations span.disabled {display:none;}
div.paginations a.next{border:1px solid #bbb;margin:0 0 0 10px;}
div.paginations a.next:hover{border:1px solid #bbb;}
div.paginations a.prev{border:1px solid #b2c3d9;margin:0 10px 0 0;}
div.paginations a.prev:hover{border:1px solid #bbb;}


#cform{width:380px; float:left; border:1px solid #FFF; background:#FFF; color:#666; padding:10px}
#cform a{font-weight:normal}
#cform tr{text-align:left;font-family:Arial, Helvetica, sans-serif}
#cform tfoot td{padding:5px 0 0 0}
#cform td{padding: 2px}
#cform .ket{width:100px}
#cform .cinput{width:260px;background:url(../image/tpl/bg/bg-form.png) repeat-x top }
#cform .in{background:url(../image/tpl/bg/bg-form.png) repeat-x top}
#cform .not{margin:5px 0; padding:0; font-family:Arial, Helvetica, sans-serif; color: #F60}
#cform .btn {display:inline-block;background:#EEE url(../image/tpl/bg/bg-button.gif) repeat-x 0 0;margin:0;padding:4px 10px;border-width:0;overflow:visible;font:100%/1.2 Arial,Sans-serif;text-decoration:none;color:#666;-moz-border-radius: 3px;-webkit-border-radius: 3px
;margin: 0 0 0 5px; font-family:Verdana, Geneva, sans-serif; border:1px solid #bbb}
* html #cform button.btn {padding-bottom:1px;}
html:not([lang*=""]) button.btn {margin:0 -3px;}