@import url("../assets/right_side_bar.css");

.img-block {
	float: left;
	width: calc((100% - 30px) / 3);
	margin: 5px;
}

.hire-space-image {
	float: left;
	width: 100%;
	margin: 5px;
}

.remove-image-span {
	position: absolute;
	float: right;
	width: calc((100% - 80px) / 3);
	text-align: right;
	padding: 5px 20px 5px 0px;
	font-size: 16px;
	font-weight: bold;
	background-color: #FFF7;
	color: #222;
	margin: 5px;
	cursor: pointer;
}

.remove-image {
	position:relative;
	width:20px;
	height:20px;
}

@media(max-width:900px)
{
	.img-block {
		width: calc(100% - 10px);
	}
	.remove-image-span {
		width: calc(100% - 37px);
		font-size: 14px;
	}
}

#gallery_hire_content_area_div
{
  float: left;
  width: 915px;
  margin-top: 20px;
  margin-bottom: 5px;
}

#gallery_hire_content_area
{
  float: left;
}

#gallery_hire_content_chk_label
{
  float: left;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:80%;
  font-weight: bold;
  margin-top: 8px;
  #0C0D0F;
}

#controlsBox
{
  float: right;
  margin-right: 10px;
  margin: 8px 10px 0px 0px;
}

#gallery_hire_content_chk_span
{
  float: left;
  margin: 6px 10px 0px 4px;
}

#gallery_hire_content_chk
{
  float: left;
}

#hid_gallery_hire_content_chk
{
  float: left;
  width: 0px;
  height: 0px;
}

.full-width-container
{
	float: left;
	width: 100%;
}

.checkbox
{
  margin: 7px 0 0 5px;
  cursor: pointer;
}

.jcs-button, .jcs-button-small
{
  float: right;
  font-size: 90%;
  margin-left: 10px;
}

.jcs-button-small
{
  margin: 5px;
}

.upload-preview
{
	cursor: pointer;
}

.progress-wrapper
{
  visibility: hidden;
  position: absolute;
  background-color: #FFFFFF;
  opacity: 0.9;
}

.progress-w-micro
{
  height: 100px;
  width: 100px;
}

.progress-w-thumb
{
  height: 140px;
  width: 140px;
}

.progress-w-small
{
  height: 200px;
  width: 200px;
}

.input-progress
{
  visibility: hidden;
  background-image: url("../assets/images/.gif");
  background-color: #ffffff;
  background-image: url("../assets/images/ajax-loader-for-inputs.gif");
  float: right !important;
  height: 16px;
  margin: -29px 3px 0;
  opacity: 0.9;
  width: 16px !important;
}

.progress-icon
{
  background-image: url("../assets/images/ajax-loader.gif");
  float: left;
  height: 55px;
  width: 54px;
  margin: calc((100% - 54px) / 2);
}

.progress-icon-2
{
  display: none;
  background-image: url("../assets/images/ajax-loader-2.gif");
  float: left;
  height: 25px;
  margin: 8px 0 0 5px;
  width: 25px;
}

.jca-button, .jca-button-small
{
  float: right;
  margin: 5px 0 0 5px;
}

.jca-button-small
{
  margin: 5px;
}

.content_area
{
  width: 100%;
}

#content_area
{
  width: calc(100% - 210px);
}

input[type="file"]
{
  display: none;
}

.checkbox, .radio
{
  margin-top: 0;
  margin-bottom: 0;
}

.editor-container
{
  margin-bottom: 5px;
  overflow: hidden;
}

.editor-container-half
{
  float: left;
  width: calc(50% - 10px);
  margin: 0 10px 5px 0;
  overflow: hidden;
}

.content-container
{
  float: left;
  margin-top: 10px;
  width: 100%;
}

.content-container p
{
  float: left;
  width: 100%;
}

.content-container img, .content-container p img
{
  float: left;
}

.section-header
{
  float: left;
  width: calc(100% - 20px);
  margin: 5px 0;
}

.section-header h3
{
	float:left;
  width: 100%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:130%;
  text-align: center;
}

.half-section_header
{
  float: left;
  width: calc(50% - 10px);
  margin: 5px 0 20px;
}

.half-section_header h4
{
  width: 100%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:130%;
  text-align: center;
}

#section-header h4 a, .section-header h4 a, .jca-link
{
  text-decoration: none;
  color: #004276!important;
}

.progress-bar, #waypoint-limit
{
  visibility: hidden;
  float: left;
  height: 30px;
  margin: 5px 0;
  width: 100%;
  overflow: hidden;
}

.progress-completion, #waypoint-completion
{
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:90%;line-height:220%;
  float: left;
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: transparant;
}

.ui-progressbar .ui-progressbar-value
{
  margin: 0px;
}

.scaled-editor, .scaled-header, .scaled-progress
{
  width: calc(100% - 200px);
}

.card-img
{
  float: left;
  cursor: pointer;
  width: 140px;
  height: 140px;
}

.image-file[type="file"]
{
  display: none;
}

.field-label
{
  float: left;
  border: solid #494949 1px;
  border-radius: 5px;
}

.full-width-input
{
	width: 100%;
}

.field-title
{
  float: right;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:65%;line-height:110%;
  font-weight: bold;
  color: #F4F4F4;
  background-color: #494949;
  width: 100%;
  padding-left: 2px;
}

.blog-date
{
	text-align:center;
}

.jca-input, .jca-select
{
  float: left;
  height: 20px;
  width: 100%;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:80%;
  color: #333333;
  text-align: left;
  font-weight: bold;
  padding: 0 5px;
  border-radius: 5px;
  border: none;
}

.jca-textarea
{
  height: 60px;
  resize: none;
}

.title-field, .title-value
{
  width: calc(60% - 150px);
	margin-left: 0;
}

.compact-progress
{
	width: 140px;
	float: left;
	margin-right: 5px;
}

.date-field, .date-value, .date-field-1, .date-field-2
{
  width: calc(20% - 10px);
}

.date-value, .title-value
{
  float: left;
  text-align: center;
  font-weight: bold;
  height: 20px;
}

.field-label
{
	float:right;
}

.upload-preview
{
	margin-top:48px;
}

.see-more
{
  float: right;
  height: 20px;
  font-weight: bold;
  margin-right: 10px;
}

.date-field input
{
  cursor: pointer;
  text-align: center;
}

.editor-container
{
  float: left;
}

.editor-container-2
{
  float: left;
}

#new-news-progress, .news-progress
{
  width: 140px;
  height: 32px;
}

.progress-wrapper
{
  margin: 42px 0 0;
}

.width-33
{
	float: left;
	width: calc((100% / 3) - 2px);
}

.width-50
{
	float: left;
	width: calc(50% - 2.5px);
}

.width-100
{
	float: left;
	width: 100%;
}

.full-width-image
{
	float: left;
	width: 140px;
	height: 140px;
}

.ui-progressbar .ui-progressbar-value
{
	margin: 0!important;
}

.tall-editor
{
	height: 500px;
}