/*-------------------
Layout Adjustments */

#top {
	padding-bottom: 300px;
}
#login-wrapper {
	width: 750px;
	margin: 0 auto;
	padding: 70px 0;
}


/*-----------------
Login Panel Shiz */

#login {
	position: relative;
}
#login h2 {
	position: relative;
	padding: 43px 0 0 0;
	overflow: hidden;
	background: transparent url(/images/text/logintoyoursites.gif) no-repeat top center;
	height: 0px !important;
	height /**/:43px;
	margin-bottom: 24px;
}
#login form {
	padding-right: 165px;
	text-align: right;
	position: relative;
}
#login form label {
	margin-right: 5px;
	color: #333;
}
#login form label a {
	cursor: pointer;
}
#login form li {
	margin: 8px 0;
	padding-right: 32px;
}
#login form li.error {
	background: url(/images/icon/error.gif) no-repeat right center;
}
#login form li.success {
	background: url(/images/icon/success.gif) no-repeat right center;
}
#login form li * {
	vertical-align: middle;
}
#login #termsCheckbox {
	line-height: 2.5;
}
#login #signUpButton {
	position: absolute;
	top: -3px;
	right: 99px;
}
#login #error {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}
/* Safari hax */
body:first-of-type #login #signUpButton {
	top: -2px;
}
body:first-of-type #login form li {
	margin: 4px 0;
}
/* End Safari */

#login #confirmPasswordInput {
	display: none;
}
#login #termsCheckbox {
	display: none;
}
#login #confirmSignUpButton {
	display: none;
}
#login #backButton {
	display: none;
}
.signup #login #rememberCheckbox { 
  display: none; 
}
.signup #login #termsCheckbox {
	display: block;
}
.signup #login #confirmPasswordInput {
	display: block;
}
.signup #login #confirmSignUpButton {
	display: inline;
}
.signup #login #backButton {
	display: inline;
}
.signup #login #loginButton {
	display: none;
}
.signup #login #signUpButton {
	display: none;
}
.signup #login .login-forgot {
	display: none;
}
#login .login-signup,
#login .login-forgot {
	font-size: .833em;
	text-decoration: none;
}
#login .login-signup:hover, 
#login .login-forgot:hover {
	text-decoration: underline
}

#login .login-forgot {
	position: absolute;
	top: 90px;
	right: 66px;
}
#loginForm.remembered .login-forgot {
  display: none;
}

.signup #login .login-back {
  display:block;
}
.signup .login-back {
	font-size: .833em;
	text-decoration: none;
}
.signup .login-back:hover {
	text-decoration: underline
}

.signup .login-back {
	position: absolute;
	top: 164px;
	right: 100px;
}

#login .login-back {
  display: none;
}
/*-------------
Remember Me! */

#loginForm li.remember,
#loginForm #rememberPane {
	display: none;
}
#loginForm.remembered li {
	display: none;
}
#loginForm.remembered #rememberPane,
#loginForm.remembered li.remember {
	display: block;
}

#login #rememberPane {
	background: url(/images/bg_rememberme.gif) no-repeat top center;
	width: 304px;
	padding: 0;
	position: relative;
	left: 150px;
	#left: 15px;
}
#rememberPane #remember-user {
	padding: 9px;
	height: 69px;
}
#rememberPane #remember-user img {
	display: block;
	float: left;	
}
#rememberPane #remember-user-name {
	padding-top: 24px;
	text-align: center;
	/*margin-left: 73px;*/
}
#rememberPane #remember-user-name h4 {
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, Calibri, sans-serif;
	font-size: 1.5em;
}
#rememberPane #remember-user-name a {
	color: #eee;
	font-size: .833em;
	position: absolute;
	top: 63px;
	right: 8px;
}
#rememberPane #remember-user-name a:hover {
	color: #fff;
}
#rememberPane #remember-functions {
	padding: 5px 0;
	clear: both;
}
#rememberPane #remember-functions input {
	vertical-align: middle;
}
#rememberPane #remember-functions .shadow {
	top: 1px;
}
#rememberPane .field {
	width: 130px;
}
#rememberPane .error-msg {
	display: none;
}
#rememberPane .error-highlight .field {
	border: 1px solid #a00;
}
#rememberPane .error-highlight .error-msg {
	display: block;
	padding: 5px 0;
}
.remember .login-forgot {
	position: relative;
	left: 40px;
}

/*----------------------
Forgot password panel */

#login .forgotForm {
	margin-top: 12px;
}
#login .forgotForm li {
	margin: .75em 0;
}
#login .forgotForm #backButton {
	display: inline;
}
#title_forgot {
	position: relative;
	padding: 11px 0 0 0;
	overflow: hidden;
	background: transparent url(../images/text_forgotyourpassword.gif) no-repeat top center;
	height: 0px !important;
	height /**/:11px;
}



/*--------------
Base Stylings */

#base {
	background: #555;
}
#base-content {
	width: 800px;
	padding: 5px 10px 10px;
}
#partners {
	width: 800px;
	position: absolute;
	top: -245px;
}
#partners h3 {
	display: block;
	position: relative;
	padding: 18px 0 0 0;
	overflow: hidden;
	background: transparent url(/images/text/whereitworks.gif) no-repeat top center;
	height: 0px !important;
	height /**/: 18px;
	margin-bottom: 18px;
}
#partners li {
	float: left;
	margin-left: 22px;
}

#partners .center {
	clear: both;
	padding-top: 20px;
	height: 1%;
}
#partners li.video {
	margin: -32px -4px 0 -1px;
	position: relative;
}
#partners #video {
	position: absolute;
	bottom: 4px;
	left: 2px;
	width: 306px;
	height: 272px;
	padding-top: 7px;
	padding-left: 10px;
	background: #333;
}
#partners #video .right {
	padding: 0 7px 7px 0;
}
#partners #video .right a {
	color: #ccc;
	text-decoration: none;
}
#partners #video .right a:hover {
	text-decoration: underline;
}
#partners #video span {
	display: block;
	margin-bottom: 5px;
	font-size: 1.25em;
}
/* ---------------- merge to clickpass ------------------ */
#bindToClickpassOptions{
	position:			relative;
	width:				450px;
	margin:				20px auto;
}
#connectToClickpassButton, #iDontThinkSoForm{
	position:			absolute !important;
	top:					10px;
	left:					0;
}
#login #iDontThinkSoForm{
	text-align:		right;
	width:				190px !important;
	left:					250px !important;
	padding-right:0;
}
#cancelConnectToClickpass{
	width:				320px !important;
	top:					-66px !important;
	position:			relative;
}
.mergeToClickpassTitle{
	font-size:		1.4em;
	margin-bottom:30px;
	text-align:		center;
}
/*old*/

#base.home #base-what {
	width: 624px;
	float: left;
	position: relative;
}
#base.home #base-what-top {
	background: transparent url(../images/bg_what-large-top.png) no-repeat top center;
	behavior: url(../stylesheets/iepngfix.htc);
	height: 0px;
	overflow: hidden;
	padding: 12px 0 0;
}
#base.home #base-what-repeat {
	background: transparent url(../images/bg_what-large-repeat.png) repeat-y center;
	behavior: url(../stylesheets/iepngfix.htc);
	width: 600px;
	padding: 0 12px 24px 12px;
}
#base.home #base-what-bottom {
	background: transparent url(../images/bg_what-large-bottom.png) no-repeat top center;
	behavior: url(../stylesheets/iepngfix.htc);
	height: 0px;
	overflow: hidden;
	padding: 12px 0 0;
}
#base.home #base-what h3 {
	position: relative;
	padding: 53px 0 0 0;
	overflow: hidden;
	background: transparent url(../images/text_whatisclickpass.gif) no-repeat top left;
	height: 0px !important;
	height /**/:53px;
}
#base.home #base-what h4 {
	font-size: 1.333em;
	margin: .5em 0 0;
}
#base.home #base-what h5 {
	font-size: 1.167em;
	margin-bottom: .25em;
}
#base.home #base-what li {
	width: 300px;
	float: left;
}
#base.home #base-what li h5 {
	padding-top: 17px;
	font-weight: bold;
	margin-left: 81px;
}
#base.home #base-what li span {
	line-height: 1.2;
	display: block;
	margin-left: 81px;
}
#base.home #base-what li img {
	float: left;
	behavior: url(/stylesheets/iepngfix.htc);
}
#base.home #base-what .base-learnmore {
	display: block; 
	position: absolute;
	bottom: 9px;
	right: 8px;
	padding: 38px 0 0 0;
	overflow: hidden;
	background: transparent url(../images/button_learnmore-large.gif) no-repeat top center;
	height: 0px !important;
	height /**/:38px;
	width: 128px;
}

#base.home #base-where {
	position: absolute;
	right: 15px;
	top: 5px;
	width: 597px;
	height: 32px;
	overflow: hidden;
	padding: 5px 10px 5px 28px;
	background: transparent url(../images/bg_where-large.png) no-repeat center;
	line-height: 32px;
	z-index: 1;
}

#base.home #base-where h3 {
	float: left;
	position: relative;
	padding: 32px 0 0 0;
	overflow: hidden;
	background: transparent url(../images/text_wheredoesitwork.gif) no-repeat top center;
	height: 0px !important;
	height /**/:32px;
	width: 152px;
	margin-right: 10px;
}
#base.home #base-where ul {
	width: 352px;
	height: 32px;
	overflow: hidden;
}
#base.home #base-where li {
	float: left;
	margin-right: 11px;
}
#base.home #base-where a {
	color: #eee;
	text-decoration: none;
}
#base.home #base-where a:hover span {
	text-decoration: underline;
}
#base.home #base-where a img {
	margin-right: 3px;
	position: relative;
	top: 3px;
}
#base.home #base-where #base-where-more a {
	display: block;
	position: absolute;
	top: 5px;
	right: 24px;
	padding: 32px 0 0 0;
	overflow: hidden;
	background: transparent url(../images/button_where-more.gif) no-repeat top center;
	behavior: url(../stylesheets/iepngfix.htc);
	height: 0px !important;
	height /**/:32px;
	width: 62px;
}

#base.home #base-webmasters {
	margin-left: 655px;
	padding-top: 40px;
}
#base.home #base-webmasters h3 {
	font-size: 1.333em;
	line-height: 1.2;
	margin: .5em 0 .75em;
}
#base.home #base-webmasters span {
	line-height: 1.4;
}
#base.home #base-webmasters a {
	display: block;
	margin-top: 1.5em;
	position: relative;
	padding: 25px 0 0 0;
	overflow: hidden;
	background: transparent url(../images/button_getstarted.gif) no-repeat top center;
	height: 0px !important;
	height /**/:25px;
	width: 128px;
}

#video_popup {
	background: #fff;
	padding: 35px;
	border: 1px solid #aaa;
	text-align: center;
	position: relative;
}
#video_popup .button-close {
	position: absolute;
	top: 6px;
	right: 4px;
}

#yola-owns{
    position: relative;
    bottom: 140px;
    width: 800px;
    text-align: right;
    margin: 0 auto;
    
}
#yola-owns a:first-child {float: left;}
#yola-owns a:last-child {position: relative; top: 32px; right: 16px;}