﻿/* -- HMRN 2010 Default Stylesheet -- */
/* -- EGU Global Template v4.0 -- */

/* Using .em Text Sizes */
/* padding etc. (top, right, bottom, left) */

/* ------------------------------------------------------------------------------ */
/* -- Master Page Layout -- */
/* ------------------------------------------------------------------------------ */

/* -- Page Elements -- */

html
{
	height: 100%;
	min-height: 100%;
	overflow-y: scroll;
}

body.main
{
	height: 100%;
	min-height: 100%;
	background-color: #ADADAD;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #FFFFFF;
}

form.asp_form
{
	min-height: 100%;
	height: 100%;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
}

div#container
{
	margin: 0px auto 0px auto;
	padding: 0px;
	position: relative;
	min-height: 100%;
	height: 100%;
	width: 962px;
}

/* -- Header -- */

div#header_container
{
	height: 129px;
	width: 100%;
	min-width: 960px;
	background-color: #1E3C80;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 101;
}

div#header_container_background
{
	height: 130px;
	width: 1200px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: -1px;
	left: -400px;
	background-color: Transparent;
	border: 0px;
	z-index: 102;
}

div#header_content
{
	width: 960px;
	height: 129px;
	margin: 0px auto 0px auto;
	padding: 0px;
	z-index: 100;
	background-color: Transparent;
	text-align: center;
	position: relative;
	z-index: 103;
}

div#header_shadow
{
	height: 36px;
	width: 100%;
	background-color: Transparent;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 129px;
	left: 0px;
	z-index: 100;
}

div#header_logo
{
	width: 264px;
	height: 134px;
	margin: 0px;
	padding: 0px;
	background-color: Transparent;
	position: absolute;
	z-index: 104;
	top: 33px;
	left: -25px;
}

div#header_logo_shadow
{
	width: 264px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	background-color: Transparent;
	position: absolute;
	z-index: 105;
	top: 130px;
	left: -25px;
}

div#header_text
{
	width: 560px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	background-color: Transparent;
	position: absolute;
	z-index: 106;
	top: 94px;
	left: 209px;
}

div#header_action
{
	position: absolute;
	top: 64px;
	left: 10px;
	z-index: 200;
}

div.user_container
{
	width: 164px;
	height: 58px;
	position: absolute;
	padding: 0px;
	top: 64px;
	left: 796px;
	z-index: 1001;
	margin: 0px;
}

div#user_content
{
	width: 140px;
	height: 38px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1001;
	padding: 9px 12px 11px 12px;
	margin: 0px;
	font-size: 8pt;
	text-align: left;
}

div#user_background
{
	background-color: #060C1A;
	width: 164px;
	height: 58px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	opacity: 0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	z-index: -1;
}

/* -- Ribbon -- */

div#nav_ribbon_background
{
	height: 47px;
	width: 100%;
	background-color: #060C1A;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 1001;
	opacity: 0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

div#nav_ribbon_container
{
	height: 47px;
	width: 100%;
	background-color: Transparent;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 1002;
}

div#nav_ribbon_content
{
	height: 47px;
	padding: 0px;
	margin: 0px auto 0px auto;
	background-color: Transparent;
	width: 940px;
	position: relative;
}

div.nav_ribbon
{
	position: absolute;
	left: 0px;
	top: 0px;
}

div.nav_ribbon_vertical_line
{
	width: 0px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: dashed 1px #E4E7EF;
	overflow: hidden;
	clear: both;
}

div#nav_ribbon_vertical_line_a
{
	position: absolute;
	top: 8px;
	right: 276px;
}

div#nav_ribbon_vertical_line_b
{
	position: absolute;
	top: 8px;
	right: 26px;
}

/* -- Text Size Icons -- */

div.text_resize_container
{
	width: 32px;
	height: 32px;
	position: absolute;
}

div#text_resize_bigger
{
	top: 9px;
	right: 291px;
}

div#text_resize_normal
{
	top: 9px;
	right: 325px;
}

div#text_resize_smaller
{
	top: 9px;
	right: 359px;
}

/* -- Header Pin -- */

a#pin_icon
{
	background-image: url('../JQuery/css/hmrn-theme/images/ui-icons_ffffff_256x240.png');
	position: absolute;
	top: 15px;
	right: 0px;
	z-index: 1000;
	width: 17px;
	height: 17px;
	cursor: pointer;
}

div#pin_icon_mask
{
	background-image: url('../JQuery/css/hmrn-theme/images/ui-icons_cc0000_256x240.png');
	position: absolute;
	top: 15px;
	right: 0px;
	z-index: 1001;
	width: 17px;
	height: 17px;
	display: none;
}

/* -- Content -- */

div#header_spacer
{
	height: 142px;
	width: 962px;
	background-color: #ADADAD;
	position: relative;
	z-index: 10;
}

div#content_container
{
	min-height: 100%;
	margin: 0px 0px -68px 0px;
	background-color: #1E3C80;
	width: 962px;
	padding: 0px;
	position: relative;
	background-image: url('../Images/Background_Fade.jpg');
	background-repeat: no-repeat;
	background-position: 1px 140px;
	z-index: 10;
}

div#content_background_filler
{
	width: 960px;
	height: 100%;
	position: absolute;
	margin: 0px;
	padding: 0px;
	bottom: 10px;
	z-index: 0;
	border-top: none;
	border-right: solid 1px #060C1A;
	border-bottom: none;
	border-left: solid 1px #060C1A;
	/*background-image: url('../Images/Background_Fade.jpg');
	background-repeat: no-repeat;
	background-position: 0px 150px;*/
}

div#content
{
	margin: 0px 0px 0px 0px;
	width: 960px;
	padding: 0px;
	background-color: Transparent;
	border-top: solid 1px #060C1A;
	border-right: solid 1px #060C1A;
	border-bottom: none;
	border-left: solid 1px #060C1A;
	position: relative;
	z-index: 1;
}

div#footer_clear
{
	clear: both;
	height: 65px;
	width: 962px;
}

/* -- Nav Block -- */

div.nav_block_background
{
	height: 47px;
	width: 100%;
	background-color: #060C1A;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

/* -- Google Search -- */

div#search_container
{
	font-size: 9pt;
	border: 0px;
	position: absolute;
	padding: 0px;
	top: 8px;
	right: 36px;
	height: 32px;
	background-color: Transparent;
	z-index: 10;
}

iframe.search_frame
{
	border: 0px;
	padding: 0px;
	height: 32px;
	overflow: hidden;
	width: 230px;
	font-size: 0pt;
	background-color: Transparent;
}

form.search_form
{
	padding : 0px;
	margin: 0px;
	border: 0px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 0pt;
	height: 100%;
	overflow: hidden;
}

form.search_form input
{
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
}

input.search_field
{
	width: 142px;
}

body.search
{
	background-color: Transparent;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	text-align: center;
	font-size: 0pt;
	height: 100%;
	vertical-align: middle;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
}

table#search_table
{
	width: 230px;
	height: 32px;
	border-width: 0px;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
	background-color: Transparent;
}

.search_spacer
{
	font-size: 9pt;
}

/* -- Footer -- */

div#footer_container
{
	width: 962px;
	height: 68px;
	background-color: #ADADAD;
	padding: 0px;
	margin: 0px;
	position: relative;
	z-index: 10;
}

div#footer_content
{
	width: 960px;
	height: 55px;
	background-color: #1E3C80;
	position: relative;
	padding: 0px;
	margin: 0px;
	border-top: none;
	border-right: solid 1px #060C1A;
	border-bottom: solid 1px #060C1A;
	border-left: solid 1px #060C1A;
	display: block;
}

div#footer_egu_logo
{
	width: 65px;
	height: 24px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 21px;
	left: 10px;
	text-align: left;
	vertical-align: middle;
}

div#footer_disclaimer
{
	width: 550px;
	height: auto;
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 19px;
	left: 80px;
	text-align: left;
	font-size: 8pt;
}

div#footer_line
{
	width: 954px;
	height: 0px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border-top: dashed 1px #E4E7EF;
	border-right: none;
	border-bottom: none;
	border-left: none;
	overflow: hidden;
	clear: both;
	position: absolute;
	top: 0px;
	left: 3px;
}

/* ------------------------------------------------------------------------------ */
/* -- Layout -- */
/* ------------------------------------------------------------------------------ */

/* -- Alignment -- */

table.centre
{
	margin: 0px auto 0px auto;
}

div.centre
{
	margin: 0px auto 0px auto;
}

input.centre
{
	margin: 0px auto 0px auto;
}

/* -- Lists -- */

ol
{
	margin-bottom: 20px;
	margin-right: 16px;
	/*margin: 0.625em 0em 0.625em 0em; */
	/* margin: 10px 0px 10px 0px; */
}

ul
{
	margin-bottom: 20px;
	margin-right: 16px;
	/* margin: 0.625em 0em 0.625em 0em; */
	/* margin: 10px 0px 10px 0px; */
}

li
{
	margin-bottom: 10px;
	/* margin: 0.625em 0em 0.625em 0.7em; */
	/* margin: 10px 0px 10px 8px; */
}

/* -- Lines -- */

div.page_line
{
	width: 954px;
	height: 0px;
	/* margin: 0.625em 0.19em 0.625em 0.19em; */
	margin: 10px 3px 10px 3px;
	padding: 0px;
	border-top: dashed 1px #E4E7EF;
	border-right: none;
	border-bottom: none;
	border-left: none;
	overflow: hidden;
	clear: both;
}

div.line
{
	width: 100%;
	height: 0px;
	margin: 10px auto 10px auto;
	padding: 0px;
	border-top: dashed 1px #4E4E4E;
	border-left: none;
	border-right: none;
	border-bottom: none;
	overflow: hidden;
}

/* -- Spacers -- */

.spacer
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 100%;
	height: 10px;
	overflow: hidden;
	display: block;
	clear: both;
}

.half_spacer
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 100%;
	height: 5px;
	overflow: hidden;
	display: block;
	clear: both;
}

/* -- Columns -- */

div.two_columns
{
	float: left;
	width: 480px;
	margin: 0px;
	padding: 0px
}

/* -- Cursors -- */

.pointer
{
	cursor: pointer;
}

/* ------------------------------------------------------------------------------ */
/* -- Errors -- */
/* ------------------------------------------------------------------------------ */

.error
{
	font-weight: bold;
	color: #CC0000;
}

/* -- Ajax Errors -- */

.ajax_error
{
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
	display: inline-block;
}

.ajax_error em
{
	vertical-align: middle;
	padding: 2px 3px 0px 0px;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	float: left;
}

span.ajax_error span.icon
{
	float: left;
	margin: 0px 2px 0px 2px;
	position: relative;
}

/* ------------------------------------------------------------------------------ */
/* -- Text Formatting -- */
/* ------------------------------------------------------------------------------ */

/* -- Alignment -- */

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.centre
{
	text-align: center;
}

.justify
{
	text-align: justify;
}

.top
{
	vertical-align: top;
}

.middle
{
	vertical-align: middle;
}

.bottom
{
	vertical-align: bottom;
}

/* -- Headings -- */

h1
{
	padding: 0px;
	/* margin: 0.625em 1em 1.25em 1em; */
	margin: 10px 16px 10px 16px; 
	font-size: 1.4em;
	font-weight: normal;
}

h2
{
	padding: 0px;
	/* margin: 0.625em 1em 0.625em 1em; */
	margin: 10px 16px 10px 16px;
	font-size: 1.25em;
	font-weight: normal;
}

h3
{
	padding: 0px;
	/* margin: 0.625em 1em 0.625em 1em; */
	margin: 10px 16px 10px 16px;
	font-size: 1.05em;
	font-weight: normal;
}

h4
{
	padding: 0px;
	/* margin: 0.625em 1em 0.625em 1em; */
	margin: 10px 16px 10px 16px;
	font-size: 0.95em;
	font-weight: normal;
}

h5
{
	padding: 0px;
	/* margin: 0em 1em 0em 1em; */
	margin: 0px 16px 0px 16px;
	font-size: 0.8em;
	font-weight: normal;
}

/* -- Paragraphs -- */

.body_text
{
	font-size: 0.8em;
}

p.body_text
{
	padding: 0px;
	/* margin: 0em 1em 1.25em 1em; */
	margin: 0px 16px 20px 16px;
	font-size: 0.8em;
}

.sub_body_text
{
	font-size: 0.8em;
}

p.sub_body_text
{
	padding: 0px;
	/* margin: 0em 3em 1.25em 3em; */
	margin: 0px 48px 20px 48px;
	font-size: 0.8em;
	font-weight: normal;
}

.small_indent
{
	margin-left: 16px;
}

.indent
{
	margin-left: 32px;
}

/* -- Titles -- */

p.title
{
	padding: 0px;
	/* margin: 0.625em 1em 1.25em 1em; */
	margin: 10px 16px 10px 16px; 
	font-size: 1.4em;
	font-weight: normal;
}

.title
{
	font-size: 1.4em;
	font-weight: normal;
}

p.sub_title

{	padding: 0px;
	/* margin: 0.625em 1em 0.625em 1em; */
	margin: 10px 16px 10px 16px;
	font-size: 1.05em;
	font-weight: normal;
}

.sub_title
{
	font-size: 1.05em;
	font-weight: normal;
}

p.minor_title
{
	padding: 0px;
	margin: 10px 16px 10px 16px;
	font-size: 0.95em;
	font-weight: normal;
}

.minor_title
{
	font-size: 0.95em;
	font-weight: normal;
}

p.sub_minor_title
{
	padding: 0px;
	margin: 10px 48px 10px 48px;
	font-size: 0.95em;
	font-weight: normal;
}

p.no_format
{
	padding: 0px;
	margin: 0px;
}

/* -- Sizes -- */

.small_text
{
	/* font-size: 8pt; */
	/* font-size: 0.8em; */
	font-size: 0.85em;
	
}

.smaller_text
{
	/* font-size: 7pt; */
	/* font-size: 0.55em; */
	font-size: 0.7em;
}

/* -- Weights & Decorations --  */

.bold
{
	font-weight: bold;
}

.normal
{
	font-weight: normal;
}

.italic
{
	font-style: italic;
}

.underline
{
	 text-decoration: underline;
}

/* --  -- */

.capitalise
{
	text-transform: capitalize;
}


/* ------------------------------------------------------------------------------ */
/* -- Links -- */
/* ------------------------------------------------------------------------------ */

a:link
{
	color: #FFFFFF;
}

a:visited
{
	color: #E4E7EF;
}

a:hover
{
	color: #E7E66F;
}

/* ------------------------------------------------------------------------------ */
/* -- Documents -- */
/* ------------------------------------------------------------------------------ */

a:link.document
{
	color: #060C1A;
}

a:visited.document
{
	color: #363650;
}

a:hover.document
{
	color: #E7E66F;
}

table.documents
{
	width: 960px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 0.95em;
}

table.documents td.one
{
	width: 960px;
}

table.documents td.two
{
	width: 480px;
}

table.documents td.three
{
	width: 320px;
}

table.documents td.four
{
	width: 240px;
}

/* ------------------------------------------------------------------------------ */
/* -- Controls -- */
/* ------------------------------------------------------------------------------ */

/* -- Nav Wheel -- */

div.nav_wheel
{
	margin: 0px auto 0px auto;
	padding: 0px;
	overflow: hidden;
}

div.nav_wheel_spacer
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 3.0em;
	text-align: center;
	vertical-align: middle;
}

/* ------------------------------------------------------------------------------ */
/* -- Tables -- */
/* ------------------------------------------------------------------------------ */

table.indent
{
	margin: 0px 16px 0px 16px;
}

/* ------------------------------------------------------------------------------ */
/* -- Region Containers -- */
/* ------------------------------------------------------------------------------ */

div.region_container
{
	width: 928px;
	margin: 0px auto 0px auto;
	padding: 10px 0px 10px 0px;
}

div.region_container_alt
{
	width: 928px;
	margin: 0px auto 0px auto;
	padding: 10px 0px 10px 0px;
	background-color: #12244D;
}

/* ------------------------------------------------------------------------------ */
/* -- Form Container -- */
/* ------------------------------------------------------------------------------ */

.form_container
{
	margin: 0px auto 0px auto;
	padding: 16px;
	background-color: #DDDDDD;
	border: solid 1px #060C1A;
	color: #000000;
	font-size: 0.8em;
}

.form_container a:link
{
	color: #000000;
}

.form_container a:visited
{
	color: #000000;
}

.form_container a:hover
{
	color: #454545;
}

/* ------------------------------------------------------------------------------ */
/* -- Administration -- */
/* ------------------------------------------------------------------------------ */

.create_account_form_container
{
	width: 500px;
}

.edit_account_form_container
{
	width: 500px;
}

/* ------------------------------------------------------------------------------ */
/* -- Login -- */
/* ------------------------------------------------------------------------------ */

.login_form_container
{
	width: 320px;
}

/* ------------------------------------------------------------------------------ */
/* -- Registration -- */
/* ------------------------------------------------------------------------------ */

.registration_form_container
{
	width: 500px;
}


/* ------------------------------------------------------------------------------ */
/* -- Publications Page -- */
/* ------------------------------------------------------------------------------ */

.publications_tabs
{
	margin: 0px 10px 0px 10px;
	min-height: 360px;
	border-color: #060C1A !important;
}

.publications_line
{
	width: 100%;
	height: 0px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border-top: dashed 1px #4E4E4E;
	border-left: none;
	border-right: none;
	border-bottom: none;
	overflow: hidden;
	clear: both;
}

div.publications_filtered
{
	width: 100%;
	height: auto;
	border: dashed 1px #4E4E4E;
	margin: 10px 0px 20px 0px;
	background-color: #C0BFD1;
	clear: both;
}

.expand_image_container
{
	width: 19px;
	height: 20px;
	float: left;
	padding: 0.125em 0em 0em 0em;
}

.expand_label_container
{
	float: left;
	width: 871px;
	margin: 2px 0px 0px 0px;
}

.publications_expand_label_container
{
	float: left;
	margin: 2px 0px 0px 0px;
	width: 95%;
}

.publication_spacer
{
	clear: both;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 100%;
	height: 10px;
	overflow: hidden;
	display: block;
}

.publication_details_container
{
	width: 842px;
	margin: 6px 22px 0px 22px;
	border: dashed 1px #4E4E4E;
	clear: both;
	padding: 0px;
}

.publication_details_button_container
{
	margin: 0px 0px 16px 16px;
}

table.publication_indent
{
	margin: 0px 10px 0px 0px;
}

td.right_border
{
	border-left: none;
	border-right: solid 1px #ADADAD;
	border-top: none;
	border-bottom: none;
}

/* -- Generic Tab Classes --  */

.tab_print_button_container
{
	text-align: right;
	margin-bottom: -30px;
}

.tab_print_button
{
	/* Blank */
}

span.button_icon
{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

span.help_tab_icon
{
	float: left;
	margin-left: -6px;
	margin-right: -7px;
	margin-top: 1px;
}

/* -- Empty Classes For JQuery Targetting -- */

.details_toggle
{
	/* Blank */
}

.details_toggle_trigger
{
	/* Blank */
}

.details_toggle_panel
{
	/* Blank */
}

/* -- Progress Overlays --  */

div.progress_overlay_container
{
	background-color: Transparent;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

div.progress_overlay
{
	opacity: 0.50;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 101;
}

div.progress_inner
{
	background-color: Transparent;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 102;
	text-align: center;
}

div.progress_spacer
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 100%;
	height: 100px;
	overflow: hidden;
	display: block;
}

/* -- Filter Dialog -- */

.filter_dialog_eg_text
{
	color: #888888;
	font-size: 0.7em;
}

.filter_dialog_radio_button_text
{
	font-size: 0.85em;
}

/* ------------------------------------------------------------------------------ */
/* -- Contact Us Page -- */
/* ------------------------------------------------------------------------------ */

.contact_us_form_container
{
	width: 500px;
}

/* ------------------------------------------------------------------------------ */
/* -- My Account Pages -- */
/* ------------------------------------------------------------------------------ */

.change_password_form_container
{
	width: 420px;
}

.account_details_form_container
{
	width: 500px;
}

/* ------------------------------------------------------------------------------ */
/* Cancer Info Page*/
/* ------------------------------------------------------------------------------ */

div.footnote
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin: 0px;
	border: 0px;
	padding: 4px;
	text-align: left;
}

/* ------------------------------------------------------------------------------ */
/* -- Glossary -- */
/* ------------------------------------------------------------------------------ */

.glossary_tag
{
	position: relative;
	overflow: visible;
	color: #FFFFFF;
	text-decoration:none;
	background-image: url('../Images/Glossary/Dotted_Background_White.gif');
	background-position: left bottom;
	background-repeat: repeat-x;
	border: 0px;
	cursor: help;
}

.ui-widget-content .glossary_tag
{
	position: relative;
	overflow: visible;
	color: #000000;
	text-decoration:none;
	background-image: url('../Images/Glossary/Dotted_Background_Black.gif');
	background-position: left bottom;
	background-repeat: repeat-x;
	border: 0px;
	cursor: help;
}

.no_glossary_tag
{
	/* Empty Class Used To Prevent Glossary Tagging */
}

/* ------------------------------------------------------------------------------ */
/* -- QuickStats -- */
/* ------------------------------------------------------------------------------ */

div.quickstats_wrapper
{
	width: 928px;
	border: 0px;
	padding-left: 0px;
	position: relative;
}

table.quickstats
{
	width: 100%;
	border: solid 1px #FFFFFF;
	text-align: left;
	border-collapse: collapse;
}

table.quickstats td
{
	vertical-align: middle;
}

table.quickstats td.header
{
	border: solid 1px #FFFFFF;
	background-color: #060C1A;
	text-align: center;
}

table.quickstats tr.group
{
	font-weight: normal;
}

table.quickstats td.quickstats_centre
{
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-top: solid 1px #8E9DBF;
	border-bottom: none;
	text-align: center;
}

table.quickstats td.quickstats_left
{
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-top: solid 1px #8E9DBF;
	border-bottom: none;
	text-align: center;
}

table.quickstats_bullet
{
	width: 100%;
	border: 0px;
	text-align: left;
}

table.quickstats_bullet td
{
	text-align: left;
}

table.quickstats_bullet td.bullet
{
	width: 23px;
	text-align: left;
}

table.quickstats_bullet td.colour_block
{
	width: 27px;
	text-align: left;
}

/* ------------------------------------------------------------------------------ */
/* -- Stats. Wizard -- */
/* ------------------------------------------------------------------------------ */

div.wizard_buttons
{
	vertical-align: middle;
	width: 960px;
}

.wizard_groups_container
{
	position: absolute;
	top: 10px;
	right: 16px;
	border: none;
	padding: 0px;
	margin: 0px;
	width: 352px;
	height: 180px
}

.wizard_groups_background
{
	position: absolute;
	top: 0px;
	right: 0px;
	border: none;
	padding: 0px;
	margin: 0px;
	width: 352px;
	height: 180px;
	z-index: -1;
}

.wizard_groups
{
	position: absolute;
	top: 0px;
	right: 0px;
	border: none;
	padding: 10px 16px 10px 16px;
	margin: 0px;
	width: 320px;
	height: 160px;
}

.wizard_tree_container
{
	position: relative;
	width: 928px;
	margin: 0px 16px 0px 16px;
}

.tree_view td
{
	vertical-align: top;
}

.wizard_options_container
{
	width: 480px;
	float: left;
}

.wizard_title_container
{
	width: 960px;
	float: left;
}

.wizard_pie_container
{
	width: 456px;
	float: left;
	margin: 0px 16px 0px 16px;
	display: inline
}

.wizard_pie_chart
{
	border: none;
	width: 455px;
	height: 455px;
}

.wizard_table_container
{
	width: 456px;
	float: left;
	margin: 0px 16px 0px 0px;
	display: inline
}

.wizard_age_sex_container
{
	width: 652px;
	float: left;
	margin: 0px 16px 0px 0px;
	display: inline
}

.wizard_age_sex_table_container
{
	width: 260px;
	float: left;
	margin: 0px 16px 0px 16px;
	display: inline
}

.wizard_clear
{
	width: 960px;
	height: 10px;
	float: left;
	overflow: hidden;
	clear: both;
}

p.wizard_nav
{
	font-size: 0.8em;
	margin: 10px 16px 12px 16px;
}

div.incidence_rate_wrapper
{
	width: 928px;
	border: 0px;
	padding: 0px;
	margin: 0px 16px 10px 16px;
	position: relative;
}

/* ------------------------------------------------------------------------------ */
/* -- Graphs -- */
/* ------------------------------------------------------------------------------ */

.age_sex_graph_wrapper
{
	margin: 0px auto 0px auto;
	position: relative;
	border: none
}

.age_sex_graph_rbl
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 12pt;
	vertical-align: middle;
}

.age_sex_graph_rbl td
{
	vertical-align: middle;
}

.sub_type_graph_wrapper
{
	margin: 0px auto 0px auto;
	position: relative;
	border: normal;
	width: 928px;
}

.transparent_chart
{
	/* Empty Class For JQuery Targeting */
}


/* ------------------------------------------------------------------------------ */
/* -- Haematology Page -- */
/* ------------------------------------------------------------------------------ */

#blood_tube_container
{
	width: 499px;
	height: 375px;
	border-top: none;
	border-right: dashed 1px #E4E7EF;
	border-bottom: none;
	border-left: none;
	padding: 0px 8px 0px 0px;
	position: relative;
	float: left;
	margin: 0px 0px 0px 16px;
}

.blood_tube
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.blood_tube_line
{
	width: 30px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #E4E7EF;
	border-left: none;
	border-right: none;
	border-bottom: none;
	overflow: hidden;
}

.plasma_line
{
	position: absolute;
	top: 128px;
	left: 56px;
}

.white_cells_line
{
	position: absolute;
	top: 235px;
	left: 56px;
}

.red_cells_line
{
	position: absolute;
	top: 318px;
	left: 56px;
}

.plasma_label
{
	position: absolute;
	top: 120px;
	left: 90px;
	height: 24px;
	font-size: 10pt;
}

.white_cells_label
{
	position: absolute;
	top: 227px;
	left: 90px;
	height: 24px;
	font-size: 10pt;
}

.red_cells_label
{
	position: absolute;
	top: 310px;
	left: 90px;
	height: 24px;
	font-size: 10pt;
}

.plasma_breakdown_line
{
	position: absolute;
	top: 128px;
	left: 185px;
	width: 90px;
	height: 66px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #E4E7EF;
	border-left: none;
	border-right: 1px solid #E4E7EF;
	border-bottom: none;
	overflow: hidden;
}

.white_cells_breakdown_line
{
	position: absolute;
	top: 235px;
	left: 245px;
	width: 30px;
	height: 92px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #E4E7EF;
	border-left: none;
	border-right: 1px solid #E4E7EF;
	border-bottom: none;
	overflow: hidden;
}

.plasma_breakdown
{
	position: absolute;
	top: 128px;
	left: 278px;
	width: 240px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 8pt;
	text-align: left;
}

.white_cells_breakdown
{
	position: absolute;
	top: 235px;
	left: 278px;
	width: 240px;
	height: 105px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 8pt;
	text-align: left;
}

#blood_cells_container
{
	width: 412px;
	border: none;
	padding: 0px;
	position: relative;
	float: left;
	margin: 0px 16px 0px 8px;
}

.image_border
{
	border: 1px solid #E4E7EF;
}

/* ------------------------------------------------------------------------------ */
/* -- Lymph-Man -- */
/* ------------------------------------------------------------------------------ */

div.lymph-man
{
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	/*background-color: #12244D;*/
}

div.lymph-man_label
{
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	background-color: #12244D;
	font-size: 8pt;
	text-align: center
}

div.lymph-man_popup
{
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	background-color: #12244D;
	margin-left: auto;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* ------------------------------------------------------------------------------ */
/* -- Trails Pages -- */
/* ------------------------------------------------------------------------------ */

td.aml16
{
	border: 1px solid #E4E7EF;
	vertical-align: top;
	width: 20%;
}

td.myeloma_ix
{
	border: 1px solid #E4E7EF;
	vertical-align: top;
	width: 25%;
}

/* ------------------------------------------------------------------------------ */
/* -- Network Statistics -- */
/* ------------------------------------------------------------------------------ */

.net_stats_form_container
{
	width: 894px;
	margin: 0px auto 0px auto;
	padding: 6px 16px 16px 16px;
	background-color: #DDDDDD;
	border: solid 1px #060C1A;
	color: #000000;
}

div.net_stats_clear
{
	width: 894px;
	height: 10px;
	float: left;
	overflow: hidden;
	clear: both;
	display: block;
}

div.net_stats_form
{
	width: 640px;
	float: left;
}

div.net_stats_text_container
{
	width: 254px;
	float: left;
	background-color: #B7B7B7;
	position: relative;
	padding: 0px;
	margin: 0px;
}

div.net_stats_text
{
	width: 254px;
	padding: 0px;
	margin: 0px;
}

/* ------------------------------------------------------------------------------ */
/* -- Popups -- */
/* ------------------------------------------------------------------------------ */

body.popup
{
	height: 100%;
	min-height: 100%;
	background-color: #1E3C80;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #FFFFFF;
	background-image: url('../Images/Background_Fade.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.asp_form_popup
{
	height: 100%;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
}

.popup_container
{
	padding: 10px
}

/* ------------------------------------------------------------------------------ */
/* -- SQL Tables -- */
/* ------------------------------------------------------------------------------ */

table.sql
{
	font-size: 0.75em;
	color: #FFFFFF;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-bottom: solid 1px #FFFFFF;
}

table.sql td.sql_header
{
	background-color: #060C1A;
	border: solid 1px #FFFFFF;
	text-align: center;
	font-weight: normal;
}

table.sql th.sql_header
{
	background-color: #060C1A;
	border: solid 1px #FFFFFF;
	text-align: center;
	font-weight: normal;
}

table.sql th.sql_header_left
{
	background-color: #060C1A;
	border-top: solid 1px #FFFFFF;
	border-right: none;
	border-bottom: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	text-align: center;
	font-weight: normal;
}

table.sql th.sql_header_right
{
	background-color: #060C1A;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	border-left: none;
	text-align: center;
	font-weight: normal;
}

table.sql td.sql_header_blank
{
	border: 0px;
	background-color: transparent; 
}

table.sql th.sql_header_blank
{
	border: 0px;
	background-color: transparent; 
}

table.sql th.sql_header_blank_bottom
{
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: solid 1px #FFFFFF;
}

table.sql tr.sql
{
	border: solid 1px #FFFFFF;
}

table.sql tr.sql_alt
{
	background-color: #12244D;
	border: solid 1px #FFFFFF;
}

table.sql tr.sql_no_border
{
	/*background-color: #1E3C80;*/
	border-style: none;
}

table.sql tr.sql_alt_no_border
{
	/*background-color: #12244D;*/
	border-style: none;
}

table.sql tr.sql_pager
{
	background-color: #060C1A;
	border: solid 1px #FFFFFF;
}

table.sql tr.sql_pager td
{
	background-color: #060C1A;
	border: solid 1px #FFFFFF;
	text-align: center;
}

table.sql td.sql_left
{
	border-left: solid 1px #FFFFFF;
	border-right: none;
	border-top: solid 1px #8E9DBF;
	border-bottom: none;
}

table.sql td.sql_right
{
	border-left: none;
	border-right: solid 1px #FFFFFF;
	border-top: solid 1px #8E9DBF;
	border-bottom: none;
}

table.sql td.sql_middle
{
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-top: solid 1px #8E9DBF;
	border-bottom: none;
}

table.sql td.sql_middle_no_vert
{
	border-left: none;
	border-right: none;
	border-top: solid 1px #8E9DBF;
	border-bottom: none;
}

table.sql td.sql_all
{
	border: solid 1px #FFFFFF;
}

table.sql td.sql_left_right
{
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-top: none;
	border-bottom: none;
}

/*

table.sql a:link
{
	color: #FFFFFF;
}

table.sql a:visited
{
	color: #FFFFFF;
}

table.sql a:hover
{
	color: #FFFFFF;
}

*/

table.sql .border_left
{
	border-left: solid 1px #FFFFFF;
	border-right: none;
	border-top: none;
	border-bottom: none;
}

table.sql .border_right
{
	border-left: none;
	border-right: solid 1px #FFFFFF;
	border-top: none;
	border-bottom: none;
}

table.sql .border_top
{
	border-left: none;
	border-right: none;
	border-top: solid 1px #FFFFFF;
	border-bottom: none;
}

table.sql .border_bottom
{
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: solid 1px #FFFFFF;
}

table.sql .border_bottom_right
{
	border-left: none;
	border-right: solid 1px #FFFFFF;
	border-top: none;
	border-bottom: solid 1px #FFFFFF;
}

table.sql .border_top_right
{
	border-left: none;
	border-right: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	border-bottom: none;
}

table.sql .border_all
{
	border: solid 1px #FFFFFF;
}

table.sql td.footer
{
	border: solid 1px #FFFFFF;
	background-color: #060C1A;
}

table.sql td.footer_left
{
	border-top: solid 1px #FFFFFF;
	border-right: none;
	border-bottom: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	background-color: #060C1A;
}

table.sql td.footer_right
{
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	border-left: none;
	background-color: #060C1A;
}

/* -- Pager -- */

.pager_left
{
	border: 0px;
	padding: 1px 2px 0px 2px;
	width: 303px;
	text-align: left;
	float: left;
	height: 20px;
}

.pager_centre
{
	border: 0px;
	padding: 1px 2px 0px 2px;
	width: 304px;
	text-align: center;
	float: left;
	height: 20px;
}

.pager_right
{
	border: 0px;
	padding: 1px 2px 0px 2px;
	width: 303px;
	text-align: right;
	float: left;
	height: 20px;
}

.pager_dropdown
{
	vertical-align: middle;
}

/* ------------------------------------------------------------------------------ */
/* -- Iconed Headings -- */
/* ------------------------------------------------------------------------------ */

div.heading
{
	vertical-align: middle;
	height: 32px;
	width: 936px;
	margin: 10px 10px 0px 10px;
	padding: 0px 0px 3px 3px;
	border: none;
	text-align: left;
	position: relative;
}

div.heading_icon
{
	vertical-align: middle;
	height: 32px;
	width: 32px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 0pt;
	position: absolute;
	top: 0px;
	left: 3px;
}

div.heading_colour
{
	vertical-align: middle;
	height: 30px;
	width: 30px;
	margin: 0px;
	padding: 0px;
	border: solid 1px #060C1A;
	font-size: 0pt;
	position: absolute;
	top: 0px;
	left: 3px;
}

div.heading_text
{
	height: 32px;
	width: 700px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 1.25em;
	text-align: left;
	position: absolute;
	top: 2px;
	left: 44px;
}

/* ------------------------------------------------------------------------------ */
/* -- Blank Classes For Script Reference -- */
/* ------------------------------------------------------------------------------ */

.view_details
{
}

/* ------------------------------------------------------------------------------ */
/* -- JQuery Extras & Overrides -- */
/* ------------------------------------------------------------------------------ */

.tabs_text_padding
{
	padding: 12px 6px !important;
}

#tabs li .ui-icon-close { position: absolute; top: 0px; right: 0px; cursor: pointer; }
#tabs li .ui-icon-print { position: absolute; top: 14px; right: 0px; cursor: pointer; }
#add_tab { cursor: pointer; }

.ui-dialog .ui-dialog-title
{
	float: left;
	margin: .1em 16px .2em 0;
	font-size: 0.8em;
}

.ui-tabs-nav 
{
	font-size: 0.8em !important
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-size: 0.8em !important;
}

.ui-widget-header 
{
	font-weight: normal !important;
}

/* ------------------------------------------------------------------------------ */
