@charset "utf-8";



*, *:before, *:after {
  box-sizing: inherit;
}
input, button {
    vertical-align:middle;
}


.top-logo {
	width: 364px;
	height: 180px;
	background: url(ttfm-logo.png) no-repeat;
}

.bottom-logo {
    position: fixed;
    width: 250px;
    height: 100px;
    background: url(tlb-logo-230.png) no-repeat;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.userbox {
	position: absolute;
	width: 325px;
	height: 45px;
	top: 205px;
	left: 20px;
    background: #add9e6 url(icon-user-pass.png) no-repeat;
	background-position: 290px 12px !important;
    padding: 0px 40px 0px 10px;
	border-style: solid;  
    border-width: 0px 0px 2px 0px; 
    border-color: rgba(0,0, 0, .2);
	line-height: 45px;
	font-size: 1.3em;
}

.userbox:focus {
    background-color: #FFF;
    border-color: #E8C291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #E8C291 inset;
    box-shadow: 0 0 0 1px #E8C291 inset;
}
.passbox {
	position: absolute;
	width: 325px;
	height: 45px;
	top: 264px;
	left: 20px;
    background: #add9e6 url(icon-user-pass.png) no-repeat;
	background-position: 290px -50px !important;
    padding: 0px 40px 0px 10px;
	border-style: solid;  
    border-width: 0px 0px 2px 0px; 
    border-color: rgba(0,0, 0, .2);
	line-height: 45px;
	font-size: 1.3em;
}

.passbox:focus {
    background-color: #FFF;
    border-color: #E8C291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #E8C291 inset;
    box-shadow: 0 0 0 1px #E8C291 inset;
}

.sub_button {
	position: absolute;
	top: 356px;
	left: 70px;
	width: 228px;
	height: 46px;
    font-size: 19px;
    font-family: Arial;
    font-weight: normal;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	border-style: solid;  
    border-width: 0px 0px 2px 0px; 
    border-color: rgba(0,0, 0, .2);
    cursor: pointer;
    color: #ffffff;
	line-height: 40px;
	font-size: 1.8em;
    display: inline-block;
    background-color: #F58620;
}

.sub_button:hover {
    background-color: #fb9e25;
}

.sub_button:active {
	position: absolute;
    top: 357px;
}

.forgotpass {
	width: 100%;
	position: absolute;
	top: 410px;
	text-align: center;
	
}

.forgotpass a:link {
	color: #fff;
}

.forgotpass a:hover {
	color: #F58620;
}



.client-image {
	float: left;
	width: 669px;
	height: 450px;

}
.welcome-text {
	float: left;
	width: 669px;
}

.welcome {
	font-family: 'Ubuntu', sans-serif;
	margin-left: 80px;
	font-size: 24px;
	color: #F58620;
}

.ttfm-text {
	font-family: 'Ubuntu', sans-serif;
	margin-left: 80px;
	margin-top: -4px;
	margin-bottom: -8px;
	letter-spacing:3.5pt;
	font-size: 46px;
	color:#243670;
}
.survey-text {
	font-family: 'Ubuntu', sans-serif;
	font-size: 24px;
	text-align: right;
	margin-right: 66px;
	color: #F58620;
}

.hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}	


.surveyButton {
	float: right;
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:127px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #aade7c;
}
.surveyButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}.surveyButton:active {
	position:relative;
	top:1px;
}

.surveyBase {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	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:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:10;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:420px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	margin-top:60px;
	margin-left:auto;
	margin-right: auto;
	display:block;
}

.headerImg {
	margin-left:auto;
	margin-right: auto;
	display: block;
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.contentWrap {
	margin-left:auto;
	margin-right: auto;
	width:880px;
	font-family: 'Ubuntu', sans-serif;
	font-size:18px;
	line-height: 24px;
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.logoblock {
	width: 880px;
	height: 106px;
	margin-top: 30px;
	display: block;
}


.partnerLogo {
	display: block;
	float: right;
	
}
.tlbLogo {
	display: block;
	float: left;
	
}

/* tooltips */

a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  min-width:240px;
  color: #FFFFFF;
  background: #FF6363;
  border: 2px solid #FF0000;
  height: 39px;
  line-height: 39px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}
a.tooltips span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -12px;
  width: 0; height: 0;
  border-left: 12px solid #FF0000;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #FF6363;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  right: 100%;
  top: 50%;
  margin-top: -19.5px;
  margin-right: 15px;
  z-index: 999;
}