/* HOME PAGE DID YOU KNOW SLIDER */
#yuknw-tab1-parent {height: 465px;}

/* ===== Anchors ===== */
a.nounderline {text-decoration: none;}
a.nounderline:hover {text-decoration: underline;}

/* ===== Specific dividers ===== */
	div.left li.menucontent, div.left div.menucontent {
		border-bottom: 1px double #124C86;
		font-weight: bold;
		}		
	.spacer 	{
		margin-top: 1em;
	}

/* ===== Page-specific content ===== */
ol.wet-boew-zebra>li {padding-left: 3em}
#yuwraskng {margin-left: 0px;}

td, th { padding: 5px;
}
img.orgImage {
	width: 95px;
	float: right;
	margin-left: .5em; 
}
.leftMargin	{
	margin-left: 3.5em;
}
.searchResultTitle {
	margin-left: 3.0em;
}
.searchResultTeaser {
	margin-left: 4.5em;
	font-size: 85%;
}
.AnchorList {
	FONT-WEIGHT: bold;
	FONT-SIZE: 75%;
	COLOR: #124C86;
	TEXT-ALIGN: left
}
div.leftside
{
    float: left;
    width: 47%;
}
div.rightside
{
    float: right;
    width: 47%;
}
div.postingList {border-style: ridge; margin-bottom: 10px; padding: 5px;}
li.opportunityList {
	margin-top: .5em;
	font-size: 90%;
}
ul.opportunityList {
	list-style-image: url('/site/images/lffl_small.gif');
	list-style-position: outside;
	vertical-align: middle;
}
SPAN.newPosting	{
	FONT-WEIGHT: bold;
	FONT-SIZE: 95%;
	COLOR: red;
	MARGIN-LEFT: 1em
}
TABLE.positionList
{
	BORDER-STYLE: solid;
	PADDING: 0em 0em 0em 0em;
	BORDER-COLLAPSE: collapse;
	BORDER-WIDTH: 2px;
	MARGIN-LEFT: 2em;
	BORDER-COLOR: #CCCCCC;
}
td.positionList
{
	BORDER-STYLE: solid;
	BORDER-WIDTH: 2px;
	BORDER-COLOR: #CCCCCC;
}
th.positionList
{
	BORDER-STYLE: solid;
	BORDER-WIDTH: 2px;
	BORDER-COLOR: #CCCCCC;
}
table.appointeeList
{
	border-style: none;
	padding: 0em 0em .5em 0em;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
}
td.appointeeList
{
	padding-bottom: 1em;
	vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    padding: 8px;
    border-color: #d4d4d4;
    border-color: #d4d4d4;
}
th.appointeeList
{
	padding-bottom: 1em;
    border-style: solid;
    border-width: 1px;
    padding: 8px;
    vertical-align: top;
    background-color: #eee;
    color: #222;
    text-shadow: 0 1px 1px white;
    border-color: #d4d4d4;
}
th.appointeeListCol1
{
	width: 65%;
}
TD.appointeeIndexList
{
	BORDER-STYLE: none;
	BORDER-WIDTH: 0px;
	BORDER-COLOR: #CCCCCC;
	PADDING-BOTTOM: .5em;
	VERTICAL-ALIGN: middle;
}
TH.appointeeIndexList
{
	BORDER-STYLE: none;
	BORDER-WIDTH: 0px;
	BORDER-COLOR: #CCCCCC;
	TEXT-DECORATION: underline;
}
div.organizationURL
{
	text-align:  left;
	font-weight: bold;
}
div.incompleteOrganizations
{
	COLOR: Red;
	MARGIN-TOP: 2em;
	MARGIN-LEFT: 5em;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 2px;
	BORDER-COLOR: #CCCCCC;
	PADDING: .5em;
	FONT-SIZE: 85%;
}
div.separator {
	background-color: #124C86;
	height: 2px;
}
hr.separator {
	background-color: #124C86;
	height: 5px;
	border: 0px;
}
.highlight {
	background-color: #124C86;
	color: #FFF;
}
div.tenure
{
	margin-left: 2.25em;
}
div.futureAppointment
{
	margin-left: 2.25em;
}
div.vacantPosition
{
	margin-left: 2.25em;
	margin-bottom: 1em;
	margin-top: 0px;
	padding-top: 0px;
}
div.finalVacantPosition {
	margin-left: 3.5em;
}
div.fullTime {
	margin-left: 2.25em;
}
div.FAACode {
	margin-bottom: 1em;
}
div.gicSpace {
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}
div.profileBorder {
	border: solid 1px #124C86;
	padding: 5px 5px 5px 5px;
	margin:0 0 3px 0;
}
table.appointeeList .ui-link, table.appointeeList .ui-link:hover {
	color: inherit;
}

/* ===== Lists ===== */
ul.spacer li {margin-bottom: 1.5em;}
div.left li.menucontent, div.left div.menucontent, div.left a.menulink {background-color: #CCCC8C;}
div.right li.menucontent, div.right div.menucontent, div.right a.menulink {margin-bottom: 10px;}
div.topPage {
	margin-bottom: 15px;
	margin-left: 10px;
	float: right;
	text-align: center;
}
div.topPage img {width: 19px;}
hr.organizationBreak {width: 50%;}
div.organizationBreak {
	page-break-before: always;
	margin-bottom: 1.5em;
}
.CBox
{
	border-right: #7f9db9 1px solid;
	border-top: #7f9db9 1px solid;
	font-size: 85%;
	border-left: #7f9db9 1px solid;
	width: 90%;
	border-bottom: #7f9db9 1px solid;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    /*display:  inline-block;*/
}

/* ===== Profile ===== */
	.profile {
		font-size: small;
		font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	}
	.profileData
	{
		font-size: small;
		color: #0f315b;
		font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif, Courier New, Courier;
	}
	td.profile {
		font-size: x-small;
		font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	}
	td.profileData
	{
		font-size: x-small;
		color: Navy;
		font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif, Courier New, Courier;
	}
	.dividingLine {
		height: 2px;
		background-color: #124C86;
		margin-top: 5px;
		margin-bottom: 5px;
	}

/* ===== Opps ===== */
	table.Opps
	{
		font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
		font-size: small;
	}
	table.Opps td
	{
		background-color: White;
        padding: 5px;
	}
	th.Opps
	{
		 background-color: Silver;
		 text-align: left;
         padding: 5px;
	}
	tr.Opps
	{
		 background-color: White;
	}
	tr.Opps1
	{
		 background-color: White;
	}
	tr.Opps2
	{
		 background-color: White;
	}
	div.Opps
	{
		font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
		/*font-size: small;*/
		font-weight: bold;
		float: left;
	}
	div.selectionProcesses
	{
		COLOR: Red;
		MARGIN-TOP: 0.5em;
		MARGIN-LEFT: 0.5em;
		BORDER-STYLE: solid;
		BORDER-WIDTH: 1px;
		BORDER-COLOR: #CCCCCC;
		PADDING: .5em;
		FONT-SIZE: 85%;
	}
	div.selectionProcessList {color: #124C86; font-size: 90%;}

@media print {
	span.bread 
	{
		display: none;
	}
	div.cwm 
	{
		display: none;
	}
	div.footer
	{
		display: none;
	}
	hr.organizationBreak
	{
		display: none;
	}
}

/* ===== Logins ===== */
div.login {
	width: 295px;
}
form fieldset legend {
	font-size: 150%;
	font-weight: normal;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 0px;
}
label u {
	font-style: normal;
	text-decoration: underline;
}
form fieldset div.notes {
	/*float: right;
	width: 40%;
	height: auto;
	margin: 0 0 10px 10px;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #ffffe1;
	color: #666666;
	font-size: 88%;
    clear: both;*/
    height: auto;
    padding-top: 10px;
    color: #666666;
    font-size: 100%;
    clear: both;
}
form fieldset div.notes h4 {
	background-image: url(/images/icon_info.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 3px 0 3px 27px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #666666;
	color: #666666;
	font-size: 110%;
}
form fieldset div.notes p {
	margin: 0em 0em 1.2em 0em;
	color: #666666;
}
form fieldset div.notes p.last {
	margin: 0em;
}
form div.required, form div.optional {
    clear: left;
    margin-bottom: 10px;
}
form div.required fieldset legend {
	font-weight: bold;
}
form div label {
	display: block;
	/**float: left;*/
	/**width: 320px;*/
	width: 100%;
	/**padding: 3px 5px;*/
	margin: 0 0 5px 0;
	/**text-align: right;*/
}
div.label {
	display: block;
	width: 130px;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	text-align: right;
}
form div.optional label, label.optional {
	font-weight: normal;
}
form div.required label, label.required {
	font-weight: bold;
}
form div label.labelCheckbox, form div label.labelRadio {
	float: none;
	display: block;
	width: 200px;
	zoom: 1;
	padding: 0;
	/**margin: 0 0 5px 142px;*/
	margin: 0 0 5px 20px;
	text-align: left;
}

.checkbox label, .radio label {
    float: left;
    margin-right: 10px;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}
form div img {
  border: 1px solid #000000;
  margin: 0 0 5px 0;
}
p.error {
	background-color: #ff0000;
	background-image: url(/images/icon_error.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	color: #ffffff;
	padding: 3px 3px 5px 27px;
	border: 1px solid #000000;
	margin: auto 100px;
}
.red {
	color: #CC0000;
	background-color: transparent;
}
form div.error {
	background-color: #ffffe1;
	background-image: url(/images/required_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #666666;
	border: 1px solid #ff0000;
}
form div.error p.error {
	background-image: url(/images/icon_error.gif);
	background-position: top left;
	background-color: transparent;
	border-style: none;
	font-size: 88%;
	font-weight: bold;
	margin: 0 0 0 118px;
	width: 200px;
	color: #ff0000;
}
form div select, form div textarea {
	width: 100%;
	padding: 1px 3px;
	margin: 0 0 0 0;
}
form div input.inputText, form div input.inputPassword {
	/*width: 230px;*/
    display: inline-block;
}
#txtWork {
        float: left;
}
form div input.inputTextPhone
{
	width: 230px;
}
form div label.extension {
	width: 30px;
    display: inline;
}
form div input.inputTextExtension {
	width: 70px;  
    display: inline;
}
form div input.inputTextPostalCode {
	width: 230px;
}
form div input.inputFile {
  width: 211px;
}
form div select.selectOne, form div select.selectMultiple {
	width: 320px;
	padding: 1px 3px;
}
form div select.width80
{
	width: 80px;
}
form div select.width100
{
	width: 100px;
}
form div select.width150
{
	width: 150px;
}
form div select.width160
{
	width: 160px;
}
form div select.width200
{
	width: 200px;
}
form div select.width250
{
	width: 250px;
}
form div select.width350
{
	width: 350px;
}
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
	display: inline;
	height: auto;
	width: auto;
	background-color: transparent;
	border-width: 0;
	padding: 0;
	margin: 0 0 0 140px;
}
form div.submit div {
	display: inline;
	float: left;
	text-align: left;
	width: auto;
	padding: 0;
	margin: 0;
}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
	background-color: #cccccc;
	color: #000000;
	width: auto;
	padding: 0 6px;
	margin: 0;
}
form div.submit div input.inputSubmit, form div.submit div input.inputButton {
	float: right;
	margin: 0 0 0 5px;
}
form div small {
	display: block;
	margin: 0 0 5px 142px;
	padding: 1px 3px;
	font-size: 88%;
	zoom: 1;
}
label img {
	behavior: url(/behaviors/label_img.htc);
}
form fieldset legend {
	line-height: 150%;
}
form input, form select, form textarea {
  background-color: #ffffff;
}
form textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}

strong.required
{
    /**color: red;*/
	color: #d3080c;
}
div.optional label:before {
  content: '';
}
div.required label:before {
  content: '';
} 
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 190px;
  zoom: 1;
  /**padding: 4px 0 0 18px;*/
  text-indent: -18px;
  /*line-height: 120%;*/
}
form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0;
}
form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {
  width: 230px;
  margin: 0 0 0 18px;
  margin: expression(setCntr(), '0px 0 0 -124px');
}
form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0 0;
  text-indent: 0;
  margin: 0 0 0 0;
}
form div.wide label {
  float: none;
  display: block;
}
form div label.wide {
  width: 348px;
}
form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
  width: 344px;
  margin: 0;
}
form div.notes p, form div small {line-height: 125%;}
form div.wide small {margin: 0 0 5px 0;}
.ui-link img {width: auto;}
.ui-link a:focus img {border: 5px solid #900 !important;}

/* Apply Online */
#btnSubmit, #btnCancel, #btnNewPassword {display: inline}

#btnSearch
{
    margin-right: 10px;
}

#btnUpload {
    display: none;
}

/* ===== Widths ===== */
.width5Percent {width: 5%;}
.width8Percent {width: 8%;}
.width12Percent {width: 12%;}
.width13Percent {width: 13%;}
.width15Percent {width: 15%;}
.width25Percent {width: 25%;}
.width42Percent {width: 42%;}
.width50Percent {width: 50%;}
.width75Percent {width: 75%;}
.width100Percent {width: 100%;}
.width75 {width: 75px;}
.width100 {width: 100px;}
.width120 {width: 120px;}
.width150 {width: 150px;}
.width170 {width: 170px;}
.width175 {width: 175px;}
.width190 {width: 190px;}
.width195 {width: 195px;}
.width200 {width: 200px;}
.width250 {width: 250px;}
.width300 {width: 300px;}
.width320 {width: 320px;}
.width370 {width: 370px;}
.width400 {width: 400px;}
.width500 {width: 500px;}
.width600 {width: 600px;}
.widthAuto {width: auto;}

/* ===== Margins ===== */
.marginLeft0 {margin-left: 0px;}
.marginLeft5 {margin-left: 5px;}
.marginLeft10 {margin-left: 10px;}
.marginLeft15 {margin-left: 15px;}
.marginLeft25 {margin-left: 25px;}
.marginLeft30em {margin-left: 30em;}
.marginLeft75 {margin-left: 75px;}
.marginTop0 {margin-top: 0px;}
.marginTop3 {margin-top: 3px;}
.marginTop5 {margin-top: 5px;}
.marginTop10 {margin-top: 10px;}
.marginTop15 {margin-top: 15px;}
.marginTop20 {margin-top: 20px;}
.marginBottom0 {margin-bottom: 0px;}
.marginBottom3 {margin-bottom: 3px;}
.marginBottom5 {margin-bottom: 5px;}
.marginBottom15 {margin-bottom: 15px;}
.marginBottom30 {margin-bottom: 30px;}

/* ===== Padding ===== */
.paddingTop0 {padding-top: 0px;}
.paddingTop5 {padding-top: 5px;}
.paddingLeft6 {padding-left: 6px;}
.paddingLeft3em {padding-left: 3em;}

/* ===== Message boxes ===== */
div.messageHeader {
	margin-bottom: 20px;
}
div.message {background-color: #FFF;}
div.button {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

/* Aligns */
.alignCenter {text-align: center}
.alignLeft {text-align: left}
.alignRight {text-align: right}

/* Floats */
.floatLeft {float: left}
.floatRight {float: right}

/* Clears */
.clearLeft {clear: left;}
.clearRight {clear: right;}
.clearBoth {clear: both;}
.displayNone {display: none;}

/* Overflows */
.overflowAuto {overflow: auto;}

/* General */
.t4 {font-weight: bold;}

/* Font sizes */
.mediumFont, .fontSize85 {
	font-size: 85%;
}

#inner-banner1 img {
	width: 90%;
	height: auto;
	margin: auto;
}

/* Admin */
.application-documents-username {
    font-weight: bold;
    margin-left: 10px;
}

.application-documents td {
    border: none;
    padding: 0px;
}

/*Mobile fixes*/
@media (max-width: 670px) and (min-width: 481px) {
	form div input.inputText, form div input.inputPassword {
	/*    width: 40%;*/
	}
	form fieldset div.notes {
		float: none;
		margin: 10px 0 0px 0px;
		display: inline-block;
		width: auto;
	}
	legend {
		float: none;
	}
	
	#txtExtension {
		width: 29%;
	}
	
	#txtEthnicCulturalGroup, #txtOtherImpairment {
		width: 40%;
	}
}

@media (max-width: 480px) {

div.leftside
{
    float: none;
    width: 97%;
}
div.rightside
{
    float: none;
    width: 97%;
}

	form div input.inputText, form div input.inputPassword {
	    /*width: 97%;*/
	}
	form fieldset div.notes {
		float: none;
		margin: 10px 0 0px 0px;
		display: inline-block;
		width: auto;
	}
	legend {
		float: none;
	}
	
	form div label {
		display: block;
		float: none;
		width: auto;
		padding: 0px 0px;
		margin: 0 0 0px 0;
		text-align: inherit;
	}
	
	#txtEthnicCulturalGroup, #txtOtherImpairment {
		width: 97%;
	}
	
	#txtPostalCode, #txtExtension {
		width: 30%;
	}
}

/*Usermenu*/

#wb-session aside {
	float: right;
    width: 22%;
    border: 1px solid #335075;
    margin-top: -87px;
    background-color: #ffffff;
}

#wb-session ul {
	list-style-type: none;
    padding: 2% 3% 0px 6%;
}

#wb-session ul .settings {
	float: left;
    width: 56%;
    border-right: 1px solid whitesmoke;
}

#wb-session ul .session a {
	margin-left: 8%;
}

#wb-session aside a {
	text-decoration: none;
}

#wb-session aside a:visited {
	color: #284162;
}

#wb-session aside a:hover {
	color: #284162;
}

#wb-session aside:lang(fr) {
	width: 34%;
}

#wb-session ul:lang(fr) {
	margin-bottom: 11px;
}

@media (max-width: 1199px) {
	#wb-session aside {
		width: 27.9%;
	}
	
	#wb-session aside:lang(fr) {
		width: 41%;
	}

	#wb-session ul:lang(fr) {
		margin-bottom: 7px;
	}
}

@media (max-width: 991px) {
	#wb-session aside {
		float: none;
		width: 100%;
		margin-top: 0;
	}
	#wb-session ul .settings {
	    float: left;
        width: 48%;
        border-right: 1px solid whitesmoke;
	}

	#wb-session ul .session a {
    	margin-left: 23%;
	}
	
	#wb-session aside:lang(fr) {
		width: 100%;
	}
}

@media (max-width: 400px) {
	#wb-session ul .settings {
	    float: left;
        width: 56%;
        border-right: 1px solid whitesmoke;
	}

	#wb-session ul .session a {
	    margin-left: 14%;
	}
	
	#wb-session aside:lang(fr) {
		width: 100%;
	}
}

/******French Only Fix For Smaller Screen Sizes*******/

@media (max-width: 550px) {
	#wb-session ul .settings {
		text-align: center;
	}
	
	#wb-session ul .session {
		text-align: center;
	}
	
	#wb-session ul .session a {
		margin-left: 0;
	}
}

/*****Opportunities Page********/

#opportunity #title {
	padding-top: 1px;
	padding-left: 54px;
}

#opportunity #closedate {
	padding-top: 1px;
	padding-left: 128px;
}

#opportunity #number {
    padding-top: 1px;
	padding-left: 192px;
}

#description {
	clear: right;
}

/****Manage Application Page******/

.OpportunityOptions {
    margin-top: 20px;
}

.OpportunityDetails {
    border: 1px solid black;
    margin-top: 8px;
	background-color: #ffffff;
}

.Opps1 {
	border-bottom: 1px solid black;
	padding-top: 20px;
	padding-bottom: 18px;
}

.Opps2 {
	border-bottom: 1px solid black;
	padding-top: 20px;
	padding-bottom: 18px;
}

.Opps3 {
	border-bottom: 1px solid black;
	padding-top: 20px;
	padding-bottom: 18px;
}

.OpportunityWithdraw {
	vertical-align: bottom;
}

.opportunitystatus {
	width: 20%;
	margin-left: 4px;
    font-weight: bold;
    font-style: italic;
}

.opportunitycloselabel {
	float: right;
    /*width: 34%;*/
    margin-top: -23px;
    margin-right: 36%;
	font-weight: bold;
}

.opportunitycloselabel:lang(fr) {
    width: 42%;
}

.opportunityclose {
	float: right;
    margin-top: -23px;
    margin-right: 7%;
}

.OpportunityApplicationForm, .OpportunityCV, .OpportunityReferenceLettersLabel, .OpportunityReferenceLetters, .OpportunityConsentForm {
	margin-left: 4%;
	padding-top: 6px;
}

.OpportunityApplicationForm img {
	margin-right: 10px;
}

.OpportunityCV  img {
	margin-right: 10px;
}

.OpportunityReferenceLetters  img {
    margin-left: 20px;
	margin-right: 10px;
}

.OpportunityConsentForm  img {
	margin-right: 10px;
}

.OpportunityReferenceLetters a:hover {
	text-decoration: none;
	color: #333;
}

.OpportunityReferenceLetters a:visited {
	text-decoration: none;
	color: #333;
}

.linkbutton {
	background-color: #ffffff;
    display: inline-block;
    padding: 8px;
    border: 1px solid #335075;
}

.linkbutton a {
	text-decoration: none;
}

.linkbutton a:hover {
	color: #335075;
}

.linkbutton a:visited {
	color: #335075;
}

#opportunitycloselabel:lang(fr) {
	white-space: nowrap;
}

#phonenumbersheader {
	float: left;
	width: 0;
	margin-top: 34px;
}

#phonenumbers {
	padding: 65px;
}

/******Register Button******/
#btnRegister {
	margin-left: auto;
    margin-right: auto;
}

@media (max-width: 535px) {
	#AddressBlock {
		float: none;
	}
	#phonenumbersheader {
		float: none;
		margin-top: 11px;
	}
	#phonenumbers {
		padding: 0;
	}
}

/***French Fixes***/
@media (max-height: 991px) and (min-width: 760px) {
	.OpportunityDetails:lang(fr) {
		width: 44%;
		margin-right: 2%;
	}
}

@media (max-width: 759px) {
	.OpportunityDetails:lang(fr) {
		float: none;
		width: 90%;
	}
	.opportunitycloselabel:lang(fr) {
		white-space: inherit;
	}
	.opportunitycloselabel:lang(fr) {
		margin-right: 30%;
	}
	.OpportunityDetails {
		width: 100%;
	}
	.OpportunityDetails {
		float: none;
		/*width: 78%;*/
	}
	.OpportunityApply {
		margin-top: 10px;
	}
	.Opps1 {
		width: 100%;
	}
	.Opps2 {
		width: 100%;
	}	
	.Opps3 {
		width: 100%;
	}
}

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

@media (max-width: 1199px) and (min-width: 760px) {
	.OpportunityDetails {
		width: 50%;
	}
    form fieldset div.notes {
        float: none;
        width: 100%;
    }
}

@media (max-width: 690px) {
	#opportunity .title {
	    float: none;
        margin-top: 0;
        margin-right: 0;
	}
    #opportunity .closedate {
	    float: none;
        margin-top: 0;
        margin-right: 0;
	}
    #opportunity .number {
	    float: none;
        margin-top: 0;
        margin-right: 0;
	}
}

@media (max-width: 400px) {
	div.Opps {
		float: none;
	}
	#opportunity #title, #opportunity #closedate, #opportunity #number{
		padding-left: 0;
	}
}

.alignCenter .linkbutton {
	margin-right: 10px;
}

@media (max-width: 472px) {
		.alignCenter .linkbutton:nth-child(2) {
			margin-top: 10px;
		}
}

.linkbutton-primary a {
	color: #ffffff;
	text-decoration: none;
}

/**.disabilitieslabel {
	font-weight: bold;
}*/

fieldset {
    border-top: 0;
}
.questionlabel {
    border-bottom: 1px solid #e5e5e5;
	font-weight: bold;
    clear: both;
}

.subquestionlabel {
	width: 100%;
}

div.optional.middle-name {
    position: absolute;
    left: -999em;
}

/* Override the theme margin-top for the H1 element. */
h1 {
    margin-top: .45em;
}

/* Override the theme padding-top for the wb-so row construct (log in/out). */
#wb-so .row {
    padding-top: 0px;
}

#lblWoman {
    display: inline-block;
}

/*Added CSS for WET form look and feel*/
.redbold {
	color: #CC0000;
	font-weight: bold;
}

/*Override for textbox*/
.form-control {
	max-width: 100%;
	width: 100%;
}

.optional[style] {
	margin: 0;
}

/*Background of form*/
.row main.container {
	background-color: #fff;
	padding-bottom: 15px;
}

/*Background of breadcrumbs*/
#wb-bc .container {
	background-color: #fff;
}



/*Submit button*/
#btnRegister {
	color: #fff;
    background-color: #2572b4;
    border-color: #091c2d;
}

#btnRegister:hover {
	color: #fff;
    background-color: #1c578a;
    border-color: #091c2d;
}

/*I am not a robot check-box*/
#cb-captcha {
	float: left;
}

#cb-captcha +label {
	margin-left: 2%;
}

@media screen and (max-width: 978px) {
	#cb-captcha +label {
		margin-left: 3%;
	}
}

@media screen and (max-width: 550px) {
	#cb-captcha +label {
		margin-left: 4%;
	}
}

@media screen and (max-width: 450px) {
	#cb-captcha +label {
		margin-left: 6%;
	}
}

/*Extention label*/ 
.extension {
	margin-left: 4px;
}

/*Notes formatting*/
.notes {
	padding-bottom: 10px;
	padding-top: 0 !important;
}
#txtEthnicCulturalGrouplabel {
	margin-bottom: 5px;
}

/*H1 Fix*/
h1 {
	border-bottom: 1px solid #eee;
}

/*Responsive for notes*/
@media screen and (max-width: 991px) {
	.optional {
		/*width: 51%;*/
	}
}

@media screen and (max-width: 799px) {
	.form-control {
		width: 100%;
	}
	#txtEthnicCulturalGroup, #txtOtherImpairment {
		width: 100%;
	}
	.optional[style] {
		margin: 0 !important;
	}
	#register-submit-button {
		margin-top: 15px;
	}
}

@media screen and (max-width: 480px) {
	.optional {
		width: 100%;
	}
	.optional[style] {
		margin: 0 !important;
	}
	.extension {
		margin-left: 0px;
	}
	#txtWork {
		margin-bottom: 10px;
	}
}

/*Fix for Ajax error*/
.mrgn-lft-md {
	display: none;
}

/*Reset button style*/
.reset-btn {
	margin-top: 10px;
}

/*Pagination Styling*/
a.pagebutton span.currentpage {
	font-weight: 600;
	border: none;
    background-color: white;
}

pagebutton a
{
    display: inline-block;
}

a.pagebutton span
{
       display: inline-block;
}
    span.currentpage, .btn a
    {
        color: #284162;
        text-decoration: none;
    }

    span.currentpage, .btn a:hover
    {
        color: #284162;
        text-decoration: none;
    }
.current {
	font-weight: 600;
	border: none;
    padding: 0 4px 0 10px;
	margin-right: 10px;
    margin-left: 6px;
}
.pageLinks {
	background-color: #ffffff;
    border: 1px solid #335075;
    border-radius: 4px;
    padding: 7px;
    margin: 0 1px 0 6px;
}

.pageLinks:hover {
	background-color: #e1e4e7;
    border: 1px solid #335075;
    border-radius: 4px;
    padding: 7px;
    margin: 0 1px 0 6px;
}

/*.fastLinks{
	background-color: #ffffff;
    border: 1px solid #335075;
    border-radius: 4px;
    padding: 7px;
    margin: 0 1px 0 6px;
}

.fastLinks:hover{
	background-color: #cfd1d5;
}*/

.pageLinks:last-of-type{
	margin-right: 17px;
}

/*.fastLinks {
	border-radius: 4px;
    border: 1px solid #335075;
	/*text-indent: -9999px;*/ 
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
	/*border: 1px solid grey;*/
    /*float: left;*/
    /*margin: 0 0 0 -35px;
	width: 5%;
}*/

/*.fastLinks:hover {
	border: 1px solid #335075;
}*/

li.btn-group input {
	float: none !important;
}

.first {
	float: left;
}

.btn-toolbar.list-inline {
	float: left;
}

.fastLinkText {
	z-index: 1;
    position: relative;
	
}

#precis {
	width: 100%;
}

table {
	clear: both;
}

.honey{
	display: none !important;
}

.ui-datepicker-trigger{
	display: inline-block;
    width: 20px;
	margin-left: -30px;
	cursor: pointer;
	border: none;
}