/*-----------------
*  SHOW VIDEO
*==================*/

@import url("rating.css");

#PAGE-video {min-height: 480px;}

#PAGE-video .titleVideo{color:#000000;font-size:18px;font-weight:bold;padding:2px 20px;vertical-align:middle;}
#PAGE-video .title{background-color:#EEEEEE;color:#000000;font-size:16px;font-weight:bold;padding:6px;vertical-align:middle;}
#PAGE-video .main{float:left;width: 600px}
#videoTabs{padding: 2px 5px}

#PAGE-video .titleVideo #actions_menu {font-size: 11px; font-weight: normal; vertical-align:middle}
#PAGE-video .titleVideo #actions_menu a {color: #009EE1;text-decoration: none;font-weight: normal;font-size: 11px;}
#PAGE-video #upload_video {float: right}

/*Opciones del player*/
.options_player {height: 22px;}
.options_player .options{padding: 0;margin: 0;}
.options_player .options a{color: #009EE1;text-decoration: none;font-weight: bold;font-size: 12px;}
.options_player .options li
{
  padding: 0;
  float: left;
  color:#009EE1;
}
.options_player .options li.ratings{width: 330px}
.options_player .options form{margin:0;}
.options_player .options li .vote
{
    float: left;
    display: block;
    margin: 1px 10px 1px 0;
    font-size: 12px;
    font-weight: bold;
}

.options_player .options .ratingForm .votes
{
    margin: 1px 0 1px 2px;
    font-size: 12px;
    font-weight: bold;
}

.options_player .options li #ratingFile{width: 190px;}

#PAGE-video  #right_column{float:none;width:350px;margin-left:590px;padding-left:10px;}
#PAGE-video  #right_column .information{margin-bottom: 20px;}
#PAGE-video  #right_column .information a{color:#009EE1;text-decoration: none}
#PAGE-video  #right_column .information img{
  margin-right:10px;
  border:1px solid white;
  -moz-box-shadow:1px 1px 3px #999999;
  -webkit-box-shadow:1px 1px 3px #999999;
  box-shadow:1px 1px 3px #999999;
}

#PAGE-video #box_videos .form {
	width: 550px;
	margin: 0px auto 0px auto;
}

#PAGE-video .msgBox {
  background:none repeat scroll 0 0 white;
  border:none;
  color:#009EE1;
  padding:8px;
  font-weight: bold;
  font-size: 12px;
  margin: 0 10px;
}

#PAGE-video #player
{
  background:url("images/player-background.png") no-repeat scroll 0 0 transparent;
  height:362px;
  margin-top:0;
  width:563px;
  padding:38px 0 0 35px;
}

#PAGE-video #player-container{margin: 0 0 6px 0;float:none}
/*
#PAGE-video #related_videos .title{color: #2E2E2E;}
#PAGE-video #related_videos .data,#PAGE-video #related_videos .data a{color:#009EE1;text-decoration: none;}

#PAGE-video #related_videos .large_item .title{
  background:none;
  color: #009EE1;
  font-size:14px;
  font-weight:bold;
  padding:0;
  vertical-align:middle;
}
#related_videos .large_item{width: 350px;}
#related_videos .large_item .item{padding-left: 20px}
#related_videos .data,#related_videos .picture{display:inline;float: left;}
#related_videos .data{width: 180px;}
#related_videos .data .lenght{font-size:14px;font-weight: bold;}
*/

#PAGE-video .related_videos .title{color: #2E2E2E;}
#PAGE-video .related_videos .data{color:#009EE1;text-decoration: none;}
#PAGE-video .related_videos .data a{color:#009EE1;text-decoration: none;}

#PAGE-video .related_videos .large_item .title{
  background:none;
  color: #009EE1;
  font-size:13px;
  font-weight:bold;
  padding: 0 0 10px;
  vertical-align:middle;
  height: auto;
}
.related_videos .large_item{width: 330px;}
.related_videos .large_item .item{padding-left: 2px}
.related_videos .data{display:inline;float: left;}
.related_videos .picture{display:inline;float: left;}
.related_videos .data{width: 160px;}
.related_videos .large_item .item .data{width: 160px;}
.related_videos .data .lenght{font-size:13px; font-weight: bold;}

#videos-scroll-pane {overflow: auto; width: 350px; height:655px;}

#PAGE-video .paginate
{
  background-color:#EEEEEE;
  color:#009EE1;
  font-size:16px;
  font-weight:bold;
  padding:4px 20px;
  vertical-align:middle;
  margin: 20px 0;
  text-align:right;
}

#PAGE-video .paginate a,#box_videos .paginate{color:#009ee1;font-weight: bold;font-size: 12px;font-family: Verdana}
#PAGE-video .paginate .buttom{padding: 2px}
#PAGE-video .paginate .buttom_previous a,#box_videos .paginate .buttom_next a{font-size: 12px}
#PAGE-video .paginate .arrow_previous a,#box_videos .paginate .arrow_next a{font-size: 12px}
#PAGE-video .paginate .buttom_pag_activated{color:white;background-color:#009ee1;font-size:12px  }


#PAGE-video #videoTabs #video-details
{
  color: #313131;
  font-size: 12px;
  margin: 20px;
  text-align: left;
}

#PAGE-video #videoTabs #video-details p{text-align: left;}
#PAGE-video .scratch{height: 20px;}

#PAGE-video .must_be_loged
{
  font-weight: bold;
  color: #313131;
  text-align: left;
  margin: 25px 0;
  font-size: 12px;
}

#PAGE-video .must_be_loged a,#PAGE-video .must_be_loged a span
{
  background-repeat: no-repeat;
  color: #fff;
  display: block;
}

#PAGE-video .must_be_loged a
{
  background-image: url(images/btn_left_orange.jpg);
  background-position: left top;
  height: 25px;
  text-decoration: none;
  width: auto;
  text-align: center;
}

#PAGE-video .must_be_loged a.facebookButton
{
    height:auto;
    background-image: none;
}

#PAGE-video .must_be_loged a span
{
  background-image: url(images/btn_right_orange.jpg);
  background-position: right top;
  height: 20px;
  font-weight: bold;
  padding: 5px 5px;
}

#PAGE-video .must_be_loged td
{
  padding: 0 2px;
}



/*Ventana modal*/
.modal_box
{
  border: 15px solid #535353;
  background-color:#bfbfbf;
  color: #313131;
  -moz-border-radius:15px 15px 15px 15px;
  border-radius:15px 15px 15px 15px;

  width:434px;
}

.modal_box .titleModalContainer
{
  background: url("images/modal_title.jpg");
  width: 430px;
  height: 29px;
  font-weight: bold;
  color: white;
  padding: 4px 0 0 0;
}

.modal_box .titleModalContainer .title
{
  color: white;
  margin-right: 20px;
  width: 390px;
  padding-left: 10px;
}

.modal_box .titleModalContainer .closeModal
{
  float:right;
  width: 20px;
  font-size: 13px;
  padding: 3px 0 0 0;
  cursor: pointer;
}

.modal_box  .contentModal
{
  padding: 10px 3px;
  font-weight: bold;
}

/*Modal must be login*/
.modal_box #mustBeLogin
{
  height: 120px;
  width:430px;
  padding: 2px;
}

.modal_box #mustBeLogin table td
{
  padding: 0 5px;
}

.modal_box #mustBeLogin .button
{
  background:url("images/btn_x_repeat.jpg") repeat-x scroll 0 0 transparent;
  color:white;
  cursor:pointer;
  height:21px;
  border: 0;
  font-size: 11px;
  padding:0;
  margin:0;
  text-align: center;
  display:inline;
  padding:5px 3px;
  cursor: pointer;
}

.modal_box #mustBeLogin a.button,.modal_box #mustBeLogin a.button span
{
  background-repeat:no-repeat;
  color:#FFFFFF;
  display:block;
}

.modal_box #mustBeLogin a.button
{
  background-image:url("images/btn_left_orange.png");
  background-position:left top;
  height:25px;
  text-align:center;
  text-decoration:none;
  width:auto;
  padding:0;
}

.modal_box #mustBeLogin a.button span
{
  background-image:url("images/btn_right_orange_grey.jpg");
  background-position:right top;
  font-weight:bold;
  height:20px;
  padding:5px;
}

/*Modal login*/
.modal_box #login_modal label{color:#222222;font-size:13px;font-weight:bold;padding:5px;}
.modal_box #login_modal td{padding: 0 5px;}
.modal_box #login_modal #login_email,.modal_box #login_modal #login_password{width: 95px;}

.modal_box #login_modal form input[type="submit"] 
{
  background:url("images/btn_login_bg_grey.jpg") repeat scroll 0 0 transparent;
  cursor:pointer;
  font-family:helvetica;
  font-size:11px;
  font-weight:bold;
  height:24px !important;
  margin:0;
  padding:0 !important;
  text-align:center;
  width:56px !important;
}

/*Modal signup*/
#signup_modal {padding:2px;width:430px;height:435px}
#signup_modal .contentModal {padding:15px 40px;}
#signup_modal label{font-size: 12px;font-weight: bold;}
#signup_modal table th{padding-right:10px;vertical-align: middle;}
#signup_modal table td{font-size: 12px;}
#signup_modal input[type="text"],#signup_modal  input[type="password"]{background:url("images/backgr_grey_light_input.jpg") no-repeat scroll left top transparent;display:block;height:25px;text-align:left;width:200px;border:none;margin:0;padding-left: 10px;}
#signup_modal input[type="checkbox"]{margin-right: 5px;}
#signup_modal input[type="submit"]{background:url("images/btn_invite.png") no-repeat scroll left top transparent;cursor: pointer;}
#signup_modal table td a{text-decoration: underline;color: #313131;font-weight: bold;}

/*Invite friends*/
#invite_friends{padding:2px;width:430px;height:156px}
#invite_friends .contentModal {padding:10px}

#invite_friends .left-column{width: 240px;float:left;	}

#invite_friends table td input{width: 95px;}

#invite_friends .left-column p{margin-bottom: 10px;}

#invite_friends .right-column{margin-left: 250px;}

#invite_friends .right-column p{margin-bottom: 25px;	font-size: 13px;font-weight: normal;}

#invite_friends .right-column div
{
  text-align: right;
}

#invite_friends.selectFriends
{
  height: 296px;
}

#invite_friends .contacts
{
  height: 200px;
  overflow: auto;
}

#invite_friends .contacts
{
  width: 98%;
}

#invite_friends .ifcb
{
  width: 20px;
}

#invite_friends .contacts td
{
  padding: 3px;
}

#invite_friends .odd
{
  background-color: #999999;
}

#invite_friends .boton
{
  background:url("images/btn_invite.png") repeat scroll 0 0 transparent;
  border:0 none;
  color:white;
  font-size:11px;
  height:18px;
  margin-right:5px;
  padding-bottom:3px !important;
  padding-left:8px;
  padding-right:8px;
  cursor: pointer;
}

/*PROCESS OK*/

#newOkSuccess .contentModal
{
  padding: 10px;
}

#newOkSuccess .boton
{
  background:url("images/btn_invite.png") repeat scroll 0 0 transparent;
  border:0 none;
  color:white;
  font-size:11px;
  height:18px;
  padding-bottom:3px !important;
  padding-left:8px;
  padding-right:8px;
  cursor: pointer;
  text-align: center;
  margin-top: 10px;
}

/*Loading*/
.modal_box #loading
{
  font-weight:bold;
  width:434px;
  height: 76px;
  text-align: center;
  background:url("images/loader.gif") no-repeat scroll center center transparent !important;
  font-size: 16px;
  padding-top:10px;
}