@charset "UTF-8";
/* MAIN PAGE */
 
 
  #bar_main{ clear:both}
 
	
	
	
	.mywatch31 { background-color:#fff; margin:0; border-radius: 4px;  }
	.mywatch31 ul{ padding:10px; margin:0}
	.mywatch31 li{ height:32px; border-bottom:1px dotted #ddd; list-style: none; position:relative; clear: both; width:300px; margin:0 !important; padding:0 0 5px 0 }
	.mywatch31 li div{ width: 50px; margin:5px; height:30px; position:absolute} 
	.mywatch31 li .like { left:180px; text-align:right}
	.mywatch31 li .dislike {left:230px; text-align: right}
	.mywatch31 li div a{ font-size:12px}
	.mywatch31 a{ list-style: none; font-weight:500}
	.mywatch31 .headline	{ text-transform:uppercase; display:block;  font-size:10px; font-weight: 500; line-height:11px; top:0;  left:0; margin:0; padding:0; width:210px; color:#888 ; }
	.mywatch31 .headline a{text-transform: none; font-size:11px; font-weight:400; color:#000; line-height:12px;}
	.mywatch31 .line1 a{ color:#333; font-size:12px}
	.mywatch31 .line1 { color:#888;font-size:12px}
	.mywatch31 .calinks	{ font-size:11px; width: 270px; background-color: #fff; color:#666; display:block; border-top:1px solid #666; margin:0 0 20px 10px; padding:2px 5px 10px; }
	.mywatch31 img{ height:auto;margin:0 3px -10px 0}
	.mywatch31 ul li img{         height: 20px;
    margin:  0;
    position: absolute;
    right: -23px;
    top: 0;}
	.mywatch31 .mycontent{}
	.mywatch31 .totallike  { height:40px; padding:5px 0}
	.mywatch31 .totallike  img{  height:38px; margin-bottom:-11px;}
	.mywatch31 .totallike  div{ width:100px; margin:0}
	.mywatch31 .totallike a{ font-size:17px; font-weight:500; }
	.mywatch31 .totallike .like{ left:120px; }
	.mywatch31 .totallike .dislike{ left:220px}
	.mywatch31 h3{ margin:0}
	.mywatch4 { background-color:#fff; margin:0; border-radius: 3px;  }
	.mywatch4 ul{ padding:10px; margin:0}
	.mywatch4 li{ list-style: none; position:relative; clear: both; width:300px; margin:5px 0 !important; }
	.mywatch4 li div{ border-radius: 3px; width: 120px; height:80px;  overflow:hidden;}
	.mywatch4 a{ list-style: none}
	.mywatch4 .headline	{ display:block;  font-size:15px; font-weight:500; line-height:15px;  top:8px; left:125px; position:absolute; margin:0; padding:0; width:175px; color:#444 ; }
	.mywatch4 .calinks	{ font-size:11px; width: 270px; background-color: #fff; color:#666; display:block; border-top:1px solid #666; margin:0 0 20px 10px; padding:2px 5px 10px; }
	.mywatch4 img{ width:150px;  height:auto;margin:0 0 0 -20px}
	.mywatch4 .mycontent{}
	
	.mywatch5 { background-color:#fff; margin: 0; border-radius: 3px; padding:0 0 20px 0   }
	
	.mywatch5 h3 { padding:0; box-shadow:none; background-color:transparent; position:relative; margin:20px 0 5px; font-size:21px; border-bottom:1px solid #ddd; width:960px;  color:#444; text-transform:capitalize}
	.mywatch5 .main {position: absolute; padding:0 0 0 10px; width:320px}
	.mywatch5 ul{ padding:50px 0 0 0;  margin:0 0 0 333px;width:640px; height:157px; overflow:hidden; }
	.mywatch5 li{ list-style: none; position:relative; width:210px; margin:3px 0 0px !important;  display:inline-block; float:left; padding:0}
	.mywatch5 li div{ border-radius: 3px; width: 50px; height:28px; box-shadow:1px 1px 0px #444;  overflow:hidden;}
	.mywatch5 .main  div{ border-radius: 3px; width: 320px; height:155px;  overflow:hidden; float:left}
	.mywatch5 a{ list-style: none; font-size:11px;}
	.mywatch5 .main .headline	{ display:block;  font-size:15px; font-weight:500; line-height:13px; text-transform:uppercase;  top:172px; left:12px; position:absolute; margin:0; padding:0; width:310px; color:#FFF ;text-shadow: 1px 0 2px #000000; }
	.mywatch5 .headline	{ height:25px; overflow: hidden; display:block;  font-size:10px;  line-height:11px;  top:3px; left:55px; position:absolute; margin:0; padding:0; width:160px; color:#09c ; }
	.mywatch5 .calinks	{ font-size:11px; width: 270px; background-color: #fff; color:#666; display:block; border-top:1px solid #666; margin:0 0 20px 10px; padding:2px 5px 10px; }
	.mywatch5 img{ width:50px; height:auto;margin:0}
	.mywatch5 .main img{ width:320px; height:auto;margin:0}
	.mywatch5 .mycontent{}
	.mywatch5 .play_all{ position:absolute; font-size:14px; font-weight:500;  text-align:right ;left:770px; border-radius:3px; color:#666; padding:2px 5px; width:190px; margin:-28px 0 0 0 !important}
	.mywatch5 .play_all a{ color:#09c; font-weight:500;  font-size:18px}
	.mywm_login{ margin-left:200px;}
	body { color: #000;}
	.right_column{ float:right}
	
	.mywatch ul, .mywatch3 ul,  .mywatch31 ul, .mywatch4 ul {border-radius:0 0 3px 3px; margin-bottom:20px}
	
	h3{ margin:20px 0 0; font-size:1.6rem;}
	  
/*  LOGIN  */
     
	 
  
  
/*  PREFERENCES  */

	.page_head{ padding:20px 0 0 0; font-size:16px; font-weight:500; color:#555 }
	.pref { width:950px; text-align:center; border-top:1px solid #ccc; padding:20px 0; color:#000} 
	.pref button{ width:100px; display:block; padding:0px 5px 3px; font-size:14px; height:33px; margin:15px 0 0 0; background-color:#5b5 ; background-image: linear-gradient(to bottom, #5b5, #282); border-radius:3px; border:1px solid #ccc; color:#fff  }
	.pref button:hover{ border:1px solid #fff}
	.preferences {background-color:#FFF; padding:0 20px 20px 20px; width:950px}
	.preferences h1{ color:#09c; font-size:20px; width:940px; border-bottom:1px solid #ddd; display:block; height:auto; line-height: normal; padding:20px 0 0; margin:0 0 5px 0 }
	.checkbox { font-size:14px;color: #222;
	display: inline-block; margin:5px; padding:3px 8px 2px 4px; border:1px solid #eee; background-color:#f4f4f4; border-radius:3px; border-bottom-color:#ccc}
	.checkbox input{margin:3px 0}
	.check {background-color:#09c; color:#fff; border-bottom-color:#666;}
	
	
	
	.userbar {height:90px !important}
	
	 .userlogo { background:url('/images/logo_original.png') center center no-repeat;  background-size: contain; width:130px; top:-50px; left:410px; height:43px; position:absolute  }
	  #userfav { width: 180px;
    padding: 5px 0px;
    margin: auto;}
	    #userfav a {     margin: 10px 0px;
    display: inline-block; color:#fff; text-transform:uppercase}
	  #userfav img{ width:110px; height:21px }
	  
	  #logo { display:none}
	  #preload-01 { background: url('/images/button_following.png') no-repeat -9999px -9999px; }
	  #preload-02 { background: url('/images/button_followme.png') no-repeat -9999px -9999px; }
	  #preload-03 { background: url('/images/ajax-loader2.gif') no-repeat -9999px -9999px; }
	  
	  #banner { height:60px; }
	  #channel_title { left:125px; top:60px; font-size:24px; color:#fff; text-transform: capitalize }
	  #superad{ display:none !important}
	  #leaderboard{ display:none} 
	  .followers ul{ height:120px;}
	  .followers li { border:none}
	  .followers  .headline{width:148px; display:inline-block; font-size:14px;font-weight:500; color:#444}
	  .followers  .headline a{color:#09c; font-size:19px;}
	  
	  .followme{ width:100%; border-radius:3px; color:#fff; max-width:240px; padding:5px; background-color:#09c  }
	  .following{width:100%; border-radius:3px; color:#fff; max-width:240px; padding:5px; background-color:#222 }
	  
	   .mywatchlist ul { padding:0 10px 20px 10px; height:370px;}
	   .mywatchlist li{     height: 26px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
    color: #444;
    border: none;}
	    .mywatchlist .lastsugg li{     height: 35px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 300;
    color: #444;
    border: none;}
#listsuggestion li span { position:absolute; left:35px; font-size:14px; letter-spacing:normal; line-height:13px; margin-top:8px;}
	  .mywatchlist li span i{ font-size:11px; color:#aaa;  font-weight:normal; }
	  .mywatch31 input[type=text] {    
    border-radius: 3px;
    float: right;
    font-size: 14px;
    margin: 2px 10px 2px 5px;
    padding: 8px 5px;
    width: 250px;
    height: 24px;
    border: none;}
	.savebutton_green, .savebutton_yellow{-webkit-appearance: none;
    background-image: none; background-color:#5a5;
    border: medium none;
    border-radius: 20px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    height: 38px;
    margin: 3px 10px;;
   
    width: 38px;
	float:right;
	
}
.savebutton_yellow{ background-color:#f4b400}

#listsuggestion li b{
background-color: #09c;
    border-radius: 13px;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 13px !important;
    height: 26px;
    letter-spacing: -1px;
    line-height: 25px;
    margin: 3px 3px 0 0;
    padding: 0;
    text-align: center;
    width: 26px;}

	 	
	   
	   .userlevel{ font-size:10px; color: #fff; width:310px; border:1px solid #333; border-width:0 1px; border-right-color:#777; margin: 1px 0 0 665px; position:absolute;  background-color:#555; padding:0 5px 5px}
	    .userlevel div{ float:left;text-align:center;	 font-size:11px; color:#ddd; margin:1px 0 0 15px;}
		.userlevel div img{ margin:0px 0px -3px 0px;}
		.userlevel div b{font-size:12px; color:#fff}
	   .userlevel span{  display: block; font-size: 11px;font-weight: normal;height: 12px; color:#ddd; text-align:right}
	   .userlevel span b{ font-size:12px; color:#fff }
	   
	   .userlevel2 { float:right}
	    .userlevel2 ul{ height:235px } 	
	    .userlevel2 div{ float:left; text-align:center;  font-size:11px; color:#ddd; margin:-10px; padding:5px 5px; border-right:1px solid #eee; border-bottom:1px solid #eee; background-color:#f2f4f5}
		.userlevel2 div img{ margin:5px 0px -3px 0px;}
		.userlevel2 div b{font-size:15px; color:#444}
		.userlevel2 span{ text-transform:uppercase;  display: block;  font-size: 14px;  line-height:16px; color:#777; text-align: left}
		.userlevel2 span b{ font-size:14px; color:#09c }
		.userlevel2 .bigger { font-size:14px;color:#444; margin:3px 0 ;  padding: 5px 0 ; }
	    .userlevel2 .bigger b{ font-size:19px;}
	   
	  #hints2 b span { text-transform:none !important;}
	  
		
		
	   #social_main { display:none}
	   .mytop10{ float: right; box-shadow:0 1px 1px #aaa}
	 
.viewmore{position: absolute !important;
    bottom: 10px;
    padding: 2px !important;
    width: 300px !important;
    background-color: #09c;
    text-align: center;
    display: block;
    border-radius: 3px;
	    height: 32px !important;
    line-height: 30px !important;
    height: auto !important;
    font-size: 14px !important;}
.viewmore a{ color:#fff}
.viewmore:hover{ background-color:#00c9ff}



  .topcontain { width:100%; text-align: left}

	  
	  
	  .profile{ text-align:center;width:200px;   float:left; height:460px; background-color: #f6f6f6; border:1px solid #eee; padding:10px; margin:5px 0; border-radius:3px; position:relative}
	  .mywatchlist { height:460px; background-color: #f6f6f6; border:1px solid #eee; width:340px; padding:10px; margin:5px 0 20px 13px; float: left; position:relative; display:inline-block; text-align:left;}
	    .userrank{ display:inline-block; width:180px; font-size:15px; font-weight:500; color:#444; text-align:center}
	   .useravatar{ display:inline-block;  background-size: cover !important;
	   border:1px solid #eee; 
	   width:180px; 
       height:180px; 
	   left:0; top:-31px;
	   background-color: transparent !important;}
	  @media (max-width: 1280px) and (min-width: 1201px){
		    #userfav { width: 120px;}
		 .profile{ float:left; width:140px; height:460px; background-color: #f6f6f6; border:1px solid #eee; padding:10px; margin:5px 0;}
	  .mywatchlist { height:460px; background-color: #f6f6f6; border:1px solid #eee; width:340px; padding:10px; margin:5px 0 20px 2px; float: left; position:relative}
	    .userrank{ width:120px; font-size:15px; font-weight:500; color:#444; text-align:center}
	   .useravatar{  background-size: contain !important;
	   border:1px solid #eee; 
	   width:120px; 
       height:120px; 
	   left:0; top:-31px;
	   background-color:transparent !important;}
	
}  

  @media (max-width: 1200px) and (min-width: 1025px){
	  #userfav { width: 240px;}
		 .profile{ float:left; height:460px; width:340px; background-color: #f6f6f6; border:1px solid #eee; padding:10px; margin:5px 50px 5px 0px;}
	  .mywatchlist { height:460px; background-color: #f6f6f6; border:1px solid #eee; width:340px; padding:10px; margin:5px 50px 5px 00px;  position:relative}
	  .userrank{ width:120px; font-size:15px; font-weight:500; color:#444; text-align:center}
	   .useravatar{  background-size: contain !important; 
	   border:1px solid #eee; 
	   width:240px; 
       height:240px; 
	   left:0; top:-31px;
	   background-color:transparent !important;}
	  
  }
	  
	@media (max-width: 1024px) and (min-width: 801px){
		  #userfav { width: 240px;}
		 .profile{ float:left; height:460px; width:340px; background-color: #f6f6f6; border:1px solid #eee; padding:10px; margin:5px 40px 5px 0px;}
	  .mywatchlist { height:460px; background-color: #f6f6f6; border:1px solid #eee; width:340px; padding:10px; margin:5px 40px 5px 00px;  position:relative}
	    .userrank{ width:120px; font-size:15px; font-weight:500; color:#444; text-align:center}
	   .useravatar{  background-size: contain !important;
	   border:1px solid #eee; 
	   width:240px; 
       height:240px; 
	   left:0; top:-31px;
	   background-color:transparent !important;}
	
}  
	  
	  
	  @media (max-width: 800px) and (min-width: 361px){
		  .topcontain{ text-align: center}
		  #channel_title {	
    text-align: center;
}
	.profile{width:340px; height:270px; background-color: #f6f6f6; border:1px solid #eee; padding:10px; margin:5px auto; float:none}
	  .mywatchlist { height:460px; background-color: #f6f6f6; border:1px solid #eee; width:340px; padding:10px; margin:10px auto ; position:relative; float:none}
	    .userrank{ width:180px; font-size:15px; font-weight:500; color:#444; text-align:center}
	   .useravatar{  background-size: cover!important;
	   border:1px solid #eee; 
	   width:180px; 
       height:180px; 
	   left:0; top:-31px;
	   background-color:transparent !important;}
	
}  
 @media (max-width: 360px) and (min-width: 220px){
	 .mywatch31 li .dislike {
    left: 210px}
	.mywatch31 li .like {
    left: 160px;}
	.viewmore{ width:280px !important;}
	.mywatch31 .headline { width:190px}
	 .mywatchlist ul { padding:0 0px 20px 0px}
		  .topcontain{ text-align: center}
		  #channel_title {   text-align: center;}
	.profile{width:310px; height:270px; background-color: #f6f6f6; border:1px solid #eee; padding:10px; margin:5px auto; float:none}
	  .mywatchlist { height:460px; background-color: #f6f6f6; border:1px solid #eee; width:310px; padding:10px; margin:10px auto ; position:relative; float:none}
	    .userrank{ width:180px; font-size:15px; font-weight:500; color:#444; text-align:center}
	   .useravatar{  background-size: cover !important; 
	   border:1px solid #eee; 
	   width:180px; 
       height:180px; 
	   left:0; top:-31px;
	   background-color:transparent !important;}
	
}