/*
ELEMENT SELECTORS FOR YOUR CREDIT REPORT HELP CENTRE
*/

BODY
{	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000066;
	background-color: #FFFFFF;
	margin: 0 0 0 2em;
	border: none;
	font-size: 75%;
	line-height : 130%;}

p 
{	color: #000066;
	line-height: 1.0em;}

/* HEADING TAGS */
H1 
{	font-style: normal;
	font-weight: normal;
	font-size: 160%;
	margin-bottom: 10px;
	margin-top: 10px;
	white-space : nowrap;}


H1 SPAN   /* this span floats the step number in the H1 tag to the far right */
{
	position : absolute;
	top : 10px;
	right : 20px;
	padding-bottom : 5px;
	white-space : nowrap;
}

H2 
 {	font-style: normal;
	font-weight: bold;
	font-size: 95%;
	margin-bottom: 10px;
	margin-top: 10px;}

H3
 {	font-style: normal;
	font-weight: normal;
	font-size: 132%;
	margin-bottom: 0.8em;
	margin-top: 0.8em;}

H4
 {	font-style: normal;
	font-weight: bold;
	font-size: 95%;
	margin-bottom: 0.2em;
	margin-top: 0.2em;}

/* LINKS */
A
{	color: #990033; }
	
A:hover 
{	color: #990033; 
	text-decoration : none;}
	

/*  LIST ITEMS  */
UL
{ margin-top : -15px;}
	
OL
{	margin-top : -15px;;}		

LI
{	padding-top : 6px;
	padding-right : 55px;	
	line-height: 125%;}

/* ----------------------------------------------- */
/*		 TABLE SELECTORS 					*/
/* ----------------------------------------------- */
TABLE
{	font-size : 100%;}

TH
{	text-align : center;
	font-weight : bold;
	background-color : #CCCCFF;}

TD
{	vertical-align : top;}

/* ----------------------------------------------- */
/* 		FORM SELECTORS 						*/
/* ----------------------------------------------- */

#form-width-medium  /* style form so fields don't wrap */
{	width : 600px; 
	min-width : 600px;}

/*
#form-width-medium LABEL 
{  	width : 225px;
	min-width : 225px;}	
*/

LABEL /* styles all label elements associated with input objects, except value labels*/
{   
	COLOR: #000066;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: normal;}		
	
div.row 
{
	white-space : nowrap;
	width : 600px;
	min-width : 600px;
	/*border : 1px solid red;*/
	clear: both;
	height : 30px;
	margin-bottom : 1px;

}	

.wraprow 
{
	width : 600px;
	min-width : 600px;
	/*border : 1px solid red;*/
	clear: both;
	height : 25px;
	margin-bottom : 1px;

}	
.label 
{
	float: left;
  	width: 300px;
  	text-align: left;
	/*border : 1px solid blue;*/
}

.shortlabel 
{
	float: left;
  	width: 150px;
  	text-align: left;
	/*border : 1px solid blue;*/
}

.field
{
 	float: left;
  	width: 295px;
  	text-align: left;
	/*border : 1px solid orange;*/
	margin-left : 5px;
}

.widefield
{
 	float: left;
  	width: 600px;
  	text-align: left;
	/*border : 1px solid orange;*/
	margin-left : 5px;
}	


.radiofield
{
 	float: left;
  	width: 195px;
  	text-align: left;
	/*border : 1px solid orange;*/
	margin-left : 5px;
}	
	
.width_225
{
	width : 225px;
}	
	
.form_subform /* for form selections subordinate to other form elements, ie appear on checking boxes */
{
	border : 1px solid #C0C0C0;
	margin-left : 25px;
	margin-top : 5px;
	padding-top : 5px;
	padding-left : 5px;
	margin-right : 60px;
	padding-bottom : 5px;
}	

INPUT
{	
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 100%;
	margin-left : 0px;
	/*margin-top : 0em;
	margin-bottom : 5px;*/
}
	
SELECT
{	
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 100%;
	margin-left : 0px;
	margin-top : 0em;
	margin-bottom : 5px;
}	
	
TEXTAREA	
{	
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 100%;
	margin-top : 0px;
}
		

FORM P, UL /* style any paragraphs inside forms, eg for instructions or expanations */
{
	line-height : 130%;
	margin-top : 0px;
	padding-top : 0px;
	margin-bottom : 10px;
}
	
FORM UL
{
	margin-bottom : 20px;
}	
		
.inp_check	/* style checkboxes */
{
		margin-right : 0px;
		margin-top : 10px;
		margin-bottom : 0px;
}
	
.checkbox_label /* style checkbox labels */
{
	margin-left : 0px;
	white-space : nowrap;
	color : #000066;
}	
	
.mandatory
{
	color : #B70000;
}	

.hidden
{
	display: none;
}
	
.value /* for label elements that are for checkboxes and radio buttons--ie use <label class="value"> */
{	color: #000066;
	font-weight : normal;}
	
.button   /*styles all buttons */
{
	color: #6666CC;
	background-color: #FFFFFF;
	border: 3.5px ridge #CCCCFF ;
	font-weight : bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 100%;
	margin-top : 10px;}	
	
.disabled
{	background-color : #D3D3D3;
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;}