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

body{
background:#e0e2e6 url(http://ooba.e-pao.org/images/body_bg.gif) repeat-x;
margin-top:0; 
font-family:Arial; 
color:#000000; 
font-size:12px;
}

input{
border:#7f9db9 1px solid; 
font-family:arial; 
font-size:12px; 

}

select{
border:#7f9db9 1px solid; 
font-family:arial; 
font-size:12px; 

}

a{
font-size:12px; 
font-weight:normal; 
text-decoration:none; 
color:#666666;
font-weight:bold; 
}

a:hover{
font-size:12px; 
font-weight:normal; 
text-decoration:underline; 
font-weight:bold; 
color:#FF0000;
}

#main_container{
position:relative; 
margin:0 auto; 
width:1004px;
}

#content_bg{
float:left; 
position:relative; 
width:100%; 
background-color: #e0e2e6;
 background:#dfeaf4 url(http://ooba.e-pao.org/images/content_bg.gif) repeat-x; 
background-position:0 0;
padding-bottom:25px; 
border-left:#d4d3d3 1px solid; 
border-right:#d4d3d3 1px solid; 
padding-top:10px;
}

.inner_container{
position:relative; 
float:left; 
left:7px; 
width:988px;
}

.logo{
position:relative; 
float:left; 
width:174px; 
height:72px; 
background:url(http://ooba.e-pao.org/images/OObalogo.gif) no-repeat center;
}

#logogen{
position:relative; 
float:left; 
width:174px; 
height:72px; 
margin:-2px 0 0 13px;
}
.google_ad{
position:relative; 
float:left; 
width:468px; 
height:60px; 
margin:9px 0 0 80px;
}

.search{
position:relative; 
float:right; 
width:157px; 
margin-top:20px;
}



#left_panel{
float:left; 
position:relative; 
width:157px;
border: #000000 0px solid;
overflow: hidden;
margin-top:10px;

}

#right_panel{
float:right; 
position:relative; 
width:310px;
/*border:#000000 1px solid;
background:#ffffff; */
padding:0 0 20px 0; 
overflow: hidden; 
}

#user_login{
position:relative; 
float:left; 
width:160px; 
margin-top:20px;
}

#user_login li{
float:left; 
position:relative; 
width:100%; 
list-style-type:none; 
font-family:Arial; 
color:#254666; 
font-size:12px; 
font-weight:bold; 
text-decoration:none; 
overflow:hidden;




}
.loginbox{
border:solid 1px #7da7b5;
width:110px;

}
.loginbutton{
border:#254666 2px solid;
background:#254666;
font-family:Arial; 
color:#ffffff; 
font-size:12px; 
font-weight:bold; 
text-decoration:none;
height:18px;
line-height: 12px;
margin-top:6px;

}

#logout{
position:relative; 
float:left;
width:220px; 
margin:6px 0 0 40px;
font-family:Arial; 
color:#254666; 
font-size:11px; 
text-transform: capitalize;
display:inline;

}

#logout a{
position:relative; 
float:left;
width:220px;
font-family:Arial; 
color:#254666; 
font-size:12px; 
text-decoration:none;
text-transform: capitalize;
}

#logout a:hover{
position:relative; 
float:left;
width:220px;
font-family:Arial; 
color:#ff0000; 
font-size:12px; 
font-weight:bold; 
text-decoration:underline;
}



#maildomainlink {
position:relative; 
float:left;
margin-top:20px;
width:160px;
font-family:Arial; 
color:#254666; 
font-size:12px; 
font-weight:bold; 
}



#maildomainlink a{
position:relative; 
float:left;
width:160px;
font-family:Arial; 
color:#254666; 
font-size:12px; 
font-weight:bold; 

}

#maildomainlink a:hover{
position:relative; 
float:left;
width:160px;
font-family:Arial; 
color:#ff0000; 
font-size:12px; 
text-decoration:underline;
}

#channels{
float:left; 
position:relative; 
width:100%; 
background:url(http://localhost/images2008/headers.gif) no-repeat;
padding-top:25px; 
background-position:0 0;
}

#channels{
float:left; 
position:relative; 
width:100%; 
background:url(http://ooba.e-pao.org/images/headers.gif) no-repeat;
padding-top:25px; 
background-position:0 0;
}

.channels_icon{
position:absolute; 
left:102px; 
top:-18px; 
background:url(http://ooba.e-pao.org/images/channels_icon.gif) no-repeat; 
width:38px; 
height:51px;
}

#channels li{
float:left; 
position:relative; 
width:100%; 
background:url(http://ooba.e-pao.org/images/channels_linkBG.gif) repeat-x; 
list-style-type:none; 
border-bottom:#bfd3e1 1px solid;
}

#channels a{
float:left; 
position:relative; 
background:url(http://ooba.e-pao.org/images/list_line.gif) no-repeat; 
background-position:10px 12px; 
height:21px; 
line-height:21px; 
padding-left:18px; 
font-family:Arial; 
color:#254666; 
font-size:12px; 
font-weight:bold; 
text-decoration:none; 
overflow:hidden;
}

#channels a:hover{
text-decoration:underline;
}

#middle_content_container{
float: left; 
position: relative; 
width: 500px; 
/*background: #000000;*/ 
margin-left: 20px; 
padding-top: 0px; 
display:inline;
margin-top:10px;
}


#middle_content{
float: left; 
position: relative; 
width: 480px; 
 
/*margin-left: 2px; */
 
}

.last_update{
float:left; 
position:relative; 
width:100%; 
	
}

#video_player{
position:relative; 
width:100%; 
/*background:#000000 url(http://ooba.e-pao.org/images/tab_sep.gif) no-repeat; 
background-position:left top; */
/*border:#e0e0e0 1px solid; 
border-top:none;
z-index:1;  
margin-left:35px; */
padding:10px 0 10px 0;
background: #000000;
text-align: center;
}

.player{
position:relative; 
width:100%; 
/*background:#000000 url(http://ooba.e-pao.org/images/tab_sep.gif) no-repeat; 
background-position:left top; */
/*border:#e0e0e0 1px solid; 
border-top:none;
z-index:1;  
margin-left:35px; */
padding:0 0 4px 0;
background: #ffffff;
text-align: center;
}

.tab_content{
position:relative; 
width:96%; 
/*background:#000000 url(http://ooba.e-pao.org/images/tab_sep.gif) no-repeat; 
background-position:left top; */
border:#ccc 1px solid; 
/*border-top:none;
z-index:1;  */ 
margin-left:0px;
padding:10px 10px 10px 10px;
margin-top:10px;
color:#000000;

}

/*.tab_content a{
position:relative; 
width:495px; 
background:url(http://ooba.e-pao.org/images/link_bullet.gif) no-repeat; 
background-position:0 9px; 
padding-left:10px; 
margin-left:17px; 
line-height:18px;
text-align: center;
}
*/




/*new one \*/
.topmenu{
z-index:-1;
}


    #tabs {
      float:left;
      width:100%;
	  font-size:93%;
      line-height:normal;
      }
    #tabs ul {
        margin:0;
        padding:10px 10px 0 0;
        list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("../images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("../images/tabright.gif") no-repeat right top; 
      padding:3px 10px 4px 6px;
      color:#ffffff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#000000;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
        #tabs #current a {
                background-position:0% -42px;
				color:#000000;
				
        }
        #tabs #current a span {
                background-position:100% -42px;
				color:#000000;
        }
.video_text{
font-family:Arial; 
font-size:9px; 
color:#ffffff; 
text-decoration:none;
}
.rating_text{
font-family:Arial; 
font-size:12px;
color:#000000; 
font-weight:bold; 
text-decoration:none;
}
/*new one \*/
/* Font Styles Start */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	font-family:Arial; 
font-size:14px;
color:#000000; 
font-weight:bold; 
text-decoration:none;
	}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.gray_txt_small{
font-family:verdana; 
font-size:11px; 
color:#999999; 
text-decoration:none;
}
.gray_txt_timestamp{
font-family:arial; 
font-size:12px; 
color:#000000; 
text-decoration:none; 

}
.VideoMainTitle
{
 font-family:Arial; 
color:#679aa0; 
font-size:16px; 
font-weight: bold; 
text-decoration: none;
}

.bodybold{
 font-family:Arial; 
color:#254666; 
font-size:12px; 
font-weight: bold; 
text-decoration: none;
}

/* Font Styles End */