================================================
News Page
================================================
*/
#news-content {
width:650px;
float:left;
}
.heading-news-top {
float:left;
background:url(../images/bg-hd-news.gif) repeat-x top #ebebeb;
width:632px;
border:1px solid #e4e4e4;
padding:6px 6px 6px 10px;
margin-bottom:7px;
}
.heading-news-top h1 {
float:left;
padding-bottom:0;
line-height:18px;
background:url(../images/bg-hd-nws.gif) no-repeat left top;
padding-left:25px;
width:350px;
margin-top:3px;
}
.heading-news-top label {
display:block;
float:right;
font-weight:bold;
line-height:27px;
width:250px;
text-align:right;
}
.heading-news-top label span {
display:block;
float:right;
}
.heading-news-top select {
float:right;
width:120px;
padding:5px;
margin-left:6px;
border:1px solid #cecfd0;
font-size:11px;
color:#919292;
}
.news-box {
width:628px;
float:left;
border:1px solid #e4e4e4;
padding:10px;
margin-bottom:10px;
}
.news-box-heading {
width:628px;
float:left;
border-bottom:1px solid #e4e4e4;
padding-bottom:8px;
margin-bottom:9px;
}
.news-box-heading h5 {
float:left;
width:300px;
background:url(../images/bg-icon-news.gif) no-repeat left top;
padding-left:23px;
padding-bottom:3px;
}
.news-box-heading ul {
float:right;
}
.news-box-heading ul li {
float:left;
color:#989898;
line-height:16px;
padding-left:10px;
}
.news-box-heading ul li span {
display:block;
float:left;
background:url(../images/bg-icon-date.gif) no-repeat left 3px;
padding-left:18px;
}
.news-box-heading ul li a {
display:block;
float:left;
background:url(../images/bg-icon-comment.gif) no-repeat left 3px;
padding-left:18px;
color:#989898;
text-decoration:none;
}
.news-box p {
line-height:19px;
padding-bottom:12px;
color:#333;
}
.user-info {
float:left;
width:328px;
}
.user-info ul li {
float:left;
line-height:16px;
color:#989898;
padding-right:8px;
}
.user-info ul li.nobg {
background:url(../images/bg-sep-signin.gif) no-repeat left 4px;
padding:0 6px 0 8px;
}
.user-info ul li a.share-btn {
display:block;
float:left;
width:72px;
height:17px;
margin-right:6px;
text-indent:-9999px;
background:url(../images/bg-share-social.gif) no-repeat left top;
}
.user-info ul li a.feature-btn {
display:block;
float:left;
text-align:center;
color:#fff;
font-size:10px;
text-decoration:none;
width:62px;
height:17px;
line-height:15px;
background:url(../images/feature-btn.gif) no-repeat left top;
margin-right:6px;
}
/*
========================================================
Video Page
========================================================
*/
.banner {
width:648px;
float:left;
border:1px solid #e4e4e4;
margin-bottom:14px;
}
.heading-video{
float:left;
background:url(../images/bg-hd-news.gif) repeat-x top #ebebeb;
width:632px;
border:1px solid #e4e4e4;
padding:6px 6px 6px 10px;
margin-bottom:10px;
}
.heading-video h1 {
float:left;
padding-bottom:0;
line-height:18px;
background:url(../images/bg-icon-video.gif) no-repeat left 2px;
padding-left:25px;
width:250px;
margin-top:4px;
}
.heading-video ul {
float:right;
padding-top:2px;
}
.heading-video ul li {
float:left;
}
.heading-video ul li a {
display:block;
float:left;
text-indent:-9999px;
margin-left:4px;
}
.heading-video ul li a.list-view {
width:21px;
height:22px;
background:url(../images/bg-list-btn.gif) no-repeat left top;
}
.heading-video ul li a.grid-view {
width:19px;
height:19px;
background:url(../images/bg-grid-view.gif) no-repeat left top;
margin-top:2px;
}
.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 {
float:right;
width:120px;
padding:5px;
margin-left:6px;
border:1px solid #cecfd0;
font-size:11px;
color:#919292;
}
.counter-video {
float:left;
background:#f4f4f4;
width:632px;
border:1px solid #e4e4e4;
padding:6px 6px 6px 10px;
}
.counter-video h2 {
float:left;
color:#a4a4a4;
padding-top:5px;
line-height:18px;
padding-bottom:0;
font-weight:normal;
}
.counter-video h2 strong {
color:#00555a;
}
.counter-video a {
float:right;
}
.category-list {
width:290px;
float:left;
padding-bottom:15px;
}
.category-list li {
float:left;
width:130px;
padding-right:14px;
padding-bottom:3px;
}
.category-list li a {
display:block;
float:left;
width:112px;
line-height:20px;
font-weight:bold;
color:#00555a;
text-decoration:none;
padding-left:18px;
background:url(../images/sep-list-cata-h.gif) no-repeat 8px 8px;
}
.category-list li a:hover {
background:url(../images/sep-list-cata.gif) no-repeat 8px 8px #000;
color:#fff;
}
/*
==============================================
Sign In
==============================================
*/
#signin_content_wrapper {
width:100%;
background:url(../images/bg-content-sign-in.png) no-repeat center 50px;
padding-top:60px;
}
#signin_content {
width:935px;
margin:0 auto;
background:#fff;
padding-bottom:74px;
}
#left_col {
float:left;
width:297px;
height:395px;
background:url(../images/bg-login.png) no-repeat left top;
position:relative;
padding:30px 22px 0 22px;
}
#right_col {
width:585px;
float:right;
padding-top:20px;
}
#right_col img {
border:1px solid #e4e4e4;
}
.bg-shadow {
width:25px;
height:442px;
position:absolute;
left:-30px;
top:-15px;
background:url(../images/bg-login-shadow.png) no-repeat left top;
}
.signin_form_heading {
width:297px;
float:left;
background:url(../images/db-border.gif) repeat-x bottom;
padding-bottom:6px;
margin-bottom:20px;
}
.signin_form_heading h1 {
height:46px;
background:url(../images/login-heading.png) no-repeat left top;
text-indent:-9999px;
margin-bottom:8px;
}
.signin_form_heading p {
line-height:18px;
padding-bottom:12px;
font-family:Arial, Helvetica, sans-serif;
color:#00555a;
}
.signin-form{
float:left;
width:297px;
padding-top:5px;
}
.signin-form li{
float:left;
width:297px;
padding-bottom:13px;
}
.signin-form li label {
display:block;
float:left;
width:81px;
font-weight:bold;
font-size:12px;
color:#00555a;
font-family:Arial, Helvetica, sans-serif;
line-height:27px;
}
.signin-form li span {
display:block;
float:left;
width:211px;
height:27px;
background:url(../images/bg-input-usr.png) no-repeat left top;
}
.signin-form li span input {
float:left;
width:191px;
height:15px;
font-size:11px;
color:#787979;
border:none;
font-family:Arial, Helvetica, sans-serif;
background:none;
padding:6px 10px;
}
.signin-form li span input.password {
font-size:18px;
}
.signin-form li div {
float:left;
padding-left:81px;
width:211px;
padding-top:5px;
padding-bottom:2px;
}
.signin-form li div label {
font-weight:normal;
width:auto;
font-size:11px;
line-height:15px;
color:#6f6f6f;
width:120px;
}
.signin-form li div label input {
float:left;
margin-right:6px;
width:15px;
height:15px;
line-height:0;
font-size:0;
}
.signin-form li div a {
float:right;
display:block;
width:90px;
text-align:right;
}
.signin-form li div a.fb-connect {
display:block;
float:left;
width:127px!important;
height:16px;
background:url(../images/btn-fb-connect.gif) no-repeat left top;
text-indent:-99999px!important;
line-height:0;
font-size:0;
}
.signin-form li div input.login-btn {
float:left;
width:87px;
height:29px;
background:url(../images/btn-login.gif) no-repeat left top;
border:none;
text-indent:-9999px;
line-height:0;
font-size:0;
cursor
ointer;
}
/*
==================================================
Video Detail
==================================================
*/
#title-video {
width:630px;
float:left;
height:30px;
border-bottom:1px solid #fff;
background:url(../images/bg-nav-slider.gif) repeat-x top;
padding-top:9px;
padding-left:12px;
padding-right:8px;
}
#title-video h1 {
padding-bottom:0;
line-height:18px;
padding-top:2px;
float:left;
width:420px;
}
.uploader-info {
float:right;
}
.uploader-info img {
float:left;
margin-right:6px;
}
.uploader-info a {
display:block;
float:left;
background:url(../images/bg-plus-info.gif) no-repeat right top;
line-height:22px;
height:23px;
text-decoration:none;
padding-right:28px;
font-size:11px;
color:#6f696b;
font-family:Arial, Helvetica, sans-serif;
}
.panel-video {
float:left;
width:650px;
height:34px;
background:url(../images/bg-panel.gif) repeat-x top;
border:1px solid #cdcdcd;
margin-top:8px;
margin-bottom:12px;
}
.panel-left {
float:left;
width:415px;
}
.panel-left li {
float:left;
background:url(../images/bg-dbl-bord.gif) repeat-y left top;
padding-left:2px;
}
.panel-left li a {
display:block;
float:left;
height:34px;
font-family:Arial, Helvetica, sans-seri;
font-size:12px;
font-weight:bold;
color:#000;
text-decoration:none;
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 15px 11px;
width:40px;
padding-left:35px;
}
.panel-left li a.panl-2 {
background:url(../images/bg-panl-2.png) no-repeat center center;
width:35px;
text-indent:-9999px;
}
.panel-left li a.panl-3 {
background:url(../images/bg-panl-3.png) no-repeat 13px 10px;
width:96px;
padding-left:35px;
}
.panel-left li a.panl-4 {
background:url(../images/bg-panl-4.png) no-repeat 15px 10px;
width:44px;
padding-left:35px;
}
.panel-left li a.panl-5 {
background:url(../images/bg-panl-5.png) no-repeat 12px 10px;
width:35px;
padding-left:30px;
}
.panel-right {
float:right;
padding-top:6px;
width:222px;
padding-right:8px;
}
.panel-right h3 {
float:right;
background:url(../images/bg-icon-stat.gif) no-repeat right top;
padding-right:33px;
padding-bottom:0;
line-height:23px;
font-size:15px;
color:#202020;
}
.panel-right h3 strong {
font-size:16px;
color:#00555a;
}
.share-panel {
float:left;
width:632px;
border:1px solid #cdcdcd;
position:relative;
padding:18px 8px 8px 8px;
margin-bottom:10px;
}
.share-panel em.shout-out {
position:absolute;
top:-9px;
left:50%;
width:22px;
height:9px;
margin-left:-44px;
background:url(../images/bg-call.gif) no-repeat left top;
}
.embed-code {
float:left;
width:380px;
background:url(../images/bg-icon-embed.gif) no-repeat left top;
padding-left:30px;
margin-bottom:8px;
}
.embed-code textarea {
float:left;
overflow:hidden;
width:256px;
height:15px;
border:none;
background:url(../images/bg-textarea.gif) no-repeat left top;
font-size:11px;
color:#333;
font-family:tahoma, arial, sans-serif;
padding:4px;
}
.embed-code label {
display:block;
float:left;
padding-top:4px;
padding-left:8px;
font-weight:bold;
color:#00555a;
line-height:15px;
}
.embed-code input {
float:left;
margin-right:4px;
width:15px;
height:15px;
line-height:0px;
font-size:0px;
}
.social-connect {
float:right;
width:210px;
}
.social-connect .twitter {
float:left;
padding-right:10px;
}
.social-connect .facebook {
float:left;
}
.social-network-group {
float:left;
background:#f2f2f2;
padding:8px 0;
width:630px;
border:1px solid #d0d0d0;
}
.social-network-group li {
float:left;
padding-left:8px;
}
.video-info {
float:left;
width:650px;
padding-top:5px;
margin-bottom:10px;
}
.left-info-box{
float:left;
width:425px;
}
.left-info-box ul {
float:left;
width:425px;
padding-bottom:8px;
}
.left-info-box ul li {
float:left;
background:url(../images/bg-sep-signin.gif) no-repeat left 3px;
padding:0 6px 0 8px;
line-height:16px;
font-family:Arial, Helvetica, sans-serif;
color:#6f696b;
}
.left-info-box ul li a {
font-weight:bold;
color:#00555a;
}
.left-info-box ul li.nobg {
background:none;
padding-left:0;
}
.left-info-box p {
color:#6f696b;
padding-bottom:8px;
line-height:16px;
}
.right-info-box{
float:right;
width:216px;
}
.right-info-box p {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#6f696b;
padding-bottom:8px;
line-height:16px;
}
.right-info-box p a {
font-weight:bold;
color:#6f696b;
}
.right-info-box p a.download-btn {
display:inline-block;
width:62px;
height:17px;
background:url(../images/feature-btn.gif) no-repeat left top;
text-align:center;
color:#fff;
font-family:tahoma, arial, sans-serif;
text-decoration:none;
font-weight:normal;
margin-left:4px;
margin-top:2px;
}
#comment-area {
width:650px;
float:left;
}
.heading-comment {
background: url(../images/bg-heading-gr.gif) repeat-x center top ;
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 {
padding-bottom:0;
font-size:14px;
color:#2a2a2a;
line-height:18px;
}
.heading-comment h2 strong {
font-size:16px;
}
.comment-list {
width:650px;
float:left;
}
.comment-list li {
float:left;
width:626px;
padding:10px 12px 5px 12px;
background:#f6f6f6;
margin-bottom:15px;
}
.comment-list li.nobg {
background:none;
margin-bottom:10px;
}
.comment-list li span.img-area {
display:block;
float:left;
background:#b9e7ff;
padding:3px;
border:1px solid #cdcdcd;
}
.comment-list li span.img-area img {
width:34px;
height:34px;
}
.comment-list li .text-area {
float:left;
width:565px;
padding-left:13px;
position:relative;
}
.comment-list li .text-area h4 {
font-size:11px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
padding-bottom:4px;
color:#999999;
}
.comment-list li .text-area h4 a {
color:#256c71;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.comment-list li .text-area p {
padding-bottom:10px;
line-height:19px;
color:#5c5c5c;
font-family:tahoma, arial, sans-serif;
}
.comment-list li .text-area p.date-time {
color:#ababab;