body{
    margin: 0;
    padding: 0;
}

label.block{
    display: block;
}

table#escort_profile{
    border: 2px solid #330066;
    padding: 20px;
    border-radius: 10px;
}

table#escort_profile tr{
    vertical-align: top;
}

table#escort_profile tr th{
    text-align: left;
}
.tit{
font-weight:normal;
}
.th-head{
font-weight:normal !important;
}
#about_me{
    display: block;
    height: 200px;
    width: 100%;
}

#container{
   width: 1020px;
   margin: 0 auto;
}

/*Progress bar for image upload*/
.progress { 
    position:relative; 
    width:100%; 
    border: 1px solid #ddd; 
    padding: 1px; 
    border-radius: 3px; 
    background-color: #fff;
}
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }

/***Drop zone effect of image upload***/
#dropzone {
    background: #999999;
    width: 550px;
    height: 200px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    line-height: 150px;
}
#dropzone.in {
    width: 100%;
    height: 300px;
    line-height: 300px;
    font-size: larger;
}
#dropzone.hover {
    background: lawngreen;
}
#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}


.escort_pic{
    padding: 2px 2px;
    margin: 7px 5px;
    background-color: #9b9b9b;
}

.profile-update-table{
    width: 100%;
    border-top: 2px solid gray;
    border-bottom: 2px solid gray;
    margin-top: 10px;
    padding-bottom: 10px;
}

.profile-update-table th{
    text-align: left;
    vertical-align: top;
}

.profile-update-table td{
    vertical-align: top;
    text-align: left;
}

.profile-update-table a.profile-edit{
    text-decoration: none;
}

#fileupload{
    text-align: left;  
    margin-bottom: 15px;
}

.mark-profile-pic{
    z-index: 1000;
    position: absolute;    
    display: block;
    width: 29px;
    height: 29px;
    background-image: url('../images/ok-icon.png');
}

/*.change-image-preview-order{
    position: absolute;    
    display: block;
    width: 29px;
    height: 29px;
    background-image: url('../images/images-icon.png');
}*/

.settings-menu ul{
    text-align: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    
    
}

.settings-menu ul li{
    line-height: 30px;
    background-image: url('../images/arrow-double-right-icon.png');
    background-repeat: no-repeat;
    background-position: 0.2em center;
    padding-left: 1.6em;
}

.settings-menu ul li a{
    text-decoration: none;
    display: block;
    color: #ddd;
}

.settings-menu ul li a:before{  
    
}

.update-loading-image{
   font-weight: bold;
}

.required_star:before {
   content: url('../images/star.png');
}

.vertical-align-top{
   vertical-align: top;
}

table#your_charges tr td, table#working_schedule tr td{
    text-align: left;
}
table#your_charges tr td{
	width: 28%;
}
#currently-on-tour{
    float: left;
    width: 50%;
}

#upcoming-tour{
    float: left;
    width: 50%;
}

.profile-images{
    text-align: center;
} 

#escort_images{
    text-align: center;
}

#specialities_opener{
  background-image: url('../images/buttons/escort_specialities.png');
  background-repeat: no-repeat;
  padding: 24px 118px;
  cursor: pointer;
  font-weight: bold;
  display: inline-block;
}

#specialities_dialog{	
	background: #120F0F;
	width: 924px;
    height: 570px;	
	border: 2px solid #666666;
	float: left;
	font-size: 1.2em;
	position: absolute;
	top: 50%;
	left: 50%;
	/*z-index: 999999;*/
	/*box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999;
	-webkit-box-shadow: 0px 0px 20px #999;*/
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	text-align:left;
	padding: 20px;
}

#gallery_image_display_area{
    text-align: center;
}

table#booking_details tr td{
    text-align: right;
/*word-wrap: break-word;
word-break: break-all;
white-space: normal;*/
width:100%;
}

table#booking_details tr th{
    text-align: left;
}

table#working_schedule tr th, table#working_schedule tr td{
    text-align: left;
}

table#working_schedule tr th{
    font-weight: bold;
    font-size: 1.2em;
}

table#working_schedule tr td:first-child{
    font-weight: bold;
}

#cash_button{
    border: 1px solid #297BCC;
}

.settings-header{
    background-color: #fff;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 10px;
    text-align: left;
}


div.callout {
	min-height: 60px;
	width: 200px;
	float: left;
}

div.callout {
	background-color: #333;
	background-image: -moz-linear-gradient(top, #333, #333);
	position: absolute;
	color: #eee;
	padding: 10px;
	border-radius: 3px;
/*	box-shadow: 0px 0px 20px #999;
	margin: 25px;*/
	min-height: 50px;
/*	border: 1px solid #333;*/
	text-shadow: 0 0 1px #000;
	
	/*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
}

.callout::before {
	content: "";
	width: 0px;
	height: 0px;
	border: 0.8em solid transparent;
	position: absolute;
}

.callout.top::before {
	left: 45%;
	bottom: -20px;
	border-top: 10px solid #444;
}

.callout.bottom::before {
	left: 45%;
	top: -20px;
	border-bottom: 10px solid #333;
}

.callout.left::before {
	right: -20px;
	top: 40%;
	border-left: 10px solid #444;
}

.callout.right::before {
	left: -20px;
	top: 40%;
	border-right: 10px solid #444;
}

.callout.top-left::before {
	left: 7px;
	bottom: -20px;
	border-top: 10px solid #444;
}

.callout.top-right::before {
	right: 7px;
	bottom: -20px;
	border-top: 10px solid #444;
}

.gotit{
    background-color: #555;
    padding: 1px 7px;
    border-radius: 4px;
    color: #eee;
    float: right;
    font-weight: bold;
    cursor: pointer;
}

.gotit:hover{
    background-color: #9b9b9b;
    color: #fff;
}

.speciality-close{
	color: #fff;
    font-family: arial;
    background-color: #333;
    padding: 5px 13px;
    background-image: -ms-linear-gradient(top, #9933cc 0%, #300730 100%);
    background-image: -moz-linear-gradient(top, #9933cc 0%, #300730 100%);
    background-image: -o-linear-gradient(top, #9933cc 0%, #300730 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9933cc), color-stop(1, #300730));
    background-image: -webkit-linear-gradient(top, #9933cc 0%, #300730 100%);
    background-image: linear-gradient(to bottom, #9933cc 0%, #300730 100%);
    position: static;
    width: auto;
    display: inline;
    /* height: 25px; */
    font-size: 1.5em;
    padding: 5px 16px;
    cursor: pointer;
    font-weight: normal;
	float: right;
	border: 0;
	border-radius: 3px;
}

#specialities_dialog table{
	border: 5px solid #333;
	padding: 6px;
}

/*-----08-12-16-----*/

.social-blog{width:100%; float:left;}
.social-blog ul {width:auto; text-align:left; padding:0;}
.social-blog ul li{display:inline-block; padding-right:20px;}
.social-blog ul li a{ float:left; text-decoration:none;}
.top_bg #top-nav .social-blog .fb-icon {
  background: rgba(0, 0, 0, 0) url("./images/twenty-facebok.png") no-repeat scroll 0 0 / cover ;
  height: 37px;
  width: 37px;
}
.top_bg #top-nav .social-blog .twy-icon {
  background: rgba(0, 0, 0, 0) url("./images/twenty-tiwter.png") no-repeat scroll 0 0 / cover ;
  height: 37px;
  width: 37px;
}
.top_bg #top-nav .social-blog .insgm-icon {
  background: rgba(0, 0, 0, 0) url("./images/twenty-instgram.png") no-repeat scroll 0 0 / cover ;
  height: 37px;
  width: 37px;
}