@charset "utf-8";
/* CSS Document */

body
{
margin:0px auto;
padding:0px;
background:url(../images/body-bg.gif) left top repeat-x;
font:normal 14px/16px Arial, Helvetica, sans-serif;
color:#2D2D2D;
}
a
{
outline: none;
}
img
{
margin:0px;
padding:0px;
border:none;
}
br
{
clear:left;
}
p
{
margin:5px 0px;
}
form
{
margin:0px;
padding:0px;
}
h1
{
font:bold 30px/40px Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0px;
padding:0px;
}
h2
{
font:bold 18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0px;
padding:0px;
}
h3
{
font:bold 18px/25px Arial, Helvetica, sans-serif;
color:#007EFF;
margin:0px;
padding:0px;
}
h3 a,
h3 a
{
font:bold 18px/25px Arial, Helvetica, sans-serif;
color:#007EFF;
text-decoration:none;
}
h3 a:hover,
h3 a:hover
{
text-decoration:underline;
}
*
{
padding:0px;
margin:0px;
}
.left
{
float:left;
}
.right
{
float:right;
}
table tr
{
height:24px;
}

/* CSS Documents for outer layers */

.container
{
width:100%;
margin:0px auto;
text-align:center;
}
.header
{
width:100%;
margin:0px auto;
text-align:center;
}
.body
{
width:100%;
margin:0px auto;
text-align:center;
clear:both;
}
.footer
{
width:100%;
margin:0px auto;
background:url(../images/footer-bg.jpg) left top repeat-x;
height:46px;
clear:both;
}

/* CSS Documents for header */

.header-content
{
width:980px;
margin:0px auto;
padding:0 15px;
text-align:left;
}
.logo-bg
{
width:250px;
height:85px;
float:left;
padding:10px 15px 10px 0px;
}
.tagline-bg
{
width:100%;
float:left;
background: url(../images/section-bg.jpg) left top repeat-x #FFA346;
height:71px;
text-align:left;
}
.tagline
{
width: 980px;
margin: 0px auto;
}
.tagline h1
{
width:952px;
float:left;
margin:0px auto;
font:bold 26px/70px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

/* CSS Documents for body */

.body-content
{
width:980px;
margin:0px auto;
text-align:left;
padding:15px 10px 0;
}
.body-left
{
width:585px;
float:left;
padding-bottom:15px;
}
.left-outer-boxes
{
clear:both;
float:left;
width:575px;
}
.widget-top
{
width:575px;
float:left;
background:url(../images/widget-top.jpg) left top no-repeat;
height:26px;
}
.widget-bg
{
width:515px;
height:530px;
float:left;
border-left:5px solid #CACACA;
border-right:5px solid #CACACA;
padding:0px 25px;
color:#FFFFFF;
background:url(../images/widget-bg.jpg) left top repeat-x #ADC9E4;
}
.widget-bg h1
{
font:bold 38px Arial, Helvetica, sans-serif;
}
.widget-bg h2
{
font:bold 22px/26px Arial, Helvetica, sans-serif;
letter-spacing: 0.03em;
padding: 8px 0 20px;
}
.widget-btm
{
width:575px;
float:left;
background:url(../images/widget-btm.jpg) left top no-repeat;
height:26px;
margin-bottom:15px;
}
.section-heading
{
width:568px;
padding:16px 0 0 2px;
float:left;
font:bold 18px/22px Arial, Helvetica, sans-serif;
color:#FF7E00;
border-bottom:2px solid #FF7200;
}
.left-thumbs-bg
{
width:560px;
float:left;
padding:6px 6px 6px 9px;
margin-top:5px;
}
.left-thumbs-row
{
width:560px;
float:left;
padding-bottom:8px;
}

/* start of videos in the same playlist css - added in version 2.1 */
.similar-videos
{
float:left;
}
.similar-videos ul li
{
margin-right:5px;
list-style-type: none;
}

.sv-video
{
float:left;
width:120px;
height:90px;
}
.sv-current-video
{
float:left;
margin-top:-20px;
width:120px;
height:20px;
text-align:center;
color:#000000;
background:#C4C4FF;
opacity: .5;
filter: alpha(opacity=50);
}

.sv-btn-prev
{
float: left;
margin: 15px 8px 0 0;
width: 25px;
height: 60px;
cursor: pointer;
background: url(../images/sv_btn_prev.gif) left top no-repeat;
}
.sv-btn-prev:hover
{
background: url(../images/sv_btn_prev_h.gif) left top no-repeat;
}
.sv-btn-next
{
float: right;
margin-top: 15px;
width: 25px;
height: 60px;
cursor: pointer;
background: url(../images/sv_btn_next.gif) left top no-repeat;
}
.sv-btn-next:hover
{
background: url(../images/sv_btn_next_h.gif) left top no-repeat;
}
/* end of videos in the same playlist css - added in version 2.1 */

.video-thumbs,
.video-thumbs-small /* added in version 2.1 */
{
float:left;
width:120px;
height:90px;
border:1px solid #C7C7C7;
background:#E0E0E0;
padding:5px;
margin: 0px 7px 8px 0px;
}
.video-thumbs-small  /* added in version 2.1 */
{
width: 80px;
height: 60px;
padding: 3px;
margin: 0px 2px 5px 3px;
}
.video-thumbs-small img  /* added in version 2.1 */
{
width: 80px;
height: 60px;
}
.member-thumbs
{
float:left;
width:80px;
height:80px;
border:1px solid #C7C7C7;
background:#E5E5E5;
padding:4px;
margin:0px 3px 3px 0px;
}
.video-thumbs:hover,
.video-thumbs-small:hover,
.member-thumbs:hover {
background:#C1D9FF;
}
.body-right
{
width:384px;
float:right;
}
.right-outer-boxes
{
width:384px;
float:left;
margin-bottom:20px;
}
#Most_Views_Videos,    /* added in version 2.1 */
#Top_Rated_Videos,
#Recently_Added_Videos,
#Related_Videos
{
width:380px;
float:left;
}

.member-login-top
{
width:383px;
float:left;
background:url(../images/member-login-top.jpg) left top no-repeat;
height:14px;
font-size:1px;
}
.member-login-heading {
font:bold 18px/22px Arial, Helvetica, sans-serif;
border-bottom:2px solid #FFF;
padding-left:2px;
margin-bottom:15px;
}
.member-login-bg
{
width:345px;
min-height:170px;
height:auto;
_height:170px;
float:left;
border-left:4px solid #CACACA;
border-right:4px solid #CACACA;
padding:0px 15px;
background:url(../images/member-login-bg.jpg) left top repeat-x #7B7C7B;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.member-login-bg a
{
font:bold 14px/28px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:underline;
}
.member-login-bg a:hover
{
color:#FF9933;
text-decoration:none;
}
.member-login-bg .input-wrapper
{
clear:both;
padding-left:20px;
margin:5px 0 8px;
}
.member-login-bg .input-wrapper label
{
float:left;
text-align:right;
display:block;
width:100px;
margin-right:8px;
padding-top:1px;
}
.member-login-bg .input-text
{
width:180px;
height:20px;
padding:0 2px;
border:1px solid #7C7C7C;
font:bold 16px Arial, Helvetica, sans-serif;
color:#3399FF;
vertical-align:middle;
}
.member-menu-link
{
float:left;
width:150px;
margin-right:10px;
}
.member-login-btm
{
width:383px;
float:left;
background:url(../images/member-login-btm.jpg) left top no-repeat;
height:14px;
font-size:1px;
}
.section-heading-right
{
width:380px;
float:right;
font:bold 18px/22px Arial, Helvetica, sans-serif;
color:#FF7E00;
border-bottom:2px solid #FF7200;
padding-left:2px;
}
.search
{
float:left;
width:373px;
height:32px;
background:url(../images/search-bg.jpg) left top repeat-x;
padding:15px 0 0 10px;
}
.search .input-text
{
vertical-align:top;
padding:2px 2px 0px 2px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#666;
margin:0px;
}
.categories,
.tags
{
width:365px;
list-style-type:none;
text-align:left;
float:left;
margin-left:8px;
}
.categories-bg,
.tags-bg
{
width:383px;
float:right;
background:url(../images/category-bg.jpg) left top repeat-x;
padding-top:10px;
}
.categories ul
{
list-style-type:none;
text-align:left;
margin:0px;
padding:0px;
}
.categories ul li
{
float:left;
display:block;
text-align:left;
width:160px;
margin-right:10px;
}
.categories ul li a
{
width:140px;
height:18px;
display:block;
text-align:left;
font:bold 15px/18px Arial, Helvetica, sans-serif;
color:#0072FF;
text-decoration:none;
background: url(../images/bullet.gif) left center no-repeat;
padding-left:10px;
}
.categories ul li a:hover
{
text-decoration:underline;
}
.categories li.active a
{
text-decoration:underline;
}

.tags a {
font-weight: bold;
line-height: 22px;
text-decoration: none;
margin-right: 5px;
}
.tags a:hover {
text-decoration: underline;
}
.tags a.tag1
{
color: #FF3300;
font-size: 24px;
}
.tags a.tag2
{
color: #0066FF;
font-size: 18px;
}
.tags a.tag3
{
color: #0052CC;
font-size: 14px;
}

.mytitle
{
float:left;
width:570px;
font-size:12px;
padding-top:10px;
}
.mytitle .title
{
width:500px;
float:left;
}
.mytitle .action
{
float:right;
padding-top:2px;
margin-left:8px;
}
.listing-bg,
.member-listing-bg
{
width:550px;
float:left;
background: url(../images/playlist-bg-n.jpg) left top repeat-x;
border:1px solid #E0E0E0;
padding:10px 10px 5px;
margin:3px 0 10px;
color:#005BB7;
}
.member-listing-bg
{
color:#333;
padding:10px;
}
.member-listing-bg a
{
color:#007EFF;
}
.listing-bg a
{
color:#007EFF;
text-decoration:underline;
}
.listing-bg a:hover,
.member-listing-bg a:hover
{
text-decoration:none;
}
.listing-header b,
.member-listing-header b,
.video-listing-header b
{
color:#005BB7;
}
.listing-header
{
margin-top:0px;
}
.listing-body {
height:38px;
overflow:hidden;
font-size:13px;
color:#333;
}
.listing-footer
{
margin-top:0px;
font-size:12px;
color:#005BB7;
}
.listing-footer b
{
color:#333;
}
.member-listing-header
{
margin:0;
padding:12px 0 20px;
}
.listing-thumbs
{
float:left;
margin-right:15px;
}
.search-video-title /* added in version 2.0 */
{
font:bold 18px Arial, Helvetica, sans-serif;
color:#007EFF;
}
.video-listings-bg
{
float:left;
margin-bottom:10px;
}
.video-listing-bg
{
width:550px;
float:left;
background: url(../images/playlist-bg-n.jpg) left top repeat-x;
border:1px solid #E0E0E0;
padding:10px 10px 5px;
margin:3px 0 10px;
color:#007EFF;
}
.video-listing-bg a
{
color:#007EFF;
text-decoration:underline;
}
.video-listing-bg a:hover
{
text-decoration:none;
}
.video-listing-header
{
margin-top:0px;
}
.video-listing-body {
height:48px;
overflow:hidden;
font-size:13px;
color:#333;
}
.video-listing-footer {
margin-top:0px;
font-size:12px;
color:#005BB7;
}
.video-listing-footer b {
color:#333;
}
.video-listing-thumbs
{
float:left;
margin-right:15px;
}
.playlist-bg
{
width:363px;
float:left;
background: url(../images/playlist-bg-n.jpg) left top repeat-x;
border:1px solid #E0E0E0;
padding:10px;
margin-bottom:1px;
}
.playlist-bg .listing-footer a
{
color:#005BB7;
text-decoration:none;
}
.playlist-bg .listing-footer a:hover
{
text-decoration:underline;
}
.playlist-bg:hover,
.listing-bg:hover,
.member-listing-bg:hover,
.video-listing-bg:hover
{
background: url(../images/playlist-bg-h.jpg) left top repeat-x;
}
.playlist-thumbs
{
float:left;
margin-right:15px;
}
.playlist-content
{
float:left;
width:263px;
}

.main-box-top
{
float:left;
width:575px;
height:15px;
font-size:1px;
background: url(../images/main-box-top.jpg) top left no-repeat;
}
.main-box-bg
{
float:left;
width:545px;
background: url(../images/main-box-bg.jpg) top left repeat-x #FDFEFF;
border-left:5px solid #DDDDDF;
border-right:5px solid #DDDDDF;
padding:10px 10px 5px;
}
.main-box-btm
{
float:left;
width:575px;
height:15px;
background: url(../images/main-box-btm.jpg) top left no-repeat;
}
.preview-message {   /* added in version 2.0 */
width: 535px;
background: #FFFFCC;
border: dashed 1px #0000FF;
text-align: center;
padding: 3px;
margin-bottom: 15px;
}

.showvideo_hdr {
  clear: both;
  float: left;
  margin-bottom: 20px;
}
.showvideo_body {
  clear: both;
  float: left;
}
.showvideo_pl_buttons {  /* added in version 2.0 */
  clear: both;
  padding: 7px 0;
  width: 568px;
  height: 15px;
}


.page_nav {
  width: 570px;
  height: 15px;
  margin-bottom: 15px;
}
.page_nums {
  float: right;
}
.page_nums a {
  text-decoration: none;
}
.pg_first,
.pg_last,
.pg_prev,
.pg_next {
  float: left;
  position: relative;
  padding: 0px 5px;
  margin-right: 5px;
  text-align: center;
  border: 1px solid #FF00CC;
}
.pg_first .disabled,
.pg_last .disabled,
.pg_prev .disabled,
.pg_next .disabled {
  color: #777;
}
.pg_pagenums {
  float: left;
  position: relative;
  margin: 0px 10px;
}
.pg_pagenum,
.pg_pagenum_current {
  float: left;
  position: relative;
  text-align: center;
  padding: 0px 2px;
  margin-right: 5px;
  width: 20px;
  border: 1px solid #0066FF;
}
.pg_pagenum_current {
  font-weight: bold;
  background: #FFE0C5;
}

.comment
{
  float: left;
  width: 550px;
  margin: 15px 0 0 7px;
}
.cmt_form
{
  float: left;
  width: 550px;
  margin-bottom: 20px;
}
.cmt_form label
{
  font-weight: bold;
  color: #555;
}
#cmt_msg
{
  float: left;
  width: 540px;
  padding: 2px;
  margin-bottom: 10px;
  background: #FFD5FF;
  display: none;
}
.cmt_display
{
  float: left;
  width: 550px;
}
.cmt_title
{
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
}
.cmt_nav
{
  clear: both;
  float: left;
  height: 22px;
}
#cmt_comments
{
  clear: both;
  float: left;
}
.cmt_box
{
  float: left;
  width: 550px;
  margin-bottom: 15px;
  background: #F0F0F0;
}
.cmt_box b
{
  color: #333;
}
.cmt_box .cmt_hdr
{
  padding: 3px;
  background: #99CCFF;
}
.cmt_box .cmt_body
{
  padding: 5px;
}
.cmt_box .cmt_ftr
{
  font-size: 11px;
  padding: 2px;
  text-align: right;
}

span.msg_error {
  color: red;
}

#getinfomsg {
  width: 330px;
  background: #FFFF99;
  padding: 2px;
  display: none;
}

.messagepage {
  background: #FFF;
}

#messagebox {
  font-family: arial;
  font-size: 13px;
  width: 45%;
  padding: 10px;
  margin: 50px auto;
  background: #FCDDA3;
  border: 1px solid #FF8040;
}

/* CSS Documents for footer */

.footer-left
{
float:left;
margin-left:10px;
font: bold 13px/46px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.footer-right
{
float:right;
margin-right:10px;
font: bold 13px/46px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.footer-left a,
.footer-right a
{
color:#FFFFFF;
text-decoration:none;
}
.footer-left a:hover,
.footer-right a:hover
{
text-decoration:underline;
}

/* CSS menu */

.navcontainer
{
width:710px;
height:27px;
float:left;
margin-top:50px;
}
.navcontainer ul
{
list-style-type:none;
text-align:center;
margin:0px;
padding:0px;
}
.navcontainer ul li
{
display:block;
text-align:center;
float:left;
}
.navcontainer ul li a
{
width:112px;
height:27px;
display:block;
text-align:center;
font:bold 14px/27px  Arial, Helvetica, sans-serif;
color:#FE6600;
text-decoration:none;
background:url(../images/menu-tab-n.jpg) left top no-repeat;
margin-right:6px;
}
.navcontainer ul li a:hover
{
background:url(../images/menu-tab-h.jpg) left top no-repeat;
color:#fff;
}
.navcontainer li.active a
{
background:url(../images/menu-tab-h.jpg) left top no-repeat;
color:#fff;
}
.subnavcontainer
{
float:left;
position:relative;
width:710px;
}
.navcontainer_pl,
.navcontainer_vid
{
position:absolute;
float:left;
display: none;
padding: 2px;
border: 1px solid #BBB;
background-color: #F0F0F0;
}
.navcontainer_pl
{
left: 22px;
}
.navcontainer_vid
{
left: 120px;
}
.navcontainer_pl a,
.navcontainer_vid a
{
  font-size: 12px;
  font-weight: bold;
  color: #FF6600;
  text-decoration: none;
}
.navcontainer_pl a:hover,
.navcontainer_vid a:hover
{
  text-decoration: underline;
}

.familyfilter /* added in version 2.2 */
{
  position:absolute;
  top:2px;
  right:2px;
  font-size:12px;
}
.familyfilter a /* added in version 2.2 */
{
    color:#0000FF;
}