html, 
body { 
	margin: 0; padding: 0; font-size: 77%; 
}

body { 
	font-family: Arial, Verdana, Sans-Serif; 
	background-position: 50% 50%; background-repeat: repeat-x; background-attachment: fixed;
}

#body1       { min-width: 800px; }
.IE56 #body1 { width:expression(document.documentElement.clientWidth  < 800 ? "800px" : "auto" ); }

html, 
body,
#body1, 
#main, 
#aspnetForm { 
	height: 100%; 
}

#main { text-align: center; vertical-align: middle; margin: auto; border-spacing: 0; border-collapse: collapse; }

#name, 
#password { 
	width: 100%; 
}

#name-1, 
#password-1 { 
	margin-right: 4px;  
}
#name-1 input , #password-1 input {width:88%}

#form { font-size: 120%; }

#form, 
#footer, 
#info { 
	width: 351px; padding: 0;  
}

.IE56 #form, 
.IE56 #footer { 
	background: none; 
}

#form { background-repeat: repeat-y; background-position: 0 0; }

#form .name, 
#form .password { 
	text-transform: uppercase;
}

#form .name, 
#form .password,
#form .remember {
	text-align: left; 
}

#form .remember { vertical-align: top; }
#form .remember input { float: left; }
#form .remember label { margin: 4px 0 0 20px; display: block; }

#form .questions {  margin: 10px 0 0; padding: 0 0 0 118px; display: block;  text-align: left; }
#form .questions li { list-style-type: none; margin-bottom: 3px; }
#form .questions li a       { display: block; padding-left: 15px; background-position: 0 3px; background-repeat: no-repeat; zoom: 1; }
#form .questions li a:hover { text-decoration: none; }

#login-2 { margin: 0 30px 25px; padding: 5px; border-style: solid; border-width: 0 2px 2px 0; } 
#login { margin: 10px; }
#login table { width: 100%; }
#login table td { padding: 4px; }

.IE56 #form h3, 
.IE56 #form #login, 
.IE56 #form .questions { 
	position: relative; 
}

.IE56 #form .questions { display: inline; }

.submit td { text-align: left; }
#submit { margin-left: 74px; }
#submit { padding: 8px 20px; border:none; cursor: pointer; background-position: 0 50%; background-repeat: repeat-x;  }
.IE7 #submit { padding: 6px 12px;}
#submit:hover { background-position: 0 45%; }	
#submit:active { background-position: 0 35%; }	
.button7i {  padding:2px 0; font-size: 106.33%; font-weight:bold }


#footer { float: right; position: relative; top: 12em; vertical-align: bottom; font-size: 80%; }
.IE #footer { height: 1%; }
#footer1 { padding: 0 10px; }
#footer1 a {color:#FFF; margin-right:8px;}
#footer1 a:hover { text-decoration: none;}

#info ul , 
#info li {
	margin: 0; padding: 0; list-style-type: none;	
}

#info li { margin: 0; max-width:32em}

#info     a       { margin: 0 0 0 30px; text-align: left; text-decoration: none; opacity: 0.5; }
.IE #info a      { filter: alpha(opacity=50); zoom: 1; } 

#info     a:hover, #info .promoRemax    a  { opacity: 1; }
.IE #info a:hover, .IE #info .promoRemax a { filter: alpha(opacity=100); }


#info a, 
#info a span { 
	display: block; cursor: pointer; 
}

.IE #info .header {
	zoom: 1;
}

#info .header  { 
	padding: 10px 10px 15px 10px;  
	background-repeat: repeat-x; background-position: -400px 100%; 
	font-size: 150%;
}

#info a:hover .header { background-position: 0 100%; }

#info .content { padding: 5px  85px 0 15px; height:154px; font-size: 130%; overflow: hidden; background-image:url(https://s3.us-west-2.amazonaws.com/b2bweb-tp.marketing.tpaws.com/web_assets/prosoft/web/tpo_login_sprite.png); background-repeat:no-repeat }
.IE56 #info .content {zoom:1}

#info .promoRemax a{display:block; height:640px; width:269px; overflow: hidden; background-image:url(../../../Login/icons/TPlogin_remax.png); background-repeat:no-repeat }


/*#info .content.market-snapshot { background: url(../../../Login/icons/marketsnapshot_icon.png) 99% 5px no-repeat #5B7790; }
#info .content.livepost { background: url(../../../Login/icons/livepost_icon.png) 99% 5px no-repeat #5B7790; }
#info .content.online-training { background: url(../../../Login/icons/campus_icon.png) 99% 5px no-repeat #5B7790; }
#info .content.topconnector { background: url(../../../Login/icons/topconnector_icon.png) 99% 5px no-repeat #5B7790; }
#info .content.topcrm { background: url(../../../Login/icons/topcrm.png) 99% 5px no-repeat #5B7790; }

#info .content.marketsnapshot { background: url(../../../Login/icons/marketsnapshot.png) 99% 5px no-repeat #5B7790; }
#info .content.googelsync { background: url(../../../Login/icons/googlesync.png)  99% 5px no-repeat #5B7790;}
#info .content.topmobile { background: url(../../../Login/icons/tpomobile.png)  99% 5px no-repeat #5B7790;}*/

#info .content.topcrm {
    background-position: 0 0;

}

#info .content.topmobile {
    background-position: 0 -160px;

}

#info .content.webinars {
    background-position: 0 -320px;

}
#info .content.marketsnapshot {
    background-position: 0 -480px;

}

#info .content .quote, 
#info .content .author { 
	font: 120% Times New Roman, Serif; line-height: 1.5em;
}

#info .content .author { float: right; font-style: italic; }

#info img { float: right; padding-bottom: 5px; padding-left: 15px; border: none; }

#info     .bottom  { height: 30px; background-repeat: repeat-x; background-position: 0 0; }
.IE #info .bottom { background: none; }

#info .decor { 
	float: right;  
	width: 10px; height: 10px; margin-top: 0.3em; 
	background-repeat: no-repeat; background-position: 0 0;  
}

.IE56 #info .decor { zoom: 1; background: none; font-size: 0; }

/* SV added */
.hide { display: none !important; } 
.show { /*display: block;*/ } /* !!! Deprecated class !!! */

.helpScreen { display: block; margin: 10px 0; }
.button { width: auto; padding: 3px 5px 3px 4px; background: #fff url(../../../App_Themes/Generic/button_bg.gif) repeat-x 0 35%; color: #444; border: 1px solid; border-color: #999 #333 #333 #999; }

#info .content p {margin:.25em 0; font-weight:bold} 
#info .content ul {padding-left:1.25em}
#info .content li {margin-bottom:.25em;padding-right:.25em;list-style:disc;} 
/*#info .topcrm {padding-right:75px}*/