body {
	margin:0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	background-color:#bfbfbf;
}
a:link {
	text-decoration:none;
	color:#666666;
}
a:visited {
	text-decoration:none;
	color:#666666;
}
a:hover {
	text-decoration:none;
	color:red;
}

/* TOP  begin---------------------------------------------------------------------- */
#top_container {
	height:195px;
}
#top_container  td{
	vertical-align:top;
}

#top_square {
	width:60px;
	height:60px;
	position:absolute;
	background-color:#bfbfbf;
	margin:90px 0px 0px -45px; 
}
/* TOP - LEFT */
#top_left {
	width:25%;
	background-color:#17375e;
	position:relative;
}
#top_left_ph {
	position:relative;
	width:230px;
	margin:0px 0px 0px auto;
}
/* TOP - RIGHT */
#top_right {
	vertical-align:top;
	width:75%;
	background-color:#ffc000;
}
#top_right_ph {
	width:770px;
}
#top_sap_text {
	color:#fff;
	font-size:18pt;
	font-weight:bold;
	margin-top:85px;
	text-align:center;
}
/* TOP  end---------------------------------------------------------------------- */

/* MIDDLE  begin ---------------------------------------------------------------- */
#mdl_pointer {
	position:relative;
	width:230px;
	margin:0px 0px 0px auto;
}

#mdl_container_abs {
	position:absolute;
	width:1000px;
	height:435px;
	background-color:#fff;
}
/* MIDDLE  end ------------------------------------------------------------------- */

/* SCREENS  begin ------------------------------------------------------------------- */
#screen_container   {
	width:100%;
}

#screen1 {
	width:600px;
	margin:0px 0px 35px 70px;
}

#screen2 {
	width:600px;
	margin:15px 0px 30px 70px;
}

#screen3 {
	width:900px;
	margin:0px 0px 20px 70px;
}

#screen4 {
	width:900px;
	margin:0px 0px 20px 70px;
}

#screen5 {
	width:600px;
	margin:15px 0px 0px 70px;
	text-align:justify;
}
/* SCREENS  end ------------------------------------------------------------------- */

/* LOGO begin ------------------------------------------------------------------- */
#logo_container {
	position:absolute;
	width:100%;
	height:59px;
	top:370px;
}

#logo_synantix {
	position:absolute;
	top:15px;
	left:20px;
	width:118px;
	height:32px;
	background-repeat:no-repeat;
	background-image:url(img/logo_synantix.gif);
}

#logo_payrollone{
	position:absolute;
	top:15px;
	left:430px;
	width:145px;
	height:32px;
	background-repeat:no-repeat;
	background-image:url(img/logo_payrollone.gif);
}

#logo_sap_channel {
	position:absolute;
	right:10px;
	width:77px;
	height:59px;
	background-repeat:no-repeat;
	background-image:url(img/logo_sap_channel.gif);
}
/* LOGO end ------------------------------------------------------------------- */

#copyright {
	color:#fff;
	font-size:8pt;
	text-align:center;
	margin-top:490px;
}

#thank_you {
	font-weight:bold;
	font-size:13pt;
}

#button_next {
	width:263px;
	height:27px;
	padding-top:3px;
	margin:0px auto 0px auto;
	border:0px;
	color:#fff;
	font-size:14pt;
	cursor:pointer;
	text-align:center;
	background-image:url(img/bg_button_next.gif);
	background-repeat:no-repeat;
}

#message {
	position:relative;
	color:red;
	text-align:center;
	margin-top:10px;
}
/* --------------------- */
.ph {
	height:20px;
	visibility:hidden;
}

.textbox {
	background-color:#fcd5b5;
	border:2px solid #595959;
	width:405px;
	height:18px;
}

.padding {
	padding-left:70px;
}

#text1 {
	color: rgb(136, 161, 173);
	margin-bottom:20px;
}

#sap_b1 {
	color:#a6a6a6;
	font-weight:bold;
	font-size:18pt;
}

#gg {
	color: rgb(136, 161, 173);
	font-size:9pt;
	margin-top:52px;
}