#comment{color:#000; padding: 10px 0 10px 5px;}
#comment .com{width:607px; float:left; padding:0; background:#99CCFF; border:1px solid #4DAEEC}
#comment h6, #comment h5{color:#000; padding-top:10px;}
#comment h6 a{color: #06C}
#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:400px; border:none}
#comment ul{padding:0}
#comment li{list-style:none; display:block; margin:0; width:587px; float:left; padding:10px;border-top:1px solid #4DAEEC}
#comment .light{background:#C4DEFF}
#comment .dark{background:#a3c5f1}
#comment .light:hover,#comment .dark:hover{background:#b0cef4}
#comment li span{color: #666}
#comment li h5{font-weight:normal; color:#000; display:block; padding:3px 0 10px 0; line-height:150%; color:#333; border-bottom:1px solid #4DAEEC;}
#comment ul li ul li{width:565px; float:left; display:block; background:#edffd6; border:1px solid #4DAEEC; margin-bottom: 10px;}
#comment ul li ul{padding:10px 0}
#comment .more a{background:#e52d2a; text-align:center;width:597px; display:block; padding:5px;border-top:1px solid #4DAEEC; font-weight:bold; color:#fff}
#comment .more a:hover{color:#333}
.thl{margin: 5px 10px 10px 0}

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


.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:#333; }
 * html button.btn { padding-bottom:1px;}
    html:not([lang*=""]) button.btn {margin:0 -3px;}
.btn span {background:#f1f7fe;margin:0;padding:3px 0;border-left:1px solid #4DAEEC;border-right:1px solid #4DAEEC; }
    * html .btn span {padding-top:0;}
.btn span span {position:relative;padding:3px .4em 3px 17px;border-width:0;border-top:1px solid #4DAEEC; border-bottom:1px solid #4DAEEC;}
.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:#06C !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:auto; width:620px;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(../images/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;float: right;}
div.paginations a {border: 1px solid #8f2121;-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*/#8f2121;text-decoration: none; color:#FFF}
div.paginations a:hover, div.paginations a:active {border: 1px solid #bb79c5;background-image:none;background-color:#cc6666;color: #000;}
div.paginations span.current {margin-right:3px;padding:2px 6px;font-weight: bold;color: #000;background-color:#cc6666;-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(../images/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;}