@charset "utf-8";

h1 { display:none; }

#header {width:100%;
	position:relative;
	color:#FFF;
	margin-top:5px;
}

#header h2 { position: absolute; top:20px; left:20px; font-size:5.2em; color:#FFF; text-shadow:0 1px 2px #000; }
#header p { position: absolute; top:80px; left:20px; font-size:2.4em; font-family: 'ChunkFive Regular', 'Arial Black', Helvetica, Arial, sans-serif; text-shadow:0 1px 2px #000; }

.content.changed { padding-bottom:0;}

#Cols, #process {
	width: 100%;
	margin: 10px 0;
	color:#333; 
}


/* The Columns and there content */

.col {width:300px; margin: 0 0 0 10px; float:left;}
	div:first-child.col {margin:0;}

.col.thelong1 {clear:both; width:920px; margin:0; margin-top:10px;}
	.thelong1 a, .thelong1 a:visited { display:block; background-image:url(../gfx/proceed.png); background-position:top; background-repeat:no-repeat; width:300px; height:63px; padding:0; text-indent:-9999px; margin:0 auto;}
	.thelong1 a:hover, .thelong1 a:active { background-position:bottom; }

.col .box {width:300px; height:350px; background-color:#222; position:relative; margin-top:15px;}
.col .box p {font-size:13px; color:#fff; padding:10px; margin:0;  bottom:0px; letter-spacing:-1px;}
.col .box p a {font-size:13px; color:#fff; letter-spacing:-1px; text-decoration:none;}
.col .box p a:hover {color:yellow;}
.col .box h3 { font-size:24px; line-height:1.3em; color:#fff; font-weight:100; text-shadow:0 1px 1px #000; padding:10px; margin-bottom:0px;}


/* registration process form */

h3.pro {background:url(../gfx/progresbar.png) no-repeat top left; width:920px; height:46px; text-indent:-9999px;}
h3.pro.s1 { background-position: 0 0;}
h3.pro.s2 { background-position: 0 -46px ;}
h3.pro.s3 { background-position: 0 -92px ;}
h3.pro.s4 { background-position: 0 -138px ;}
h3.pro.s5 { background-position: 0 -184px ;}

#process h4 { font-size:32px; color:#999; letter-spacing:-1px; margin:0.75em 1em 0 1em;}
#process h4.good, #process h4 strong { color:#6C0;}

#process .col {width:400px; margin:0 0 0 50px;}
#process .col.thelong1 {clear:both; width:920px; margin:0; margin-top:10px;}

input, label, select, option, .blox, #process ul, #process ul li, .col p {font-size:14px;}
label {display:block; font-size:16px; letter-spacing:-0.5px; margin-top:10px;}

.fixedwide { width:200px; }

.blox { padding:5px 0; margin:0; }
.blox input, .blox select {margin:5px 2px;}
.blox .radio {margin-left:20px;}

.blox .tab {margin-left:15px;}
.blox a.tab {font-size:12px;}

ul.qreview {margin:20px 0 50px 75px; display:block; list-style-position: outside; list-style-image: url(../gfx/bullet.png);}
.col ul.qreview  {margin:0;}
.col .subHead {margin:25px 0 10px -30px; width:100%; padding:10px; border-bottom:3px double #aaa; font-size:24px; color:#444}
h5.subHead {margin:10px auto; padding:10px; width:90%; font-size:22px; color:#444; line-height:1.5em;}
ul.qreview li {margin:10px 0;}
ul.qreview li strong, .col p.adr strong {display:block; margin:0; padding:5px 0;}
ul.qreview li a, .col p a {font-size:11px; padding:2px 0;}

.col p { line-height:1.5em; font-size:16px; margin-left:-15px;}

.blox input.checkbox {margin:0 5px 0 0; position:relative; top:1px;}
.button {margin:10px 0; padding:5px; margin-left:10px;}
.button.right {float:right;}

.regNumber {width:500px; background-color:#eee; border:1px solid #ccc; margin:0 auto; text-align:center; text-shadow:0 -1px 1px #fff; margin-bottom:10px;}
.regNumber .subHead {text-align:center; font-size:32px; color:#888; letter-spacing:-1px; margin-bottom:0;}
.regno { padding:25px 0; display:inline-block; margin:0; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:100; color:#333;}


/* stuff on the dark bit */

.stripbox { float:left; width: 32%; margin-right:2%; }
.stripbox.last {margin:0;}
.stripbox h2 {font-size:2.2em; text-align:left; text-shadow:0 1px 1px #036;}
.stripbox a, .stripbox a:visited {font-size:1.2em; color:#CAF0FF; text-decoration:none; margin:0; line-height:1.5em; display:block; letter-spacing:0;}
.stripbox a:hover, .stripbox a:active {color:#fff; text-decoration:underline;}

.user table {cursor:pointer;}
.user table:hover,.open {background-color:#f1f1f1;}
.user table td,#search_div span {font-size:12px;}
.user_header table td {font-size:12px; font-weight: bold;}
#search_link {cursor:pointer;}
#search_div {margin: 20px 0;}