/****************
Media Player
****************/

/* NOTE: Real person check */
#website {
	display: none;
}

#voice ul {
	margin: 0 0 0 40px;
}
#voice ul li {
	list-style: disc;
}

#voice #mediaContainer{
	width: 592px;
	margin:0 0 30px 0;
	border: 1px solid #cecece ;
	background-color: #f1f1f1 ;
	-moz-border-radius:3px 3px 3px 3px ;
	-webkit-border-radius:3px ;
	border-radius:3px ;
	line-height: normal !important;
}

#voice #contentSection{
	height: 374px;
  width:100%;
	border: 1px solid #cecece ;
	margin: 4px auto;
	overflow: hidden ;
	background-image: url('https://e56e1c9cfe905036b1bc-18ddab263895603932d74f683170c410.ssl.cf2.rackcdn.com/mediaPlayer_blankState.jpg');
	box-sizing: border-box;
}

#voice #contentSection #mediaContent .thumbnailImage {
	height: 100%;
}

#voice #mediaContent{
	text-align: center ;
	margin-top: 120px;
	margin-left: 0;
	margin-right: 0;
	width: 590px;
	height: 372px;
  font-size: 0;
	/*font-size: 30px ;*/
	overflow: hidden;
	padding: 0;
	position: relative;
}

#voice #contentDrawer{
	width: 578px ;
	height: 60px ;
	padding: 10px 0 0px 5px ;
	margin: 0 0 5px 5px ;
	border-top: 1px solid #cecece ;
	/*text-align: center ;*/
	overflow: hidden ;
}

#voice #videoUrl{
	height: 40px ;
	width: 60% ;
	font-size: 20px ;
}

#voice #deleteButton{
	cursor: pointer ;
}

#voice .deleteButton{
	cursor: pointer ;
}

#voice .thumbnail{
	width: 80px ;
	height: 50px ;
	border: 2px solid #8e8e8e ;
	display: inline-block !important;
	vertical-align: middle ;
	cursor: pointer ;
	margin-right: 34px ;

	-moz-border-radius:1px 1px 1px 1px ;
	-webkit-border-radius:1px ;
	border-radius:1px ;
}

#voice .thumbnail div{
	margin-top: 15px ;
}

#voice .currentSlide{
	/*border: 2px solid #4876FF ;*/
	border: 2px solid #51ccdc ;

	-moz-border-radius:1px 1px 1px 1px ;
	-webkit-border-radius:1px ;
	border-radius:1px ;
}

#voice .hoverCurrent{
	/*border: 2px solid #4876FF ;*/
	border: 2px solid #51ccdc ;

	-moz-border-radius:1px 1px 1px 1px ;
	-webkit-border-radius:1px ;
	border-radius:1px ;
}

#voice .videoSymbol{
	margin-top: 0 ;
	position: relative ;
	display: inline-block !important;
	z-index: 9;
	width: 20px ;
	height: 19px ;
	top: -56px ;
	margin-left: 60px ;
	/* Need new icon
	background: url('https://e56e1c9cfe905036b1bc-18ddab263895603932d74f683170c410.ssl.cf2.rackcdn.com/videoIcon.png') 0 0 no-repeat ;
	*/

	/*left: 70px ;
	top:40px ;*/
}

#voice .currentSlide{
	display: inline-block !important;
}

#voice .thumbnailImage{
  max-height: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

/* CSS3 Buttons */

#mediaContent .chooseMedia{
  display: block;
  text-align: center;
  position: relative;
  top: -100%;
  margin: 0px 15% 0px 15%;
}

.uploadMenuButton{
	/*url(https://e56e1c9cfe905036b1bc-18ddab263895603932d74f683170c410.ssl.cf2.rackcdn.com/alert-overlay.png) repeat-x*/
	background: #222;
	/*display: inline-block;*/
	/*padding: 5px 10px 6px;*/
	padding: 5px 5px 6px 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	cursor: pointer;
	vertical-align: middle;

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

.bigButton.uploadMenuButton {
    font-size: 26px;
    padding: 20px 80px 20px;
    width: 70%;
}

#statusUploadPhoto{
 font-size: 18px;
 color: white;
 display: block;
 margin-top: 25px;
}

.videoGoButton {
   border-top: 1px solid #b8b8b8;
   background: #78797a;
   background: -webkit-gradient(linear, left top, left bottom, from(#a3a3a3), to(#78797a));
   background: -moz-linear-gradient(top, #a3a3a3, #78797a);
   padding: 15px 16px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   display: inline-block;
   cursor: pointer;
   }
.videoGoButton:hover {
   border-top-color: #808080;
   background: #808080;
   color: white;
   }
.videoGoButton:active {
   border-top-color: #808080;
   background: #808080;
   }

/**************
Edit portion of Media Player
**************/

#editMediaContainer #mediaContainer{
	width: 600px;
	border: 1px solid #cecece;
	background-color: #f1f1f1;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-left: 0;
	margin-bottom: 35px;
	margin-right: auto;
	line-height: normal !important;
}

#editMediaContainer #contentSection{
	width: 590px;
	height: 100%;
	border: 1px solid #cecece;
	margin-left: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	overflow: hidden;
	background-color: black;
}

#editMediaContainer #mediaContent{
	text-align: center;
	margin-top: 160px;
	font-size: 30px;
	overflow: hidden;
}

#editMediaContainer #contentDrawer{
	width: 585px;
	height: 60px;
	padding: 10px 0 0px 5px;
	margin: 0 0 5px 5px;
	/*border-top: 1px solid #cecece;*/
	/*text-align: center;*/
	overflow: hidden;
}

#editMediaContainer #deleteButton{
	cursor: pointer;
}

.editMedia.chooseMedia #deleteButton{
	cursor: pointer;
}

#editMediaContainer #topSpacer{
	margin-top: 300px;
}

#editMediaContainer #explanation{
	font-family: Arial;
	font-size: 14px;
}

#editMediaContainer .thumbnail{
	width: 80px;
	height: 50px;
	border: 2px solid #8e8e8e;
	display: inline-block !important;
	vertical-align: middle;
	cursor: default;
	margin-right: 34px;

	-moz-border-radius:1px 1px 1px 1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

#editMediaContainer .thumbnail div{
	margin-top: 15px;
}

#editMediaContainer .getStarted{
	cursor: pointer;
}

#editMediaContainer .currentSlide{
	/*border: 2px solid #4876FF;*/
	border: 2px solid #51ccdc;

	-moz-border-radius:1px 1px 1px 1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

#editMediaContainer .hoverCurrent{
	/*border: 2px solid #4876FF;*/
	border: 2px solid #51ccdc;

	-moz-border-radius:1px 1px 1px 1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

#editMediaContainer .videoSymbol{
	margin-top: 0;
	position: relative;
	display: inline-block !important;
	z-index: 999999999;
	width: 20px;
	height: 19px;
	top: -49px;
	margin-left: 60px;
	/*background: url('videoIcon.png') 0 0 no-repeat;
	left: 70px;
	top:40px;*/
}

.editMedia.chooseMedia{
	width: 300px;
	padding: 0px 10px;
	z-index: 9999999999999999;


	border: 1px solid #cecece;
	background-color: #f1f1f1;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.editMedia.chooseMedia #videoUrl{
	height: 40px;
	width: 100%;
	font-size: 20px;
}

.videoContent, #mediaContent{
  height: 100%;
  background-color: black;
  white-space: nowrap;
  text-align: center;
  padding: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.videoContent:before, #mediaContent:before{
  content:'';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.videoContent:before{
  margin-right: -0.25em;
}
/* CSS3 Buttons */

.editMedia.chooseMedia .uploadMenuButton{
	/*url(https://e56e1c9cfe905036b1bc-18ddab263895603932d74f683170c410.ssl.cf2.rackcdn.com/alert-overlay.png) repeat-x*/
	background: #222;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	/*position: relative;*/
	cursor: pointer;
	text-align: center;

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

.editMedia.chooseMedia .bigButton.uploadMenuButton {
    font-size: 22px;
    padding: 10px 10px 10px;
    margin: 0 auto;
		width: 100%;
		box-sizing: border-box;
}

#voice ul  { list-style: disc; margin: auto; padding-left: 40px; }
#voice li  { list-style: inherit;  }



/*
	Email Friends & Family
*/

#emailTo,
#toTeam {
	display: none;
}

#floatL .composeEmail #compose_message_area form #toTeam input[type="text"] {
	padding: 0 0 0 35px;
	width: 250px;
	color: #AAA;
	font-weight: normal;
}
#toTeam p {
	padding: 5px 10px;
	margin: 0;
	font-size: 12px;
	display: inline-block;
}
#toTeam:before {
	content: 'g';
	font: normal 25px Pictos;
	color: #AAA;
	position: absolute;
	left: 165px;
}

/*
 * Team name duplication checking
 */

.team-name-field { position:relative; display:inline-block;}
.name-available { -webkit-font-smoothing: antialiased; position:absolute; top: 13px; right: 15px; margin:0; font: 18px Pictos; color: #89CD42; display:none; }
.name-available.visible { display:block; }
span.name-unavailable { display:none; color:#b32c2c; font-size:12px; margin-left:8px; padding:5px 0;}
span.name-unavailable.visible { display:block; }