/* erms.css */

@import url( 'menu4.css' );
@import url( 'menu5.css' );
@import url( 'buttons4.css' );
@import url( 'calendar4.css' );
@import url( 'quals4.css' );

.clear 
{
	clear: both;
}

/* Colours */
.lightGrey {
	color: #ddd;
}

.grey {
	color: #bbb;
}

.orange {
	color: #e94;
}

.isRequired:after {
   color: #e94;
   content: " * ";
}

.blue {
	color: #49e;
}

.bold {
	font-weight: bold;
}

/* Standard HTML entities */
body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

body, p, td {
	font-family: "Tahoma";
	font-size: 11px;
	/*letter-spacing: -0.03em;*/
	line-height: 18px;
	color: #555;
}

div {
	margin: 0;
	padding: 0;
}

h1 {
	font-family: "Trebuchet MS";
	margin: 0;
	padding: 0;
	padding-left: 12px;
	font-size: 28px;
	line-height: 70px;
	letter-spacing: -0.05em;
	color: #ddd;
}

h3 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 22px;
	letter-spacing: -0.00em;
	color: #ccc;
}

h4 {
	font-family: "Tahoma";
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 22px;
	border-bottom: 1px solid #e94;
}

a:link,
a:visited,
a:active,
a:hover {
	color: #49e;
	text-decoration: none;
}

a:hover {
	color: #333;
}

input.smallFormButton 
{
	font-size: 11px;
}

/* Header */
#topRightBlock {
	padding-right: 12px;
}

#header {
	width: 100%;
	/* height: 95px; */
	/*height: 139px;*/
}

#headerContact {
	color: #aaa;
	font-size: 11px;
	padding-top: 4px;
}

/* Layout */

#contentPane {
	padding-left: 0px;
	padding-right: 12px;
	padding-bottom: 20px;
	clear: both;
}

table#contentPane 
{
	padding: 0;
	width: 100%;
}

#leftPane, #rightPane {
	float: left;
	width: 208px;
	padding-top: 19px;
	padding-right: 15px;
	background-color: #f9f9f9;
	padding-left: 12px;
	border-right: 1px solid #ddd;
	padding-bottom: 19px;
}

td#leftPane 
{
    float: none;
}

#leftPane label {
	font-size: 12px;
}

#leftPane select {
	width: 208px;
	font-size: 13px;
}

#leftPane .itext {
	width: 208px;
}

#leftPane ul 
{
	margin-left: 10px;
}

#mainPane {
	padding-left: 12px;
	margin-left: 235px;
	padding-top: 19px;
}

td#mainPane 
{
	margin-left: 0;
	padding-right: 12px;
    padding-bottom: 19px;
}

.newsItem 
{
	width:100%;
	padding: 10px;
    background-color: #fafafa;
    margin-top: 5px;
    margin-bottom: 10px;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.dashboardComponent {
	border: 1px solid #ddd;
	margin: 5px;
	margin-bottom: 20px;
	padding-top: 0;
}

.dashboardComponent p.title {
	margin: 0;
	padding: 0;
	padding-left: 27px;
	padding-bottom: 2px;
	border: 0;
	border-bottom: 1px solid #ddd;
    color: #49e;
    line-height: 22px;
    background-color: #f6f6f6;
}

/* Title bars */

span.ErrorMessage
{
	border: 0;
	background-image: url('/ERMS/images/icons/stop_error.gif');
	background-position: 5px 5px;
	background-color: #ffa970;
	color: #333;
	font-weight: normal;
	padding: 6px;
	padding-left: 26px;
	background-repeat: no-repeat;		
}

span.WarningMessage, div.WarningMessage
{
	border: 1px solid #49e;
	background-image: url('/ERMS/images/icons/information.gif');
	background-position: 5px 5px;
	background-color:#FFF;
	padding: 6px;
	padding-left: 24px;
	background-repeat: no-repeat;
}

.message, .error {
	font-weight: bold;
	color: #333;
	margin-bottom: 4px;
	border: 1px solid #e94;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-right: 4px;
	line-height: 22px;
	background-image: url('/ERMS/images/layout/double_arrow_orange.jpg');
	/* Firefox/IE problems - 1px 1px for FF, 2px 2px for IE */
	background-position: 2px 2px;
	background-repeat: no-repeat;
	padding-left: 28px;
}

.successMessage {
	font-weight: bold;
	color: #333;
	margin-bottom: 4px;
	border: 1px solid #49e;
    padding-top: 4px;
	padding-bottom: 5px;
	padding-right: 4px;
	line-height: 16px;
	background-image: url('/ERMS/images/layout/double_arrow.jpg');
	/* Firefox/IE problems - 1px 1px for FF, 2px 2px for IE */
	background-position: 2px 2px;
	background-repeat: no-repeat;
	padding-left: 28px;
}

.hideMe {
    -moz-animation: cssAnimation 0s ease-in 10s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 10s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 10s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 10s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssAnimation {
	to {
		display: none;
        width: 0;
		height: 0;
		overflow: hidden;
	}
}

@-webkit-keyframes cssAnimation {
	to {
		display: none;
        width: 0;
		height: 0;
		visibility: hidden;
	}
}

#leftPane .message 
{
	line-height: 16px;
}

p.title, h2 
{
	font-size: 11px;
	font-weight: bold;
	color: #777;
	margin-bottom: 4px;
	border: 1px solid #ddd;
	background-color: #f6f6f6;
	line-height: 22px;	
	background-image: url('/ERMS/images/layout/ptitle_bg.jpg');
	background-repeat: no-repeat;
	*background-position: 1px 1px;
	padding-left: 28px;
}

p.title2
{
	font-size: 11px;
	font-weight: bold;
	background-color: #f1f1f1;
	/*border-bottom: 1px solid #ddd;*/
	/*color: #999;*/
	color: #49e;
	padding: 2px;
	line-height: 16px;
	margin-bottom: 4px;
}

p.downArrow
{
	background-image: url('/ERMS/images/layout/double_arrow_down.jpg');
}

/* Important Notification */
ul.notification 
{
	list-style-type: none;
	margin-left: 0px;
	margin-top: 7px;
}

ul.notification li 
{
	list-style-type: none;
	margin-left: 0px;
	margin-top: 7px;
}
ul.quickLinks 
{
	list-style-type: none;
	margin-left: 0;
	
}

ul.quickLinks li 
{
	background-image: url('/ERMS/images/icons/bullet_blue.gif' );
	background-position: 2px 2px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 2px;
	
}

/* Mob process lists */
ul {
	margin-top: 4px;
	padding-left: 10px;
}

#leftPane ul.process
{
	margin-left: 40px;
}

ul.process li {
	list-style-type: circle;
}

ul.process li.currentStep {
	font-weight: bold;
	list-style-type: square;
}

ul.process li.doneStep {
	color: #ccc;
	list-style-type: disc;
}

ul.process li.currentStep ul.currentStepSub {
	font-weight: normal;
	margin-left: 18px;
	padding: 0;
}

ul.process li.currentStep ul.currentStepSub li.currentStepSubStep {
	list-style-type: disc;
}

/* Quals list */

ul.quals {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.quals li {
	margin-bottom: 6px;
}

ul.subQuals1 li {
	list-style-type: none;
}

ul.subQuals1 {
	border: 1px solid #ddd;
	background-color: #f9f9f9;
}

ul.subQuals2 li {
	list-style-type: none;
}

/* Input styles */

/* Fake uneditable input */
span.FieldValue,
.DisabledTextBox
{
	background-color: #f9f9f9;
	/*
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	*/
	border: 1px solid #ddd;
	color: #999;
	font-size: 12px;
	width: 200px;
}


/* TSR25334 added MLacey 18Mar09*/

table.gridSearchResults
{
	padding:0;
	margin:0;
	width: 100%
}

table.gridSearchResults td
{
	line-height: 15px;
	font-size: 11px;
	text-align: left;
	padding:0;
	margin:0;
	width:auto;
}

table.gridSearchResults td a
{
	line-height: 27px;
	font-size: 11px;
	text-align: left;
	padding:0;
	margin:0;
	width:auto;
}

table.gridSearchResults td input
{
	font-size: 11px;
	text-align:center;
	padding:0;
	margin:0;
	width:85px
}

table.gridSearchResults td span.message
{
	width:600px;
}

table.gridSearchResults td span,
table.gridSearchResults td a
{
	font-size: 11px;
	text-align:center;
	padding:0;
	margin:0;
	vertical-align:middle;
	width:75px;
}

table.gridSearchResults th
{
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #e94;

}

table.gridSearchResults tr.altRow td
{
	background-color: #f1f6ff;
}

table.gridSearchResults tr.NameRow
{
	border-bottom: 1px solid #e94;
	font-weight: bold;
	line-height:20;
}

table.gridSearchResults tr.altRowNameRow
{
	background-color: #f1f6ff;
	border-bottom: 1px solid #e94;
	font-weight: bold;
	line-height:20;
}

/*end TSR25334 added */

td.FieldValue
{
    font-size: 11px;
   	border: 1px solid #ddd;
	color: #999;
	background-color: #f9f9f9;
	padding-left: 4px;
}

#leftPane .FieldValue 
{
	border: 0;
	background-color: transparent;
}

input, textarea {
	font-family: "Tahoma";
	font-size: 13px;
}

input.isubmit {
	font-size: 13px;
}

.itext {
	width: 200px;
	margin-right: 10px;
}

.itextwide {
	width: 400px;
}

.itextshort {
	width: 100px;
}

.iselect {
	width: 100px;
}

#mainPane .iselect 
{
	width: 200px;
}

.invalidField,
input.invalidField
{
	/*background-color: #fff3e2;*/
}

span.ValidatorMarker
{
	background-image: url('/ERMS/images/icons/exclamation.gif');
	background-position: 2px 2px;
	background-repeat: no-repeat;
	width: 23px;
	padding: 0 0 0 15px;
	font-size: 18pt;
	cursor:help;
}

#leftPane span.ValidatorMarker
{
	background-image: url('/ERMS/images/icons/exclamation_leftPane.gif');
}

table.inputTable tr td .itext {
	margin-right: 0;
}

table.inputTable tr td {
	padding-right: 10px;
}

/* Search results table */
table.searchResults {
	width: 100%;
	border-collapse:collapse;
}

table.searchResults td {
	padding: 5px;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

table.searchResults th, 
tr.rowHeader td {
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #e94;
	text-align: left;
	padding: 10px;
	border-top: 0;
	border-right: 0;
	border-left: 0;
}


table.searchResults tr.bottomRow td, span.bottomRow {
	color: #aaa;
	border-bottom: 0;
}

table.searchResults tr.low td 
{
	padding-top: 4px;
	padding-bottom: 4px;
}

table.searchResults tr.AlternateSelectListRow td 
{

}

table.searchResults tr.altRow td
{
	background-color: #f1f6ff;
}

table.searchResults tr.altAltRow td,
.altBlue
{
	background-color: #e6efff;
}

table.searchResultsThin td {
	padding: 2px;
}

table.searchResults tr.noUnderline td 
{
	border-bottom: 0; 
} 

table.searchResults td.subTable
{
	padding-left: 4px;
	padding-right: 4px;
}

table.searchResults td.subTable th
{ 
	/*border-bottom: 1px solid #49e;*/
	font-size: 9px;
	padding-top: 2px;
	padding-bottom: 2px;
}

table.searchResults td.subTable td
{ 
	padding-top: 2px;
	padding-bottom: 2px;
}

table.searchResults tr.lineAbove td 
{
	border-bottom: 0; 
	border-top: 1px solid #ddd;
} 

/* Normal table */
table.spaced {
	width: 70%;
}

table.spaced th {
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #e94;
	text-align: left;
	padding: 10px;
}

table.spaced td {
	padding: 6px;
	text-align: left;
}

/* Employment History */
.employmentHistory {
	padding: 4px 6px 4px;
	border: 1px solid #ddd;
	background-color: #f9f9f9;
}

/* Refcheck */
.refCheck {
	padding: 4px 6px 4px;
	border: 1px solid #ddd;
	background-color: #f9f9f9;
	width: 532px;
}

/* Page footer */
#footer {
	clear: both;
	border-top: 1px solid #ddd;
	color: #bbb;
	text-align: right;
	font-size: 11px;
	padding-top: 4px;
	padding-right: 10px;
}

.TextFieldValue
{
	color: #999;
}

.StopCheckInfoBox {
    POSITION: relative; 
    FLOAT: right; 
    width: 160px;
    BORDER: #ccc 2px dotted; 
    DISPLAY: block; 
    PADDING: 3px; 
    MARGIN: 2px; 
    TEXT-ALIGN: right;
    FONT-FAMILY: Verdana; 
    FONT-SIZE: 0.9em; 
}
.StopCheckLink A {
    text-decoration:none; 
	color:black;
}
.StopCheckLink A:Hover {
    text-decoration:underline; 
	color:blue;
}
.StopCheckLink A:Visited {
	color:purple;
}
.StopCheckLink A:Active {
	color:red;
}

#mainPane .FieldNoEdit
{
	border: 1px solid #ddd;
	color: #666;
	background-color: #f6f6f6;
	padding: 2px;
	margin-right: 5px;
	text-transform: uppercase;
}

.PendMobPanel
{
	width: 100%;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 20px;
	background-color: #ffffff;
	padding-bottom: 5px;
	border: solid 1px lightgrey;
}
.PendVisitPanel
{
	width: 100%;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 20px;
	background-color: #fff;
	padding-bottom: 5px;
	border: solid 1px #ddd;
}

.RequiredSpan {
	color: #e94;
	display: inline;
}

.NotRequiredSpan {
	color: #e94;
	display: none;
}

INPUT.ReadOnly
{
	border:0px;
	background-color:transparent;
}

/* Induction results table */
table.InductionResults {
	width: 100%;
}

table.InductionResults td {
	padding: 3px;
	border-top: 1px solid #ddd;
	text-align: left;
	margin:0px;
}

table.InductionResults th, 
tr.rowHeader td {
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #e94;
	text-align: left;
	padding-left: 3px;
	padding-top:5px;
	padding-bottom:8px;
	border-top: 0;
	border-right: 0;
	border-left: 0;

}


table.InductionResults tr.componentRow td, span.componentRow {
	border-top: 0;
}


table.InductionResults tr.NoBorder td
{
	border-top:0px;
	border-bottom:0px;

}

table.InductionResults tr.Editing td
{
background:#f9f9f9;

}

table.Grid
{
	padding:0;
	margin:0;
	
}


/* New simple greyed out grid class for audit tables */

table.Grid td
{
	padding:2px;
	margin:0px;
	border:1px solid #ddd	
}

table.Grid th
{
	padding:2px;
	margin:0px;
	border:1px solid #ddd;
	color:#808080;
	font-weight:normal;
}

table.Grid
{
	padding:0;
	margin:0;
	border:1px solid #ddd;	
}

/* Table styles to apply when exporting to Excel */
table.excel 
{ 
	
	border-left:solid 0.5pt black;
	border-top:solid 0.5pt black; 
}

table.excel TD, table.excel TH 
{ 
	border-Bottom:solid 0.5pt black; 
	border-Right:solid 0.5pt black; 
	padding-left:2px;
	padding-right:2px;
	color:Black;
}

table.excel TH 
{ 
	text-align:left;
}

/* Qualification user control */
div.qualification  
{
    display:block;
    padding:4px 4px 4px 20px;
    clear:left; 
}
div.level1 
{
    margin-bottom:2px;
    background-color:#f6f6f6;
}
div.level2{}
div.level3{}

div.attributes 
{
	display:inline-block;
}
div.attributes div  
{
	padding-right:8px; float:left; vertical-align:bottom; 
}

div.upload 
{
	float:right;
}

span.tooltip
{
    background-image: url(/ERMS/Images/tooltip.gif);
    
    background-repeat:no-repeat;
}