@font-face {
	font-family: 'DialogRegular';
	src: url('LT_59058.eot');
	src: local('Dialog Regular'), local('Dialog'), url('LT_59058.ttf') format('truetype'), url('LT_59058.svg#Dialog') format('svg');
}
@font-face {
	font-family: 'DialogSemiBoldRegular';
	src: url('LT_59052.eot');
	src: local('Dialog SemiBold Regular'), local('Dialog-SemiBold'), url('LT_59052.ttf') format('truetype'), url('LT_59052.svg#Dialog-SemiBold') format('svg');
}


/* ScottishPower Page Styles */
body {background: url(../../images/call-back-bg.png) no-repeat 0 0 !important;}


* html #callback1 {	background: url(/../../images/callback-bg.png); height: 330; background-repeat: repeat;}
	
/*#callback1 {background: url(/../../images/callback-bg.png); height: 330; background-repeat: repeat;}*/

#callback1 h2 {color: #487e16; font-size: 2em; margin: 0 0 6px;}
#callback1 h3 {color: #487e16; font-size: 1.12em; margin: 0 0 12px;}
#callback1 p { 	font-size: 0.9em; margin: 12px 0 12px 0; }
#callback1 span { 	font-size: 0.9em; margin: 12px 0 12px 0; }

.type {float: left; display: inline; width: 190px; margin: 12px; text-align: center;}
#callback1 p.more {	text-indent: -999em; margin-top: 12px; 	margin-bottom: 12px;}
#callback1 p.more a {display: block; background: url(/../../images/btn-select.gif) no-repeat 0 0; width: 93px; height: 43px; margin: 12px 0 0 49px;}
#callback1 p.more a:hover {background-position: 0 -43px;}
#callback1 .button
{
	margin: 5px 0px 5px 0px;
	background: url(/../../images/callback-next.gif) no-repeat 0 0;
	width: 98px;
	height: 27px;
	display: block;
	border: none !important;
	cursor: pointer;
}
* html #callback1 #btnNext1
{
	margin: 5px 0px 5px 0px;
	background: url(/templates/default/images/callback-next.gif) no-repeat 0 0 !important;
	width: 98px;
	height: 27px;
	display: block;
	border: none !important;
	zoom: 1;
}
* html #callback1 .button
{
	margin: 5px 0px 5px 0px;
	background: url(/templates/default/images/callback-next.gif) no-repeat 0 0 !important;
	width: 98px;
	height: 27px;
	display: block;
	border: none !important;
	zoom: 1;
}
#callback1 .buttonHelp
{
	background: url(/../../images/callback-cancel-call.gif) no-repeat 0 0;
	margin: 5px 0px 5px 0px;
	height: 27px;
	width: 100%;
	display: block;
	border: none !important;
	cursor: pointer;
}
#callback1 .buttonTryAgain
{
	
	margin: 5px 0px 5px 0px;
	background: url(/../../images/callback-try-again.gif) no-repeat 0 0;
	width: 130px;
	height: 27px;
	display: block;
	border: none !important;
	cursor: pointer;
}
#callback1 .buttonCancel
{
	margin: 5px 0px 5px 0px;
	background: url(/../../images/callback-cancel-call.gif) no-repeat 0 0;
	width: 110px;
	height: 27px;
	display: block;
	border: none !important;
	cursor: pointer;
	
}
#callback1 .buttonYes
{
	 
	margin: 5px 0px 5px 0px;
	background: url(/../../images/callback-yes.gif) no-repeat 0 0;
	width: 100%;
	height: 27px;
	display: block;
	border: none !important;
	cursor: pointer;
	
}
#callback1 .buttonNo
{
	margin: 5px 0px 5px 0px;
	background: url(/../../images/callback-no.gif) no-repeat 0 0;
	width: 100%;
	height: 27px;
	display: block;
	border: none !important;
	cursor: pointer;
	
}

#callback1 .Error { 	margin: 2px; 	font-size: small; 	color: #FF0000; }
#callback1 .ErrorTime { margin: 2px; font-size: small; 	color: #FF00FF; }
#callback1 .reason { width: 100%; height: 50px; }
#callback1 .label { font-size: 0.8em; }
#callback1 .yesno { height: 50px; }
#callback1 .aSection { padding-top: 10px; padding-bottom: 10px;}
.CallsGrid {border: 1px solid #000000; width: 80%; background-color: #fff; border-collapse: collapse; font-size: 0.7em; }  
.CallsGrid td {padding: 2px; border: 1px solid #000000 !important; color: #717171; }  
.CallsGrid th { padding: 4px 2px; color: #fff; background: #FF9900 repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }  
.Grid
{
	padding: 0px 5px 5px 5px;
	width: 80%;
}  
#callback1 .ValidateError{	margin: 0px;padding: 0px;font-size: 0.7em;	color: #FF0000;	display: block;}
#callback1 .ValidateError2{	margin: 0px;padding: 0px;font-size: 0.7em;	color: #FF0000 !important ;}

td {padding: 2px; border: 1px solid #000000 !important; color: #717171; }