@import "x-generic.css";
@import "x-layout.css";
@import "x-searching.css";
@import "x-content.css";
@import "x-maps.css";
@import "x-footer.css";
@import "x-forms.css";
@import "AjaxSessionTimer.css";
@import "x-help.css";

/*
body {
	background-image: url(../images/bgPeople1st.gif);
	background-repeat: repeat;
}
div#wrapper {
	background:#FFF;
	border: 10px solid #FFF;
}
body.PopUp {
	background:#FFF;
}
*/

/* FOR TEST SITE 
body {
	background-image: url(../images/TestServer.gif);	
}
 END FOR TEST SITE */

.Protected {display:none}




/* ADDED BY STEVE, INNOWARE */
.funding{
	font-size: 120%;
	font-weight: bolder;
	margin-left: 10px;
	background: #393; color :#fff;
	padding: 0 4px;
}
.purplep{
	margin: 12px 0;
	border: 1px solid #4295D1;
	padding: 5px;
}
	.purplep img.pp{
		float: right;
	}

	p.instructions{
		font-size: xx-small;
		margin-top: 0;
		padding-top: 0;
	}

	#sectionBlocks p{
		padding: .5em 8px .2em 8px;
	}
	dl{
		margin-top: 1em;		
	}
	.emps{

		width: 80%;
	}
	ul.browse{
		padding-left: 0;
	}
	ul.browse li{
		float: left;
		margin-top: 1em;
		padding-right: 10px;
	}	



	


    .vacancy a:link, .vacancy a:visited, .vacancy a:hover{
        color: #900;
    }
    a.purple:link,  a.purple:visited,  a.purple:hover{
        color: purple;
    }
    .bigger{
        font-size: 130%;
        font-weight: bold;
    }
    .hideyPopup{
        position: absolute;
        z-index: 10000;
        background: #fff;
        border: 1px solid #ccc;
    }
        .hideyPopup a{
            margin-top: 1px solid #ccc;
            padding: 3px 6px;
        }
    #industries{
        display: none;
    }
    #main input{
        font-size: 100% !important;
    }
    #main .hideinMain{
		display: none;
        visibility: hidden;
    }

	


#newESFEditPanel
{
	display: none;
}

/* Missing data report */
/* =================== */
#fieldSelectorContainer
{
	position: relative;
	margin-left: 175px;
}

#fieldSelectorContainer #fieldSelector
{
	 /*position: absolute; 
	 margin-left: -175px;
	 width:250px;
	 height:70px; 
	 overflow-y:scroll;
	 overflow-x:hidden; */
	 margin-top: 10px;
	 border: solid 1px #a7a6aa;
}

#fieldSelectorContainer #fieldSelector table tr th 
{
	background-color:#4295D1;
	color:#000;
	text-align: center;
}

#fieldSelectorContainer #fieldSelector table tr .searchQuery {
	text-align: center;
	width: 70%;
}

#results #MissingData tr td.Empty
{
	background-color: LightGrey;
}

/* ADDED BY TOM, INNNOWARE */

#SpeechBubble {
	position: absolute;
	visibility : visible !important;
	background-image: url("../images/Speech.png");
	background-repeat: no-repeat;
	width: 404px;
	height: 170px;
	padding: 10px 10px 30px 10px;
}

#SpeechBubble #CommentText {
	width: 380px;
	height: 100px;
}

#SpeechBubble .smallerText {
	font-size: 80%;
}

#SpeechBubble #CommentLinks {
	float: right;
	margin-top: -10px;
	padding-right: 30px;
	_padding-right: 10px; /* For IE */
}

#SpeechBubble #CommentLinks #CommentsAnonymous {
	margin-bottom:-2px;
}
#SpeechBubble #CommentLinks #Anonymous 
{
	display:inline;
	margin-right:20px;
}

.Expanding {
	overflow: hidden;
	_padding-bottom: 10px;
}

/* GoodEmployer details page */
/* ========================= */
.listPos
{
	float: right;
	background: #bbb;
	border: 1px solid #ccc;
	color: #fff;
	width: 75px;
	font-weight: bold;
	text-align: center;
	margin-top: 1em;
}
.listPos div.ptn
{
	font-size: large;
}
td.graphBlog{
	width: 100px;
	
	background:#e2e3e3;
	vertical-align: 50%;
	border: 1px solid #bec7c7;
}

.smaller
{
    font-size: 85%;
}


#sub-wrapper td.graphblog{
	font-weight: normal;
	width: 20%;
}
#sub-wrapper .ratings th{
width: 80%;
}

.ratings a{
	cursor: hand;
}

.goodGuide
{
	width: 100%;
}
.goodGuide .question{width:100%;}
.goodGuide .no{text-align: center;}
.goodGuide .Maybe_No{text-align: center;}
.goodGuide .maybe{text-align: center;}
.goodGuide .Maybe_Yes{text-align: center;}
.goodGuide .yes{text-align: center;}
.goodGuide .on{background: #090;}
.goodGuide td{vertical-align: 50%;}
.goodGuide .chkNo { background-color:#FF4D4D;}
.goodGuide .chkMaybeNo { background-color:#FFA64D;}
.goodGuide .chkMaybe { background-color:#FFFF4D;}
.goodGuide .chkMaybeYes { background-color:#A6FF4D;}
.goodGuide .chkYes { background-color:#00E600/*#4DFF4D*/;}

.goodGuide caption 
{
	font-size:120%;
	font-weight:bold;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	margin: 3px 0 3px 0;
}


.EmpModal .group { font-style: italic; }

.EmpModal
{
	text-align: left;
	margin: 10px;
}
.EmpModal p
{
	margin: 10px 0px 10px 0px;
}

/* Vacancies that match skills - graph bar */

#MatchedVacancies div {
	margin: 0; 
	padding: 0;
}
	#MatchedVacancies .bar {
		display: block;
		width: 99%;
		background-image:none !important;	
		background: #e2e3e3 !important;
		border: 1px solid #d7d7d7;
		margin: 2px 0 0.5em 0 !important;
		padding: 0 !important;
	}
	#MatchedVacancies .percent {
		background-image:none !important;
		background-color: #3d3d40 !important;
		color: #fff;
		font-size: 80%;
		padding: 3px 5px !important;
		margin: 0 !important; 
	}

.iframediv{
	height: 100px;
	overflow: auto;
	border: 1px solid #ccc;
}
.standard{
	padding: 2px;
}
#qualsMachine{
	width: 100%;
	margin-bottom: 1em;
	margin-left: 0px;
}
	#qualsMachine .column{
		float: left;
		width: 55px;
		text-align: center;
		padding: 0;
		margin-right: 9px;
	}

	#qualsMachine .wider{
		width:100px;
	}

		#qualsMachine h6{
			border: 0;
			margin: 0; padding: 4px 0;
			font-size: 9px;
			font-weight: bold;
			color: #000;
		}

	#qualsMachine ul{
		position: relative;
		margin: -2px 2px !important;
		margin-bottom: 5px !important;
		padding: 0;
		height: 100px;
		border: 1px solid #e7e7e7;
		background: #fff;
		overflow: hidden;
		width: 100%;
	}
	#qualsMachine li{
		position: relative;
		list-style-type: none;
		display: block;
		border-bottom: 1px solid #e7e7e7;
		padding: 7px 0;
		margin: 0;
		text-align: center;
	}
		#qualsMachine li.top {
			border-top: 1px solid #e7e7e7;
		}
		#qualsMachine li.picked{
			background: #ffa;
		}
	#qualsMachine a, #qualsMachine img{
		margin: 0; padding: 0;
	}
	#qualsMachine a.scroll{
		padding-left: 1px;
		margin: 0 !important;
		margin-top: 10px !important
	}
	
#qualsMachineResults {
	margin-bottom: 20px;
}

#qualsMachineResults h3 {
	
}

/* Supporters Page TEC 15/05/2007 */
.supporters li {
	list-style-type:none;
	height: 50px;
	border-bottom: 1px solid #E9E9E9;
	font-size: 120%;
	margin: 20px 0;
	padding-bottom:20px;
}

.supporters li a { display:block; }
.supporters img { float: right; }

#welcomeTxt{
	float: left;
	width: 300px;
}
.welcomePic{
	float: right;
}


/* Added by Tom 13/07/07 for 
	super employee search filter report page */

	.FilterControls .Results {
		position: absolute;
		visibility: hidden;
		right:11px;
	}

	.FilterControls #FilterSearch, .FilterControls #FilterSearchAdd{
		width:140px;
	}

	.FilterControls .AutoCompleteFields {
		position:relative;
	}

.noMargin { margin:0px !important; }
.pointer { cursor:pointer !important; }


#extraContent a{color:#F24D00 !important}

#extraContent .more a {color:white !important}
#extraContent h3 a {color:white !important}

#vacancySearch #ChangePaths, #ChangeEmployers, #ChangeJobTitle
{
	color:#369 !important
}

#vacancySearch #PathwaysList li
{
	display:inline;
	
}

#vacancySearch .SimplifiedSearchBox
{
	border: solid 1px #bbb;
	width: 250px;
	height: 20px;
	padding: 6px 5px 0px 5px; 
	font-size: 12px;
	font-weight: bold;
	
}

#vacancySearch #SimplifiedSearchLoc
{
	
	width: 190px !important;
}

#vacancySearch #SimpleSearch span.lblLeft
{
	font-size: 9px;
	color: #333;
}
#vacancySearch #SimpleSearch span.InText
{
	font-size: 14px;
	color: #333;
	color:White;
}

#vacancySearch #SimpleSearch span.lblRight
{
	float:right;
	margin-right: 190px;
	margin-top: 2px;
	font-size: 9px;
	color: #333;
}

#vacancySearch  #SimpleSearch a.optionsLink {display:block; margin-left: 210px;}
#vacancySearch  a.optionsLink {float:right; margin-right: 50px;margin-top: 10px}

#vacancySearch #SimpleSearch p
{
	font-size: 14px;
}


#vacancySearch #pickJobTitlePanel
{
	display:none; width:250px; height:200px;overflow-y:scroll;overflow-x:none;
	border:solid 1px #bbb;
}
#vacancySearch #pickJobTitlePanel td {padding:0px;}

#vacancySearch #WhichPaths, #VacancySearchFields #ChangePaths
{
	margin-left:5px;
}
#vacancySearch #CareerPaths
{
	border: solid 1px #999;
	margin-bottom: 5px;
}

#VacancySearchFields
{
	margin-top: 5px;
}




#pickJobTitleList
{
	height:100px;
	overflow:scroll;
}

#SelectFromIndustry #PathwaysList
{
	border: solid 1px #999;
	margin-bottom: 5px;
	width:510px;
}

#SelectFromIndustry #pickJobTitleList
{
	width:250px;
}


.blueUnderline {font-weight:normal; color:#F24D00 !important}


#juitterContainer{} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{list-style:none;background:#EEFDEA;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;height:55px;} 
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}
#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/


/*  New QualSearch screens*/
#QualSearch2Options p
{
	font-weight: bold;
	font-size:12px;
	margin-bottom:2px !important;
}


div#mainWrapper div#refinementFilter
{
	width:480px;
}
div#mainWrapper div#refinementFilter h4 {font-size:14px;margin-bottom:10px}

div#mainWrapper div#refinementFilter ul {margin-left:0px;}

div#mainWrapper div#refinementFilter ul li
{
	display:inline;
	list-style-type: none;
	margin-right: 5px;
}


a.EntityEditLink 
{
	float:right;
	margin-top: -23px;
	margin-right:94px;
	border : solid 1px #440000;
	padding: 3px;
	background-color: #8B3A3A;
	color:#fff;
	font-size:12px;
}