/***  COLOUR PATTERN  ***/
.color-2B3E50{background-color: #2B3E50;}
.color-405570{background-color: #405570;}
.color-566D8C{background-color: #566D8C;}
.color-6C86A1{background-color: #6C86A1;}
.color-CFDBE5{background-color: #CFDBE5;}
.color-EBF1F7{background-color: #EBF1F7;}
.color-FCFDFE{background-color: #FCFDFE;}
.color-FFFEDF{background-color: #FFFEDF;}
.color-FCE9AF{background-color: #FCE9AF;}
.color-E4B790{background-color: #E4B790;}
.color-CE9764{background-color: #CE9764;}
.color-996633{background-color: #996633;}



/***  BODY APPEARANCE  ***/
body {
	background-color: #fff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
 }

a.homepage_link:hover {
color:#D79B29;
}
a.homepage_link {
color:#006699;
}


/***  HEADERS 1-2-3  ***/
h1{font: 200% "Trebuchet MS" Verdana Geneva Arial Helvetica sans-serif;
	font-weight: bold;
	color: #566D8C;}
h2{font: 175%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #566D8C;}
h3{font: 150%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #566D8C;}



/***  FORM ELEMENTS  ***/
img {
	border: 0px}



/***  GENERIC DIVs  ***/
.divTop {
	font: 80%, Arial, Helvetica, sans-serif;
	color: black;
	vertical-align: top;}
.divTop a, divTop a:link, divTop a:visited{color: gray;}
.divTop a:hover{color: gray; text-decoration: none;}

.divHeader
{
margin-top: 10px; 
}

/***  ROUNDED CORNERS  ***/
div#container	{text-align: center;}
div#loginBox	{float:center; background: #6C86A1; width:600px;}
div#addCVBox	{float:center; background: #6C86A1; width:600px;}
div#loginTitle	{float:center; background: #566D8C; padding: 4px;}
div#lostBox		{float:center; background: #FCE9AF; width:600px;}
div#lostTitle	{float:center; background: #CE9764; padding: 4px;}

div#personalDetailsBox			{float:center; background: #FCE9AF; width: 980px;}
div#personalDetailsTitle		{float:center; background: #CE9764; padding: 4px;}
div#detailsSubTitle 				{float:right; width:150px; padding: 2px; background: #CE9764; text-align: center;}
div#addressSubTitle 				{float:right; width:150px; padding: 2px; background: #CE9764; text-align: center;}
div#phoneSubTitle 				{float:right; width:150px; padding: 2px; background: #CE9764; text-align: center;}
div#passportSubTitle 			{float:right; width:150px; padding: 2px; background: #CE9764; text-align: center;}

div#nextOfKinBox					{float:center; background: #FCE9AF; width: 980px;}
div#nextOfKinTitle				{float:center; background: #CE9764; padding: 4px;}
div#nextOfKinSubtitle 			{float:right; width:150px; padding: 2px; background: #CE9764; text-align: center;}

div#referencesSubtitle 			{float:right; width:150px; padding: 2px; background: #CE9764; text-align: center;}
div#referencesSubtitle2 		{float:right; width:150px; padding: 2px; background: #CE9764; text-align: center;}
div#motivationSubtitle 			{float:right; width:150px; padding: 2px; background: #CE9764; text-align: center;}
div#commentsSubtitle				{float:right; width:160px; padding: 2px; background: #CE9764; text-align: center;}
div#statusSubtitle				{float:right; width:150px; padding: 2px; background: #CE9764; text-align: center;}

div#referencesBox					{float:center; background: #FCE9AF; width: 980px;}
div#referencesTitle				{float:center; background: #CE9764; padding: 4px;}
div#referencesSubtitle 			{float:right; width:150px; padding: 2px; background: #CE9764; text-align: center;}

div#higherEducationBox			{float:center; background: #FCE9AF; width: 980px;}
div#higherEducationTitle		{float:center; background: #CE9764; padding: 4px;}

div#electionObservationExperienceBox	{float:center; background: #FCE9AF; width: 980px;}
div#electionObservationExperienceTitle	{float:center; background: #CE9764; padding: 4px;}

div#electionAssistanceExperienceBox		{float:center; background: #FCE9AF; width: 980px;}
div#electionAssistanceExperienceTitle	{float:center; background: #CE9764; padding: 4px;}

div#electionObservationTrainingBox		{float:center; background: #FCE9AF; width: 980px;}
div#electionObservationTrainingTitle	{float:center; background: #CE9764; padding: 4px;}

div#electionAssistanceTrainingBox		{float:center; background: #FCE9AF; width: 980px;}
div#electionAssistanceTrainingTitle		{float:center; background: #CE9764; padding: 4px;}

div#professionalExperienceBox				{float:center; background: #FCE9AF; width: 980px;}
div#professionalExperienceTitle			{float:center; background: #CE9764; padding: 4px;}

div#languageSkillsBox						{float:center; background: #FCE9AF; width: 980px;}
div#languageSkillsTitle						{float:center; background: #CE9764; padding: 4px;}

div#experienceDevelopingCountriesBox	{float:center; background: #FCE9AF; width: 980px;}
div#experienceDevelopingCountriesTitle	{float:center; background: #CE9764; padding: 4px;}

div#experienceHomeCountriesBox			{float:center; background: #FCE9AF; width: 980px;}
div#experienceHomeCountriesTitle			{float:center; background: #CE9764; padding: 4px;}

div#bottomButtonsBox				{float:center; background: #FCE9AF; width: 980px; padding: 4px;} 

div#create					{float:center; width:120px; padding: 4px; background: #6C86A1; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold}
div#create a				{display:block; background: #6C86A1; color: #fff; text-decoration:none; text-align:center}
div#create a:hover 		{text-transform:uppercase;}
div#modify					{float:center; width:120px; padding: 4px; background: #6C86A1; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold}
div#modify a				{display:block; background: #6C86A1; color: #fff; text-decoration:none; text-align:center}
div#modify a:hover 		{text-transform:uppercase;}
div#restricted				{float:center; width:120px; padding: 4px; background: #6C86A1; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold}
div#restricted a 			{display:block; background: #6C86A1; color: #fff; text-decoration:none; text-align:center}
div#restricted a:hover	{text-transform:uppercase;}	



/***  TABLE ROWS  ***/
    .rowWhiteBlueMedium{
		font: 110%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: white;
		background-color: #6C86A1;}
	.rowWhiteBold120{
		font: 110%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: white;}
	  .rowWhiteCremeMedium{
		font: 110%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: white;}
	.rowWhiteCremeSmall{
		font: 90%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: white;}
	.rowCremeBlack{
		font: 85%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: black;
		vertical-align: top;}
	.rowCremeBlack a, rowCremeBlack a:link, rowCremeBlack a:visited{
		color: #996633;}
	.rowCremeBlack a:hover{
		color: #996633; text-decoration: none;}


/***  TABLE DATA  ***/
	.dataWhiteBlueXSmall{
		font: 90%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: white;}
	.dataWhiteBlueXXSmall{
		font: 65%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: white;}
	.dataWhiteCremeXSmall{
		font: 90%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color: #996633;
		text-align:right;
		white-space:nowrap;}
	.dataWhiteCremeXXSmall{
		font: 75%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #996633;}
	.dataWhiteCremeXXSmall_note{
		font: 100%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #FF7145;}
	.dataWhiteBlackXXSmall{
		font: 70%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #2e2e2e;}


/*** DATA NOTICES  ***/
	.cremeWhiteNotice{
		font: 95%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #2e2e2e;
		border: 1px solid #CE9764;
		background-color: white;
		width: 350px;}
	.cremeWhiteNoticeData{
		font-size: 95%;
		white-space:nowrap;}


/***  TEXTBOXES  ***/
	.textLogin{
		font: 90%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #2e2e2e;
		border: 1px solid #566D8C;
		padding-left: 2px;
		width: 295px;}
	.textLost{
		font: 90%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #2e2e2e;
		border: 1px solid #CE9764;
		padding-left: 2px;
		width: 295px;}
	.textModify{
		font: 90%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #2e2e2e;
		border: 1px solid #CE9764;
		padding-left: 2px;
		width: 350px;
}
	.textArea{
		font: 90%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #2e2e2e;
		border: 1px solid #CE9764;
		padding-left: 2px;
		width: 450px; height:170px}
	.selectNoFixedWidth{
		font: 90%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #2e2e2e;
		border: 1px solid #CE9764;
		padding-left: 2px;
		}
	.textSortTables{
		font: 90%, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #2e2e2e;
		border: 1px solid #CE9764;
		padding-left: 2px;
		width: 100%;}


/***  BUTTONS  ***/
div.addRowButton {
	padding-right:10px; 
	padding-bottom:10px; 
	text-align:right;
	font: 12px, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #996633;
	vertical-align: top;
}


	 
/***  ERRORS + NOTIFICATIONS  ***/
.errorNote {
	font: bold 75% auto "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #EE0000;
	padding-top: 4px;
	text-align: left;
	width: 590px;}
.requiredNote {
	font: bold 75% "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #EE0000;}	 

	
/***  SORTABLE TABLES  ***/
tr {
	vertical-align:top;
}
th {
	font: bold 75% "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left; /*background: url(../images/bg_header_tile.jpg);*/
	padding-left: 18px; padding-top: 5px; padding-bottom: 5px;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #E9C297;
}
th.sortable, th.sortable-sortInputText, th.sortable-text, th.sortable-date, th.sortable-keep, th.sortable-date-dmy, th.sortable-numeric, th.sortable-currency, th.sortable-sortByTwelveHourTimestamp, th.sortable-sortIPAddress, th.sortable-sortEnglishLonghandDateFormat, th.sortable-sortScientificNotation, th.sortable-sortImage, th.sortable-sortFileSize, th.sortable-sortAlphaNumeric {
	font: bold 75% "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;	
	background-position: top;
	cursor:pointer;}
th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;}
th.forwardSort {
	background: url(../images/bg_headerLim_down_.gif) no-repeat scroll 0pt;
	background-color: #EDD3B6;
	}
th.reverseSort {
	background: url(../images/bg_headerLim_up_.gif) no-repeat scroll 0pt;
	background-color: #EDD3B6;
	}
table thead th.forwardSort a, table thead th.reverseSort a {
	color: #000000;
	text-decoration:none;}
th a, th a:link, th a:visited {
	background:transparent none repeat scroll 0%;
	color: #2e2e2e;
	font-weight: bold;
	text-decoration:none;}
th	a:hover {
	background:transparent none repeat scroll 0%;
	border-bottom: 1px dotted #a52a2a;
	color: #2e2e2e;
	font-weight: bold;}	

	


/*****************  OLD STYLES TO BE CHECKED IF USED ************************/
.tdHeaderBack{
	background-color: #566D8C;}

A.link2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0059B3;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	background-color : #FFFFFF;}
A.link2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0059B3;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	background-color : #FFFFFF;}
A.link2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999; 
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	background-color : #FFFFFF;}
	
	
	/***  FOOTER  ***/

#bottomnav {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:80%;
text-align:center;
}

#bottomnav a {
color:#666666;
text-decoration:none;
}
#bottomnav a:hover {
text-decoration: underline;
}