/*****************************************/
/* PUBLISH */

.publish {
  margin: 0 0 30px 0;
}

.publish .publish_message {
  margin: 15px;
}

.publish .publish_message p {
  margin-bottom: 15px;
}

.publish .publish_toggle {
  position: relative;
  background: #282828;
  width: 226px;
  height: 34px;
  margin: 25px auto;

  -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
     -moz-border-radius: 5px; /* FF1-3.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */


  -webkit-box-shadow: 0px 1px 0px 0px #777; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 1px 0px 0px #777; /* FF3.5 - 3.6 */
          box-shadow: 0px 1px 0px 0px #777; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

}

.publish .publish_toggle .publish_public,
.publish .publish_toggle .publish_private,
.publish .publish_toggle .publish_indicator  {
  position: absolute;
  text-align: center;
  color: #999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 110px;
  height: 30px;
  line-height: 30px;
  top: 2px;
  left: 2px;
}

.publish .publish_toggle .publish_private  {
  left: 114px;
  color: #fff;
}

.publish .publish_toggle .publish_indicator {
  
  left: 114px;

  background-color: #ff3333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff3333), to(#cd0101));
  background-image: -webkit-linear-gradient(top, #ff3333, #cd0101);
  background-image: -moz-linear-gradient(top, #ff3333, #cd0101);
  background-image: -o-linear-gradient(top, #ff3333, #cd0101);
  background-image: -ms-linear-gradient(top, #ff3333, #cd0101);
  background-image: linear-gradient(top, #ff3333, #cd0101);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ff3333', EndColorStr='#cd0101');

  -webkit-transition: 0.2s ease-in-out left;
  -moz-transition: 0.2s ease-in-out left;
  -ms-transition: 0.2s ease-in-out left;
  -o-transition: 0.2s ease-in-out left;
  transition: 0.2s ease-in-out left;

  -webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
     -moz-border-radius: 4px; /* FF1-3.6 */
          border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3); /* FF3.5 - 3.6 */
          box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

}

.publish_shared_state .publish_toggle .publish_private { 
  color: #999;
}
.publish_shared_state .publish_toggle .publish_public { 
  color: #fff;
}

.publish_shared_state .publish_toggle .publish_indicator {
  left: 2px;

  background-color: #50a3e2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#50a3e2), to(#237fcb));
  background-image: -webkit-linear-gradient(top, #50a3e2, #237fcb);
  background-image: -moz-linear-gradient(top, #50a3e2, #237fcb);
  background-image: -o-linear-gradient(top, #50a3e2, #237fcb);
  background-image: -ms-linear-gradient(top, #50a3e2, #237fcb);
  background-image: linear-gradient(top, #50a3e2, #237fcb);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#50a3e2', EndColorStr='#237fcb');


}


.publish .make_public,
.publish .make_private,
.publish .send_email,
.publish .public_config {
  margin: 15px;
}

.publish .publish_options {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

}

.publish .send_email_confirmation {
  margin-top: 10px;
}
.publish .send_email_confirmation.hidden {
  display: none;
}

.publish .send_email_confirmation h3 {
  background: #292929;
  padding: 3px 10px;
  color: #888;
}

.publish .send_email_confirmation li {
  padding: 3px 10px;
  background: #333;
  color: #888;
  font-size: .8rem;
  border-bottom: 1px dashed #292929;
}

.publish .send_email_confirmation li:first-child {
  padding-top: 6px;
}

.publish .send_email_confirmation li:last-child {
  padding-bottom: 6px;
  border-bottom: none;
}

.publish .public_config label {
  margin-left: 10px;
  background-position: -3000px -3000px;
  background-repeat: no-repeat;
}

.publish .public_config input {
  float: left;
}

/* 
    Hide the original radios and checkboxes
    (but still accessible)
    technique from: https://examples.wufoo.com/forms/custom-checkboxes-and-radio-buttons/
    
    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't
*/
.page_oneup:not(#foo) .publish .public_config input {
    /* Hide the input, but have it still be clickable */
    opacity: 0;
    float: left;
    position: absolute;
    width: 18px;
}

.page_oneup:not(#foo) .publish .public_config input + label {
    margin: 0;
    clear: none;
    
    /* Left padding makes room for image */
    padding: 5px 0 4px 35px;

    /* Make look clickable because they are */
    cursor: pointer;
    
    background-position: -30px -843px;
}

/*
    Change from unchecked to checked graphic
*/
.page_oneup:not(#foo) .publish .public_config input:checked + label {
    background-position: -30px -813px;
}




.publish .copy_link {
  margin: 15px;
}

.publish .copy_link,
.publish .send_email {
  padding-left: 0px;
  position: relative;
}

.publish input[type=text] {
  border-radius: 0px; 
  -webkit-border-radius: 0px;  
  -webkit-appearance: none;  
  border-style: none; 
  border: 0;
  background: #555;
  color: #ccc;
  font-size: 0.875rem;
  font-family: "adobe-clean", Helvetica, Arial, sans-serif;
}

/*
.publish .copy_link .public_url_wrap,
.publish .send_email_to {
  -moz-box-shadow: 0 0 1px black;
  -webkit-box-shadow: 0 0 1px black;
  box-shadow: 0 0 1px black;
  line-height: 0.5rem;
}
*/

.publish .copy_link .public_url_wrap {
  background: #555;
  position: relative;
  overflow: hidden;            
  padding: 5px 16px 6px 28px;
}

.publish .copy_link input {  
  font-size: 12px;
  font-size: .75rem;
  width: 100%;
  z-index: 0;
}

.publish .copy_link input:focus {
  outline: none;
}

.publish .copy_link a {
  z-index: 1;
  position: relative;
  position: absolute;
  top: 1px;
  left: 0px;
}

.publish .send_email_to {
  background: #555;
  padding: 8px 8px 8px 10px;
  overflow: hidden;
  white-space: nowrap;
}

.publish .send_email_to span {
  color: #aaa;
}

.publish .send_email_to input {
  color: #777;
  width: 100%;
  font-size: 0.875rem;
}

.publish .send_email_to input:focus {
  color: #ccc;
  outline: none;
}

.publish .send_email .choice {
  display: block;
  text-align: center;
}

.publish .make_private {
  display: none;
}

.publish_shared_state .publish_options {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.publish_shared_state .make_public {
  display: none;
}

.publish_shared_state .make_private {
  display: block;
}  

.publish .send_error {
  font-size: 13px;
  font-size: .8125rem;
  font-weight: 400;
  margin-bottom: 10px;
  white-space: normal;
  color: #333;
}     

.publish .send_error p {  
  font-size: .8125rem;
  margin-bottom: 10px;
  white-space: normal;
  background: #FFF38E;
  padding: 15px;
  margin-top: 15px;
  font-weight: 200;
  border: 1px solid #DBDE7E;   
}                

/** Modal **/
 
.action_modal .publish .publish .publish_message,
.action_modal .publish .publish_message p {
  margin: 0;
}

.action_modal .publish {
  margin: 0 0 15px 0;
}      

.action_modal .publish .send_email {
  margin: 0;
}     

.action_modal .publish .send_email_confirmation {
  display: none;
}
      
.action_modal .publish .send_email_to input { 
  background: white; 
  border: 1px #BDBDBD solid;
  border-top: 1px #A7A7A7 solid;
  border-bottom: 1px #CCCCCC solid;
  border-radius: 0px; 
  -webkit-border-radius: 0px;  
  -webkit-box-shadow: inset 0px 1px 1px 0px #DFDFDF;
  -moz-box-shadow: inset 0px 1px 1px 0px #DFDFDF;
  box-shadow: inset 0px 1px 1px 0px #DFDFDF; 
  margin: 0;  
  color: #333;
}

.action_modal .publish .send_email_to {
  background: white;     
  color: #333;
  padding: 0; 
}             

.action_modal .publish .publish_toggle {
  margin: 15px auto;    
  background: #BBB;
  margin-left: 0;
  -webkit-box-shadow: 0px 1px 0px 0 #A9A9A9;
  -moz-box-shadow: 0px 1px 0px 0 #A9A9A9;
  box-shadow: 0px 1px 0px 0 #A9A9A9;   
  color: white;     
  text-shadow: none;
}  
  
.action_modal .publish .publish_shared_state .publish_toggle .publish_public,
.action_modal .publish .publish_shared_state .publish_toggle .publish_private {
  color: white;
}

.action_modal .publish .publish_toggle .publish_public,
.action_modal .publish .publish_toggle .publish_private {
  color: #DDD;
}  

.action_modal  .publish .send_email .choice {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  padding: 7px 30px 7px;
}  
 
.action_modal .publish h3 {
  margin-left: 65px;
}

.publish .publish_filename {
  margin-top: -10px; 
  margin-left: 65px;
  margin-bottom: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}    

.publish .publish_image {
  position: absolute;
  top: 17px;
  float: left;
  width: 50px;
  height: 50px;
  margin-bottom: 15px; 
  display: inline-block; 
  background-image: url('../img/files-item-spinner-g.gif');
  background-position: 15px 15px;
  background-repeat: no-repeat;
} 

.publish .publish_image img { 
 margin: 0 auto; 
 max-width: 50px;
 max-height: 50px;
 box-shadow: 0 0 2px #C4C4C4;
 -webkit-box-shadow: 0 0 2px #C4C4C4;
 -moz-box-shadow: 0 0 2px #C4C4C4;
}

.publish .publish_spinner {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";     
  display: block;
  background-color: transparent;
  background-image: url('/resource/img/files-item-spinner.gif');
  background-repeat: no-repeat;
  width: 50px;
  height: 50px; 
  text-align: center;
  margin: 0 auto;
}