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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins,
kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary, time,
mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  backgound: transparent;
}

@font-face {
    font-family: 'fatfrank';
    src: url('../fonts/FatFrank_Heavy.otf') format('otf');
}

@font-face {
    font-family: 'gothambook';
    src: url('../fonts/gotham_book-webfont.woff2') format('woff2'),
         url('../fonts/gotham_book-webfont.woff') format('woff'),
         url('../fonts/gotham-book.otf') format('otf');
}



body {
font-family:"Trebuchet", Arial, Helvetica, sans-serif;
 margin:auto;
 text-align:center;
 background-color:#015cf3;

}

.startpage{
background-color:#015cf3;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: rgba(255, 255, 255, 1);
    color: #3445a1;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
   
}

input[name="otherjob"],
input[name="addressline"] {
	margin: 0 0 0.5em;
    width: 220px;
    background-color: rgba(255, 255, 255, 1);
    text-indent: 10px;
    padding: 0.2em;
}

select {
    
     cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 245px;
    background: rgba(255, 255, 255, 1) url("../images/br_down.png") no-repeat scroll 215px 10px;
	padding: 0px 0px 0px 8px;
	height:3em;
}

select[name="friend"] {
	margin:0 0 1em 0;
	}
	
select[name="jobrecommendation"] {
	height: 30px;
    margin: 0 0 0.5em;
    width: 260px;
    background-position: 230px;
	}


option { 
    /* Whatever color  you want */
      background-color: #fff;
    color: #3445a1;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    padding: 0.7em;
}


select>option:hover
    {
        color: #1B517E;
        background-color: #015cf3;
        cursor: pointer;
    }


select[name="WorkerType"]{
	margin: 0.5em 0 0.7em;

}


}
#homepage-image-Container {
    
    z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: 100%;
  background-image: url("../images/doddlers-desktop-image.jpg");
  
    background-repeat: no-repeat;
    background-position: 0 -100px;
    background-size: auto 600px;
    /*background-color: #2dabab;*/

}

#background-image-Container {
    
    z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: 100%;
  background-image: url("../images/doddlers-desktop-image.jpg");
    background-position: 0 -100px;
    background-repeat: no-repeat;
    background-size: auto 600px;
    /*background-color: #2dabab;*/

}

#homepageImage img{
	
	width:400px;
	height:auto;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #3445a1 !important;

}
:-moz-placeholder { /* Firefox 19+ */
  color: #3445a1 !important;

}
:-ms-input-placeholder { /* IE 10+ */
  color: #3445a1 !important;

}
::-moz-placeholder { /* Firefox 18- */
  color: #3445a1 !important;

}

input:-moz-placeholder { 
	color: #3445a1 !important;
}

input[placeholder] { color: #3445a1 !important; }

#siteContainer{
	width:100%
	height:100%;
	margin:0 auto;
	text-align:center;
	
}

#siteContainer {
  

}

#currency{
 float:left;
}

.center{
	text-align:center;
	}


hr {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

hr { 
	border: 0; 
	height: 0; 
	border-top: 1px solid rgba(0, 0, 0, 0.1); 
	border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
	box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
	}
	

pre {
     color: #555;
    display: block;
    font-family: "Trebuchet",Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    margin: 1em 0;
    padding: 1em;
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;
}

.supscript{
	
	font-size: 0.5em;
    position: relative;
    top: -1em;
}

#emailreplycontrols{
margin:1em 0 0.4em;
}

#emailConfirmationMessdage{
	color:#ffffff;
	}

#avatarEditframe
{
	background-color:none;
}

html, body {
	
margin: 0 auto 0;

letter-spacing:0.02em;
}


#sitelaunchtext{
	background-color: #b1ec86;
    color: #000;
    font-family: "GillSansStd-UltraBold";
    font-size: 0.5em;
    line-height: 1.6em;
    letter-spacing: 0.1em;
    padding: 0.4em 0;
    position: fixed;
    text-transform: uppercase;
    bottom: 0em;
    left: 0;
    width: 100%;
    z-index: 1000;
    
}


p{
	color:#000;
	font-size:1em;
	line-height:1.5em;
	
}

.smalltext{
	font-size:0.8em;
	}

.whitetext{
	color:#fff;
	}

a{
	text-decoration: none;
	color:#000;
}

a.advertlink{
	text-decoration: none;
	color:#3445a1;
}

a:hover{
	text-decoration: none;
	color:#000;
}

a.jobinterest {
	color:#fff;
	font-size:.9em;
	line-height:1.5em;
	
}

a.emailconfirmRedirect {
	color:aqua;
	font-size:1.5em;
	line-height:1.5em;
	
}

a.Profileupdate {
	color:aqua;
	font-size:.9em;
	line-height:1.5em;
	
}

a.blue{

	font-size:0.8em;
	color:blue;

}

a.orange{
	text-decoration: underline;
	color:#ff9d59;

}

a.green{
	text-decoration: underline;
	color:#bce44d;

}

a.black{
	text-decoration: underline;
	color:#bce44d;

}

.small{
	font-size:0.4em;
	}

a.greenPlain{
	text-decoration: none;
	color:#bce44d;

}

a.tel{
	text-decoration: underline;
	color:blue;

}

p.white {
	color:#fff;
	font-size:0.7em;
	line-height:1.5em;
	
}

p.whiteStatement {
	color:#fff;
	font-size:1em;
	line-height:1.5em;
	margin:1em;
	
}

p.whitesmall {
	color:#fff;
	font-size:0.6em;
	
}

p.startbannerline {
	color:#fff;
	font-size: 0.6em;
    line-height: 2.5em;
	padding-top: 0.5em;
	cursor: default;
	
}


p.red{
	color:#67006f;
	font-size:0.7em;
	line-height:1.5em;
	
}

p.green{
	font-size: 0.8em;
	color:#bce44d;
	margin: 0.6em;

}


.Boldblue{
	color:#3445a1;
	font-size: 0.8em;
    font-weight: bold;
	
}

.lightgreen{
	color:#3445a1;
	
}

.lightgreenBold{
	color:#b1ec86;
	font-size: 0.8em;
    font-weight: bold;
	}
	
.recommendationlink{
	margin:0.5em;
}
	
.lightred{
	color:red;
	
}

.lightredBold{
	color:red;
	font-size: 0.8em;
    font-weight: bold;
	}

.uppercase {
    text-transform: uppercase;
}

p.TandCparabig
{
	color:#000000;
	font-size:1em;
	line-height:1.5em;
}

.tandc_indent{
	
	margin: 0 0 0 2em;
    position: relative;
    top: -20px;
}

ul.TandCparabig
{
	color:#000000;
	font-size:1em;
	line-height:1.5em;
	list-style-type: none;
}

ul.TandCparabig_indent
{
	padding: 0 0 0 1.2em;
	list-style-type: none;
}

.tandc_indent2{
	
	margin: 0 0 0 3.5em;
    position: relative;
    top: -20px;
}


p.parabig{
	color:#444;
	font-size:1em;
	line-height:1.5em;
}

p.parabigElipsis{
	white-space: nowrap;
	color:#444;
	font-size:0.8em;
	line-height:1.5em;
	overflow: hidden;
	text-overflow:ellipsis;
}

.parabigElipsis{
	white-space: nowrap;
	color:#444;
	font-size:0.8em;
	line-height:1.5em;
	overflow: hidden;
	text-overflow:ellipsis;
}

p.parabigWhiteNoShadow{
 
  color:#fff;
	font-size:0.8em;
	line-height:1.5em
}

p.parabigWhite{
 
	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
  color: white;
	font-size:1em;
	line-height:1.5em;
}

p.whiteSmallCopy{
	white-space: nowrap;
	font-size:0.8em;
	color:#fff;
	padding:0.2em 0.4em 0em 0.2em ;

	overflow: hidden;
	text-overflow:ellipsis;
	
	
}

p.whiteCopy{
	font-size:1.1em;
	color:#3445a1;
	padding:0.2em 0.4em 0em 0.2em ;

	
	
}

.whiteCopyBig{
	font-size:1.1em;
	color:#ffffff;
	padding:0.2em 0.4em 0em 0.2em ;

	
	
}

.whiteSmallCopy{
	white-space: nowrap;
	font-size:0.8em;
	color: #fff;;
	padding:0.2em 0.4em 0em 0.2em ;

	overflow: hidden;
	text-overflow:ellipsis;
	
	
}

.blueTitle-Copy {
	color:#3445a1;
	font-size:1em;

	}
	
.blueTitle-Copy-jobdesc {
	color:#3445a1;
	font-size:0.8em;
	}
	
.blackTitle-Copy-jobdesc {
	color:#000;
	font-size:0.8em;
	}

.yellowSmallCopy {
    color: yellow;
    font-size: 1em;
    overflow: hidden;
    padding: 0.2em 0.4em 0 0.2em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.floatleft {
    float: left;
   }

.PostJobTitle{
	color: #3445a1;
    display: block;
    font-size: 30px;
    font-weight: bold;
      margin: 0.8em auto 0;
      padding: 0.3em;
    text-align: center;
    line-height: 1.3em;
	}

.whiteSmallCopyfrom{
	margin: 0 0 -1em 0;	
}

p.greySmallCopy{
	white-space: nowrap;
	font-size:0.8em;
	color:#444;
	padding:0.6em 0.4em 0em 0.2em ;

	overflow: hidden;
	text-overflow:ellipsis;
	
	
}

.whiteSmallCopyNoWrap{
	font-size:0.7em;
	color:#fff;
	padding:0.2em 0.4em 0em 0.2em ;

	
	
}

.whitelarge{
	font-size:1em;
	color:#fff;
	
}

h1, .h1 {
font-family:"fatfrank", Arial, Helvetica, sans-serif;
}


h1.mainpageh1{
font-family:"fatfrank", Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:1em;
	 margin: -1em 0 0;
	line-height:1.5em;
	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
	}

h1.pageHeader{
font-family: "fatfrank", sans-serif;
font-weight: 400;
font-style: normal;
	color:#fff;
	font-size: 2em;
    padding: 0.6em 0em 0;
	line-height:1.5em;
	}
	
h1.header {
	color:#3445a1;
	font-size:1.2em;
	padding:0.9em 0em 0.7em;
	line-height:1.5em;
	/*text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;*/
}
	
h1.steps{
	color: #fff;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.5em;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 1);
	}
	
h1.headerContainer {
	font-size: 1.5em;
    color: #fff;
	padding:0.9em 0em 0.7em;
	line-height:1.5em;
	/*text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;*/
}

h2 {
	color:#3445a1;
	font-size:1em;
	padding:0.9em 0em 0.7em;
	line-height:1.5em;
	/*text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;*/
}

h2.headerContainer {
	color:#fff;
	font-size:1em;
	padding:0.9em 0em 0.7em;
	line-height:1.5em;
	/*text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;*/
}

.black {
	color:#000;
	font-size:1em;
	padding:0.9em 0em 0.7em;
	line-height:1.5em;
}


h2.steps {
	font-size: 1em;
    line-height: 1.5em;
    color: #bce44d;
    font-weight: normal;
    padding: 0;
}

h5.blue {
	font-size: 0.8em;
    line-height: 1.5em;
    color: #3445a1;
    font-weight: normal;
    padding: 0;
}

h2.extrapadding {
	color:#3445a1;
	font-size:1em;
	padding:0.9em 0.9em 0.7em;
	line-height:1.5em;
	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
}

.extrapadding {
	padding:0.9em 0.9em 0.7em;
	line-height:1.5em;
}

h2.thin {
	color:#fff;
	font-size:1em;
	/*padding:0em;*/
	line-height:1.5em;
	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
}

h3.steps{
	color: #fff;
    font-size: 1em;
    line-height: 1.5em;
    text-align: left;
    font-weight: normal;
}


h3.wrap{
white-space: nowrap;
width:40%;
	overflow: hidden;
	text-overflow:ellipsis;
	}

h4{
	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
  color: white;
    font-size: 0.8em;
  margin: 0;
  
}

h4.grey{
text-shadow: rgba(0, 0, 0, 0) 0 0px 0px;
  color: #444;
    font-size: 1em;
  margin: 0.3em;
  
}

#SettingsContent{
margin:0.5em 2em;
text-align:left;	
}

.extraInfoPositioningContainer{
	text-align: center;
}
#extraInfoPositioning{
	width:2.5em;
	margin: auto;
}

#homepageUserAmount{
	color:#fff;
	margin: 0;
    position: relative;
    font-size:1em;
    top: -4em;
    width: 100%;
}

@media all and (max-width: 500px) and (min-width: 450px) {
#homepageUserAmount {
    top: -6em;
  }
}

@media all and (max-width: 570px) and (min-width: 500px) {
#homepageUserAmount {
    top: -7em;
  }
}

@media all and (max-width: 600px) and (min-width: 570px) {
#homepageUserAmount {
    top: -8em;
  }
}

@media all and (max-width: 900px) and (min-width: 600px) {
#homepageUserAmount {
    top: -2em;
  }
}

@media all and (max-width: 4000px) and (min-width: 900px) {
#homepageUserAmount {
	width: 500px;
    top: -2em;
    margin:0;
  }
}


/*-----sign in / up buttons ------ */

.sign-in-btn {
    border-radius: 10px;
    border: solid 2px #FF9046;
    background: #ffffff;
    color: #000000;
    display: block;
    text-decoration: none;
    width: 100%;
    text-align: center;
    vertical-align: center;
    font-size: 1.2em;
    max-width: 650px;
    margin: auto;

    
}

.sign-in-btn:hover {

    color: #777;
    text-decoration: none;
    
}

.sign-up-btn {
    border-radius: 10px;
    border: solid 2px #ffffff;
    background: #4DBC4D;
    color: #ffffff;
    display: block;
    text-decoration: none;
    width: 100%;
    text-align: center;
    vertical-align: center;
    font-size: 1.2em;

    
}

.sign-up-btn:hover {

    color: #B1DDB1;
    text-decoration: none;
    
}


.main-btn {
    height: 50px;
    line-height: 18px;
}

.header-btn {
    height: 40px;
    line-height: 18px;
    padding: 9px 0 0 0;
}

.body-btn {
    height: 50px;
    line-height: 40px;
}


.person-advertise-btn{
	padding: 0 0 1em 0;
	margin: 0 15px;
	}

.more-padding{
	padding:2em;
	}
	
div.position { position:initial;}	

div.clear { clear: both; }

#floatleft{float:left;}

#rememberme{margin:auto;}

#rememberme .center{margin:auto; width:10em;}

#TC .center{
	margin: 0 auto 1em;
    max-width: 28em;
    width: 80%;
    }

a.TC {color:#fff; text-decoration: underline; }


a.VoucherClickLoader{
	
	text-decoration: none;
	color:#fff;
	cursor: pointer; cursor: hand;

}

#media-list-center {
    display: inline-block;
}

#centerMediaLogos {
    width: 9em;
}


#media{
	float:none;
	margin:0.5em;
}

#mediaHeadline{
	margin:0 0 0.2em 0;
}

		
#communityline{
	padding: 2em 0 0;
    left: -6.5em;
    position: relative;
}

#Voucher{
	background-color: #77aae3;
	border: 2px dotted #a5e1ed;
	/*border-bottom: 1px solid #01839d;
    border-top: 1px solid #a5e1ed;*/
    margin: 0.5em;
}

#VoucherHeadline{
	background-color: #1c62b0;
    color: #fff;
    margin: 1.2em 0 0.8em;
    padding: 0.4em;
}

#VouchureHowToUse{
    color: #fff;
    margin: 1.2em 0 0.8em;
    padding: 1em;
}

#VoucherDelete{
	color: #555;
    cursor: pointer;
    float: right;
    height: 1.2em;
    padding: 0.1em 0.5em;
    position: relative;
    width: 1.2em;
}

#voucherBTN{
	
	padding:1em 0;
}

#VouchureOffersProfilePage{
	 background-color: #77aae3;
    border: 2px dotted #a5e1ed;
    padding: 0.5em;
    margin: auto;
    text-align: center;
    overflow: auto;
    overflow-y: hidden;
    margin: 0 auto;
    white-space: nowrap;
}

#VoucherProfileSlider {

    display: inline-block;
}

#voucher-list {
    text-align: center;
    width: 100%;
}

.voucher-view {

  text-align:center;
  margin:auto;
 
  
}

.voucher-action li {

  position: relative;
  /*padding: 0.3em 0.6em;*/
}
.voucher-action a {
  display: block;
  position: relative;
  text-decoration: none;
 
}

.voucher-view li {
    /*background: rgba(0, 84, 110, 0.6) none repeat scroll 0 0;
    color: #fff;
    
    font-family: "Trebuchet",Arial,Helvetica,sans-serif;
    font-size: 0.81em;
    line-height: 1.9em;*/
    list-style-type: none;
    margin: 0.2em;
    min-width: 6em;
    /*padding: 0.6em 0.2em 0.1em;*/
    float: left;
}

img.voucherIMG_profile{
	float:left;
	width:80px;
	margin: 0.3em;
}

#VouchureInfoProfilePage{
	margin: auto;
    padding: 0 0.5em 0.2em;
    text-align: center;
}


#VoucherprofilePic {
    float: left;
    padding: 0.8em 1em 0 0;
    position: relative;
    width: 70px;

}


#remembercopy{
	font-size:0.6em;
	color:#fff;
	padding:0.6em 0 0;
	
	line-height: 1.5em;

    text-align: left;
	
}


/* page layout */

#container{
/*position:absolute;*/
height:100%;
width:100%;

}

#pageTitle{
	width:80%;
	
	position:relative;
	
	margin:auto;
	text-align:center;
	font-size: 1.3em; /* 12px / 14px */
 	font-weight:normal;
	
	color:#FFF;
  	
}

#logo{
	color: #fff;
    cursor: pointer;
    float: left;
    height: 3em;
    left: 5%;
    position: relative;
    top: 0.5em;
  	
}

#logoName{
	display: inline;
	font-family: 'GillSansStd-UltraBold';
    float: left;
    font-size: 0.9em;
    /*font-style: italic;*/
    position: relative;
    top: 0.4em;
}

#storyTitle{
	font-family: 'GillSansStd-UltraBold';
    font-size: 1em;
    letter-spacing: 0.1em;
    color:#fff;
    margin: 0.5em 0;
    /*font-style: italic;*/
}

img.logoIcon{
cursor: default;
    padding: 0 0.2em;
    position: relative;
    top: 0.2em;

}


#headerBtn{
	position:relative;
	top: 0.5em;
	float:right;
	right:5%;
  	
}

#headerSettings{
	margin: auto;
    position: relative;
    left: 1em;
    top: 0.8em;
    width: 2.5em;
    /*
    text-align: center;
    padding: 0 1em 0 0;
    */
  	
}

#topMenuControl{
	width:100%;
}

#headerSettings a{
	color:#CCC;
	text-decoration:none;
  	
}


/*Top bar */
#topMenu{
width:100%;
	height: 3em;
	position:fixed;
	z-index:1000;
	top:0;
	background: #050405;
 	border-bottom: 1px #01839d solid;
  	zoom: 1;
  	min-width:300px;
	
	
background: rgb(32,32,32); /* Old browsers */
background: -moz-linear-gradient(top, rgba(32,32,32,1) 1%, rgba(89,105,107,1) 6%, rgba(32,32,32,1) 58%); /* FF3.6+ */
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))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(32,32,32,1) 1%,rgba(89,105,107,1) 6%,rgba(32,32,32,1) 58%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(32,32,32,1) 1%,rgba(89,105,107,1) 6%,rgba(32,32,32,1) 58%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(32,32,32,1) 1%,rgba(89,105,107,1) 6%,rgba(32,32,32,1) 58%); /* IE10+ */
background: linear-gradient(to bottom, rgba(32,32,32,1) 1%,rgba(89,105,107,1) 6%,rgba(32,32,32,1) 58%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#202020',GradientType=0 ); /* IE6-9 */


-webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, .75);
-moz-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, .75);
box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, .75); 

}


/*Tab bar */
#botomMenu{
	width:100%;
	position:fixed;
	bottom:0px;
	z-index:1100;
}

#userTypeTab{
	background-color: #bd57d7;
    border-radius: 0 0 100px;
    font-family: 'GillSansStd-UltraBold';
    font-size: 0.7em;
    color:#fff;
    position: fixed;
    top: 4.3em;
    width: 11.5em;
    z-index: 1001;
    text-align: left;
    padding:0 0 0 3.5em;
    cursor: default;
	
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, .75);
-moz-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, .75);
box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, .75);
}



#tab-bar {

  background: #050405;
 
  position: relative;
  zoom: 1;
  
  /* box shadow */
-moz-box-shadow: 0px -1px 6px #222;
-webkit-box-shadow: 0px -1px 6px #222;
box-shadow: 0px -1px 6px #222;
  

background: rgb(32,32,32); /* Old browsers */
background: -moz-linear-gradient(top, rgba(32,32,32,1) 1%, rgba(89,105,107,1) 6%, rgba(32,32,32,1) 58%); /* FF3.6+ */
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))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(32,32,32,1) 1%,rgba(89,105,107,1) 6%,rgba(32,32,32,1) 58%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(32,32,32,1) 1%,rgba(89,105,107,1) 6%,rgba(32,32,32,1) 58%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(32,32,32,1) 1%,rgba(89,105,107,1) 6%,rgba(32,32,32,1) 58%); /* IE10+ */
background: linear-gradient(to bottom, rgba(32,32,32,1) 1%,rgba(89,105,107,1) 6%,rgba(32,32,32,1) 58%); /* W3C */


}



/* Clearfix to stop our floats escaping */
#tab-bar:before, #tab-bar:after {
  content: "\0020";
  display: block;
  height: 0;  
  overflow: hidden;
}


#tab-bar:after {
  clear: both;
}

/* Float our three list items so they're evenly spaced */
#tab-bar li {
  display: inline;
  /*border-right: 1px #333 solid;*/
  float: left;
  width: 20%;
  
}

#tab-bar li.usertype {
 /*background-color:red;*/
  
}




/* Set a elements as blocks */
#tab-bar a {
  color: #fff;
  display: block;
  font-size: 0.6em; /* 12px / 14px */
  font-weight: regular;
  height: 4.583em; /* 55px / 12px */
  margin: 0 0.833em; /* 10px / 12px */
  overflow: hidden;
  padding-top: 0.428em; /* 6px / 14px */
  position: relative;
  text-align: center;
  text-decoration: none;
 top:.2em;



}

/*
#tab-bar li:hover{
 background:#444;
 

-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;

box-shadow:inset 0 0 10px #000000;
-moz-box-shadow:inset 0 0 10px #000000;
-webkit-box-shadow:inset 1px 1px 4px #000


}
*/


.navActive {
 /*  background:#222; */

box-shadow:inset 0 0 10px #000000;
-moz-box-shadow:inset 0 0 10px #000000;
-webkit-box-shadow:inset 0 0 10px #000000;
}


.Buddies_navActive {
background-color: #025df4;
color:#ffffff;
border: 1px #ff9d59 solid;
}


#indexpage{
  	
    
    margin: 1em auto;
    /*max-width: 600px;*/
    text-align: center;
    vertical-align: middle;
    zoom: 1;
    position: relative;
        left: -6.5em;
}

#page{
	width:100%;
	/*position:relative;
	top:2em;*/
	margin:1.3em auto;
	text-align:center;
  	zoom: 1;
}

#homepageImage{
	margin:-1.3em auto;
	text-align: center;
    vertical-align: middle;
    /*background: #2dabab none repeat scroll 0 0;*/
}


#divideline{
	/*background-color: #00bfb9;*/
    /*height: 1.6em;*/
    margin: 0;
    padding: 0.3em 0 0 0;
	
/*box-shadow:0 1px 0px #333 inset;
-moz-box-shadow:inset 0 2px 2px #222;
-webkit-box-shadow:inset 0 2px 2px #222;*/
}


/* forms */

form{
	padding:5px 0;
	
}

#settingContainer{
	position:relative;
	margin:3em auto;
	 /*background:  rgba(71, 164, 190, 0.5);*/
}

#settingtextpadding{

margin: 0.4em 0 0 0;

}


.settings-view li {
	list-style-type: none;
  border-top: 1px #a8a8a8 solid;
  
  margin: 0 0 0.3em 0;
  padding: 0.4em 0 0 0;
  
  background: #015CF5; 

	-webkit-box-shadow: 2px 0px 2px -2px #000 ;
	-moz-box-shadow: 2px 0px 2px -2px #000 ;
	box-shadow: 2px 0px 2px -2px #000 ;
/*
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
  
}

#contentContainer{
	
	width:100%;
	position:relative;
	/*top:1.5em;
	background: #050405;
 	border-top: 1px solid rgba(255, 255, 255, .3);
  border-bottom: 1px #00546e solid;
	/*border-radius:5px;*/
	margin: 1em auto 4.3em;
    padding: 1.5em 0 1.2em 0;
	text-align:center;
  	zoom: 1;
	
	/* box shadow 
-webkit-box-shadow: 0 8px 6px -6px #222;
	   -moz-box-shadow: 0 8px 6px -6px #222;
	        box-shadow: 0 8px 6px -6px #222;
*/




/*background-color:#47a4be;*/
/*background: rgba(245, 245, 245, 1);*/
	
}

#contentContainerStart{
	
	/*width:95%;*/
	position:relative;
	/*background: #2dabab;*/
 	/*border-top: 1px #01839d solid;*/
	/*border-radius:10px;*/
	margin:auto;
	padding: 0 30px 10px;
	text-align:center;
  	zoom: 1;
	
	/* box shadow 
-webkit-box-shadow: 0 8px 6px -6px #222;
	   -moz-box-shadow: 0 8px 6px -6px #222;
	        box-shadow: 0 8px 6px -6px #222;
*/

/* gradient */
	/* background: rgb(39,103,137); 
background: -moz-linear-gradient(top, rgba(39,103,137,1) 0%, rgba(51,152,182,1) 1%, rgba(125,195,209,1) 48%, rgba(51,152,182,1) 99%, rgba(39,103,137,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,103,137,1)), color-stop(1%,rgba(51,152,182,1)), color-stop(48%,rgba(125,195,209,1)), color-stop(99%,rgba(51,152,182,1)), color-stop(100%,rgba(39,103,137,1))); 
background: -webkit-linear-gradient(top, rgba(39,103,137,1) 0%,rgba(51,152,182,1) 1%,rgba(125,195,209,1) 48%,rgba(51,152,182,1) 99%,rgba(39,103,137,1) 100%);
background: -o-linear-gradient(top, rgba(39,103,137,1) 0%,rgba(51,152,182,1) 1%,rgba(125,195,209,1) 48%,rgba(51,152,182,1) 99%,rgba(39,103,137,1) 100%); 
background: -ms-linear-gradient(top, rgba(39,103,137,1) 0%,rgba(51,152,182,1) 1%,rgba(125,195,209,1) 48%,rgba(51,152,182,1) 99%,rgba(39,103,137,1) 100%); 
background: linear-gradient(to bottom, rgba(39,103,137,1) 0%,rgba(51,152,182,1) 1%,rgba(125,195,209,1) 48%,rgba(51,152,182,1) 99%,rgba(39,103,137,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#276789', endColorstr='#276789',GradientType=0 );  */

/*background-color:#2dabab;*/

}

#contentContainerLogin{
position:relative;
top:0.2em;
padding: 0 0 0.1em;
}

#Contentheader{
padding: 2em 1.5em 3em 1.5em;
    background: #015cf3;
    margin: 0 0 1em 0;
    border-bottom: 5px solid #ff9d59;
    background-image: url(../../assets/images/doddlers-desktop-image-blue.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.contentDescription
{
	color:#404040;
	font-size:1em;
	
	
}

.flexible_job_message{
	margin: auto;
    padding: 70px 0;
    font-size: 12px;
    line-height: 14px;
	}

p.explanation_line{
	margin: auto;
    font-size: 12px;
    line-height: 14px;
	}
	
#closeform{
	height:2em;
	width:100%;

}

#closeform a{
	color:#333;
	text-decoration: none;
}

#closeform a:hover{
	color:#000;
	text-decoration: none;
}


#JoinInSearchHidden, #JoinInPostHidden, #signInHidden{
	/*font-size:0.7em;*/
	border: 2px solid #1e9c9c;
	border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    color: #fff;
    margin: auto;
    padding: 5px;
    width: 95%;
    background-image: url("../images/homepageImage/blueBack50.png");

}

#formresult, #messageFriendformresult, #jobApplyformresult, #updateProfileformresult, #feedbackformresult, #passwordChangeformresult, #retrievePasswordformresult, #postJobformresult, #messageAreaformresult, #jobImageresult, #facebookformresult, #FBSettingsContentformresult{

	font-size:0.8em;
	color:#3445a1;
	margin:auto;
	width:90%;

}

#retrievePasswordformresult{

	font-size:0.8em;
	color:#ffffff;
	margin:auto;
	width:90%;

}

#JoinInSearchHiddenformresult{

	font-size:0.8em;
	color:#FF9046;
	margin:auto;
	width:90%;

}

.profile-img-rounded{
	border-radius: 50%;
    max-width: 120px;
    height: auto;
	}
	
.job-img-rounded{
	border-radius: 50%;
	-webkit-border-radius: 50%;
    width: 70px;
    height: auto;
	}
	
.rounded{
	border-radius: 50%;
	}

#facebookformresult{

	background-color: #fff;
    border: 1px solid #00d9ff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    margin: 0.5em auto;
    padding: 2em 0;

}

#othersignupoption{
	color: #fff;
    font-size: 0.8em;
    padding: 1em 0 0.5em;
}

.RecommendationResult{
	color: #3445a1;
   /* float: left;*/
    font-size: 0.8em;
    margin: auto;
    text-align: center;
    min-width: 300px;
}

#jobImages{
	
	padding: 1em 0 0;
	}
	
#VideoRecognition{
	
	padding:1em;
	}
	

/* profile page */
#editBtn{
	position:relative;
	float:right;
	z-index:22;
	/*padding: 1em 0 1em 0;*/
}


#editJobBtn {
    margin: 0.5em 0 0;
     width: 8em;
}

#profile{
	
position:relative;
	
}


#profilePic{
	position:relative;
	float:left;
	width: 120px;
    height: auto;
	padding: 0.2em 1em 0 0;
	z-index:10;
	
	
	
}

#profilePic-advert{
	margin:auto;
}

#buddiesprofilePic{
	position:relative;
	float:left;
	width:70px;
	height:70px;
	padding: 0.2em 1.5em 0 0;
	left: 0.5em;
	z-index:10;
	
	
	
}

#buddiesprofilePic_header{
	position:relative;
	float:left;
	width:120px;
	height:auto;
	padding: 0.2em 1.5em 0 0;
	left: 0.5em;
	z-index:10;
	
	
	
}



#JobprofilePic{
	position:relative;
	float:left;
	display:block;
	border-radius: 50%;
	overflow: hidden;
	width:80px;
	height:80px;
	margin: 10px 10px 0 0;
	/*padding: 0.4em 0.3em 0 0;*/
	left: 0.5em;
	z-index:10;
	background: no-repeat 50%;
  object-fit: cover;
	}
	
#JobprofilePic img {
   display: block;
   height: 100%;
   width: 100%;
        }

.jobprofilePic{
	left:-0.7em;
	position: relative;
	}

#Recommend_profilePic{
	position:relative;
	float:left;
	width:70px;
	height:70px;
	margin: 0.2em 1em 0.2em 0;
	left: 0.5em;
	z-index:10;
	
	
	
}

#RecommendationbuddiesprofilePic {
    float: left;
    height: 40px;
    /*left: 0.8em;*/
    padding: 0.5em 0.4em 0 0;
    position: relative;
    width: 40px;
    z-index: 10;
}

#RecommendationbuddiesprofilePic img {
    border-radius:50%;
}

#Recommendation{
	margin:auto;
	/*width:19em;*/
		
}

#recommendationTitles{
	/*float: left;*/
    margin: auto;
    padding: 0.4em 0 0;
    text-align: center;
    /*width: 14em;*/	
	
}

#RecommendationProfilePic{
	/*float: left;*/
    padding: 0 0 0.5em;
    position: relative;
    /*z-index: 10;*/
}

#jobprofilePic{
	position:relative;
	float:left;
	width:70px;
	height:70px;
	padding: 0.2em 1em 0 0.4em;
	z-index:10;
	
	
	
}

#topJobContainer{
	border-radius: 1em;
    -webkit-border-radius: 1em;
	-moz-border-radius: 1em;
    left: -0.3em;
    position: relative;
    top: 0;
}

#topJob{
	 background-color: yellow;
    border-radius: 0 0 1em 1em;
    -webkit-border-radius: 0 0 1em 1em;
	-moz-border-radius: 0 0 1em 1em;
    box-shadow: 0 1px 2px #222 inset;
    -moz-box-shadow:inset 0 1px 2px #222;
	-webkit-box-shadow:inset 0 1px 2px #222;
    color: #5556f1;
    font-size: 0.7em;
    margin: auto;
    position: relative;
    text-align: center;
    width: 15em;
    top: -5px;
}

#facebookSignUp{
	
	margin: 1em 0 0;
}

#facebookTandCs{
	border: 1px solid #0dfffb;
	padding:2em;
	margin: 1em;
	
}

#facebookSignupHeader{
	margin:1em;
	text-align: center;
	font-size: 1em;
	color: #fff;
}

#FBSettingsContent{
	margin: 0 auto 2em;
    max-width: 30em;
    padding: 0 1em;
    text-align: center;
}

#buddiesSearch{
	float:right;
	padding: 0 0.5em 0.5em;
	width: 100%;
	
}

#buddiesFriendSearch{

padding: 0 0.1em 0.5em;	
	
}

#forms{
	text-align:center;
	
}


#Editavatar{
float: left;
	background:#FFF;
	
	height:100%;
	border-radius:1em;
	box-shadow:inset 0 2px 2px #222;
-moz-box-shadow:inset 0 2px 2px #222;
-webkit-box-shadow:inset 0 2px 2px #222;
text-align:center;	
	
}

.EditavatarText{
	position:relative;
	font-size:0.85em;
	top: 2em;
	float: left;
}

#friendsCounter{
	position:absolute;
	background-color:#00546E;
	bottom:0px;
	z-index:2;
	
	height:20px;
	float: left;
}

#editAvatarIcon{
	    position: absolute;
    background-color: none;
    top: 0em;
    /* right: 0px; */
    z-index: 15;
    float: left;
    padding: 5px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    /* background-color: #000000; */
    border: solid 1px #fff;
	
	
	
}

.avatar-camera-edit{
	width: 20px;
    height: auto;
    padding: 2px 4px;
	}

#jobcovernote{
    margin: 0em 0 0.5em;
    max-width: 600px;
    padding: 0 0.5em 0 0;
}

#jobappliedcovernote{
    margin: 1.5em;
    text-align: left;
    padding: 0 0.5em 0 0;
}

#jobsInfo{
width:80%;
	margin: 0 3em 0 0;
	
}


#profileInfo{
	
	position:relative;
	text-align:left;
	
	min-width: 3em;
}

#profileInfo-advert{
	
	position:relative;
	text-align:center;
	
	min-width: 3em;
}

#profileInfo .profileName{
	
	color:#fff;
	font-size:1em;
	padding: 0em 0 0.4em 0em;
	font-weight: bold;
	white-space: nowrap;
	width:55%;
	overflow: hidden;
	text-overflow:ellipsis;
	
	
}

#buddiesprofileInfo {
	
	width:80%;
	
}





#parainfo{
	text-align:left;
	margin: 3.5em 0 0.6em 0;
    padding: 0;
	
}

#recognitionVideoInfo{
	
	padding:0.6em;
	background-color: aqua;
}


#ProfileInfo{
	
	padding:0.6em;
	/*background-color: #0085ff;*/
}

#jobsparainfo{
	text-align:left;
	margin: 0.6em 2em 0.6em 1em;
}


#profileDescription, #recomendationDescription{
	text-align:left;
	color: #3445a1;
	
}

#recomendationDescription{
	
	margin: 0.5em 0;
}

.recomendationPosition{
	
	margin: 0.5em 0;
}

/* job type table */
#main-jobs-list-center {
    height: 2.6em;
    margin: 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}

#Nojobs-list-center{
padding: 0.4em;
display: inline-block;
margin:auto;
text-align: center;

}

#jobs-list{
	width:100%;
	text-align:center;
	}
}

.jobtable-view {

  text-align:center;
  margin:auto;
  border-radius: 22px;
  
 
  
}


/*.
table-view li.confirmed{ background-color : #ffffff; }

.table-view li.award{ background-color : #ffffff; }

.table-view li.unread{ background-color : #ffffff; }

.table-view li.unreadjob{ background-color : #ffffff; }

.table-view li.unreadUrgentjob{ background-color : #ffffff; }

.table-view li.applied{ background-color : #ffffff; }

.table-view li.yourjobs{ background-color : #ffffff; }
*/
	


.jobtable-action li {

  position: relative;
  padding: 0.3em 0.6em;
}
.jobtable-action a {
  display: block;
  position: relative;
  text-decoration: none;
 
}
.jobtable-action 
 {
	  /* 18px / 14px */
/*max-width: 10em;*/ }


/* table styles */

.table-view-center {
  text-align:center;
}



  
/*center view */

.table-view-center li {
	list-style-type: none;
  border-top: 1px #fff solid;
  border-bottom: 1px #00546e solid;
  

	background:  rgba(255,255,255,.2) ; /* FF3.6+ */

	-webkit-box-shadow: 2px 0px 2px -2px #000 ;
	-moz-box-shadow: 2px 0px 2px -2px #000 ;
	box-shadow: 2px 0px 2px -2px #000 ;

	-moz-border-radius: 5px;
	border-radius: 5px;
	
	text-align:center;


}

.table-action-center li {
  position: relative;
  padding: 0.4em;
}

/*half view */

.table-view-half li {
	list-style-type: none;
  border-top: 1px #fff solid;
  border-bottom: 1px #00546e solid;
  
	background:  #00bfb9 ; 

	-webkit-box-shadow: 2px 0px 2px -2px #000 ;
	-moz-box-shadow: 2px 0px 2px -2px #000 ;
	box-shadow: 2px 0px 2px -2px #000 ;

	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;


}

.table-action-half 
 {
text-align:center; }

.table-action-half li {
  margin: 0 1em 0 0;
  position: relative;
  padding: 0.4em;
  float:left;
  width: 7em;
}

/*half 2 view */

.table-view-2half li {
	list-style-type: none;
  border-top: 1px #fff solid;
  border-bottom: 1px #00546e solid;
  

	background:  rgba(255,255,255,0.2) ; /* FF3.6+ */

	-webkit-box-shadow: 2px 0px 2px -2px #000 ;
	-moz-box-shadow: 2px 0px 2px -2px #000 ;
	box-shadow: 2px 0px 2px -2px #000 ;

	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;


}

.table-action-2half 
 {
text-align:center; }

.table-action-2half li {
  
  padding: 0.4em;
  min-height: 2.4em;
  }




.table-view {
  text-align:left;
  background:#ffffff;
  border-radius: 25px;

/*full view */
}

.table-view-recommend {
  text-align:left;
  display: inline-block;

/*full view */
}

.table-view-recommend li {
	list-style-type: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.5); 
  

	background:  rgba(255,255,255,.2) ; /* FF3.6+ */

	-webkit-box-shadow: 2px 0px 2px -2px #000 ;
	-moz-box-shadow: 2px 0px 2px -2px #000 ;
	box-shadow: 2px 0px 2px -2px #000 ;
/*
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/


}

#results-container{
	border: 2px solid #ff9d59;
	border-radius:10px;
	background: #ffffff;
	margin: 0.5em 0 1em 0;
	
	-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
	
	}

.table-view li {
	list-style-type: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   /* border-top: 1px solid rgba(255, 255, 255, 0.5); */
  
  /*border-radius: 9px;*/

	background:  rgba(255,255,255,.2) ; /* FF3.6+ */
	padding: 1em 1em 1em 2em;

	/*-webkit-box-shadow: 0px 0px 1px 0px #000 ;
	-moz-box-shadow: 0px 0px 1px 0px #000 ;
	box-shadow: 0px 0px 1px 0px #000 ;*/
/*
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/


}

.table-view li:first-child {
	border-radius: 9px 9px 0 0;
	}
	
	.table-view li:last-child {
	border-radius: 0 0 9px 9px;
	 border-bottom: 0px;
	}
	
	.table-view li::only-child {
	border-radius: 9px;
	border-bottom: 0px;
	}
	
	

.table-view-recommend li.recommendations {
	float:left;
	width: 250px;
	}
	
.table-view .even {
  background:  rgba(0,26,119,.15) ; /* FF3.6+ */
}

.table-action li {
  position: relative;
  padding: 0.9em 1em 1.5em;
  overflow: auto;
}

.table-action li.recommendation {
    overflow: auto;
    padding: 0 0.5em;
    position: relative;
}

.profilePosition {
    margin: 0 0 0 -0.7em;
    position: relative;
}


#addfriend_Profile_Request{
	float: right;
    position: relative;
    top: 1em;
    width: 2.5em;
    cursor: pointer;
    z-index: 1000;
}


.RecommendationProfilePosition {
    margin: 0 0 0 -0.7em;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;

    position: relative;
}


 #RecommendationProfileImages{
	 
	 width:500px;
 }   
    

.table-action a {
  display: block;
 /* position: relative; */
  text-decoration: none;
  z-index: 10;
}
.table-action 
 {
	  /* 18px / 14px */
width: 100%; }
.table-action .jobCompletedDate {
	color: #333;
	font-size: 0.9em;
  font-weight: bold;
}

.table-action .jobPrice {
	/*color: #fff;*/
	font-size: 1em;
  font-weight: bold;
}

.table-action-center .starsInfoheight
{
	height: 2em;
    margin: 0 auto -1em;
    padding: 0 0.3em 0.4em;
    max-width: 8em;
}

.table-action-center .starsInfo
{
  
   margin: auto;
    text-align: center;
    top: 30%;
    
}

.table-action .starsInfo
{
  
   margin: -1.4em auto auto;
    max-width: 8em;
    position: absolute;
    right: 4em;
    text-align: center;
    top: 2.4em;
}

.starsInfo .starsAwarded{
position: absolute;
    right: -3em;
    text-align: right;
    top: -0.7em;
}

.table-action .starsInfoBuddies {
    margin: -1.2em auto auto;
    max-width: 8em;
    position: absolute;
    right: 5em;
    text-align: center;
    top: 2em;
}


.table-action .jobdistanceInfo
{
  
   margin: -1.2em 1em auto;
    max-width: 5em;
    position: absolute;
    right: 8em;
    text-align: center;
    top: 60%;
}

.table-action .commentsNeeded
{
  
  margin: -1.2em auto auto;
    max-width: 3em;
    position: absolute;
    right: 6em;
    text-align: center;
}

.table-action .moreInfo {
  
  position: absolute;
  right: 1em;
  top: 2.3em;
  margin-top: -1em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  z-index: 3;
}

.table-action .connectionRequest {
  
  position: absolute;
  right: 1em;
  top: 2.3em;
  margin-top: -2em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  z-index: 3;
}

.table-action .addfriend {
  
  position: absolute;
  right: 1em;
  top: 4%;
  margin-top: 1em;
}

.table-action .addRecommendation {
  
  position: absolute;
  right: 1em;
  top: 0.1em;
}

.table-action .addfriendresult {
   color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    left: 31%;
    overflow: hidden;
    padding: 1em 0 0.8em;
    position: absolute;
    text-overflow: ellipsis;
    top: 3.3em;
    white-space: nowrap;
    width: 63%;
}




.table-action .friendpending {
    margin-top: 1em;
    position: absolute;
    right: 1em;
    /*top: 50%;*/
}

.table-action .moreInfojob{
  
  position: absolute;
  right: 0.5em;

  margin-top: -7.5em;
}

.table-action .moreRecommendersInfojob {
    margin-top: -4.6em;
    position: absolute;
    right: 0.5em;
}



.table-action .acceptFriend {
   position:relative;
   left:0em;
   float:left; 
   text-align:left;
   padding: 0 0.5em 0 0;
}

.table-action .confirmjob {
  position:relative;
  left:0em;
  float:left;
  text-align:left;
}

.table-action .contactApplicant {
  position:relative;
  left:1em;
  float:left;
  text-align:left;
}

.table-action .rejectjob {
   position:relative;
   left: 0.5em;
   float:left; 
   text-align:left;
}

.ApplicantDistance {
	
	color:#000;
	font-size: 0.7em;
}

#personType {
    height: 70px;
    left: -0.4em;
    padding: 0 0 0 0.2em;
    position: absolute;
    top: 0.2em;
    width: 0.7em;
}

#personType.clients{background-color: #2727b1;}

#personType.workers{  background-color: #37b127;}

#personType.both{  background-color: #a13fec;}

#rotateText{

bottom: -1.7em;
    left: -1.8em;
    position: relative;
    width: 4em;
    -moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);

}
/* message page */

#messageBtn{
	margin:auto;
	padding:0.3em 0.7em 0.7em 0.7em;
	text-align:center;
	max-width: 18em;
	
	/*backgound: transparent;*/
	
}

#buttonPadding{
margin:0.7em 0 0 0;
}

#bigButton{
margin: 1em 0.5em;
}

#applyJobBigButtonPadding {
    margin: 0.5em 0;
}


#starsRating{
width:100%;
 height: 3em;
    margin: 3em auto;
    text-align: center;
    width: 100%;

}
#starsRatingContainer{

    margin: auto;
    height: 3em;
    margin: auto;
    width: 15.5em;

}


.StarsInALineText {
    font-size: 0.7em;
    text-align: right;
    line-height: 1.5em;
}

.NoStarsInALineText {
    font-size: 0.7em;
    text-align: right;
    line-height: 1.5em;
    padding:1em 0 0 0;
}


/*steps*/

#step{
	margin:auto;
    text-align: center;
   
}

#step ul{
	/*
	background-color: #444;
    margin: auto;
    padding: 15px;
    position: relative;
    text-align: center;
    */
    
    background: rgba(255, 255, 255, 0.2);
    max-width: 100%;
    margin: auto;
    padding: 15px;
    position: relative;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


#step li {
	list-style-type: none;
    text-align: center;
	
}

#step li.stepStory {
    margin: 1em 0 0.5em;
    background-image: url("../images/homepageImage/blueBack50.png");

    border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    padding: 5px;
	
	}
	
#step li.stepheader {
    margin: 0 0 0.5em;
	
	}


	
#step li.step1, #step li.step2, #step li.step3 {
    margin: auto;
    max-width: 400px;
    padding: 1em 0 0;
}

#step li #step {
	padding: 0 1em 0.7em;
	
}


/*steps end */

/*extras*/

#addedextras ul{
	background-color: #47a5bf;
    margin: 1em 0;
    padding: 1em 2em 2em;
    position: relative;
    text-align: left;
    border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#addedextras li {
	list-style-type: none;
    list-style-position: inside;	
}

#addedextras li:last-child{
  list-style-position: inside;
}


#extrasCopy {
   margin: 1em 0 0 2.5em;

	
}

/* bottom panel */
#bottomPanel{
	background-color: #94a1f2;
    /*border-radius: 10px;*/
    margin: 1em 0;
    padding: 1em 2em 2em;
    position: relative;
    text-align: center;
}

/* end bottom pannel */

/*extras end*/

div.ui-datepicker, .ui-datepicker input{font-size:73%;  z-index:30000000; /*margin-top: 10em; margin-left: 1em;*/}

#datefrom.ui-datepicker, #datefrom.ui-datepicker input{font-size:72%;  z-index:30000000;  }


#profileDescription .textareaDesc{
	
	position: relative;
	
}

#jobType{
	/*min-height: 4em;*/
    /*padding: 0 0 1em;*/
    margin: auto;
    min-width: 180px;
	
}

#jobTypeContainer{
	text-align: center;
    /*min-width: 300px;*/
    max-width: 530px;
    margin: auto;
	}

#singleJob-jobType{
	color: #3445a1;
    /*float: left;*/
    padding: 0.2em 0.6em;
    position: relative;
    top: 0.8em;
    width: 180px;
	display: inline-block;
}

#recurringJob-jobType{
	color: #3445a1;
    /*float: right;*/
    padding: 0.2em 0.6em;
    position: relative;
    top: 0.8em;
    width: 180px;
	display: inline-block;
}

#VolunteeringJob-jobType{
	color: #3445a1;
   /* float: right; */
    padding: 0.2em 0.6em;
    position: relative;
    top: 0.8em;
    width: 180px;
	display: inline-block;
}

#WorkExperience-jobType{
	color: #3445a1;
   /* float: right; */
    padding: 0.2em 0.6em;
    position: relative;
    top: 0.8em;
    width: 180px;
	display: inline-block;
}

.jobTypeText{
	padding: 0 0 0 0.3em;
    position: relative;
    top: 0.8em;
}

#hourlyRateTitle{
	color: #3445a1;
    float: left;
    padding: 0 0.6em;
    position: relative;
    top: 0.8em;
}

#totalRateTitle{
	color: #3445a1;
    float: right;
    padding: 0 0.6em;
    position: relative;
    top: 0.8em;
}

.priceRateText{
	padding: 0 0 0 0.3em;
    position: relative;
    top: 0.8em;
}

#priceRate{
	height: 2em;
    margin: auto;
    max-width: 290px;
    min-width: 290px;
	
}

#FlexDate{
	height: 2em;
    margin: auto;
    max-width: 230px;
    min-width: 230px;
    padding: 0 0 3.5em 0;
	
}

input[type="charsLeft"]
{
	
	position: relative;
	width:2em;
	background-color: transparent;
    border: medium none;
	color:#444;
	font-size:1em;
	line-height:1.5em;
	
}


/* checkbox small*/

.checkboxsmall, .checkboxsmallTC1, .checkboxsmallTC2 {
	width: 2em;
	height: 2em;
	background: #ddd;
	margin: 0.2em 0.8em 0.8em;
	
	border-radius: 100%;
	position: relative;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}


.checkboxsmall label, .checkboxsmallTC1 label, .checkboxsmallTC2 label{
	display: block;
	width: 1.5em;
	height: 1.5em;
	border-radius: 100px;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 0.25em;
	left: 0.25em;
	z-index: 1;

	background: #7bdeff;

	-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	
}


.checkboxsmall input[type=checkbox]:checked + label, .checkboxsmallTC1 input[type=checkbox]:checked + label, .checkboxsmallTC2 input[type=checkbox]:checked + label {
	background: #00ff67;
	background-image: url('../icons/complete-small.png');
	background-repeat:no-repeat;
	background-position:center; 
}


/* checkbox */

.checkboxFour6, .checkboxFour7, .checkboxFour8, .checkboxFour9, .checkboxFour10, .checkboxFour11, .checkboxFour12, .checkboxFour13, .checkboxFour14, .checkboxFour15, .checkboxFour16, .checkboxFour17, .checkboxFour18, .checkboxFour19, .checkboxFour20, .checkboxFour21, .checkboxFour22, .checkboxFour23, .checkboxFour24, .checkboxFour25, .checkboxFour26, .checkboxFour27, .checkboxFour28, .checkboxFour29, .checkboxFour30, .checkboxFour31, .checkboxFour32, .checkboxFour33, .checkboxFour34, .checkboxFour35, .checkboxFour36, .checkboxFour37, .radioboxFour, .radioboxFour2, .radioboxFour3 {
	width: 40px;
	height: 40px;
	background: #ddd;
	margin: 0.2em;
	float:left;
	border-radius: 100%;
	position: relative;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}


.checkboxFour6 label, .checkboxFour7 label, .checkboxFour8 label, .checkboxFour9 label, .checkboxFour10 label, .checkboxFour11 label, .checkboxFour12 label, .checkboxFour13 label, .checkboxFour14 label, .checkboxFour15 label, .checkboxFour16 label, .checkboxFour17 label, .checkboxFour18 label, .checkboxFour19 label, .checkboxFour20 label, .checkboxFour21 label, .checkboxFour22 label, .checkboxFour23 label, .checkboxFour24 label, .checkboxFour25 label, .checkboxFour26 label, .checkboxFour27 label, .checkboxFour28 label, .checkboxFour29 label, .checkboxFour30 label,  .checkboxFour31 label, .checkboxFour32 label, .checkboxFour33 label, .checkboxFour34 label, .checkboxFour35 label, .checkboxFour36 label, .checkboxFour37 label,  .radioboxFour label, .radioboxFour2 label, .radioboxFour3 label{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;

	background: #7bdeff;

	-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}


.checkboxFour6 input[type=checkbox]:checked + label, .checkboxFour7 input[type=checkbox]:checked + label, .checkboxFour8 input[type=checkbox]:checked + label, .checkboxFour9 input[type=checkbox]:checked + label, .checkboxFour10 input[type=checkbox]:checked + label, .checkboxFour11 input[type=checkbox]:checked + label, .checkboxFour12 input[type=checkbox]:checked + label, .checkboxFour13 input[type=checkbox]:checked + label, .checkboxFour14 input[type=checkbox]:checked + label, .checkboxFour15 input[type=checkbox]:checked + label, .checkboxFour16 input[type=checkbox]:checked + label, .checkboxFour17 input[type=checkbox]:checked + label, .checkboxFour18 input[type=checkbox]:checked + label, .checkboxFour19 input[type=checkbox]:checked + label, .checkboxFour20 input[type=checkbox]:checked + label, .checkboxFour21 input[type=checkbox]:checked + label, .checkboxFour22 input[type=checkbox]:checked + label, .checkboxFour23 input[type=checkbox]:checked + label, .checkboxFour24 input[type=checkbox]:checked + label, .checkboxFour25 input[type=checkbox]:checked + label, .checkboxFour26 input[type=checkbox]:checked + label, .checkboxFour27 input[type=checkbox]:checked + label, .checkboxFour28 input[type=checkbox]:checked + label, .checkboxFour29 input[type=checkbox]:checked + label, .checkboxFour30 input[type=checkbox]:checked + label, .checkboxFour31 input[type=checkbox]:checked + label, .checkboxFour32 input[type=checkbox]:checked + label, .checkboxFour33 input[type=checkbox]:checked + label, .checkboxFour34 input[type=checkbox]:checked + label, .checkboxFour35 input[type=checkbox]:checked + label, .checkboxFour36 input[type=checkbox]:checked + label, .checkboxFour37 input[type=checkbox]:checked + label, .radioboxFour input[type=radio]:checked + label, .radioboxFour2 input[type=radio]:checked + label, .radioboxFour3 input[type=radio]:checked + label {
	background: #00ff67;
	background-image: url('../icons/complete-small.png');
	background-repeat:no-repeat;
	background-position:center;
}

input[type="checkbox"] {
    visibility: hidden;
}

input[type="radio"] {
    visibility: hidden;
}
/* end checkboc */

.jobName{
	height: 1.8em;
    margin: auto;
    padding: 1em 0 0;
    text-align: center;
    width: 100%;
}

.communicationTitle{
	
	font-size: 0.8em;
    height: 2.2em;
    padding: 1em 0 0 8em;
    color: #fff;
}

.communicationTitle-black{
	
	font-size: 0.8em;
    height: 2.2em;
    padding: 1em 0 0 8em;
    color: #000000;
}

#profileDescription .charsLeft
{
	 background-color: #ff9d59;
	 border-radius: 7px;
    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
    left: 4%;
    padding: 0 0 0 0.5em;
    position: relative;
    text-align: left;
    top: -0.7em;
    width: 10em;
    z-index: 22;
	
}

#datebtn{
	float:left;
	margin:0 0.5em 0.5em 0;
}

#jobDisplaySelect{
	
	float:left;
	
}


#dateSelect .datefrom, #dateSelect .dateto{

	float:left;
	margin:0 0.5em 0.5em 0;
	
}

#RecommendedNumberbox {
    margin: 0.7em 0 0 0.3em;
    color:#fff;
    font-size: 0.7em;
    padding: 0.1em 0.3em 0.1em 0.1em;
}
#RecommendedNumberbox {
    background-color: #47a4be;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    display: inline;
    float: right;
    margin: 0 0 0 0.4em;
    min-width: 2.5em;
    position: absolute;
    top: 0.9em;
    z-index: 10;
}


#messageNumberbox{
	
	position:absolute;
	top:0.3em;
	
	display: inline;
  /*border-right: 1px #333 solid;*/
  float: right;
  margin: 0 0 0 0.4em;
 	min-width:1.4em;
	height:1.4em;
	border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	background-color:#24ff00;
	z-index:10;
	

}

.messageNumber{
	position:relative;
	top:-0.65em;
	color:#000;
	font-size: 0.8em;
	padding:0.3em;
	

}

#MouseMateNumberbox{
	
	position:absolute;
	top:0.3em;
	
	display: inline;
  /*border-right: 1px #333 solid;*/
  float: right;
  margin: 0 0 0 0.4em;
 	min-width:1.4em;
	height:1.4em;
	border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	background-color:#ff8400;
	z-index:10;
	

}

.MouseMateNumber{
	position:relative;
	top:-0.65em;
	color:#fff;
	font-size: 0.8em;
	padding:0.3em;
	

}

#JobCountNumberbox{
	
	position:absolute;
	top:0.3em;
	
	display: inline;
  /*border-right: 1px #333 solid;*/
  float: right;
  margin: 0 0 0 0.4em;
 	min-width:1.4em;
	height:1.4em;
	border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	background-color:yellow;
	z-index:10;
	

}

.JobCountNumber{
	position:relative;
	top:-0.65em;
	color:#000;
	font-size: 0.8em;
	padding:0.3em;
	

}


#JobApplyNumberbox{
	
	position:absolute;
	top:0.3em;
	
	display: inline;
  /*border-right: 1px #333 solid;*/
  float: right;
  margin: 0 0 0 0.4em;
 	min-width:1.4em;
	height:1.4em;
	border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	background-color:#00f6ff;
	z-index:10;
	

}

.JobApplyNumber{
	position:relative;
	top:-0.65em;
	color:#000;
	font-size: 0.8em;
	padding:0.3em;
	

}



#VoucherNumberbox {
   background-color: red;
    border-radius: 4px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    display: inline;
    float: right;
    height: 0.8em;
    margin: 0 0 0 0.4em;
   /* min-width: 1.4em;*/
    position: absolute;
    top: 0.3em;
    z-index: 10;
}

.VoucherNumber {
     color: #fff;
    font-size: 0.6em;
    padding: 0.3em;
    position: relative;
    top: -0.65em;
}


#cords{

 	float: left;
    max-width: 15em;
    padding: 0 0.5em 0 0;
    width: 50%;
}

#jobviewlocationBtn{
float:left;
}


/* from screen 600 */


h3{
	/*text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;*/
  color: #3445a1;
    font-size: 1em;
  margin: 0 0 -0.4em 0;
  
}

.lineheighth3-small{
line-height: 1.6em;
}

/* emergency job */

#emergencyJob{
	
	width:100%;
	/*background-color: aqua;*/
    margin: 0 auto 1.5em 0;
}

.emergencyJobcontents{
	
	height:3em;
	max-width:16.5em;
	margin:auto;
}

.emergencyJobCopy{
	
	 color: #3445a1;
    font-size: 20px;
    /*font-style: uppercase;*/
    font-weight: bold;
    float: left;
    padding: 0 0.6em;
    position: relative;
    top: 1em;
}

#EmergencyPriceRate{
	float:left;
}

#EmergencyRateCheckbox {
    color: #3445a1;
    float: left;
    padding: 0 0.6em;
    position: relative;
    top: 0.3em;
}

#EmergencyTanCs{
	 color: #3445a1;
    padding:0.6em;
}

#AveragePriceCheck{
	 color: #3445a1;
    margin: 0.5em 0 -1em;
    font-size: 0.7em;
}

#priceRateHolder{
	height: 6em;
    padding: 0.1em 0 0;
    position: relative;
	
}

#priceRatesSlider_Loader{

	position: relative;
    top: 5em;
    z-index: 100;
	
}

#priceRateSlider{

	position:relative;
	
}

.small{

    font-size: 0.7em;

}

.addfriendtext{
	color: #000;
    font-size: 0.5em;
    line-height: 9px;
    position: absolute;
    right: 0.5em;
    text-align: center;
    top: 7.5em;
    width: 7.7em;
}

.addfriendtext-fix{
    top: 5.5em;
    right: -1.5em;
}

.addfriendtextapprove-fix{
    top: 6em;
    
}



.addfriendProfiletext-fix{
    right: -1.1em;
    top: 5.5em;
}

.addprofiletext{
	color: #fff;
    font-size: 0.5em;
    line-height: 9px;
    position: absolute;
    right: 0.5em;
    text-align: center;
    top: 7.5em;
    width: 7.7em;
}

.addprofiletext-fix{
    top: 2em;
    right: -1.5em;
}

.big{

    font-size: 0.9em;
    font-weight: bold;

}

#recommendation-findfriend-btn{
	
	border: 1px solid #5be9ff;
    border-radius: 0.5em;
    color: #000;
    font-size: 0.7em;
    /*margin: 0 8em 0 7.7em;*/
    margin: 0 2em 0 0;
    float:left;
    width:100px;
    padding: 0.5em;
    text-align: center;
    cursor: pointer;
}

#recommendation-btn{
	
	border: 1px solid #5be9ff;
    border-radius: 0.5em;
    color: #fff;
    font-size: 0.7em;
    margin: 0 1em 0 7.7em;
    padding: 0.5em;
    text-align: center;
}

#main-recommendation-list-center{
	

    margin: 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
    white-space: nowrap;
    width:100%;	
	height: 5em;
	cursor:pointer;
    
}

#Recommendation_profileInfo .profileName {
    color: #000;
    font-size: 1em;
    font-weight: bold;
    overflow: hidden;
    padding: 0.5em 0 0.8em;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}

.namepadding{
padding: 0.3em 3em 0.3em 0.3em;
}

/* emergency rate end */

#jobbuddiesprofileInfo .profileName{
	
	/*color:#fff;*/
	font-size:0.8em;
	font-weight: bold;
	padding: 0.3em 3em 0.8em 2em;
	
	
}

#jobbuddiesprofileInfo .recommName{
	
	color:#000;
	font-size:1em;
	font-weight: bold;
	padding: 0.3em 1em 0.8em 0.5em;
	
	
}

#jobbuddiesprofileInfo .recommDesc{
	
	color: #000;
    /*font-size: 0.7em;*/
    padding: 0.3em 0.5em 0.8em;
	
	
}

.recommDesc{
	margin: 1em 0;
	}

#jobbuddiesprofileInfo .RecommendedJobName {
    color: #000;
    /*font-size: 0.8em;*/
    font-weight: bold;
    padding: 0.3em 3em 0.3em 0;
}


.jobtable-view li {

float:left;
margin: 0.2em;
    min-width: 6em;
    padding: 0.6em 0.2em 0.1em;



	
	
	
min-height: 2em;


margin:0.2em;
	list-style-type: none;
	/*border-top: 1px solid rgba(255, 255, 255, 0.4);*/
  border-bottom: 1px #00546e solid;
  

	background:  rgba(0,84,110,0.6) ; /* FF3.6+ */

	   font-family:"Trebuchet", Arial, Helvetica, sans-serif;
	
  color: #fff;
	font-size:0.81em;
	line-height:1.2em;


}


#messageBtn .send{
	margin:0.3em;
	min-width: 6em;

	/*backgound: transparent;*/
	
}



#messageBtn .sent{
	margin:0.6em 0 0 0;
	min-width: 6em;
	
	/*backgound: transparent;*/
	
}

.table-action .ignoreFriend {
    float: left;
    left: 0.1em;
    position: relative;
    text-align: left;
    width: 1em;
}


#buddiesprofileInfo .messageName{
	
	color:#000;
	font-size:0.8em;
	font-weight: bold;
	padding: 0.5em 0 0.1em 0em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	
	
}

#buddiesprofileInfo .profileName{
	
	color:#fff;
	font-size:0.8em;
	padding: 1em 0 0.8em;
	font-weight: bold;
	white-space: nowrap;
	width:50%;
	overflow: hidden;
	text-overflow:ellipsis;
	
	
}


#otherjobs{

	position:relative;
	left: -0.2em;
	/*padding: 0 0 1em;*/

}

#recommendationTitles #otherjobs
{

	position:relative;
	left: 0.1em;

}

#PosterAddressline{

	padding: 0 0 1em;
	border-color: red;

}

#ProfilePosterAddressline{
	margin: auto;
    width: 90%;
}

#postSafetyline{
	margin:1em 0;
	padding: 0 2em;
	color:#fff;
	font-size:0.7em;
	line-height:1.5em;
}

#Findjobsline{
	margin: 0 0 1em;
	padding: 0 2em;
	color:#fff;
	font-size:0.7em;
	line-height:1.5em;
}

#telSafetyline{
	margin:1em 0;
	padding: 0 2em;
	color:#fff;
	font-size:0.7em;
	line-height:1.5em;
}

#reportthejob{
	/*font-size: 0.9em;
    margin: 1.5em 0 0;*/
}

#jobprofilepic{
	 height: 7em;
    margin: auto;
    width: 9em;
}

#messageprofilepic{
	 height: 4.5em;
    margin: auto;
    width: 5em;
    padding: 0.5em 0;
}

/* job image upload btn*/

input[name="jobImage_upload"] {
	margin: 1em 0;
    max-width: 260px;


	}

input[type="file"] {
	 -webkit-appearance: none;
    -moz-appearance:none;
    -webkit-border-radius:0px;
    max-width: 90%;

	}
	


/* Image slider css */

#ImageSliderHolder{
	/*margin:0.5em;*/
	width:auto;
    max-width:100%;
    height:auto;
    overflow:hidden;
}

#ImageSliderHolder ul{
	margin:0.5em;
	width:auto;
    max-width:100%;
    height:auto;
    overflow:hidden;
    list-style-type: none;
}

#jobImageAdjust{
	float: left;
    margin: 0 0.5em 1.5em;
}

#jobImageButtomControl{
	margin:auto;
	width:100%;
}

#jobImageButtomControlContainer{
	height: 2em;
    margin: auto;
    width: 16em;
}

#ImageHolder{
	
	margin:auto;
    width:320px;
}

div[u=slides]{
cursor: move; 
position: absolute; 
left: 0px; 
top: 0px; 
width: 320px; 
height: 160px;
overflow: hidden;}

div[u=loading]{
position: absolute; 
top: 0px; 
left: 0px;
}

#slider1_container{ position: relative; top: 0px; left: 0px; width: 320px;
        height: 160px;  
        
/* slider nac */

#navHolder{
	margin:auto; width:320px;
}


#ImageSliderHolder li {
	
	margin:0.5em;
	list-style-type: none;
}

#ImageSliderHolder img{
	
	width:320px;
	height:160px;
}

#reportthemessage{
	color:red;
	padding:0.5em;
}


input[name="VideoRecognition_upload"] {
	max-width: 90%;
}


.cc_container .cc_message {
    width: 60%;
}

img.securePayment_icon{
	max-width:5em;
}

.orange{
color:#FF9046;
}