/* Colours used on site (Default Colour Scheme)

#242456 - Main Dark Blue used for background, lines and other dark colouring
#97A9D1 - The first shade of light blue, originally used in the Orion Logo (Used as a mid blue in (e.g.) version number in header)
#0C5493 - The second (shadow) shade of blue, originally used in the Orion Logo (used as a brighter mid blue)
#45436d - Used for quick links (and matches main menu on Orion website)
#676A8D - Used for main section tabs
#F0DF69 - Yellow used for warning and notifications
#D0DAF8 - Blue used for information notifications
#B2E4B8 - Green used for the success notification
#EAE9EF - Light grey used for alternating Items on repeaters
#EBD2D8 - Light red used for background of important notes/items
#EE0D0C - Dark red used to surround important notes/items
#DDDDDD - Used as a separator near top of all pages
#D3D3DD - grey used as background for mini panels
#888888 - mid-grey used for unEmphasis text
#F9CECE - Pastel Red (May want to use for highlighting required fields in future)
#ABECB3 - Pastel Green used to indicate fields which will cause a post back - also used for fullyCompliant
#FEB472 - Amber/Orange used for soon expire
#F97979 - Deep Red used for non-Compliant
#F0DF69 - Yellow used for non-compliant item (matches the yellow wanring colour of the on page warnings)

/* General Items */

body
{
	font-size: 62.5%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #242456;
	color: #FFFFFF;
}

a
{
	text-decoration: none;
	color: #242456;
}

a:hover
{
	text-decoration: underline;
}

a.alt
{
	text-decoration: underline;
}

a.alt:hover
{
	text-decoration: none;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

strong em
{
	font-style: italic;
	font-weight: bold;
}

em strong
{
	font-style: italic;
	font-weight: bold;
}

.clear
{
	clear: both;
}

.hclear
{
	clear: both;
	height: 1px;
	font-size: 1px;
}

.tclear
{
	clear: both;
	height: 0px;
	font-size: 0px;
}

.emphasis
{
	
}

.unEmphasis
{
	color: #888888;
	font-style: italic;
}

div.errorPanel
{
	clear: both;
	padding: 8px;
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: 8px 7px;
	background-color: #F0DF69;
	background-image: url('/Lib/Img/v3/NotificationIcons/Warning.png');
	margin-bottom: 14px;
}

div.errorPanel ul
{
	font-weight: normal;
	padding-top: 6px;
	margin-left: 26px;	
}

div.errorPanel ul li
{
	list-style-type: square;
}

input
{
	font-size: 1.0em;
}

textarea
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
}

input.tb, input.tbActive, textarea.tb, textarea.tbActive
{
	padding: 4px;
	border: 1px solid #97A9D1;
	font-size: 1.1em;
}

input.tbActive, textarea.tbActive
{
	border: 1px solid #0C5493;
	background: #EFEFEF;
}

select
{
	font-size: 1.1em;
	padding: 3px;
	border: 1px solid #97A9D1;
}

select:focus
{
	border: 1px solid #0C5493;
}

select.title, select.gender /* Standard for all title and gender drop downs - make them wrap to fit text as will be narrow */
{
	width: auto !important;
}

dl dt
{
	width: 150px;
	clear: both;
	float: left;
	text-align: right;
	padding: 2px;
	padding-right: 8px;
}

dl dt span
{
	padding-left: 6px;
}

dl dd
{
	float: left;
	width: 200px;
	padding: 2px;
}

span.divider
{
	color: #97A9D1;
}

div.buttonWrap, div.buttonWrapActive
{
	background-image: url('/Lib/Img/v3/ButtonLeft.png');
	background-repeat: no-repeat;
	height: 26px;
	float: left;
}

div.buttonWrapActive
{
	background-image: url('/Lib/Img/v3/ButtonLeftActive.png');
}

div.buttonWrap input, div.buttonWrapActive input
{
	float: left;
}

div.buttonWrap div.right, div.buttonWrapActive div.right
{
	float: left;
	height: 26px;
	width: 13px;
	background-image: url('/Lib/Img/v3/ButtonRight.png');
	background-repeat: no-repeat;
}

div.buttonWrapActive div.right
{
	background-image: url('/Lib/Img/v3/ButtonRightActive.png');
}

.button
{
	background: transparent;
	background-repeat: no-repeat;
	border: none;
	height: 26px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	color: #242456;
	font-weight: bold;
}

.save
{
	background-image: url('/Lib/Img/v3/Save.png');
	background-position: 12px 5px;
	padding-left: 28px;
}

.forwardArrow
{
	background-image: url('/Lib/Img/v3/SmallArrowRight.png');
	background-position: right 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.edit
{
	background-image: url('/Lib/Img/v3/Edit.png');
	background-position: 12px 6px;
	padding-left: 28px;
}

.add
{
	background-image: url('/Lib/Img/v3/Add.png');
	background-position: 12px 5px;
	padding-left: 28px;
}

.cancel
{
	background-image: url('/Lib/Img/v3/Cancel.png');
	background-position: 12px 4px;
	padding-left: 28px;
}

.resetFields
{
	background-image: url('/Lib/Img/v3/Rubber.png');
	background-position: 10px 5px;
	padding-left: 28px;
}

.search
{
	background-image: url('/Lib/Img/v3/Search.png');
	background-position: 12px 5px;
	padding-left: 28px;
}

.delete
{
	background-image: url('/Lib/Img/v3/Cross.png');
	background-position: 12px 5px;
	padding-left: 28px;
}

.gear
{
	background-image: url('/Lib/Img/v3/Gear.png');
	background-position: 12px 6px;
	padding-left: 28px;
}

.login
{
	background-image: url('/Lib/Img/v3/Key.png');
	background-position: 12px 5px;
	padding-left: 24px;
}

.editAll
{
	background-image: url('/Lib/Img/v3/EditAll.png');
	background-position: 11px 5px;
	padding-left: 28px;
}

.saveAll
{
	background-image: url('/Lib/Img/v3/SaveAll.png');
	background-position: 11px 5px;
	padding-left: 28px;
}

.copy
{
	background-image: url('/Lib/Img/v3/Copy.png');
	background-position: 12px 5px;
	padding-left: 28px;
}

.sendDocument
{
	background-image: url('/Lib/Img/v3/SendDocument.png');
	background-position: 12px 5px;
	padding-left: 28px;
}

.confirm
{
	background-image: url('/Lib/Img/v3/NotificationIcons/Success.png');
	background-position: 12px 6px;
	padding-left: 28px;
}

.addShift
{
	background-image: url('/Lib/Img/v3/AddShift.png');
	background-position: 12px 6px;
	padding-left: 28px;
}

input.submitJobseeker /* fully qualified to not confuse with table rows */
{
	background-image: url('/Lib/Img/v3/SubmitJobseeker.png');
	background-position: 11px 6px;
	padding-left: 28px;
}

input.confirmBooking /* fully qualified to not confuse with table rows */
{
	background-image: url('/Lib/Img/v3/ConfirmBooking.png');
	background-position: 11px 5px;
	padding-left: 28px;
}

span.linkButton
{
	display: block;
	float: left;
}

span.linkButton a
{
	display: block;
	float: left;
	background-image: url('/Lib/Img/v3/ButtonLeft.png');
	background-repeat: no-repeat;
	height: 26px;
	white-space: nowrap;
}

span.linkButton a:hover
{
	background-image: url('/Lib/Img/v3/ButtonLeftActive.png');
	text-decoration: none;
}

span.linkButton a span
{
	display: block;
	float: left;
	height: 20px;
	padding-top: 6px;
	background-repeat: no-repeat;
	font-weight: bold;
}

span.linkButton a span.right
{
	width: 13px;
	background-image: url('/Lib/Img/v3/ButtonRight.png');
}

span.linkButton a:hover span.right
{
	background-image: url('/Lib/Img/v3/ButtonRightActive.png');
}

span.linkButton a span.edit
{
	background-image: url('/Lib/Img/v3/Edit.png');
	padding-left: 30px;
	background-position: 12px 6px;
}

span.linkButton a span.add
{
	background-image: url('/Lib/Img/v3/Add.png');
	padding-left: 30px;
	background-position: 12px 6px;
}

span.linkButton a span.prev
{
	background-image: url('/Lib/Img/v3/SmallArrowLeft.png');
	padding-left: 28px;
	background-position: 12px center;
}

span.linkButton a span.next
{
	background-image: url('/Lib/Img/v3/SmallArrowRight.png');
	padding-left: 13px;
	padding-right: 15px;
	background-position: 74px center;
}

span.linkButton a span.sendFax
{
	background-image: url('/Lib/Img/v3/Print.png');
	padding-left: 31px;
	padding-right: 4px;
	background-position: 12px 5px;
	padding-top: 7px;
}

span.mainTypeMarker
{
	font-weight: bold;
	font-style: italic;
	color: #EE0D0C;
}

table.form
{
	width: 100%;
}

table.form td
{
	padding: 3px;
}

table.form td.left
{
	font-weight: bold;
	text-align: right;
	padding-right: 4px;
	width: 96px;
	font-size: 1.1em;
}

table.form td.tall
{
	vertical-align: top;
	padding-top: 8px;
}

table.form td select
{
	width: 210px;
	font-size: 1.1em;
}

table.form td input.tb, table.form td input.tbActive
{
	width: 200px;
	font-size: 1.1em;
}

table.form td.left select
{
	font-size: 1.0em;
}

table.form td.left input.tb, table.form td.left input.tbActive
{
	font-size: 1.0em;
}

table.form td input.medium
{
	width: 100px;
}

table.form td input.narrow
{
	width: 50px;
}

table.form td textarea
{
	width: 100%;
	height: 80px;
}

table.form td label
{
	padding-left: 3px;
	padding-right: 8px;
	font-size: 1.1em;
}

table.form td.left label
{
	padding-right: 0px;
	font-size: 1.0em;
}

table.form td span.inCell
{
	padding-left: 4px;
	padding-right: 4px;
	font-size: 1.1em;
}

table.form td div.pseudoCell
{
	padding-top: 0px;
	padding-bottom: 4px;
}

table.form td.left span.radioButtonList
{
	display: block;
	float: right;
	width: 100px;
}

table.form td.left span.radioButtonList input
{
	clear: both;
	float: left;
	margin-bottom: 4px;
}

table.form td.left span.radioButtonList label
{
	margin-bottom: 4px;
	float: left;
}

table.form td.textOnly
{
	font-size: 1.1em;
}

span.boundCount
{
	background-color: #F0DF69;
	padding: 1px;
	padding-left: 6px;
	padding-right: 6px;
}

div.miniPanel
{
	background-color: #D3D3DD;
}

div.miniPanel h5
{
	background-color: #242456;
	padding: 8px;
	color: #FFFFFF;
	font-size: 1.1em;
}

div.miniPanel div.content
{
	padding: 8px;
	font-size: 1.1em;
}

div.miniPanel div.content input.assetManagerButton, div.miniPanel div.content input.btn, div.miniPanel div.content input.tb, div.miniPanel div.content input.tbActive
{
	margin-top: 8px;
}

div.miniPanel div.content input.cancelFile
{
	float: right;
}

div.miniPanel div.content input.tb, div.miniPanel div.content input.tbActive
{
	width: 154px;
}

div.miniPanel div.content img
{
	max-width: 164px;
}

div.miniPanel div.fileUpload input
{
	margin-top: 6px;
	font-size: 1.2em;
}

input.assetManagerButton, div.miniPanel input.btn, div.multiFileManager input.btn
{
	border: 1px solid #242456;
	padding: 3px; 
}

a.disabled
{
	color: #666666 !important;
	text-decoration: none !important;
}

a.pdf
{
	background-image: url('/Lib/Img/v3/PDFSmall.gif');
	background-repeat: no-repeat;
	display: block;
	float: left;
	padding-left: 19px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	color: #242456;
}

a.pdf:hover
{
	color: #0C5493;
}

a.sendFax
{
	display: block;
	background-image: url('/Lib/Img/v3/Print.png');
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}

a.newTab
{
	display: block;
	background-image: url('/Lib/Img/v3/NewTab.png');
	background-repeat: no-repeat;
	height: 13px;
	width: 16px;
}

div#UpperTabsWrap div.tabsWrap div.tabs a.warning
{
	background-image: url('/Lib/Img/v3/NotificationIcons/Warning.png');
	background-repeat: no-repeat;
	padding-left: 24px;
	background-position: 5px center;
}

div.fileUploadProblem div.notifications
{
	font-size: 1.0em;
	float: none;
}

div.miniPanel div.fileUploadProblem div.notifications
{
	margin-top: 6px;
}

div.multiFileManager div.fileUploadProblem div.notifications
{
	margin-top: 0px;
	padding-bottom: 6px;
}

/* ===== Start of Multi File Manager Controls ===== */

div.multiFileManager div.fileUpload
{
	float: left;
}

div.multiFileManager div.fileUpload input
{
	margin-right: 4px;
	font-size: 1.2em;
}

div.miniPanel div.multiFileManager div.fileUpload
{
	float: none;
}

div.miniPanel div.multiFileManager div.fileUpload input
{	
	margin-right: 0px;
	margin-top: 0px;
}

div.multiFileManager a
{
	margin-right: 0px;
	font-weight: bold;
}

div.multiFileManager span.deleteWrap a:hover
{
	color: #0C5493;
}

div.miniPanel div.multiFileManager span.separator
{
	display: none;
}

div.miniPanel div.multiFileManager a
{
	display: block;
	float: left;
}

div.multiFileManager div.item
{
	float: left;
}

div.miniPanel div.multiFileManager div.item
{
	float: none;
	padding-bottom: 8px;
	width: 164px;
	overflow: hidden;
}

div.multiFileManager span.deleteWrap a /*Had to use this method to access the delete link button because link buttons are still overwritten with CssClass = formSubmitButton from the Skins file. Ideally the link button should have its own class: deleteFile, but not possible until V2 of UI removed along with the Skins file */
{
	font-weight: normal;
}

div.miniPanel div.multiFileManager span.deleteWrap a
{
	display: block;
	clear: both;
	float: left;
}

/* ===== End of Multi File Manager Controls ===== */

/* ===== Start of Notification Panels ===== */

div.notifications
{
	clear: both;
	font-size: 1.1em;
}

div.mainNotifications div.notifications
{
	padding-bottom: 6px;
}

div.notifications div.warning, div.notifications div.success, div.notifications div.information
{
	padding: 8px;
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: 8px 7px;
	margin-bottom: 4px;
}

div.notifications div.warning
{
	background-color: #F0DF69;
	background-image: url('/Lib/Img/v3/NotificationIcons/Warning.png');
}

div.notifications div.information
{
	background-color: #D0DAF8;
	background-image: url('/Lib/Img/v3/NotificationIcons/Information.png');
}

div.notifications div.success
{
	background-color: #ABECB3;
	background-image: url('/Lib/Img/v3/NotificationIcons/Success.png');
	background-position: 11px 9px;
}

div.notifications span.notificationEmphasis
{
	font-weight: bold;
	padding-right: 4px;
}

/* ===== End of Notification Panel ===== */

/* ===== Start of Item Chooser panels ===== */

div.itemChooser
{
}

div.itemChooser div.intro span
{
	float: left;
	font-size: 1.1em;
	font-style: italic;
	padding-top: 3px;
}

div.itemChooser div.buttons
{
	clear: both;
}

div.itemChooser div.buttons div.buttonWrap, div.itemChooser div.buttons div.buttonWrapActive
{
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 6px;
	float: left;
}

/* ===== End of Item Chooser panels ===== */

/* ===== Start of Tabs Classes ===== */

div.tabsWrap
{
	clear: both;
}

div.tabsWrap div.tabs
{
	
}

div.tabsWrap div.tabs a
{
	display: block;
	float: left;
	background-color: #242456;
	color: #FFFFFF;
	margin-right: 1px;
	padding: 12px;
	position: relative;
	top: 2px;
	font-size: 1.1em;
}

div.tabsWrap div.tabs a:hover
{
	background-color: #676A8D;
	text-decoration: none;
}

div.tabsWrap div.tabs a.active
{
	top: 1px;
	padding-top: 13px;
	border-bottom: 0px;
	background-color: #FFFFFF;
	color: #242456;
	border: 1px solid #242456;
	border-bottom: 0px;
	font-weight: bold;
}

div.tabsWrap div.tabs a.active:hover
{
	text-decoration: none;
}

div.tabsWrap div.controls
{
	clear: both;
	border: 1px solid #242456;
	padding: 8px;
}

div.tabsWrap div.controls div.subNav
{
	
}

div.tabsWrap div.controls div.tabControlsInnerWrap
{
	padding: 8px;
}

div.tabsWrap div.controls div.tabControlsInnerWrap div.errorPanel
{
	margin-bottom: 8px;
}

div.tabsWrap div.controls div.tabControlsInnerWrap div.noMargin
{
	margin-bottom: 0px;
}

div.tabsWrap div.controls h3
{
	font-size: 1.3em;
	color: #0C5493;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 8px;
}

/* ===== End of Tabs Classes ===== */

/* ===== Start of General Panels ===== */

div.generalPanel
{
	border: 1px solid #242456;
	padding: 8px;
}

div.generalPanel div.panelHeader
{
	padding: 6px;
	padding-top: 0px;
	padding-right: 0px;
	border-bottom: 1px dotted #242456;
}

div.generalPanel div.panelHeader h4
{
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.generalPanel div.panelHeader h4.float
{
	float: left;
}

div.generalPanel div.panelHeader div.clear
{
	height: 0px;
}

div.generalPanel div.panelMain
{
	padding: 8px;
	padding-top: 16px;
}

div.searchFields
{
	margin-bottom: 16px;
}

div.searchFields div.panelMain
{
	margin-right: 100px;
}

/* ===== End of General Panels ===== */

/* ===== Start of Paging/Repeater Styles ===== */

div#HeaderPagingWrap
{
	clear: both;
	font-size: 1.1em;
	font-weight: bold;
}

div#HeaderPagingWrap select
{
	font-size: 1.0em;
	font-weight: normal;
	width: auto !important;
}

div#HeaderPagingWrap div#Paging
{
	float: left;
	padding-top: 12px;
	padding-bottom: 12px;
}

div#HeaderPagingWrap div#Paging div.pageSelectionWrap
{
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 1px;
}

div#HeaderPagingWrap div#ResultsPerPage
{
	float: right;
	padding-top: 12px;
}

div#ResultFilters /* Maybe outside the main header template */
{
	float: right;
}

div#ResultFilters span
{
	font-weight: bold;
	font-size: 1.1em;
}

table.data
{
	clear: both;
	width: 100%;
}

table.data tr th
{
	background-color: #242456;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.1em;
	padding: 8px;
	white-space: nowrap;
}

table.data tr th.narrow
{
	width: 70px;
}

table.data tr th.medium
{
	width: 90px;
}

table.data tr th.wide
{
	width: 100px;
}

table.data tr th.superWide /* Mainly used for email addresses */
{
	width: 180px;
}

table.data tr th.main
{
	width: auto; /* the 'main' col should stretch to full all remaining space */
}

table.data tr td
{
	padding: 8px;
	vertical-align: top;
	font-size: 1.1em;
}

table.data td a
{
	text-decoration: underline;
}

table.data td a:hover
{
	color: #0C5493;
}

table.data td span.linkButton a
{
	text-decoration: none;
	color: #242456;
}

table.data tr
{
	background-color: #EAE9EF;
}

table.data tr.alt
{
	background-color: #FFFFFF;
}

table.data tr.important
{
	background-color: #EBD2D8;
	border: 2px solid #EE0D0C;
}

table.data tr.editing, span.notes span.editing
{
	background-color: #D0DAF8 !important;
}

table.data tr span.linkButton a
{
	background-image: url('/Lib/Img/v3/ButtonLeftOnGrey.png');
}

table.data tr span.linkButton a:hover
{
	background-image: url('/Lib/Img/v3/ButtonLeftActiveOnGrey.png');
}

table.data tr span.linkButton a span.right
{
	background-image: url('/Lib/Img/v3/ButtonRightOnGrey.png');
}

table.data tr span.linkButton a:hover span.right
{
	background-image: url('/Lib/Img/v3/ButtonRightActiveOnGrey.png');
}

table.data tr.alt span.linkButton a
{
	background-image: url('/Lib/Img/v3/ButtonLeft.png');
}

table.data tr.alt span.linkButton a:hover
{
	background-image: url('/Lib/Img/v3/ButtonLeftActive.png');
}

table.data tr.alt span.linkButton a span.right
{
	background-image: url('/Lib/Img/v3/ButtonRight.png');
}

table.data tr.alt span.linkButton a:hover span.right
{
	background-image: url('/Lib/Img/v3/ButtonRightActive.png');
}

table.data tr.important span.linkButton a
{
	background-image: url('/Lib/Img/v3/ButtonLeftOnRed.png');
}

table.data tr.important span.linkButton a:hover
{
	background-image: url('/Lib/Img/v3/ButtonLeftActiveOnRed.png');
}

table.data tr.important span.linkButton a span.right
{
	background-image: url('/Lib/Img/v3/ButtonRightOnRed.png');
}

table.data tr.important span.linkButton a:hover span.right
{
	background-image: url('/Lib/Img/v3/ButtonRightActiveOnRed.png');
}

table.data th.center, table.data td.center
{
	text-align: center;
}

table.data tr td a.mainLink
{
	display: block;
	float: left;
}

table.data tr td a.newTab
{
	float: left;
	margin-left: 4px;
	margin-top: 1px;
}

table.data tr td.center, table.data tr th.center
{
    text-align: center;
}

table.data tr td.cb
{
    padding-top: 13px;
}

/* ===== End of Paging/Repeater Styles ===== */

/* ===== Start of Main.Master items ===== */

div#MainWrap
{
	padding: 16px;
	padding-top: 24px;
	min-width: 956px;
}

div#Header
{
}

div#Header div#HeaderLeft
{
	float: left;
}

div#Header div#HeaderRight
{
	float: Right;
	text-align: right;
	font-size: 1.2em;
	width: 400px;
}

div#Header div#HeaderLeft div#SystemIdWrap
{
	
}

div#Header div#HeaderLeft div#SystemIdWrap h1
{
	font-size: 2.6em;
}

div#Header div#HeaderLeft div#SystemIdWrap h2
{
	font-size: 1.5em;
	font-style: italic;
}

div#Header div#HeaderRight div#VersionWrap, div#LowerVersionWrap
{
	color: #97A9D1;
	padding-bottom: 6px;
	padding-right: 18px;
}

div#LowerVersionWrap
{
	font-size: 1.1em;
	padding-right: 0px;
}

div#Header div#HeaderRight div#Logout
{
	font-weight: bold;
	padding-bottom: 10px;
	padding-right: 18px;
}

div#Header div#HeaderRight div#Logout a
{
	text-decoration: underline;
	color: #FFFFFF;
}

div#Header div#HeaderRight div#Logout a:hover
{
	text-decoration: underline;
	color: #97A9D1;
}

div#Header div#HeaderRight div#QuickLinks
{
	
}

div#Header div#HeaderRight div#QuickLinks div.left
{
	float: right;
	background-image: url('/Lib/Img/v3/MediumLeft.png');
	background-repeat: no-repeat;
	height: 34px;
	width: 18px;
}

div#Header div#HeaderRight div#QuickLinks div.links
{
	float: right;
	background-color: #45436d;
	height: 25px;
	padding-top: 9px;
}

div#Header div#HeaderRight div#QuickLinks div.right
{
	float: right;
	background-image: url('/Lib/Img/v3/MediumRight.png');
	background-repeat: no-repeat;
	height: 34px;
	width: 18px;
}

div#Header div#HeaderRight div#QuickLinks div.links div
{
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	border-left: 1px solid #97A9D1;
}

div#Header div#HeaderRight div#QuickLinks div.links div.first
{
	border-left: 0px;
}

div#Header div#HeaderRight div#QuickLinks div.links div a
{
	color: #FFFFFF;
}

div#SectionsNav
{
	padding-top: 24px;
}

div#SectionsNav div
{
	float: left;
	background-image: url('/Lib/Img/v3/LargeMidLeft.png');
	background-repeat: no-repeat;
	margin-right: 2px;
}

div#SectionsNav div a
{
	display: block;
	background-image: url('/Lib/Img/v3/LargeMidRight.png');
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 1.2em;
	color: #FFFFFF;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
	height: 25px;
	font-weight: bold;
}

div#SectionsNav div.active 
{
	background-image: url('/Lib/Img/v3/LargeWhiteLeft.png');
}

div#SectionsNav div.active a
{
	background-image: url('/Lib/Img/v3/LargeWhiteRight.png');
	color: #242456;
	font-weight: bold;
}

div#SectionsNav div.active a:hover
{
	text-decoration: none;
}

div#ContentOuterWrap
{
	padding: 8px;
	clear: both;
	background-color: #FFFFFF;
	color: #242456;
}

div.subNav
{
	font-size: 1.1em;
	border-bottom: 1px dotted #242456;
	padding-top: 4px;
	padding-left: 2px;
	height: 23px;
}

div.subNav div
{
	float: left;
	padding-left: 6px;
	padding-right: 7px;
	border-left: 1px solid #242456;
}

div.subNav div.first
{
	border-left: 0px;
}

div.subNav div a
{
	color: #242456;	
}

div.subNav div.active a
{
	font-weight: bold;
}

div.subNav span.rfnote
{
	float: right;
	padding-right: 7px;
}

div.subNav span.title
{
	display: block;
	float: left;
	padding-left: 4px;
}

div.subNav span.notes, div.panelHeader span.notes
{
	display: block;
	float: right;
}

div.subNav span.notes
{
	position: relative;
	top: -2px;
	font-weight: normal;
}

div.subNav span.notes span, div.panelHeader span.notes span
{
	display: block;
	float: right;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 4px;
	position: relative;
	top: -1px;
	font-size: 10px;
}

div.panelHeader span.notes strong
{
	font-size: 1.1em;
}

div#PageControl
{
	padding: 8px;
}

div#PageControl h1
{
	font-size: 2.6em;
	float: left;
}

div#PageControl div#Control
{
	font-size: 1.1em;
	width: auto;
}

div#PageControl div#Control div.buttonWrap, div#PageControl div#Control div.buttonWrapActive
{
	/* Override the float for buttons in the Control section because we want them over towards the right hand side */
	float: right;
	margin-left: 8px;
}

div#PageControl div#Control span.linkButton
{
	/* Override the float for buttons in the Control section because we want them over towards the right hand side */
	float: right;
	margin-left: 8px;
}

div#ContentWrap
{
	clear: both;
	background-color: #FFFFFF;
	padding: 8px;
	padding-top: 4px;
}

div#ContentWrap div.separator
{
	padding-top: 10px;
	border-top: 1px solid #DDDDDD;
}

div#ContentOuterWrap div.noAccess
{
	padding-top: 12px;
}

/* ===== End of Main.Master items ===== */

/* ===== Start of Tools Pages ===== */

div#PrintDoc
{
	padding: 16px;
	font-size: 1.1em;
}

div#PrintDoc a
{
	color: #97A9D1;
}

div#PrintDoc p
{
	padding-bottom: 8px;
}

/* ===== End of Tools Pages ===== */

/* ===== Cross Browser - Removable Extras ===== */
/* This section was originally only in place for IE7 and older but found old versions of FF hve same issues. So until system restricted to FF v3.5 and later, keep this - can then remove as also present in the IE7 browser specific sheet */

/* Removable Sub Section: for postback notes and compliance key */

div.subNav span.notes, div.panelHeader span.notes
{
	width: 292px;
}

div.subNav span.notes strong, div.panelHeader span.notes strong
{
	float: left;
}

div.subNav span.notes, div.panelHeader span.notes
{
	width: 292px;
}

div.subNav span.notes strong, div.panelHeader span.notes strong
{
	float: left;
}

div#Compliance div.subNav span.notes
{
	width: 537px;
}

/* End of Removable Sub Section: for postback notes and compliance key */

/* ===== End of Cross Browser - Removable Extras ===== */