@charset "utf-8";

/* CSS Document */





a{

text-decoration:none;

border:none;

outline:none;

}



.spHeadings,

.spHeadings a,

.spHeadings a:visited

{

color: #567BD2;

font-family:Arial, Helvetica, sans-serif

font-size:14px;

font-weight:bold;

text-decoration:none;

}



.spDetail{

color:#333333;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:normal;

text-decoration:none;

}





.spHeadings a:hover,

.spHeadings a:visited:hover

{

text-decoration:underline;

}

.pgheading

{

font-size:18px;

font-weight:bold;

}

.errorMsg

{

color:#FF0000;

}

#payForm{

font-family:Arial, Helvetica, sans-serif



width:100%;

padding-top:20px; 

padding-bottom:27px; 

}

/*#payForm h1{

color: #D8CF56;

font-size:18px;

font-family:Arial, Helvetica, sans-serif

}*/

#payForm .transSuccess{

color: #3D8560;

font-size:12px;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif

display:block;

padding-bottom:12px;

padding-top:12px;

width:100%;

border-bottom:solid 1px #BDBDBD;

margin-bottom:10px;

display:inline-block;

}

#payForm .transFail{

color: #F00B28;

font-size:12px;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif

display:block;

padding-bottom:12px;

padding-top:12px;

width:100%;

border-bottom:solid 1px #BDBDBD;

margin-bottom:10px;

}

#payForm .printIcon{

width:350px;

display:block;

padding-left:0px;

line-height:33px;

font-family:Arial, Helvetica, sans-serif

font-size:12px;

padding-bottom:12px;

}

#payForm .HeadingDiv{

width:100%;

background-color:#F2F2F2;

padding:5px;

font-weight:bold;

font-size:13px;

color:#373737;

}

#payForm .tdstyle{

padding:6px;

/*border-bottom:solid 1px #BDBDBD;*/

font-family:Arial, Helvetica, sans-serif

font-size:12px;

}

#payForm .tdstyleH{

padding:6px;

/*border-bottom:solid 1px #BDBDBD;*/

font-family:Arial, Helvetica, sans-serif

font-size:12px;

font-weight:normal;
width:22%;

}

#payForm .msgGreen{

color:#487703;

font-weight:bold;

}

#payForm .lastMsg{

font-family:Arial, Helvetica, sans-serif

font-size:12px;

padding-top:25px;

padding-bottom:25px;

}



/*

.tdstyleH{

padding:5px 0px;

}



input{

padding:3px;

height:40px;

}*/





#payForm input[type="submit"] {

display: block;

padding: 8px 20px;

/* font-family: 'source_sans_prosemibold'; */

font-size: 13px;

color: #FFF;

background: #567BD2;

border: none;

cursor: pointer;

float: left;

margin-right:20px;

margin-top:20px;

}



#payForm input[type="reset"] {

display: block;

padding: 8px 20px;

/* font-family: 'source_sans_prosemibold'; */

font-size: 13px;

color: #FFF;

background: #567BD2;

border: none;

cursor: pointer;

float: left;

margin-top:20px;

}


table.payform-table{
	width:80%;
}

#payForm input[type="text"]{
	width:300px;
	height:25px;
	padding:3px 2px;
	outline:none;
}

#payForm textarea{
width:300px;
} 

#payForm select{
/*	height: 27px;*/
width: 300px;
max-width:98%;
}

#payForm .date{
	width:75px !important;
}

#payForm #date{
	width:75px !important;
}

input{
	max-width:100%;
}

.container{
	overflow:hidden;
}


@media (max-width: 688px) {


table.payform-table{
	max-width:100% !important;
	/*word-break:break-all;*/
}

#payForm input[type="text"]{
	max-width:60% !important;
}

#payForm select{
		max-width:60% !important;
}
#payForm textarea{
		max-width:60% !important;
} 

#payForm .date {
width: 50px !important;
}

#payForm .tdstyleH{
	/*width: 1% !important;*/

}

table.order-table{
	word-break: break-word !important;
}
#payForm .transSuccess{
	width:67%;
}
}

@media (max-width: 450px) {
#left-align{
float:left !important;
word-break: break-word !important;
}
}