/* Share */

.share #left,
.share #right { height:513px; }
.share.story #right { height:auto; }
.share .form { float:right; width:660px; }
.share .info { position:relative; top:0; left:-32px; width:396px; height:497px; background:url(../images/share/background.png); }
.share .info .coach,
.share .info img { margin:0 0 0 72px; }
.share .info img { margin-top:72px; margin-bottom:24px; }
.share .info .coach { width:260px; }
.share .info .coach h2 { font-size:16px; font-weight:bold; color:#b70000; }
.share .info .coach ul li { list-style-image:url(../images/share/bullet.png); font-size:13px; margin:8px 0; line-height:16px; }

.share #right h1 { text-align:center; margin:29px 0 29px 0; line-height:29px; font-size:42px; }
.share .video { position:relative; left:36px; top:52px; }
.share .form { position:relative; left:36px; top:52px; }
.share .video p.title,
.form p.title { line-height:29px; text-align:center; font-size:20px; padding:0 40px 22px; margin-bottom:0; }
.form small { float:left; margin-top:29px; line-height:29px; font-size:12px; color:#999; }
.share .form .errorlist ul li,
.share .form .errorlist ul { display:block; }
.share .form .errorlist ul li { float:none; }

.share .form p { line-height:29px; font-size:18px; }

.share #upload, 
.share #record { float:left; height:290px; cursor:pointer; }
.share #upload { width:265px; margin:0 24px 0 24px; }
.share #record { width:330px; }

.share #upload {
  background:url(../images/share/choose_file_upload_hover.png);
  background:url(../images/share/choose_file_upload.png);
}
.share #upload:hover {
  background:url(../images/share/choose_file_upload_hover.png);
}

.share #record {
  background:url(../images/share/ready_webcam.png);
  background:url(../images/share/connecting_webcam.png);
  background:url(../images/share/detecting_webcam.png);
  background:url(../images/share/choose_webcam_hover.png);
  background:url(../images/share/choose_webcam.png);
}
.share #record:hover {
  background:url(../images/share/choose_webcam_hover.png);
}
.share #record.detecting {
  background:url(../images/share/detecting_webcam.png);
}
.share #record.connecting {
  background:url(../images/share/connecting_webcam.png);
}
.share #record.ready {
  background:url(../images/share/ready_webcam.png);
}

.share #record #camera { margin:16px 0 0 5px; }

.share #record .controls,
.share #record .indicator { position:relative; }

.share #record .indicator { display:block; width:20px; height:20px; background:none; top:-230px; left:295px; }
.share #record .indicator.on { background:url(../images/share/recording.png); }

.share #record .controls { top:-16px; z-index:10; }

.share #record .help { display:block; z-index:1; width:320px; position:relative; font-size:13px; top:-6px; line-height:10px; text-align:right; }

.share #record .controls .button { float:left; width:30px; height:30px; cursor:pointer; }

.share #record .controls .record {
  background:url(../images/share/record_disabled.gif);
  background:url(../images/share/stop_button.gif);
  background:url(../images/share/record_button.gif);
  margin:0 5px 0 0;
}
.share #record .controls .record.stop {
  background:url(../images/share/stop_button.gif);
}
.share #record .controls .record.disabled {
  background:url(../images/share/record_disabled.gif);
}

.share #record .controls .playback {
  background:url(../images/share/playback_disabled.gif);
  background:url(../images/share/playback_button.gif);
}
.share #record .controls .playback.disabled {
  background:url(../images/share/playback_disabled.gif);
}

.share #upload.selected { text-align:center; background:url(../images/share/selected_upload.png); }
.share #upload.selected:hover { background:url(../images/share/selected_upload.png); }
.share #upload .prevent { position:absolute; width:265px; height:290px; z-index:9999; top:-1000px; }
.share #uploader { z-index:2; }
.share #upload .confirm, .share #upload .progress { padding:70px 10px 0; font-size:14px; line-height:16px; }
.share #upload .confirm p { padding:0 8px; }
.share #upload .confirm a { margin:0 16px; }
.share #upload .confirm .filename { display:block; font-size:16px; margin:5px 0; }
.share #upload .progress b { display:block; margin:36px 0 8px 0; font-size:36px; }

.share #id-submit {
  float:right;
  margin:82px 24px 18px 0;
  width:131px;
  height:40px;
  cursor:pointer;
  background:url(../images/share/continue_disabled.png);
  background:url(../images/share/continue.png);
}

.share.story #id-submit {
    margin:0 36px 48px 0;
}

.share #id-submit.disabled {
  background:url(../images/share/continue_disabled.png);
}