/*******************************************************************************************************
 *
 *   RESET PAGE SYTLES
 *
 *   This is used by all pages to reset the browser to consistent CSS defaults.
 *
 *   http://meyerweb.com/eric/tools/css/reset/
 *   v2.0 | 20110126
 *   License: none (public domain)
 *
 ******************************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*******************************************************************************************************
 *
 *   CORE PAGE SYTLES
 *
 *   This is used by all pages to set the appearance of the page. Any overrides/bespoke
 *	 styles will be held in an additional css file specific to the page using it.
 *
 *   @author Richard Wike
 *   @version 1.0
 *
 ******************************************************************************************************/

/* -----------------------------------------------------------------------------------------------------
	RULES:
	1) # for id, . for class
	2) ID used for positional and single use styles
	3) Classes used for repeated and commonly used styles
	4) In general repeated class styles will go in core.css, positional and single use styles
	   will go into page level css (e.g. login.css)
	5) Properties of a class should be in alphabetical order
	6) em should always be used for fonts
	7) px should be used for margins/padding/positioning where possible otherwise IE6 gets the 'hover judder'
   ----------------------------------------------------------------------------------------------------- */


/* -----------------------------------------------------------------------------------------------------
	Base page styles
   ----------------------------------------------------------------------------------------------------- */
html, body {
	height: 98%;
}

body {
	background-color: #ffffff;
	color: #000000;
	font-family: 'PT Sans', sans-serif;
	font-size: 120%;  /* Set default font size across all browsers */
	overflow: hidden;
}


/* -----------------------------------------------------------------------------------------------------
	Base class styles, for use when overriding default styles
	These are all !important to make sure they override the default class styles
   ----------------------------------------------------------------------------------------------------- */
.huge {
	font-size: 2.50em !important;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
}

.big {
	font-size: 1.25em !important;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
}

.medium {
	font-size: 1.10em !important;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
}

.small {
	font-size: 0.875em !important;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
}

.bold {
	font-weight: bold !important;
}

.italic {
	font-style: italic !important;
}

.left {
	text-align: left !important;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right !important;
}

.top {
	vertical-align: top !important;
}

.middle {
	vertical-align: middle !important;
}

.bottom {
	vertical-align: bottom !important;
}

.wrap {
	white-space: normal !important;
}

.nowrap {
	white-space: nowrap !important;
}

.warning {
	color: #ff0000 !important;
}

.noPadding {
	padding: 0 !important;
}

.hidden {
	display: none !important;
}

.disabled {
	color: #cccccc !important;
}

.readonly {
	color: #000000 !important;
	background-color: #f5f5f5 !important;
}

.red {
	color: #ff0000 !important;
}

.amber {
	color: #ffbf00 !important;
}

.green {
	color: #00a651 !important;
}

.pink {
	color: #ffd4d7 !important;
}

.width100 {
	width: 100% !important;
}

.width75 {
	width: 75% !important;
}

.width50 {
	width: 50% !important;
}

.width40 {
	width: 40% !important;
}

.width25 {
	width: 25% !important;
}

.width20 {
	width: 20% !important;
}

.width15 {
	width: 15% !important;
}

.width10 {
	width: 10% !important;
}

.border {
	border: 1px solid #56aace !important;
}


/* -----------------------------------------------------------------------------------------------------
	Link styles
   ----------------------------------------------------------------------------------------------------- */
a:link, a:visited {
	color: #000000;
}

a:hover, a:active {
	color: #56aace;
}


/* -----------------------------------------------------------------------------------------------------
	Image styles
   ----------------------------------------------------------------------------------------------------- */
img {
	border: 0;
	vertical-align: middle;
}


/* -----------------------------------------------------------------------------------------------------
	Input styles
   ----------------------------------------------------------------------------------------------------- */
input {
	border-color: #ccc;
	color: #000000;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.00em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	padding: 2px;
}

input[type=file] {
	/*min-width: 500px;*/
}

input[type=radio] {
	border-radius: 8px;
}

input.alpha {
	text-align: left;
}

input.button {
	background-color: #56aace;
	border: 0;
	color: #ffffff;
	padding: 3px 15px 3px 15px;  /* top-right-bottom-left */
}

input.button:hover, input.button:active {
	cursor: pointer;
	text-decoration: underline;
}

input.date {
	text-align: center;
}

input.numeric {
	text-align: right;
}

input.error {
	background-color: #ffd4d7 !important;
}


/* -----------------------------------------------------------------------------------------------------
	Select styles
   ----------------------------------------------------------------------------------------------------- */
select {
	border-radius: 0;
	color: #000000;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.00em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	padding: 2px;
}

select.error {
	background-color: #ffd4d7;
}


/* -----------------------------------------------------------------------------------------------------
	Textarea styles
   ----------------------------------------------------------------------------------------------------- */
textarea {
	border-radius: 0;
	color: #000000;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.00em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	resize: none;
	white-space: pre-wrap !important;
}

textarea.noborder {
	border: 0;
}

textarea.error {
	background-color: #ffd4d7;
}


/* -----------------------------------------------------------------------------------------------------
	Override the appearance of elements on webkit (iOS, Chrome)
   ----------------------------------------------------------------------------------------------------- */
input[type=checkbox] {
	-webkit-appearance: checkbox;
}

input[type=button] {
	-webkit-appearance: none;
}

input[type=submit] {
	-webkit-appearance: none;
}


/* -----------------------------------------------------------------------------------------------------
	Horizontal rule styles
   ----------------------------------------------------------------------------------------------------- */
table.horizontalRule  {
	width: 100% !important;
}

hr.horizontalRule {
	border: 0;
	border-top: thin solid #000000;
	color: #ffffff;
}


/* -----------------------------------------------------------------------------------------------------
	Application menu styles
   ----------------------------------------------------------------------------------------------------- */
#menu_bar {
	height: 45px;
	overflow: hidden;
	width: 100%;
}

#menu_bar .logo {
	float: left;
	padding: 4px 40px 0 16px;  /* top-right-bottom-left */
}

#menu_bar .menu {
	display: inline;
	font-size: 0.9em;
	line-height: 43px;
	padding: 10px 8px 10px 8px;  /* top-right-bottom-left */
	position: relative;
	top: -5px;
}

#menu_bar .menu a {
	text-decoration: none;
}

#menu_bar .icon {
	padding: 10px 8px 10px 13px;  /* top-right-bottom-left */
	position: relative;
	top: -5px;
}

#menu_bar .menu:hover {
	background-color: #56aace;
	color: #ffffff;
	cursor: pointer;
}

#menu_bar .menu:hover a {
	background-color: #56aace;
	color: #ffffff;
	cursor: pointer;
}

#menu_bar .menu:hover .content {
	display: inline;
	position: fixed;
	/*top: 26px;*/
	top: 34px;
}

#menu_bar .content {
	background-color: #ffffff;
	border: 1px solid #56aace;
	display: none;
	line-height: 20px;
	text-align: left;
	z-index: 999999;
}

#menu_bar .content a, #menu_bar .content a:link, #menu_bar .content a:visited {
	background-color: #ffffff;
	color: #000000;
	display: block;
	font-size: 0.875em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	white-space: nowrap;
}

#menu_bar .content a.category {
	cursor: default;
	font-weight: bold;
	padding: 5px 20px 5px 20px;  /* top-right-bottom-left */
	text-align: left;
	text-decoration: none;
}

#menu_bar .content a.option {
	padding: 5px 20px 5px 20px;  /* top-right-bottom-left */
	text-align: left;
	text-decoration: none;
}

#menu_bar .content a.option:hover {
	text-decoration: underline;
}

#menu_bar .content hr {
	border: 0;
	background: #56aace;
	height: 1px;
}


/* -----------------------------------------------------------------------------------------------------
	Container styles
   ----------------------------------------------------------------------------------------------------- */
div.fixed_container {
	border: 1px solid #56aace;
	display: table;
	font-size: 0.75em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	margin: 28px auto auto auto;  /* top-right-bottom-left */
	width: 95%;
}

div.container {
	display: table;
	font-size: 0.75em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	width: 100%;
}

div.scrolling {
	overflow: auto;
	position: relative;
}

div.no_scrolling {
	overflow: hidden;
	position: relative;
}


/* -----------------------------------------------------------------------------------------------------
	Flash banner styles
   ----------------------------------------------------------------------------------------------------- */
.flash_banner {
	background-color: #ffffff;
	color: #000000;
	display: none;
	font-size: 0.75em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	height: 30px;
	padding: 5px 0 7px 18px;  /* top-right-bottom-left */
	position: relative;
	z-index: -2;
}

.flash_banner_image {
	background-color: #ffffff;
	float: left;
	padding: 0px 0 7px 0;  /* top-right-bottom-left */
}

.flash_banner_message {
	background-color: #ffffff;
	float: left;
	padding: 4px 0 7px 0;  /* top-right-bottom-left */
}


/* -----------------------------------------------------------------------------------------------------
	Tabs
   ----------------------------------------------------------------------------------------------------- */
.tabs {
	height: 33px;
	overflow: hidden;
	position: relative;
}

.tabs .spacer {
	float: left;
	padding-left: 10px;
}

.tabs .active {
	background-color: #8fa65d;
	border-right: 1px solid;
	color: #ffffff;
	cursor: auto !important;
	float: left;
	font-size: 1.0em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	font-weight: bold;
	line-height: 16px;
	padding: 9px 40px 8px 40px;  /* top-right-bottom-left */
	white-space: nowrap;
}

.tabs .inactive {
	background-color: #cccccc;
	border-right: 1px solid;
	color: #ffffff;
	cursor: pointer !important;
	float: left;
	font-weight: normal;
	font-size: 1.0em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	line-height: 16px;
	padding: 9px 40px 8px 40px;  /* top-right-bottom-left */
	white-space: nowrap;
}

.tabs .inactive:hover {
	text-decoration: underline;
}

.tabs .disabled {
	background-color: #d7dde2;
	border-right: 1px solid;
	color: #ffffff;
	cursor: auto !important;
	float: left;
	font-weight: normal;
	font-size: 1.0em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	line-height: 16px;
	padding: 9px 40px 8px 40px;  /* top-right-bottom-left */
	white-space: nowrap;
}

.tabs .close {
	float: right;
	font-size: 1.0em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	font-weight: bold;
	padding-right: 15px;
	white-space: nowrap;
}


/* -----------------------------------------------------------------------------------------------------
	Secondary tabs
   ----------------------------------------------------------------------------------------------------- */
.secondary_tabs {
	background-color: #f5f5f5;
	border-top: 1px solid #56aace;
	height: 33px;
	overflow: hidden;
	padding-top: 11px;
}

.secondary_tabs img {
	padding-left: 8px;
}

.secondary_tabs .spacer {
	float: left;
	padding-left: 10px;
}

.secondary_tabs .active {
	background-color: #8fa65d;
	border-right: 1px solid;
	color: #ffffff;
	cursor: auto !important;
	float: left;
	font-size: 1.0em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	font-weight: bold;
	line-height: 16px;
	padding: 9px 40px 8px 40px;  /* top-right-bottom-left */
	white-space: nowrap;
}

.secondary_tabs .inactive {
	background-color: #cccccc;
	border-right: 1px solid;
	color: #ffffff;
	cursor: pointer !important;
	float: left;
	font-weight: normal;
	font-size: 1.0em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	line-height: 16px;
	padding: 9px 40px 8px 40px;  /* top-right-bottom-left */
	white-space: nowrap;
}

.secondary_tabs .inactive:hover {
	text-decoration: underline;
}

.secondary_tabs .disabled {
	background-color: #d7dde2;
	border-right: 1px solid;
	color: #ffffff !important;
	cursor: auto !important;
	float: left;
	font-weight: normal;
	font-size: 1.0em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	line-height: 16px;
	padding: 9px 40px 8px 40px;  /* top-right-bottom-left */
	white-space: nowrap;
}


/* -----------------------------------------------------------------------------------------------------
	Actions
   ----------------------------------------------------------------------------------------------------- */
.actions_menu {
   	background-color: #ffffff;
   	border: 1px solid #56aace;
   	font-size: 0.75em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
   	padding: 15px 15px 20px 15px;  /* top-right-bottom-left */
   	position: absolute;
   	z-index: 99999;
}

.actions_single_row {
	background-color: #f5f5f5;
	border-bottom: 1px solid #56aace;
	border-top: 1px solid #56aace;
	height: 40px;
	overflow: hidden;
	position: relative;
}

.actions_double_row {
	background-color: #f5f5f5;
	border-bottom: 1px solid #56aace;
	border-top: 1px solid #56aace;
	/*height: 60px;*/
	height: 40px;
	overflow: hidden;
	position: relative;
}

.actions_triple_row {
	background-color: #f5f5f5;
	border-bottom: 1px solid #56aace;
	border-top: 1px solid #56aace;
	/*height: 80px;*/
	height: 40px;
	overflow: hidden;
	position: relative;
}

.actions {
	line-height: 24px;
	overflow: hidden;
	width: 100%;
}

.actions .action_link {
	font-weight: normal;
}

.actions .action_title {
	color: #000000;
	float: left;
	font-weight: bold;
	padding: 6px 10px 50px 15px;  /* top-right-bottom-left */
}

.actions .action {
	color: #888888;  /* only used if text output i.e. link disabled */
	display: none;
	float: left;
	padding: 6px 50px 50px 15px;  /* top-right-bottom-left */
}

.actions .selection_title {
	color: #000000;
	float: left;
	font-weight: bold;
	padding: 6px 10px 50px 15px;  /* top-right-bottom-left */
}

.actions .selection {
	color: #888888;  /* only used if text output i.e. link disabled */
	display: none;
	float: left;
	padding: 6px 50px 50px 15px;  /* top-right-bottom-left */
}

.actions .output_title {
	color: #000000;
	float: left;
	font-weight: bold;
	padding: 6px 10px 50px 15px;  /* top-right-bottom-left */
}

.actions .output {
	color: #888888;  /* only used if text output i.e. link disabled */
	display: none;
	float: left;
	padding: 6px 50px 50px 15px;  /* top-right-bottom-left */
}

.actions .navigation {
	float: right;
	padding: 6px 15px 50px 50px;  /* top-right-bottom-left */
}


/* -----------------------------------------------------------------------------------------------------
	Detail page styles
   ----------------------------------------------------------------------------------------------------- */
div.detail {
	background-color: #ffffff;
	margin-right: 17px;
}

div.detail table {
	line-height: 24px;
	margin-left: 17px;
}

div.detail th {
	color: #000000;
	font-weight: bold;
	padding: 3px 30px 3px 3px;  /* top-right-bottom-left */
	text-align: right;
	white-space: nowrap;
}

div.detail tr {
}

div.detail tr.blank_row {
	height: 10px;
}

div.detail tr.double_blank_row {
	height: 20px;
}

div.detail td {
	padding: 3px 30px 3px 3px;  /* top-right-bottom-left */
	text-align: center;
	white-space: nowrap;
}

div.detail td.alpha {
	text-align: left;
}

div.detail td.numeric {
	text-align: left;
}

div.detail td.date {
	text-align: left;
}

div.detail td.center {
	text-align: center;
}

div.detail td.text {
	text-align: left;
	padding-bottom: 7px;
	padding-top: 7px;
}

div.detail span.informationIcon {
	position: relative;
	top: -2px;
}

div.detail span.icon {
	position: relative;
	width: 16px;
}

div.detail span.icon img {
	bottom: 0;
	margin: auto;
	position: absolute;
	top: -2px;
}


/* -----------------------------------------------------------------------------------------------------
	Fieldset page styles
   ----------------------------------------------------------------------------------------------------- */
div.detail table.fieldset {
	width: 100%;
}

div.detail table.fieldset td {
	padding: 0 17px 0 0;  /* top-right-bottom-left */
}

div.detail fieldset {
	border: 1px solid #888888;
	margin: 5px 0 5px 0;  /* top-right-bottom-left */
  	padding: 10px 17px 10px 0;  /* top-right-bottom-left */
}

div.detail fieldset legend {
	font-weight: bold;
	margin-left: 17px;
}


/* -----------------------------------------------------------------------------------------------------
	List page styles
   ----------------------------------------------------------------------------------------------------- */
div.list table {
	border-collapse: separate;
	line-height: 23px;
	margin: auto auto auto auto;  /* top-right-bottom-left */
	width: 100%;
}

div.detail div.fieldsetList table {
	line-height: 23px;
	margin: auto 17px auto 17px !important;  /* top-right-bottom-left */
	width: 99% !important;
}

div.list th, div.detail div.fieldsetList th {
	background-color: #56aace;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	font-weight: bold;
	padding: 7px;  /* top-right-bottom-left */
	text-align: center;
}

div.list th.twisty, div.detail div.fieldsetList th.twisty {
	max-width: 16px;
	min-width: 16px;
	text-align: center;
	width: 16px;
}

div.list tr.even, div.detail div.fieldsetList tr.even {
	background-color: #ffffff;
}

div.list tr.odd, div.detail div.fieldsetList tr.odd {
	background-color: #f5f5f5;
}

div.list tr.noRowHighlight, div.detail div.fieldsetList tr.noRowHighlight {
	/* dummy class used to prevent automatic row highlighting */
}

div.list tr.highlight, div.detail div.fieldsetList tr.highlight {
	background-color: #b7c2cb !important;
}

div.list tr.active, div.detail div.fieldsetList tr.active {
	background-color: #cbd1d6 !important;
}

div.list td, div.detail div.fieldsetList td {
	border-right: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	padding: 7px 5px 7px 5px;	/* top-right-bottom-left */
	text-align: center;
	white-space: nowrap;
}

div.list td.alpha, div.detail div.fieldsetList td.alpha {
	text-align: left;
}

div.list td.numeric, div.detail div.fieldsetList td.numeric {
	text-align: right;
}

div.list td.date, div.detail div.fieldsetList td.date {
	text-align: center;
}

div.list td.center, div.detail div.fieldsetList td.center {
	text-align: center;
}

div.list td.action, div.detail div.fieldsetList td.action {
	color: #888888;  /* only used if text output i.e. link disabled */
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	width: 1px;  /* force the actions column to be as small as possible */
}

div.list td.input, div.detail div.fieldsetList td.input {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	vertical-align: middle;
}

div.list .image, div.detail div.fieldsetList .image {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	vertical-align: middle;
}

div.list span.informationIcon, div.detail div.fieldsetList span.informationIcon {
	top: 0px;
}

div.list span.icon {
	position: relative;
	width: 16px;
}

div.list span.icon img {
	bottom: 0;
	margin: auto;
	top: -2px;
}

div.list .noRecords {
	padding: 5px 5px 5px 5px;  /* top-right-bottom-left */
}


/* -----------------------------------------------------------------------------------------------------
	List page styles - sublists for twisty rows
   ----------------------------------------------------------------------------------------------------- */
div.list tr.sublist {
}

div.list tr.sublist_collapsed {
	display: none;
}

div.list tr.sublist td.heading {
	padding: 5px 0px 0px 0px !important;  /* top-right-bottom-left */
    text-align: left !important;
}

div.list tr.sublist div.noUnderline {
	border: 0px !important;
}

div.list tr.sublist div.heading {
	border-bottom: 1px solid #000000;
	float: left;
    min-height: 1px;
    overflow: hidden;
    padding: 7px 5px 7px 0px;  /* top-right-bottom-left */
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.list tr.sublist td.content {
	padding: 0px !important;
    text-align: left !important;
}

div.list tr.sublist div.content {
	float: left;
	min-height: 1px;
	overflow: hidden;
	padding: 7px 5px 7px 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.list tr.sublist div.action {
	color: #888888;  /* only used if text output i.e. link disabled */
}

div.list tr.sublist div.input {
	padding-bottom: 2px !important;
	padding-top: 1px !important;
	vertical-align: middle;
}

div.list tr.sublist div.image {
	padding-bottom: 3px !important;
	padding-top: 5px !important;
	vertical-align: middle;
}


div.list tr.sublist th, div.list tr.sublist td {
	border: 0 !important;
}


/* -----------------------------------------------------------------------------------------------------
	Pagination styles
   ----------------------------------------------------------------------------------------------------- */
div.pagination {
	background-color: #f5f5f5;
	border-bottom: 1px solid #56aace;
	border-top: 1px solid #56aace;
	padding: 7px 15px 8px 15px;  /* top-right-bottom-left */
	white-space: nowrap;
}

div.paginationDisabled {
	background-color: #f5f5f5;
	border-bottom: 1px solid #56aace;
	border-top: 1px solid #56aace;
	color: #aaaaaa;
	padding: 7px 15px 8px 15px;  /* top-right-bottom-left */
	white-space: nowrap;
}

a.pagination {
	font-weight: bold;
}

a.paginationDisabled:active, a.paginationDisabled:hover, a.paginationDisabled:link, a.paginationDisabled:visited {
	color: #aaaaaa;
	cursor: default;
	font-weight: bold;
}

input.pagination {
	font-family: 'PT Sans', sans-serif;
	font-size: 1.0em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	padding: 0px;
	text-align: center;
}

input.paginationDisabled {
	color: #aaaaaa;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.0em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	padding: 0px;
	text-align: center;
}


/* -----------------------------------------------------------------------------------------------------
	Row selection styles
   ----------------------------------------------------------------------------------------------------- */
span.rowSelection {
	background-color: #f5f5f5;
	color: #000000;
	padding: 3px 15px 0 0;  /* top-right-bottom-left */
	position: absolute;
	right: 0px;
	text-indent: 50px;
}


/* -----------------------------------------------------------------------------------------------------
	Filters applied styles
   ----------------------------------------------------------------------------------------------------- */
span.filtersApplied {
	background-color: #f5f5f5;
	color: #000000;
	font-weight: bold !important;
	padding: 3px 15px 0 0;  /* top-right-bottom-left */
	position: absolute;
	right: 0px;
	text-indent: 50px;
}


/* -----------------------------------------------------------------------------------------------------
	Powered by logo
   ----------------------------------------------------------------------------------------------------- */
.poweredBy {
	bottom: 0px;
	left: -90px;
	margin-left: 50%;
	padding: 7px 0 14px 0;  /* top-right-bottom-left */
	position: absolute;
	text-align: center;
	width: 180px;
}

.poweredBy a {
	text-decoration: none !important;
}

.poweredBy .powered {
	color: #000000;
	font-size: 80%;
}

.poweredBy .one {
	color: #000000;
	font-size: 100%;
	font-weight: bold;
}

.poweredBy .time {
	color: #56aace;
	font-size: 100%;
	font-weight: bold;
}


/* -----------------------------------------------------------------------------------------------------
	Context menu
   ----------------------------------------------------------------------------------------------------- */
.context_menu {
	background-color: #ffffff;
	border: 1px solid #56aace;
	display: none;
	font-size: 0.75em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	padding: 7px 0 15px 0;  /* top-right-bottom-left */
	position: fixed;
	z-index: 99999;
}

.context_menu a.spacer {
	border-bottom: 1px solid #56aace;
	margin-bottom: 7px;
	padding: 7px 0 0 0;  /* top-right-bottom-left */
}

.context_menu a.category {
	font-weight: bold;
	padding: 5px 20px 5px 20px;  /* top-right-bottom-left */
	text-align: left;
	text-decoration: none;
}

.context_menu a.option {
	font-weight: normal;
	padding: 5px 20px 5px 20px;  /* top-right-bottom-left */
	text-align: left;
	text-decoration: none;
}

.context_menu a, .context_menu a:link, .context_menu a:visited {
	background-color: #ffffff;
	color: #000000;
	display: block;
	font-size: 1.0em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	white-space: nowrap;
}

.context_menu a.option:hover {
	text-decoration: underline;
}

.context_menu a.disabled {
	color: #b7c2cb !important;
	cursor: default;
}


/* -----------------------------------------------------------------------------------------------------
	Fade panel styles
   ----------------------------------------------------------------------------------------------------- */
div.fadePanel {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);  /* Opacity - IE8 */
	background: #ffffff;
	display: none;
	filter: alpha(opacity=40);  /* Opacity - Internet Explorer */
	height: 100%;
	left: 0px;
	opacity: 0.40;  /* Opacity - Firefox, Safari, Opera, Chrome */
	position: fixed;
	top: 0px;
	width: 100%;
}


/* -----------------------------------------------------------------------------------------------------
	Popup page styles
   ----------------------------------------------------------------------------------------------------- */
div.popup {
	background-color: #ffffff;
	box-shadow: 15px 15px 40px rgba( 0, 0, 0, .9 );	 /* Box shadow - all except IE8 */
	display: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', direction=135, strength=15);  /* Box shadow - IE8 */
	font-size: 0.75em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	position: absolute;
}

div.popup_padding {
	padding: 17px;  /* Used to pad all sides of a detail DIV in a popup if no table inside */
}

div.popup .grab {
	cursor: move;
	padding-top: 13px;
}


/* -----------------------------------------------------------------------------------------------------
	Dialog styles
   ----------------------------------------------------------------------------------------------------- */
div.dialog_title {
	background-color: #56aace;
	color: #ffffff;
	font-size: 1.0em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	font-weight: bold;
	padding: 15px 0 15px 0;  /* top-right-bottom-left */
	text-indent: 20px;
	white-space: nowrap;
	width: 100%;
}

div.dialog_content {
	background-color: #ffffff;
	padding: 20px;
}

div.dialog_content table {
	width: 98%;
}

div.dialog_content td {
	padding: 3px;
	text-align: center;
	white-space: nowrap;
}

div.dialog_actions {
	background-color: #f5f5f5;
	border-bottom: 1px solid #56aace;
	border-top: 1px solid #56aace;
	color: #888888;  /* only used if text output i.e. link disabled */
	padding: 15px 0 15px 0;  /* top-right-bottom-left */
	text-indent: 20px;
	width: 100%;
}


/* -----------------------------------------------------------------------------------------------------
	Tooltip styles

	** Only Firefox supports the shorthand text-decoration: underline dotted; hence it is broken out
	here into the full syntax **
   ----------------------------------------------------------------------------------------------------- */
.tooltip {
	cursor: pointer;
}

.information {
	cursor: pointer;
}

.tooltip table, .information table {
	line-height: 23px;
	margin-left: 17px;
}

.tooltip th, .information th {
	font-weight: bold;
	padding: 3px 30px 3px 3px;  /* top-right-bottom-left */
	text-align: right;
	white-space: nowrap;
}

.tooltip tr, .information tr {
}

.tooltip tr.blank_row, .information tr.blank_row {
	height: 10px;
}

.tooltip tr.double_blank_row, .information tr.double_blank_row {
	height: 20px;
}

.tooltip td, .information td {
	padding: 3px 50px 3px 3px;  /* top-right-bottom-left */
	text-align: center;
	white-space: nowrap;
}

.tooltip td.alpha, .information td.alpha {
	text-align: left;
}

.tooltip td.numeric, .information td.numeric {
	text-align: right;
}

.tooltip td.date, .information td.date {
	text-align: center;
}

.tooltip td.center, .information td.center {
	text-align: center;
}

.tooltip td.text, .information td.text {
	text-align: left;
	padding-bottom: 7px;
	padding-top: 7px;
}

.tooltip span.icon, .information span.icon {
	position: relative;
	width: 16px;
}

.tooltip span.icon img, .information span.icon img {
	bottom: 0;
	margin: auto;
	position: absolute;
	top: -2px;
}

.tooltip fieldset, .information fieldset {
	border: 1px solid #888888;
	margin: 10px 10px 10px 10px;  /* top-right-bottom-left */
  	padding: 10px 17px 10px 0;  /* top-right-bottom-left */
}

.tooltip fieldset legend, .information fieldset legend {
	font-weight: bold;
	margin-left: 17px;
}


/* -----------------------------------------------------------------------------------------------------
	Prompt styles
   ----------------------------------------------------------------------------------------------------- */
.prompt {
	cursor: pointer;
	position: absolute;
}

.prompt .error {
	background: #ee0101;
}

.prompt .tooltip {
	background: #56aace;
}

.prompt .promptContent {
	box-shadow: 0 3px 5px rgba( 0, 0, 0, .9 );	 /* Box shadow - all except IE8 */
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', direction=135, strength=5);  /* Box shadow - IE8 */
	font-family: 'PT Sans', sans-serif;
	font-size: 0.75em;  /* 10px/16=0.625em, 12px/16=0.75em, 14px/16=0.875em, 16px/16=1.0em, 18px/16=1.125em, 20px/16=1.25em */
	line-height: 1.5;
	padding: 5px 12px 5px 12px;  /* top-right-bottom-left */
	text-align: center;
	text-decoration: none;
}

.prompt .promptContent table {
	line-height: 1.3 !important;
}

.prompt .promptArrow {
	position: relative;
	width: 15px;
}

.prompt .promptArrowLeft {
	margin: -2px 0 0 4px;  /* top-right-bottom-left */
}

.prompt .promptArrowCenter {
	margin: -2px auto 0 auto;  /* top-right-bottom-left */
}

.prompt .promptArrowRight {
	margin: -2px 4px 0 auto;  /* top-right-bottom-left */
}

.prompt .promptArrowTop {
}

.prompt .promptArrowBottom {
	top: 2px;
}

.prompt .promptArrow div {
	display: block;
	font-size: 0px;
	height: 1px;
	line-height: 0;
	margin: 0 auto;
}

.prompt .promptArrow .line8 {
	width: 15px;
}

.prompt .promptArrow .line7 {
	width: 13px;
}

.prompt .promptArrow .line6 {
	width: 11px;
}

.prompt .promptArrow .line5 {
	width: 9px;
}

.prompt .promptArrow .line4 {
	width: 7px;
}

.prompt .promptArrow .line3 {
	width: 5px;
}

.prompt .promptArrow .line2 {
	width: 3px;
}

.prompt .promptArrow .line1 {
	width: 1px;
}


/* -----------------------------------------------------------------------------------------------------
	AJAX spinner
   ----------------------------------------------------------------------------------------------------- */
.spinner {
	background-color: #ffffff;
	border: 1px solid #56aace;
	display: none;
	padding: 20px 45px 20px 45px;  /* top-right-bottom-left */
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 999999;
}


/* -----------------------------------------------------------------------------------------------------
	Banners
   ----------------------------------------------------------------------------------------------------- */
.banner h1 {
	color: #ffffff;
	font-size: 18px;
	height: 20px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

.banner .CC h1 {
	background-color: #ff0000;
}

.banner .DV h1 {
	background-color: #8fa65d;
}

.banner .PQ h1 {
	background-color: #f4b803;
}

.banner .PL h1 {
	background-color: #f92f39;
}

.banner .DVIM h1 {
    animation: pulseDVIM 2s infinite;
}

.banner .PQIM h1 {
    animation: pulsePQIM 2s infinite;
}

.banner .PLIM h1 {
    animation: pulsePLIM 2s infinite;
}


@keyframes pulseDVIM {
	0% {
		background-color: #8fa65d;
		color: #FFFFFF;
	}
	50% {
		background-color: #FFFFFF;
		color: #8fa65d;
	}
	100% {
		background-color: #8fa65d;
		color: #FFFFFF;
	}
}

@keyframes pulsePQIM {
    0% {
        background-color: #f4b803;
        color: #FFFFFF;
    }
    50% {
        background-color: #FFFFFF;
        color: #f4b803;
    }
    100% {
        background-color: #f4b803;
        color: #FFFFFF;
    }
}

@keyframes pulsePLIM {
    0% {
        background-color: #f92f39;
        color: #FFFFFF;
    }
    50% {
        background-color: #FFFFFF;
        color: #f92f39;
    }
    100% {
        background-color: #f92f39;
        color: #FFFFFF;
    }
}


/* ----------------------------------------------------------------------------------------------------- */