/*	Splash screen for UKSP	*/

*{
	margin: 0; padding: 0;
	font-family: 'Arial Rounded MT Bold', helvetica, sans-serif;
}
a img{
	border: 0;
}
.clear{clear: both}

body{
	background: #2e2e2e;
	text-align: center;
	margin-top: 1%;
}
	#wrapper{
		position: relative;
		margin: 0 auto;
		width: 738px;
		padding-top: 100px;
		background: url(../images/v3/frontPageHeader.gif) no-repeat #fff;
		text-align: left;
		overflow-x: hidden;
	}
	#banner{
		margin: 0 20px 0 26px;
		.height:190px; /*JP 02/12/08*/
	}
		#banner .logo{
			position: relative;
			/*padding-top: 30px;*/ /* Jon P Front Page Change 26nov 2008*/
			font-family: 'Arial Rounded MT Bold', helvetica, sans-serif;
			font-size: 75%;
			clear: both;
			display: block;
		}
			#banner .logo h2{
				color: #939598;
				font-size: 100%;
				width: 400px;
				float: right;
				margin-bottom: 1em;
				font-weight: normal;
				font-style: italic;
			}
				#banner .logo p{
					width: 330px;
					float: right;				
				}	
					#banner .logo p .videoIcon{
						float: left;
					}
				#banner .logo h2 em{
					font-style: normal;
					color: #faa21b;
				}
			#banner .logo h2 span{
				color: #6f7072;
				display: block;
				padding-bottom: 10px;
				font-style: normal;
			}
				#banner .logo h2 a{color: #939598;}
				#banner .logo h3 a{
					color: #939598;
					font-size:small;
				}
			#banner .logo p{
				color: #3d3d3d;
				font-size: 8pt;
			}
				/*#banner .realise{
					/*float: right;*/
					/*width: 200px;*//*
					margin-top:17px;
				}*/ /*JP 02/12/08*/
		#banner .banner{
			position: relative;
			padding-top: 12px;
			clear: both;
		}
	#main{
		background: url(../images/v3/bigImage.jpg) bottom no-repeat transparent;
	}

	#choices{
		clear: both;
		font-size: 70%;
		margin: 30px 20px 0 20px;
		color: #fff;
	}

/* New Top Navigation	*/
#banner #topNav{
	margin: -4px 0 0 190px;
	display: block;
}
	#banner #topNav ul, #banner #topNav li{list-style-type: none; margin: 0; padding: 0;}

	#banner #topNav li{
		float: left;
		height: 22px;
		width: 125px;
		font-size: 10px;
		/*  letter-spacing: -1px;*/
	}
		#banner #topNav li a{
			color: #fff;
			display: block;
			height: 22px;
			padding-left: 20px;
			padding-top: 1px;
			text-decoration: none;
			font-size: 13px;
			font-family:Arial;
			
			
		}
	#banner #topNav li.btnNavStudy{background: url(../images/v3/navBtns/blackOff.gif) no-repeat;}
		#banner #topNav li.btnNavStudy:hover{background: url(../images/v3/navBtns/blackOn.gif) no-repeat;}
	#banner #topNav li.btnNavLook{background: url(../images/v3/navBtns/purpleOff.gif) no-repeat;}
		#banner #topNav li.btnNavLook:hover{background: url(../images/v3/navBtns/purpleOn.gif) no-repeat;}
	#banner #topNav li.btnNavWkng{background: url(../images/v3/navBtns/greenOff.gif) no-repeat;}
		#banner #topNav li.btnNavWkng:hover{background: url(../images/v3/navBtns/greenOn.gif) no-repeat;}
	#banner #topNav li.btnNavEmpl{background: url(../images/v3/navBtns/blueOff.gif) no-repeat;}
		#banner #topNav li.btnNavEmpl:hover{background: url(../images/v3/navBtns/blueOn.gif) no-repeat;}



/********************************
	Home bottom blobs
*********************************/

ul#blobs {
	list-style-type:none;
	position: relative;
	visibility: hidden;
	margin: 0;
	display: block;
	padding: 0;
	margin-bottom:190px;
	height:0px;
	/* IE5/Mac backslash filter \*/
	clear:left
	/* */
}
	ul#blobs li{
        position: relative;
        float:left;
        width:172px;
        height: 166px;
        margin: 0;
        margin-right: 1px;
        background: url(../images/v3/blobBox.png) no-repeat;
        font-size: 14px;
    }
        ul#blobs li#peepsBox1{
        margin-top:15px;
        .margin-top:0px;
        }
        ul#blobs li#peepsBox2{
        margin-top:15px;
        .margin-top:0px;
        }
        ul#blobs li#peepsBox3{
        margin-top:3px;
        .margin-top:0px;
        }
        ul#blobs li#peepsBox4{
        margin-top:15px;
        .margin-top:0px;
        }
		
	ul#blobs li a{
		display: block;
		width:172px;
		height: 166px;
		color: #000;
		text-decoration:none;
	}
	ul#blobs li h4{
		margin: 10px 10px 0 10px;
		color: #faa21b;
		font-style: italic;
		cursor:pointer;
		text-transform: uppercase;
		font-size: 14px;
		padding-left: 25px;
		padding-bottom: 5px;
		padding-top: 1px;
		min-height: 22px;
		letter-spacing: -1px; 
		background: url(../images/v3/yellowArrow.gif) no-repeat;
	}
		ul#blobs li.greyed h2{background: url(../images/v3/greyArrow.gif) no-repeat; color: #818285;}
	ul#blobs li .cutout{
		margin: 0 12px 0 12px;
		font-style:italic;
		font-weight:bold;
		color:#6F7072;
	}

	



/* FOOTER    */
    #footer{
        visibility: hidden;
        height: 250px;
        clear: both;
    }

    #footer2{
        clear: both;
        background: url(../images/v3/splash_bot.gif) bottom no-repeat !important;
        padding: 0 20px;
        margin: 0;
        height: 170px;
        text-align: center;
    }

    /*    Additions to footer    - steve Oct 09 */
    #footer2 #sections, #footer2 #quicklinks, #footer2 #contact{
        text-align: center;
        font-size: 12px;
        color: #000;
    }
        #footer2 #sections{
            margin: 0 10px;
        }
            #footer2 #sections a{}
            #footer2 .eu, #footer2 .sb{float: left;}
            #footer2 .p1{float: right; margin-right: 20px;}
            #footer2 .links{padding-top: 1.5em; padding-right: 30px;}

        #footer2 #quicklinks, #footer2 #contact{
            margin-left: 0;
            font-size: 11px;
            display: block;
            color: #333;
            clear: both;
        }
            #footer2 #quicklinks{padding-top: 10px;}
            #footer2 #contact{padding-top: 10px;}
        #footer2 #contact{
            font-size: 12px;
        }
        #footer2 #sections a{
            color: #000;
        }
        #footer2 #sections a, #footer2 #quicklinks a, #footer2 #contact a{
            color: #333;
            padding: 0 5px;
        }


div#SplashLogin {
	width:330px;height:105px;
	background: url(../images/uksp/login-bg-splash.gif) 0 0 no-repeat;
	padding:0px !important;
	visibility: hidden;
	display: none;
	position: absolute;
	top: 160px;
	left:30px;
	/*z-index: 999999;*/

}

	div#SplashLogin .oldH1 {
		font-size:80%;
		color:#FFF;
		padding: 15px 20px 12px 20px;
		font-weight: normal;
	}
		div#SplashLogin .inputs{
			position: relative;
		}
		div#SplashLogin #Button1
		{
			left:148px;
			
		}
		
		
	#WelcomeName
	{
		float:none !important;
		margin: 0px 0px 3px 10px !important;
	}
		
	.littleLogin{
		position:absolute;
		top: 278px;
		left:544px;
	}

	input.loginBtn, a.loginBtn,  a.logoutBtn{
		display:block;
		background: url(../images/v3/btnRedOff.gif) transparent no-repeat;
		width: 89px;
		height: 27px;
		margin-left: 7px;
		color:#fff;
		font-weight: normal;
		padding: 4px 0 0 22px;
		font-size:90%;
		text-decoration:none;
		border-style:none;
	}
	
		input.loginBtn:hover, a.loginBtn:hover {background: url(../images/v3/btnRedOn.gif) transparent no-repeat;}
		a.logoutBtn{background: url(../images/v3/btnRedOff.gif) transparent no-repeat;}
		a.logoutBtn:hover {background: url(../images/v3/btnRedOn.gif) transparent no-repeat;}

		div#firstBtn {
			display: block;
			width:100px;
			float: left;
			font-style: italic;
			text-transform: uppercase;
			/*margin-top:20px;*/ /* JP 02/12/08 */
		}
			div#firstBtn a{
				padding-top: 6px;
			}
			div#firstBtn a#firstBtnReg{background: url(../images/v3/btnYelOff.gif) transparent no-repeat; color: #000;}
			div#firstBtn a#firstBtnReg:hover{background: url(../images/v3/btnYelOn.gif) transparent no-repeat;}

		div#SplashLogin a.loginBtn {
			position: relative;
			float: right;
			margin-top: 5px;
			margin-right: 10px;
		}

		div#SplashLogin a.forgotLogin {
			position: relative;
			/*float: left;
			margin: 10px 0 0 15px;*/
			
			font-family: verdana, helvetica, sans-serif;
			font-size:60%;

		}

		div#SplashLogin input.loginBtn {
			position:absolute;
			bottom:13px;
			right:5px;
			width: 160px;
			height: 23px;
			padding: 0 0 0 24px;
			text-align:left;

		}
		
		div#SplashLogin span.rememberMe {
			font-family: verdana, helvetica, sans-serif;
			font-size:80%;
			float: left;
			margin: 5px 0 0 15px;
		}


		input#txtUsername, input#txtPassword,  input#fakePwd {
			padding:0px;
			width: 40%;
			font-family: verdana, helvetica, sans-serif;
		}
	
		input#txtPassword{
			width: 28%;
			}



		input#txtUsername {
			margin-left:12px;

			margin-right:5px;
		}


/*	IE 6	*/

.onlyIE6{
	clear: both;
	border: 1px solid #900;
	margin: 10px 5px;
	padding: 10px 10px;

}
	* html .onlyIE6{display: block; visibility: show;}

	.onlyIE6 p{
		font-size: small;
		color: #900;
		margin-bottom: 1em;
	}
	.onlyIE6 p.caveat{
		font-style: italic;
		color: #999;
	}


#BrandExtras
{
	/*margin-top:-25px;*/
	width:700px;
	/*text-align: right;*/
	margin-right: 15px;
	float:left;

}
#greatPlacesToFind
{
	/*position:absolute;*/
	float:left;
	z-index:-2;
} /*JP 02/12/08*/
#Brand
{
	max-height: 60px;
	max-width: 200px;
	/*border: 1px solid #d8d8d8;*/
	padding: 1px;
	float:right;
	margin-right:50px;
	/*float:right;
	margin-top:-140px;*/
	/*position:relative;
	left:400px;*/
}

#BrandExtraText
{
	color:Black;

}
.Preview_Vacancy
{
	border-top:1px dotted black;
}
#peepsBox2 h2
{
	letter-spacing:-2px!important;
	padding-left:20px!important;
}
#Loading
{
	position:relative;
	top:6px;
	margin-left:40px;
}

#welcomeInfo
{
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#faa21b;
	padding-bottom:120px;
	padding-right:25px;
	display:block;
	text-align:justify;
}

.clear h1{
	font-size: 95%;
	text-align: justify;
	padding: 1em 9px;
	color:#faa21b;
		font-style:italic;
}
	.clear h2{display: none;}

#BabelIds{
	display: none;
}


.watermarkOn {  
    color: #555 !important;  
    font-style: italic !important;  
}