html {
  font-family: Poppins, sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}


/* PROFILE CARD STYLING */

.card{
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px;
}
.card .cardbox{
  width: calc(33% - 10px);
  margin-top: 20px;
  background: #f8f8f8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  border-radius: 5px;
  border: #ddd solid 1px
}
.cardbox .quote i{
margin-top: 10px;
font-size: 45px;
color: #17c0eb
}
.card .cardbox .cardimage{
  margin: 10px 0;
  height: 150px;
  width: 150px;
  background: #14b1bb;
  padding: 3px;
  border-radius: 50%;
}
.cardbox .cardimage img{
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff;
}
.cardbox p{
  text-align: justify;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
}
.cardbox .nameJobTxt{
  margin: 10px 0 3px 0;
  color: #14b1bb;
  font-size: 18px;
  font-weight: 600;
}
.rating i{
  font-size: 18px;
  color: #14b1bb;
  margin-bottom: 5px;
}
.cardButtons{
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 32px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.cardButtons a {
	color: #14b1bb;
	margin-left: auto;
	margin-right: auto;
  	background-color: #fff;
  	width: 100%;
  	outline: none;
  	border: 2px solid #14b1bb;
  	border-radius: 5px;
  	cursor: pointer;
  	font-weight: 400;
  	text-align: center;
  	transition: all 0.3s linear;
}
.cardButtons a:first-child{
  margin-right: 5px;
}
.cardButtons a:last-child{
  margin-left: 5px;
}
.cardButtons a:hover{
  color: #fff;
  background: #14b1bb;
}


#map-canvas { height:330px; width:100%; margin: 0; padding: 2; border: #dddddd solid 1px; border-radius: 5px; }

#from { color:#666; border: #ddd solid 1px; font-family: Poppins, Sans-serif; font-weight: 200; font-size: 18px; background-color: #fff; margin-top:0; height:34px; width:100%; }
#to { color:#666; border:#ddd solid 1px; font-family: Poppins, Sans-serif; font-weight: 200; font-size: 18px; background-color: #fff; margin-top:0; height:34px; width:100%; }

.timeContainer { height:34px; width:40%; border:0; float:left;}
.dateContainer { height:34px; width:60%; border:0; float:left; }

#footerStyle { width:100%; text-align:center;  margin-left:auto; margin-right:auto;  margin-top:10px;  font-family: Poppins, Sans-Serif; font-size:11px; }

.hmBookLeader { font-size:12px; font-weight: strong; margin-left:20px; }

.acceptButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
	box-shadow:inset 0px 1px 0px 0px #fff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	height:33px;
	line-height:33px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.acceptButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}
.acceptButton:active {
	position:relative;
	top:1px;
}

.reimburseButton { width:10%; float:left; text-align:right;  margin-top:12px; margin-bottom:12px; }
.recoveryButton { width:20%; float:left; margin-top:12px; margin-bottom:12px; }

.invDate 	{ width:40%; float:left; }
.invText	{ width:30%; float:left; }
.invPaid 	{ width:10%; float:left; text-align:right; }
.invCash 	{ width:20%; float:left; text-align:right; }

.searchStyle { width:550px; position: relative; left: 0%; }
.dashBioSpace { color:#111; min-height:40px; }

.spacer5px	{ height: 5px;  width: 100%; }
.spacer10px { height: 10px; width: 100%; }
.spacer16px { height: 16px; width: 100%; }
.spacer20px { height: 20px; width: 100%; }
.spacer32px { height: 32px; width: 100%; }
.spacer40px { height: 40px; width: 100%; }
.spacer70px { height: 70px; width: 100%; }

.centreContent	{ width:100%; margin-left:auto; margin-right:auto;  }
.floatLeftHalf	{ float:left; width:50%; }
.fl50pc			{ float:left; width:50%; }
.fl55pc			{ float:left; width:55%; }
.fl20pc 		{ float:left; width:20%; }
.fl15pc 		{ float:left; width:15%; }
.fl60pc			{ float:left; width:60%; }
.fl70pc			{ float:left; width:70%; }
.fl80pc 		{ float:left; width:80%; }
.fl25pcR	    { float:left; width:25%; text-align: right;}

.socialBar 			{ width:100%; }
.socialBarFollow 	{ float:left; margin-left:75%; font-size:14px; margin-top:3px; }
.socialBarTwitter 	{ float:left; margin-left:10px; margin-top:3px; }
.socialBarIcon 		{ float:left; margin-left:5px; margin-top:3px; }

.noBorder { border:0; }

.avatarClass 		{ border-radius:50%; width:160px; height:160px; }
.avatarSmallClass	{ border-radius:50%; width:60px; height:60px; border-width:2px; border-color:#ddd; }
.avatarVerySmallClass { border-radius:50%; width:45px; height:45px; margin-top:5px; border-width:2px; border-color:#dddddd; }
.avatarVVSmallClass { border-radius:50%; width:40px; height:40px; margin-top:-7px; border-width:2px; border-color:#dddddd; }
.avatarTinyClass	{ border-radius:50%; width:30px; height:30px; border-width:2px; border-color:#dddddd; }




textarea {  border-radius: 3px; }

.userCardContainer { height:120px; font-family:Poppins, Helvetica; border: 2px solid #eeeeee; border-radius: 1.4em; background-color: #ffffff; margin:10px;  }
.userCardAvatar 	{ height:75px; width:75px; float:left; }
.userCardTxt		{ height:75px; min-width:60%; float:left; }
.userCardNameChk	{ height:75px; width:75px; float:left; }
.userCardName		{ height:40px; min-width:px;font-size: 30px; color: #666666; }
.userCardMeta		{ height:25px; min-width:75px; float:left; }
.userCardLinks 		{ height:25px; width:60%;}



.mt10 { margin-top:10px; }

.verticalPad 		{ padding-top:8px; padding-bottom:8px;}
.spacer8px 			{ height:8px; }
.client_subheading 	{ font-size:14px; color: #40c6ee; }
.clientHalfContainer { border:0; font-family: Poppins, Helvetica, Arial; font-weight: 400; font-size: 13px; color: #666666; width:150px; }
.clientTextarea 	{ width:620px;  border:0;  resize:none; font-family: Poppins, Helvetica, Arial; font-weight: 400; font-size: 13px; color: #666666;  margin-top:2px; }
.profKeyC 			{ font-family: Poppins, Helvetica, Arial; font-size: 14px;  color: #002233; width:130px; float:left; font-weight:400;  }

.whiteBrick 	{ float:left; margin-left: 12px; width: 12px; height:5px; background-color: #ffffff; }
.invoiceStrong 	{ width:600px; font-family: Poppins; font-size:18px; font-weight: bold; color: #000000; }
.invoice14px 	{ width:600px; font-family: Poppins; font-size:14px; font-weight: bold; color: #000000; }
.invoiceWeak 	{ width:600px; font-family: Poppins; font-size:10px; color: #000000; }

.profskills { font-family: Poppins, Helvetica, Arial;  font-size: 13px; color: #002233; float:left; font-weight: 200;  margin-left:10px; }

.fromdata { font-family: Poppins, Sans-serif; font-size: 14px; color: #002233; width:60px; float:left; font-weight: 400;  }

.dateFrom {  height:26px; margin-left:12px; }
.locateSelect { height:26px; margin-left:40px; }
.locateInRosters { font-family: Poppins, Sans-serif; font-size:18px; color:#082c58; text-align:left; margin-left:40px;  }
.padRejected { background-color:#ffb8bc; padding:12px; }


.bluetabfloat { width:140px; height:30px; background-color: #002644; font-size: 16px; padding:8px; float:left; margin-right: 5px; color: #eeeeee; }
.greytabfloat { width:140px; height:30px; background-color: #aaaaaa; font-size: 16px; padding:8px; float:left; margin-right: 5px; color: #002644; }


.imageRight { float: right; }

.hidden { display: none; }
.width960 { width:960px;  margin:0 auto; }

div.float p { text-align: center; }

.blueBgtext { color: #002644; }
.darkGrey { color: #eee; }
.greytext { color: #f1f1f1; }
.white 	  { color: #fff; }
.cyan     { color:#40c8ee; }
.width300 { width:300px; }
.blueline { width:670px; height:7px; background-color: #002644; color: #ffffff;	 }
.blueline960 { width:960px; height:7px; background-color: #002644;  color: #ffffff;	 }

.navbar p { text-align: center; }

.cb { clear:both; } 

.betweenDates { float:left; margin-top:6px; width:30px; }

.fl { float:left; } 
.fr { float:right; }
.fl40 { float:left; width:40px; }
.fl40R { float:left; width:40px; text-align:right; }
.fl60 { float:left; width:60px; }
.fl73 { float:left; width:73px; }
.fl85  { float:left; width:85px;  }
.fl100 { float:left; width:100px; }
.fl100R { float:left; width:100px; text-align:right; }
.fl120 { float:left; width:120px; }
.fl130 { float:left; width:130px; }
.fl140 { float:left; width:140px; }
.fl150 { float:left; width:150px; }
.fl160 { float:left; width:160px; }
.fl200 { float:left; width:200px; }
.fl210 { float:left; width:210px; }
.fl220 { float:left; width:220px; }
.fl240 { float:left; width:240px; }
.fl300 { float:left; width:300px; }
.fl310 { float:left; width:310px; }
.fl600 { float:left; width:600px; }
.fl670 { float:left; width:670px; }

.fl40sqr { float:left; width:40px; height:40px; }

.float400 	{ float:left; width:400px; margin-top:3px; }
.float400L 	{ width:400px; margin-left:10px; float:left; margin-top:3px; }

.float220 	{ float:left; width:220px; margin-top:3px; }
.float350 	{ float:left; width:350px; margin-top:3px; }

.float120R 	{ width:120px; float:left; text-align:right; margin-top:3px; }
.float130R 	{ width:130px; float:left; text-align:right; margin-top:3px; }
.float140R 	{ width:140px; float:left; text-align:right; margin-top:3px; }
.floatR		{ float:left; text-align:right; }

.expense30 { width:30%; float:left; }
.expense60 { width:60%; float:left; }
.expense10 { width:10%; float:right; text-align:right; }

.select220 	{ width:200px; }
.width240 	{ width:240px; }

.halfContainer { width:50%; float:left; padding:2px; }

.fullRight 	{ width:100%; text-align:right; }
.fullWidth 	{ width:100%; }

.fullWidthMonth 	{ width:100%; font-size:14pt;}
.fullWidthCurrency	{ width:100%; text-align:right; font-size:14pt; }

.headTop    { width:100%; text-align:left; background-color:#f7f7f7; margin-top:10px; margin-bottom:10px; }
.headTitle	     { float:left; width:670px; height:55px; text-align:left; font-family: poppins; font-size: 36px; font-weight:300;}
.headTitleAvatar { float:left; width:280px; height:55px; text-align:right; }

.centre650 	 { width:97%;  margin-left:auto;  margin-right:auto; }
.white140 	 { height:140px; background-color: #fff; }
.width135right { margin-right:0; width:135px; }  
.whiteMin350 { min-height:350px; background-color:#fff; }

.locationSelector { width:160px; height:24px; }
.fromToDateStyle { border:0; font-family: Poppins, Sans-serif; font-size: 13px; background-color:transparent; }
.navPanel 	{ float:left; width:264px; }
.browsebar	{ background-color: #00aacc;  margin-top: 5px;  margin-left:15px;  margin-right:15px; font-family: Poppins, Sans-serif; font-size: 14px;  }

.dateSel { margin-left: 12px; margin-top:0; }
.huntDisplayStyle { color: #40c8ee; margin-top: 29px; }

a.browselink:visited, a.browselink:active, a.browselink:link {
	color:#ffffff;
	font-weight:lighter;
	font-size:13px;
}
.backgroundGrey {  background-color: #f2f2f2; }


.textArea90pc {	width:90%; min-height:40px; resize:none; }

.footer {
  width:960px; margin:0 auto; color: #9ab4c2; font-family: Poppins, Sans-serif;
  font-size: 12px; font-weight: normal; padding-top: 40px;
}

.width30  { width:30px; }
.width40  { width:40px; }
.width80  { width:80px; }
.width120 { width:120px; }
.width290 { width:290px; }
.width300 { width:300px; }
.width500 { width:500px; }

.masterBookEdit { background-color: #888888; height: 40px; }
.ehErrorList { text-align:left; max-width:400px; margin-left:auto; margin-right:auto; }
.servicesKey { width:25%; height:20px; float:left; }
.servicesValue { width:25%; height:20px; float:left; }

.seo_blurb { width:960px; margin:0 auto; color: #9ab4c2; }
.memberprofile {  width:960px; color: #ffffff;  }

.membcontainer { 
	width: 240px; 
	background-color: #f1f1f1; 
	font-size: 14px;
	margin:0 auto; 
	box-shadow: rgba(0,0,0,.6) 0px 2px 5px; 
	-webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 5px;
	-moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 5px;
 	padding:12px 12px;
 }

.mePanel  {  width: 240px; background-color: #cdedfa; font-size: 14px; margin:0 auto; box-shadow: rgba(0,0,0,.6) 0px 2px 5px; padding:12px 12px; }
.membspan {  width: 20px;  padding: 8px 8px; text-align: center; margin:8px auto; }

.bgLightGrey { background-color: #f1f1f1; }


.membprofile {
 	
 	width:630px; height:710px;
   	background-color: #f8f8f1;
   	color: #222222;
   	box-shadow: rgba(0,0,0,.6) 0px 2px 5px;
   	-webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 5px;
	-moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 5px;
 	padding:12px 12px;
  } 

.ehPanelSpacer { width:20px; height:50px; float:left; }

.ehUpcomingBookingCard { background-color:#eee; width:100%; border: #dddddd solid 1px;}

.ehCredentialsBox {  width:100px; min-height:150px; float:left; padding:10px; }
.tabVertSpace 	{ float:left; margin-left: 2px; width: 2px; height:5px; background-color: #ffffff;  }
.poppins18 		{ font-family:Poppins; font-size:18px; color:#082c58; text-align:left; margin-left: 12px; }
.buttonright 	{ text-align:right;  margin-left: 560px; }

.dashboard { float:left; width:240px; height:550px; background-color:#cdedfa; font-size: 16px;
   color: #ffffff;
   box-shadow:  rgba(0,0,0,.6) 0px 2px 5px;
   -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 5px;
	-moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 5px;
 	padding:12px 12px;
   
}

.dashdisplay {  width:670px; min-height:560px; margin-left:12px; background-color: #fff; color: #ddd; float:left; margin-left: 18px; }
.dashcontainer { width: 275px; margin:0 auto;  }
.dashcolumn { float: left; margin-right: 10px;  }
.dashheader {  font-family: Poppins, Sans-serif; font-size: 18px; font-weight: 200; color: #071c34; }
.dashspan {  width: 20px; padding: 8px; text-align: center; margin-left:8px; margin-top:8px;  }   
.dashspan2 {  width: 180px; font-family: Poppins, Helvetica, Arial; font-size: 14px; font-weight: 200; color: #ffffff; text-align: left; padding: 8px; margin-top:8px; margin-left: 10px; }
.dashlast 		{ margin-right: 0; }

.fullRight 		{ width:100%; margin-right: 0; }

.mainAdmin 		{ width:100%; min-width:700px; max-width:970px; min-height:750px; background-color: #ffffff;  margin-left: auto;  margin-right: auto; }
.dashleft 		{ font-size: 16px; font-weight: lighter; text-align: center; padding: 8px 8px; margin:8px auto;  }
.dashright 		{ font-size: 16px; font-weight: lighter; text-align: left; padding: 8px 8px; margin:8px auto; }

.lowerPanelBack { width:670px; text-align:right; }
.greyPanel 		{ background-color:#f8f8f8;  min-height:400px; margin-left:auto; margin-right:auto; padding:15px; margin-bottom: 20px; border: #ddd solid 1px; border-radius: 4px; }
.greyPanelPadding { width:97%;  margin-left:auto;  margin-right:auto; }

.bone		 	{ color:#fefae8;  }
.bonePanel		{ background-color:#fefae8; min-height:100px; margin-left:auto; margin-right:auto; padding:0; margin-bottom: 20px; border:  #ddd solid 1px; border-radius: 4px; }

.rosterPanel 	{  background-color:#f1f1f1; min-height:700px; margin-left:auto; margin-right:auto; }

.calendarSpace 		{ background-color:#f1f1f1;  width:670px; height:20px; }
.rosterSpace 		{ background-color:#f1f1f1;  width:756px; height:35px; }
.bgWhite 			{ background-color:#fff; }
.fullWidthTextLeft 	{ width:100%; text-align:left; }
.fullWidthTextCentre{ width:100%; text-align:center; }
.fullWidthTextRight { width:100%; text-align:right; }
.helloDash 			{ font-family: Poppins, Helvetica, Arial; font-size:15px; font-weight: 400;  color: #40c6ee; }
.helloRequests 		{ font-family: Poppins, Helvetica, Arial; font-weight: 200; font-size:15px;  color: #414141; }
 
.helloUser {
font-family: Poppins, Helvetica, Arial; 
font-size:16px; 
font-weight: 400;
color: #40c6ee; 
margin-left:10px;
}

.left10px 	{ margin-left:10px; }
.left5px  	{ margin-left:5px; }
.left5right10 { margin-left:5px; margin-right:10px}

.helloUserJob {
font-family: Poppins, Helvetica, Arial; 
font-weight: lighter; font-size:12px; 
color: #414141; 

}

.helloViewNow {
font-family: Poppins, Helvetica, Arial; 
font-weight: 200; 
font-size:13px; 
color: #414141;
}
.recipientDeepBlue { color: #414141; }

.aquaBoldHead { font-family: Poppins, Helvetica, sans-serif;  font-weight: 400;  font-size:13px;  color: #40c6ee; padding-top:8px; padding-bottom:2px; }
.aquaSubHead { font-family: Poppins, Helvetica, sans-serif; font-weight: 200;  font-size:13px; color: #40c6ee;margin-left:10px; padding-top:8px; padding-bottom:2px; }

.id_values {
	font-family:Poppins, Helvetica, Arial;
	font-weight: 200; 
	font-size: 13px;
	background-color: #ffffff;
	width:140px;
	height:19px;
	color: #666666;
	border:0;
}

.equipvalues {
	font-family: Poppins, Helvetica, Arial;
	font-weight: 200; 
	font-size: 13px;
	background-color: #f8f8f8;
	width:200px;
	height:16px;
	color: #666666;
	float:left;
	border:0;
}

.headerEmployRow 	{ margin-top:1px; background-color:#dcefff; margin-bottom:5px; font-size:12px; height:22px;  }
.headerClientRow 	{ margin-top:1px; background-color:#f0f8e9; margin-bottom:5px; font-size:12px; height:22px;  }
.headerProviderRow 	{ margin-top:1px; background-color:#ffffdc; margin-bottom:5px; font-size:12px; height:22px;  }


.invDate 	{ width:40%; float:left; }
.invText	{ width:30%; float:left; }
.invPaid 	{ width:10%; float:left; text-align:right; }
.invCash 	{ width:20%; float:left; text-align:right; }


.cen20wh { background-color: #ffffff; text-align: center;font-size:20px; }

.removeEmp { float:left; font-family: Poppins, Sans-serif; font-size:12px; color: #40c8ee; margin-left:20px; width:40px;}

.companyTableRow { background-color: #f8f8f8; height: 40px; }

.creditcontainer { float:left; height: 28px; width: 325px; background-color: #ffffff; padding: 3px;  border: #dddddd solid 1px;	border-radius: 5px;	-moz-border-radius: 5px;  }

.creditdata { font-size:12px; color:#002233; width:80px; float:left; }

.creditvalues {
	font-family: Poppins, Sans-serif;
	font-weight: 200; 
	font-size: 12px;
	background-color: #ffffff;
	width:200px;
	height:16px;
	color: #666666;
	float:left;
	border:0;
}

.cvYear {
	font-family: Poppins, Sans-serif;
	font-weight: 200; 
	font-size: 12px;
	float:left;
	color: #002233;
	width:80px;
}

.cvSector  {
	font-family: Poppins, Sans-serif;
	font-weight: 200; 
	font-size: 12px;
	float:left;
	color: #002233;
	width:120px;
}

.cvEmployer { 
	font-family: Poppins, Sans-serif;
	font-weight: 200; 
	font-size: 12px;
	float:left;
	color: #002233;
	width:200px;

}

.cvRole {
	font-family: Poppins, Sans-serif;
	font-weight: 200; 
	font-size: 12px;
	float:left;
	color: #002233;
	width:200px;
}


.profbiocontainer {
	margin-left:10px;
	width: 650px;
	min-height: 40px;
	background-color: #fff;
	color: #777;
	padding: 3px;
	border: #dddddd solid 1px;	
	border-radius: 5px;

}

.profbiovalues {
	font-family: Poppins, Sans-serif;
	font-weight: 200; 
	font-size: 12px;
	background-color: #fff;
	width:640px;
	height:130px;
	color: #666;
	border:0;
	resize:none;
}

.profKeyB {
	font-family: Poppins, Sans-serif;
	font-weight: 200; 
	font-size: 12px;
	color: #446677;
	width:150px;
	float:left;
	margin-top:2px;
}


.stateBookValues {
	font-family: Poppins, Sans-serif; font-weight: 200;  font-size: 18px; background-color: #fff; width:200px;
	height:40px; color: #666; float:left; border:0;
	
}

.profcontainer { height:45px; width:100%; background-color: #fff; padding: 1px; border: #dddddd solid 1px; border-radius: 5px; }
.profHalfContainer { width:50%; float:left; }


.date_from{
	height: 45px;
	width: 325px;

	background-color: #ffffff;
	padding: 2px;
	border: #dddddd solid 1px;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	float:left;
}

.profKey { font-family: Poppins, Sans-serif; font-weight: 200; font-size: 12px; color: #002233; width: 130px; float: left; }

.fromdata { font-family: Poppins, Sans-serif; font-weight: 200;  font-size: 13px; color: #446677; float:left; height:28px; }
.bookvalues { font-family: Poppins, Sans-serif; font-weight: 200; font-size: 18px; background-color:#fff; width: 100%; max-width:100%; margin-top:0; height:34px; color: #666; border:#ddd solid 1px; border-radius: 4px; overflow:hidden; }
.bookvaluesHalf { width:50%; font-family: Poppins, Sans-serif; font-weight: 200; font-size: 18px; background-color:#fff; width: 100%; margin:0; height:34px; color: #666; float:left; border:#ddd solid 1px; border-radius: 4px; overflow:hidden; }

.bookDateVals { font-family: Poppins, Sans-serif; font-weight: 200; font-size:18px; background-color: #fff; width: 100%; height:34px; color: #666; float:left; border:#ddd solid 1px; }

.invtype 	{  font-family: Poppins, Sans-serif; font-weight: 200; font-size: 13px; background-color: #fff; width:340px; height:16px; color: #666; float:left; border:0; }
.invvalues 	{ font-family: Poppins, Sans-serif; font-weight: 200;  font-size: 13px; margin-left: 15px; text-align: right; background-color: #ffffff; width:80px; height:16px; color: #666; float:left; border:0; }

.clear 		{ height: 30px; }
.clear10 	{ height: 10px; } 
.clear5 	{ height: 5px;  } 
.clear50 	{ height: 50px; }

.currentDocuments { width:615px; min-height:15px; float:left; padding:2px; font-size:12px; }
.currentDelDoc { width:15px; min-height:15px; float:left; padding:2px; font-size:12px;  }

article.tabs { position: absolute; display: block; width: 235px; height: 32px; margin: 0px auto; }

article.tabs section {	position: absolute; display: block; top: 0px; left: 0px; font-size: 18px; height: 14em; width: 25em; padding: 6px 6px; background-color: #f1f1f2; border-radius: 0px; z-index: 0;
	/*-- box-shadow: 0 3px 3px rgba(0,0,0,0.1); -->  */
}

article.tabs section:first-child { z-index: 1;  }

article.tabs section h2
{
	position: absolute;
	font-size: 18px;
	font-weight: normal;
	width: 234px;
	height: 32px;
	top: -1.8em;
	left: 0px;
	padding: 0;
	margin: 0;
	color: #f1f1f2;
	background-color: #00bff2;
	border-radius: 0px 0px 0 0;
}
article.tabs section:nth-child(2) h2
{
	left: 234px;
}

article.tabs section h2 a
{
	display: block;
	width: 100%;
	line-height: 1.8em;
	text-align: center;
	text-decoration: none;
	color: inherit;
	outline: 0 none;
}

article.tabs section:target,
article.tabs section:target h2
{
	color: #333;
	background-color: #f1f1f2;
	z-index: 2;

}

article.tabs section,
article.tabs section h2
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.locationInput 	{ font-family: Poppins, Helvetica, Arial; font-size: 18px; color:#082c58; text-align: left; margin-left: 40px; }
.additionals 	{ width:600px; font-family: Poppins, Helvetica, Arial; font-size:14px; font-weight: bold; color: #40c6ee; float:left; }

#calendar 		{ width: 600px; margin:0 auto; margin-top:0; text-align: center; font-size: 13px; color :#444444; font-family: Poppins, Helvetica,sans-serif; font-weight: 200;  }	
#wrap 			{ width: 1100px; margin: 0 auto; }

.halfFloatLeft 	{ width:50%; float:left; text-align:left; }
.halfFloatRight { width:50%; float:right; text-align:right; }
.flWidthHalf 	{ width:50%; float:left; }

.thirdFloatLeft 	{ width:33%; float:left; text-align:left; }
.thirdFloatCentre 	{ width:34%; float:left; text-align:center; }
.thirdFloatRight 	{ width:33%; float:left; text-align:right }

#external-events p { margin: 1.5em 0; font-size: 11px; color: #666; }

#external-events p input {
margin: 0;
vertical-align: middle;
}	


#external-events h4 {
float:left; font-size: 16px;
margin-top: 0;
padding-top: 1em;
}

.external-event { /* attempting to make it look like an event */
margin: 10px 0;
padding: 2px 4px;
background: #3366CC;
color: #fff;
font-size: .85em;
cursor: pointer;
border-left-width: 1px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-right-width: 1px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
		
	
		
		
article.fourtabs
{
	position: absolute;
	display: block;
	width: 700px;
	height: 32px;
	margin: 0px auto;
	
}

article.fourtabs section
{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	font-size: 18px;
	height: 14em;
	width: 25em;
	padding: 6px 6px;
	background-color: #f1f1f2;
	border-radius: 0px;
	/*-- box-shadow: 0 3px 3px rgba(0,0,0,0.1); -->  */
	z-index: 0;
}

article.fourtabs section:first-child
{
	z-index: 1;
	
}

article.fourtabs section h2
{
	position: absolute;
	font-size: 18px;
	font-weight: normal;
	width: 234px;
	height: 32px;
	top: -1.8em;
	left: 0px;
	padding: 0;
	margin: 0;
	color: #f1f1f2;
	background-color: #00bff2;
	border-radius: 0px 0px 0 0;
}
article.fourtabs section:nth-child(2) h2
{
	left: 234px;
}

article.fourtabs section h2 a
{
	display: block;
	width: 100%;
	line-height: 1.8em;
	text-align: center;
	text-decoration: none;
	color: inherit;
	outline: 0 none;
}

article.fourtabs section:target,
article.fourtabs section:target h2
{
	color: #333;
	background-color: #f1f1f2;
	z-index: 2;
}

article.fourtabs section,
article.fourtabs section h2
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}


.tabbedPanel { float:left; width:670px; }

a.quicklinks:visited, a.quicklinks:active, a.quicklinks:link {

	font-family: Poppins, Helvetica, Arial;  font-size:14px;  color: #00c7f0;
}


a.quicklinks:hover {
	
	font-family: Poppins, Helvetica, Arial;  font-size:14px;  color: #00c7f0;
	
}

.subquicklink { height:30px;  width:40px; float:left; }

.subqlink {

	font-family: Poppins, Helvetica, Arial; 
	font-size:12px; 
	font-weight: 200; 
	height:30px; 
	width:120px; 
	float:left;
}

a.dashblink:visited, a.dashblink:active, a.dashblink:link {

	font-family: Poppins, Helvetica, Arial; 
	font-size:16px; 
	font-weight: 200; 
	color: #00c7f0;
	float:left;
	
}
		
.bluetab {
    
 	width:180px;
 	background-color: #002644;
 	color: #ffffff;
 	font-size: 16px;
	padding:8px;
}

.blueline {
 	width:670px; height:7px;
   	background-color: #002644;
   	color: #ffffff;
}


.blueline756 {  width:756px; height:7px; background-color: #002644; color: #fff; }

.rankColour { color: #40c8ee; }

SubHead { font-family: Poppins, sans-serif; font-size:14px; color: #00c7f0; }

.retrieve 	{ background-color:#f1f1f1; min-height:550px; font-family: Poppins, Helvetica, Arial; font-weight: lighter; font-size:12px; padding:12px; color:#414141; }
.profile 	{ margin-left: auto; margin-right: auto; width:95%; min-height:550px; background-color: #f1f1f1;	color: #fff;  }



/* Lightbox */


table tr.stripe td {
    background: #ffffff;
}

  #sign_up {
        border-radius: 6px;
        background: #ffffff;
        border: 1px solid #536376;
		box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        padding: 14px 22px;
        width: 700px;
        position: relative;
        display: none;
    }
    #sign_up #sign_up_form {
        margin-top: 13px;
    }
    #sign_up label {
        display: block;
        margin-bottom: 10px; 
        color: #536376;
        font-size: .9em;
    }
  
    #sign_up label input {
        display: block;
        width: 393px;
        height: 31px;
        background-position: -201px 0;
        padding: 2px 8px;
        font-size: 1.2em;
        line-height: 31px;
    }
    
    #see_id {
        width: 228px;
        height: 23px;
        background-position: -202px -133px;
    }
    #left_out {
        background-position: -202px -158px;
        width: 113px; height: 16px;
    }
    #sign_up_form {
        position: relative;
        background: url(divider.png) repeat-x bottom left;
        padding-bottom: 54px;
        margin-bottom: 12px;
    }
    #actions {
        float: left;
        position: absolute;
        right: 0;
        height: 31px;
        bottom: 20px;
    }
    a.form_button {
        float: left;
        width: 93px; height: 31px;
        margin-right: 15px;
    }
    #cancel { background-position: -198px -36px; }
    #log_in { background-position: -291px -36px; }
    #cancel:hover { background-position: -198px -67px; }
    #cancel:active { background-position: -198px -98px; }
    #log_in:hover { background-position: -291px -67px; }
    #log_in:active { background-position: -291px -98px; }
    #close_x { 
        width: 24px; height: 23px;
        overflow: hidden; line-height: 1000px;
        display: block;
        position: absolute; top: 5px; right: 5px;
        background-position: -387px -102px;
    }
    #usage { background-position: -323px -172px; width: 67px; height: 22px;}



/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}

mark {
  color: #000;
  background: #ff0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}


small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  box-sizing: border-box;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 2cm .5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
.bookingValueContainer { float:left; margin-left: 12px; width: 12px; height:5px; background-color: #ffffff; }

.reportDocuments { width:600px; font-family: Poppins, Sans-serif; font-size:14px; font-weight: 300; color: #40c6ee; margin-left:10px;}

.displayObjectType 	{ font-family: Poppins, Sans-serif; font-size:18px; font-weight:bold; color:#40c6ee; }
.currentBookingsMeta{ font-family: Poppins, Sans-serif; font-weight:lighter; font-size:11px; color:#414141; margin-left:20px; }
.currBookSubHead 	{ float:left; width:250px; }
.mbmAvtr 			{ font-family: Poppins, Sans-serif; font-weight: lighter; font-size:11px; color: #414141; margin-left:20px; }
.newBookHead 		{ width:670px; height:70px; font-family: Poppins, Sans-serif; font-size:12px; background-color:#f1f1f1; margin-left: 0; margin-bottom:24px; }

.float264 			{ float:left; width:264px; min-height:587px; }

.mobileBookingTitle { width:320px; font-size:18px; color:#082c58; margin-left: auto; margin-right:auto; text-align:center; }
.mobileBookingText	{ width:300px; background-color:#d2ecfa; margin-left: auto; margin-right:auto; font-family: Poppins, Sans-serif; font-size:16px;  }
.beginBodyMobilePhone { width:320px; height:440px; background-color:#ffffff; margin-left: auto; margin-right:auto; }

.ehTabsHeight 		{ height:30px; width:100%; }
.ehUpcomingBooking 	{ width:200px; font-family: Poppins, Sans-serif; font-size : 14px; font-weight: bold; color: #40c6ee; };

.footer-text 		{ margin-left:auto; margin-right:auto; color:#444; }


.threeQuarter		{ width:75%; float:left; }
.oneQuarter 		{ width:25%; float:left; }
.oneQuarterRight	{ width:25%; float:left; text-align:right; }
.ninetyPercent		{ width:90%; float:left; }
.tenPercent 		{ width:10%; float:left; }
.nineTenthsLeft		{ width:90%; float:left; }
.oneTenthRight		{ width:10%; float:left; text-align:right; }
.fullWidth14px		{ width:100%; text-align:left; font-size:14px; }

.msgTopSpace 		{ width:10%; height:1px; float:left; }

.flegal50  			{ float:left; width:50px; height:20px; }		
.width85pc			{ width:85%; }
.minHeight650		{ min-height:650px; }
.minHeight450		{ min-height:450px; }
.top50px			{ margin-top:50px; }
.left50px			{ margin-left:50px; }

.widgetContainer 	{ border:0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.13), 0 5px 10px 0 rgba(0, 0, 0, 0.13); background-size: 492px 630px; border-radius: 0.22em; background-color: #f7f8fa; margin-top:5px; }
.widgetHeader 		{ height:63px; width:100%; }
.widgetHeaderIcon 	{ float:left; margin-left:20px; margin-top:18px; width:40px; margin-right:20px; }
.widgetHeaderTitle 	{ float:left; margin-top:20px; font-family:Poppins, sans-serif; font-weight:400; font-size:14pt; color:#4e5155; }
.widgetBody 		{ width:100%; background-color:#ffffff;	 border-radius: 0.22em 0.22em 0.22em 0.22em; }

.dashUserIcon 		{ width:32px; height:32px; }

.userAvatarContainer{ width:20%; min-width:50px; height:50px; float:left; text-align:center;  }
.userAvatarName     { width:40%; max-width:200px; height:50px; margin-top:10px; float:left;}
.userAvatarMessage  { width:20%; height:50px; float:left; margin-top:10px; text-align:center; }
.userAvatarModify	{ width:20%; height:50px; float:left; margin-top:10px; text-align:center; }

.teamOutputPanel 	{ width:100%; font-size:16px; font-weight:300; }
.teamMemberWidget	{ width:420px; font-size:16px; font-weight:300; float:left; padding:1px; margin:2px; background-color:#fafafa; }

.staffSearchBox  	{ width:600px; position: relative; left: 0%;}
.staffSearchButton 	{ width:100px; height: 30px; position:relative; left:0%; }

.msgTextLocal 	{ text-align:right; margin-top:2px; margin-bottom:2px; }
.msgTextRemote 	{ text-align:left; margin-top:2px; margin-bottom:2px; }
.msgDispLocal 	{ width:100%; text-align:right; margin-top:2px; margin-bottom:2px; }
.msgDispRemote 	{ width:100%; text-align:left; margin-top:2px; margin-bottom:2px; }

.workforceEditClass { background-color:#eeeeff; border: solid 1px #dddddd; border-radius:10px; width:100%; min-height:44px; margin-top:10px; margin-bottom:10px;  }

/* Chat container */

.msgContainer { border: #ddd solid 1px; background-color:#f1f1f1; border-radius:5px; padding:10px; margin:10px 0; }
.msgContainer::after { content: ""; clear:both; display:table; }
.msgContainer img { float:left; max-width:60px; width:100%; margin-right:20px; border-radius:50%; }
.msgContainer img.right { float:right;  margin-left:20px;  margin-right:0; }
.msgLocal 	{ border-color: #ccc; background-color: #ddd; }
.darker 	{ border-color: #ccc; background-color: #ddd; }

.msgTimeRight { float: right; color: #aaa; }
.msgTimeLeft { float: left; color: #999; }

.royalBlue { color:#3366CC; }