.SRFmainBody
{
	margin: 0px;
	background-color: #fbfbfb;
	background-image: url(./Images/bodytop_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	position: relative;
}

.TFFmainBody
{
	margin: 0px;
	background-color: #ffffff;
	margin:auto;
	width: 910px;
}

form {
margin:0;
padding:0;
}

	.centerHeader {
		margin:auto;
		width: 910px;
	}
	
.centerBody {
	margin:auto;
	width: 910px;
	margin-top: 40px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	height: 540px;
}

.centerBodyResult {
	margin:auto;
	width: 910px;
	margin-top: 40px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	height: 180px;
}

	.loginwrapBG
	{
		background-image: url(./images/srfax_loginbg.jpg);
		background-repeat: no-repeat;
		background-position: left;
		text-align: center;
		
	}
	
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #666;}

.step1,.step2, .step3 {background-color: #fbfbfb; width: 250px; float: left; padding: 0 10px; margin: 20px 15px 10px; border: #cccccc 1px solid; height: 320px;}

.sffinput {width: 225px; height: 20px; float: left; border: 1px solid #ccc; margin: 2px 0 0 0; padding-left: 3px;}
.sffinputerror {width: 225px; height: 20px; float: left; border: 1px solid #ccc; margin: 2px 0 0 0; background-color: #ffe089; padding-left: 3px;}

.step1 label, .step2 label  {width: 225px; height: 20px; float: left; margin: 13px 0 0 0; line-height: 20px; display: block;}
.step1 .fax-field-1,
.step1 .fax-field-2,
.step2 .fax-field-1,
.step2 .fax-field-2  {width: 40px; text-align: center; border: 1px solid #ccc;}
.step1 .fax-field-3, .step2 .fax-field-3 {width: 55px; text-align: center; border: 1px solid #ccc;}

.step1 .fax-field-1-e,
.step1 .fax-field-2-e,
.step2 .fax-field-1-e,
.step2 .fax-field-2-e  {width: 40px; text-align: center;  background-color: #ffe089; border: 1px solid #ccc;}
.step1 .fax-field-3-e, .step2 .fax-field-3-e {width: 55px; text-align: center; background-color: #ffe089; border: 1px solid #ccc;}

.step1 h2, .step2 h2, .step3 h2, .step4 h2 {font-size: 18px; height: 28px; width: 100%; text-align: center;}
.step3 h2 {padding: 0 7px;}

.step3 label {width: 225px; height: 20px; float: left; margin: 13px 0 0 0; line-height: 20px; display: block;}

.step3 #covertext_parent {float: left; border: none; margin: 28px 0 0px 0;}
.step3 .defaultSkin table.mceLayout {border-top:1px solid #ccc; border-left:2px solid #ccc; border-right:2px solid #ccc; border-bottom:1px solid #ccc;}


.step3 .file_input_textbox {border: 1px solid #ccc; margin: 2px 0 0 0;}


.step4, .step5, .step6 {width: 250px; float: left; padding: 0 10px; margin: 10px 15px 10px; }

.security-code {width: 249px;  height: 32px;}
.code-img {float: left; border: 1px solid #ccc;}
.enter-code {width: 70px; height: 20px; text-align: center; float: left; border: 1px solid #ccc; margin-left: 20px; }
.enter-code-error {width: 70px; height: 20px; text-align: center; float: left; border: 1px solid #ccc; margin-left: 20px; background-color: #ffe089; }
.security-code a {padding: 0px 5px; font-family: "Verdana", "Arial", "Helvetica", sans-serif; color:#00f; font-size: 9px; text-decoration: none;}
.security-code a:hover {padding: 0px 5px; font-family: "Verdana", "Arial", "Helvetica", sans-serif; color:#0f0; font-size: 9px; text-decoration: none;}

.step5 .send-fax { cursor: pointer; border: #cccccc 1px solid; width: 200px; height: 32px; margin: 28px 0 0 30px; background-color: #7AC37E; color: #ffffff; font-size: 20px;}
.step5 .send-fax:hover {background-color: #59A15F;}

.step6 ul {margin-left: 0px}

.imglink
{
	border: 0px;
	margin: 0px;
}

a {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        color:#0000ff;
        font-size: 12px;
        text-decoration: none;
}
a:hover {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        color:#8833aa;
        font-size: 12px;
        text-decoration: underline;
}

.hpLinks {
        padding: 0px 5px;
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        color:#000;
        font-size: 12px;
        text-decoration: none;
}
.hpLinks:hover {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        color:#000;
        font-size: 12px;
        text-decoration: underline;
}

.poweredby {margin: 0 auto; text-align: center; margin-bottom: 30px;}
#footer {
        margin: 0 auto;
		margin-bottom: 30px;
        padding: 0px;
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        color:#000;
        font-size: 12px;
        text-align: center;
}
#footer a {
        padding: 0px 5px;
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        color:#000;
        font-size: 12px;
        text-decoration: none;
}
#footer a:hover {
        font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        color:#000;
        font-size: 12px;
        text-decoration: underline;
}



