a{text-decoration:none; padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6{padding:0px; margin:0px; font-weight:normal;}
p{padding:0px; margin:0px;}
form{padding:0px; margin:0px;}
img{padding:0px; margin:0px; border:0px; vertical-align:top;}
.clear{clear:both;}

body{
background:url(../images/bg.gif) repeat;
font-family:Arial;
font-size:12px;
color:#707070;
padding:25px 0px 0px 0px;
margin:0px;
}
#container{
width:986px;
margin:0px auto;
}
#top{
width:986px;
height:158px;
float:left;
}
.top-left{
background:url(../images/top-left.gif) no-repeat;
width:35px;
height:158px;
float:left;
}
.top-middle{
background:url(../images/top-middle.gif) repeat-x;
width:916px;
height:158px;
float:left;
}
.top-right{
background:url(../images/top-right.gif) no-repeat;
width:35px;
height:158px;
float:left;
}
.logo{
width:366px;
height:77px;
float:left;
display:inline;
margin:38px 0px 0px 0px;
}
.search-area{
background:url(../images/search-bg.gif) no-repeat;
width:460px;
height:58px;
float:right;
display:inline;
margin:46px 0px 0px 0px;
}
.search{
width:320px;
height:40px;
float:left;
background:none;
display:inline;
margin:5px 0px 0px 20px;
padding:5px 0px 10px 10px;
font-family:"trebuchet MS", Verdana, georgia, arial;
font-size:26px;
color:#c3c3c4;
border:0;
}
.submit{
background:url(../images/search.gif) no-repeat;
width:87px;
height:38px;
float:right;
display:inline;
border:0px;
cursor:pointer;
margin:8px 7px 0px 0px;
}
#wrapper{
background:url(../images/wrapper-bg.gif) repeat-y;
width:986px;
float:left;
}
#inner{
width:950px;
float:left;
display:inline;
margin:10px 0px 0px 17px;
}
#left-panel{
width:295px;
float:left;
}
#recommended{
background:url(../images/recommanded.jpg) no-repeat;
width:295px;
height:797px;
float:left;
}
#recommended h2{
font-family:"myriad Pro", "trebuchet MS", arial;
font-size:19px;
font-weight:bold;
color:#5f5f5f;
padding:10px 0px 0px 20px;
}
.recommended-in{
width:255px;
float:left;
display:inline;
margin:45px 0px 0px 22px;
}
.head{
background:url(../images/vid-icon.png) no-repeat;
color:#FFF;
font-family:"trebuchet MS", Verdana, georgia, arial;
font-size:19px;
font-weight:bold;
width:220px;
float:left;
padding:2px 0px 0px 33px;
margin:0px 0px 10px 0px;
}
.head span{
background:url(../images/line.gif) repeat-x -10px bottom;
width:220px;
float:left;
padding:0px 0px 5px 0px;
}
#recommended ul{
padding:0px;
margin:10px 0px 0px 0px;
list-style:none;
}
#recommended ul li{
padding:0px;
margin:0px;
line-height:21px;
color:#ffbd26;
}
.space{
width:230px;
height:15px;
}
#right-panel{
width:640px;
float:right;
}
.box{
width:196px;
float:left;
display:inline;
margin:0px 0px 10px 0px;
}
.box-top{
background:url(../images/box-top.gif) no-repeat;
width:196px;
height:10px;
float:left;
}
.box-top{
background:url(../images/box-top.gif) no-repeat;
width:196px;
height:10px;
float:left;
}
.box-middle{
background:url(../images/box-middle.gif) repeat-y;
width:196px;
float:left;
height:255px;
}
.box-bottom{
background:url(../images/box-bottom.gif) no-repeat;
width:196px;
height:31px;
float:left;
position:relative;
top:-15px;
}
.box-in{
width:170px;
float:left;
display:inline;
margin:0px 0px 0px 10px;
}
.vid-title{
font-family:"myriad Pro", "trebuchet MS", arial;
font-size:16px;
color:#bb8301;
font-weight:bold;
padding:0px 0px 0px 20px;
}
.vid-panel{
background:url(../images/video-panel.gif) no-repeat;
width:132px;
height:115px;
float:left;
display:inline;
margin:5px 0px 0px 20px;
position:relative;
}
.video{
width:120px;
height:52px;
float:left;
display:inline;
margin:4px 0px 0px 4px;
}
.play{
width:33px;
height:33px;
bottom:-0px;
right:10px;
position:absolute;
}
.duration{
font-size:11px;
color:#d00000;
margin:0px 0px 10px 20px;
}
.comments{
background:url(../images/comments.gif) no-repeat;
font-family:Verdana;
font-size:10px;
font-weight:bold;
color:#707070;
padding:0px 0px 2px 22px;
margin:10px 0px 0px 0px;
position:relative;
z-index:99;
}
.views{
background:url(../images/views.gif) no-repeat;
font-family:Verdana;
font-size:10px;
font-weight:bold;
color:#707070;
padding:0px 0px 2px 22px;
margin:5px 0px 0px 0px;
position:relative;
z-index:99;
}
.box-spacer{
width:25px;
height:200px;
float:left;
}
#page{
width:375px;
height:42px;
float:right;
display:inline;
font-family:Verdana;
font-size:10px;
color:#4d4d4d;
margin:0px 0px 20px 0px;
}
.page-left{
background:url(../images/page-left.gif) no-repeat;
width:5px;
height:42px;
float:left;
}
.page-middle{
background:url(../images/page-middle.gif) repeat-x;
width:365px;
height:42px;
float:left;
}
.page-right{
background:url(../images/page-right.gif) no-repeat;
width:5px;
height:42px;
float:left;
}
#page ul{
padding:0px;
margin:0px 0px 0px 5px;
list-style:none;
}
#page ul li{
padding:0px;
margin:0px;
float:left;
line-height:42px;
}
#page ul li a{
color:#4d4d4d;
padding:0px 10px;
}
#page ul li.nos{
float:left;
}
#page ul li.nos a:hover, #page ul li.current a{
background:url(../images/page-over.gif) no-repeat center;
display:block;
color:#FFF;
}
#page ul li.first{
background:url(../images/first.gif) no-repeat left 18px;
margin:0px 0px 0px 10px;
}
#page ul li.previous{
background:url(../images/previous.gif) no-repeat left 18px;
margin:0px 0px 0px 0px;
}
#page ul li.next{
background:url(../images/next.gif) no-repeat left 18px;
margin:0px 0px 0px 10px;
}
#page ul li.last{
background:url(../images/last.gif) no-repeat left 18px;
margin:0px 0px 0px 0px;
}
#foot-holder{
width:986px;
height:78px;
float:left;
display:inline;
position:relative;
padding:0px 0px 20px 0px;
}
#footer{
width:1025px;
height:78px;
float:left;
display:inline;
font-size:11px;
position:absolute;
left:-19px;
color:#989898;
}
.foot-left{
background:url(../images/foot-left.png) no-repeat;
width:22px;
height:78px;
float:left;
}
.foot-middle{
background:url(../images/foot-middle.png) repeat-x;
width:980px;
height:78px;
float:left;
padding-top:20px;
}
.foot-right{
background:url(../images/foot-right.png) no-repeat;
width:22px;
height:78px;
float:left;
}
#footer a{
color:#989898;
padding:0px 10px;
}
.links{
float:left;
}
.copy{
float:right;
}
#footer a:hover{
text-decoration:underline;
}

#recommended ul li a,a:hover,a:visited{text-decoration:none;color:#ffbd26;}
#recommended ul li a:hover{text-decoration:underline;}
.vid-title a,a:hover,a:visited{ color:#BB8301;}
/*Vide Details*/
#videoDetail{
	border:1px solid #ccc;
	height:480px;
	margin:15px 0px;
	padding:3px;
	width:640px;
}
#uservideoDetail{
	border:1px solid #ccc;
	height:480px;
	margin:15px 0px;
	padding:3px;
	width:99%;
}
#right-panel h2, #full-page-panel h2{
 color:#BB8301;
 font-size:18px;
}

/*Login*/
#login{border:0px solid red;}
.loginTextBox{ border:1px solid #ccc; width:234px; height:20px; color:#999999;}
.loginDiv{position: relative; width: 386px; text-align: center; height: 26px; }
.loginDiv .notmember{ position:relative; top:7px;}
.loginOuterDiv{position: absolute; width: 109px; height: 26px;left:231px; #left:105px; top: 0px; cursor: pointer;}
.loginImage{position: absolute; left: 0px; top: 0px; width: 109px; height: 26px;}
.loginText{position: absolute; left: 0px; top: 3px; width: 109px; text-align: center; font-family: arial; font-size: 12px; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none;}
.loginButton{ background-image:url(../images/button.gif); width:109px; height:26px;  font-weight:bold; color:#FFFFFF; text-align:justify; }
.loginLabel{ color:#5f5f5f; font-weight:bold; vertical-align:baseline;text-align:left;}

.logintop{width:468px; height:56px; background:url(../images/login-top.gif) no-repeat center top; }
.loginMiddle{width:468px; background-image:url(../images/login-middle.gif);}
.loginBottom{width:468px; height:21px; background-image:url(../images/login-bottom.gif);}
.loginTitle{ color:#5f5f5f; font-size:19px; font-weight:bold; text-align:left; padding-left:30px; padding-top:7px;}
/*
.logintop{ height:56px; width:468px; background:url(../images/login-top.gif) no-repeat center top; }
.loginMiddle{width:468px;background:url(../images/login-middle.gif)repeat-y center; }
.loginBottom{background:url(../images/login-bottom.gif)no-repeat center top;height:21px;width:468px;}

*/
/*TopMenu*/
.beforeLogin{color:#ffffff;float:right; position:relative; left:5px; width:170px; top: 15px;}
.afterLogin{color:#ffffff;float:right; position:relative; left:1px; width:230px; top: 15px;}
/*
.beforeLogin{color:#ffffff;float:right; position:relative;top: 18px;}
.afterLogin{color:#ffffff;float:right; position:relative; left:1px; top: 18px;}

*/
/*Signup*/

#register{ border:0px solid red;}
.rowSpace{ height:15px;}
.regiterTextBox{ border:1px solid #ccc; width:234px; height:20px; color:#999999;}
.loginDiv{position: relative; width: 386px; text-align: center; height: 26px; }
.loginOuterDiv{
cursor:pointer;
height:26px;
left:244px;
position:absolute;
top:0;
width:140px;
}
.loginImage{position: absolute; left: 0px; top: 0px; width: 109px; height: 26px;}

.RegisterOuterDiv{position: absolute; width: 109px; height: 26px;left:151px; #left:150px; top: 0px; cursor: pointer;}
.registerSpanLabel{ color:#5f5f5f; font-weight:bold; vertical-align:top; width:100px;}
.registerRows{width:350px;height:30px;}
.registerLabels{ width:150px;float:left; text-align:left;}
.registerBoxes{float:left;width:150px;}

.errorMsg{ color:#FF0000; font-size:16px; font-weight:bold; text-align:center;}
.successMsg{ color:#006600; font-size:16px; font-weight:bold; text-align:center;}
#top a,a:hover,a:visited{ color:#ecbd2e; text-decoration:}

.submitButton{ padding-left:117px;}
.textAreaTextBox{ border:1px solid #ccc; color:#999999;}
#userVideoLinks a,a:hover,a:visited,a:link{color:#ecbd2e;}

.submitLinkTextBox{ border:1px solid #ccc; width:375px; height:20px; color:#999999;}
.submitLinkSelectBox{ border:1px solid #ccc; height:20px; color:#999999; min-width:200px;}
.submitLinkRowSpace{ height:15px;}
.userVidoesTitle{
	border-bottom:1px solid #ccc;
	/*width:550px;*/
	width:100%;
	float:left;
	height:30px; 
	padding-top:10px;
}
#homeSubmit { color:#0000FF; text-decoration:none;}
.userVidoesTitle #homeSubmit {
float:right;
margin-bottom:12px;
position:relative;
text-decoration:none;
top:-15px;
}
.userVidoesTitle #homeSubmit:hover {
text-decoration:underline;
}
#full-page-panel {
float:left;
width:100%;
}
.votesection {position:relative; z-index:100; top:5px;}
.votesection .likepercent{font-family: tahoma; vertical-align:middle; font-style: normal; font-variant: normal; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; font-weight: bold; color:#289BDF;}
.votesection img{ cursor: pointer; vertical-align:top;}
.votesection a{font-family: verdana; font-style: normal; font-variant: normal; font-weight: normal; font-size: 9px; line-height: normal; font-size-adjust: none; font-stretch: normal;}
/************************/

/*div span.Previous{background-color:transparent;border:0px;padding:0px;color:#ffffff;}
div span.Previous a{background-color:transparent;border:0px;padding:0px;color:#ffffff;}
div span.Previous a:hover{background-color:transparent; text-decoration:underline;}
div span.Next {background-color:transparent;border:0px;padding:0px; color:#ffffff;}
div span.Next a{background-color:transparent;border:0px;padding:0px;color:#ffffff;}
div span.Next a:hover{background-color:transparent;text-decoration:underline;}*/
#pagination span.current{ border:1px solid #fff; padding:1px 5px 1px 5px; background-color:#000;color:#fff; font-weight:bold;}
#pagination .select a{ text-decoration:none; border:1px solid #fff; padding:1px 5px 1px 5px; background-color:#ffffff;}
#pagination .select a:hover{ text-decoration:none; background-color:#EEEEEE}