/*
Colour Palette
Pantone 186 = RGB(206,17,38)      #CE1126
Pantone 188 = RGB(124,33,40)      #7C2128
White
Black
*/

/* classes at the top of the file, IDs at the bottom */

/*Classes*/
.buttontwothirdssize {
    background-image:url('../images/buttons_2_3.png');
}
a.buttontwothirdssize { height: 24px; width:83px; display:block; color:#ffffff;font-size:13px;}
a.buttontwothirdssize span { position:relative;top:2px;left:13px; }
a.buttontwothirdssize:hover { background-position: 0px -24px; text-decoration:none;}

.buttonhalfsize {
    background-image:url('../images/buttons_halfsize.png');
}
a.buttonhalfsize { height: 18px; width:62px; display:block; color:#ffffff;font-size:10px;}
a.buttonhalfsize span { position:relative;top:2px;left:10px; }
a.buttonhalfsize:hover { background-position: 0px -18px; text-decoration:none;}

ul.bulletList
{
    list-style-image:url(../images/bullets/PulseArrow_8.png);
    padding-left:16px;
}

.tdrightalign { text-align:right; padding-right:2px;}

/* padding between elements */
table.narrowTable tr th:first-child, table.narrowTable tr td:first-child{
 padding-left: 5px;
}
table.narrowTable tr th, table.narrowTable tr td{
 padding-left: 5px;
 padding-top:3px;
 padding-bottom:3px;
}

.handleImage
{
    background-image:url('../images/cross.gif');
    cursor:se-resize;
    height:15px;
    width:15px;
}

.modalBackground
{
    background-color:#000;
    filter:alpha(opacity=50);
    opacity:0.5;
}

/*For when long text just doesn't quite fit in the space*/
.narrower
{
    font-size:smaller;
}

.errorsummary
{
    padding:10px;
    background-color:#ffff88;
    margin-left:20px;
    margin-right:20px;
}

/* make rows in a fieldset tall enough to hold a dropdown list */
fieldset select
{
    margin-top:1px;
    margin-bottom:1px;
}

/* default style for fieldset */
fieldset.popup{
 border: 1px solid #710023;
 padding-top:5px;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:10px;
}



.modalBackground 
{
	background-color:#000;
	opacity:0.5;
	filter:alpha(opacity=50)
}

.thankyou
{
	/* 
    Sort out the single line bubble image 
    background-image:url('../images/speech/error.png'); 
	background-repeat: no-repeat;
	width:575px;
	margin-bottom: 17px;
	padding-left: 45px;
	padding-top: 25px;
    */
    color:#CE1126;
}

.writethisimg
{
	position:absolute;
	height:56px;
	left:18px;
	top:-31px; /*The loop in the image is about 25px of the image so set the image 56-25=31px upwards */
	float:left;
}

.boxoutheader
{
    margin:40px 5px 10px 15px;
    display:block;
    overflow:hidden;
    
}

.message
{
    display:block;
    padding:3px;
    font-size:larger;
}

/* fieldset wide labels */
fieldset.labelwide label {
  width: 14em;
}

.palepinkbackground fieldset
{
    margin-top:0px;
    margin-bottom:0px;
}
.palepinkbackground
{
    background-color:#ffeeee;
    padding-left:3px;
    padding-right:3px;
    padding-top:5px;
    padding-bottom:5px;
}

.smallNumeric
{
    width:30px;
    text-align:right;
    padding-right:1px;
}

.button169
{
    background-image:url('../images/buttons_169.png');
}

a.button169  
{
    width:169px; 
    display:block; 
    color:#ffffff;
    font-size:14px;    
    height:36px;
}

a.button169 span 
{ 
    position:relative;
    top:8px;
    left:17px; 
}    

.applicationProgress 
{
	margin-left:10px;
	padding-left: 30px;
	min-height: 32px;
}

.applicationWeWillNotPayYou 
{
	border: dotted 1px #777;
	margin: 5px 10px 5px 40px;
	padding:10px;
	min-height: 32px;
	background-color: #FFD;
}

.applicationProgressComplete
{
	background-image: url('../images/tick.png');
	background-repeat: no-repeat;
	background-position: left top;
	color: #777;
	font-style: italic;
	
}

.applicationProgressIncomplete
{
	background-image: url('../images/cross.png');
	background-repeat: no-repeat;
	background-position: left top;

}

.applicationprogressicon 
{
	float:left;
	margin-left:5px;
	padding-top: 5px;
	padding-left: 5px;
	width: 70px;
	
}

.contractsection 
{
	width:680px;
	margin-left:auto !important;
	margin-right:auto !important;
}

.contractsection h2
{
	margin-top: 10px;
	text-align:center;
	padding: 10px;
	background-color: #DDD !important;
	border: none !important;
}


.contractsection:hover
{
	background-color: #EEE;
}

.contractsection a 
{
	text-decoration: underline;
}

.contractsection a:hover 
{
	text-decoration: none;
}

.applicationprogresscontractsection 
{
	margin-left: 80px;
	
	padding-bottom:20px;
	font-size:9pt;
	
}

.mandatorylabel label
{
}


.progress 
{
	margin-left: 10px;
	padding-left: 30px;
	padding-top: 5px;
}

.progresscomplete
{
	height: 32px;
	background-image: url('../images/tick.png');
	background-position: left center;
	background-repeat:no-repeat;
}

.progresscomplete a 
{
	margin-left: 32px;
	padding-top: 8px;
}

.progressincomplete 
{
	height: 32px;
	background-image:url('../images/cross.gif');
	background-position: left center;
	background-repeat:no-repeat;
}
	
.progressincomplete a 
{
	margin-left: 32px;
	
	padding-top: 8px;
}
	
.progresscurrent 
{
    height: 32px;
    font-style: italic;
    font-weight:bold;
    background-color: #DDF;
}

.errormessage 
{
	/*background-image:url('../images/speech/error.png');*/
	background-repeat: no-repeat;
	margin-bottom: 17px;
	padding-top: 5px;
}

.errormessage ul
{
	padding-top: 5px;
	margin-left: 45px;
}

/* error message font style */
.errormessage h2 {
 color: #DA1A35;
}

.errormessage p {
 margin-left:45px;
}

.takeonform 
{
	width:100%;
	border-left: solid 1px #DDD;
	border-right: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	background-color:#EEE;
	margin-bottom: 15px;
}

.takeonform td
{
	vertical-align: top;
	/*width: 150px;*/
}

.takeonform input,select
{
	font-family:"Trebuchet MS",Sans-Serif;
	font-size:110%;
}


.ie7TransparentTextBoxFix input[type=text]  /* browser fix for IE7 and IE8 in compatibility mode - can't always click on a text box to get focus without opacity set*/ 
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);	
}

input[type=text]:focus
{
	background-color: #FFFFE0;
}

.occupations 
{
	background-color: #FFF;
	margin-right: 10px;
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
	font-size:8pt;
}

.occupations span
{
	display: inline-block;
	width: 300px;
	vertical-align: top;
}

.takeonprogress 
{
	width:100%;
	border-left: solid 1px #DDD;
	border-right: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	background-color:#EEE;
}

.takeonprogress td 
{
	border-top: solid 1px #FFF;
	padding-right: 10px;
}
/* Illustration results css */

td.narrowLabelCell
{
	width: 150px;	
}

td.moneyColumn
{
	text-align:right;
}


#popup 
{
	display:none;
	z-index:2001;
	position:fixed;
	top:120px;
	width:500px;
	left:50%;
	margin-left:-250px;
}

#modalOverlay 
{
	z-index:2000;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	filter: alpha(opacity = 50);
}



.applicationprogresscontractsection 
{

	margin: 0 0 20px 0;
	padding: 10px 20px 10px 80px;
	background-color: #FFD;
	background-image: url('../images/big-gradient.png');
	border: solid 1px #DDD;
}




.innerTube 
{
	padding: 10px;
}