/* Created: CU for HaySubs renewals pages */

/* NOTE:
 * Styling in this file is currently only used for the renewals login page.
 * Form elements take the basis from formStyles.css, but are overwritten
 * where necessary in this file.
 * All other subsequent pages within the Renewals section is controlled
 * via style.css or customerDetails.css
 */

@media screen {

#maincol #renewals h1 {
	margin-top:0; /* overrides styling in style.css to compensate for progress bar */
}	

	#maincol #renewals h1#renewalsTitle { /* styling specific for title on renewals home */
		margin-top: 20px;
	}
	
/* All paragraphs within the intro section are bold - as per the design */
#renewals .introArea p {
	font-weight: 700;
}


/* styling for renewal letter area */
#renewalImg {
	float: right;
	background-color:#f3f7f8;
	border: 1px solid #e1e0ea;
	padding: 10px 5px;
	margin-left: 10px;
}

	#renewalImg p {
		color: #180f5e;
		margin: 0 0 2px 4px; /* to match alignment of paragraph with image */
		font-weight:bold;
	}

/* styling for find renewal form */
#findRenewalForm {
	float: left;
	padding: 10px;
	border: 1px solid #e1e0ea;
	width: 340px;
}

	#findRenewalForm fieldset {
		margin: 0;
		padding: 0;
	}
	
	#findRenewalForm label {
		font-weight: 400;
		width:180px;
	}
	
	#findRenewalForm input.radio {
		font-size: 0.7em;
		padding: 0;
		float: left;
		overflow:visible;
	}
	
	#findRenewalForm input.inputText {
		float: left;
		margin-right: 0;
	}
	
	#findRenewalsButton{
		background: url(/_images/buttons/findRenewalsButton.gif) transparent no-repeat 0 0;
		height: 22px;
		width: 129px;
		margin-left:190px;	
		float: left;
	}
	
/* styling for form validation area */
#findRenewalForm .formRow p.error {
	margin-left: 0;
}

	#renewalHelp p {
		font-size: 1.1em;
		margin: 10px 0 0 0;
	}

/* tool tip styling */
/* styling if javascript is disabled */

#busToolTip,
#medToolTip {
	margin-top: 15px;
}
#busPubInfo h3,
#medPubInfo h3 {
	font-weight: 700;
	color: #180f5e;
	line-height: 1.4em;
	font-size: 1.2em;
}
	
#busPubInfo ul li,
#medPubInfo ul li {
	font-size: 1.2em;
	line-height: 1.3em;
}

}