body{
	margin:0px;
	padding:0px;
} 

/* doesn't seem to be in the code any more, suggest removing */
#popupScrollDiv {
	overflow:auto;
	height:495px;
	margin-top:60px;
}

p, select, h1, body, div, td, input, textarea {
	font-family: Verdana, Helvetica, sans-serif; 
	color:#333333; 
}

table.pricetable th a {
	color:white;
	text-decoration:underline
}

table.pricetable {
	width:555px;
	border-bottom:1px solid #C61042;
	font-size:85%;
}


table.pricetable th {
	background-color:#C61042;
	padding:8px 5px;
	text-align:left;
	color:#ffffff;
}

table.pricetable th p {
	color:#ffffff;
}

table.pricetable td {
	color:black;
	background-color:#F9E7EC;
	padding:8px 5px;
	font-weight:normal;
}

table.pricetable tr.oddrow td {
	background-color:#F9E7EC;
}


table.pricetable td {
	background-color:#F5D5DE;
	/*border:1px solid #ffffff*/
}

table.pricetable th p,table.pricetable td p {
	margin:0px;
	padding:0px;
}


table.pricetable td a {
	color:black;
	text-decoration:none
}

table.pricetable td a:hover {
	text-decoration:underline
}

.pt_header_left{
 	border-left:1px solid #ffffff
}

.pt_header_right{
 	border-right:1px solid #ffffff;
}

.pt_header_right p {
 	text-align:center
}

dl, h3, h4 {
	font-size: 70%;
}

/* product comparison application */

table#productcomparison {
	width:100%
}

#productcomparison th{
	text-align:right;
	color:black;
}

#productcomparison td{
	border:1px solid #939496;
}

#productcomparison th, #productcomparison td{
	padding:8px;
}

.pctrrollover th p, .pctrrollover td{
	color:white;
}


/* used on the useful contacts page like a simple two cell table */
dt {
	font-weight: bold;
	width: 180px;
}

dd {
	position:relative;
	top:-1.3em;
	margin: 0 0 0.3em 190px;
}

a img{
	border:0px none
}

h1{
	margin:0px;
	color:red
}

/**/
img#sl_logo{
	position:absolute;
	top:17px;
	left:20px;
}

img#close_button{
	margin-top:8px;
	/*position:absolute;
	top:20px;
	right:10px;*/

}

p{
	/*font-size:70%*/
}

/*
p label{
	width:160px;
	white-space:nowrap;
}*/

p,div,h1,h2,h3,h4,h5,h6{
	margin-top:0px;
	padding-top:0px;
}

form{
	margin:0px 0px -3px 0px;
	padding:0px;
}

.hr{
	border:0px dotted silver;
	border-top:2px dotted silver;
	height:2px;
	margin-bottom:15px;
}

.error{
	font-size:90%;
	color:red
}

.textbox{
	height:20px
}


/* style for scrolling content in popups */

.scrollingPopupContent {
	height:400px;
	overflow:auto;
	clear:all;
	position:relative;
	top:-33px;
	
}



/* code for the yellow strip line around the applications */

/***************************************************************/

div.maincentrepanel{
	border:0px solid #000;
	padding:0px 20px;
	
}

div#main_body_div{	
	border:2px solid #FEC02D;	
	padding:20px 20px;
	margin-top:-18px;
}


div.cpaneltop{
	position:relative;
	z-index:1000;
	height:18px
}

div.cpaneltop2{
	width:20px;
	float:left
}

div.cpaneltop3{
	width:20px;
	float:right
}

div.cpanelbottom{	
	margin-top:-18px;
	height:18px
}

div.cpanelbottom2{	
	width:20px;
	float:right
}


div.cpanelbottom3{	
	width:20px;
	float:left; 
}

.popupmodulescontainer{
	padding:83px 0px 0px 20px;
	font-size:80%;
	margin-bottom:10px
}



/* budget planner definitions */

div#budgetsubheader span.item {
	margin-right:30px;
}


div#budgetsubheader {
	padding-left:16px;
	padding-top:7px;
}

div#budgetbuttons span.item {
	margin-right:15px;
}

#budgetpagination {
	padding-right:15px;
	text-align:right;
}

#budgetpagination img {
	position:relative;
	top:3px;
}

#budgetpagination img.left {
	margin-right:3px;
}

#budgetpagination img.right {
	margin-left:3px;
}

/* end */

/* cpanel subheader keyline top - for budget planner - ric */

div.cpanelsubtop{
	height:36px;
	background-image: url(/applications/slac/img/div_body_bg_top2.gif);
	z-index:2;
	position:relative;
}

div.cpanelsubtop2{
	width:14px;
	float:left
}

div.cpanelsubtop3{
	width:14px;
	float:right
}

/* end */

/* jargon buster form */

form.jargonform{
	position:absolute; 
	top:90px; 
	width:300px; 
	right:20px; 
	margin:0px; 
	padding:0px
}

/***************************************************************/

/*styles borrowed form main site css*/
H4.padd { color:#666; font-size:100%; margin:0px; padding-bottom:15px; padding-top:0px; border: 0px dashed #000000; }
.formGeneralLabel { float:left; width:110px; margin-bottom:10px; padding-top:2px; }
.formRequiredArrow { float:left; width:6px; height:8px; margin:0px; padding:0px; padding-right:3px; padding-top:6px; border: 0px dashed #000000; }
.formGeneralInput { float:left; width:360px; margin-bottom:10px; }
.formGeneralJargonLink { display:inline; width:20px;padding-top:3px;}
/*.formGeneralInput { color:#c03; } this is also bonkers */
div { font-size: 80%; }
div div { font-size: 100% }
.textboxGeneral { width:290px; }

/* start :: cost of moving calculator */
/* ric@realise 18/10/03 */

#costMovingTitle {
	margin-bottom:25px;
}

#costMovingTopButtons {
	height:50px;
}

#costMovingTopButtons img {
	margin-right:6px;
}

#formmoving3 #costMovingTopButtons img {
	margin-bottom:3px;
}

.floatRight {
	float:right;
	margin-right:0px;
}

div.yellowDivider {
	background-color:#FEC02D;
	height:2px;
	font-size:1px;
	margin-bottom:6px;
}

/* form elements */

.formElements div#main_body_div{	
	padding:0px;
}

.formElements div.formGeneralLabel, .formElements div.currency, 
	.formElements div.formRequiredArrow, .formElements div.formGeneralInput, 
	.formElements div.formCurrency, #formmoving2 div.formGeneralCaption {
	 float:left;
	 margin-bottom:6px;
	border:1px solid white;
 /* font-size:80%; */
}

#formmoving1 .formGeneralInput, #formmoving2 .formGeneralInput, #formmoving3 .formGeneralInput {
	width:130px;
}


#formmoving1 div.formGeneralLabel, #formmoving3 div.formGeneralLabel  {
	padding-right:20px;
	position:relative;
	top:3px;
}

#formmoving1 div.formGeneralLabel, #formmoving2 div.formGeneralLabel, #formmoving3 div.formGeneralLabel{
	width:300px;
}

#formmoving1 div.formCurrency, #formmoving2 div.formCurrency, #formmoving3 div.formCurrency{
	/*font-size:80%;*/
	top:3px;
	position:relative;	
}

span#moving2inlineSelects .formGeneralInput  {
	width:65px;
	position:relative;
	left:2px;
}

#formmoving2 select {
	position:relative;
	left:8px;
}

#formmoving2 span#secondSelect div {
 position:relative;
 left:-40px;
}

#formmoving2 div.formGeneralCaption {
float:left;
}

div.sendFloatRight {
	float:right;
	margin:0px 10px 0px 10px;
	position:relative;
}

#formmoving1 div.sendFloatRight,#formmoving3 div.sendFloatRight {
	margin:0px 5px;
	top:3px;
}

#formmoving2 {
	margin-right:16px;
}

#formmoving1 div.yellowDivider, #formmoving2 div.yellowDivider, #formmoving3 div.yellowDivider {
	margin-left:10px;
	margin-right:10px;
}

.formElements input {
	width:100px;
}

input.submitButton {
	background-image:url(../img/button_submit.gif); 
	background-repeat:no-repeat; 
	background-color:transparent; 
	width:80px; 
	border:0px none; 
	color:white; 
	font-size:10px; 
	font-weight:bold; 
	height:18px;
	padding:0px 0px 0px 6px;
	cursor:pointer;
	cursor:hand;
}

.centerFormElements {
	padding-left:30px;
}

#formmoving1 #xf_stampduty {
	background-color:#ffe9bb;
}

#formmoving1 #movingdisclaimer, #formmoving3 #movingdisclaimer { padding-right:30px; }
#formmoving2 #movingdisclaimer { padding-right:30px;padding-left:30px; }
/* end :: cost of moving calculator */

/* start :: direct debit */

#formdirectdebits1 div.formGeneralLabel {
	border:1px solid red;
}

/* end :: direct debit */ 

/* start :: jargon buster fix - thanks dna! */
div#jargonbuster div#main_body_div p {
font-size:100%;
}

div#jargonbuster div#main_body_div h3 {
font-size:100%;
}

.generalFormJargonLink img {
	position:relative;
	top:3px;
	left:5px;
}

HR.broad {color:#FFFFFF; background-color:#E0E4F7; height:3px; margin-top: 0.7em; margin-bottom:7px; border-top: 3px solid #E0E4F7; }
.dottedSpacer { height:15px; width:100%; background-image: url(/applications/slac/img/hrDots.gif);  border: 0px dashed #B5C4F3; }


/* start : help popup css defs */
/* these are only used for the popups coming from Cost of Moving Calc */

#helpContent {
	margin-top:60px;
	padding:10px;
}

#helpContent p {
	font-size:100%;
}

#helpContent h3 {
	font-size:100%;
}

#helpContent table {
	font-size:90%;
	width:100%;
}

/* end : help popup css defs */

/* start : budget planner - ric */

#emailreminder {
	position:absolute;
	right:60px;
}

#emailreminder a, #emailreminder a:visited {
	color:#000;
}

#emailreminder a:hover {
	text-decoration:none;
}

#formbudget1 div.formGeneralLabel, #formbudget2 div.formGeneralLabel, #formbudget3 div.formGeneralLabel,
	#formbudget4 div.formGeneralLabel, #formbudget5 div.formGeneralLabel, #formbudget6 div.formGeneralLabel, #formbudget7 div.formGeneralLabel,
	#directdebits1 div.formGeneralLabel, #financialreminders1 div.formGeneralLabel {
	width:250px;
	padding-left:15px;
}


#formbudget7 div #xf_summaryTotalIncome, #formbudget7 div #xf_summaryTotalExpenditure, #formbudget7 div #xf_summaryExcess { border:2px #fff solid; }

#formbudget1 div.formCurrency, #formbudget2 div.formCurrency, #formbudget3 div.formCurrency,
	#formbudget4 div.formCurrency, #formbudget5 div.formCurrency, #formbudget6 div.formCurrency, #formbudget7 div.formCurrency {
	position:relative;
	top:4px;
}


#formbudget1 div.sendFloatRight, #formbudget2 div.sendFloatRight, #formbudget3 div.sendFloatRight,
	#formbudget4 div.sendFloatRight, #formbudget5 div.sendFloatRight, #formbudget6 div.sendFloatRight, #formbudget7 div.sendFloatRight {
	float:right;
	margin:0px 5px 0px 10px;
}


#formdirectdebitreminder1 div.sendFloatRight, #formfinancialreminder1 div div div.sendFloatRight {
	margin:0px 0px 0px 10px;
	position:relative;
	left:15px;
}

#directdebits1 table tr td div.formCurrency, #financialreminders1 table tr td div.formCurrency {
color:red;
}

#budgetdisclaimer {
	margin-left:15px;
	margin-right:15px;
}

#budgetregister {
	margin-left:15px;
	margin-right:15px;
	font-weight:bold;
}

#directdebitstable,#financialreminderstable { 
	margin:3px 20px 3px 20px;
	clear:all ;
	border:0px;
}
#directdebitstable .formGeneralInput,#financialreminderstable .formGeneralInput  { width:140px; }

#formdirectdebitreminder1 div.formGeneralInput {
	width:80px;
}

#financialreminderstable td.killspace div.formGeneralInput { width:60px; }
#financialreminderstable td.killspace { padding-right:80px; }
#directdebitstable td,#financialreminderstable td { 
	font-size:80%;
	color:#000;
	padding:3px 3px 0px 3px;
	border-bottom:1px dashed #f0f0f0;
}

.budgetpagecontent { margin:15px; }

#financialreminder1 #budgetcontent table caption { font-weight:bold; font-size:100%; }

#directdebitstable td.centerText, #financialreminderstable td.centerText { padding-left:30px; }


#financialheaderinfo caption { padding-top:8px;font-size:80%; text-align:left;padding-bottom:8px; }
#financialheaderinfo td { font-size:80%; padding-right:20px; }

#grrrrrrrrrrrr { padding-left:2px; font-size:100%; }

#budgetsubmit {
	text-align:right;
	 margin:0px 15px 0px 0px;
}

/* end : budget planner */

/* start : product comparison - ric */


#prodcompsubheader {
	padding-top:3px;
}

#prodcompsubheader img.textheader {
	margin:5px 0px 0px 6px;
}

#prodcompsubheader select {
	font-size:75%;
	position:relative;
	top:-3px;
	width:150px;
	margin-left:20px;
}

#prodcompsubheader input {
	margin-left:5px;
	width:17px;
	height:16px;
}

#prodcomptable th {
	text-align:left;
	font-size:80%;
	width:150px;
	border:1px solid #f0f0f0;
	vertical-align:middle;
}

#prodcomptable th img {
	float:right;
	margin:2px 4px 2px 4px;
	cursor:help;
}

#prodcomptable td {
	text-align:left;
	font-size:80%;
	width:162px;
	border:1px solid #f0f0f0;
}

.tint th, .tint td {
	background-color:#FEF6E4;
}

td.noborder, th.noborder {
	border:1px #fff solid;
}

.slacAppNoScreen {
	display:none;
}
.slacAppNoScreenInline {
	display:none;
}


/* end : product comparison - ric */



/* this is used to make date of birth fields smaller */
.compact {
	width: 49px;
}

.formConditionText { float:left; width:303px; padding-bottom:15px; padding-top:0px; border: 0px dashed #000000; }
SMALL { font-size: 85%; color:#333333;}

div{border:0px solid red}

/* from dna css */
SMALL.template { color: #c03;}



/* My Site styles */
.secureSite						{float:left;position:relative; padding-left:0px;padding-top:0px;width:84px;}
.mySiteTitle					{float:left;position:relative;width:331px;}
.userIDMySite					{width:80px;margin-top:4px;}
.mySiteLogin					{float:left;position:relative;padding-top:7px;width:120px;}
.mySiteLoginLabel				{float:left;position:relative;padding-top:10px; padding-left:35px;width:80px;}
.mySitePassword					{float:left;position:relative;padding-top:7px;width:130px;}
.mySiteArrow					{float:left;position:relative;padding-top:9px; margin-right:-2px;width:10px;}
.col2Text a						{float:left;position:relative;padding-top:0px; padding-left:251px;width:150px;font-size:80%;}

.mySiteYellow					{background-color:#FFC02D;width:413px;float:left;margin-bottom:9px;}
.mySiteYellowSmall				{background-color:#FFC02D;width:206px;float:left;margin-left:4px;margin-bottom:9px;margin-top:5px;}
.mySiteYellowTop				{position:relative; left:0px;}
.mySiteYellowBottom				{position:relative; left:0px;}
.mySitetext 					{padding-bottom:15px; padding-top:0px;padding-left:9px; border: 0px;background-color:#FFC02D;}
.mySitetext2 					{float:left;padding-bottom:3px; margin-top:-8px;padding-left:9px; border: 0px;background-color:#FFC02D;}
.mySitetextWhite				{float:left;color:#FFFFFF;padding-bottom:3px; margin-top:-8px;padding-left:15px; border: 0px;background-color:#FFC02D;}
.mySiteTitleYellow				{position:relative; left:9px;padding-bottom:5px;padding-top:3px;}
.mySiteTitleYellowSmall			{position:relative; left:9px;padding-bottom:9px;padding-top:3px;padding-left:8px;}
#newBut							{position:relative; left:0px;top:2px;}
#registerBut