body { 
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
line-height: 18px; 
background-color: #fff; 
margin: 0; 
}

p { 
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
line-height: 17px; 
text-decoration: none; 
}

h1 { 
font-size: 24px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
margin-bottom: 0; }


/*All header elements start here*/
.header { 
/*background-color: #174a6e;Change this to primary company colour*/ 
background-image: url(images/header/headerBorders.gif); 
background-repeat: repeat-x; 
height: 128px; 
}

.logoholder { 
background-color: #fff; 
background-image: url(images/header/logo_holder_bg.gif); 
background-repeat: no-repeat; 
width: 250px; 
height: 128px; 
}

#CompanyName { 
color: #fff; 
font-size: 18px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-style: italic; 
line-height: 22px; 
text-decoration: none; }

#CompanyName h1 { 
color: #fff; 
font-size: 24px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-style: normal; 
margin-bottom: 0; 
}
/*Nav bar is optional but do not remove from the page. 
If a nav is required in the future, this is where it goes.*/
.navbar { 
color: #174a6e;/*Change this to secondary company colour. Apply to footer as well*/ 
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
line-height: 18px; 
background-color: #8db3ca; 
background-image: url(images/header/nav_bg.gif); 
background-repeat: repeat-x; 
height: 30px; 
}
/*All header elements End here*/

/*Footer*/
.Footer { 
color: #174a6e;/*Change this to secondary company colour*/  
font-size: 11px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
line-height: 16px; 
background-color: #8db3ca; 
background-image: url(images/header/nav_bg.gif); 
background-repeat: repeat-x; 
height: 40px; 
padding-top: 20px; 
}

/*Criteria are the elements for the cells 
containing form elements and fancy 
gradient backgrounds*/
#criteria { 
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
line-height: 17px; 
background-image: url(images/criteria/gradientBar.gif); 
background-repeat: repeat-x; 
text-decoration: none; 
padding: 15px; 
}
#criteria h1 { 
font-size: 24px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
}
#basicTextbox { 
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
line-height: 17px; 
text-decoration: none; 
padding: 15px; 
}
#basicTextbox h1 { 
font-size: 24px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
}
.FieldNames { 
font-size: 14px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold; 
line-height: 20px; 
text-decoration: none; 
}

#Signupbutton  a { 
color: #000; 
background-image: url(images/criteria/bg_button.gif); 
background-repeat: repeat-x; 
font-size: 13px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold; 
line-height: 18px; 
text-decoration: none; 
text-align: center; 
vertical-align: middle; 
width: 180px; 
height: auto; 
padding: 5px; 
border-color: #ccc #999889 #999889 #ccc; 
border-style: solid; 
border-width: 1px; 
display: block; 
white-space: normal; 
}
#Signupbutton  a:hover { 
background-color: #003eac; 
color: #fff; 
background-image: none; 
text-decoration: none; 
}

#nextbutton  a { 
color: #000; 
background-image: url(images/criteria/bg_button.gif); 
background-repeat: repeat-x; 
font-size: 13px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold; 
line-height: 18px; 
text-decoration: none; 
text-align: center; 
vertical-align: middle; 
width: 100px; 
height: auto; 
padding: 5px; 
border-color: #ccc #999889 #999889 #ccc; 
border-style: solid; 
border-width: 1px; 
display: block; 
white-space: normal; 
}
#nextbutton  a:hover { 
background-color: #003eac; 
color: #fff; 
background-image: none; 
text-decoration: none; 
}

#Questbutton  a { 
color: #000; 
background-image: url(images/criteria/bg_button.gif); 
background-repeat: repeat-x; 
font-size: 13px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold; 
line-height: 18px; 
text-decoration: none; 
text-align: left; 
vertical-align: middle; 
width: 300px; 
height: auto; 
padding: 10px; 
border-color: #ccc #999889 #999889 #ccc; 
border-style: solid; 
border-width: 1px; 
display: block; 
white-space: normal; 
}
#Questbutton  a:hover { 
background-color: #003eac; 
color: #fff; 
background-image: none; 
text-decoration: none; 
}

.imgFloatLfet{ 
float: left; 
margin: 0 5px 5px; 
}
.mandatory{ 
color: #7b7b7b !important; 
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
}
.progBar { 
background-image: url(images/criteria/progBar_bg.gif); 
background-repeat: repeat-x; 
height: 11px; 
border: solid 1px #d2d2d2; }

/*Error text in RED*/
.warning { color: #900; font-weight: bold;}

/*Error text in RED*/
.error { color: #f00; font-weight: bold; text-decoration: none; }

/*link button in blue*/
.linkblue:hover { 
background-color: #003eac; 
color: #fff; 
background-image: none; 
text-decoration: none; 
}