/*Section colours*/

.generalLight {
  background:  #EEEEEE;
  border: none 3px #666666;
}

.system
{
  background: #9999CC;
}

.systemLight
{
  background:  #DCDCEE;
  border: none 3px #9999CC;
}

.systemInfoPanel
{
	border-top:#9999CC 5px solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#DCDCEE;
	width:100%;
}

.systemMsg
{
	width: 499; 
	font-size: 12px; 
	background-color: #EEEEEE; 
	padding: 8px; 
	border: 1px solid #9999CC; 
	font-family:Arial; 
	margin-bottom: 3;
}

.provider
{
  background: #639CCE;
}

.providerLight
{
  background:  #D6EFF7;
  border: none 3px #639CCE;
}

.providerInfoPanel
{
	border-top:#639CCE 5px solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#D6EFF7;
	width:100%;
}

.providerText  {
  color: #326CA0;
}

.skillsDev
{
  background: #FF9999;
}

.skillsDevLight
{
  background:  #FFCCCC;
  border: none 3px #FF9999;
}

.skillsDevInfoPanel
{
	border-top:#FF9999 5px solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#FFCCCC;
	width:100%;
}

.IDBIntervention
{
   background: #6666CC;
   color: #FFFFFF;
}

.IDBInterventionLight
{
   background: #E7E7F7;
   border: none 3px #6666CC;
}

.IDBInterventionInfoPanel
{
	border-top:#6666CC 5px solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#E7E7F7;
	width:100%;
}

.TtGIntervention
{
   background: #6666CC;
   color: #FFFFFF;
}

.TtGInterventionLight
{
   background: #E7E7F7;
   border: none 3px #6666CC;
}

.TtGInterventionInfoPanel
{
	border-top:#6666CC 5px solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#E7E7F7;
	width:100%;
}

.organisation
{
   background: #99CC99;
}

.organisationLight
{
   background: #DFEFDF;
   border: none 3px #99CC99;
}

.organisationInfoPanel
{
	border-top:#99CC99 5px solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#DFEFDF;
	width:100%;
}

.dataList
{
  background: #CCCC66;
}

.dataListLight
{
  background:  #F2F2D9;
  border: none 3px #CCCC66;
}

.dataListInfoPanel
{
	border-top:#CCCC66 5px solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#F2F2D9;
	width:100%;
}

.questionEdit
{
   background: #CC9966;
}

.questionEditLight
{
   background: #F0E0D1;
   border: none 3px #CC9966;
}

.questionEditInfoPanel
{
	border-top:#CC9966 5px solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#F0E0D1;
	width:100%;
}
.probSugg
{
   background: #97CBFF;
}

.probSuggLight
{
   background: #DDEEFF;
   border: none 3px #97CBFF;
}

.probSuggInfoPanel
{
	border-top:#97CBFF 5px solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#DDEEFF;
	width:100%;
}

.probSuggMsg
{
	width:100%; 
	font-size:12px; 
	background-color:#EEEEEE ; 
	padding: 8px; 
	border: 1px solid #97CBFF; 
	font-family:Arial; 
	margin-bottom: 3
}

.document
{
   background: #CC9999;
}

.documentLight
{
   background: #F5EBEA;
   border: none 3px #CC9999;
}

.documentInfoPanel
{
	border-top:#CC9999 5px solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#F5EBEA;
	width:100%;
}

.task
{
   background: #99CCCC;
}

.taskLight
{
   background: #E0F4F5;
   border: none 3px #99CCCC;
}

.taskInfoPanel
{
	border-top:#99CCCC 5px solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#E0F4F5;
	width:100%;
}

.report
{
   background: #CC6666;
}

.reportLight
{
   background: #F1D8D8;
   border: none 3px #CC6666;
}

.reportInfoPanel
{
	border-top:#CC6666 5px solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#F1D8D8;
	width:100%;
}

.reportWaitTable
{
	BORDER-RIGHT: #CC6666 2px solid; 
	BORDER-TOP: #CC6666 2px solid; 
	BORDER-LEFT: #CC6666 2px solid; 
	BORDER-BOTTOM: #CC6666 2px solid; 
	BACKGROUND-COLOR: #F1D8D8;
	width: 275px
}

.skillsProvider
{
   background: #FFBB66;
}

.skillsProviderLight
{
   background: #FFF0DD;
   border: none 3px #FFBB66;
}

.skillsProviderInfoPanel
{
	border-top:#FFBB66 5px solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background:#FFF0DD;
	width:100%;
}

/*General Styles*/

body
{
	font-family:verdana;
	font-size:11px;
}
td
{
	font-family:verdana;
	font-size:11px;
}

th
{
	font-family:verdana;
	font-size:11px;
}

.pageHeading
{
	color:White;
	font-family:arial;
	font-size:17px;
	font-weight:bold;
}

.pageHeadingSmall
{
	color:White;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
}

.blackText  {
  color: black;
}

.whiteText  {
  color: white;
  font-family:Arial;
}

.whiteBoldText  {
  color: white;
  font-weight:bold;
  font-family:Arial;
}

.largeWhiteBoldText  {
  color: white;
  font-weight:bold;
  font-family:Arial;
  font-size: 14px;
}

img
{
    border: none;
}

.boldText
{
	font-weight:bold;
	font-family:Arial;
}

.largeBoldText
{
	font-weight:bold;
	font-family:Arial;
	font-size: 14px;
}

.box {
  padding: 3px;
  border: 1px solid;
  width: 100%;
}

.errors
{
	font-family: verdana;
	color: red;
	font-size: 11px;
}

/*Page Header Styles*/

#logo
{
  margin-top: 20px;
}

/*Repeater Styles*/

A.repeater:visited
{	
	color:	blue;
}	

/*Menu Styles*/

A.menu:link
{	
	font-family:verdana;
	font-size:11px;
	color:	#333333;
	text-decoration:none;
}	
A.menu:visited
{	
	font-family:verdana;
	font-size:11px;
	color:	#333333;
	text-decoration:none;
}	
A.menu:active
{
	font-family:verdana;
	font-size:11px;
	color:	#FF0000;
	text-decoration:underline;
}	
A.menu:hover
{
	font-family:verdana;
	font-size:11px;
	color:	#0000FF;
	text-decoration:underline;
}

A.spmenu:link
{	
	font-family:verdana;
	font-size:11px;
	color:	blue;
	text-decoration:underline;
}	
A.spmenu:visited
{	
	font-family:verdana;
	font-size:11px;
	color:	blue;
	text-decoration:underline;
}	

/*Tab Styles*/
A.tabLink:link
{	
	font-family:arial;
	font-size:12px;
	color:white;
	font-weight:bold;
	text-decoration:none;
}	
A.tabLink:visited
{	
	font-family:arial;
	font-size:12px;
	color:white;
	font-weight:bold;
	text-decoration:none;
}	
A.tabLink:active
{
	font-family:arial;
	font-size:12px;
	color:white;
	font-weight:bold;
	text-decoration:underline;
}	
A.tabLink:hover
{
	font-family:arial;
	font-size:12px;
	color:white;
	font-weight:bold;
	text-decoration:underline;
}

.tabBox
{
	border-bottom: solid 1px #DDDDDD;
	border-left: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	width:550px;
	padding:7 7 7 7;
}

/*Search and record styles*/

.searchDataLegend
{
	background-color:#EEEEEE;
	color:#666666;
	font-weight:bold;
	font-family:arial;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom: dotted 1px #999999;
}

.searchDataValue
{
	background-color:#EEEEEE;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom: dotted 1px #999999;
}

.searchDataLegendDotless
{
	background-color:#EEEEEE;
	color:#666666;
	font-weight:bold;
	font-family:arial;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

.searchDataValueDotless
{
	background-color:#EEEEEE;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

.editDataLegend
{
	color:#666666;
	font-weight:bold;
	font-family:Arial;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom: dotted 1px #999999;

}

.editDataValue
{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom: dotted 1px #999999;
}

.editDataLegendDotless
{
	color:#666666;
	font-weight:bold;
	font-family:Arial;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

.editDataValueDotless
{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

.searchOptions  {
    width: 278px;
	border: solid 1px #999999;
	border-top: none;
	padding: 1px;
	padding-top: 0px;
}

.nonEditField  {
    width: 278px;
	border: solid 1px #999999;
	padding: 4px;
	margin-bottom: 2px;
	background: #FFFFFF;
}

.resultsTable {
   border-bottom: 1px dotted #666666;
}

.resultsTable td {
   padding-bottom: 3px;
   padding-top: 3px;
}

.resultsDescription {
    padding: 5px;
	background: #EEEEEE;
	font-size: 10px;
	margin-top: 4;
}

.referred {background: #FFDDDD;}

/*Tooltip Styles*/

.helpPopup
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 280px;
	visibility: hidden;
	font-size: 11px;
	background-color: #EEEEEE;
	padding: 5px;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #333333;
	font-family: verdana;
	text-align: left;
}

.skillsStandardsPopup
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 280px;
	visibility: hidden;
	font-size: 11px;
	background-color: #FFCCCC;
	padding: 5px;
	border-top: 3px solid #FF9999;
	border-bottom: 3px solid #FF9999;
	border-left: 3px solid #FF9999;
	border-right: 3px solid #FF9999;
	font-family: verdana;
	text-align: left;
}

.toolTip
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 280;
	visibility: hidden;
	font-size: 11px;
	background-color: #FFFFE6;
	padding: 8px;
	border: 1px solid black;
	font-family:Arial;
	text-align:left;
}

/*Bubble Styles*/

.bubblePopup
{
	position: absolute;
	visibility: hidden;
}

/* Gap In Provision */
.barContainer {
 border: 1px solid #CCCCCC;
 width: 100%;
 margin: 2px 0px;
}

.bar {
 float: left;
 text-align: right;
 border-right-width: 1px;
 border-right-style: solid;
}

.1stTier {
 background: #CC6666;
 color: #FFFFFF;
 border-right-color: #CC6666;
}

.2ndTier {
 background: #EAA8A8;
 color: #FFFFFF;
 border-right-color: #EAA8A8; 
}

.3rdTier {
 background: #F1D8D8;
 border-right-color: #F1D8D8;
}

.gapsButton {
 width:25px;
 height: 25px;
 border: 0px solid transparent;
 font-size: 0em;
 cursor: pointer;
}

.1stTierSuccess {
 background: #A6CB66;
 color: #FFFFFF;
 border-right-color: #A6CB66;
}

/* wait popup */
.wait 
{
 Z-INDEX: 5; 
 POSITION: absolute; 
 LEFT: 40%; 
 TOP: 40%; 
 WIDTH: 500px; 
 VISIBILITY: hidden;
}
.vettedBox
{
	BORDER-RIGHT:#99CCCC 2px solid;
	BORDER-TOP:#99CCCC 2px solid;
	BORDER-LEFT:#99CCCC 2px solid;
	BORDER-BOTTOM:#99CCCC 2px solid;
	BACKGROUND-COLOR:#E0F4F5;
	padding: 3 3 3 3;
	margin: 3 3 3 3;
}
.changesBox
{
	BORDER-RIGHT:#666666 1px solid;
	BORDER-TOP:#666666 1px solid;
	BORDER-LEFT:#666666 1px solid;
	BORDER-BOTTOM:#666666 1px solid;
	BACKGROUND-COLOR:#EEEEEE;
	padding:  4 4 4 4;
}

.bigRedButton {
 color: #FFFFFF;
 text-decoration: none;
 font-weight: bold;
 font-size: 11pt;
 font-family: arial;
 display: block;
 margin: 0px 6px 3px 2px;
 text-align: center;
 font-style: italic;
 background:#CC6666;
 padding: 3px;
 border: 1px solid #CC0000;
}

.bigRedButton:hover {
 text-decoration: underline;
}

/* skills provider */
.results {width: 100%;}
.results td, .results th {text-align: left; vertical-align: top; font-size: 8pt; padding: 2px;}
.results th {font-weight: bold; background: #FFF0DD;}
.results td {border-top: 1px dotted #666666;}
.results .resultsDescription {border-top: none; font-size: 7.5pt;}
.results .footer {font-weight: bold; background: #FFF0DD;}

.level1FeedbackPercentage {font-weight: bold; color: #6666CC; background: #DBDBF2; padding: 0px 2px;}

.positive {font-weight: bold; color: #6666CC; background: #DBDBF2; padding: 0px 2px;}
.negative {font-weight: bold; color: #6666CC; background: #DBDBF2; padding: 0px 2px;}

.recommend {font-weight: bold; color: #00CC00; background: #CCFFCC; padding: 0px 2px;}
.notRecommend {font-weight: bold; color: #CC0000; background: #FFCCCC; padding: 0px 2px;}

.editDataList 
{
	border-width: 0px 1px 0px 0px; 
	border-color: #CCCCCC; 
	border-style: solid;
}

.editDataList a, .editDataList a:visited 
{
	display: block; 
	background: #FFFFFF; 
	border-width: 1px 0px 0px 1px; 
	border-color: #CCCCCC; 
	border-style: solid; 
	padding: 3px 5px; 
	text-decoration: none; 
	color: #333333;
}

.editDataList a:hover, .editDataList a:visited:hover 
{
	background: #EEEEEE;
}

.editDataList a.delete, .editDataList a.delete:visited 
{
	float: right; 
	padding: 4px 5px;
}

.editDataList a.editLevels, .editDataList a.editLevels:visited 
{
	float: right;
}

.editDataList .editDataListCalButton a, .editDataList .editDataListCalButton a:visited 
{
	display: inline; 
}
	
.editDataList .item {display: block; background: #FFFFFF; border-width: 1px 0px 0px 1px; border-color: #CCCCCC; border-style: solid; padding: 3px 5px; text-decoration: none; color: #333333;}

.editDataListCalButton 
{
	border-width: 0px 0px 0px 0px; 
	border-color: #F2F2D9; 
	border-style: solid;
	width:150px;
}

.editDataListCalButton a, .editDataListCalButton a:visited 
{
	background: #F2F2D9; 
	border-width: 0px 0px 0px 0px; 
	border-color: #F2F2D9; 
	border-style: solid; 
	padding: 3px 5px; 
	text-decoration: none; 
	color: #333333;
}

.editDataListCalButton a:hover, .editDataListCalButton a:visited:hover 
{
	background: #F2F2D9; 
}

/*Skills broker styles*/

.skillsBroker {background: url(../images/skillsbackground.gif) repeat;}
.skillsBroker .header {border-width: 0px 0px 1px 0px; border-style: solid; border-color: #C3B69C; margin: 0px 0px 10px 0px;}
.skillsBroker .body {border-width: 1px 1px 1px 1px; border-style: solid; border-color: #C3B69C; padding: 0px 0px 10px 0px; margin: 10px; background: #FFFFFF;}

.tabBox
{
	border-bottom: solid 1px #DDDDDD;
	border-left: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	/*border-top: solid 1px #CCCCCC;*/
	width:550px;
	padding:7 7 7 7;
}

.whiteBoldMessage
{
	font-weight:bold;
	font-family:Arial;
	color:white;
	font-size:14px;
	height: 1em;
}

.portal
{
  background: #FFBB66;
  color: #FFFFFF;
}

.portal a
{
  color: #FFFFFF;
}

.portalLight
{
  background:  #FFF0DD;
  border: none 3px #FFBB66;
}
.editBox {background: #FFF0DD; border: 2px solid #FFBB66; padding: 5px; width: 525px; margin-left: -150px; margin-top: -12px; position: absolute; z-index: 20; display: none;}
.hoverBox {background: #FFFFFF; border: 1px solid #999999; padding: 5px; position: absolute; z-index: 10; display:none} /*visibility:hidden;}*/

/* Consortium Styles */
   .results {width: 100%;}
   .results td, .results th {text-align: left; vertical-align: top; font-size: 8pt; padding: 4px;}
   .results th {font-weight: bold; background: #FFF0DD;}
   .results td {border-top: 2px solid #666666;}
   .results .inGroup td {border-top: 1px dotted #666666;}
   .results .resultsDescription {border-top: none; font-size: 7.5pt;}
   .results .consortium {padding: 0px 4px; border-top: none; font-size: 7.5pt;}
   .results .footer {font-weight: bold; background: #FFF0DD;}
   .hoverBox {background: #FFFFFF; border: 1px solid #999999; padding: 5px; position: absolute; z-index: 10; display: none;}
   .editBox {background: #FFF0DD; border: 2px solid #FFBB66; padding: 5px; width: 525px; margin-left: -150px; margin-top: -12px; position: absolute; z-index: 20; display: none;}

.project
{
   background: #6666CC;
   color: #FFFFFF;
}
  
.project a
{
   color: #FFFFFF;
}

.projectLight
{
   background: #E7E7F7;
   border: none 3px #6666CC;
}

.whiteBoldMessage
{
	font-weight:bold;
	font-family:Arial;
	color:white;
	font-size:14px;
	height: 1em;
}

.info { width: 22px; }
.projectAvailable { margin: 0px 0 10px 0; width: 100%; }
.projectAvailable th { padding: 3px 5px; border-bottom:1px dotted #999999;  font-size: 12px; font-family: Arial;  }
.projectAvailable td { padding: 3px 5px; border-bottom:1px dotted #999999; }
.projectAvailable a	 {  }
.projectAvailable a:hover, .projectAvailable a:visited:hover { text-decoration: none; }

.validation {border-width: 2px; border-style: outset; padding: 0.5em 0.5em 0em 2.5em; margin: 1em 0em; background-position: 7px 7px; background-repeat: no-repeat;}
.error {border-color: #CC0000; background-color: #FFDDDD; background-image: url(../images/error.gif);}
.confirm {background-image: url(../images/confirm.gif);}
h3 {font-size: 1.3em; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0.8em 0em 1em 0em;}
p, ul, ol {margin-top: 0.2em; margin-bottom: 0.8em;}
li {margin-top: 0.2em; margin-bottom: 0.2em;}