/**
 *	Payday
 *  Base Screen Styles
 *	
 *	@author:	natzdoh
 *	@date:		20/06/2008	
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *
 */
html,body {
	background:					#407b19;
}

body {
	color:						#444444;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {
	background:					#fff url(../images/bg-wrapper.png) repeat-x;
}

div#container {
	background:					url(../images/bg-container.png) 50% 47px no-repeat;
}

div#navigation {
	height:						47px;
}

div#header {
	height:						137px;
}

div#brand {
	background:					url(../images/logo-payday.png) no-repeat;
	float:						left;
	height:						147px;
	margin:						-32px 0 0 16px;
	position:					absolute;
	width:						173px;
}

div#content {
	background:					url(../images/bg-content.png) 50% bottom repeat-x;
	min-height:					447px;
}

div#content-inner {
}

div#content-main {
	float:						left;
	width:						648px;
}
body.home div#content-main {
	width:						538px;
}

div#content-main-inner {
	padding:					34px 34px 0 34px;
}

div#content-side {
	margin-left:				648px;
/*
	float:						left;
	width:						332px;
*/
}
body.home div#content-side {
	margin-left:				538px;
/*
	float:						left;
	width:						442px;
*/
}

div#content-side-inner {
	padding-top:				21px;
}

div#application {
	background:					url(../images/bg-application.jpg) no-repeat;
	margin-top:					-53px;
	position:					absolute;
	width:						421px;
}

div#application-inner {
	background:					url(../images/bg-application-inner.jpg) left bottom no-repeat;
	padding:					28px 0 18px 26px;
	color:						#fff;
}

div#benefits,
div#calculator,
div#livehelp,
div#testimonials {
	overflow:					hidden;
	min-height:					146px;
	margin-bottom:				7px;
	padding-top:				17px;
	width:						311px;	
}

div#benefits {
	background:					url(../images/bg-benefits.gif) no-repeat;
}
body.home div#benefits {
	background:					url(../images/bg-benefits.gif) no-repeat;
}
div#calculator {
	background:					url(../images/bg-calculator.gif) no-repeat;
	min-height:					119px;
}
body.home div#calculator {
	background:					url(../images/bg-calculator.gif) no-repeat;
	min-height:					119px;
}
div#livehelp {
	background:					url(../images/bg-livehelp.gif) no-repeat;
	min-height:					119px;
}
body.home div#livehelp {
	background:					url(../images/bg-livehelp.gif) no-repeat;
	min-height:					119px;
}
div#testimonials {
	background:					url(../images/bg-panel.png) no-repeat;
}

div#testimonials-inner {
	background:					url(../images/bg-panel-inner.png) left bottom no-repeat;
	min-height:					210px;
}

div#footer {
	background:					url(../images/bg-footer.png) 50% 0 repeat-x;
	min-height:					155px;
  	height:						auto !important;
  	height:						155px;
}

div.centerizzler {
	margin:						0 auto;
	overflow:					hidden;
	width:						980px;
}

div.login {
	float:						right;
	height:						26px;
	padding: 					11px 10px 10px 0;
}

/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

small {
	font-size:					11px;
}

span {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					inherit !important;
	line-height:				inherit !important;
}

strong {
	font-weight:				bold;
}

div#content-main {
	font-size:					1.2em;
	line-height:				150%;
}

body.home div#content-main {
	font-size:					1.75em;
	line-height:				125%;
	font-weight:				bold;
}

div#content-main h2 {
	color:						#45902b;
	font-size:					24px;
	font-weight:				bold;
	margin-bottom:				0.5em;
}
body.home div#content-main h2 {
	font-size:					28px;
	margin-bottom:				12px;
}

div#content-main h3 {
	color:						#45902b;
	font-size:					18px;
	font-weight:				normal;
	margin-bottom:				0.5em;	
}
body.home div#content-main h3 {
	font-size:					16px;
	font-weight:				bold;
	margin-bottom:				0.75em;
}

body.home div#content-main p.sfxbody {
	font-size:					16px;
	font-weight:				bold;
	color:						#444444;
	margin-bottom:				0.75em;
}

div#content-main p {
	margin-bottom:				1.5em;
}

div#content-main .date {
	font-weight:				bold;
	color:						#333333;
	padding-bottom:				20px;
}

div#content-main .person {
	font-weight:				bold;
	color:						#333333;
	font-style:					italic;
}

div#content-side {
	font-size:					1.1em;
	line-height:				165%;
}

div#content-side blockquote {
	min-height:					150px;
	height:						auto !important;
	height:						150px;
}

div#content-side p {
	margin-right:				21px;
	text-align:					right;
}

div#content-side p span {
	color:						#c2c2c2;
}

div#content-side div#content-side-inner h4 {
	height:						18px;
	margin:						0 0 8px 22px;
	text-indent:				-9999px;
}
body.home div#content-side div#content-side-inner h4 {
	color:						#fff;
	font-size:					16px;
	font-weight:				bold;
	height:						auto;
	margin:						0 0 0.5em 0;
	text-indent:				0;
}

div#content-side div#content-side-inner div#benefits h4 {
	background:					url(../images/h4s/h4-benefits.gif) no-repeat;
}
div#content-side div#content-side-inner div#calculator h4 {
	background:					url(../images/h4s/h4-calculator.gif) no-repeat;
}
div#content-side div#content-side-inner div#livehelp h4 {
	background:					url(../images/h4s/h4-livehelp.gif) no-repeat;
}
div#content-side div#content-side-inner div#testimonials h4 {
	background:					url(../images/h4s/h4-testimonials.gif) no-repeat;
}

body.home div#content-side div#content-side-inner div#benefits h4 {
	background:					url(../images/h4s/h4-benefits.gif) no-repeat;
	text-indent:				-9999px;
	margin:						4px 0 0px 30px;
}
body.home div#content-side div#content-side-inner div#calculator h4 {
	background:					url(../images/h4s/h4-calculator.gif) no-repeat;
	text-indent:				-9999px;
	margin:						4px 0 0px 30px;
}
body.home div#content-side div#content-side-inner div#livehelp h4 {
	background:					url(../images/h4s/h4-livehelp.gif) no-repeat;
	text-indent:				-9999px;
	margin:						4px 0 0px 30px;
}
body.home div#content-side div#content-side-inner div#testimonials h4 {
	background:					url(../images/h4s/h4-testimonials.gif) no-repeat;
	text-indent:				-9999px;
	margin:						4px 0 0px 30px;
}

/*
body.home div#content-side div#content-side-inner div#benefits h5 {
	background:					url(../images/h5s/h5-benefits.png) no-repeat;
	height:						25px; 
	margin:						0 0 8px 35px;
	text-indent:				-9999px;
}
body.home div#content-side div#content-side-inner div#calculator h5 {
	background:					url(../images/h5s/h5-calculator.png) no-repeat;
	height:						25px; 
	margin:						0 0 8px 35px;
	text-indent:				-9999px;
}
body.home div#content-side div#content-side-inner div#testimonials h5 {
	background:					url(../images/h5s/h5-testimonials.gif) no-repeat;
	height:						18px;
	margin:						8px 0 8px 30px;
	text-indent:				-9999px;
}*/

div#content-side div#content-side-inner div p {
	padding-left:				22px;
	margin-bottom:				0.25em;
	text-align:					left;
}
body.home div#content-side div#content-side-inner div p {
	padding:					0;
	margin:						0;
	text-align:					left;
}
body.home div#content-side div#content-side-inner div p.sfx {
	color:						#fff;
	font-size:					14px;
	margin-bottom:				0.5em;
}

body.home div#content-side div#content-side-inner div h4.sfxwhite {
	color:						#fff;
}

body.home div#content-side div#content-side-inner div#calculator p {
	padding-left:				35px;
}
body.home div#content-side div#content-side-inner div#livehelp p {
	padding-left:				35px;
}
div#content-side div#content-side-inner div#testimonials p {
	margin-bottom:				1em;
}
body.home div#content-side div#content-side-inner div#testimonials p {
	margin:						0 30px 0 30px;
}

div#content-side div#content-side-inner p.button {
	padding:					0;
	margin:						0;
}

body.home div#content-side div#content-side-inner div#calculator p.button,
body.home div#content-side div#content-side-inner div#testimonials p.button {
	margin:						0;
	padding:					0;
}


body.home div#content-side div#content-side-inner div#benefits p.button {
	margin-top:					-5px;
	padding:					0;
}
body.home div#content-side div#content-side-inner div#livehelp p.button {
	margin-top:					-5px;
	padding:					0;
}
p.align-center {
	text-align:					center;
}

p.align-left {
	text-align:					left;
}

p.align-right {
	text-align:					right;
}

p.no-margin {
	margin:						0;
}

span {
	color:						#c2c2c2;
}

.small {
	font-size:					10px;
}

span.required {
	color:						#ff0000;
}
/** lists/typography/links
------------------------------------------------------------------ */

div#content-main a {
	color:						#EDA908;
	text-decoration:			none;
}

div#content-main a:hover {
	color:						#b47802;
	text-decoration:			none;
}

div#content-main ul {
		margin:						0 0 2em 31px;
}

div#content-main ul li {
	background:					url(../images/icons/icon-ca.gif) no-repeat;
	margin:						0.25em 0 0.5em 0;
	padding-left:				25px;
}

div#content-main ul li.testimonial {
	margin-bottom:				15px;
}

div#content-main ol {
	margin:						0 0 1em 31px;
	list-style-type:			decimal;
}

div#content-main ol.graphic-list {
	margin-bottom:				1.5em;
	list-style-type:			none;
}

div#content-main ol.graphic-list li {
	background-position:		0 0;
	background-repeat:			no-repeat;
	margin-bottom:				0.725em;
	padding-left:				45px;
}

div#content-main ol.graphic-list li.single-line {
	background-position:		0 50%;
	padding-top:				0.725em;
	padding-bottom:				0.725em;
}

div#content-main ol.graphic-list li.item-1 {
	background-image:			url(../images/icons/icon-item-1.gif);
}
div#content-main ol.graphic-list li.item-2 {
	background-image:			url(../images/icons/icon-item-2.gif);
}
div#content-main ol.graphic-list li.item-3 {
	background-image:			url(../images/icons/icon-item-3.gif);
}
div#content-main ol.graphic-list li.item-4 {
	background-image:			url(../images/icons/icon-item-4.gif);
}
div#content-main ol.graphic-list li.item-5 {
	background-image:			url(../images/icons/icon-item-5.gif);
}
div#content-main ol.graphic-list li.item-6 {
	background-image:			url(../images/icons/icon-item-6.gif);
}

div#content-main ul.bottomnav {
	padding-bottom:				15px;
	margin:						0;
	text-align:					center;
}

div#content-main ul.bottomnav li {
	font-size:					11px;
	font-weight:				normal;
	display:					inline;
	border-right:				1px solid #ccc;
	padding-left:				4px;
	padding-right:				5px;
	color:						#CCCCCC;
	background:					none;
}

div#content-main ul.bottomnav li.last {
	border:						0;
}

div#content-main ul.bottomnav li.smallnav {
	font-size:					10px;
	padding-left:				2px;
	padding-right:				4px;
}

div#content-side ul {
	margin-left:				18px;
}
body.home div#content-side ul {
	margin:						0 0 1em 31px;
}

div#content-side ul li {
	background:					url(../images/icons/icon-ca.gif) no-repeat;
	margin-bottom:				0.25em;
	padding-left:				25px;
}

div#content-side a.button,
div#content-side a.button:link {
	background-repeat:			no-repeat;
	display:					block;
	float:						right;
	height:						37px;
	margin-right:				9px;
	text-indent:				-9999px;
	width:						132px;
}
body.home div#content-side a.button,
body.home div#content-side a.button:link {
	background-repeat:			no-repeat;
	display:					block;
	float:						right;
	height:						37px;
	margin-right:				9px;
	text-indent:				-9999px;
	width:						132px;
}

body.home div#content-main p.smalltext {
	font-weight:				normal;
	line-height:				1.5em;
	font-size:					11px;
	color:						#999999;
}

div#content-side div#benefits a.button,
div#content-side div#benefits a.button:link {
	background-image:			url(../images/buttons/btn-read-more-green.jpg);
}
body.home div#content-side div#benefits a.button,
body.home div#content-side div#benefits a.button:link {
	background-image:			url(../images/buttons/btn-read-more-green-home.jpg);
}
div#content-side div#calculator a.button,
div#content-side div#calculator a.button:link {
	background-image:			url(../images/buttons/btn-calculate.jpg);
}
body.home div#content-side div#calculator a.button,
body.home div#content-side div#calculator a.button:link {
	background-image:			url(../images/buttons/btn-calculate-home.jpg);
}
div#content-side div#livehelp a.button,
div#content-side div#livehelp a.button:link {
	background-image:			url(../images/buttons/btn-livehelp.jpg);
}
body.home div#content-side div#livehelp a.button,
body.home div#content-side div#livehelp a.button:link {
	background-image:			url(../images/buttons/btn-livehelp-home.jpg);
}
div#content-side div#testimonials a.button,
div#content-side div#testimonials a.button:link {
	background-image:			url(../images/buttons/btn-read-more-blue.jpg);
}
body.home div#content-side div#testimonials a.button,
body.home div#content-side div#testimonials a.button:link {
	background-image:			url(../images/buttons/btn-read-more-blue-home.jpg);
}

/** images
------------------------------------------------------------------ */
img.float-right {
	float:						right;
}
img.float-left {
	float:						left;
}

div#content-side blockquote img {
	float:						left;
	margin:						0 0 0.5em 0.5em;
}
/** tables
------------------------------------------------------------------ */
table tbody tr td.col1 {
	width:						80px;
}
table tbody tr td.col1-2 {
	width:						190px;
}
table tbody tr td.col2 {
	width:						110px;
}
table tbody tr td.col3 {
	width:						61px;
}
table tbody tr td.col3-4 {
	width:						165px;
}
table tbody tr td.col4 {
	width:						104px;
}
table tbody tr td.col5 {
	width:						22px;
}
/** forms
------------------------------------------------------------------ */
input,select,textarea {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
}

input.text {
	border:						0; 
	height:						20px;
}

input.large {
	background:					url(../images/bg-large-field.gif) right top no-repeat;
	width:						160px;
	padding:					7px 0 0 5px;
}

input.largew {
	background:					url(../images/bg-large-field-w.gif) no-repeat;
	width:						160px;
	padding:					7px 0 0 5px;
}


input.medium {
	background:					url(../images/bg-medium-field.gif) right top no-repeat;
	width:						89px;
	padding:					7px 4px 0 5px;
}

input.small {
	background:					url(../images/bg-small-field.gif) right top no-repeat;

	width:						78px;
	padding:					7px 4px 0 5px;
}

input.smallest {
	background:					url(../images/bg-smallest-field.gif) top no-repeat;
	width:						52px;
	padding:					7px 6px 0 5px;
}

fieldset.member {
	padding:					20px;
	border:						1px solid #E6EAED;
	width:						300px;
	margin-bottom:				25px;
}

fieldset.miniapp {
	padding:					0;
	margin:						0;
	border:						none;
	border:						0;
	width:						100%;
}

fieldset.calculator {
	padding:					20px;
	border:						1px solid #E6EAED;
	width:						500px;
	margin-bottom:				25px;
}
.calculator h3 {
	color:						#45902b;
	font-size:					20px;
	font-weight:				bold;
	margin-bottom:				0.5em;
}

legend {
	text-align:					left;
	font-size:					14px;
	color:						#45902b;
	
}

.wrapped {
	line-height:				12px;
}

select.text {
	border:						0; 
	height:						23px;
	margin-bottom:				3px;
	color:						#444444;
}

select.large {
	background:					url(../images/bg-large-field.gif) no-repeat;
	background-color:			#FFFFFF;
	width:						160px;
	padding:					4px 6px 0px 6px;
}

select.medium {
	background:					url(../images/bg-medium-select.gif) no-repeat;
	background-color:			#FFFFFF;
	width:						97px;
	padding:					4px 6px 0px 6px;
}

#form-success .optionbox {
	width: 500px;
	border: 1px solid #79a450;
	background-color:#f4f8f1;
}

#form-success .optionboxmargin {
	margin: 10px 0px 12px 0px;
}

#form-success .optionboxmargin {
	margin: 10px 0px 12px 0px;
}

#form-success .optionbox ol{
	font-size:12px;
	padding: 10px;
	margin-left: 10px;
	list-style-type: none;
}
#form-success .optionbox li{
	padding: 10px;
}