/****************************************************************** 
Colours 
*******************************************************************/
#toolbarmenu ul li{
	background: #CCCCCC;
	border:1px solid black;
    } 

.formMainHeaderPanel 
{
	BORDER: #2557ad 1px solid; 
	BACKGROUND-COLOR: #c4dbf9; 
	COLOR: #007fc1; 
}

.formStepPanel 
{
	BORDER-RIGHT: #2557ad 1px solid; 
	BORDER-LEFT: #2557ad 1px solid; 
}

.formNavButtonsPanel 
{
	BORDER: #2557ad 1px solid; 
	BACKGROUND-COLOR: #c4dbf9;
}

.content-container { BACKGROUND-COLOR: #c4dbf9 }
.content { BACKGROUND-COLOR: #f5f1fe }
.content-side { COLOR: #007fc1;  }
.content-side-user { BACKGROUND-COLOR: #ff6666;  }
.contentLeft { BACKGROUND-COLOR: #f5f1fe }
.contentRight { BACKGROUND-COLOR: #f5f1fe }

.evenRow { }
.oddRow { BACKGROUND-COLOR: #c4dbf9 }


.tableMonitoringCYP { background-color:#f5f1fe; border:1px solid #2557ad; }
.monHeadRow, .monHeadRow th { background-color: #007fc1; color:#ffffff; }
.monRow, .monRow td { background-color: #f5f1fe; }

.side-welcome 
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #c4dbf9; 
	BORDER: black 1px solid; 
}
	
.side-task-title 
{
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #007fc1; 
	BORDER: black 1px solid; 
}

.searchTable { BORDER: black 1px solid; }
.searchTable THEAD{ COLOR: #ffffff; BACKGROUND-COLOR: #007fc1; }

.sectionHeading { COLOR: #ffffff; BACKGROUND-COLOR: #007fc1; }

.blackBorder
{
	BORDER: black 1px solid; 
}

.add-placement 
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #c4dbf9; 
}

.placementHistoryItemHeader { COLOR: #007fc1; BACKGROUND-COLOR: #c4dbf9; }
.placementHistoryItemDetails { }

.searchResultsTable 
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #c4dbf9; 
	BORDER: black 1px solid; 
}
.searchResultsTable .Address { BACKGROUND-COLOR: #f5f1fe; }
.searchResultsTable .Contact { BACKGROUND-COLOR: #f5f1fe; }
.searchResultsTable .Vacancies { BACKGROUND-COLOR: #f5f1fe; }
.searchResultsTable .Costs { BACKGROUND-COLOR: #f5f1fe; }

.informationBox 
{
	BORDER: black 1px solid; 
	BACKGROUND-COLOR: #ffffe1; 
}

.dialogBox 
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #c4dbf9; 
	BORDER: black 1px solid; 
}

.dialogHeading { BORDER-BOTTOM: black 1px solid; }

.dialogBoxWarning 
{
	BACKGROUND-COLOR: #ffffcc; 
	BORDER: black 1px solid; 
}

.breadcrumb
{
	color : #003399;
}

.outlineBox
{
	BORDER: black 1px solid; 
}

.placementHistoryTable 
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #c4dbf9; 
	BORDER: black 1px solid; 
}

.placementHistoryTableHeader 
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #c4dbf9; 
}

.placementHistoryTableLeft 
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #f5f1fe; 
}

.placementHistoryTableRight 
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #f5f1fe; 
}

.authorityTable 
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #c4dbf9; 
	BORDER: black 1px solid; 
}

.authorityTableHeader 
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #c4dbf9; 
}

.authorityTableLeft 
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #f5f1fe; 
}

.authorityTableMiddle 
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #f5f1fe; 
}

.authorityTableRight 
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #f5f1fe; 
}

.changedField
{
	border-right: gold thin solid;
	border-top: gold thin solid;
	border-left: gold thin solid;
	border-bottom: gold thin solid;
	background-color: #ffffe1;
}
	
.blankAnswersWarningMessage
{
	color:Red;
}


/****************************************************************** 
Fonts and padding
*******************************************************************/

BODY {
	FONT: small/1.2em Arial, Helvetica, sans-serif;
}

.breadcrumb
{
	font-size:.8em;
	margin:2px;
}

#toolbarmenu ul {
     margin:0px;
     padding:0px;
     }
#toolbarmenu ul li{
	font-size:.8em;
	margin:2px;
	padding:0px 5px;
    } 

.formMainHeaderPanel 
{
	PADDING: 5px; 
	FONT-SIZE: x-large; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;	
}

.formStepPanel 
{
	font-size:1.0em; 
	PADDING: 5px; 
	HEIGHT: 300px 
}

.formNavButtonsPanel
{
	padding-left:5px;
}

.add-placement { PADDING: 5px; }

.informationBox { PADDING: 5px; }

.dialogBox { PADDING: 5px; }

.dialogBoxWarning {	PADDING: 5px; }

#placementHistoryList
{
	font-size:small;
}

.blankAnswersWarningMessage
{
	margin-bottom:10px;
	font-weight:bold;
}

.tableMonitoringCYP { margin:0px; padding:0px; }
.monESTName, .monTitle { font-weight:bold; padding:0px 0px 5px 5px; }
.monHeadRow, .monHeadRow th { font-weight: normal; padding: 0px; margin:0px; }
.monHeadRow th { padding: 2px 80px 2px 4px; }
.monRow, .monRow td { padding: 0px; margin:0px;}
.monRow td { padding: 2px 4px 2px 4px; }

/****************************************************************** 
Positions and sizes
*******************************************************************/
BODY {
	MARGIN: 0px; 
}

IMG {
	BORDER: 0px; 
	TEXT-DECORATION: none
}

.formStepPanel 
{
	HEIGHT: 300px 
}

.formNavButtonsPanel 
{
	CLEAR: both; 
}

.content { VERTICAL-ALIGN: top; WIDTH: 80%; }
.content-side { VERTICAL-ALIGN: top; WIDTH: 20%; }
.content-side-user { VERTICAL-ALIGN: top; WIDTH: 20%; }
.contentLeft { VERTICAL-ALIGN: top; WIDTH: 20%; }
.contentRight { VERTICAL-ALIGN: top; WIDTH: 60%; }


.side-welcome 
{
	VERTICAL-ALIGN: top; 
	PADDING: 5px; 
}
	
.side-task-title { PADDING: 2px; }

.searchTable { WIDTH: 100%; }

.add-placement { VERTICAL-ALIGN: top; }

.dialogBox { VERTICAL-ALIGN: top; }

.dialogBoxWarning {	VERTICAL-ALIGN: top; }

#toolbarmenu ul li{
    list-style:none;
	display:inline;
} 

#toolbarmenu ul a:link {
     text-decoration:none;
}

#areaNewPlacement {
	position : absolute;
	left : 100px;
	top : 100px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
	       progid:DXImageTransform.Microsoft.Barn(Duration=0.2,orientation=horizontal, motion='in')
	       progid:DXImageTransform.Microsoft.RandomDissolve(Duration=.3);
				
				 
			}
			
#areaUserDetails {
	position : absolute;
	left : 100px;
	top : 100px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
	       progid:DXImageTransform.Microsoft.Barn(Duration=0.2,orientation=horizontal, motion='in')
	       progid:DXImageTransform.Microsoft.RandomDissolve(Duration=.3);
				
				 
			}			
			
#areaAdminUserDetails {
	position : absolute;
	left : 250px;
	top : 100px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
	       progid:DXImageTransform.Microsoft.Barn(Duration=0.2,orientation=horizontal, motion='in')
	       progid:DXImageTransform.Microsoft.RandomDissolve(Duration=.3);
				
				 
			}						
			
#areaTemporaryEst {
	position : absolute;
	left : 80px;
	top : 10px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
	       progid:DXImageTransform.Microsoft.Barn(Duration=0.2,orientation=horizontal, motion='in')
	       progid:DXImageTransform.Microsoft.RandomDissolve(Duration=.3);
				
				 
			}
			
#AddressLookup {
	position : absolute;
	left : 80px;
	top : 250px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
	       progid:DXImageTransform.Microsoft.Barn(Duration=0.2,orientation=horizontal, motion='in')
	       progid:DXImageTransform.Microsoft.RandomDissolve(Duration=.3);
				
				 
			}
						
#divEstablishmentsInOrg {
	position : absolute;
	left : 70%;
	top : 70px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
	       progid:DXImageTransform.Microsoft.Barn(Duration=0.2,orientation=horizontal, motion='in')
	       progid:DXImageTransform.Microsoft.RandomDissolve(Duration=.3);
				
				 
			}
			
			
#establishmentListArea {
	position : absolute;
	left : 20px;
	top : 100px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
	       progid:DXImageTransform.Microsoft.Barn(Duration=0.2,orientation=horizontal, motion='in')
	       progid:DXImageTransform.Microsoft.RandomDissolve(Duration=.3);
				
				 
			}
			
#areaTemporaryEst {
	position : absolute;
	left : 170px;
	top : 130px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
	       progid:DXImageTransform.Microsoft.Barn(Duration=0.2,orientation=horizontal, motion='in')
	       progid:DXImageTransform.Microsoft.RandomDissolve(Duration=.3);
				
				 
			}
			
.searchEstablishmentTable THEAD{ COLOR: #ffffff; BACKGROUND-COLOR: #007fc1; }
						
#areaNewCostHistory {
	position : absolute;
	left : 170px;
	top : 130px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
	       progid:DXImageTransform.Microsoft.Barn(Duration=0.2,orientation=horizontal, motion='in')
	       progid:DXImageTransform.Microsoft.RandomDissolve(Duration=.3);
}

#XXXcostMatrixDialog {
	position : absolute;
	left : 170px;
	top : 130px;

	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
	       progid:DXImageTransform.Microsoft.Barn(Duration=0.2,orientation=horizontal, motion='in')
	       progid:DXImageTransform.Microsoft.RandomDissolve(Duration=.3);
}

.costgrid 
{
	BORDER: #2557ad 1px solid; 
	width:100%;
}

.costgrid-heading-sep 
{
	BORDER-TOP: #2557ad 1px solid; 
}

.costgrid-sep 
{
	BORDER-BOTTOM: #2557ad 1px solid; 
}
			
.costgrid-heading { BACKGROUND-COLOR: #c4dbf9 }
			
.costgrid-comment 
{
	width:100%;
}			
			
			
.printOnly {
   display: none;
   }
			
			
.questTable { BORDER: black 1px solid; WIDTH: 100%; }
.questTable THEAD
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #c4dbf9;  
}

.QuestQuestion
{
	font-style:italic;
}

.QuestDivision
{
	border-bottom: blue 1px solid;
}



.outcomeTable 
{
	BORDER: black 1px solid; 
	WIDTH: 100%; 
}

.outcomeTable TD
{
	padding: 2 2 2 2;
	border-right: black 1px solid;
	border-bottom: black 1px solid;
}

.outcomeTable THEAD
{
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #007fc1;  
}

.outcomeTable .TypeDivision
{
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #c4dbf9;  
}

#areaNewOutcome {
	position : absolute;
	left : 100px;
	top : 100px;
	WIDTH: 600px; HEIGHT: 350px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
	       progid:DXImageTransform.Microsoft.Barn(Duration=0.2,orientation=horizontal, motion='in')
	       progid:DXImageTransform.Microsoft.RandomDissolve(Duration=.3);
				
				 
			}
			
.plainList
{
	list-style:none;
	margin:0px;
	padding:0px;
}

.smallIndentedList
{
	
	padding:0px;
	margin:0px;
	margin-left:25px;
	margin-top:5px;
	margin-bottom:5px;
}

#archiveRecordConfirmArea {
	position : absolute;
	/*left : 0px;
	bottom : -150px;
	top : 100px;*/
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
	       progid:DXImageTransform.Microsoft.Barn(Duration=0.2,orientation=horizontal, motion='in')
	       progid:DXImageTransform.Microsoft.RandomDissolve(Duration=.3);
				
				 
			}
			
.GRF_popups {
	position : absolute;
	BORDER: black 1px solid;
	COLOR: #007fc1; 
	BACKGROUND-COLOR: #c4dbf9; 
	PADDING: 5px;
	vertical-align:top;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true')
	       progid:DXImageTransform.Microsoft.Barn(Duration=0.2,orientation=horizontal, motion='in')
	       progid:DXImageTransform.Microsoft.RandomDissolve(Duration=.3);
			}
			
.dynamicHeader
{
	padding: 5px;
	BORDER: black 1px solid; 
	BACKGROUND-COLOR: #ffffe1; 
	position: fixed;
	_position: absolute;
	top: 0;
	_top: expression(eval(document.body.scrollTop));
	width: 100%;
	text-align: center;
}