body {

  color:#697C83; font-family: arial,helvetica,clean,sans-serif;
  text-align: center;margin:0 auto;padding: 0 auto;font-size: 12px;line-height:160%;  
}
/*p { color:#555; margin:0 0 5px 0;}*/
a {text-decoration:none;color:#0066CC;}
a:hover{text-decoration: underline;}
ol, ul {color:#697C83;list-style-type: none;}
li a:hover{background: #fafafa;color:#000;}
h1 {font-size:130%;line-height:auto;font-weight:normal;}
h2 {
   font-size:120%;color: #000;background: transparent;border-bottom:2px solid #3399CC;font-family: 'Verdana', Arial, sans-serif;margin-top:2px;margin-bottom:8px;
   line-height:150%;
}
blockquote{
  background: transparent url(http://www.mypage.com//mod/template/templates/Default_Template/images/blockquote.png) no-repeat bottom left;
  padding: 10px;
  padding-bottom: 40px;
  margin: 1em;
}
/*
  TABLES IN Mypage
*/
table {
    color: #333;
    border:0px;
}
td, th {
    padding:0px;
}
/* =links
----------------------------------------------- */
table a {
    color:#950000;text-decoration:none;
}
table a:visited {color:#666;}
thead th, tfoot th, tfoot td {
}
tfoot td {
    text-align:right;
}
tbody th {
    white-space: nowrap;
}
tbody th a {    color:#333;}
td h4, h3, h5 {
  padding:0;
  margin:0;
}
img a{
 border:0px;
}
/*
  CONTAINER: WRAPS THE HEADER AND MAIN CONTENT AREA BELOW THE USER TOOLBAR
*/
div#container {
  width:970px;margin:0 auto;padding:0;background:transparent;
  text-align: left;font-family: 'Verdana', Arial, sans-serif;
}
/*
  HEADER: THE HEADER INCLUDES THE LOGO AND SEARCH BAR
*/
/*
  LOGO: LOCATED WITHIN HEADER
*/
/*
  SEARCH BAR: LOCATED WITHIN HEADER
*/
#searchbar {width:98%;margin-top:2px;background:transparent;margin-bottom:2px;}
/*
  CONTENT-HOLDER: WRAPS THE MAIN PAGE CONTENT. THIS CAN INCLUDE
  THE SINGLE PAGE LAYOUT AND THE SPLIT PANE (CONTENT AND SIDEBAR)
*/
#content-holder {
  padding:0px; margin:0px;padding-top:10px;
  width:100%; overflow:hidden;
  min-height:100%; position:relative;
  background:transparent;
}
/* styles the header top of the content body */
div#h1_top{  background: url(http://www.mypage.com/_images/h1toph3bg.gif) repeat-x;font-style:Arial, Verdana;font-weight:900;font-size:1.3em;color:#000;width:100%;line-height:normal;margin-top:1px;margin-bottom:0px;}
#h1_top span#title{
 background: #fff;font-style:Arial, Verdana;color:#1f1f1f;
 border:0px;font-weight:normal;font-size:1.3em;
 text-transform:uppercase;line-height:normal;
}
#content-mid{
 padding:0px;margin:0px; height: auto;
}
div#content-holder a:hover {
  text-decoration:underline;
}
div#content-holder h1 {
  font-size:2.0em;
  font-family:"Verdana", sans-serif;
  color: #3399CC;
}
div#content-holder h2 {
  border:0;  border-bottom:1px solid #ccc; padding:2px;
  margin:5px 2px 10px 2px;  color:#333333;  font-size:1.2em;
  font-family:"Verdana", sans-serif;
}
/*
  VARIOUS LAYOUTS WITHIN CONTENT-HOLDER
*/
/*
  THE MAIN CONTENT AREA WHEN IT IS A SINGLE PAGE, NO SIDEBAR
*/
div#single-page {
  margin: 0;  padding: 0 15px 0 0;  background: transparent;  width:900px;
  text-align: left;  border:1px solid #eee;
}
/*
  THE MAIN CONTENT AREA WHEN THE SIDEBAR IS IN PLACE
*/
div#splitpane-content {
  margin-left:5px;margin-right:5px;padding:5px; width:705px;
  text-align: left;  color:#000;float: left;
  /*min-height:500px;*/margin-bottom:5px;
  overflow:hidden;  font-family:"Verdana", sans-serif;  background: #fff;
}
.innerbody{background:#fff;padding:0px;}
/*
  SIDEBAR: THIS IS ONLY PRESENT WHEN SPLITPANE-CONTENT IS IN USE
*/
div#splitpane-sidebar {
  width: 225px;  margin-left:3px;overflow:hidden;
  padding:0;  font-family:"Verdana", sans-serif;
  font-size:89%; position:relative;padding-left:5px;
  list-style-type: none;list-style-image: none;
  background:transparent;
}
/*
  THE SIDEBAR CONTENTS
*/
div#splitpane-sidebar td {
  width: 220px;
  margin:0px;;
   list-style-type: none;
  list-style-image: none;
}
div#splitpane-sidebar ul {
  margin: 0;width:215px;
  padding: 0;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}
div#splitpane-sidebar ul li {
  margin-top:10px;margin-bottom:10px;
  padding-left: 0px;
  background:#fafafa;
   list-style-type: none;
  list-style-image: none;
}
div#splitpane-sidebar ul li ul li a {
  padding:0 0 0 5px;
}
/* LIST STYLING IN THE SIDE BAR */
li#sidebar_user{width:215px;list-style:none;}
li#weblog_category{width:215px;list-style:none;font-family:"Arial", sans-serif;}
li#weblog_category ul {margin-left:0px;}
li#weblog_category ul li{width:215px;text-align: left;padding-left:18px;padding-top:2px;padding-bottom:2px;background: url(http://www.mypage.com/_images/icon_check.gif) no-repeat left;}
li#weblog_category ul li h2{background:transparent;text-align:left;border-bottom:1px solid #ccc; font-size:12px;font-weight:900;  padding-top:3px;padding-bottom:3px; font-family:"Arial", sans-serif;}
div#splitpane-sidebar h2 {
  text-align:left;padding-left:10px;
  border-bottom:1px solid #ccc;background:transparent; 
  color:#606060;font-size:12px;font-weight:900;
  padding-top:3px;padding-bottom:3px;
  font-family:"Arial", sans-serif;
}
/* REGISTER BOX */
div#register{
  text-align:center;
  border:2px solid #6699CC;
  padding:10px;
  background:url(http://www.mypage.com/_images/backgrounds/bg_register.gif) repeat;
  color:#fff;
  font-weight:900;
  width:180px;
  line-height:auto;    
}
div#register div{
  padding:5px;
  text-align: center;
}
div#register a{
  color: #fff;line-height:16px;font-size:16px;font-weight:900;  
}
div#register a:hover{
background:#666666;
color:#FFFF33;
}
div#regpub {height:219px;width:193px;background:url(http://www.mypage.com/_images/note.gif) top no-repeat;}
div#regpub div{padding-top:15px;padding-left:18px;text-align: center;}
/*
  FOOTER
*/
.foocontainer{
  width:100%;
  padding-top:  30px;
  text-align:center;
  height:auto;
  margin:0 auto;color:#fff;
  background:#666666;
  border-top:5px solid #6699CC;
  }  
.finner{
width:90%;
height:auto;
padding:0;
margin: 0 auto;
background:transparent;
font:arial;
font-weight:900;
color:#fff;
}
.finner a{color:#fff;}

/*
  SYSTEM MESSAGES
*/
div#system-message{
  border:1px solid #FF0033;
  background:#FFFFCC;
  color:#000;
  padding:3px 50px;
  margin:20px;
 /*position:absolute;
 margin-top:100px;margin-left:10%;
 z-index:1500;*/
}
div#system-message p{
  padding-left:15px;font-size:1.0em;
  margin:2px;background:url(http://www.mypage.com/mod/template/icons/accept.png)no-repeat top left;
  border-bottom:1px dotted #000;
}
/*
  CLEAR BOTH
*/
.clearing {
  clear:both;
}
div#cb{clear:both;height:2px;}
/*
  THIS IS THE END OF THE MAIN PAGE COMPONENTS - EVERYTHING BELOW THIS IS ASSOCIATED WITH VARIOUS ELEMENTS
  WITHIN MYPAGE, THIS INCLUDES THE BLOG CLASSESS, PROFILE, FILES, SIDEBAR WIDGETS, PROFILE WIDGETS ETC.
*/
/*
  BLOGGING ENGINE
*/
.weblog_dateheader {font-size:10px;text-align: right;border-bottom:1px solid #ccc;}
.weblog-post {
  margin-left:20px;
}
.user {
  float:left; margin:5px 10px 10px 0;width:20px;
}
.user img {
  border:1px solid #eee;  padding:2px;  width:15px;  height:15px;
}
.weblog-keywords p {background: url(http://www.mypage.com/mod/template/icons/tags.png) no-repeat left;padding-left:15px;}
.weblog-keywords p a {
  margin:5px 0 0 25px;
  padding:0;  clear:both;
}
.weblog-title {
  margin:5px;font-size: 1.5em;font-family: 'Verdana', Arial, sans-serif;line-height:1.6em;
}
.post {
  margin:5px 5px 5px 5px;  background: transparent;
}
.info {
  clear:both; 
  color: #eee;  font-size:90%;
}
.info p {
  padding:5px;  margin:0;  color:#990000;
}
.info p a {
  font-size:0.9em;  color:#555;
}
/* this is the thin line between the actual post and comments */
#comments-divide {
  height:1px;
  background:#ccc;
}
.comment-owner {
  padding:5px;  margin:0px;  height:28px;  width:550px;
}
.comment-owner img {
  margin:0px 5px 0px 0px;  text-align:left;width:25px;height:25px;
}
.comment-owner a {
  background:#f2f7fb;
}
.comment-owner p {
  padding:0;  margin:0;
}
/* END OF BLOGGING ENGINE */
/*
  Top SUB MENU OPTIONS: THESE WILL BE MOVED TO THE NEW SIDEBAR SHORTLY
.mptopsubmenu{background:url(http://www.mypage.com/_images/topsubmenu.gif) no-repeat #DDDDDD;margin-bottom:0px;min-height:38px;}
.mpmenuholder{font-size:10px;color:#000;font-weight:500;background:transparent;padding-top:15px;}
/* END OF SUB-MENU DIV */
/*
  INFOHOLDER: this holds profile data, account settings and administration content and ME styles the sidebar profile icon holder
*/
/*.infoholder {background:none;clear:both;width:95%;font-style:arial,Verdana;margin-left:5px;border-bottom:1px solid rgb(204,153,0);}*/
.infoholder {
  margin:10px 0px 10px 0px;
  height:auto;
  background-color: #EAF5FA;
  border:1px solid steelblue;
  padding:5px;
}
.inputfocus{  background-color: #d6facc;border:1px solid #CAEAF9;}
.infoholder p {
  padding:5px 0 5px 10px;  background: #F3F7FA;
}
.infoholder .greentitle{color:steelblue;font-size:1.2em;font-weight:500;padding:3px;margin-bottom:5px;}
.infoholder input{font-size:1.3em;line-height:18px;border:1px solid lightblue;color:#000;}
.infoholder textarea:focus,.infoholder input:focus {background:#ffffcc;	border: 1px solid #000;}
div#me{background:#fafafa;height:100px;overflow:hidden;}
div#profilebox{padding:10px;background:transparent;}
div#profileicon{padding:5px;background: #fff;margin:2px;}
div#profileicon img{border:2px solid #000;}
div#settings {text-align: left;}
div#settings a{background:#fff;color:#6666FF}
div#webpoints {padding:3px;color:#00CC00;font-weight:900;}
.greenlink{background:#6699FF;color:#fff;font-weight:900;padding:2px;}
/* the end of INFOHOLDER */
#tagcloud {
  padding: 15px;
  border: solid 1px #eee;
  background: #f5f5f5;
  line-height:2.9em;
}
#tagcloud a {
  text-decoration: none;
}
/*WEBSTATS */
#statcontainer{
    padding:8px;
    text-align:left;
}
#statcontainer h3{
    font-size:18px;
    color:#777;
    margin-left:4px;
}
#statcontainer h3{
    font-size:18px;
    color:#777;
}
#statcontainer .statul{
    width:355px;
    padding-bottom:15px;
    margin:3px;
}
#statcontainer .statul em{
    font-weight:bold;
    color:#FF0000;
    text-align:right;
}
#statcontainer .stattotal{
    border-top:2px solid;
    background-image:none;
    border-bottom:0;
    border-right:0;
    border-left:0;
    font-size:18px;
    margin:5px 0 0 -3px;
    padding:5px;
    color:#000;
}
#statcontainer .stattotal p{
    margin:0px;
    padding:0;
    margin-top:8px;
    display:inline;
}
#statcontainer .statul2{
    padding:5px;
}
/* News */
.labelfield{ /*CSS for label field in general*/
             color:red;color:#fff;
             font-size: 1.2;
}
.datefield{ /*CSS for date field in general*/
            color:gray;
            font-size: 90%;
}
#example1 li{ /*CSS specific to demo 1*/
          margin-bottom: 4px;
}
#example2 div{ /*CSS specific to demo 2*/
          margin-bottom: 5px;
          font-size: small;
          margin-top:2px;
}
#example2 div a{ /*CSS specific to demo 2*/
          text-decoration: none;
          font-size: medium;
          font-weight : bold;
}
#example3 a{ /*CSS specific to demo 3*/
          color: #D80101;
          text-decoration: none;
          font-weight: bold;
}
#example3 p{ /*CSS specific to demo 3*/
          margin-bottom: 2px;
}
code{ /*CSS for insructions*/
      color: red;
}
 #top {
        background: #000;
        margin-top:0px;font-style:Arial, Verdana;font-size:1.0em;
        padding: 0.6em 0 0;
        font-weight: bold;
}
#top ul, #top ul li {
        list-style: none;
        margin: 0;
        padding: 0;
}
#top ul {
        padding: 5px 0 5px;
        text-align: right;
}
#top ul li {
        display: inline;
}
#top ul li a {
        color: #FFF;
         background: none;
        text-decoration: none;
        padding: 5px 0;
}
#top ul li span {
        background: none;
        padding: 5px 7px 5px 3px;
        margin: 4px 0 4px 4px;
}
#top ul li a:hover span {
        text-decoration: underline;
        background-position: 100% -75px;
}
#top ul li a:hover {
        background-position: 0 -75px;
}
#top #current a {
        background-position: 0 -150px;
}
#top #current a span {
        background-position: 100% -150px;
}
/*- Internet Explorer...It's Hacktastic!--------------------------- */
/*\*//*/
#top ul li a {
        display: inline-block;
        white-space: nowrap;
        width: 1px;
}
#top ul {
        padding-bottom: 0;
        margin-bottom: -1px;
}
/**/
/*\*/
* html #top ul li a {
        padding: 0;
}
/**/
span#webpoints{background:#FF1493;padding:3px;font-size:12px;font-weight:900;font-style:"Verdana", Arial;color:#fff;} 
div#divtitle img{background:transparent;border:0px;} 
div#rowtitle{border-bottom-color:#FF1493;  border-bottom:thin solid #FF1493;  padding-right:5px;  margin-top:3px;  margin-bottom:3px;  height:30px;  width:100%;     font-family:Arial,Helvetica,sans-serif;  font-size:13px;  font-style:italic;  font-variant:normal;  font-weight:bolder;  text-align:left;} 
div#rowtitle a{background:#008000;padding:2px;font-size:9px;color:#fff;font-weight:900;} 
div#divtitle{font-size:12px;font-style:Arial, Verdana;font-weight:900;border-top:1px solid #3366CC;background:#E8F0F7;width:100%;padding-left:5px;padding-top:3px;padding-bottom:3px;line-height:auto;} 
div#greentitle{font-size:18px;font-style: Arial;font-weight:normal;color:#669933;margin-top:5px;margin-bottom:5px;} 
div#rowtitle{ font-size:17px;color: #000;font-family: Arial, sans-serif;padding-top:3px;padding-bottom:3px;line-height:auto;font-weight:900; } 
div#rowfeature{ font-size:110%;color: #fff;background: #333333;font-family: 'Verdana', Arial, sans-serif; border:1px solid #FFCC00;padding:3px;margin-top:3px;margin-bottom:8px; } 
div#rowdesc{ font-size:100%;color: #000;font-family: 'Verdana', Arial, sans-serif;font-weight:900; padding:3px;margin-top:3px;margin-bottom:8px; } 
div#blueblock{background:#F0F8FF;padding:5px;margin:2px;width:100%;} 
div#dashboard{padding:10px;line-height:1.5em;font-size:14px;color:#000;font-family:Arial, sans-serif;background:#F7FAFD;border-top:2px solid #3366CC;border-bottom:2px solid #3366CC;margin-top:5px;margin-bottom:5px;} 
div#dashboard p{margin-top:5px;margin-bottom:5px;line-height:20px;} 
div#dashboard p img{border:0px;margin-right:5px;margin-left:5px;} 
div#rowfeatbl{ font-size:90%;color: #000;font-family: 'Verdana', Arial, sans-serif;font-weight:500;padding:3px;margin-top:3px;margin-bottom:8px;border:1px #666666;background:#CAECFD;border-top:1px solid #0066CC;border-bottom:1px solid #0066CC; } 
.clearcb{clear:both;height:1px;} 
div#rowtitle_yellow{font-size:12px;font-style:Arial, Verdana;font-weight:900;border-bottom:1px dotted #ccc;border-top:1px dotted #ccc;background:#ffffcc;width:100%;padding-left:5px;padding-top:3px;padding-bottom:3px;line-height:auto;} 
/* LIST STYLING IN THE SIDE BAR */ 
li#sidebar_user{list-style:none;} 
li#weblog_category{list-style:none;} 
#demo { width:30em; } 
#demo .yui-content { width:700px; height:auto; } 


/*WIDGETS STYLES */
.widgets_even { float:left; width:440px; margin:0; padding:0px; } 
.widgets_odd { float:right; width:440px; margin:0; padding:0px; } 
.widget { margin-bottom: 25px; padding:15px;margin:0px; width:439px; overflow-x:hidden; background:url(http://www.mypage.com/_images/backgrounds/bg_widgets.gif) repeat-x;border:1px solid steelblue;} 
.widget_title {margin-left:20px;padding-left:30px;margin-bottom:15px;margin-top:15px;line-height:1.8em;font-size:1.2em;color:#fff;font-weight:900;} 
.widget_content h2 a { padding-left:10px; } 
.widget_content { margin-left:15px;padding:10px;width:339px;position:relative;background:#fff;} 
.widget_content h3 { padding:0; margin:1px; } 
.widget_bottom { display: block; margin: 0px; padding-left: 10px; font-size:0.8em;background:url(http://www.mypage.com/_images/backgrounds/bg_widgets.gif) repeat-x;} 
.widget_menu ul { margin:0 0 0 5px; padding:0; } 
.widget_menu ul li { list-style:none; } 
.widget_menu ul li a { text-decoration:underline; } 
.widget_admin_menu { height: 30px;  background:url(http://www.mypage.com/_images/backgrounds/bg_widgets.gif) repeat-x; padding:2px 0 0 5px;}
/* orange juice new templates start */
/* orange juice template */
@charset "utf-8";
/* CSS Document */

body
{
margin:0px auto;
padding:0px;
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:#000;
margin:8px 0px 5px 0px;
padding:0px;
}
h2
{
font:bold 18px Arial, Helvetica, sans-serif;
color:gray;
margin:8px 0px 5px 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%;overflow:hidden;
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(http://www.mypage.com/_playlist/themes/orangejuice/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(http://www.mypage.com/_playlist/themes/orangejuice/images/section-bg.jpg) left top repeat-x #FFA346;
height:71px;
text-align:left;
}
.tagline
{
width: 980px;
margin: 0px auto;
}
.htitle
{
margin:0px auto;
font:bold 24px/60px Arial, Helvetica, sans-serif;
line-height:auto;
color:#FFFFFF;float:left;width:60%;
}
.mpfront{color:#ffffcc;font-size:15px;margin:0px auto;margin-top:20px;text-align:right;float:right;width:39%;}
.mpfront a{color:#ffffcc;}
.mpfront a:hover{color:#fff;}
/* CSS Documents for body */

.body-content
{
width:980px;
margin:0px auto;
text-align:left;
padding:15px 10px 0;
}
.body-left
{
width:715px;
float:left;
padding-bottom:15px;
}
.left-outer-boxes
{
clear:both;
float:left;
width:705px;
}
.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(http://www.mypage.com/_playlist/themes/orangejuice/images/sv_btn_prev.gif) left top no-repeat;
}
.sv-btn-prev:hover
{
background: url(http://www.mypage.com/_playlist/themes/orangejuice/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(http://www.mypage.com/_playlist/themes/orangejuice/images/sv_btn_next.gif) left top no-repeat;
}
.sv-btn-next:hover
{
background: url(http://www.mypage.com/_playlist/themes/orangejuice/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:220px;
float:right;
}
.right-outer-boxes
{
width:220px;
float:left;
margin-bottom:20px;
}
#Most_Views_Videos,    /* added in version 2.1 */
#Top_Rated_Videos,
#Recently_Added_Videos,
#Related_Videos
{
width:220px;
float:left;
}

.member-login-top
{
width:223px;
float:left;
background:url(http://www.mypage.com/_playlist/themes/orangejuice/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:223px;
min-height:170px;
height:auto;
_height:170px;
float:left;
border-left:4px solid #CACACA;
border-right:4px solid #CACACA;
padding:0px 15px;
background:url(http://www.mypage.com/_playlist/themes/orangejuice/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:223px;
float:left;
background:url(http://www.mypage.com/_playlist/themes/orangejuice/images/member-login-btm.jpg) left top no-repeat;
height:14px;
font-size:1px;
}
.section-heading-right
{
width:180px;
float:right;
font:bold 18px/22px Arial, Helvetica, sans-serif;
color:#FF7E00;
border-bottom:2px solid #FF7200;
padding-left:2px;
}
.search
{
float:left;
width:200px;
height:32px;
background:url(http://www.mypage.com/_playlist/themes/orangejuice/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:200px;
list-style-type:none;
text-align:left;
float:left;
margin-left:8px;
}
.categories-bg,
.tags-bg
{
width:200px;
float:right;
background:url(http://www.mypage.com/_playlist/themes/orangejuice/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(http://www.mypage.com/_playlist/themes/orangejuice/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(http://www.mypage.com/_playlist/themes/orangejuice/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(http://www.mypage.com/_playlist/themes/orangejuice/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(http://www.mypage.com/_playlist/themes/orangejuice/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(http://www.mypage.com/_playlist/themes/orangejuice/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:710px
height:15px;
font-size:1px;
background: url(http://www.mypage.com/_playlist/themes/orangejuice/images/main-box-top.jpg) top left no-repeat;
}
.main-box-bg
{
float:left;
width:545px;
background: url(http://www.mypage.com/_playlist/themes/orangejuice/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:710px
height:15px;
background: url(http://www.mypage.com/_playlist/themes/orangejuice/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(http://www.mypage.com/_playlist/themes/orangejuice/images/menu-tab-n.jpg) left top no-repeat;
margin-right:6px;
}
.navcontainer ul li a:hover
{
background:url(http://www.mypage.com/_playlist/themes/orangejuice/images/menu-tab-h.jpg) left top no-repeat;
color:#fff;
}
.navcontainer li.active a
{
background:url(http://www.mypage.com/_playlist/themes/orangejuice/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;
}

  #Most_Views_Videos,
  #Top_Rated_Videos,
  #Recently_Added_Videos
  {
  float:left;
  width:760px;
  padding-left:7px;
  }

  /* end of orange juice new template */

</style>