﻿body {background-image:url(/images/bg-image.gif); background-repeat:repeat; background-color:#7a7a7a;}
H2, H3 {margin:0px 0px 10px 0;}
div.furniture {margin-left:-5000px;position:absolute;}
A:link, A:visited {color:#67cc13;text-decoration:none;font-weight:bold;}
A:hover {text-decoration:underline;}

#container {margin: 15px auto 0 auto;padding:0px;width:970px; background-color:White;}
#container a#skip {margin-left:-5000px; display:none;}
.error {color:#ff0000 !important}
.allnone {color:#67cc13;font-weight:bold;}

#mobileversion
{
	height:50px;
	width:100%;
	background-color:#000;
	padding:20px 20px 0 20px;
	text-align:center;
	font-size:2.0em;
}
#mobileversion a
{
	color:#fff;
}

/*	Green #67cc13
		Grey  #7a7a7a
		Pink  #ed008c
 */

/* Feedback */
#feedbackbutton {position:fixed; bottom:-3px;right:-1px;text-align:right;}

/* Header */ 

#container #header {background:#fff;margin-bottom:0px;} /* is height required 160px */
#container #header #logo {float:left;width:200px;padding:10px 0 0 10px}
#container #header #strapline h2 {height:15px;font-weight:bold;color:#7a7a7a;font-size:0.9em;padding:0;margin:2px 0 0 10px;}
#container #header #strapline {float:left;width:240px;height:18px;margin-top:2px}
#container #header #twitter-div {float:left; padding:3px 0 0 0; margin:0 0 0 250px;}
#container #header #facebook-div {float:left; margin:0 0 0 20px; width:300px;}
#container #header #members {float:right;text-align:right;margin:0;padding-right:15px;}
#container #header #members span.MemberWelcome {margin: 4px 5px 0 0; float:left; }
#container #header #banneradheader {float:right;width:730px;height:100px;margin-top:10px;padding-top:0px;padding-right:10px}
#container #header #placead {margin-left:280px;}


/* Footer */
#container #footer {background:#fff;font-size:0.85em;border-top:1px solid #7a7a7a; color:#7a7a7a;margin:20px 20px 0px 20px;padding:5px 0}
#container #footer #footerleft {float:left;width:65%;}
#container #footer #footerright {float:right;text-align:right;width:34%;}
#container #footer #footerright a {font-weight:normal;color:#7a7a7a;}
/* Login Modal */
#loginmodal {background:#67cc13 url(/images/login-bg.gif) no-repeat 0 -10px;padding:40px 40px 40px 50px;}
#loginmodal h2 {margin-left:-5000px}
#loginmodal #modalloginbox {float:left;width:415px; margin-top:10px;}
#loginmodal #modalloginprogress {position:absolute; width:100px; margin: 20px 0 0 360px;}
#loginmodal  .loginleft {float:left;margin-bottom:10px;font-weight:bold;text-align:right;padding-right:20px;width:120px}
#loginmodal  .loginright {float:left;margin-bottom:10px;width:270px;}
#loginmodal  #loginerror {padding-left:140px;font-weight:bold;font-size:1.0em;}
#loginmodal a {color:#fff;text-decoration:none;}
/* Feedback Modal */
#feedbackmodal {background:#ed008c url(/images/feedback-bg.gif) no-repeat 0 0px;padding:40px 40px 10px 50px;}
#feedbackmodal  .feedbackleft {float:left;margin-bottom:10px;text-align:right;padding-right:20px;width:220px}
#feedbackmodal  .feedbackright {float:left;margin-bottom:10px;width:200px;}
#feedbackmodal .modalerror {font-weight:bold;color:#fff !important}
#feedbackmodal A {color:#fff !important}
#feedbackmodalouter #close {text-align:right;width:100%}

/* Job Ads Modal */
#jobadmodal {background:#67cc13 url(/images/arrow-bg.gif) no-repeat 0 0px;padding:40px 40px 0px 50px; color:#fff; height:250px; border:1px solid #fff; }
#jobadmodal h2 {margin-left:-5000px}
#jobadmodal h3 {  font-weight:bold; font-size:14px; color:#fff; }
#jobadmodal #modalloginbox {float:left;width:350px;}
#jobadmodal #modalloginprogress {float:left;width:100px;}
#jobadmodal a {color:#fff;text-decoration:underline;}
#jobadmodal #close2 {text-align:right;width:100%}

/* A col */





/* Primary Navigation */
#container #content #navcolumn {float:left;width:230px;}
#container #content #navcolumn #primarynav{padding-bottom:10px;background:#fff;border:0px solid #D4D4D4; margin:0 0 0 5px; }
#container #content #navcolumn #primarynav ul {margin:6px 0 0 0px;padding:0px;}
#container #content #navcolumn #primarynav ul li{margin:0px 0 0 0px ;padding:0px 0 0 0px;text-align:left; list-style:none;color:#fff;}
#container #content #navcolumn #primarynav ul li a.header{background:url(/images/nav_arrow_right.png) no-repeat 10px 5px; font-size:20px;font-weight:bold;padding-left:30px;color:#6B6B6B; text-transform:uppercase;text-decoration:none;}
#container #content #navcolumn #primarynav ul li a.header:hover{background:url(/images/nav_arrow_down.png) no-repeat 10px 5px;}
#container #content #navcolumn #primarynav ul li a.active {background:url(/images/nav_arrow_down.png) no-repeat 10px 5px;} 

#container #content #navcolumn #primarynav ul li ul {text-align:left; list-style:none;color:#fff;padding:0;margin-left:0px;margin-right:0px;}
#container #content #navcolumn #primarynav ul li ul li {padding:0;margin:0;}
#container #content #navcolumn #primarynav ul li ul li {border-bottom:1px solid #ddd;}
#container #content #navcolumn #primarynav ul li ul li:first-child  {border-top:1px solid #ddd;}
#container #content #navcolumn #primarynav ul li ul li:last-child  {margin-bottom:10px;}
#container #content #navcolumn #primarynav ul li ul li a {display:block;padding:5px 0px 5px 40px; text-decoration:none;color:#6B6B6B;font-weight:bold; font-size:14px;}
#container #content #navcolumn #primarynav ul li ul li.active a, #primarynav ul li ul li a:hover {color:#fff; background:url('/images/nav-slice.gif') repeat-y #67cc13;color:#fff;}
	
	
#container #content #navcolumn .blog {background:#fff url(/images/blog-bg.gif) no-repeat 0 0;padding:50px 0 0 30px;margin-top:20px;margin-bottom:0px;}
#container #content #navcolumn .employer {background:#fff url(/images/blog-employer-bg.gif) no-repeat 0 0 !important;padding:50px 0 0 30px;margin-top:20px;margin-bottom:0px;}
#container #content #navcolumn .blog h3 {text-align:left;color:#67cc13;text-transform:uppercase;font-size:0.9em;padding:0;margin:0}
#container #content #navcolumn .blog p {margin:0px 0px 10px 0}
#container #content #navcolumn .blog p.blogtitle {margin:0}
#container #content #navcolumn .blog p#bloglink {text-align:right;}

/* are the next two required jerry */
#container #content #navcolumn #accordion {margin-top:40px;background:#ed028c url(/images/refine-bg.gif) no-repeat 0 0;padding:50px 0 0 0}
#container #content #navcolumn #accordion .button {margin: 20px 0 30px 30px}
#container #content #navcolumn #socialnetworks ul {	 border-top:1px solid #67cc13;border-bottom:1px solid #67cc13;padding:10px 0 10px 30px;list-style:none;color:#fff;text-align:left;font-weight:bold;}
#container #content #navcolumn #socialnetworks ul li {display:inline;text-align:left;padding:0 15px 0 0}
#container #content #navcolumn #socialnetworks ul li.active {font-weight:bold;}
#container #content #navcolumn #rectanglead{margin:10px 0; }

#container #content #navcolumn #calendar {background:#fff url(/images/calendar-bg.gif) no-repeat 0 0;padding:50px 0 0 25px;margin-top:20px;margin-bottom:20px;}
#container #content #navcolumn #calendar th,#container #content #navcolumn #calendar th td {text-align:center}
#container #content #navcolumn #calendar .today {color:#fff;background-color:#ed008c;height:20px;width:25px;padding-top:5px;}
#container #content #navcolumn #calendar .today a {color:#fff !important;text-decoration:none !important;}
#container #content #navcolumn #calendar .quietday {color:#7a7a7a;background-color:#fff;height:25px;width:25px;padding-top:5px;}
#container #content #navcolumn #calendar .quietday a {text-decoration:none !important}
#container #content #navcolumn #calendar .eventday {color:#fff;background-color:#67cc13;height:20px;width:25px;padding-top:5px;}
#container #content #navcolumn #calendar .eventday a {color:#fff !important;text-decoration:none !important}
#container #content #navcolumn #calendar .activeday {color:#fff;background-color:#7a7a7a;height:20px;width:25px;padding-top:5px;}
#container #content #navcolumn #calendar .activeday a {color:#fff !important;text-decoration:none !important}

/* Events */

#container #content #event .eventlabel {float:left;width:120px;text-align:left;font-weight:bold;margin-bottom:2px;}
#container #content #event .eventtext {float:left;width:360px;margin-bottom:2px;}
#container #content .eventinstance {padding-bottom:15px;margin-bottom:10px; border-bottom:1px solid #67cc13}

/* General Content Placeholders */

#rssImg { float:right; height:20px; width:20px; margin:6px 0 0 0; border:none; }
#rssHome { height:20px; width:20px; margin:0px 0 4px 0; border:none; }


#container #content #homecontent {float:left; width:725px;}
#container #content #contentcolumn {float:left;width:565px;padding:0px 20px;}
#container #content #contentcolumnjob {float:left;width:550px;padding:0px 20px;}
#container #content #relatedjobscol {float:left; width:130px;}
#container #content #relatedjobscol H4 {margin-bottom:0;}
#container #content #relatedjobscol p {margin-top:0;}
#container #content #contentcolumnwide {float:left;width:630px;padding:0px 20px;}
#container #content #contentcolumnnew {float:left;width:725px;}
#container #content #contentcolumnblogleft {float:left;width:545px;padding:0px 20px;}
#container #content #contentcolumnblogright {float:left;width:140px;padding:0px 0px;}
#container #content #contentcolumnblogright h4{margin-bottom:10px;}
#container #content #facsearchcolumn {float:left;width:230px;background-color:#eee;font-size:0.9em;}
#container #content #contentcolumnshortlist,  #container #content #contentcolumnsearch {float:left;width:565px;padding:0px 20px;margin-bottom:30px;}
#container #content #contentcolumnsearch h4 {margin-top:20px}
#container #content #contentcolumnsearch td {width:140px}
#container #content #contentcolumnsearch table {margin-bottom:0px}
#container #content .greybox {margin-bottom:20px;width:495px;padding:10px 20px 20px 40px;background:url(/images/passivebox-bg.gif) repeat-y 0 0px;border-top:1px solid #d0d0d0;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;}
#container #content .greenbox {margin-bottom:20px;width:495px;padding:20px 20px 20px 40px;background:url(/images/welcome-bg.gif) no-repeat 0 0px;border-top:1px solid #67cc13;border-right:1px solid #67cc13;border-bottom:1px solid #67cc13;}
#container #content .greenbox p {margin:0px 0 10px 0;}
#container #content .greenboxwide {margin-bottom:20px;width:100%;padding:20px 20px 20px 40px;background:url(/images/welcome-bg.gif) no-repeat 0 0px;border-top:1px solid #67cc13;border-right:1px solid #67cc13;border-bottom:1px solid #67cc13;}

/* Resources Index */
#resourceshome td DIV.resourcebox h4 {font-size:1.3em;}
#resourceshome td DIV.resourcebox ul {margin:0px;padding:0;width:120px}
#resourceshome td DIV.resourcebox ul li {margin:5px 0 0 0 ;padding:0px;text-align:left; list-style:none;}
.padright20 {margin-right:20px;}
#resourceshome td DIV.resourcebox {margin-bottom:20px;width:265px;height:240px;background:url(/images/welcome-bg.gif) no-repeat 0 0px;border-top:1px solid #67cc13;border-right:1px solid #67cc13;border-bottom:1px solid #67cc13;}
#resourceshome td DIV.resourcebox .resourcebg1 {padding:20px 20px 20px 40px; height:200px;background:url(/images/resources1-bg.jpg) no-repeat 100% 100%}
#resourceshome td DIV.resourcebox .resourcebg2 {padding:20px 20px 20px 40px; height:200px;background:url(/images/resources2-bg.jpg) no-repeat 100% 100%}
#resourceshome td DIV.resourcebox .resourcebg3 {padding:20px 20px 20px 40px; height:200px;background:url(/images/resources3-bg.jpg) no-repeat 100% 100%}
#resourceshome td DIV.resourcebox .resourcebg4 {padding:20px 20px 20px 40px; height:200px;background:url(/images/resources4-bg.jpg) no-repeat 100% 100%}

/* Employer Profiles */

.dvTitleInfo { width:300px; }
.dvInfo { float:left; width:24px; margin:0 0 0px 8px; }
.dvInfoAccompanier { float:left; } 
.leftAligner { text-align:left; clear:both; }
#container #content ul.profilebrowser li a, #container #content ul.profilebrowser li span {margin-right:10px}
#container #content .profilerow {margin-bottom:20px;}
#container #content .profilebrowser {width: 545px;margin: 0 0 20px 0;padding: 0;}
#container #content .profilebrowser li {margin: 0;	padding: 0;	list-style-type: none;display: inline;}
#container #content .profilebrowser span {font-weight:bold;}

#container #content .profilebrowser li a {	padding: 0 0px 0 0;}

#container #content .profileleft {float:left;width:170px; text-align:left}
#container #content .profileleft img {width:150px;}

#container #content .profileright {float:left;width:320px; text-align:left}

#container #content #profilecomplex {margin-top:25px;}

#container #content #profilecomplex table {width:250px;border:1px solid #67cc13;}
#container #content #profilecomplex th {padding:3px;text-align:left;background-color:#67cc13;color:#fff}
#container #content #profilecomplex td {padding:3px; border-top:1px solid #67cc13;}

.ajax__tab_header {background:#67cc13}
.ajax__tab_outer {background:#67cc13}
.ajax__tab_inner {background:#67cc13}

/* CMS Copy styles */
#container #content #contentcolumn {margin-bottom:20px}
#container #content #contentcolumn #cmscopy ul li, #container #content #contentcolumn #cmscopy ol li{margin-bottom:5px;}

#container #content h2 {color:#67cc13; font-size:20pt;font-weight:bold;margin-top:0;padding-top:0;margin-bottom:0; padding-bottom:0;}

/* Employer Management - MyUniGrad */

#container #content #myunigradheader {margin-left:20px;background:url(/images/my-unigrad-header.gif) top left no-repeat;height:41px;width:699px;margin-bottom:20px;}
#container #content #myunigrademp h3 span {color:#67cc13}
#container #content #myunigrademp .gvHeader {background-color:#67cc13;color:#fff;font-weight:bold;border:0px;}
#container #content #myunigrademp #campaigns {background: url(/images/your-campaigns.gif) no-repeat 0 0;padding-top:26px;}
#container #content #myunigrademp #campaigns #campaignButLeft {float:left; margin:10px 0 0 0;}
#container #content #myunigrademp #campaigns #campaignButRight {float:right; margin:10px 0 0 0;}
#container #content #myunigrademp #myunigrademplower {width:690px}
#container #content #myunigrademp #events {float:left;width:350px;}
#container #content #myunigrademp #promotion {float:right;width:250px;}
#container #content #myunigrademp #tip {background:url(/images/passivebox-bg.gif) no-repeat 0 0px;border-top:1px solid #c4c4c4;border-right:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;margin-bottom:30px;}
#container #content #myunigrademp #tip #tipimage {background:url(/images/tip-bg.jpg) no-repeat 100% 100%;padding:20px 20px 195px 40px;}
#container #content #myunigrademp #tip h3 {text-align:left;color:#67cc13;text-transform:uppercase;font-size:0.9em;padding:0px 0 0 0px;margin-top:0}
#container #content #myunigrademp .employerevent {border-bottom:1px solid #67cc13; padding:10px 0}

/* Student Management Zone */

#container #content #contentcolumnmgtleft {float:left;width:325px;padding: 0 20px;}
#container #content #contentcolumnmgtleft #mgtbuttons {margin-top:10px; height:30px;}
#container #content #contentcolumnmgtleft .downloadcv {margin-top:20px;}
#container #content #contentcolumnmgtleft a.studentbuttonwide {display:block;width:265px;text-align:center;padding:5px 30px;}
#container #content #contentcolumnmgtleft a.studentbutton {text-align:left;padding:5px 30px;}
#container #content #contentcolumnmgtleft  h4, #container #content #contentcolumnmgtright  h4 {text-transform:uppercase;color:#67cc13;border-top:1px solid #67cc13;padding-top:5px;margin-top:20px;}
#container #content #contentcolumnmgtleft #jobs h5 {color:#7a7a7a;font-size:1.1em;margin:15px 0 0 0 ;padding:0;}
#container #content #contentcolumnmgtleft #jobs p {margin:0;padding:0;}
#container #content #contentcolumnmgtleft #savedsearches {border-bottom:1px solid #67cc13;}
#container #content #contentcolumnmgtleft #savedsearches ul {margin:0 0 10px 0; padding:0;}
#container #content #contentcolumnmgtleft #savedsearches ul li {margin:10px 0 0 0; padding:0;list-style-type: none;}
#container #content #contentcolumnmgtright {float:left;width:220px;padding: 0 20px 0 0;}
#container #content #contentcolumnmgtright #tip {background:url(/images/welcome-bg.gif) no-repeat 0 0px;border-top:1px solid #67cc13;border-right:1px solid #67cc13;border-bottom:1px solid #67cc13;}
#container #content #contentcolumnmgtright #tip #tipimage {background:url(/images/tip-bg.jpg) no-repeat 100% 100%;padding:20px 20px 195px 40px;}
#container #content #contentcolumnmgtright #tip h3 {text-align:left;color:#67cc13;text-transform:uppercase;font-size:0.9em;padding:0px 0 0 0px;margin-top:0}
#container #content #contentcolumnmgtright #changedetails {border-bottom:1px solid #67cc13;}

/* CV Builder */

#container #content #cvbuilderheader {margin-left:25px;background:url(/images/cv-builder-header.gif) top left no-repeat;height:41px;width:699px;margin-bottom:20px;}
#container #content #cvbuilder {float:left;width:685px;padding:0px 20px;}
#container #content #breadcrumb {font-weight:bold;}
#container #content #cvbuilder #cvbuildernav {float:left;width:120px;}
#container #content #cvbuilder #cvbuildernav ul {margin:0;padding:0}
#container #content #cvbuilder #cvbuildernav ul li {display:block;height:28px;text-align:right;background-color:#67cc13;padding:12px 10px 0 0;margin-bottom:1px;font-weight:bold;}
#container #content #cvbuilder #cvbuildernav ul li.active {background:#fff url(/images/arrow-grey.gif) no-repeat 0 4px;}
#container #content #cvbuilder #cvbuildernav ul li.sectioncomplete {background:#67cc13 url(/images/cvbuilder-sectioncomplete.gif) no-repeat 10px 10px !important;}
#container #content #cvbuilder #cvbuildernav ul li a {color:#fff;}
#container #content #cvbuilder #tip {background:#7a7a7a url(/images/greybox-bg.gif) no-repeat 0 0px;margin-top:25px;color:#fff;padding:20px 10px 10px 35px;}
#container #content #cvbuilder #tip h4 {text-transform:uppercase}
#container #content #cvbuilder #cvbuildercontent {float:right;width:540px;margin-bottom:20px;}
.addanother {padding-left:270px}
#container #content #cvbuilder .cvbuilderrow {margin-top:10px;}
#container #content #cvbuilder .cvbuilderleft {float:left;width:220px; text-align:right;color:#555;}
#container #content #cvbuilder .cvbuildermiddle {float:left;width:10px;text-align:right;font-weight:bold;}
	.mandatoryfield {color:#ff0000}
#container #content #cvbuilder .cvbuilderright {float:left;padding-left:20px;width:250px; text-align:left}
#container #content #cvbuilder .cvbuilderright label {color:#555}
#container #content #cvbuilder .cvbuilderright p {margin:5px 0 10px 0 !important;padding:0 !important}
  .helper {color:#999;font-weight:normal;}
#container #content #cvbuilder h3 {padding-left:30px;}
#container #content #cvbuilder h3 span{font-size:0.9em;}
#container #content #cvbuilder .activebox {margin-bottom:20px;width:515px;padding:10px 20px;background:url(/images/welcome-bg.gif) no-repeat 0 0px;border-top:1px solid #67cc13;border-right:1px solid #67cc13;border-bottom:1px solid #67cc13;}
#container #content #cvbuilder .passivebox {margin-bottom:20px;width:515px;padding:10px 20px;background:url(/images/passivebox-bg.gif) no-repeat 0 0px;border-top:1px solid #d0d0d0;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;}
#container #content #cvbuilder .passivebox p,  #container #content #cvbuilder .activebox p {padding-left:35px;}
#container #content #cvbuilder .pad20{padding-left:20px;}
#container #content #cvbuilder .cvbuilderrightfull {float:left;width:680px; text-align:left}
#container #content #cvbuilder .cvbuilderinput {width:250px}
#container #content #cvbuilder .cvbuilderinputbullet {width:235px}
#container #content #cvbuilder .padbelow {margin-bottom:5px;}
#container #content #cvbuilder  .cvbuilderright ul {margin:0 0 0 20px;padding:0}
#container #content #cvbuilder  .cvbuilderright ul li {margin:0px;padding:0;}
#container #content table#progress {border:1px solid #7a7a7a;}
#container #content table#progress td {border-top:1px solid #7a7a7a}

#container #content table#progress th {background-color:#7a7a7a;color:#fff;height:40px;padding:10px 10px 0 10px}
#container #content table#progress td {padding:10px 10px 10px 10px;vertical-align:middle}
#container #content table#progress td h4 {margin:5px 0 0px 0;padding:0;}
#container #content table#progress td img {}

/* Job Tracker */

#container #content .createinteraction {margin-bottom:20px;width:495px;padding:20px 20px 20px 40px;background:url(/images/welcome-bg.gif) no-repeat 0 0px;border-top:1px solid #67cc13;border-right:1px solid #67cc13;border-bottom:1px solid #67cc13;}
#container #content .interaction {margin-bottom:20px;width:495px;padding:20px 20px 20px 40px;background:url(/images/passivebox-bg.gif) no-repeat 0 0px;border-top:1px solid #d0d0d0;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;}
#container #content strong span {color:#ed008c}
.jobtrackerdivider {border-bottom:1px solid #67cc13;margin-bottom:10px}

/* Ad Column */

#container #content #adcolumn {float:right;width:120px;text-align:right;}
#container #content #adcolumn #memberlogin {text-transform:uppercase}
#container #content #adcolumn #memberlogin h3 {text-align:left;color:#7a7a7a;text-transform:uppercase;font-size:0.9em;padding:0px 0 0 0px;margin-top:0}
#container #content #adcolumn #memberlogin input.memberlogin {width:120px;font-size:0.9em;margin-top:5px;}

#container #content #navcolumn .banneradrectangle {margin:20px 0; text-align:center;}
#container #content #contenttop {background:url(/images/book-top.jpg) no-repeat 0 100%}
#container #content #contentcolumnshortlist {}
#container #content #contentcolumnshortlist h3 {margin:10px 0 0 0; padding:0;}
#container #content .jobinstance, #container #content .candidateinstance {border-bottom:1px solid #67cc13}

/* display jobs bit jobinstancewrap same as jobinstance but relative - allowing percentageMatch to be absolutely pos*/
#container #content #contentcolumnshortlist .jobinstancewrap {position:relative;}
#container #content #contentcolumnshortlist .percentageMatch {position:absolute; text-align:center; bottom:5px; left:0; line-height:30px; background:url(/images/job_match_box.jpg) no-repeat 0 0px; width:120px; height:27px;color:#67CC13; font-weight:bold; font-size:100%;}
#container #content #contentcolumnshortlist .jobinstance .shortlistleft{float:left;width:130px;margin-bottom:30px;}
#container #content #contentcolumnshortlist .jobinstance .shortlistright{float:left;width:430px;}
#container #content #contentcolumnshortlist .jobinstance p {margin:5px 0px;}

#container #content #contentcolumnshortlist .pager {padding:10px 0;border-bottom:1px solid #67cc13;}
#container #content #contentcolumnshortlist .pager a.selected {color:#ed008c !important}
#container #content #contentcolumnshortlist .pager a:active, #container #content #contentcolumnshortlist .pager a:hover {color:#ed008c !important; text-decoration:none;}
#container #content #skycol {float:left}

#container #content .pager ul {display:inline;margin:0;padding:0}
#container #content .pager li {display:inline; padding:0 4px;font-weight:bold;font-size:1.1em;} 
#container #content .pager li span {color:#ed008c}

/* generic I think */
.button, .fms_submitbutton {border:0;padding:3px 5px; background-color:#67cc19;color:#fff !important; text-transform:uppercase; font-size:1.2em;font-weight:bold;}

/* Home page Search Box */
#container #content #homejobsearchwiz{background: url(/images/search-bg-home-basic.png) no-repeat 0 0; height:223px; width:565px; padding: 0; margin: 0;}
#container #content #homejobsearchwiz h1 {font:arial; font-weight:bold; text-align:center; font-size:33px; color:#ed008c; text-transform:uppercase; padding-top:30px;}
#container #content #homejobsearchwiz h2 {font:arial; font-weight:bold; text-align:center; font-size:18px; color:#6b6b6b; padding-top:5px;}
#container #content #homejobsearchwiz #searchcols {margin:22px 0 0 40px;}
#container #content #homejobsearchwiz #searchcols .searchcol {float:left;width:150px; padding-right:20px;}
#container #content #homejobsearchwiz #searchcols .searchcol .searchwiz{width:150px;}
#container #content #homejobsearchwiz #searchfooter { padding-top:26px; }
#container #content #homejobsearchwiz #searchfooter a {color:#6b6b6b; font-size:14px;}
#container #content #homejobsearchwiz #searchfooter #searchmore {float:right; margin-right: 40px;}
#container #content #homejobsearchwiz #searchfooter #searchbutton {float:right; margin-right: 37px;}
#container #content #homejobsearchwiz #searchfooter a.searchbuttonlarge { background: transparent url('/images/search-but-large.gif') no-repeat scroll top right; margin:0 auto;  height: 33px; width:171px; display:block;}
#container #content #homejobsearchwiz #searchfooter a.searchbuttonlarge:hover { background: transparent url('/images/search-but-large.gif') no-repeat scroll bottom right;}
     
                                                            
/* Quick Search Toolbar */
#container #content #quicksearch {background:#ed008c url(/images/quicksearch-bg.gif) no-repeat 0 0;padding:0 0 0 140px;height:37px;margin-left:20px;}
#container #content #quicksearch SELECT {width:180px}
#container #content #quicksearch #jobtype {float:left;width:200px; margin-top:8px;}
#container #content #quicksearch #location {float:left;width:200px; margin-top:8px;}
#container #content #quicksearch #searchcta {float:left;width:100px;font-size:0.8em; margin-top:4px;}
#container #content #quicksearch #searchcta a.searchbuttonsmall { background: transparent url('/images/search-but-small.gif') no-repeat scroll top right; display:block;height: 27px; width:150px; margin:0 auto;}
#container #content #quicksearch #searchcta a.searchbuttonsmall:hover { background: transparent url('/images/search-but-small.gif') no-repeat scroll bottom right;}

/* Quick Search Toolbar - overrides for MGG */
body.mygradguide #container #content #quicksearch #searchcta a.searchbuttonsmall { background: transparent url('/images/search-but-small-mgg.gif') no-repeat scroll top right; height: 29px; width:150px; }
body.mygradguide #container #content #quicksearch #searchcta a.searchbuttonsmall:hover { background: transparent url('/images/search-but-small-mgg.gif') no-repeat scroll bottom right;}


/* Home Page Content */
#container #content #contenthomeleftcol {float:left;width:273px;margin:0;}
#container #content #contenthomerightcol {float:right;width:273px;margin:0;}
#container #content div.contenthomeboxes {background:url(/images/home-box-bkgnd.jpg) repeat-x bottom; margin-top:20px;width:273px; height:279px;}
#container #content div.contenthomeboxes h3{color:#ED008C;font-size:1.7em;font-weight:bold;padding:0;margin:0;text-decoration:none;text-transform:uppercase;}

#container #content #contenthomeleftcol #bottomleftbox {background:url(/images/home-bl-bkgnd.jpg) no-repeat bottom;}
#container #content #contenthomeleftcol #bottomleftbox p{width:130px; padding:0 0 0 5px;}

#container #content #contenthomeleftcol #bottomleftboxjob {background:url(/images/home-box-bkgnd-nobottom.jpg) repeat-x bottom;}
#container #content #contenthomeleftcol #bottomleftboxjob p {padding: 2px; margin:10px 0 5px 0;}
#container #content #contenthomeleftcol #bottomleftboxjob  ul{ padding: 0; margin: 0px;width:100%;list-style-type:none;}
#container #content #contenthomeleftcol #bottomleftboxjob li{color:#ED008C;  padding: 5px 0;border-bottom:solid 1px #d5d5d5; vertical-align:middle; }
#container #content #contenthomeleftcol #bottomleftboxjob li:first-child {border-top:solid 1px #d5d5d5;}
#container #content #contenthomeleftcol #bottomleftboxjob li.even{  background-color:#f1f1f1; }
#container #content #contenthomeleftcol #bottomleftboxjob li a{color:#7A7A7A; /* normal*/text-decoration:none;font-weight:normal;}
#container #content #contenthomeleftcol #bottomleftboxjob li a:hover{color:#000000; /* normal*/text-decoration:underline;}



#container #content #contenthomerightcol #bottomrightbox .employerlogo {text-align:center; }
#container #content #contenthomerightcol #toprightbox {background:url(/images/home-box-bkgnd-nobottom.jpg) repeat-x bottom;}
#container #content #contenthomerightcol #toprightbox  ul{ padding: 9px 0 0 0; margin: 0px;width:100%;list-style-position: inside;}
#container #content #contenthomerightcol #toprightbox li{color:#ED008C; /*disk color */ padding: 5px 0 5px 0;border-bottom:solid 1px #d5d5d5; vertical-align:middle; }
#container #content #contenthomerightcol #toprightbox li:first-child {border-top:solid 1px #d5d5d5;}
#container #content #contenthomerightcol #toprightbox li.even{  background-color:#f1f1f1; }
#container #content #contenthomerightcol #toprightbox li a{color:#7A7A7A; /* normal*/text-decoration:none;font-weight:normal;}
#container #content #contenthomerightcol #toprightbox li a:hover{color:#000000; /* normal*/text-decoration:underline;}
#container #content #contenthomerightcol #toprightbox div.mainlink {margin-top:11px;}
#container #content #contenthomerightcol #toprightbox div.mainlink a{font-weight:bold; color:#7A7A7A;}
#container #content #contenthomerightcol #bottomrightbox {background:url(/images/home-box-bkgnd-nofill.jpg) repeat-x bottom;}
#container #content #contenthomerightcol #bottomrightbox #employerrotator {margin: 28px auto;}

#container #content #contentbottom {background-color:#67cc13; margin-left:20px;margin-top:20px;margin-right:0px; }
#container #content #contentbottom a {color:#fff; }

#container #content #contentbottom #left {float:left;background:url(/images/footerleft-bg.gif) no-repeat 0 0;width:300px;}
#container #content #contentbottom #left h3 {text-align:left;color:#fff;font-size:1em;padding:50px 0 0 45px; font-weight:bold;}
#container #content #contentbottom #left p {width:250px;text-align:left;color:#fff;padding-left:45px;}
#container #content #contentbottom #image {float:left;width:160px;}
#container #content #contentbottom #right {float:right;width:230px;background:url(/images/footerright-bg.gif) no-repeat 100% 0px;}
#container #content #contentbottom #right p {margin-top:60px;margin-left:30px;color:#fff;font-weight:bold;}
#container #content #contentbottom #right ul {	list-style:none;color:#fff;padding:60px 0 0 40px; font-weight:bold;margin:0}
#container #content #contentbottom #right ul li {margin:0; padding:0;margin-bottom:10px;}


/* Jobs */
#container #content #highlightpanel #panelSocialMedia {float:right; text-align:right; width:110px;}
#container #content #highlightpanel #detailspanel {float:left;}
#container #content #highlightpanel .companyprofileitem {width:440px;}
#container #content #highlightpanel {border-top:1px solid #66cb12;border-bottom:1px solid #66cb12;padding:15px 0}
#container #content .highlightpanelleft{float:left;font-weight:bold;width:120px;text-transform:uppercase}
#container #content .highlightpanelright{float:left;width:250px;color:#7a7a7a}
#container #content #highlightpanel #quickfacts {float:left;width:370px;}
#container #content #highlightpanel #cta {float:right; text-align:right;width:180px;}
#container #content #highlightpanel #cta p{margin-top:0px;padding-top:0;margin-bottom:5px;}
 .activebox {}
#container #content #highlightpanel #cta #jobtrack {text-align:right;background: url(/images/cv-builder-tick.gif) no-repeat 0 0;font-weight:bold;margin-top:20px;}

/* Register */

#container #content #register p {margin:0}
#container #content .errorregister {background: url(/elemental/images/cross.gif) no-repeat top left;padding-left:25px;color:#666 !important;font-weight:bold}
#container #content #valAvailable {background: url(/elemental/images/tick.gif) no-repeat top left;padding-left:25px;color:#666 !important;font-weight:bold}
#container #content .registerrow {margin-top:10px;}
#container #content .registerlabel {float:left;width:210px;padding-right:20px;text-align:right;font-weight:normal;color:#555;}
#container #content .registerlabelvert {margin-top:20px;color:#555;}
#container #content .registerval {float:left;width:20px;font-weight:bold;}
#container #content .registerinput {float:left;width:240px;}
#container #content .registerinput img {margin:0px 0 0 2px;}
#container #content .registerinput label,  #container #content .registerinputvert label{color:#555;}
#container #content .register {width:220px;border: 1px solid #999;background-color: #fff;margin:0px;padding:0px;overflow: hidden;}

#container #content .registerShort {width:200px;border: 1px solid #999;background-color: #fff;margin:0px;padding:0px;overflow: hidden;}

#container #content #signupformtabs {height:21px}
#container #content #signupform {border:1px solid #333;padding:10px}
#container #content #signupform h4 {margin-top:20px;}



#container #content .employerheaderleft {float:left; width:430px;margin-top:25px;}
#container #content .employerheaderleft h3 {font-size:1.4em;}
#container #content .employerheaderright {float:right; width:120px;text-align:right;}

#container #content #breadcrumb {width:545px; margin:0 0 10px 0; padding:0;}
#container #content #breadcrumb ul {margin:0; padding:0}
#container #content #breadcrumb li {margin: 0;	padding: 0;	list-style-type: none;display: inline;}
#container #content #breadcrumb li a {	padding: 0 0px 0 0;}


#container #content #login {background:url(/images/welcome-bg.gif) no-repeat 0 0px;border-top:1px solid #67cc13;border-right:1px solid #67cc13;border-bottom:1px solid #67cc13;padding:20px 20px 15px 40px;width:505px;}
#container #content #logincontent {background:url(/images/login.gif) no-repeat 0 0px;padding-top:30px;}

#container #content #login h3 {color:#67cc13;text-transform:uppercase;font-size:0.9em;padding:0px 0 0 0px;margin:0}
#container #content #login p {margin:0;padding:0}




.adminrow {margin-top:20px;}
.adminleft {float:left;width:120px;padding-right:20px; text-align:right;font-weight:bold;}
.adminright {float:left;width:250px; text-align:left}
.pad20{padding-left:20px;}
.adminrightfull {float:left;width:680px; text-align:left}
#blogcategories ul {margin:0;padding:0;}
#blogcategories ul li {list-style-type:none;}

.headerleft {float:left;width:120px;}
.headerright {float:left;width:220px;}

.autocomplete_completionListElement {visibility : hidden;margin : 0px!important;padding:0px;background-color : #fff;color : windowtext;border : buttonshadow;border-width : 1px;border-style : solid; cursor:default; overflow : auto;height : 150px; text-align : left; list-style-type : none;}
.autocomplete_highlightedListItem {font-size:0.9em;background-color: #ffff99;color: black;padding: 1px;}
.autocomplete_listItem {font-size:0.9em;background-color : window;color : windowtext;padding : 1px;}

.admininput {width:250px}
.detailsupdated {font-weight:bold;color:Green}
.admincol {float:left; width:400px;}
.addscrollers {overflow:auto;width:450px;}
.repeatergrouper {background-color:#eee;margin-bottom:25px;}
.repeatergroupernew {border:1px solid #ccc;margin-bottom:25px;padding-bottom:20px;}
.adminDateLeft {float:left;text-align:right;width:40px;margin-bottom:5px;}
.adminDateRight {float:left;width:160px;margin-bottom:5px;}
.jqmWindow2 {display:none;position:fixed;top:30%;left:50%;margin-left:-300px;width:600px;background-color:#67cc13;color: #fff;border: 4px solid #fff;padding:0px;}
.jqmWindow3 {display:none;position:fixed;top:30%;left:50%;margin-left:-300px;width:600px;background-color:#ed008c;color: #fff;border: 4px solid #fff;padding:0px;}

.jqmWindow4 {display:none;position:fixed;top:30%;left:50%;margin-left:-300px;width:600px;background-color:#fff;color: #fff;border: 4px solid #000;padding:0px;}

.jqmOverlay {background-color: #000;}
* html .jqmWindow2 {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
* html .jqmWindow3 {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}

* html .jqmWindow4 {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}

.taglinks {margin-right:20px}

#ctl00_cphElementalTemplate_divUserAvailability { padding-left: 22px;font-weight:bold;color:#666;background-position: left;background-repeat: no-repeat;}
.validateTaken {background: url(/elemental/images/cross.gif) no-repeat top left;padding-left:25px;} 
.validateAvailable {background: url(/elemental/images/tick.gif) no-repeat top left;}
.validateProgress {background-image: url(/elemental/images/ajax-loader.gif);}
.invisible {display:none;}

/* Standard Info Button - as on my-unigrad page
slidingdoor button - see this http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */
a.standardinfobutton { background: transparent url('/images/standard-button-right.gif') no-repeat scroll top right; color:#ffffff;display:block;float: left;font-size: 12px;font-weight:bold;height: 24px;margin-right: 6px;padding-right: 10px;text-decoration: none;}/* sliding doors padding  10px*/
a.standardinfobutton span { background: transparent url('/images/standard-button-left.gif') no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 10px;} 
a.standardinfobutton:hover {background-position: bottom right;color:#ffffff;outline: none; }
a.standardinfobutton:hover span {background-position: bottom left;padding: 4px 0 6px 10px; /* push text down 1px */} 

a.standardpinkbutton { background: transparent url('/images/standard-pink-button-right.gif') no-repeat scroll top right; color:#ffffff;display:block;float: left;font-size: 12px;font-weight:bold;height: 24px;margin-right: 6px;padding-right: 10px;text-decoration: none;}/* sliding doors padding  10px*/
a.standardpinkbutton span { background: transparent url('/images/standard-pink-button-left.gif') no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 10px;} 
a.standardpinkbutton:hover {background-position: bottom right;color:#ffffff;outline: none; }
a.standardpinkbutton:hover span {background-position: bottom left;padding: 4px 0 6px 10px; /* push text down 1px */}

a.howtoapplybutton { background: transparent url('/images/howtoapply_button.gif') no-repeat scroll top right; color:#ffffff; display:block; float: left; height: 49px; width:177px; margin-right: 6px;}/* sliding doors padding  10px*/
a.howtoapplybutton:hover {background-position: bottom right;outline: none; }


/* Shortlist Accordion
----------------------------------*/
#shortlist #accordion {margin-top:0px;background:#ed028c; padding:0}

#shortlist .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1;background-color:#ed028c;color:#ffffff; }
#shortlist .ui-accordion .ui-accordion-li-fix { display: inline; }
#shortlist .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
#shortlist .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em;color:#fff;font-weight:normal }
#shortlist .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 15px; margin-top: -8px; }
#shortlist .ui-accordion .ui-accordion-content {padding: 5px 2px 5px 20px; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
#shortlist .ui-accordion .ui-accordion-content-active { display: block; }

/* SearchRefine Accordion
----------------------------------*/
#contentcolumnshortlist #shortlist #accordion div.showhidediv {color:#ffffff; float:right; margin:10px 3px 0 0;}
#contentcolumnshortlist #shortlist #accordion div.showhidediv input {border:0; background-color:Transparent; color:#ffffff; cursor:pointer; font-size:0.8em; padding:0;}
#contentcolumnshortlist #shortlist #accordion .searchhead {width: 490px;}
#contentcolumnshortlist #shortlist #accordion #expandsearch a.allornone {text-align:inherit; float:right;}
#contentcolumnshortlist #shortlist #accordion .searchborder {width:530px; margin-left:30px; border-top:solid #F468BA 1px; height:1px;}

.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 5%;
	left: 40%;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindowJob {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    margin-bottom:20px;width:515px;padding:10px 20px 20px 40px;
    background:#fff url(/images/welcome-bg.gif) no-repeat 0 0px;
    border-top:1px solid #67cc13;border-right:1px solid #67cc13;border-bottom:1px solid #67cc13;
}

.jqmInappropriate {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    margin-bottom:20px;width:515px;padding:10px 20px 20px 40px;
    background:#fff url(/images/welcome-bg.gif) no-repeat 0 0px;
    border-top:1px solid #67cc13;border-right:1px solid #67cc13;border-bottom:1px solid #67cc13;
}
* html .jqmInappropriate {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


.jqmOverlayJob { background-color: #999; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindowJob {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmNotice img.jqResize {position: absolute; right: 2px; bottom: 2px;}

/* Notice CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */

div.jqmNotice {
	display: none;
	position: relative;
	width: 540px;
  background:#fff url(/elemental/images/note_icon.png) 5px 5px no-repeat;
  border: 1px solid #000;
  padding: 0;
}

div.jqmNoticeInstance {
	display: none;
	position: relative;
  padding: 0;
}
.fms_inputfield {margin-bottom:5px;}
.fms_fieldname {margin-bottom:5px;}
 
.jqmnTitle{margin: 0 25px;}
  
.jqmnTitle h1{
  margin: 5px 0;
  padding-left:5px;
  width: 100%;
  font-size:10px;
  color:#FFFFCC !important;
  background-color:#505050;
}

div.jqmNotice .jqmClose {
  position: absolute;
  cursor: pointer;
  right: 4px;
  top: 6px;
}

.jqmnContent{
  border-top:1px;
  color:#000;
  padding:0 20px 5px;
}


div.forumDiv { width:555px;}
