.utanfutokeszlet {
    font-size: 10px;
}
/* cookie */
.cookie{width: 100%; position: fixed;bottom: 0;padding: 14px;background-color:rgba(15, 88, 6, 0.8);color: #ffffff;transition: visibility 0s, opacity 0.5s linear;display:none;  z-index: 999;}
div.cookie_container{width: 70%;margin: 0 auto;text-align: left;font-size: 16px;}
div.cookie_container p.left{float: left}
div.cookie_container a{color: #ffffff;text-decoration: underline;font-size: 13px;}
div.cookie_container small{font-size: 13px;}
div.cookie button{padding: 13px 34px;border-radius: 5px;background: #F4F4F4;border: 1px solid #ffffff;margin-top: 2px;color: #333333;float: right;cursor: pointer;}
.megrendeles_button {
    font-size: 12px;
    border: 1px solid #333;
    background-color: yellow;
    padding: 5px;
}

.megrendeles_button:hover {
    font-size: 12px;
    border: 1px solid #333;
    background-color: black;
    color: white;
}

#jsddm {
    margin: 0;
    padding: 0;
}
#jsddm li {
    float: left;
    list-style: none outside none;
}
#jsddm li a {
    border-right: 1px solid white;
    color: #000000;
    display: block;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-left: 70px;
    text-decoration: none;
    text-transform: uppercase;
}
#jsddm li a:hover {
    color: #F9F300;
    text-shadow: 0.1em 0.1em 0.2em black;
}
#jsddm li ul {
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
}
#jsddm li ul li {
    display: inline;
    float: none;
}
#jsddm li ul li a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #F9F300;
    border-left: 1px solid #F9F300;
    border-right: 1px solid #F9F300;
    color: #000000;
    font-size: 10px;
    padding: 10px 55px 10px 70px;
    text-align: left;
    width: 200px;
}
#jsddm li ul li a:hover {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #000000;
    color: #F9F300;
    font-weight: bold;
    opacity: 0.9;
}
#menu212 {
    border-bottom: 1px solid #F9F300;
    border-top: 1px solid #000000;
    display: inline;
    float: left;
    font-size: 1.2em;
    height: 30px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}
#menu212 a h6 {
    color: #000000;
    display: inline;
    font-size: 1.1em;
    padding: 0 15px;
    text-decoration: none;
}
#menu212 a:hover {
    color: #F9F300;
}
* {
    margin: 0;
    outline: medium none;
    padding: 0;
}
#szlogen {
    font-size: 1.2em;
    padding-bottom: 5px;
}
fieldset.search {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    margin: 0 auto;
    width: 243px;
}
.search input, .search button {
    border: medium none;
    float: left;
}
.search input.box {
    background: url("images/search_icon.jpg") no-repeat scroll right center #FFFFFF;
    border: 1px solid #555555;
    color: #000;
    font-size: 1.2em;
    height: 20px;
    margin-right: 5px;
    padding: 2px;
    width: 180px;
}
.search input.box:focus {
    background: url("images/search_icon.jpg") no-repeat scroll right center #FFFFFF;
}
.search button.btn {
    cursor: pointer;
    height: 30px;
    text-indent: -9999px;
    width: 38px;
}
.search button.btn:hover {
}
body {
    color: #000000;
    font-family: tahoma;
    font-size: 12px;
}
body.bg-body-v {
    background: url("images/bg-body-videodetail.jpg") no-repeat scroll center 79px transparent;
}
body.bg-body-l {
    background: url("images/bg-body-listing.jpg") no-repeat scroll center 79px transparent;
}
a img {
    border: medium none;
}
a {
    color: #000000;
    text-decoration: underline;
}
a:hover {
    color: #F9F300;
    text-decoration: none;
}
ul, ol {
    list-style: none outside none;
}
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
}
h1, h2 {
    color: #000000;
    font-family: verdana;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 8px;
}
h3 {
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 16px;
    padding-bottom: 8px;
}
h4 {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 8px;
}
h5 {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 8px;
}
h6 {
    font-family: verdana;
    font-size: 0.8em;
    font-weight: normal;
    text-transform: uppercase;
}
h5 a {
    color: #000000;
    text-decoration: none;
}
#outer_header {
    background: url("images/bg-outer-header.gif") repeat-x scroll center top transparent;
    border-bottom: 1px solid #F9F300;
    border-top: 1px solid #000000;
    height: 72px;
    margin: auto;
    position: relative;
    width: 966px;
    z-index: 1000;
}
#header_sec {
    margin: 0 auto;
    padding-top: 11px;
    width: 960px;
}
#header_sec img#logo {
    float: left;
    padding-top: 10px;
}
#header_sec #nav {
    float: left;
    padding-left: 25px;
    padding-top: 12px;
    width: 452px;
}
#header_sec #nav li {
    float: left;
    position: relative;
}
#header_sec #nav li a {
    color: #000000;
    display: inline-block;
    float: left;
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    line-height: 23px;
    padding: 1px 10px 2px 12px;
    text-decoration: none;
}
#header_sec #nav li a.active, h6 a {
    color: #F9F300;
    font-weight: normal;
    text-decoration: none;
}
#header_sec #nav li a:hover, #header_sec #nav li a.active {
    color: #F9F300;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0.1em 0.1em 0.2em black;
}
#nav #navbar *:hover > a {
    color: #F9F300;
    font-weight: bold;
    text-decoration: none;
}
#nav #navbar li ul {
    border: 1px solid #E6E6E6;
    display: none;
    width: 135px;
}
#nav #navbar li:hover ul, #navbar li.hover ul {
    background: none repeat scroll 0 0 #F1F1F1;
    display: block;
    left: 5px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 25px;
}
#nav #navbar li ul li {
    padding: 0;
    width: 135px;
}
#nav #navbar li ul li a {
    border-bottom: 1px solid #D9D8D8;
    font-size: 13px;
    line-height: 29px;
    padding: 0 0 0 10px;
    width: 125px;
}
#nav #navbar li ul li a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #EAEAEA;
    border-color: -moz-use-text-color -moz-use-text-color #D9D8D8;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding: 0 0 0 10px;
    width: 125px;
}
#header_sec .signin {
    float: right;
    padding-top: 14px;
    width: 280px;
}
#header_sec .signin ul {
    float: right;
}
#header_sec .signin li {
    float: left;
    padding: 6px 10px 0;
}
#header_sec .signin li.sign_in a {
    color: #6F696B;
    text-decoration: none;
}
#header_sec .signin li.sign_in a:hover {
    text-decoration: underline;
}
#header_sec .signin li.sign_in {
    background: url("images/bg-sep-signin.gif") no-repeat scroll left 8px transparent;
    padding-right: 0;
}
#header_sec .signin li.upload_btn {
    padding-top: 0;
}
#header_sec .signin li.upload_btn a {
    background: url("images/upload_btn.gif") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    text-decoration: none;
    width: 127px;
}
#content_sec {
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 10px;
    position: relative;
    width: 952px;
    z-index: 10;
}
#left_content {
    float: left;
    width: 650px;
}
#banner_slider {
    background: none repeat scroll 0 0 #E7E7E7;
    border-top: 1px solid #D1D1D1;
    float: left;
    width: 650px;
}
#nav-slider {
    background: url("images/bg-nav-slider.gif") repeat-x scroll center top transparent;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    height: 36px;
    padding-top: 3px;
    width: 650px;
}
#nav-slider li {
    background: url("images/bg-sep-tab.gif") no-repeat scroll right center transparent;
    float: left;
    padding: 0 2px;
}
#nav-slider li:first-child {
    padding-left: 2px;
}
#nav-slider li.nobg {
    background: none repeat scroll 0 0 transparent;
}
#nav-slider li a {
    color: #6F696B;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    line-height: 33px;
    padding: 0 18px;
    text-decoration: none;
}
#nav-slider li a:hover {
    color: #F9F300;
}
#nav-slider li.active {
    background: none repeat scroll 0 0 transparent;
}
#nav-slider li.active a {
    border: 1px solid #E4E4E4;
    color: #F9F300;
}
.video-slider {
    float: left;
}
.video-category {
    float: left;
    padding-top: 12px;
    width: 650px;
}
.heading-list {
    background: url("images/bg-heading-gr.gif") repeat-x scroll center top transparent;
    border: 1px solid #E4E4E4;
    float: left;
    height: 27px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 12px;
    padding-top: 6px;
    width: 618px;
}
.heading-list h1 {
    float: left;
    line-height: 20px;
    padding-bottom: 0;
    width: 500px;
}
.heading-list ul {
    float: right;
}
.heading-list ul li {
    float: left;
}
.heading-list ul li a {
    display: block;
    float: left;
    margin-left: 4px;
    text-indent: -9999px;
}
.heading-list ul li a.list-view {
    background: url("images/bg-list-btn.gif") no-repeat scroll left top transparent;
    height: 22px;
    width: 21px;
}
.heading-list ul li a.grid-view {
    background: url("images/bg-grid-view.gif") no-repeat scroll left top transparent;
    height: 19px;
    margin-top: 2px;
    width: 19px;
}
.wrapper_list_view {
    float: left;
    padding-bottom: 10px;
    width: 650px;
}
.thumb_view {
}
.thumb_view .description-box {
    border: medium none;
    float: left;
    height: auto !important;
    min-height: 225px;
    overflow: hidden;
    padding: 0 0 0 19px;
    width: 148px;
}
.thumb_view .nopadding {
    padding-left: 0 !important;
}
.description-box {
    border: 1px solid #DDDDDD;
    float: left;
    margin-bottom: 14px;
    padding: 10px 10px 10px 7px;
    width: 631px;
}
.video-box {
    background: url("images/frame-video.gif") no-repeat scroll left top transparent;
    float: left;
    height: 117px;
    padding-top: 7px;
    position: relative;
    text-align: center;
    width: 148px;
}
.video-box img {
    height: 110px;
    width: 134px;
}
.video-box span.time-video {
    background: url("images/bg-opacity.png") repeat scroll 0 0 transparent;
    bottom: 7px;
    color: #FFFFFF;
    display: block;
    height: 18px;
    left: 7px;
    line-height: 18px;
    position: absolute;
    width: 45px;
}
.video-box span.add-playlist {
    background: url("images/add-btn.gif") no-repeat scroll left top transparent;
    bottom: 7px;
    color: #FFFFFF;
    display: block;
    height: 22px;
    position: absolute;
    right: 7px;
    text-indent: -9999px;
    width: 22px;
}
.thumb_view .description-box div {
    width: 148px;
}
.thumb_view .description-box div h5 {
    padding-bottom: 5px;
    width: 148px;
}
.thumb_view .description-box .heading-date {
    border-bottom: medium none;
    margin-bottom: 0;
}
.thumb_view .description-box .heading-date span {
    padding-left: 4px;
    width: 144px;
}
.thumb_view .description-box .text-desc {
    display: none;
}
.description-video {
    float: right;
    padding-top: 5px;
    width: 475px;
}
.total-views {
    color: #747474;
    display: none;
    float: left;
    padding-bottom: 4px;
    width: 148px;
}
.thumb_view .total-views {
    display: block;
}
.heading-date {
    border-bottom: 1px solid #E7E7E7;
    float: left;
    margin-bottom: 7px;
    padding-bottom: 7px;
    width: 475px;
}
.heading-date h5 {
    float: left;
    line-height: 16px;
    padding-bottom: 0;
    width: 350px;
}
.heading-date span {
    color: #B5B5B5;
    display: block;
    float: right;
    font-style: italic;
    padding-right: 5px;
}
.text-desc {
    float: left;
    line-height: 17px;
    width: 475px;
}
.text-desc p {
    line-height: 18px;
    padding-bottom: 10px;
}
.thumb_view .bottom-panel ul li {
    display: none;
}
.thumb_view .bottom-panel ul li.nobg {
    display: block;
}
.thumb_view .bottom-panel .rating-stars, .thumb_view .bottom-panel .share-btn {
    display: none;
}
.bottom-panel {
    float: left;
    width: 475px;
}
.bottom-panel ul {
    float: left;
}
.bottom-panel ul li {
    background: url("images/bg-sep-signin.gif") no-repeat scroll left 3px transparent;
    color: #989898;
    float: left;
    line-height: 15px;
    padding: 0 6px 0 8px;
}
.bottom-panel ul li.nobg {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
}
.rating-stars {
    float: left;
    padding-left: 20px;
    padding-top: 1px;
    width: 100px;
}
.description-box .rating-stars em {
    background: url("images/t-star.gif") no-repeat scroll left top transparent;
    display: block;
    float: left !important;
    height: 12px;
    margin-right: 2px;
    width: 12px;
}
.rating-stars em.low-rate {
    background: url("images/l-star.gif") no-repeat scroll left top transparent;
}
.bottom-panel a.share-btn {
    background: url("images/bg-share-social.gif") no-repeat scroll left top transparent;
    display: block;
    float: right;
    height: 17px;
    text-indent: -9999px;
    width: 72px;
}
.pager {
    background: url("images/bg-heading-gr.gif") repeat-x scroll center top transparent;
    border: 1px solid #E4E4E4;
    float: left;
    height: 23px;
    padding-left: 18px;
    padding-right: 12px;
    padding-top: 10px;
    width: 618px;
}
.pager li {
    color: #747474;
    float: left;
    padding: 0 2px;
}
.pager li a {
    color: #747474;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 16px;
    padding: 0 5px 2px;
    text-decoration: none;
}
.pager li a.pre {
    background: url("images/btn-pre.gif") no-repeat scroll left top transparent;
    height: 10px;
    margin-top: 4px;
    padding-right: 0;
    text-indent: -9999px;
    width: 7px;
}
.pager li a.next {
    background: url("images/btn-next.gif") no-repeat scroll left top transparent;
    height: 10px;
    margin-top: 4px;
    text-indent: -9999px;
    width: 7px;
}
.pager li a:hover, .pager li a.active {
    background: none repeat scroll 0 0 #00555A;
    color: #FFFFFF;
}
.pager li a.pre:hover {
    background: url("images/btn-pre.gif") no-repeat scroll left top transparent;
}
.pager li a.next:hover {
    background: url("images/btn-next.gif") no-repeat scroll left top transparent;
}
#right_content {
    float: right;
    width: 290px;
}
.sign-in-field {
    background: url("images/bg-search.gif") no-repeat scroll left top transparent;
    float: left;
    height: 28px;
    margin-bottom: 10px;
    padding: 7px;
    width: 276px;
}
.sign-in-field input.txt-field {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #6F696B;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 16px;
    padding: 6px 10px;
    width: 220px;
}
.sign-in-field a {
    display: block;
    float: right;
    height: 28px;
    text-indent: -99999px;
    width: 24px;
}
.banner-right {
    float: left;
    padding-bottom: 5px;
    width: 290px;
}
.banner-right img {
    margin-bottom: 8px;
}
.banner-right h5 {
    padding-bottom: 10px;
}
.classic-channel {
    float: left;
    padding-bottom: 12px;
    width: 290px;
}
.heading-top {
    border-bottom: 1px solid #000000;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 8px;
	padding-top: 5px;
    width: 290px;
}
.heading-top h2 {
    float: left;
    padding-bottom: 0;
    width: 124px;
}
.heading-top a {
    display: block;
    float: right;
    font-size: 10px;
    line-height: 15px;
}
.classic-channel li {
    float: left;
    padding: 5px;
    width: 290px;
}
.classic-channel li a img {
    border: 1px solid;
    float: left;
    margin-right: 12px;
}
.classic-channel li a {
    display: block;
    float: left;
    text-decoration: none;
    width: 290px;
}
.classic-channel li a span {
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    padding-bottom: 4px;
    padding-top: 13px;
    width: 175px;
}
.classic-channel li a em {
    display: block;
    float: left;
    width: 175px;
}
.classic-channel li a.red {
    background: none repeat scroll 0 0 #97020F;
}
.classic-channel li a.red em {
    color: #DE3D4B;
}
.classic-channel li a.green {
    background: none repeat scroll 0 0 #89966F;
}
.classic-channel li a.green em {
    color: #B8C4A0;
}
.classic-channel li a.silver {
    background: none repeat scroll 0 0 #797979;
}
.classic-channel li a.silver em {
    color: #AAAAAA;
}
.trending-box {
    float: left;
    overflow: auto;
    width: 290px;
}
.accordionContent {
}
.trending-box li {
    border-bottom: 1px solid #AAAAAA;
    float: left;
    padding-bottom: 15px;
    width: 290px;
}
.trending-box li div.video-box-trending {
    float: left;
    padding-left: 7px;
    padding-top: 7px;
    position: relative;
    width: 97px;
}
.trending-box li div.video-box-trending span.time-video {
    background: url("images/bg-opacity.png") repeat scroll 0 0 transparent;
    bottom: 6px;
    color: #FFFFFF;
    display: block;
    height: 18px;
    left: 7px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    width: 45px;
}
.trending-box li div.video-box-trending span.add-playlist {
    background: url("images/add-btn.gif") no-repeat scroll left top transparent;
    bottom: 6px;
    color: #FFFFFF;
    display: block;
    height: 22px;
    position: absolute;
    right: 6px;
    text-indent: -9999px;
    width: 22px;
}
.text-desc-tre {
    color: #747474;
    float: right;
    padding-top: 4px;
    width: 178px;
}
.text-desc-tre h5 {
    padding-bottom: 6px;
}
.text-desc-tre p {
    color: #747474;
    padding-bottom: 6px;
}
.event-box {
    float: left;
    width: 290px;
}
.event-box li {
    float: left;
    padding-bottom: 15px;
    width: 290px;
}
.event-box li .img-frame-event {
    background: url("images/img-frame-tre.gif") no-repeat scroll left top transparent;
    float: left;
    height: 54px;
    padding-left: 7px;
    padding-top: 7px;
    width: 97px;
}
.event-box li .img-frame-event img {
    height: 48px;
    width: 90px;
}
.event-box li .text-desc-event {
    float: right;
    padding-top: 4px;
    width: 175px;
}
.event-box li .text-desc-event h5 {
    padding-bottom: 5px;
}
.event-box li .text-desc-event p {
    line-height: 17px;
    padding-bottom: 0;
}
#outer-footer {
    background: url("images/bg-gr-footer.gif") repeat-x scroll center top #FFFFFF;
    border-top: 1px solid #C1D2D3;
    padding-top: 16px;
    width: 100%;
}
#footer_sec {
    margin: 0 auto;
    width: 940px;
}
.about-us, .rules-policy {
    border-right: 1px solid #F4F4F4;
    float: left;
 padding: 10px 30px 10px 110px;
     width: 170px;

}
.about-us h2 {
    background: url("images/bg-about-us.gif") no-repeat scroll left top transparent;
    padding-bottom: 22px;
    padding-left: 25px;
    padding-top: 2px;
}
.about-us li, .rules-policy li {
    float: left;
    padding-bottom: 8px;
    padding-left: 8px;
    width: 162px;
}
.about-us li a, .rules-policy li a {
    background: url("images/sep-list.gif") no-repeat scroll left 4px transparent;
    color: #555555;
    display: block;
    float: left;
    padding-left: 9px;
    text-decoration: none;
}
.about-us li a:hover, .rules-policy li a:hover {
    background: url("images/sep-list-hover.gif") no-repeat scroll left 4px transparent;
    color: #999999;
    text-decoration: underline;
}
.rules-policy h2 {
    background: url("images/bg-rule-policy.gif") no-repeat scroll left top transparent;
    padding-bottom: 18px;
    padding-left: 25px;
    padding-top: 6px;
}
.rules-policy {
    padding-left: 60px;
}
.social-network {
    border-right: 1px solid #F4F4F4;
    float: left;
    padding: 10px 30px 10px 35px;
    width: 170px;
}
.social-network h2 {
    background: url("images/bg-follow-us.gif") no-repeat scroll left top transparent;
    padding-bottom: 22px;
    padding-left: 32px;
    padding-top: 2px;
}
.social-network li {
    float: left;
    padding-bottom: 4px;
    width: 170px;
}
.social-network li a {
    color: #666666;
    display: block;
    float: left;
    line-height: 16px;
    padding-left: 30px;
    text-decoration: none;
}
.social-network li a:hover {
    color: #000000;
}
.social-network li a.so1 {
    background: url("images/bg-fb.gif") no-repeat scroll left top transparent;
}
.social-network li a.so2 {
    background: url("images/bg-tw.gif") no-repeat scroll left top transparent;
}
.social-network li a.so3 {
    background: url("images/bg-ms.gif") no-repeat scroll left top transparent;
}
.social-network li a.so4 {
    background: url("images/bg-ut.gif") no-repeat scroll left top transparent;
}
.social-network li a.so5 {
    background: url("images/bg-google.gif") no-repeat scroll left top transparent;
}
.news-letter {
    color: #555555;
    float: right;
    padding-top: 10px;
    width: 220px;
}
.news-letter h2 {
    background: url("images/bg-newsletter.gif") no-repeat scroll left top transparent;
    padding-bottom: 17px;
    padding-left: 28px;
    padding-top: 3px;
}
.news-letter p {
    color: #555555;
    line-height: 18px;
    padding-bottom: 14px;
}
.news-letter li {
    float: left;
}
.news-letter li label {
    display: block;
    float: left;
    padding-right: 8px;
}
.news-letter li input {
    float: left;
    margin-right: 8px;
}
.news-letter span.subsc-input {
    background: url("images/bg-inout-news.gif") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 23px;
    margin-top: 20px;
    padding: 2px;
    width: 216px;
}
.news-letter span.subsc-input input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 15px;
    padding: 4px 10px;
    width: 138px;
}
.news-letter span.subsc-input a {
    display: block;
    float: right;
    height: 23px;
    text-indent: -9999px;
    width: 57px;
}
#outer-bottom-footer {
    background: url("images/bottom-footer.gif") repeat-x scroll center bottom transparent;
    padding-bottom: 12px;
    width: 100%;
}
#bottom-footer {
    margin: 0 auto;
    padding: 12px 0;
    width: 940px;
}
#bottom-footer p {
    color: #9D9D9D;
    float: left;
}
#bottom-footer p a {
    color: #00555A;
    font-weight: bold;
}
a#goTop {
    background: url("images/bg-go-top.gif") no-repeat scroll left top transparent;
    color: #CCCCCC;
    display: block;
    float: right;
    line-height: 14px;
    margin-top: 3px;
    padding-left: 18px;
}
#news-content {
    float: left;
    width: 650px;
}
.heading-news-top {
    background: url("images/bg-hd-news.gif") repeat-x scroll center top #EBEBEB;
    border: 1px solid #E4E4E4;
    float: left;
    margin-bottom: 7px;
    padding: 6px 6px 6px 10px;
    width: 632px;
}
.heading-news-top h1 {
    background: url("images/bg-hd-nws.gif") no-repeat scroll left top transparent;
    float: left;
    line-height: 18px;
    margin-top: 3px;
    padding-bottom: 0;
    padding-left: 25px;
    width: 350px;
}
.heading-news-top label {
    display: block;
    float: right;
    font-weight: bold;
    line-height: 27px;
    text-align: right;
    width: 250px;
}
.heading-news-top label span {
    display: block;
    float: right;
}
.heading-news-top select {
    border: 1px solid #CECFD0;
    color: #919292;
    float: right;
    font-size: 11px;
    margin-left: 6px;
    padding: 5px;
    width: 120px;
}
.news-box {
    border: 1px solid #E4E4E4;
    float: left;
    margin-bottom: 10px;
    padding: 10px;
    width: 628px;
}
.news-box-heading {
    border-bottom: 1px solid #E4E4E4;
    float: left;
    margin-bottom: 9px;
    padding-bottom: 8px;
    width: 628px;
}
.news-box-heading h5 {
    background: url("images/bg-icon-news.gif") no-repeat scroll left top transparent;
    float: left;
    padding-bottom: 3px;
    padding-left: 23px;
    width: 300px;
}
.news-box-heading ul {
    float: right;
}
.news-box-heading ul li {
    color: #989898;
    float: left;
    line-height: 16px;
    padding-left: 10px;
}
.news-box-heading ul li span {
    background: url("images/bg-icon-date.gif") no-repeat scroll left 3px transparent;
    display: block;
    float: left;
    padding-left: 18px;
}
.news-box-heading ul li a {
    background: url("images/bg-icon-comment.gif") no-repeat scroll left 3px transparent;
    color: #989898;
    display: block;
    float: left;
    padding-left: 18px;
    text-decoration: none;
}
.news-box p {
    color: #333333;
    line-height: 19px;
    padding-bottom: 12px;
}
.user-info {
    float: left;
    width: 328px;
}
.user-info ul li {
    color: #989898;
    float: left;
    line-height: 16px;
    padding-right: 8px;
}
.user-info ul li.nobg {
    background: url("images/bg-sep-signin.gif") no-repeat scroll left 4px transparent;
    padding: 0 6px 0 8px;
}
.user-info ul li a.share-btn {
    background: url("images/bg-share-social.gif") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 17px;
    margin-right: 6px;
    text-indent: -9999px;
    width: 72px;
}
.user-info ul li a.feature-btn {
    background: url("images/feature-btn.gif") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 10px;
    height: 17px;
    line-height: 15px;
    margin-right: 6px;
    text-align: center;
    text-decoration: none;
    width: 62px;
}
.banner {
    border: 1px solid #E4E4E4;
    float: left;
    margin-bottom: 14px;
    width: 648px;
}
.heading-video {
    background: url("images/bg-hd-news.gif") repeat-x scroll center top #EBEBEB;
    border: 1px solid #E4E4E4;
    float: left;
    margin-bottom: 10px;
    padding: 6px 6px 6px 10px;
    width: 632px;
}
.heading-video h1 {
    background: url("images/bg-icon-video.gif") no-repeat scroll left 2px transparent;
    float: left;
    line-height: 18px;
    margin-top: 4px;
    padding-bottom: 0;
    padding-left: 25px;
    width: 250px;
}
.heading-video ul {
    float: right;
    padding-top: 2px;
}
.heading-video ul li {
    float: left;
}
.heading-video ul li a {
    display: block;
    float: left;
    margin-left: 4px;
    text-indent: -9999px;
}
.heading-video ul li a.list-view {
    background: url("images/bg-list-btn.gif") no-repeat scroll left top transparent;
    height: 22px;
    width: 21px;
}
.heading-video ul li a.grid-view {
    background: url("images/bg-grid-view.gif") no-repeat scroll left top transparent;
    height: 19px;
    margin-top: 2px;
    width: 19px;
}
.heading-video label {
    display: block;
    float: right;
    font-weight: bold;
    line-height: 27px;
    width: 200px;
}
.heading-video label span {
    display: block;
    float: right;
}
.heading-video select {
    border: 1px solid #CECFD0;
    color: #919292;
    float: right;
    font-size: 11px;
    margin-left: 6px;
    padding: 5px;
    width: 120px;
}
.counter-video {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #E4E4E4;
    float: left;
    padding: 6px 6px 6px 10px;
    width: 632px;
}
.counter-video h2 {
    color: #A4A4A4;
    float: left;
    font-weight: normal;
    line-height: 18px;
    padding-bottom: 0;
    padding-top: 5px;
}
.counter-video h2 strong {
    color: #00555A;
}
.counter-video a {
    float: right;
}
.category-list {
    float: left;
    padding-bottom: 15px;
    width: 290px;
}
.category-list li {
    float: left;
    padding-bottom: 3px;
    padding-right: 14px;
    width: 130px;
}
.category-list li a {
    background: url("images/sep-list-cata-h.gif") no-repeat scroll 8px 8px transparent;
    color: #00555A;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 20px;
    padding-left: 18px;
    text-decoration: none;
    width: 112px;
}
.category-list li a:hover {
    background: url("images/sep-list-cata.gif") no-repeat scroll 8px 8px #000000;
    color: #FFFFFF;
}
#signin_content_wrapper {
    background: url("images/bg-content-sign-in.png") no-repeat scroll center 50px transparent;
    padding-top: 60px;
    width: 100%;
}
#signin_content {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    padding-bottom: 74px;
    width: 935px;
}
#left_col {
    background: url("images/bg-login.png") no-repeat scroll left top transparent;
    float: left;
    height: 395px;
    padding: 30px 22px 0;
    position: relative;
    width: 297px;
}
#right_col {
    float: right;
    padding-top: 20px;
    width: 585px;
}
#right_col img {
    border: 1px solid #E4E4E4;
}
.signin_form_heading {
    background: url("images/db-border.gif") repeat-x scroll center bottom transparent;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 6px;
    width: 297px;
}
.signin_form_heading h1 {
    background: url("images/login-heading.png") no-repeat scroll left top transparent;
    height: 46px;
    margin-bottom: 8px;
    text-indent: -9999px;
}
.signin_form_heading p {
    color: #00555A;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 18px;
    padding-bottom: 12px;
}
.signin-form {
    float: left;
    padding-top: 5px;
    width: 297px;
}
.signin-form li {
    float: left;
    padding-bottom: 13px;
    width: 297px;
}
.signin-form li label {
    color: #00555A;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 27px;
    width: 81px;
}
.signin-form li span {
    background: url("images/bg-input-usr.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 27px;
    width: 211px;
}
.signin-form li span input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #787979;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 15px;
    padding: 6px 10px;
    width: 191px;
}
.signin-form li span input.password {
    font-size: 18px;
}
.signin-form li div {
    float: left;
    padding-bottom: 2px;
    padding-left: 81px;
    padding-top: 5px;
    width: 211px;
}
.signin-form li div label {
    color: #6F6F6F;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    width: 120px;
}
.signin-form li div label input {
    float: left;
    font-size: 0;
    height: 15px;
    line-height: 0;
    margin-right: 6px;
    width: 15px;
}
.signin-form li div a {
    display: block;
    float: right;
    text-align: right;
    width: 90px;
}
.signin-form li div a.fb-connect {
    background: url("images/btn-fb-connect.gif") no-repeat scroll left top transparent;
    display: block;
    float: left;
    font-size: 0;
    height: 16px;
    line-height: 0;
    text-indent: -99999px !important;
    width: 127px !important;
}
.signin-form li div input.login-btn {
    background: url("images/btn-login.gif") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 29px;
    line-height: 0;
    text-indent: -9999px;
    width: 87px;
}
#title-video {
    background: url("images/bg-nav-slider.gif") repeat-x scroll center top transparent;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    height: 30px;
    padding-left: 12px;
    padding-right: 8px;
    padding-top: 9px;
    width: 630px;
}
#title-video h1 {
    float: left;
    line-height: 18px;
    padding-bottom: 0;
    padding-top: 2px;
    width: 420px;
}
.uploader-info {
    float: right;
}
.uploader-info img {
    float: left;
    margin-right: 6px;
}
.uploader-info a {
    background: url("images/bg-plus-info.gif") no-repeat scroll right top transparent;
    color: #6F696B;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 23px;
    line-height: 22px;
    padding-right: 28px;
    text-decoration: none;
}
.panel-video {
    background: url("images/bg-panel.gif") repeat-x scroll center top transparent;
    border: 1px solid #CDCDCD;
    float: left;
    height: 34px;
    margin-bottom: 12px;
    margin-top: 8px;
    width: 650px;
}
.panel-left {
    float: left;
    width: 415px;
}
.panel-left li {
    background: url("images/bg-dbl-bord.gif") repeat-y scroll left top transparent;
    float: left;
    padding-left: 2px;
}
.panel-left li a {
    color: #000000;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-seri;
    font-size: 12px;
    font-weight: bold;
    height: 34px;
    line-height: 32px;
    text-decoration: none;
}
.panel-left li a:hover {
    color: #00555A;
}
.panel-left li a.panl-1 {
    background: url("images/bg-panl-1.png") no-repeat scroll 15px 11px transparent;
    padding-left: 35px;
    width: 40px;
}
.panel-left li a.panl-2 {
    background: url("images/bg-panl-2.png") no-repeat scroll center center transparent;
    text-indent: -9999px;
    width: 35px;
}
.panel-left li a.panl-3 {
    background: url("images/bg-panl-3.png") no-repeat scroll 13px 10px transparent;
    padding-left: 35px;
    width: 96px;
}
.panel-left li a.panl-4 {
    background: url("images/bg-panl-4.png") no-repeat scroll 15px 10px transparent;
    padding-left: 35px;
    width: 44px;
}
.panel-left li a.panl-5 {
    background: url("images/bg-panl-5.png") no-repeat scroll 12px 10px transparent;
    padding-left: 30px;
    width: 35px;
}
.panel-right {
    float: right;
    padding-right: 8px;
    padding-top: 6px;
    width: 222px;
}
.panel-right h3 {
    background: url("images/bg-icon-stat.gif") no-repeat scroll right top transparent;
    color: #202020;
    float: right;
    font-size: 15px;
    line-height: 23px;
    padding-bottom: 0;
    padding-right: 33px;
}
.panel-right h3 strong {
    color: #00555A;
    font-size: 16px;
}
.share-panel {
    border: 1px solid #CDCDCD;
    float: left;
    margin-bottom: 10px;
    padding: 18px 8px 8px;
    position: relative;
    width: 632px;
}
.share-panel em.shout-out {
    background: url("images/bg-call.gif") no-repeat scroll left top transparent;
    height: 9px;
    left: 50%;
    margin-left: -44px;
    position: absolute;
    top: -9px;
    width: 22px;
}
.embed-code {
    background: url("images/bg-icon-embed.gif") no-repeat scroll left top transparent;
    float: left;
    margin-bottom: 8px;
    padding-left: 30px;
    width: 380px;
}
.embed-code textarea {
    background: url("images/bg-textarea.gif") no-repeat scroll left top transparent;
    border: medium none;
    color: #333333;
    float: left;
    font-family: tahoma,arial,sans-serif;
    font-size: 11px;
    height: 15px;
    overflow: hidden;
    padding: 4px;
    width: 256px;
}
.embed-code label {
    color: #00555A;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 15px;
    padding-left: 8px;
    padding-top: 4px;
}
.embed-code input {
    float: left;
    font-size: 0;
    height: 15px;
    line-height: 0;
    margin-right: 4px;
    width: 15px;
}
.social-connect {
    float: right;
    width: 210px;
}
.social-connect .twitter {
    float: left;
    padding-right: 10px;
}
.social-connect .facebook {
    float: left;
}
.social-network-group {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #D0D0D0;
    float: left;
    padding: 8px 0;
    width: 630px;
}
.social-network-group li {
    float: left;
    padding-left: 8px;
}
.video-info {
    float: left;
    margin-bottom: 10px;
    padding-top: 5px;
    width: 650px;
}
.left-info-box {
    float: left;
    width: 425px;
}
.left-info-box ul {
    float: left;
    padding-bottom: 8px;
    width: 425px;
}
.left-info-box ul li {
    background: url("images/bg-sep-signin.gif") no-repeat scroll left 3px transparent;
    color: #6F696B;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 16px;
    padding: 0 6px 0 8px;
}
.left-info-box ul li a {
    color: #00555A;
    font-weight: bold;
}
.left-info-box ul li.nobg {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
}
.left-info-box p {
    color: #6F696B;
    line-height: 16px;
    padding-bottom: 8px;
}
.right-info-box {
    float: right;
    width: 216px;
}
.right-info-box p {
    color: #6F696B;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 16px;
    padding-bottom: 8px;
    text-align: right;
}
.right-info-box p a {
    color: #6F696B;
    font-weight: bold;
}
.right-info-box p a.download-btn {
    background: url("images/feature-btn.gif") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: inline-block;
    font-family: tahoma,arial,sans-serif;
    font-weight: normal;
    height: 17px;
    margin-left: 4px;
    margin-top: 2px;
    text-align: center;
    text-decoration: none;
    width: 62px;
}
#comment-area {
    float: left;
    width: 650px;
}
.heading-comment {
    background: url("images/bg-heading-gr.gif") repeat-x scroll center top transparent;
    border: 1px solid #E4E4E4;
    float: left;
    height: 27px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 12px;
    padding-top: 6px;
    width: 620px;
}
.heading-comment h2 {
    color: #2A2A2A;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 0;
}
.heading-comment h2 strong {
    font-size: 16px;
}
.comment-list {
    float: left;
    width: 650px;
}
.comment-list li {
    background: none repeat scroll 0 0 #F6F6F6;
    float: left;
    margin-bottom: 15px;
    padding: 10px 12px 5px;
    width: 626px;
}
.comment-list li.nobg {
    background: none repeat scroll 0 0 transparent;
    margin-bottom: 10px;
}
.comment-list li span.img-area {
    background: none repeat scroll 0 0 #B9E7FF;
    border: 1px solid #CDCDCD;
    display: block;
    float: left;
    padding: 3px;
}
.comment-list li span.img-area img {
    height: 34px;
    width: 34px;
}
.comment-list li .text-area {
    float: left;
    padding-left: 13px;
    position: relative;
    width: 565px;
}
.comment-list li .text-area h4 {
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 4px;
}
.comment-list li .text-area h4 a {
    color: #256C71;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.comment-list li .text-area p {
    color: #5C5C5C;
    font-family: tahoma,arial,sans-serif;
    line-height: 19px;
    padding-bottom: 10px;
}
.comment-list li .text-area p.date-time {
    color: #ABABAB;
    font-size: 10px;
    padding-bottom: 12px;
}
.like-panel {
    display: none;
    height: 20px;
    position: absolute;
    right: -10px;
    top: 0;
    width: 102px;
}
.like-panel a {
    display: block;
    float: left;
    height: 20px;
    margin-left: 3px;
    text-indent: -9999px;
}
.like-panel a.like-1 {
    background: url("images/bg-like.png") no-repeat scroll left top transparent;
    width: 22px;
}
.like-panel a.like-1:hover {
    background: url("images/bg-like-h.png") no-repeat scroll left top transparent;
}
.like-panel a.like-2 {
    background: url("images/bg-dislike.png") no-repeat scroll left top transparent;
    width: 22px;
}
.like-panel a.like-2:hover {
    background: url("images/bg-dislike-h.png") no-repeat scroll left top transparent;
}
.like-panel a.like-3 {
    background: url("images/bg-replay.png") no-repeat scroll left top transparent;
    width: 40px;
}
.like-panel a.like-3:hover {
    background: url("images/bg-replay-h.png") no-repeat scroll left top transparent;
}
.comment-list li:hover .like-panel {
    display: block;
}
#accordion {
    float: left;
    overflow: hidden;
    padding-bottom: 12px;
    width: 290px;
}
#accordion h3 {
    background: url("images/bg-heading-accordion-h.gif") no-repeat scroll left top transparent;
    clear: both;
    float: left;
    font-size: 14px;
    height: 34px;
    line-height: 32px;
    padding-bottom: 0;
    text-decoration: none;
    width: 290px;
}
#accordion h3 a {
    background: url("images/bg-heading-accordion-h.gif") no-repeat scroll left top transparent;
    clear: both;
    color: #00555A;
    float: left;
    font-size: 14px;
    height: 34px;
    line-height: 32px;
    padding-bottom: 0;
    padding-left: 12px;
    text-decoration: none;
    width: 278px;
}
#accordion h3.on a {
    background: url("images/bg-heading-accordion.gif") no-repeat scroll left top transparent  !important;
}
#accordion .trending-box {
    clear: both;
    display: inline-block;
    overflow: hidden;
    padding-top: 15px;
}
.video-box a {
    text-decoration: none;
}
#blog_content {
    float: left;
    width: 650px;
}
.heading-blog-top, .heading-cmtusr-top {
    background: url("images/bg-hd-news.gif") repeat-x scroll center top #EBEBEB;
    border: 1px solid #E4E4E4;
    float: left;
    margin-bottom: 7px;
    padding: 6px 6px 6px 10px;
    width: 632px;
}
.heading-blog-top h1, .heading-cmtusr-top h2 {
    background: url("images/bg-ico-blog.png") no-repeat scroll left 2px transparent;
    float: left;
    line-height: 18px;
    margin-top: 3px;
    padding-bottom: 0;
    padding-left: 25px;
    width: 210px;
}
.heading-cmtusr-top h2 {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
    width: 350px;
}
.heading-blog-top label, .heading-cmtusr-top label {
    display: block;
    float: right;
    font-weight: bold;
    line-height: 27px;
    text-align: right;
    width: 250px;
}
.heading-blog-top label span, .heading-cmtusr-top label span {
    display: block;
    float: right;
}
.heading-blog-top select, .heading-cmtusr-top select {
    border: 1px solid #CECFD0;
    color: #919292;
    float: right;
    font-size: 11px;
    margin-left: 6px;
    padding: 5px;
    width: 120px;
}
.blog-box {
    border: 1px solid #E4E4E4;
    float: left;
    margin-bottom: 10px;
    padding: 10px 10px 10px 7px;
    width: 631px;
}
.blog-box-heading {
    border-bottom: 1px solid #E4E4E4;
    float: left;
    margin-bottom: 8px;
    padding-bottom: 8px;
    width: 628px;
}
.blog-box-heading h5 {
    background: url("images/img-blog-thb.gif") no-repeat scroll left top transparent;
    float: left;
    padding-bottom: 3px;
    padding-left: 20px;
    width: 500px;
}
.blog-desc-box {
    float: right;
    height: 83px;
    line-height: 18px;
    width: 502px;
}
.blog-desc-box p {
    line-height: 17px;
    text-align: justify;
}
.blog-img-box {
    background: url("images/img-frame-blog.gif") no-repeat scroll left top transparent;
    float: left;
    height: 95px;
    padding: 6px;
    width: 107px;
}
.blog-box-heading .rating-stars em {
    background: url("images/t-star.gif") no-repeat scroll left top transparent;
    display: block;
    float: left !important;
    height: 12px;
    margin-right: 2px;
    width: 12px;
}
.blog-box-heading .rating-stars em.low-rate {
    background: url("images/l-star.gif") no-repeat scroll left top transparent;
}
.blog-box-heading .rating-stars {
    float: right;
    width: 72px;
}
.btn_createblog {
    background: none repeat scroll 0 0 #00555A;
    border: 1px solid #A8ACAD;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
    margin-left: 8px;
    margin-top: 2px;
    padding: 0 10px;
    text-decoration: none;
}
.blog-box-panel {
    float: right;
    line-height: 17px;
    width: 502px;
}
.left-panel {
    float: left;
    width: 190px;
}
.left-panel p {
    color: #999999;
    font-style: oblique;
}
.right-panel {
    float: right;
    width: 300px;
}
.right-panel a.share-btn {
    background: url("images/bg-share-social.gif") no-repeat scroll left top transparent;
    display: block;
    float: right;
    height: 17px;
    margin-top: 1px;
    text-indent: -9999px;
    width: 72px;
}
.right-panel ul {
    float: right;
    padding-right: 15px;
}
.right-panel li {
    background: url("images/bg-sep-signin.gif") no-repeat scroll left 4px transparent;
    color: #999999;
    float: left;
    padding: 0 6px 0 8px;
}
.right-panel li:first-child {
    background: none repeat scroll 0 0 transparent;
}
.search-blog {
    background: url("images/bg-search-blog.png") no-repeat scroll left top transparent;
    float: left;
    height: 35px;
    margin-bottom: 12px;
    padding-left: 10px;
    padding-top: 7px;
    width: 280px;
}
.search-blog label {
    color: #00555A;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding-top: 3px;
    width: 92px;
}
.search-blog span {
    background: url("images/bg-input-search-blog.gif") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 27px;
    width: 179px;
}
.search-blog span input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    font-family: tahoma,arial,sans-serif;
    font-size: 11px;
    height: 15px;
    padding: 6px 10px;
    width: 126px;
}
.search-blog span a {
    display: block;
    float: left;
    height: 27px;
    margin-left: 2px;
    text-indent: -99999px;
    width: 27px;
}
.recent-post {
    float: left;
    margin-bottom: 8px;
    width: 290px;
}
.recent-post li {
    float: left;
    padding-bottom: 13px;
    width: 290px;
}
.video-box-post {
    background: url("images/img-frame-post.gif") no-repeat scroll left top transparent;
    float: left;
    height: 48px;
    padding: 6px;
    width: 60px;
}
.text-desc-post {
    float: right;
    padding-top: 3px;
    width: 212px;
}
.text-desc-post h5 {
    padding-bottom: 6px;
}
.text-desc-post p {
    color: #6A788E;
}
.text-desc-post .rating-stars {
    float: left;
    padding: 0 0 6px;
    width: 212px;
}
.text-desc-post .rating-stars em {
    background: url("images/t-star.gif") no-repeat scroll left top transparent;
    display: block;
    float: left !important;
    height: 12px;
    margin-right: 2px;
    width: 12px;
}
.text-desc-post em.low-rate {
    background: url("images/l-star.gif") no-repeat scroll left top transparent;
}
#blogdetail {
    border: 1px solid #DDDDDD;
    float: left;
    margin-bottom: 10px;
    padding: 10px 10px 0;
    width: 628px;
}
.detailheading {
    border-bottom: 1px solid #DDDDDD;
    float: left;
    margin-bottom: 8px;
    width: 628px;
}
.detailheading h5 {
    float: left;
    width: 378px;
}
.info_rating {
    float: right;
    width: 248px;
}
.info_rating p {
    color: #999999;
    float: left;
    font-style: italic;
}
.info_rating .rating-stars {
    float: right;
    padding: 0;
    width: 75px;
}
.info_rating .rating-stars em {
    background: url("images/t-star.gif") no-repeat scroll left top transparent;
    display: block;
    float: left !important;
    height: 12px;
    margin-right: 2px;
    width: 12px;
}
.info_rating .rating-stars em.low-rate {
    background: url("images/l-star.gif") no-repeat scroll left top transparent;
}
.blogdetail_content {
    float: left;
    width: 628px;
}
.blogdetail_content p {
    color: #555555;
    line-height: 17px;
    padding-bottom: 12px;
    text-align: justify;
}
.blogdetail_content img.left_align {
    background: url("images/frame-blog-detail.jpg") no-repeat scroll left top transparent;
    float: left;
    height: 229px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 6px;
    width: 249px;
}
.post_info {
    float: right;
    padding-bottom: 8px;
    padding-top: 3px;
    width: 357px;
}
.post_info ul {
    float: left;
}
.post_info li {
    background: url("images/bg-sep-tab.gif") no-repeat scroll left 6px transparent;
    color: #666666;
    float: left;
    line-height: 18px;
    padding: 0 6px 0 8px;
}
.post_info li:first-child {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
}
.post_info a.btn-share {
    background: url("images/bg-share-social.gif") no-repeat scroll left top transparent;
    display: block;
    float: right;
    height: 17px;
    margin-top: 1px;
    text-indent: -9999px;
    width: 72px;
}
.post_comment {
    border: 1px solid #DDDDDD;
    float: left;
    margin-bottom: 12px;
    width: 648px;
}
.heading_comment {
    background: url("images/bg-hd-news.gif") repeat-x scroll left top #EBEBEB;
    float: left;
    padding: 10px;
    width: 628px;
}
.heading_comment h2 {
    padding: 0;
}
.content_post_comment {
    float: left;
    padding: 10px;
    width: 628px;
}
.imguser {
    float: left;
    width: 50px;
}
.textarea_field {
    border: 1px solid #DDDDDD;
    float: right;
    width: 566px;
}
.textarea_field textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: #B7B7B7;
    font-family: tahoma,arial,sans-serif;
    font-size: 11px;
    height: 80px;
    overflow: hidden;
    padding: 10px;
    width: 546px;
}
.submitfield {
    background: none repeat scroll 0 0 #F8F8F8;
    border-top: 1px solid #DDDDDD;
    float: left;
    height: 31px;
    width: 566px;
}
.submitfield input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #A7A7A7;
    cursor: pointer;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 31px;
    width: 83px;
}
.submitfield input.btn_imgupload {
    border-right: 1px solid #DDDDDD;
}
.submitfield input.btn_postcomment {
    border-left: 1px solid #DDDDDD;
    float: right;
}
.heading-cmtusr-top {
    margin-bottom: 10px;
}
.user_comment {
    float: left;
    width: 650px;
}
.user_comment_box {
    border: 1px solid #DDDDDD;
    clear: both;
    float: left;
    height: auto !important;
    margin-bottom: 11px;
    min-height: 76px;
    padding: 12px 10px;
    width: 628px;
}
.user_comment span.userimg {
    border: 2px solid #DDDDDD;
    display: block;
    float: left;
    width: 36px;
}
.comment_posted_user, .panel_comment {
    float: right;
    width: 577px;
}
.panel_comment .btn_replay {
    background: none repeat scroll 0 0 #CBCBCB;
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 21px;
    padding: 0 12px;
    text-decoration: none;
}
.panel_comment .btn_replay:hover {
    background: none repeat scroll 0 0 #00555A;
}
.user_info_panel {
    float: left;
    padding-bottom: 4px;
    width: 420px;
}
.user_info_panel h5 {
    float: left;
    padding-bottom: 4px;
    width: 420px;
}
.comment_posted_user .user_info_panel p {
    color: #AFAFAF;
    float: left;
    line-height: 15px;
}
.user_info_panel .rating-stars {
    float: left;
    padding: 0 0 0 10px;
    width: 75px;
}
.user_info_panel .rating-stars em {
    background: url("images/t-star.gif") no-repeat scroll left top transparent;
    display: block;
    float: left !important;
    height: 12px;
    margin-right: 2px;
    width: 12px;
}
.user_info_panel .rating-stars em.low-rate {
    background: url("images/l-star.gif") no-repeat scroll left top transparent;
}
.comment_posted_user p {
    color: #777777;
    line-height: 18px;
    text-align: justify;
}
.comment_replay_first, .comment_replay_second {
    background: url("images/bg-comment-first.gif") no-repeat scroll left bottom transparent;
    float: left;
    padding-left: 25px;
    width: 625px;
}
.comment_replay_second {
    float: left;
    margin-left: 25px;
    padding-left: 25px;
    width: 600px;
}
.comment_replay_second .user_comment_box {
    background: url("images/bg-comment-firstlvl.gif") repeat-y scroll left top transparent;
    border: 1px solid #DDDDDD;
    float: left;
    margin-bottom: 10px;
    padding: 12px 10px 12px 21px;
    width: 567px;
}
.comment_replay_first .user_comment_box {
    background: url("images/bg-comment-firstlvl.gif") repeat-y scroll left top transparent;
    border: 1px solid #DDDDDD;
    float: left;
    padding: 12px 10px 12px 21px;
    width: 592px;
}
.comment_replay_first .comment_posted_user, .comment_replay_first .panel_comment {
    width: 540px;
}
.comment_replay_second .comment_posted_user, .comment_replay_second .panel_comment {
    width: 515px;
}
