body.loggedOut {
    color: #333333;
}
h1 .tm {
    font-size:12px;
}

.loggedOut section {
  background: #fff;
  width: 560px;
  padding-bottom: 0px;  
  border:1px solid #000;
  position:relative;
  /*transform: translate(-50%, -50%);*/
}

.loggedOut:not(.activateAccount) section {
  position: absolute;
  margin: -250px auto 0 -280px;
  top: 50%;
  left:50%;
  padding-bottom: 20px;
  /*transform: translate(-50%, -50%);*/
}

.loggedOut.plugins section {
  margin: -170px auto 0 -280px!important;
}

.loggedOut.plugins #createNewAccount{
    font-size:12px;
    font-weight: bold;
}
.activateAccount section {
    margin: 10px auto 0 auto;
}
.loggedOut:not(.accepRegistration) section:after {
    content: " ";
    position: absolute;
    height: 66px;
    left: 0;
    right: 0;
    bottom: 1px;
    width:100%;
    background-color: #F6F6F6;
    z-index:0;
}
.loggedOut label{
  display: block;
  /*margin: 5px 0 0;*/
  font-weight: 600;
}


.loggedOut input[type="text"],
.loggedOut input[type="password"] {
    /*width: 100%;*/
    border: 1px solid #C8D2DC;
    padding: 3px;
}
.loggedOut.activateAccount input[type="text"],
.loggedOut.activateAccount input[type="password"] { padding: 4px 3px; }
.loggedOut.activateAccount label.togglePassword { margin-bottom: 0; }
.loggedOut.activateAccount .showpass { 
    margin-top: -3px;
    margin-bottom: 5px; 
}
.loggedOut.activateAccount .chBox label:before { margin-top: 1px; }
.loggedOut.activateAccount .mobileNumber input[type="text"] {
    padding-right: 6px;
    padding-left: 52px; 
}

.loggedOut #activateAccount input[type="text"],
.loggedOut #activateAccount input[type="password"] {  

}

.loggedOut fieldset#activateAccount .formRow:first-child input[type="text"] {
    margin-right: 0px; 
}
.loggedOut #activateAccount em {color: #888888;}
.loggedOut .chBox label {font-size:12px;}

.loggedOut #logo {
  display:block;
  float: none;
  margin:43px auto 0px auto;
}
.loggedOut fieldset, .loggedOut .content {
    margin: 0 30px 0;
    padding: 0px;
    position: relative;
    z-index:1000;
}
.loggedOut #activateMobileAccountForm #activateAccount{
        margin: -14px 31px 0px;
}
.loggedOut .content {
    margin-bottom:40px;
}
.loggedOut section h1 {
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0px 0 30px;
    text-align: center;
    top: 0;
}
.loggedOut .formRow, 
.loggedOut .CaptchaContainer{
    float:none;
    width:280px;
    margin-left: auto;
    margin-right: auto;
    overflow:auto;
}

.loggedOut p.showpass {
    width:280px!important;
    margin:0 auto;
    float:none;
    cursor:pointer;
}
.loggedOut p {
  margin-bottom: 0px;
  margin-top: 0px;
  clear: right;
  float: left;
  width: 100%;
}

.loggedOut #activateMobileAccountForm #activateAccount p {
    margin-left: 47px;
     margin-bottom: 20px;
}
.loggedOut footer {
    background-color: transparent;
    color: #666;
    padding: 0!important;
    text-align: center;
    line-height: normal;
    margin: 0 0 0 0;
    height: auto;
}
.loggedOut .copy {
    color: #27438f;
    display: block;
    float: none;
    font-size: 12px;
    text-align: center;
    padding: 0;
    width: 500px;
}
.loggedOut:not(.activateAccount) .copy {    
    bottom: -30px;
    line-height: 1.5;
    margin: 0 auto;
    position: absolute;
    width: inherit;   
}
.activateAccount .copy {
    margin:10px auto;
}
.loggedOut .formRow .small_link:first-child:after {
    content: "";
    margin: 0 5px 0 7px;
}
.loggedOut fieldset .formRow:first-child {
    margin-bottom:10px;
}

.bubble {
  border-color: transparent transparent #F2C9CF;
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 10px;
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  top: -18px;
  width: 0;
}
.loggedOut .confirm {
  /*clear: both;
  margin-top: 10px;*/
}

#printBtn {  
  text-transform: capitalize;
  cursor: pointer;
  text-decoration:underline;
    margin: 10px 0 5px 0;
  /*float: left;
  padding: 2px 8px;*/
}
#printBtn .icn {margin-right: 4px;}
#terms .ttl {
  font-weight: bold;
}

input[disabled]#registerSubmitForm {    
    background-color: #eee;
    color: #999999!important;
    border: 1px solid #ccc!important;
    background-image: none !important;
    /*padding-left: 20px;*/
    cursor: default;
    line-height: 28px;
    height: 30px;
    padding: 0px 5px;
    margin-top: 0px;
}
input[disabled]#registerSubmitForm.wait { background-image: url('themes/base/images/buttonLoader.gif') !important; }

/* dialog */
.loggedOut .ui-dialog {   
    position: relative;
    /*margin: -40px auto 40px auto;*/
    margin: 0px auto 40px auto;
    top: 0px;
}
.loggedOut .ui-dialog .ui-dialog-title {width: 100%;}
.loggedOut .ui-dialog ul {list-style-type: disc; list-style-position: inside; float: left; margin: 0px;}
.loggedOut .ui-dialog ul li {line-height: 24px;}
.loggedOut #modal .modalContent, .loggedOut #borwserAlert .modalContent {
    display:none; float: left; margin: 22px 0px;
}

.loggedOut .ui-dialog {
	width: 502px!important;
}
.loggedOut .btn_set {
    clear: both;
    float: left;
    margin: 30px 0 0;
    position: relative;
    width: 100%;
}
.vSeparator {
	padding: 10px 0;
	/*width: 100%;
	border-top:1px dotted #B8B9B8;*/
	clear:both;	
	margin-top:10px;
}
#logonSection .vSeparator {
    position: absolute;
    bottom: -12px;
    padding-top: 17px;
}
#googleMarketSection .vSeparator {
    position: absolute;
    bottom: -4px;
    padding-top: 22px;
}
#googleMarketSection .vSeparator a { float: right; }
.loggedOut .string {
	line-height: 31px;
}
.googleApp {
	background: url("themes/base/images/google_apps_logo.png") -1px 4px no-repeat !important;
	width: 97px!important;
	height: 30px!important;
	display: block;
}
#googleApp {
	cursor:pointer;
}
.genForm.googleMarketForm .field-validation-error{
	margin-left: 0px;
}
.googleMarketForm p {
	margin:10px 0!important;
}
.loggedOut #GlobalMessage {
	position: static;
	margin: 0 40px 5px 40px;
}
.loggedOut .ResultMessage {
    background-color: transparent;
    border: none;
    color: #D40022;
	position: static;
	box-shadow: 0px 0px 0px 0px transparent;
	padding:0;
    width: 280px;
    margin: 0 auto;
}

.wait {
	cursor: wait;
}
.loggedOut section label {
    display:none;
}

#verificationSection label {
    display:inline;
}
#verificationSection .errorMsg{
    background-color: transparent;
    border: none;
    color: #D40022;
	position: static;
}

#verificationSection .formRow { text-align: center; }
#verificationSection .formRow label { float: none; }
#verificationSection .formRow input { float: none; width: 170px; margin: auto; }
#verificationSection .formRow .field-validation-error { float: none; }
#verificationSection .formRow .small_link:after { margin: 0; }
.verification.loggedOut section h1 { margin: 0px 0 15px; color: #000;}
.verification h2 {
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0px 0 15px;
    text-align: center;
    top: 0;
    white-space: normal;
}

.loggedOut .forgotPassword p { float: none; }
.loggedOut .forgotPassword label { display: block; margin: 5px 0; }
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.loggedOut.plugins .forgotPassword p,
.loggedOut.plugins .forgotPassword label,
.loggedOut.plugins .forgotPassword a{
    font-size:13px !important;
}