﻿/******************************
  Online Bill Pay Stylesheet  
*******************************/
#billpay{
		position: relative;
		z-index: 0;
}
	#billpay h1{
		position: relative;
	}
		#billpay h1 span{
			position: absolute;
			right: 0px;
			top: 0px;
			color: #666;
			font-family: Arial, Verdana, Sans-Serif;
			font-size: 14px;
		}
	#billpay .formsection{
	}
		#billpay h2{
			color: #666;
			margin: 0;
			padding: 0;
		}
			#billpay h3 span.small{
				color: #999;
				font-family: Verdana, Arial, Sans-Serif;
				font-size: 11px;
				margin: 0 0 0 10px;
			}
		#billpay .noborder,
		#billpay .noborder input{
			border: none;
		}
		#billpay .formsection .formfield{
			float: left;
			margin: 5px 10px;
			* margin: 5px 10px 5px 0;
		}
		#billpay .formsection .recapthca
		{
			display: inline;
			margin-top: 10px;
		}
		#billpay .formsection .whatsthis{
			background: transparent url(/Resources/Common/Images/Icons/help.gif) no-repeat left;
			font-size: 11px;
			font-style: italic;
			padding: 2px 0 2px 18px;
			text-decoration: none;
		}
			#billpay .printbutton span{
				background: transparent url(/Resources/Common/Images/Icons/printer.gif) no-repeat left;
				padding: 2px 4px 2px 20px;
			}
				#billpay .formsection .formfield label span.example{
					color: #999;
					font-size: 11px;
					font-weight: normal;
					margin: 0 0 0 5px;
				}
				#billpay .formsection .formfield label span.step1,
				#billpay .formsection .formfield label span.step2,
				#billpay .formsection .formfield label span.step3{
					background-color: transparent;
					background-position: left;
					background-repeat: no-repeat;
					padding: 0 0 0 18px;
				}
				#billpay .formsection .formfield label span.step1{ background-image: url(/Resources/Common/Images/BillPay/icon_no1.gif); }
				#billpay .formsection .formfield label span.step2{ background-image: url(/Resources/Common/Images/BillPay/icon_no2.gif); }
				#billpay .formsection .formfield label span.step3{ background-image: url(/Resources/Common/Images/BillPay/icon_no3.gif); }
			#billpay .formsection .formfield .radiolocations{
				width: 640px;
			}
			#billpay .formsection .formfield .radiobuttons{
			}
				#billpay .formsection .formfield .radiolocations label,
				#billpay .formsection .formfield .radiobuttons label{
					font-weight: normal;
					margin: 0 10px 0 0;
				}
				#billpay .formsection .formfield .radiolocations td{
					width: 315px;
					font-size: 11px;
					padding: 0;
				}
		#billpay .panelbox{
			background: #f2f2f2;
			border: 1px solid #ccc;
			line-height: 18px;
			margin: 10px 0;
			padding: 10px;
		}
		#billpay .greenpanelbox{
			border-color: #81c081;
			background-color: #edffed;
		}
			#billpay .greenpanelbox strong{
				color: #575;
			}
			#billpay div.accountinformation h2{
				float: left;
			}
			#billpay div.accountinformation div.accountbalance,
			#billpay div.accountinformation div.datevisit{
				color: #999;
				float: right;
				text-align: right;
			}
				#billpay div.accountinformation div.accountbalance strong{
					color: #f00;
					font-weight: bold;
				}
	#billpay .commandrow{}
		#billpay .commandrow p{
			color: #666;
			font-size: 10px;
			font-style: italic;
		}
	#billpay .details{
		width: 280px;
		color: #666;
		float: left;
		font-size: 12px;
		line-height: 20px;
		margin: 5px 10px;
	}
		#billpay .details h4{
			color: #333;
			font-family: Arial, Verdana, Sans-Serif;
			font-weight: bold;
			margin: 0;
			padding: 0;
		}
			#billpay .details h4 span{
				font-size: 12px;
				font-weight: normal;
			}
		#billpay .details table{
			margin: 0 0 10px;
		}
			#billpay .details table tr{
			}
				#billpay .details table tr td{
					width: 120px;
					height: 20px;
					padding: 0;
				}
