/*==================== Base ========================*/
/*http://labs.zorked.com/lib/base.css*/

/* Margin resets for block-level elements */

html {
	color: #000;
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, cite, label, dl, ul, ol, fieldset, address {
	clear: both;
	margin: 1em 0;
	padding: 0;
	text-indent: 0;
}

p {
	clear: inherit;
}

table {
	border-collapse: collapse;
	border-spacing: .3em;
	clear: both;
}

caption, th {
	text-align: left;
}

table, td {
	font-size: inherit;
}

ul, ol, li, dd, blockquote {
	margin-left: 1em;
}

/* Typography resets for normal text, semantic text, and headings */

body {
	font-size: 16px; /*changed to pixels*/
	font-style: normal;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	margin: .5em 0 .3em 0;
}

h1 { font-size: 2.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

address, abbr, acronym {
	font-style: normal;
}

acronym, abbr {
	border-bottom: 1px dotted #333;
	cursor: help;
}

acronym {
	text-transform: uppercase;
}

pre, kbd, code, samp, tt, var {
	font-family: monospace;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

del {
	text-decoration: line-through;
}

/* get forms to show up correctly */

form {
	margin: 1em 0;
	padding: 0;
}

form label {
	cursor: pointer;
	margin: 0;
	padding: .3em;
}

fieldset {
	border: none;
}

select, textarea {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* list element margins and default styles */

ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ul ul ul ul { list-style-type: disc; }

ol { list-style-type: decimal; }
ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: decimal; }

/* Miscellaneous oddities and fixes */

a img {
	border: none;
}

/*my own*/
img {
	border: none;
}
/*my own*/

hr {
	background-color: #666;
	border-width: 0;
	height: 1px;
	text-align: left;
	width: 95%;
}

iframe {
	border-width: 0;
}

:focus {
	outline: 0;
}

/* Common classes */

.hidden {
	display: none;
	visibility: hidden;
}

.visible {
	display: block;
	visibility: visible;
}

.invisible {
	visibility: hidden;
}

.cleanup {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}

/*==================== Base ========================*/

/*==================== General ========================*/

body {
	background-color:#787878;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font-size:20px;
	font-weight:normal;
}

h2 {
	font-size:32px;
	font-weight:normal;
}

h3 {
	font-weight:normal;
}



/*==================== General ========================*/

/*==================== Layout ========================*/
/*
div#form_container {
	margin-left:auto;
	margin-right:auto;
	width:750px;
}*/

/* vertically centre form (same as loading indicator)*/
div#form_container {
	 position: absolute;
     top: 50%;
     left: 0px;
     width: 100%;
     height: 1px;
     overflow: visible;
}

form {
	width: 716px;
	height: 160px;
	padding: 6px 20px 0 20px;
	margin-left: -378px; /* half of width */
	position: absolute;
	top: -100px; /* half of height (inc. padding)83 */
	left: 50%;
	background-image:url(images/front_5.png);
	background-repeat:no-repeat;
}

/*form {
	width:716px; /*750*/ /*756
	height:160px; /*172*/ /*178
	background-image:url(images/front_4.png);
	background-repeat:no-repeat;
	padding: 6px 20px 0 20px;
	margin:100px 0 0 0;
}*/

div#container {
	margin-left:auto;
	margin-right:auto;
	width:936px;
}

.URL_container {
	margin-top:71px;
	float:left;
	z-index:0;
}

.column_0 {
	/*margin-right:15px; temp*/
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* ============= Navigation ==============*/

div#banner {
	position:fixed;
	background-image:url(images/nav_bg_1.png);
	background-repeat:repeat-x;
	height:63px;
	width:100%;
	left:0px; /* pushes background to edge of window IE*/
}

#nav {
	background-image:url(images/logo_2.jpg);
	background-repeat:no-repeat;
	height:60px;
	width:285px;
    padding-left:522px;
    margin-left:auto;
    margin-right:auto;
}

#nav ul {
	margin:0;
	list-style:none;
}

#nav li {
	margin:0;
	float:left;
}

#nav a {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	display:block;
	float:left;
	height:60px;
	width:91px;
	padding-right:4px;
	font-size:10px;
	text-align:center;
	line-height:90px
}

#nav a#top {
	background-image:url(images/nav_top.jpg);
	background-repeat:no-repeat;
}

#nav a#print {
	background-image:url(images/nav_print.jpg);
	background-repeat:no-repeat;
}

#nav a#mail {
	background-image:url(images/nav_mail.jpg);
	background-repeat:no-repeat;
}

#nav a#top:hover {
	background-image:url(images/nav_top.jpg);
	background-repeat:no-repeat;
	background-position:0 -60px;
}

#nav a#print:hover {
	background-image:url(images/nav_print.jpg);
	background-repeat:no-repeat;
	background-position:0 -60px;
}

#nav a#mail:hover {
	background-image:url(images/nav_mail.jpg);
	background-repeat:no-repeat;
	background-position:0 -60px;
}

/* ============= Navigation ==============*/


/*div.global {
	height:188px; /*130  /*should be 160 but cverical centering using table cell stops margin from working so change to 200
	width:466px; 
	margin-bottom:15px;
	text-align:center;
	display: table-cell; 
	vertical-align: middle; 
	word-wrap: break-word;
	padding: 0 15px;
	padding-bottom:20px; 
}*/

div.global {
	height:146px;
	width:438px; 
	text-align:center; 
	word-wrap: break-word;
	padding: 40px 15px 0px 15px;
	margin-bottom:5px;
}

* + html div.global {
	height:136px;
	padding: 50px 15px 0px 15px; /* IE 7 only */
}


/* change image depending on URL_containers second class*/

div.column_0.twin div.global {
	background-image:url(images/global_left_win.png);
	background-repeat:no-repeat;
}

div.column_0.tlose div.global {
	background-image:url(images/global_left_lose.png);
	background-repeat:no-repeat;
}

div.column_0.tdraw div.global {
	background-image:url(images/global_left_draw.png);
	background-repeat:no-repeat;
}


div.column_1.twin div.global {
	background-image:url(images/global_right_win.png);
	background-repeat:no-repeat;
}

div.column_1.tlose div.global {
	background-image:url(images/global_right_lose.png);
	background-repeat:no-repeat;
}

div.column_1.tdraw div.global {
	background-image:url(images/global_right_draw.png);
	background-repeat:no-repeat;
}

div.global h1 a {
	color:#fff;
	text-decoration:none;
}

div.global h1 a:hover {
	color:#fff;
	text-decoration:underline;
}

div.global h2 {
	display: -moz-inline-box; /* Firefox 2 */
	display:inline-block;
	width:200px;
}

* html div.global h2 {
	display:inline; /* IE 6 */
}
	
* + html div.global h2 {
	display:inline; /* IE 7 */
}

div.header {
	height:103px;
	width:438px;
	text-align:center;
	padding:15px 15px 0 15px;
}

* + html div.header {
	height:93px;
	padding: 25px 15px 0px 15px; /* IE 7 only */
}

div.column_0 div.header {
	background-image:url(images/header_left_new.png);
	background-repeat:no-repeat;
}

div.column_1 div.header {
	background-image:url(images/header_right_new.png);
	background-repeat:no-repeat;
}

div.header h1 {
	font-weight:normal;
}

div.header h3 {
	display: -moz-inline-box; /* Firefox 2 */
	display:inline-block;
	width:200px;
}

* html div.header h3 {
	display:inline; /* IE 6 */
}
	
* + html div.header h3 {
	display:inline; /* IE 7 */
}

div.footer {
	width:468px; /*456px*/
	height:50px;
	text-align:center;
	margin-bottom:5px;
}

div.column_0 div.footer {
	background-image:url(images/footer_left_new.png);
	background-repeat:no-repeat;
}

div.column_1 div.footer {
	background-image:url(images/footer_right_new.png);
	background-repeat:no-repeat;
}


/*
/* global win colour 
div.column_0 .global .winner {
	color:#66CC00;      
}

/* header win colour 
div.column_0 .header .winner {
	color:#66FF00;      
}

/* global lose colour 
div.column_0 .global .loser {
	color:#990000;
	color:#FF0000
}



div.column_1 .winner {
	color:#66FF00;
}

div.column_1 .loser {
	color:#CC0033;
}
*/

	
/*==================== Layout ========================*/

/*==================== Table =========================*/



th {
	text-align:center;
	background-color:#fff;
	border:#777 solid 1px;
}

th.bg {
	background-image:url(images/side_shadow.png);
	background-repeat:repeat-y;
	background-position:left;
	border:none;
	width:6px;
}

td {
	text-align:center;
	border:#777 solid 1px;
	}
	
/*table {
	width:459px;
	color:#666;
	margin-left:5px;
}*/

.column_0 table {
	width:460px;
	color:#666;
	margin-left:3px;
}

.column_1 table {
	width:460px;
	color:#666;
	margin-left:5px;
}
	
tr {
	background-color:#dcdcdc;
	}
	
tr.alt {
	background-color:#fff;
	}
	
tr.empty {
	height:27px;
}

.yes_w {
	background-image:url(images/yes_w.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:20px;
}

.no_w {
	background-image:url(images/no_w.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:20px;
}

.yes_g {
	background-image:url(images/yes_g.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:20px;
}

.no_g {
	background-image:url(images/no_g.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:20px;
}
	
/*==================== Table =========================*/

/*==================== tooltip ========================*/

.tt {
	background-color:#666;
	z-index:10;
}

.tt_img {
	background-color:#666;
	text-align:center;
	z-index:10;
}

.pointer {
	cursor:pointer;
}

.hover {
	background-image:url(images/header_icon.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:20px;
}

.tt p {
	margin:0;
	padding:0;
	padding-bottom:3px;
}

/*==================== tooltip ========================*/

/*============== html source code formatting =================*/

xmp {
	margin:10px;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000;
	background-color:#fff;
	margin:0;
	padding:10px;
}

/*============== html source code formatting =================*/

/*============== form =================*/

form {
	/*width:716px; /*750*/ /*756*/
	/*height:160px; /*172*/ /*178*//*
	background-image:url(images/front_4.png);
	background-repeat:no-repeat;
	padding: 6px 20px 0 20px;
	margin:100px 0 0 0;*/
}

input {
	height:23px;
	font-size:16px;
	color:#333;
	width:600px;
	vertical-align:middle;
}

input.submit {
	margin-right:28px;
	padding:0;
	height:30px;
	width:200px;
	color:#333;
	float:right;
	margin-top:13px;
}

* + html form input.submit {
	margin-top:15px; /* IE 7 only */
}

img.error {
	vertical-align:middle;
	margin-left:10px;
}

.tt_form {
	background-color:#666;
}

/*============== form =================*/

/*============== loading icon =========*/
/*
#loading {
	position:absolute;
	width:100%;
	text-align:center;
	top:300px;
	color:#333;
	font-size:18px;
	font-weight:bold;
}


#bg {
	background-image:url(images/load_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	height:125px;
	padding-top:20px;
	width:100%;
}*/

#loading {
	 position: absolute;
     top: 50%;
     left: 0px;
     width: 100%;
     height: 1px;
     overflow: visible;
}


#bg {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	width: 246px;
	height: 125px;
	padding-top:20px;
	margin-left: -123px; /* half of width */
	position: absolute;
	top: -72px; /* half of height (inc. padding) */
	left: 50%;
	background-image:url(images/load_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#333;
}

/*
* + html div.bg*/ {
	height:136px;
	padding: 50px 15px 0px 15px; /* IE 7 only */
}
/*============== loading icon =========*/