@charset "UTF-8";
/* CSS Document */

#slidepages
{

  
 }
 
#overlay1 {
width:100%;
height:100%;
float:left;
/*background-color:#333333;*/
position:absolute;

top:0px;

 -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;

z-index:1000;
}

#overlay2 {
width:100%;
height:100%;
float:left;
/*background-color:#333333;*/
position:absolute;
left:0px;
top:0px;

 -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
z-index:1001;
}

#overlay3 {
width:100%;
height:100%;
float:left;
/*background-color:#333333;*/
position:absolute;
left:0px;
top:0px;
 
   -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
z-index:1002;
}

#overlay4 {
width:100%;
height:100%;
float:left;
/*background-color:#333333;*/
position:absolute;
left:0px;
top:0px;
 
   -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
z-index:1003;
}

#popup1 {
width:100%;
height:100%;
float:left;
left:0;
top:0;
display: inline-block;
  background-size: cover;
  min-width:300px;
 
z-index:99;


/*
background-image:url(../images/background.png);
background-attachment:fixed;
    background-position:center top;
    background-repeat: no-repeat;
    */

}

#popup2 {
width:100%;
height:100%;
float:left;
left:0;
top:0;
display: inline-block;
  background-size: cover;
  min-width:300px;

  
z-index:100;


}

#popup3 {
width:100%;
height:100%;
float:left;
left:0;
top:0;
display: inline-block;
  background-size: cover;
  min-width:300px;

  
z-index:101;


}

#popup4 {
width:100%;
height:100%;
float:left;
left:0;
top:0;
display: inline-block;
  background-size: cover;
  min-width:300px;

  
z-index:102;


}


#topbarpadding{
	
	height:0em;
	
}

#topBaroverlay{
position:fixed;
-webkit-transform: translateZ(0);
left:0px;
width:100%;
height:3em;
text-align:center;
/*border-bottom: 1px #01839d solid;*/
opacity:1; filter:alpha(opacity=100);
z-index:23;

background: #fff;


/*
-webkit-box-shadow: 0px 0px 10px 2px rgba(1, 131, 157, .75);
-moz-box-shadow: 0px 0px 10px 2px rgba(1, 131, 157, .75);
box-shadow: 0px 0px 10px 2px rgba(1, 131, 157, .75);
 */
 
/* gradient 
	background: rgb(32,32,32); 
background: -moz-linear-gradient(top, rgba(32,32,32,1) 1%, rgba(89,105,107,1) 6%, rgba(32,32,32,1) 58%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(32,32,32,1)), color-stop(6%,rgba(89,105,107,1)), color-stop(58%,rgba(32,32,32,1))); 
background: -webkit-linear-gradient(top, rgba(32,32,32,1) 1%,rgba(89,105,107,1) 6%,rgba(32,32,32,1) 58%); 
background: -o-linear-gradient(top, rgba(32,32,32,1) 1%,rgba(89,105,107,1) 6%,rgba(32,32,32,1) 58%); 
background: -ms-linear-gradient(top, rgba(32,32,32,1) 1%,rgba(89,105,107,1) 6%,rgba(32,32,32,1) 58%); 
background: linear-gradient(to bottom, rgba(32,32,32,1) 1%,rgba(89,105,107,1) 6%,rgba(32,32,32,1) 58%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#202020',GradientType=0 );  */
}

#topBaroverlay li {
  display: inline;
  /*border-right: 1px #333 solid;*/
  
 
}

#overlayclose1, #overlayclose2, #overlayclose3, #overlayclose4{
position:relative;
cursor: pointer;
text-decoration: none;


}

#overlayContent{
position:relative;
text-align:center;

width:100%;

padding: 0;

}

#popPage1, #popPage2, #popPage3, #popPage4{
	width:98%;
	position:relative;
	/*top:4em;*/
	margin:auto;
	text-align:center;
  	zoom: 1;
	padding: 0 0 0.6em;
}



#backArrow{
 color: #3445a1;
 /*float: left;*/
 width:100px;
  margin:auto;
  left: -8em;
    margin: auto;
    min-width: 10px;
    position: relative;
    z-index:20;
    top: 1em;
  }
  
  #jobheadline1, #jobheadline2, #jobheadline3, #jobheadline4{
 color: #3445a1;
 font-size: 1em;
 /*font-style:italic;*/
 padding: 0.9em 0.7em;
 /*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);*/
 font-weight: bold;
 position: relative;
min-width:300px;
cursor: default;
top: -1.3em;
  }


  
  
  #jobdescription{
 color: #fff;
 font-size: 1.285em;
 text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
  }
  
  
   #jobHeader{
	
	 width:95%;
	 text-align:center;
	 margin:auto;
	 padding: 0 0 1em;
 }
  
  
  #jobHeader li {
  display: inline;
  /*border-right: 1px #333 solid;*/
  }

.messagefrom{
color: #000;
 font-size: 1.5em;
 padding:0 0.5em 0.2em;
 line-height: 1.5em; 
 font-weight: bold;
}
  
.jobtype{
 color: #000;
 font-size: 1.5em;
 padding:0.5em;
 line-height: 1.5em; 
 font-weight: bold;

 
  }
  
  #jobstarsInfo{
 color: #fff;
 font-size: 1.2em;
padding:0.5em;
 float:left;

 
  }
  
 #jobdate{
 color: #333;
 font-size: 0.8em;
 padding:0.5em;
 
  }
  
 
 #jobTypes{
	
	padding:1em 0 1em 0;
}

.checkbox{
	 border-top: 1px #fff solid;
	 padding:0.6em;
  border-bottom: 1px #00546e solid;
}


#editPassword{
	padding: 0.5em 0 0 0.7em;
float:left;	
width: 65%;
}

#editPasswordBtn{
	
margin: 0.5em auto 1.5em;
}

#editPassword input[type=password] {
    
    /* Styles */
	color:#3445a1;
    border: none;
    background-color: transparent;
	box-shadow:inset 0 0 0 rgba(0,0,0,0);
}

#profileDescription{
	text-align:center;
}

#profileDescription input[type="text"],
textarea {
    width:90%;
    padding: 10px;
    color: #3445a1;
    }

.feedback-description{
	margin:auto;
	padding:2em;
}

#profileDescription input[type=text] {
    
    /* Styles */
	/*color:#FFF;*/
    border: none;
    background-color: transparent;
	box-shadow:inset 0 0 0 rgba(0,0,0,0);
	width:2em;
	
}

#recomendationDescription input[type="text"], textarea {
    color: #3445a1;
    margin:0.5em 0;
    width: 98%;
}

#charsAmount{
	
}