/* Default stuff */
@charset "utf-8";

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
/*	height: 100%;*/
	margin-bottom: 1px;
	background-color: #ffffff;
	text-align: left;
/*	line-height: 1.5;*/ /* too global a definition */
	color: #515756;
}

a
	{
	color: #53120B;
	/*font-size: 120%;*/
	}

#containertable
{
	margin: auto;
}

table{
	padding: 0;
	margin: 0;
	border: none;
}

a img
{
	border: none !important;
}

h1, div.componentheading
{
	font-size: 24px;
}

h3, h2
{
	font-size: 18px;
}

h1, h2, h3, h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* REMOVE THIS: It's too global and messes jquery ui stuff up.
th
{
	font-size: 12px;
	color: #666666;
	background-color: #3F5179;
}
form
{
	font-size: 12px;
}

input
{
	font-size: 12px;
}

textarea
{
	font-size: 12px;
}

select
{
	font-size: 12px;
}

ul {
	font-size: 12px;
	color: #515756;
	list-style-type: disc;
	list-style-position: outside;
}

li
{
	font-size: 12px;
	color: #515756;
}

ol
{
	font-size: 12px;
	color: #515756;
	list-style-type: upper-roman;
	list-style-position: outside;
}
*/
.small
{
	font-size: 9px;
	color: #515756;
}

.big
{
	font-size: 18px;
}

.bodystyle
{
	font-size: 10px;
	color: #515756;
}

p
{
	color: #515756 !important;
}
/*
html
{
	height: 100%;
}*/

/* Layout */
#divContainer
{
	margin: auto;
	width: 950px;
}

#divHeader
{
	float: left;
	width: 100%;
	height: 100px !important;
	overflow: hidden;
}

#divLogo
{
	float: left;
	width: 300px;
	height: 100px;
	background-image: url(/site_media/images/logo.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#divMenuLeft
{
	float: left;
	width: 16px;
	height: 36px;
	background-image: url(/site_media/images/menubarleft.jpg);
	background-repeat: no-repeat;
}

#divMenu
{
	float: left;
	width: 737px;
	height: 36px;
	background-image: url(/site_media/images/menuback.jpg);
}

#divMenuRight
{
	float: left;
	width: 15px;
	height: 36px;
	background-image: url(/site_media/images/menubarright.jpg);
	background-repeat: no-repeat;
}

#divContentContainer
{
	float: left;
	width: 768px;
	min-height: 500px;
	overflow: hidden;
}

#divSlide
{
	float: left;
	width: 736px;
	height: 261px;
	/* TJD 655 background-image: url(/site_media/images/homeheader.jpg);*/
	background-image: url(/site_media/images/homeheader.jpg);
	background-repeat: no-repeat;
	margin-left: 16px;
}

#divSlideInner
{
	float: left;
	width: 736px;
	min-height: 179px;
	background-image: url(/site_media/images/innerheader.jpg);
	background-repeat: no-repeat;
	margin-left: 16px;
}

#divInnerContent
{
	float: left;
	width: 736px;
	min-height: 20px;
	margin-left: 16px;
}

#divRight
{
	float: left;
	width: 155px;
	height: 535px;
	/*background-image: url(/site_media/images/RightContent.jpg);*/
	background-repeat: repeat-y;
	background-position: right;
	margin-top: -35px;
	margin-left: 1px;
	overflow: hidden;
}

#divSpotlightTop
{
	float: left;
	width: 137px;
	height: 8px;
	background-image: url(/site_media/images/bannertop.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;
}

#divSpotlight
{
	float: left;
	width: 137px;
	height: 515px;
	background-image: url(/site_media/images/bannermiddle.jpg);
	margin-left: 10px;
}

#divSpotlightBottom
{
	float: left;
	width: 137px;
	height: 15px;
	background-image: url(/site_media/images/bannerbottom.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;
}

#divFooter
{
	clear: both;
}

#divCopyright
{
	margin-left: 190px;
}

#divCopyright, #divCopyright a
{
	color: #FFFFFF !important;
}

/* we no longer want this to run across the screen */
table.CommercialAdvertsTable
{
	width: 100% !important;
}

div#footer
{
	width: 100% !important;
}

a.mod_login
{
	color: #FFFFFF;
}

div.microbanner
{
	margin-left: 15px;
	margin-bottom: 5px;
}

div.header, td.header
{
	font-weight: bold;
	font-size: 13pt;
}


#divFooter
{
	text-align: center;
}

#divFooter li {
	display: inline;
	margin: 0;
	padding: 0;
}

#divFooter li a {
	display: inline;
	line-height: normal;
	padding: 0 15px;
	font-size: 92%;
	text-decoration: none;
	color: #663399;
}

#divFooter li a:hover {
	text-decoration: underline;
	color: #663399;
}

li.ja-firstitem {
	background: none !important;
}

.ja-footurl {
	float: none;
	clear: both;
}

#spanIPPNText
{
	font-size: 92%;
	color: #858783;
}

div#divNewsFlash
{
	display: block;
	margin-top: 168px;
	margin-left: 10px;
}

#divNewsFlash a:active, #divNewsFlash a:visited {
	color: #f15a13;
}

div#divNewsFlashInner
{
	display: block;
	margin-top: 108px;
	margin-left: 10px;
}

h3.h3Stats
{
	font-size: 12px;
}

p.pStats , h3.h3Stats, #divNewsFlash p, #divNewsFlash h3
{
	color: #FFFFFF !important;
         margin-top: 0.2em;
         margin-bottom: 0.2em;
}

/* the search form */
#frmSearchForm, #frmAdvertise, #frmRegister
{
	width: 100%;
	margin-top: 20px;
	margin-left: 42px;
	width: 150px;
	text-align: center;
}

#frmSearchForm select, #frmAdvertise select
{
	width: 150px;
	margin-bottom: 10px;
}

input.btnJobSearch
{
	font-size: 0px !important;
	width: 175px;
	height: 46px;
	margin-left: 60px;
	background-image: url(/site_media/images/search.gif);
	border: 0;
}
input.btnAdvertise, input.btnRegister, input.btnJobSearch
{
	cursor: pointer;
}
input.btnJobSearch:active {
	margin-left: 61px;
	margin-top: 1px;
}

/* Ye Olde Buttons
input.advertiseIcon
{
	font-size: 0px !important;
	width: 155px;
	height: 52px;
	background-image: url(/site_media/images/advertise.gif);
	background-repeat: no-repeat;
}

input.editProfileIcon
{
	font-size: 0px !important;
	width: 155px;
	height: 52px;
	background-image: url(/site_media/images/editprofile.gif);
	background-repeat: no-repeat;
}

input.advertiseIcon:active, input.editProfileIcon:active {
	margin-left: 1px;
	margin-top: 1px;
}*/

div#ja-mainnav
{
	margin-top: 3px;
}

#divSlideInner div.banner, div#divInnerContent div.banner
{
	font-weight: bold;
	font-size: 16px;
}

div#divInnerContent div.banner
{
	color: #662D91;
}

#divSlideInner h3
{
	font-size: 14px;
}

/* fix button display */
.searchIcon, .advertiseIcon
{
	border: none !important;
}

#divInnerContent h1, #divInnerContent h2, #divInnerContent h3
{
	color: #662D91;
}

#divPanel2
	{
	position: relative;
	}

.advertiseIcon
{
	position: absolute;
	top: 135px;
	left: 40px
}


#divTopBanner
{
	float: left;
	margin-left: 150px;
	width: 482px;
	height: 85px;
	background-image: url(/site_media/images/TopBannerBackground.jpg);
}

input.logoutButton, input.login
{
	cursor: pointer;
}

div.banneritem
{
	margin-left: 11px;
	margin-top: 11px;
}


div.microbanner div.divEdupostBanner a img
{
	/*margin-left: 11px;
	margin-top: 11px;*/
	margin-left: -13px;
	border: 1px solid #000000 !important;
}

h4
{
	font-size: 15px;
	font-weight: bold;
}

h1, h3, h2
{
	font-weight: normal;
}

#frmFrontProfilePanel
{
	margin-top: 160px;
	margin-left: 50px;
}

input.editProfileIcon
{
	border: none !important;
}

/* ye olde 3 panel code */

/*
#divPanel1, #divPanel2, #divPanel3
{
	float: left;
	height: 220px;
	width: 236px;
	margin-top: 13px;
}

#divPanel1
{
	background-image: url(/site_media/images/panel1.jpg);
	background-repeat: no-repeat;
	margin-left: 16px;
	margin-right: 14px;
}

#divPanel2
{
	background-image: url(/site_media/images/panel2.jpg);
	background-repeat: no-repeat;
	margin-right: 14px;
}
#divPanel2.loggedIn
{
	background-image: url(/site_media/images/panel2_loggedin.jpg);
}

#divPanel2.loggedOut
{
	background-image: url(/site_media/images/panel2.jpg);
}

.linkToProfile
{
    cursor: pointer;
}

#divPanel3
{
	background-image: url(/site_media/images/panel3.jpg);
	background-repeat: no-repeat;
}
*/

#divPanel1, #divRightPanelHolder, #divPanel2, #divPanel3
{
	float: left;
}

#divPanel1
{
	background-image: url(/site_media/images/leftpanel.jpg);
	background-repeat: no-repeat;
	width: 374px;
	height: 235px;
	margin-right: 1px;
	margin-top: 10px;
	margin-left: 14px;
}

#divRightPanelHolder
{
	overflow: hidden;
	width: 361px;
	height: 235px;
	margin-top: 10px;
	margin-left: 5px;
}

#divPanel2
{
	background-image: url(/site_media/images/orange-panel.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 361px;
	height: 113px;
	margin-bottom: 8px;
}
#divPanel2.loggedOut
{
	background-image: url(/site_media/images/orange-panel.png);
	background-color: transparent;
}

#divPanel2.loggedIn
{
	background-image: url(/site_media/images/vacancy-alerts.png);
	background-colour: transparent;
}

.btnProfile, .btnResource
{
    cursor: pointer;
}

#divPanel3
{
	width: 361px;
	height: 113px;
	background-image: url(/site_media/images/job-seekers.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

#divPanel3.loggedOut
{
	background-image: url(/site_media/images/job-seekers.png);
	background-color: transparent;
}

#divPanel3.loggedIn
{
	background-image: url(/site_media/images/helpful-links.png);
	background-color: transparent;
}

/* redoing the buttons */
#frmAdvertise select#selAdLevel
{
	margin-top: 25px;
	font-size: 16px;
}

#frmSearchForm select
{
	width: 290px;
	font-size: 16px;
}

input.advertiseIcon
{
	font-size: 0px !important;
	width: 124px;
	height: 89px;
	background-image: url(/site_media/images/advertise.png);
	background-color: transparent;
	border: none;
	top: 5px;
	left: 225px;
}

input.editProfileIcon
{
	font-size: 0px !important;
	width: 124px;
	height: 86px;
	background-image: url(/site_media/images/edit-profile.png);
	background-color: transparent;
	background-repeat: no-repeat;
}

input.advertiseIcon:active, input.editProfileIcon:active {
	margin-left: 1px;
	margin-top: 1px;
}

/* New registration area */
input.registerIcon
{
	font-size: 0px !important;
	width: 124px;
	height: 101px;
	background-image: url(/site_media/images/register.png);
	background-color: transparent;
	background-repeat: no-repeat;
	margin-top: -15px;
	margin-left: 182px;
	border: none;
}

input.registerIcon:active
{
	margin-top: -14px;
	margin-left: 183px;
}

#frmFrontProfilePanel
{
	margin-top: 0;
	margin-left: 220px;
}

#frmRes1, #frmRes3, #frmRes2
{
	float: left;
	margin-left: 220px;
	width: 140px;
	height: 32px;
	margin-top: 4px;
}

#frmRes1 input, #frmRes3 input, #frmRes2 input
{
	margin-left: 1px;
	margin-top: 1px;
}

#frmRes1 input
{
	width: 124px;
	height: 32px;
	font-size: 0px !important;
	background-image: url(/site_media/images/textasub-alerts.png);
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
}

#frmRes2 input
{
	width: 124px;
	height: 31px;
	font-size: 0px !important;
	background-image: url(/site_media/images/message-board.png);
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
}

#frmRes3 input
{
	width: 124px;
	height: 31px;
	font-size: 0px !important;
	background-image: url(/site_media/images/FAQ.png);
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
}

/*ol{list-style-type:decimal}*/

#divTopBanner a
{
	float: left;
	margin-left: 10px;
	margin-top: 10px !important;
}

/* tjd 29-03-2010 Increase size of title field on 3rd level */
input#id_title
{
	width: 250px;
}