/* CSS Document */
/*

	Global 
	
*/
html, body
{
	margin: 0 auto; 
	padding: 0; 
	background: #FFF url();
	min-width: 780px;
	
	/* Font */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 5;
	color: #005383;
}

hr {
	clear:both;
}

a, 
a:visited,
a:active   { color: #005383; text-decoration: none; }
a:hover    { text-decoration: underline; }
h1         { font-size: 14px; font-family:Arial, Helvetica, sans-serif; margin:0 0 10px 0; padding:0px; line-height:16px; }
h2 { font-size:11px; font-weight:normal; }
	
#container { width: 780px; margin: 0 auto; }
.blue_bar  { background-color: #005383; height: 17px; width: inherit; clear: both; }
.input     { border-top: #707070 solid 1px; border-bottom: #e9e9e9 solid 1px; border-left: #707070 solid 1px; border-right: #e9e9e9 solid 1px; color: #999; }

/*
	
	Header
	
*/
#header                     { height: 100px; border-top: solid #005383 3px; }
#header #logo				{ float:left; margin:10px 0 0 18px; }
/*#header                     { height: 115px; background: url(../img/logo.png) 18px 25px no-repeat; border-top: solid #005383 3px; }*/
#header #login              { float: right; margin: 15px 5px 0px 0; background:url(../images/phone.gif) no-repeat 30px top; }
#header #login div {	padding-top:40px !important; }
#header #login #login_input { width: 100px; color: #999; }
#header #login #pass_input  { color: #999; margin: 0 10px 0 0; }
#header p 					{ margin: 3px 0; padding: 0; }
#header a 					{ font-size: 9px; text-decoration: none; color: #005383; }
#header a:hover 			{ text-decoration: underline; }
#enter 	   					{ background-color: #fff; border: none; color: #005383; margin-left: 70px;}

/*

	Navigation

*/
#nav_bar           		  { width: 780px; height: 33px; background: #005383;}
#nav               		  { width: 750px; padding: 0; margin: 0 auto; list-style-type: none; }
#nav li            		  { float: left; line-height: 32px; background:#005383 url(../images/bar.gif) no-repeat right center;}
#nav li.last			  { background-image:none; }
#nav li:hover,
#nav li.ehover			  { background-color: #006699; }
#nav li:hover a,
#nav li.ehover a		  { color: #7ccd7c; }
#nav li ul				  { padding: 0; margin: 0; list-style: none; text-align: center; position: absolute; left: -999em; display: inline;}
#nav li:hover ul, 
#nav li.ehover ul 		  { left: auto; }
#nav li:hover ul 
     li:hover a, 
#nav li.ehover ul 
     li.ehover a 	      { color: #7ccd7c }
#nav li a          		  { padding: 0 15px; font-size: 14px; font-weight: 600; color: #FFF; vertical-align: middle; text-decoration: none; display: block; text-align: center; }

#nav_bar .section 		  {}
#nav_bar .section ul 	  { background: #005383; text-align: left;}
#nav_bar .section ul li	  { padding: 0 15px; float: none;}
#nav_bar .section ul li a { padding: 0;}

#nav_bar .selected        { background-color: #006699; }
#nav_bar .selected a      { color: #7ccd7c; }
#nav li:hover, #nav li.hover { position: static;}

#why_govpayexp #nav_why_govpayexp, #news-events #nav_news-events, #home #nav_home, #contact_us #nav_contact_us, #traffic_tickets #nav_cc_services, #real_estate_taxes #nav_cc_services, #restitution_payments #nav_cc_services, #payment_device #nav_cc_services, #utilities_payments #nav_cc_services, #cc_services #nav_cc_services, #court_traffic_fines #nav_cc_services, #child_support #nav_cc_services, #cash_bail_payments #nav_cc_services, #executive_management #nav_about_us, #expertise #nav_about_us, #board_of_directors #nav_about_us, #associations #nav_about_us, #about_us #nav_about_us
{
background-color: #006699;
}
/* 
	
	Sub Navigation

*/
#nav_bar .sub_nav		{ z-index: 2; }
#nav_bar .sub_nav li a  { text-align: left; color: #fff; font-weight: normal; font-size: 12px; }

/*

	Landing Page 

*/

#landing_image 		       { height: 262px; width: 780px; background:url(../images/govpaynet/GPN_Homepage.jpg) no-repeat left top; position:relative; }
#landing_text 	 	       { width:inherit; min-height: 122px; padding: 5px 0px 0px 0px; }
#landing_text #alert 	   { float: left; min-height: 104px; width: 315px; padding: 0px 35px 0px 35px; }
#landing_text #testimonial { float: right;	border-left: #005383 solid 1px;	padding: 0px 34px 0px 30px;	margin-bottom: 13px; min-height: 104px;	width: 328px; }

/*

	Footer 

*/
#footer    { width: inherit; margin: 15px 0; text-align: center; }
#footer ul { list-style: none; margin:0px 0 10px 0; padding:0px; }
#footer li { display: inline;  text-transform:none; }
#search    { width: 168px; }
#go 	   { background-color: #dbdbdb; border: #e9e9e9 solid 1px; color: #005383; font-weight: 700; }


/*
	
	3 Column Page
	
*/
#content            { float:left; width:365px; min-height: 246px; border-left:190px solid #f3f3f3; /* The width and color of the left rail  */ border-right:225px solid #fff;   /* The width and color of the right rail */}
#leftRail           { float:left; width:190px; margin-left:-190px; position:relative; }
#center	            { float:left; width:365px; margin-right:-365px; }
#rightRail          { float:right; width:225px; margin-right:-225px; position:relative; clear:right; *margin-top:35px; _margin-top:35px; }
#rightButton		{ float:right; width:225px; margin-right:-225px; margin-bottom:20px; position:relative; }
.contentPadding     { margin: 25px 5px 15px 30px; }
.subnavPadding     { margin: 25px 15px 15px 20px; }
.contentPadding div, .subnavPadding  div { clear:both; }
#news_back h1       { float:left; margin:0 0 13px 0; }
#news_back p        { float:right; margin:2px 0 0 0; }
#rightRail p {
	margin:0 0 10px 0;
	padding:0px;
}
.contentPadding li {
	margin-bottom:10px;
}
/*
	
	Left Rail
	
*/
#content #section_nav 		  { line-height: 1.25em; font-size:12px; }
#content #section_nav a 	  { text-decoration: none; margin-bottom:10px; display:block; }
#content #section_nav li li a:hover { background:url(../images/arrow.gif) no-repeat left center; }
#content #section_nav a:hover { color:#009a5a;  }

#content #section_nav .select { color: #438c4b; font-weight: bold; }
#content #section_nav ul 	  { list-style: none; text-align: left; margin: 0; padding: 0; z-index: 1;}
#content #section_nav li 	  { display: block; padding:0 0 10px 0; clear:left; margin:0px; font-weight:bold; }

#content #section_nav li li a { display: block; clear:left; padding-left:10px; margin:0px; font-weight:normal; }


#cash_bail_payments #sub_nav_cash_bail_payments, #court_traffic_fines #sub_nav_court_traffic_fines, #real_estate_taxes #sub_nav_real_estate_taxes, #child_support #sub_nav_child_support, #traffic_tickets #sub_nav_traffic_tickets, #utilities_payments #sub_nav_utilities_payments, #restitution_payments #sub_nav_restitution_payments, #payment_device #sub_nav_payment_device, #expertise #sub_nav_expertise, #executive_management #sub_nav_executive_management, #board_of_directors #sub_nav_board_of_directors, #associations #sub_nav_associations
{ color:#009a5a; background:url(../images/arrow.gif) no-repeat left center; }

#cc_services #sub_nav_cc_services, #why_govpayexp #sub_nav_why_govpayexp, #news-events #sub_nav_news-events, #about_us #sub_nav_about_us, #contact_us #sub_nav_contact_us
{ color:#009a5a; }



/*

	Center Rail

*/
#content #center a 		 { text-decoration: underline; }
#content #center a:hover { text-decoration: none; }

/*

	Right Rail

*/
#free_audit span,#view_demo span, #schedule_consult span {
	display:none;
}

#free_audit {
	display:block;
	height:40px;
	width:225px;
	background:url(../images/button_free_audit.gif) no-repeat 10px top;
}

#view_demo {
	display:block;
	height:40px;
	width:225px;
	background:url(../images/button_demo.gif) no-repeat 10px top;
}

#schedule_consult {
	display:block;
	height:40px;
	width:225px;
	background:url(../images/button_consultation.gif) no-repeat 10px top;
}

#schedule_consult:hover, #view_demo:hover, #free_audit:hover {
	background-position:10px -43px;
}

#form_help {
	margin:20px 0 20px 0;
	padding:0px;
	background:url(../images/bg_form.gif) no-repeat right top;
	width:225px;
	height:393px;
	display:block;
	position:relative;
	clear:both;
}

#form_alt {
	margin:20px 0 20px 0;
	padding:0px;
	background:url(../images/bg_form_alt.gif) no-repeat right top;
	width:225px;
	height:225px;
	display:block;
	position:relative;
	clear:both;
}

#submit {
	border:none;
	background:url(../images/submit.png) no-repeat left top;
	height:37px;
	width:104px !important;
	position:absolute;
	top:360px;
	left:80px;
}


#submit_main {
	border:none;
	background:url(../images/submit.png) no-repeat left top;
	height:37px;
	width:104px !important;
	margin-left:200px !important;
}

#form_wrapper {
	position:absolute;
	top:5px;
	left:25px;
}

#form_wrapper h1 {
	font-size:12px;
	line-height:14px;
	padding:0px;
	margin-bottom:5px;
}

#form_help input, #form_help textarea {
	margin:0 0 8px 0;
	_margin:0 0 5px 0;
	*margin:0 0 5px 0;
	padding:5px;
	color:#01538d;
	font-size:10px;
	width:170px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

#form_help textarea {
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
}

#home_right {
	width:190px;
	float:left;
	color:#01a060;
}

#home_right ul {
	margin:0px;
	padding:0px;
}

#home_right li {
	padding:0 0 0 10px;
	margin:5px 0;
	list-style:none;
	background:url(../images/bullet.gif) no-repeat left 6px;
}

#home_right li a {
	color:#00a060;
	text-decoration:none;
}

#home_right li a:hover { 
	text-decoration:underline; 
}

#home_left {
	width:580px;
	float:left;
	margin-left:10px;
}

#home_left ul {
	padding:0px;
	margin:30px 0px;
}

#home_left li {
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
	display:block;
	line-height:14px;
}

#home_left li a {
	display:block;
	height:34px;
	margin-right:10px;
	width:160px;
	padding-left:25px;
}

#landing_text h2 {
	font-size:14px;
	padding:0px;
	margin:10px 0 0 0px;
}

#icon_cc {
	background:url(../images/icon_cc.gif) no-repeat left top;
	padding-left:29px !important;
	margin-left:-4px;
}

#icon_court {
	background:url(../images/icon_court.gif) no-repeat left top;
}


#icon_restitution {
	background:url(../images/icon_restitution.gif) no-repeat 3px top;
	margin-right:0px !important;
}

#icon_bail {
	background:url(../images/icon_bail.gif) no-repeat left top;
}

#icon_traffic {
	background:url(../images/icon_traffic.gif) no-repeat left top;
}

#icon_real_estate {
	background:url(../images/icon_real_estate.gif) no-repeat left top;
	margin-right:0px !important;
}

#icon_child {
	background:url(../images/icon_child.gif) no-repeat left top;
}

#icon_utilities {
	background:url(../images/icon_utilities.gif) no-repeat 3px top;
}

#landing_image a:hover {
	background-position:left -50px;
}

#landing_image a span {
	display:none;
}

#landing_image a {
	display:block;
	height:40px;
	width:213px;
}

#landing_image p {
	position:absolute;
	top:10px;
	right:5px;
}

#button_traffic {
	background:url(../images/button_traffic.png) no-repeat left top;
}

#button_court {
	background:url(../images/button_court.png) no-repeat left top;
}

#button_taxes {
	background:url(../images/button_taxes.png) no-repeat left top;
}

#button_bail {
	background:url(../images/button_bail.png) no-repeat left top;
}

#button_payment {
	background:url(../images/button_payment.png) no-repeat left top;
}

#button_paymentR {
	background:url(../images/button_payment.png) no-repeat left top;
}

#rightButton a {
	display:block;
	position:absolute;
	top:10px;
	right:-5px;
	align:right;
	margin: 0 0 20px 0;
	width:220px;
	height:40px;
}

#rightButton a:hover {
	background-position: left -50px;
}

#rightButton span {
	display:none;
}

#schedule_consult:hover, #view_demo:hover, #free_audit:hover {
	background-position:10px -43px;
}

.red {
	color:#00a060;
}

#contact_form label {
	width:100px;
	display:block;
	float:left;
	margin:3px 0;
}

#contact_form select {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#contact_form input {
	float:left;
	margin:3px 0;
}

.error {
	background-color:#00a060;
}

label .error {
	display:none !important;
}

.error span {
	padding:10px;
	color:#fff;
}

.radio input {
	margin:-3px 3px 0 0;
	padding:0px;
}

.wrap_radio {
	margin:0px;
	padding:0px;
	float:left;
}

form p {
	margin:0px;
	padding:0px;
}

