body {
	background-color: #FFF;
	width: 100%;	
	height: 100%;
} 

div.box {
    height: 26px;
    vertical-align: middle;
}
/* .login-button .btn-outer {
	float: right; margin: 0 2% 0 0;	 border-width: 1px;
	vertical-align: middle;
	padding: 0 0 0 20px; background: transparent url("images/login/login_button_left.gif") no-repeat 0 0;
} */
div.box button {
   	margin: 10px 19% 0 0;
    padding: 0 10px 0 10px;
    cursor: pointer;
    display: inline;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    vertical-align: middle;
    float: right;
	height: 25px;
}

div.box1 {
   	/* margin: 10 30% 0 0; */
   	padding: 0 110px 0 10px;
   	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   	float: right;
    height: 25px;
    vertical-align: middle;
}
/* .login-button .btn-outer {
	float: right; margin: 0 2% 0 0;	 border-width: 1px;
	vertical-align: middle;
	padding: 0 0 0 20px; background: transparent url("images/login/login_button_left.gif") no-repeat 0 0;
} */
.body-cont {
	width: 100%; margin: 0; padding: 0;
	text-align: center;	
	/*height: 100%;*/
	
}

.login-head,
.login-body,
.login-footer {
	width: 100%; text-align: center;	
	overflow: hidden;
}
.login-head,
.login-body,
.login-footer1 {
	width: 100%; text-align: center;	
	overflow: hidden;
}


.login-head {
	background-color: #002E62;
	margin-bottom: 3px;	
}

.login-head .head-cont {
	width: 50%;  
	text-align: left;
	height: 156px;
	left: 10%;
	background: url("images/login/Servigistic_Advisor_Logo_UI_Bnr_Desktop.svg") no-repeat 0 center;
}

.login-head .head-cont1 {
	width: 50%;  
	text-align: left;
	height: 156px;
	left: 10%;
	background: url("images/login/Servigistic_Advisor_Logo_UI_Bnr_Desktop.svg") no-repeat 0 center;
}

.login-head .head-cont-offline {
	width: 50%;  
	text-align: left;
	height: 156px;
	left: 10%;
	background: url("images/login/PTC_Servigistics_Advisor_Offline_fff.svg") no-repeat 0 center;
}

.login-head .head-cont h1 {
	position: absolute; top: -1000px; left: -1000px;
}

.login-head .head-cont1 h1 {
	position: absolute; top: -1000px; left: -1000px;
}

.head-cont1 {
    background: #003366;
    width: 100%;
    position: relative;
    z-index: 2000;
    float: left;

}

.login-head .head-cont h2 {
	position: absolute; padding: 0; margin: 0; 
	bottom: 92px; left: 240px; line-height: 1em; letter-spacing: 0.5em;
	font-size: 1.4rem;  text-transform: uppercase; 
}

.login-body {
	position: relative;	margin-bottom: 3px;
	border: 1px solid #325DA1; border-width: 1px 0;
	background: url("images/login/Background_Image.png") repeat 0 0;
}

.login-body-tcap {
	position: absolute; z-index: 1;
	width: 51%; left: 0; top: 0; height: 1200px;
}

.login-body-bcap {
	position: absolute; z-index: 2;
	width: 51%; right: 0; top: 0; height: 1200px;
}

.subBody {
	position: relative; z-index: 3; 
	width: 987px; margin: 0 auto; float: none;
}
.subBody1 {
	position: relative; z-index: 3; 
	width: 987px; margin: 0 auto; float: none;
}
 
.login-cont {
		width: 100%; overflow: hidden; text-align: center; padding: 85px 0 125px 0;	
}

.search-sum-cont, 
.search-sum-cont-searchcomplete {
	display: none;	
}

.login-form {
	width: 600px; background: #FFF; 
	margin: auto;	overflow: hidden;
	text-align: center;
	margin-right: 120px;
    margin-left: 85px;
}

.footer_left{
	margin-left: 180px;
	
}

.login-form,
ol.steps li {
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 8pt; color: #000;
}

.login-form-wrap {
	margin: 1px; border: 3px solid #626469;	
	background: #dfdfdf url("images/login/loginFormBkgd.gif") repeat 0 0;
}

.login-form-wrap form {
	text-align: left; border: 1px solid #FFF;
}

.login-form-wrap form ol,
.login-form-wrap form li {
	list-style: none; padding: 0; margin: 0;
	float: none; width: 100%; overflow: hidden;	
}

.login-form-wrap form ol {
	padding: 55px 0;	
}

.login-form-wrap form li {
	padding: 0 !important;	
}

.login-form-wrap form li.login-text {
	margin-bottom: 10px; 
	border-bottom: 1px solid #FFF;
}

li.login-text p,
ol.steps li.login-text p {
	margin: 0; padding: 0 15px 10px 15px;
	width: auto;
}

ol.steps li.forgot-password p {
	margin: 0;
	padding: 15px 15px 0 15px;
	width: auto;
}

ol.steps li.forgot-password p a{
	font-weight: bold;
	color: #006699;
}

li.login-text span.login-text {
	margin: 0;	color: #000;
}

.login-error-text {
	padding: 0 15px 5px 55px; min-height: 35px; overflow: visible;
	background: transparent url("images/login/Error2.gif") no-repeat 15px 0;
}

.login-error .login-error-text p {
	padding: 5px 0; margin: 0; float: none;
	font-size: 1.6rem; line-height: 22px; color: #000; font-weight: bold;
}

.login-form-wrap form li.login-field {
	margin: 0 0 10px 15px;
	width: 80%;
}

.login-field input,
.login-field select {
	background: #FFF url("images/login/inputBkgd.jpg") repeat-x 0 0;
    border: 1px solid #333333; clear: none; margin: 0 !important;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 1.1rem;
    width: 70% !important; float: left;
}

.login-field input {
	padding: 1px 0;	
}

.login-field select {
	width: 50% !important; 
}

.login-field label {
	width: 27%; height: 15px; line-height: 15px; white-space: nowrap;
	float: left; text-align: right; margin-right: 1%;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.1rem; font-weight: normal;
}

.login-form-wrap form li.login-button {
	margin: 0 0 0 15px;
	width: 80%;
}


.login-button .btn-outer {
	float: right; margin: 0 2% 0 0;	 border-width: 1px;
	vertical-align: middle;
	/* padding: 0 0 0 20px; */ /* background: transparent url("images/login/login_button_left.gif") no-repeat 0 0; */
}

.login-button .btn-inner,
.login-button .btn-inner:hover {
	height: 18px; line-height: 18px; padding: 0 20px 0 20px;
	 border-width: 0;
	 font-size: small;
	/*  color:black; */
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    vertical-align: middle;
    cursor: pointer;
    display:inline;
    border-collapse: collapse;
	/* background: transparent url("images/login/login_button_right.gif") no-repeat top right !important; */
}


.login-footer {
	border-top: 1px solid #325DA1; 
	background: #FFF url("images/login/login_footer.png") repeat-x 0 0;	
}
.login-footer1 {
	border-top: 1px solid #325DA1; 
	background: #FFF url("images/login/login_footer.png") repeat-x 0 0;	
}

.login-footer .footer-cont {
	background-color: transparent; width: 987px;
	margin: auto auto; padding: 4px 0 0px;
}
.login-footer1 .footer-cont {
	background-color: transparent; width: 987px;
	margin: auto auto; padding: 4px 0 0px;
}

.footer-cont .footer {
	background-color: transparent;	
	color: #004171; font-size: 8pt; font-weight: bold;
}

.footer-cont .footer {
	background-color: transparent;	
	color: #004171; font-size: 8pt; font-weight: bold;
}

.footer-cont .footer a,
.footer-cont .footer a:link,
.footer-cont .footer a:visited {
	color: #004171; 	
}

a.advisor-link:link, a.advisor-link:visited, a.advisor-link:active, a.advisor-link:hover {
    color: #0000FF;
    text-decoration: underline;
}             
.footer-cont .footer .footer_left{
	left: -12%;
    line-height: 200px;
    margin: auto;
    margin-top: -100px;
    position: absolute;
    width: 100%;
}

/*
	For Smaller media
*/

@media screen and (max-device-width: 640px), 
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px) {
   .subBody {
	position: relative; z-index: 3; 
	width: 100%; margin: 0 auto; float: none;
	  }
  
  .login-cont {
		width: 100%; overflow: hidden; text-align: center; padding: 5px 0 5px 0;
  } 
  
  .login-form{
  	width: 100%;
  }
  
  .login-footer .footer-cont {
    background-color: transparent;
    width: 100%;
    margin: 0px auto;
    padding: 4px 0px 0px;
  }
  
  .login-footer1 .footer-cont {
    background-color: transparent;
    width: 100%;
    margin: 0px auto;
    padding: 4px 0px 0px;
  }
 /* .login-field label {
  	font-size:1rem;
  }*/
}


@media only screen 
and  (-webkit-min-device-pixel-ratio: 2) {
  .login-field label {
  /*	font-size:2rem;
  	font-color:red;*/
  }
}
@media all and (max-width: 737px) and  (-webkit-min-device-pixel-ratio: 2){
	.body-cont {
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		height: 100%;
		position: fixed;
		background: url("images/login/Background_Image_mobile.png") repeat 0 0;
	}
	.login-form {
		width: 100%;
		background: transparent;
		margin: 0 auto;
		overflow: hidden;
		text-align: left;
	}
	.login-head {
		margin-bottom: 3px;
		background-color: transparent;
	}
	.login-head .head-cont {
		width: 70%;
		left: 5%;
  		top: 15px;
		text-align: left;
		height: 16%;
		background:
			url("images/login/Servigistic_Advisor_Logo_UI_Bnr_Mobile.svg")
			no-repeat 0 0 transparent;
	}
	
	.login-head .head-cont1 {
		width: 70%;
		left: 5%;
  		top: 15px;
		text-align: left;
		height: 95px;
		background:
			url("images/login/Servigistic_Advisor_Logo_UI_Bnr_Mobile.svg")
			no-repeat 0 0 transparent;
	}
	li.login-text span.login-text {
		display: none;
	}
	.login-field label {
		width: 100%;
		height: 20px;
		line-height: 20px;
		white-space: nowrap;
		float: left;
		text-align: left;
		margin-right: 5%;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.5rem;
		font-weight: no rmal;
	}
	/* .login-button .btn-outer .btn-inner span {
		display: none;
	} */
	/* .login-button .btn-outer .btn-inner:after {
		content: 'Login';
	} */
.login-form-wrap form {
	text-align: left;
	border: 1px;
}
	.login-form-wrap {
	margin: 0px; border: 0px solid #626469;	
	background: transparent;
}
	.login-form-wrap form ol {
		position :relative;
		width: 100%;
		padding: 1% 0;
	}	
	.login-form-wrap form li.login-text {
	margin-bottom: 0px; 
	border-bottom: 1px solid #FFF;
}
	.login-field input,.login-field select {
		padding: 5px 0;
		background: url("images/login/inputBkgd.jpg") repeat-x scroll 0 0 #fff;
		border: 1px solid #333333;
		clear: none;
		float: left;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.5rem;
		margin: 0 !important;
		width: 70% !important;
	}
	.login-cont {
	
		  height: 100%;
	}
	.login-body {
		position: relative;	margin-bottom: 0px;
		border: 0px; border-width: 0px 0;
		top: 0px;
		background-color: #ffffff;
		background:  transparent url("");
	}
/* td.box {
    padding: 2px;
    height: 26px;
    float:left;
    color: white;
}
button {
    cursor: pointer;
    display: inline;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    float:left;
    margin:12px;
} */

div.box {
    height: 26px;
    padding: 0 10px 0 15px;
    vertical-align: middle;
}
/* .login-button .btn-outer {
	float: right; margin: 0 2% 0 0;	 border-width: 1px;
	vertical-align: middle;
	padding: 0 0 0 20px; background: transparent url("images/login/login_button_left.gif") no-repeat 0 0;
} */
div.box button {
		margin: 10px 19% 0 0;
		padding: 0 10px 0 10px;
		cursor: pointer;
		display: inline;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		vertical-align: middle;
		float: left;
   		background:  transparent url("images/grey_btn_back.png") repeat-x  left center;
   		border: 1px solid grey;
		border-radius: 0;
		height: 25px;
	}
	div.box1 { margin: 10 30% 0 0;
		padding: 0 110px 0 15px;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		float: left;
		height: 35px;
		vertical-align: middle;
	}
	
	div.box1 button {
		margin: 10px 0 0 0;
		padding: 0 15px 5px 10px;
		cursor: pointer;
		display: inline;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		vertical-align: middle;
		float: left;
   		background:  transparent url("images/grey_btn_back.png") repeat-x  left center;
   		border: 1px solid grey;
		border-radius: 0;
	}
	
	.subBody1
	{
		height: 80%;
		width:100%;	
		
	}
		
.login-error-text {
	padding: 0 15px 5px 55px; min-height: 45px; overflow: visible;
	background: transparent url("images/login/Error2.gif") no-repeat 20px 10px;
}

.login-error .login-error-text p {
	padding: 0 5px; margin: 0; float: left;
	font-size: 1.6rem; line-height: 30px; color: #000; font-weight: bold;
}
  .login-footer1 .footer-cont .footer .footer_left{
	position: fixed;
     width: 100%;
	overflow:hidden;
	bottom:0%;
  } 
   .footer-cont .footer .footer_left{
	bottom:2%;
	line-height: 25px;
    font-size:1rem;
    margin-left:10px;
    position: absolute;
    width: 100%;
    background:#222d45;
    color:#fff;
}
  
  .footer-cont .footer .footer_left{
	left: -10px;
} 

  .login-body-tcap{
		display: none;
	}  
	
 	.login-body-bcap{
		display: none;
	}
	
	.subBody {
		height: 80%; /*For safari on iphone, a height needs to be set. */
	}
	

	.login-cont {
		background:  transparent url("") no-repeat scroll 0px 0px; 
		} 
	
	.steps {
		height:100%;
	}

	.login-footer {
	    outline: medium none;
	    overflow: visible;
	    position: relative;
	    text-align: left;
	    border-top:0px;
	    background:  transparent url("");
	}
	.login-footer1 {
	    outline: medium none;
	    overflow: visible;
	    position: relative;
	    text-align: left;
	    border-top:0px;
	    background:  transparent url("");
	}
	
	li.login-text p,
ol.steps li.login-text p {
	margin: 0; padding: 0 5px 10px 15px;
	width: auto;
}
}