/*
	Plik:	video.css
	Autor:	Patryk Stępniewski
	Data:	24.07.2010
	Opis:	Arkusz stylów video
	Część serwisu UltraMadonna (www.ultramadonna.com).
	Wszystkie prawa zastrzeżone. All rights reserved.
*/
  		
  /* Główny kontenter */
  div#main_content {
  	position: relative;
    padding-right: 8px;
  	padding-left: 8px;
  }
  
    div#main_content .carousel {
      width: 930px;
      margin: auto;
      margin-top: 10px;
      margin-bottom: 30px;
    }
  
   /* Strona główna */
   div#video_clips, div#video_tours {
   	 clear: both;
   	 text-align: center;
   	 width: 88%;
   	 margin: 0 auto;
   }
 
   div.one_clip {
   	 width: 120px;
   	 height: 90px;
   	 float: left;
   	 margin-right: 10px;
   	 margin-bottom: 10px;
   	 opacity: 0.9;
   	 filter: alpha(opacity = 90);
   }
   
   div.one_clip:hover {
   	 opacity: 1;
   	 filter: alpha(opacity = 100);
   }
   
      div.clip_background {
      	position: absolute;
        display: block;
      	width: 120px;
      	height: 90px;
      	background-color: #000000;
        opacity: 0.5;
      	filter: alpha(opacity = 50);
      	z-index: 2;
      }
      
      div.one_clip_table {
   	    display: table;  
   	    width: 120px;
   	    height: 90px;
      	position: absolute;
        #position: relative !important; 
   	    overflow: hidden;
      	z-index: 5;
      } 
       
      div.one_clip a {
      	width: 120px;
      	height: 90px;
      	display: block;
      	position: absolute;
      	z-index: 10;
      }
    
      div.one_clip_cell {
      	#position: absolute;
      	#top: 50%;
      	display: table-cell; 
      	vertical-align: middle;
      }
      
      div.one_clip_wrapper {
      	#position: relative;
      	#top: -50%;
      	color: #FFFFFF;
      	text-align: center;
      	font-size: 14px;
      	font-weight: bold;
      }
   
   /* Lewy kontener */
   div#left_container_video {
   	 float: left;
     width: 679px;
   }

    /* Lewa strona dodawania filmu */
    div#left_content_video {
       margin-top: 20px;
    }
    
      div#left_content_video label {
      	font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
      	display: block;
      }
      
      div#left_content_video .input_text {
      	width: 99%;
      }
   
    /* Kontener video */ 
    div#video_content {
       padding-bottom: 20px;
	} 
	
      /* Informacje o koncie Google */
      div.login_youtube {
        text-align: right;
      	margin-right: 10px;
      	margin-bottom: 5px;
      }
	
	  /* Tytuł filmu */
	  div#title {
	  	padding-top: 8px;
	  	padding-left: 10px;
	  	padding-right: 10px;
	  	padding-bottom: 8px;
	  	text-shadow: 0 -1px 0 #4b172f;
      }
      
      /* Blok pod video */
      div#under_video {
      	margin-right: 8px;
      	margin-left: 2px;
      	margin-top: 6px;
      	font-size: 13px;
      }
      
        /* Ocena i liczba wyświetleń */
        div#rating_countview {
          border-bottom: 1px solid #B2B2B2;
          padding-bottom: 10px;
          clear: both;
          position: relative;
          height: 30px;
          margin-bottom: 10px;
        }
        
         div#rating {
         	float: left;
         }
         
         div#rating_count {
         	float: left;
         	margin-left: 6px;
         	margin-top: 2px;
         }
      
         div#countview {
         	float: right;
         	text-align: right;
         } 
         
  /* GWIAZDKI OCENIANIA */
  div.rating-cancel {
  	 display: none;
  }
  
  div.star-rating { 
  	float: left;
  	width: 18px;
  	height: 17px;
  	text-indent: -999em;
  	cursor: pointer;
  	display: block;
  	background: transparent; 
  	overflow: hidden
  }
  
  div.star-rating, div.star-rating a {
  	background:url({SKIN_MAIN_IMAGE}rate_stars.png) no-repeat 0 0px
  }

  div.star-rating a {
  	display: block;
  	width: 18px;
  	height: 100%;
  	background-position: 0 0px;
  	border: 0
  }
  
  div.star-rating-on a { 
  	background-position: 0 -17px!important
  }
  
  div.star-rating-hover a { 
  	background-position: 0 -34px
  }
  div.star-rating-readonly a { 
  	cursor: default !important
  }
  
  div.star-rating { 
  	background: transparent !important;
  	overflow: hidden !important
  }
  
  input.star {
  	display: none;
  }
         
       /* Komentarze */
       div#comments {
       	 margin-top: 8px;
       }  
          
          div#comments span.b1 {
          	display: block;
          }
       
          div.one_comment {
          	padding-bottom: 10px;
          	margin-bottom: 10px;
          	border-bottom: 1px solid #cccccc;
          	word-wrap: break-word;
          }
          
          div#more_comments {
          	height: 20px;
          	margin-top: 20px;
          	margin-bottom: 10px;
          	font-size: 14px;
          }
          
          div#more_comments_title {
          	width: 35%; 
          	float: left; 
          	font-weight: bold;
          	font-size: 12px;
          }
          
          div.nobody_wrote_comments {
          	display: block; 
          	margin-top: -10px;
          }
          
            div#show_more_comments {
              width: 33%; 
              float: left; 
              text-align: center;
            }
          
       /* Dodawanie komentarzy */
       div.comment_fields {
         height: 180px;
         margin-bottom: 15px;
         width: 380px;
       }

           textarea.comment {
             height: 70%;
             width: 370px;
           }
           
           div.comment_video_title {
           	margin-bottom: 15px; 
           	margin-top: 20px; 
           	padding-top: 10px; 
           	border-top: 1px solid #B2B2B2;
           	clear: both;
           }
           
           ul#send_comment_button {
           	 clear: both; 
           	 padding: 0px;
           }
           
           ul#send_comment_button li {
           	 margin-right: 0px;
           }
           
           div.addcomment_loading {
           	 text-align: right; 
           	 display: none; 
           	 margin-top: 8px; 
           	 margin-right: 8px;
           }
           
             div.addcomment_loading span.n2 {
             	float: right;
             	margin-right:10px; 
             	margin-top:6px;
             }
          
        /* UPLOADOWANIE FILMU */
        /* Główny kontener treści */
        div#main_container_right {
       	  float: left;
  	      padding-left: 20px;
  	      padding-right: 10px;
          width: 431px;
          background-color: #FFFFFF;
        }
    
        div.right_container {
          margin-left: 20px;
  	      margin-right: 20px;
  	      float: left;
          width: 436px;
          padding: 10px;
          text-align: justify;
          background-color: #FFFFFF;
        }
       
          div.right_container .input_submit {
           display: block;
           text-transform: uppercase;	
           text-align: center;
           color: #FFFFFF !important;
           margin-left: 0px;
          }
          
          div.right_container a {
          	color: #5c3566;
          }
          
          div.right_container a:hover {
          	color: #75507b; 
          }
        
        .title_box_mini {
          width: 100%; 	
          border-bottom: 1px solid #b2b2b2;
          margin-bottom: 5px;
        }
        
        .text {
          width: 97% !important;
        }
        
        div.title_box_mini_list {
          margin-bottom: 15px;	
        }
        
        div#video_file_uploader {
          margin-top: 10px; 
          margin-bottom: 20px;
        }
        
           div#video_file_uploader_loading {
             margin-top: 3px; 
             margin-left: 0 auto; 
             margin-right: 0 auto;  
           }
           
           div.video_file_uploader_info {
           	 cursor: pointer;
           	 margin-bottom: 25px;
           }
            
              div.video_file_uploader_info div.arrow {
              	background: transparent url("{SKIN_MAIN_IMAGE}arrow_animated_purple.png") no-repeat scroll 0 0px;
              	background-position: 0 -21px; 
              	margin-top: 5px;
              }
              
              div.video_file_uploader_info span.b2 {
              	display: block; 
              	font-weight: bold;
              }
              
           div.video_file_uploader_warning {
           	 margin-top: 3px; 
           	 display: none;
           }   
              
              div.video_file_uploader_warning span {
              	 font-weight: bold; 
              	 font-size: 13px;
              }
        
           div#add_video_button { 
           	 text-align: center; 
           	 margin-bottom: 10px; 
           	 margin-top: 5px;
           }
           
           input#input_file_video {
             margin-bottom: 15px; 
             font-size: 18px;
           }
           
           div#video_file_uploader_frame_processing {
           	 display: none;
           }
        
           div.content_right ul {
           	 margin-top: 15px; 
           	 padding-left: 14px;
           }
           
             div.content_right div.copyrights_warning {
             	margin-top: 10px;
             }
             
             div.content_right img.img_logo {
             	float: right; 
             	margin-left: 10px; 
             	margin-top: -5px;
             }
             
             div.madonna_youtube div.content_right, div.madonna_youtube div.n1, div.madonna_youtube div.b2 {               
              	padding:10px
             } 

   /* Prawy kontener */
   div#right_container_video {
   	 float: left;
     width: 265px;	
   	 color: #eeeeee;
   }   

      div#right_container_video a {
	     color: #FFFFFF;
      }    
      
      div#more_from_user, div#related_video {
      	font-size: 11px;
      }
      
    
    /* Opis filmu */
    div#description {
      padding: 10px;
      padding-top: 4px;
    }
    
       /* Avatar */
       div#avatar_author {
         width: 100%;
       	 height: 46px;
       	 line-height: 15px;
       }
       
          div#avatar_author img {
            width: 46px;
       	    height: 46px;	
          	float: left;
          	margin-right: 8px;
          }
          
          div#avatar_author a#author_nickname {
          	font-size: 13px;
          }
          
          /* Więcej/mniej informacji */
          div#more_info_w, div#tags, div#tags_d {
          	display: none;
          }
          
          /* Opis video */
          div#description_video, div#description_video_mini {
          	clear: both;
          	margin-top: 10px;
          }
          
            div#description_video
            {
              display: none;
            }
          
          /* Tagi */
          div#tags {
          	float: left;
          	width: 87%;
          	margin-top: 10px;
          	margin-bottom: 10px;
          }
          
            div#tags_d {
              font-weight: bold;
              width: 13%;
              float: left;
              margin-top: 10px;
            }
            
          /* Link video */
          div#video_link_block {
          	padding-top: 5px;
          	clear: both;
          	margin-top: 10px;
          	margin-bottom: 10px;
          	padding-bottom: 15px;
          }
          
           label#video_link_label {
          	 font-weight: bold; 
           	 line-height: 20px;
           }    
          
             input#video_link {
             	width: 95%;
             	border: 0px;
             }
             
           /* Polecane filmy video */
           div.arrow {
           	 margin-right: 5px;
             margin-top: 6px;
           }
           
           div#more_from_user_title {
           	 cursor: pointer;
           }
           
             div#more_from_user_title span.b2 {
             	display: block; 
             	font-weight: bold;
             }
           
           div#more_from_user_title div.arrow {
           	 background-position: 0 -21px;
           }
           
           div#more_from_user_loading {
           	 display: block;
          	 margin-top: 216px;
           } 
            
            div#more_from_user_loading span {
               color: #FFFFFF !important;
            }

           div#related_video, div#more_from_user {
           	 margin-top: 10px;
           }

            div#related_video div#related_video_title {
              cursor: pointer;
            }
            
            div#related_video_title span.b2 {
              display: block; 
              font-weight: bold;
            }
           
            div#related_video_frame, div#more_from_user_frame {
          	  overflow: auto;
           	  height: 432px;
              margin-top: -8px;
            }  
            
            div#more_from_user_frame {
            	display: none;
            }
             
             div.one_related {
             	clear: both;
             }
             
             div.video_image {
             	border: 1px solid #ad7fa8;
             	width: 92px;
             	height: 60px;
             	overflow: hidden;
             	float: left;
             	margin-top: 10px;
             }
             
               div.video_time {
                  margin-top: -18px;
                  text-align: right;
                  font-weight: bold;
               }
               
               div.video_time a {
               	 padding: 2px;
               	 padding-bottom: 3px;
               	 padding-top: 3px;
               	 background-color: #000000;
               	 opacity: 0.75;
                 filter: alpha(opacity = 75);            	
                 color: #FFFFFF;
               	 -moz-border-radius: 2px; 
	             -webkit-border-radius: 2px; 
               }
             
             div.video_image img {
             	width: 92px;
             	height: 72px;
             	margin-top: -10px;
             }
             
             div.video_more_info {
             	margin-left: 5px;
             	margin-right: 5px;
             	margin-top: 8px;
             	width: 122px;
             	float: left;
             }
             
             /* ZARZĄDZANIE SWOIM KONTEM */
             div.madonna_youtube {
             	padding: 0;
             	padding-bottom: 350px;
                background-image: url("{SKIN_MAIN_IMAGE}icons/notgoogle_right.jpg");
          	    width: 416px !important;
             }
             
               
               div.content_right img.avatar {
               	 border: 1px solid #AD6084;
               	 float: left;
               	 margin-right: 10px;
               }
               
               div.madonna_youtube img.add_video {
               	 margin-bottom: 10px;
               	 margin-top: 10px;
               	 border: 0;
               }
        
             div.user_account {
             	width: 456px !important;
             }
             
             div.one_video {
             	clear: both;
      	        border-bottom: 1px dashed #dbdbdb;
                margin-top: 10px;
                margin-bottom: 10px;
             	padding-top: 10px;
                padding-bottom: 10px;
             	position: relative;
             	min-height: 100px;
             } 	
             
               div.one_video img {
               	  border: 1px solid #AD6084;
               	  float: left;
               	  margin-right: 10px;
               }

               ul.buttons_video_manage {
               	  position: absolute;
               	  bottom: 10px;
               	  right: 0;
               }
               
               /* Okienko z pytaniem czy usunąć video */
		       div#deletevideo_confirmation {
		         display: none;
		       }
		    
		          div#deletevideo_confirmation img {
		            float: left; 
		            margin-right: 10px; 
		            margin-top: 10px; 
                  }
              
                  div#deletevideo_confirmation p {
                    margin-top: 25px;	
                  }
              
                  div.delete_success {
                    margin-left: 40px;
              	    margin-right: 40px;	
                  	background-image: url('{SKIN_MAIN_IMAGE}messages/delete_news_success.png');
                    border: 1px solid;
			        padding: 30px 10px 30px 80px;
			        background-repeat: no-repeat;
			        background-position: 10px center;
			        color: #4F8A10;
			        font-size: 11pt;
			        border-color: #DFF2BF;
			        background-color: #c8ed89;
			        font-weight: bold;
                  }
                  
        /* Typy artykułów */
        a.one_typevideo {
           position: relative;	
           opacity: 0.9;
           filter: alpha(opacity = 90);
           float: left;
        }
        
        a.one_typevideo:hover {
           opacity: 1;
           filter: alpha(opacity = 100);
        }
           
           a.one_typevideo img {
           	 width: 416px;
           	 height: 128px;
           	 z-index: 0;
           }        
     
           a.one_typevideo div.title {
             position: absolute;
             left: 0px;
             bottom: 3px;	
           	 z-index: 3;
             color: #FFFFFF;
      	     text-align: center;
      	     font-weight: bold;
           	 width: 100%;
           	 line-height: 40px;
           	 height: 40px;
           	 font-size: 20px;
           	 text-transform: uppercase;
           }
           
           a.one_typevideo div.background {
           	 position: absolute;
           	 left: 0px;
           	 bottom: 3px;
           	 background-color: #000000;
             opacity: 0.65;
           	 filter: alpha(opacity = 65);
           	 z-index: 2;
           	 width: 100%;
           	 height: 40px;
           }