/* CSS Document */


div.field_holder{
  font-size: 13px;
  color: black;
  padding-right: 5px;
}


div.field_holder input{
  padding: 5px;
  font-size: 13px;
}


div.field_holder textarea{
  padding: 5px;
  font-size: 13px;
}


div.fields_header{
  font-size: 20px;
  text-decoration: underline;
  margin-bottom: 15px;
}



a.editor_v1_but_off{
  display: block;
  width: 37px;
  height: 34px;
  background-image: url(../Images/Editor/v1/small_square_but_off.png);
  font: bold 18px arial;
  text-decoration: none;
  color: black;
  padding-top: 3px;
  float: right;
  text-align: center;
  margin-right: 0px;
}


a.editor_v1_but_on{
  display: block;
  width: 37px;
  height: 34px;
  background-image: url(../Images/Editor/v1/small_square_but_on.png);
  font: bold 18px arial;
  text-decoration: none;
  color: black;
  padding-top: 3px;
  float: right;
  text-align: center;
  margin-right: 0px;
}


table.editor_buttons_v1{
  float: right;
  margin-right: 0px;
  width: 710px;
  margin-top: 15px;
}


a.font_drop_menu{
  display:block;
  width:200px;
  height: 30px;
  overflow:hidden;
  border: solid 1px black;
  margin:0px;
  margin-right: 10px;
}


div.font_selector_v1{
  position: absolute;
  z-index:20;
  border: solid 1px black;
  width: 183px;
  visibility: hidden;
  height: 400px;
  overflow: auto;
}


td.font_off{
  height: 30px;
  padding-right: 7px;
  vertical-align: middle;
  border: solid 0px silver;
  border-bottom-width: 1px;
  background-color: white;
}


td.font_off:hover{
  background-color: #faf7d0;
}


a.active_side{
  background-color: #d2e8fc;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 3px;
  margin-top: 3px;
  float: right;
}


a.inactive_side{
  margin-left: 5px;
  margin-right: 3px;
  margin-top: 3px;
  cursor:pointer;
  float: right;
}




input.proceed{
  width:140px;
  background-color: #c22525;
  color: white;
  padding:10px;
  border: solid 0px orange;
  border-radius: 4px;
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 15px;
  float: left;
  margin-left: 0px;
  margin-bottom: 50px;
}


input.proceed:hover{
  background-color: #ed1818;
}


a.popup_link{
  display: block;
  margin-right: 45px;
  margin-top: 20px;
  margin-bottom: 10px;
  float: right;
  border: solid 2px black;
}


a.popup_link:hover{
  border-color: orange;
}





div.top_upload_bar{
  
  width:100%;
  height: 42px;
  text-align: right;
  font-size: 20px;
  font-weight: bold;
  padding-top: 16px;
  background-color: #c4c5c6;
  background-image: url(../Images/Editor/v1_front/upload.png);
  background-repeat: no-repeat;
  background-position: right center;
  -moz-box-shadow: 3px 3px 4px #565757;
  -webkit-box-shadow: 3px 3px 4px #565757;
  box-shadow: 3px 3px 4px #565757;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#565757')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#565757');
  padding-right: 60px;
}



div.qq-uploader1 div.qq-upload-button{
  float: right;
  margin-right: 10px;
}


div.qq-uploader1 div.qq-upload-success{
  display: none;
}



a.upload_options{
  display: block;
  width: 55px;
  height: 16px;
  background-image: url(../Images/tur_down_arrow.png);
  background-position: left center;
  background-repeat: no-repeat;
  text-align: right;
  padding: 2px;
  border: solid 1px black;
  padding-left: 30px;
  text-decoration: none;
  font: bold 13px arial;
  z-index:999;
  color:black;
  padding-top:0px;
}


#upload_options{
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfdfd', endColorstr='#dadddd'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfdfd), to(#dadddd)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #fbfdfd,  #dadddd); /* for firefox 3.6+ */
  z-index:999;
}



a.upload_drop{
  display: block;
  width: 100px;
  height: 27px;
  text-align: left;
  padding: 2px;
  border: solid 1px black;
  text-decoration: none;
  font: bold 13px arial;
  color:black;
  padding-top:0px;
  background-color:white;
}


#upload_drop{
  z-index:999;
}


#text_fields{
  margin-right: 20px;
}


#popup_window{
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}


#tamplate_boundaries{
  float:left;
}



a.upload_menu{
  text-decoration: none;
  font: bold 20px arial;
  color: #7a7b7c;
}


a.upload_menu:hover{
  color:black;
}


#QR_options{
  margin-top: 15px;
}

#QR_options table{
   font: bold 20px arial;
   color: black;
   margin-bottom: 10px;  
}


#QR_options table td{
 padding-left: 40px;
}


input.qr_text{
   width:400px;
   height: 35px;
   border-radius: 4px;
   padding: 5px;
   font: bold 18px arial;
   direction: ltr;
}


input.editor_option_button{
  font: bold 16px arial;
  color:black;
  background-color: white;
  border: solid 1px silver;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  height: 33px;
  margin-top:5px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfdfd', endColorstr='#f3f3f2'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfdfd), to(#f3f3f2)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #fbfdfd,  #f3f3f2); /* for firefox 3.6+ */
  padding:6px;
}


input.editor_option_button:hover{
  font: bold 16px arial;
  color:black;
  background-color: white;
  border: solid 1px silver;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  height: 33px;
  margin-top:5px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfdfd', endColorstr='#fed0ca'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfdfd), to(#fed0ca)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #fbfdfd,  #fed0ca); /* for firefox 3.6+ */
  cursor:pointer;
}


input.editor_option_button_active{
  font: bold 16px arial;
  color:black;
  background-color: white;
  border: solid 1px silver;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  height: 33px;
  margin-top:5px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfdfd', endColorstr='#fed0ca'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfdfd), to(#fed0ca)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #fbfdfd,  #fed0ca); /* for firefox 3.6+ */
  cursor:pointer;
}



input.inactive_side{
  font: bold 16px arial;
  color:black;
  background-color: white;
  border: solid 1px silver;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  height: 33px;
  margin-top:5px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfdfd', endColorstr='#f3f3f2'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfdfd), to(#f3f3f2)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #fbfdfd,  #f3f3f2); /* for firefox 3.6+ */
  padding:6px;
}


input.inactive_side:hover{
  font: bold 16px arial;
  color:black;
  background-color: white;
  border: solid 1px silver;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  height: 33px;
  margin-top:5px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfdfd', endColorstr='#fed0ca'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfdfd), to(#fed0ca)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #fbfdfd,  #fed0ca); /* for firefox 3.6+ */
  cursor:pointer;
}


input.active_side{
  font: bold 16px arial;
  color:black;
  background-color: white;
  border: solid 1px silver;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  height: 33px;
  margin-top:5px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfdfd', endColorstr='#fed0ca'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfdfd), to(#fed0ca)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #fbfdfd,  #fed0ca); /* for firefox 3.6+ */
  cursor:pointer;
}


@media only screen and (max-width: 600px) {
    
    a.upload_menu{
        font-size: 15px !important;
    }
    
    
    div.top_upload_bar{
        width:100% !important;
        font-size: 15px !important;
    }
    
    div.top_upload_bar td{
        max-width: 100px !impoprtant;
    }
    
    #QR_options label{
        font-size:15px !important;
    }
    
    div.proofbox{
        display: none;
    }
}