@charset "utf-8";
/* CSS Document */

/* commented backslash hack \*/ 
html, body {
	height: 100%;
} 
/* end hack */

html,body {
	margin: 0;
	padding: 0;
}

body {
	background:url(/assets/images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin:0 auto 0 auto;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 12px;
	
}

a {
	color: #008fdc;
	text-decoration: none;
}

a:hover {
	color: #2b2b2b;
	text-decoration: none;
}

img { behavior: url(/iepngfix.htc); }

/* specific divs */

.clear {
	clear:both;
}

/* container */

#container {
	margin: 0 auto 0 auto;
	padding: 0;
	/*width: 990px;*/
	width: 100%;
	min-height: 100%;
	margin-bottom: 35px;
	height: auto;
}

* html #container {
	height: 100%;
}

#container img.logo {
	margin:8px 0 0 0;
	padding:0 0 0 8px;
	float:left;
}

#container ul.nav {
	list-style:none;
	font-size:0.6em;
	font-weight:bold;
	float:right;
	margin:12px 0 0 0;
	padding:0 8px 0 0;
	font-family: Verdana, sans-serif;
}

#container ul.nav li {
	color:#000;
	background:url(/assets/images/arrow.gif) no-repeat 0 80%;
	padding:2px 0 0 20px;
}

#container ul.nav#toplinksleft {
	/*border-right: 1px dashed #97adc2;*/
	padding:0 13px 0 0;
	background-attachment: scroll;
	background-image: url(/assets/images/links_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

#container ul.nav#toplinksright {
	margin:12px 0 0 6px;
}

#container ul.nav li a {
	/*color:#000;*/
	color:#212F6C;
	text-decoration:none;
	font-weight:bold;
}

#container ul.nav li a:hover {
	background-color: #212f6c;
	color: #ffffff;
}

/* middle section */

#container #middle {
	margin:30px auto 20px auto;
}

#container #middle.home {
	width:680px
}

#container .register1 {
	width:950px;
}

#container #middle.register {
	/*width:840px*/
	width:800px
}

#container #middle h1 {
	color:#0072af;
	font-size:150%;
	text-align:center;
	margin:0;
	padding:0;
}

/*#container #middle h2 {
	font-size:100%;
	color:#107bb4;
}*/

#container #middle h4 {
	color:#0072af;
	font-size:135%;
	margin:0;
	padding:0;
}

#container #middle h5 {
	color:#0072af;
	font-size:150%;
	margin:0;
	padding:0;
}


#container #middle p.details {
	text-align:center;
	font-size:80%;
	font-weight:bold;
	margin:0;
	padding:0;
}

#container #left {
	width: 340px;
	height: 325px;
	float: left;
	background: url(/assets/images/left-bg.jpg) no-repeat bottom left #f3f9fe;
	padding: 10px 10px 0 10px;
	margin: 50px 0px 0px 0px;
}

#container #left h2 {
	font-size:80%;
	color:#107bb4;
}

#container #left h3 {
	font-size:86%;
	color:#000;
	width:250px;
	line-height:120%;
}

#container #left h3.register {
	width:320px;
}

#container #left h3 a {
	color:#0498e8;
	text-decoration:none;
}

#container #left p {
	color:#000;
	font-size: 0.8em;
	line-height:18px;
	line-height: 18px;
}

#container #left ul {
	font-size: 0.8em;
	color:#000;
	margin:0 0 0 15px;
	padding:0;
	line-height:18px;
}

#container #left ul a {
	color:#000;
	text-decoration:none;
}

/* right section */

#container #right {
	float:left;
	width:300px;
	margin:50px 0 0 10px;
}

#container #right #button {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 296px;
	background:url(/assets/images/btn-bg.jpg) no-repeat;
}

#container #right #button a {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 8px 10px 0px 80px;
	width: 206px;
	height: 56px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

#container #right #button a:hover {
	color: #000000;
}

#container #right #button .envelope {
	width: 68px;
	height: 62px;
	float: left;
	margin: 8px 0px 8px 5px;
}

#container #right .box {
	position: relative;
	float: left;
	right: 0px;
	top: 0px;
	background: url(/assets/images/box-bg.jpg) repeat-x #d7eefe;
	padding: 10px;
	width: 276px;
	margin: 15px 0 0 0;
}

#container #right .box h2 {
	color: #0591dd;
	font-weight: normal;
	font-size: 82%;
	margin: 5px 0;
	padding: 0;
}

#container #right .box p {
	color:#000;
	font-size:72%;
	margin:0 0 5px 0;
	.margin:0;
	padding:0;
}

#container #right .box-bottom {
	position: relative;
	float: left;
	right: 0px;
	top: 0px;
	background: url(/assets/images/curve-bottom.jpg) no-repeat;
	width: 296px;
	height: 6px;
	margin: -3px 0 0 0;
	padding: 0;
}

#container #screen {
	/*background:url(/assets/images/screen-shot.png) no-repeat;*/
	background:url(/assets/images/win-tm.png) no-repeat;
	behavior: url(/iepngfix.htc);
	width:191px;
	height:151px;
	margin:-135px 0 0 165px;
	.margin:-145px 0 0 165px;
	position:absolute;
	z-index:2;
}

#container #shadow {
	position: relative;
	float: none;
	left: 0px;
	top: 0px;
	background: url(/assets/images/shadow.jpg) no-repeat top left;
	width: 678px;
	height: 92px;
	margin: 0px auto 0px auto;
}

#clearfooter {
	clear: both;
	height: 33px;
}



/* full width */

#container .full {
	width:100%;
	margin:20px 0 0 0;
	padding:0;
}

#container .full .title-top {
	background:url(/assets/images/title-top.jpg) no-repeat;
	width:950px;
	height:6px;
	
}

#container .full .title {
	background:url(/assets/images/title-bg.jpg) repeat-x #0072b0;
	margin:0;
	padding:0 0 5px 0;
	_width:950px;
	_margin-top:-12px;
}

#container .full .title h2 {
	color:#ffffff;
	font-size:100%;
	padding:0 10px;
	margin:0;
	float:left;
	font-weight: bold;
}

#container .full .title h3 {
	color:#fff;
	font-size:100%;
	padding:0 10px;
	margin:0;
	float:right;
}

#container .full .title h3 a {
	color: #ffffff;
	text-decoration: none;
}

#container .full .title h3 a:hover {
	color: #000000;
	text-decoration: none;
}

#container .formcolumnone {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 47%;
	margin: 0;
	padding: 0;
}

#container .formcolumntwo {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	width: 47%;
	margin: 0;
	padding: 0;
}

#container .full .form {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 15px;
	margin: 0;
	width: 920px;
	background:url(/assets/images/form-bg.jpg) repeat-x #e5f4fe;
}


#container .full .form-bottom {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	background: url(/assets/images/form-bottom.jpg) no-repeat;
	width: 950px;
	height: 5px;
}

form {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.box p {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.row {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 2px 0px 2px 0px;
	padding: 0;
	width: 100%;
	font-size: 0.8em;
}

/* start new style */
.new-selectstyle {
	BORDER-RIGHT: #008fdc 1px solid; 
	PADDING-RIGHT: 2px; BORDER-TOP: #008fdc 1px solid; 
	PADDING-LEFT: 2px; FONT-SIZE: 12px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px 5px; 
	BORDER-LEFT: #008fdc 1px solid; 
	WIDTH: 215px; 
	COLOR: #174195; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #008fdc 1px solid;
	padding:2px;
}

.row #routes_list {
	width:190px; 
	position:static; 
	height:100px; 
	overflow:auto; 
	padding:3px 3px 3px 3px; 
	border: #008fdc 1px solid; 
	color: #174195;  
	background-color:#FFFFFF;
	font-size:12px;
}

.row .checkrow {
	display:block;
	margin:0 0 10px 0;
	clear:both;
	float:left;
	width:200px;
}

.row .wider {
	width:190px !important;
}

.row .checkrow input {
	margin:0;
	padding:0;
	float:left;
	.border:0;
}

.row .checkrow .link {
	margin:0;
	padding:0;
	float:left;
	.border:0;
}

.row .checkrow .link2 {
	margin:0;
	float:left;
	.border:0;
}

.row .checkrow .check-inner {
	width:125px;
	float:left;
	display:block;
}

.row .wider .check-inner {
	width:170px;
}

.row .checkrow .check-inner a {
	font-weight:bold;
	margin:0 5px 0 0;
	display:block;
	font-size:11px;
	.margin:1px 0 0 0;
}

.row .checkrow a.link2 {
	font-weight:bold;
	margin:0 5px 0 0;
	display:block;
	text-align:left;
	font-size:11px;
	.margin:1px 0 0 0;
	color:#b21e6c;
	width:50px;
}

.purple {
	color:#b21e6c !important;
	font-weight:bold;
}

.row .checkrow .check-inner p {
	margin:0 5px 0 0;
	font-size:11px;
	display:block;
	width:145px;
	float:left;
}

.floatright .registerbutton, .floatright .registerbutton img, .floatright .registerbutton input, .floatright .registerbutton .button {
	border: none;
	padding:0;
	margin:50px 0 0 0;
}

.floatright .registerbutton .button {
	margin:6px 0 0 0;
	.margin:4px 0 0 0;
}

.check-inner {
	/*margin-right: -10px;*/
	margin-right: -35px;
}
/* end new style */
.row .label {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	border: none;
	text-align: left;
	width: 42%;
}

.row .formitem {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	height: 21px;
	border: none;
	width: 57%;
	font-size: 130%;
}

.smallrow {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 2px 0px 2px 0px;
	padding: 0;
	width: 100%;
	font-size: 0.8em;
}

.smallrow .label {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	border: none;
	text-align: left;
	width: 25%;
}

.smallrow .buttonarea {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: -1px 0px 0px 0px;
	padding: 0;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	border: none;
	text-align: left;
	width: 25%;
}

.smallrow .formitem {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	height: 21px;
	border: none;
	width: 50%;
	font-size: 130%;
}

.absoluterow {
	position: absolute;
	left: 0px;
	bottom: -35px;
	margin: 2px 0px 2px 0px;
	padding: 0;
	width: 100%;
}

.absoluterow .left {
	position: relative;
	float: left;
	left: 0px;
	top: 0;
	margin: 0;
	padding: 0;
	width: 35%;
	font-size: 0.8em;
}

.absoluterow .right {
	position: relative;
	float: right;
	left: 0px;
	top: 0;
	margin: 0;
	padding: 0;
	width: 63%;
}

.absoluterow .removeleft {
	position: relative;
	float: left;
	left: 0px;
	top: 0;
	margin: 0;
	padding: 0;
	width: 150px;
	font-size: 0.8em;
}

.absoluterow .removebutton {
	position: relative;
	float: right;
	left: 0px;
	top: 0;
	margin: 0;
	padding: 0;
	width: 65px;
}

.compulsory {
	position: absolute;
	right: 2px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 12px;
	height: 11px;
}

.grey-box {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	background: url(/assets/images/grey-bg.jpg) repeat-x #dddddd;
	padding: 10px;
	width: 930px;
	margin: 10px 0 0 0;
	font-size: 0.7em;
}

.grey-box-bottom {
	position: relative;
	float: left;
	right: 0px;
	top: 0px;
	background: url(/assets/images/grey-bottom.jpg) no-repeat;
	width: 950px;
	height: 6px;
	margin: -3px 0 0 0;
	padding: 0;
}

.grey-box h3 {
	color: #2b2b2b;
	font-weight: normal;
	font-size: 150%;
	margin: 5px 0;
	padding: 0;
}

.columnone {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 121px;
}

.columntwo {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 91px;
}

.columnthree {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 228px;
}

.columnfour {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 230px;
	_width:226px;
}

.registerbutton {
	width: 106px;
	height: 122px;
	padding: 55px 0px 0px 0px;
}

.floatright {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: -2px 0px 0px 0px;
	padding: 0;
	display: block;
	font-size: 0.8em;
}

.floatleft {
	position: relative;
	float: left;
	right: 0px;
	top: 0px;
	display: block;
}

.progress {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 95px 0px 0px 0px;
	width: 35px;
	height: 120px;
}

.heading {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
}

.heading .number {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	/*width: 10%;*/
	font-size: 300%;
}

.columnone .heading .intro {
	position: relative;
	float: left;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 12px 0px 0px 5px;
	width: 85px;
	font-size: 0.7em;
}

.columntwo .heading .intro {
	position: relative;
	float: left;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 12px 0px 0px 5px;
	display:block;
	width: 50px;
	font-size: 0.7em;
}

.columnthree .heading .intro {
	position: relative;
	float: left;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 12px 0px 0px 5px;
	width: 190px;
	font-size: 0.7em;
}

.columnfour .heading .intro {
	position: relative;
	float: left;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 12px 0px 0px 5px;
	width: 185px;
	font-size: 0.7em;
}

#footer {
font-family: Verdana, sans-serif;
  clear: both;
  width: 98%;
  padding: 17px 1% 4px 1%;
  background: #817FC0 url(/assets/images/footer_colours.gif) repeat-x top left;
  color: #FFF;
  font-size: .7em;
  overflow: hidden;
}

#footer a {
  color: #FFF;
  text-decoration: none;
}

#footer a:link {
	text-decoration: none;
}

#footer a:visited {
	text-decoration: none;
}

#footer a:active {
	text-decoration: none;
}

#footer a:hover {
	color: #8080c1; background: #fff none; text-decoration: none;
}

#footer_links {
  float: left;
}

#last_updated {
  float: right;
}
.req
{
	color:red;
}
.errors
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFCCCC;
	padding: 5px;
	border: 1px solid #FF0000;
	width: 300px;
}
.heading2 {
	FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #008fdc;
}

.heading2 td{
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #008fdc;
	padding: 3px;
}
/*.inputstyle {
	BORDER-RIGHT: #008fdc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #008fdc 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; BACKGROUND: url(/assets/images/input-bg.jpg) repeat-x; PADDING-BOTTOM: 2px; MARGIN: 0px 5px; BORDER-LEFT: #008fdc 1px solid; WIDTH: 90%; COLOR: #174195; PADDING-TOP: 2px; BORDER-BOTTOM: #008fdc 1px solid;
}*/

.inputstyle {
	BORDER-RIGHT: #008fdc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #008fdc 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; BACKGROUND: url(/assets/images/input-bg.jpg) repeat-x; PADDING-BOTTOM: 2px; MARGIN: 0px 5px; BORDER-LEFT: #008fdc 1px solid; WIDTH: 85%; PADDING-TOP: 2px; BORDER-BOTTOM: #008fdc 1px solid; background-color:#FFFFFF;
}

.selectstyle {
	BORDER-RIGHT: #008fdc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #008fdc 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; MARGIN: 0px 5px; BORDER-LEFT: #008fdc 1px solid; WIDTH: 80px; COLOR: #174195; PADDING-TOP: 2px; BORDER-BOTTOM: #008fdc 1px solid; height:126px;
}

select.inputstyle {
	width: 215px;
}

label.how-service {
	padding-right:10px !important;
	width:50px !important;
}

input#pcaButtonJP59 {
	padding-top:1px;
	padding-bottom:1px;
	width:84px !important;
	.padding-top:0;
	.margin-top:1px;
}

#divRouteCount {
	width:200px;
	margin:-25px 0 0 0;
	position:relative;
}

.form dl {
	width:920px;
	margin:0;
	padding:0;
}

.form dl dt {
	float:left;
	margin:0;
	padding:0;
	clear:left;
	width:800px;
	font-size:12px;
}

.form dl dd {
	float:left;
	width:120px;
	margin:0;
	padding:0 0 10px 0;
	font-size:12px;
	text-align:right;
}

.form dl dt a {
	float:left;
	width:50px;
	padding:0 10px 0 0;
	display:block;
	font-weight:bold;
}

.form dl dt .routes {
	float:left;
	width:640px;
	display:block;
	padding:0 0 10px 0;
}

.form dl dd input {
	border:0;
	width:auto;
	padding:0;
}

.form p.notes {
	font-size:12px;
	margin:10px 0 0 0;
	clear:left;
	float:left;
}