/**************************************************************************************************
***************************************************************************************************

*	INDEX

**************************************************************************************************
**************************************************************************************************/

/*
    1. STYLE GUIDE
        1.1 GLOBAL
        1.2 BUTTONS
        1.3 FORMS
        
        1.x TABLES - NOT YET USED ***
    
	2. MAIN SITE STRUCTURE
        2.1 HEADER
        2.2 MAIN NAV

        2.x FOOTER - NOT YET USED ***
   
	3. LOGIN
        3.1 LOGIN FORM
		3.2 LOGIN PROBLEMS

	4. ADMIN
		4.1 FORMS

	5. TEST AREA FOR CSS

*/

/**************************************************************************************************
***************************************************************************************************

	1. STYLE GUIDE - Contains frequent and re-usable styles found throughout the project

**************************************************************************************************
**************************************************************************************************/

/* 1.1 GLOBAL	------------------------------------------*/

/* NOTE: SEE OVERRIDES FOR BOOTSTRAP 5 STYLING IN SECTION 5.1*/

* {
	padding: 0;
	margin: 0;
}

.container {
	width: 1140px;
	max-width: 100%;
}

.siteTopMarginOverride {
	margin-top: 1rem !important;
}

body {
	background-color: white;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal
}

h1, h2, h3, h4, h5, h6, dt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;	
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;	
}    

h1 {	
	font-size: 2em;
	font-weight: 700; 
}

h2 {
	font-size: 1.75em;
	font-weight: 700;
}

h3 {
	font-size: 1.58em;
	font-weight: 500;
}

h4 {
	font-size: 1.33em;
	font-weight: 500;
}

h5, dt {
	font-size: 1em;
	font-weight: 700;
}

	h5.subTitleHeading {
		margin-bottom:20px;
	}

h6 {
	font-size: .8em;
	font-weight: 700;
}

a {
	color: #000000;
}

	a:hover {
		color: #000000;
		text-decoration: underline;
	}

.sorryPageTitle {
	margin-top: 10px !important;
	color: #000;
}

.pageTitle {
	margin-top: 25px !important;
	color: #000;
}

div.pageContentDiv {
	margin-top: 25px;
}

/* 1.2 BUTTONS	------------------------------------------*/ 

.btn-sm {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	border-radius: 0;
}

.btn-red {
	background: #e30613;
	color: #fff;
	font-size: 1.143em; /*16px*/
	font-weight: bold;
	font-weight: 700;
}

	.btn-red:hover {
		text-decoration: underline;
	}

.btn-danger {
	color: #fff;
	background-color: #f00;
	border-color: #f00;
}

	.btn-danger-border {
		background-color: #fff;
		border-color: #f00;
		border-width: 2px;
	}

		.btn-danger-border:hover {
			color: #fff;
			background-color: #f00;
			border-color: #f00;
		}

.btn-grey {
	background: #d0d0d0;
}

.btn-top-margin {
	margin-top: 1.50rem;
}

.btn-top-marginX {
	margin-top: 30px;
}

/* 1.3 FORMS		------------------------------------------*/

span.required {
	color: red;
	font-size: 0.9em;
	font-weight: 600;
	margin-left: 5px;
	line-height: 70%;
}

.radioGender {
	margin-right: 10px;
}

	.radioGender label {
		margin-left: 7px;
	}

.checkboxPhoto label {
	margin-left: 9px;
}


/**************************************************************************************************
***************************************************************************************************

* 	2. MAIN SITE STRUCTURE

**************************************************************************************************
**************************************************************************************************/

/* 2.1 HEADER		------------------------------------------*/

.rowHeader {
	height: 145px;
}

.headerOrsSpacing {
	margin-top: 20px;
	width: 431px;
	height: 155px;
}

.centreContact {
	padding-top:10px;
}

/* 2.2 MAIN NAV		------------------------------------------*/

.fbox {
	width: 12%;
	display: inline;
	padding: 3px;
}

.fboxwide {
	width: 13.2%;
	display: inline;
	padding: 3px;
}

.fboxWidthOverride {
	width: 15.2%;
	padding-right: 3px;
}

.fbox button {
	margin-top: 28px;
}

label {
	display: inline-block;
	margin-bottom: 0;
	font-size: 0.8rem;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.rowlinks .sub-nav-link.active {
	color: #f00;
}

.sub-nav-link:hover {
	font-weight: 600;
}

.nav-tabs {
	border-bottom: 1px solid #f00;
}

	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active {
		color: #f00;
		background-color: #fff;
		border-color: #f00 #f00 #fff;
	}

.nav-link {
	color: #000000;
}

	.nav-link:hover {
		color: #000000;
		text-decoration: none;
		font-weight: 600;
	}

	.nav-link:active {
		color: #f00;
	}

.rowlinks {
	padding: 15px 0 0 0;
}

	.rowlinks li {
		display: inline;
		padding: 10px;
	}

.bottomBorderStyle {
	border-bottom: 1px solid #f00;
}

/**************************************************************************************************
***************************************************************************************************

* 	3. LOGIN - INCLUDING LOGIN, LOGINPROBLEMS, RESETPASSWORD

**************************************************************************************************
**************************************************************************************************/

/* 3.1 LOGIN FORM	------------------------------------------*/
.wrapper {
	max-width: 950px;
	overflow: hidden;
	margin: 0 auto;
}

	.wrapper table {
		margin-top: 20px;
		border-collapse: collapse;
	}

.loginPageTitle {
	color: #000;
}

#login,
#login .intro {
	color: #000;
	margin-bottom: 46px;
}

	#login .intro {
		color:#000;
		text-align: center;
		max-width: 780px;
		margin-left: auto;
		margin-right: auto;
	}

	#login fieldset {
		width: 780px;
		margin: auto;
		padding: 32px;
		background: #f6f6f6;
	}

	#login .field {
		width: 100%;
		max-width: 500px;
		float: none;
		margin: 0 auto 20px;
	}

		#login .field label,
		#login .field input[type=text],
		#login .field input[type=email],
		#login .field input[type=password] {
			font-size: 1.428em; /* 20px */
			font-weight: 400;
		}

		#login .field label {
			display: block;
			margin-bottom: 10px;
			text-align: left;
		}

		#login .field input[type=text],
		#login .field input[type=email],
		#login .field input[type=password] {
			width: 100%;
			height: 50px;
			padding: 2px 14px;
		}

		#login .loginProblemsLink {
			margin-top: 10px;
			color: #2e94b6;
			text-decoration: none;
		}

			#login .loginProblemsLink:hover {
				text-decoration: underline;
			}
		
		#login .field .btn {
		width: 170px;
		float: right;
	}

	#login .resetPassword {
		overflow: hidden;
	}

.resetPassword label {
	width: 100%;
}

/* 3.2 LOGIN PROBLEMS
------------------------------------------*/

#login .field .backToLogin {
	margin-top: 30px;
	float: left;
}

.placeholder {
	color: #aaa;
}


/**************************************************************************************************
***************************************************************************************************

* 	4.	ADMIN - INCLUDING ALL STYLING TO THE SPECIFIC TO THE ADMIN AREA

**************************************************************************************************
**************************************************************************************************/

/* 4.1 ADMIN PAGES		------------------------------------------*/

div.formRow {
	position: relative;
	overflow: hidden;
	padding: 5px 0;
}

	div.formRow span.formLabel {
		display: block;
		float: left;
		width: 20%;
		padding: 4px 0;
	}

	div.formRow span.formLabel label {
		font-weight: bold;
	}

	div.formRow span.formField {
		display: block;
		float: left;
		width: 60%;
	}
	
		div.formRow span.formField input[type="text"],
		div.formRow span.formField textarea,
		div.formRow span.formField select {
			border: 1px solid #ccc;
			padding: 0.25em 0.5em;
		}


/**************************************************************************************************
***************************************************************************************************

	5. TEST AREA

**************************************************************************************************
**************************************************************************************************/

/* 5.1 TRYING TO STYLE THE INPUT BUTTON ON THE FILE UPLOAD		------------------------------------------*/
	
/*input[type=file] {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	border-radius: 0;
	color: #fff;
	background-color: #f00;
	border-color: #f00;
}*/
/*#uiPhotoFileUpload input[type=file] {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	border-radius: 0;
	color: #fff;
	background-color: #f00;
	border-color: #f00;
}

#mainContentPlaceHolder_CandidatePhoto2_uiPhotoFileUpload input[type="file"] {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	border-radius: 0;
	color: #fff;
	background-color: #f00;
	border-color: #f00;
}*/

/**************************************************************************************************
***************************************************************************************************

	5. TEST AREA - END

**************************************************************************************************
**************************************************************************************************/