/*reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol {list-style:none;}
caption,th {text-align:left;}
h3,h4,h5,h6{font:60% arial;font-weight:normal;}
h1 {color:#52662c;font:280% arial;font-weight:bold;display:inline;}
h2 {color:#52662c;font:160% arial;font-weight:bold;display: inline;}
h3 {color:#52662c;font:120% arial;font-weight:bold;display: inline;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*fonts*/
select {font:14px arial,helvetica,clean,sans-serif;width:200px;height:20px;vertical-align:middle;}
/* IMAGES ---------------------- */
img, a img {border: none;}
/* FORMS ----------------------- */
form {margin: 0;}
/* CLEARS n FLOATS ----------------------- */
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.floatleft {float:left;}
.floatright {float:right;}


#skipnav {
  position: absolute;
  margin-left: -1000px;
  }	

/* LAYOUT BLOCKS ----------------------- */

/* DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}  
body {background:#e2e2e2; text-align:center; padding:0;font: 12px normal Verdana, Arial, Helvetica, sans-serif; }*/
body {background:#d2debe; text-align:center; padding:0;font: 12px normal Verdana, Arial, Helvetica, sans-serif; }
/*#outer {width:956px; background:#fff; text-align:left; position:relative; height:auto; margin:12px auto;}*/
#outer {width:966px;padding-left:10px;background:#fff; text-align:left; position:relative; height:auto; margin:0px auto;}
#wrapper { width:956px; padding:0px;} 
#wrapper-inner { float:left; background:#fff; display:block; width:956px; margin-top:0px;background-image:url(../images/bgfull.gif);background-repeat:repeat-y;background-position:top right;}
#masthead {width:956px;background:#fff; padding-top:20px;font:100% verdana;height:120px; line-height:120px; color:#000;}
#mastheadmain { min-height:80px; background:#fff;}
#masthead .mastheadleft {float:left;width:460px;padding-left:0px;height:30px; line-height:30px;}
#masthead .mastheadright {float:right;width:456px;margin:0px;text-align:right;padding-right:10px;color:#000;}
#footer {background:#84A254; position:relative;border-top:5px #79944D solid;font:100% arial;height:50px;text-align:center;margin-top:0px;color:#fff;width:956px;margin:0px auto;}
#footer a {font:11pt Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footersm a {font:10pt Arial,Helvetica,sans-serif;color:#005DB3;text-decoration:none;}
#footersm a:hover {text-decoration:underline;}
#footer-bottom{width:976px;margin-top:5px;margin:10px auto;}
.col {text-align:left;float:left;width:200px;border-right:1px solid #84A254;font:9pt Arial,Helvetica,sans-serif;color:#000;text-decoration:none;padding:10px;}
.col-inner {text-align:left;float:left;font:9pt Arial,Helvetica,sans-serif;color:#000;text-decoration:none;padding-right:20px;}
.col h3 {font:10pt Arial,Helvetica,sans-serif;color:#52662c;font-weight:bold;padding-bottom:0px;}
.col a {font:9pt Arial,Helvetica,sans-serif;color:#52662c;text-decoration:none;}
.col a:hover {text-decoration:underline;}


/* nav */
/*#nav {  height:38px; font:190%; background-image:url(/images/menu-bg.gif);background-repeat:repeat-x; margin-top:0px;border-bottom:7px solid #5195CE;width:956px;}*/
#nav {  height:38px; background-color:#c3c3c3;background-repeat:repeat-x; margin-top:0px;border-bottom:7px solid #84A254;width:956px;}
#nav ul {  float:left; display:inline; width:956px;}
#nav li {  font-size: 120%; margin:0 0 0 0; height:38px; border-right:#FFF 2px solid;float:left; display:inline; }
#nav li.last { margin:0 0 0 0; border:none;}
#nav li.activetab{background-color:#84A254; color:#FFF;}
#nav li a.activetab{background:#84A254; color:#FFF;font-weight:bold;}
#nav li a.activetab:hover{background:#84A254 !important; font-weight:bold;color:#FFF;font-decoration:none;}

#nav a { display:block; padding:11px 20px; margin:0; text-decoration:none; font-family:Arial, Helvetica, sans-serif;  font-weight:bold; color:#000; }
#nav a:hover {text-decoration:none;background-color:#d2debe;}

#header { background:#84A254;position:relative;border-bottom:5px #79944D solid;font:100% arial;height:30px; line-height:30px;padding-left:10px;color:#FFF;font-weight:bold;}
#headerbox { background:#FFF; position:relative;padding:0px;font-family:Arial, Helvetica, sans-serif;  font-weight:bold; color:#000;}
#headerbox div, p {margin:0;padding:0;}

/* header */
fieldset.header{position:absolute;left:180px;top:0px;display:block;padding:1em;margin:0 0 0 0;}
.compInfo fieldset.forms{margin:0;}
fieldset.header legend{font-weight:bold;color:#fff;}
fieldset.header legend span{font-weight:normal;color:#6699cc;font-size:85%;}
.searchcontainer {width:290px;float:left;}
.searchbutton {width:100px;float:left;}
.searchsmalltext {font-weight:normal;color:#fff;font-size:85%;}
.header label{display:block;width:250px;font-weight:bold;color:#fff;font-family:arial;}
.header label span{display:block;font-weight:normal;color:#6699cc;font-size:85%;}
.header input[type=text],input[type=password],input[type=file]{border:1px solid #79924e;height:21px;width:220px;padding:4px;background: #fff;}
.header input[type=submit]{height:32px;width:80px;position:relative;top:16px;}
.header input:focus,.forms textarea:focus, input.sffocus, textarea.sffocus{border:1px solid #000;background:#F1FEFF;}
.header .error{margin:0;}


/* main columns */
#pri { width:320px; float:left; display:inline; background:#FFF;}
#sec { width:491px; float:left; background:#FFF;  display:inline; margin-left:15px;}
#ter { width:220px; float:left; display:inline; background:lightgrey; margin-left:15px;}
#twothirds { width:631px;  float:left; background:#FFF;  display:inline;min-height:650px;}
#right { width:320px; float:left; margin-left:5px; min-height:700px;background-color:#fff;}
#full { width:956px; float:left; background:#FFF; display:inline;}
#pri, #sec, #ter, #twothirds, #full, #right {height:100%;}

.inner {padding-left:5px;font:100% arial;}

p {padding-top:10px;font:normal Verdana, Arial, Helvetica, sans-serif;}
p.error {font-family:Arial, Helvetica, sans-serif;  font-weight:normal; color:red;margin:0;padding:0;}


h4 {padding:10px;font-family:Arial, Helvetica, sans-serif;  font-weight:bold; color:#FFF; }


#masthead a { font-size:8pt;font-family:verdana;text-decoration:underline;}
#masthead a:hover { font-size:8pt;text-decoration:none;}


ul#header-links { display:inline; float:right; height:18px; width:140px; }
ul#header-links li a { display:inline; text-decoration:none; color:#fff;}
ul#header-links li a:hover { color:#FFF; text-decoration:underline; }

/* Input and Errors */

/*input,select { border: 1px solid #717171; } */
.forms input.error,.forms select.error {border: 1px solid red; background-color: #FFFCE2;}


/* Logo Text Underneath */
.logoText {font:110% arial;color:#444444;}


/* Forms */
fieldset.forms{display:block; padding:1em;margin:0 0 1em 0;}
.compInfo fieldset.forms{margin:0;}
fieldset.forms legend{font-weight:bold;color:#418486;}
fieldset.forms legend span{font-weight:normal;color:#6699cc;font-size:85%;}
.forms label{display:block;width:331px;font-size:92%;margin:1em 0 0.2em 0;font-weight:bold;}
.forms label span{display:block;font-size:77%;color:#666;}
.forms input[type="submit"],input[type="button"]{padding:5px;}
.forms input[type=text],input[type=password],input[type=file]{border:1px solid #416585;height:21px;padding:4px;background: url(../images/fieldbg.gif) repeat-x;}
.forms input:focus,.forms textarea:focus, input.sffocus, textarea.sffocus{border:1px solid #000;background:#F1FEFF;}
.forms textarea{width:40em;height:10em;border:1px solid #999;background: url(../images/fieldbg.gif) repeat-x;}
.forms .error{margin:0;}
.helpText{border:1px solid #6699cc;width:100%;background-color:#fff;padding:0.25em;display:none;margin:0.5em 1em 0.5em 0;}

.sideform input[type=text],input[type=password],input[type=file]{border:1px solid #416585;height:21px;padding:4px;background:#fff;width:19em;}
.sideform input[type="submit"],input[type="button"]{padding:5px;}
.sideform label{display:block;width:331px;font-size:92%;margin:1em 0 0.2em 0;font-weight:bold;}
.sideform label span{display:block;font-size:77%;color:#666;}
fieldset.sideform{display:block; padding:1em;margin:0 0 1em 0;}


/* Tabs */
.container {margin: 100px 20px 20px 20px; }
ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 32px;border-bottom: 1px solid #999;border-left: 1px solid #999;width: 100%;}
ul.tabs li {float: left;margin: 0;padding: 0;height: 31px;line-height: 31px;border: 1px solid #999;border-left: none;margin-bottom: -1px;background: #e0e0e0;overflow: hidden;	position: relative;}
/* opacity:0.92;filter:alpha(opacity=92); */
ul.tabs li a {text-decoration: none;color: #000;display: block;font-size: 1em;padding: 0 20px;border: 1px solid #fff;outline: none;}
ul.tabs li a:hover {background: #ccc;}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #fff;border-bottom: 1px solid #fff;}
.tab_container {width: 100%;height:250px;border: 1px solid #999;border-top: none;clear: both;float: left; background: #fff;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}
.tab_content {display:none;padding: 20px;font:100% verdana,helvetica,clean,sans-serif;font-weight:normal;}
.tab_content h2 {font-weight: bold;padding-bottom: 10px;font-size: 1.4em;}
.tab_content h3 a{color: #254588;}
.tab_content img {float: left;margin: 40px 40px 20px 20px;border: 1px solid #ddd;padding: 5px;}

/* Bullets for HomePage */
.bulletsdisplay {display:block;margin:0; list-style:none;margin-top:15px;} 
.bulletsdisplay li {display:block;float:left; margin-right:5px; height:22px; color:#000;} 
.bulletsdisplay li a {display:block; height:20px; line-height:22px;font-size:10pt;text-decoration:none;color:#003366;text-align:left; cursor:pointer; width:250px; } 
.bulletsdisplay li a:hover { color:#003366; text-decoration:underline;}
.bulletsdisplay li a em {display:block; float:left; width:25px; height:22px; } 
.bulletsdisplay li a em.bullet{ background-image: url('/images/bullet.gif'); background-repeat: no-repeat; background-position: center center; } 

/* Search Bar */
.searchbar {position:relative;width:954px;height:84px;margin-top:10px;margin-bottom:0px;border:1px solid #79924e;background-color: #84A254;}
.searchHeader {position:relative;top:28px;left:20px;color:#fff;font:180% arial;font-weight:bold;}
.recruitersheader {position:relative;width:954px;height:147px;margin-top:10px;border:1px solid #79924e;background: url(../images/recruiters.png)}

/*.searchbarouter {width:954px;margin-top:10px;margin-bottom:10px;border:1px solid #CC9900;}
.searchbarinner {height:49px;border:1px solid #fff;background: url(../images/gradient50.gif) repeat-x;}*/

.featureBox {position:relative;margin-top:10px;width:628px;height:400px;border:1px solid #B6C7CF;background: url(../images/vet2_1.jpg) repeat-x;}
.featureheader{position:absolute;left:20px;top:10px;}
.featuretext{position:absolute;left:20px;top:40px;font:100% verdana,helvetica,clean,sans-serif;}
.logo{position:absolute;top:10px;}
.logo h1 {color:#003366;font:200% arial;font-weight:bold;display:inline;}

.rightBoxOuter {width:313px;margin-bottom:10px;margin-top:10px;border:1px solid #BDBDBD;}
.rightBoxInner {padding:10px;border:1px solid #fff;background-color: #E6E6E6;}
.rightBoxInner h1{color:#5C5C5C;font:140% arial;font-weight:bold;display:inline;}

.ListingBoxWrapper {width:617px;background:#ffffff;padding:5px;margin-bottom:10px;margin-top:10px;border:1px solid #DADADA;background-image: url(pl-gradient-gray.jpg);background-repeat: repeat-x;overflow: hidden;font:10pt Arial,Helvetica,sans-serif;}
.ListingBoxFullWrapper {width:944px;background:#ffffff;padding:5px;margin-bottom:10px;border:1px solid #DADADA;background-image: url(pl-gradient-gray.jpg);background-repeat: repeat-x;overflow: hidden;font:10pt Arial,Helvetica,sans-serif;}
.ListingBox {width:100%;}

.FlexBoxWrapper {float:left;background:#ffffff;margin:10px 0px 10px 0px;border:1px solid #DADADA;background-image: url(../images/pl-gradient-gray.jpg);background-repeat: repeat-x;overflow: hidden;font:10pt Arial,Helvetica,sans-serif;}
.FlexBox {padding:20px;}

.DottedLine {height:20px;border-top:1px dotted #79944D; margin-top:10px;}

/* Ajax Suggestion */
.ac_results {padding:0px;border:1px solid black;background-color: white;overflow: hidden;z-index: 99999;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {text-align: left; margin: 0px;padding: 2px 5px;cursor: default;display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
  font: verdana;font-size: 100%;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 18px;overflow: hidden;
}
.ac_loading {background: white url('indicator.gif') right center no-repeat;}
.ac_odd {background-color: #fff;}
.ac_over {background-color: #52662c;color: white;}


/* Scrollable Homepage */
.scrollable {position:relative;margin:10px 0px 0px 0px;overflow:hidden;width: 591px;height:248px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background:url() repeat-x;}
.scrollable .items {width:20000em;position:absolute;clear:both;}
.items div {float:left;width:589px;}
.scrollable img {float:left;margin:20px 5px 20px 21px;background-color:#fff;padding:2px;border:1px solid #ccc;width:100px;height:75px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.scrollable .scrollwrap {float:left;margin:0px 0px 5px 5px;width:288px;height:248px;padding-top:5px;}
.scrollable .jobs {float:left;margin:8px 0px 0px 0px;width:288px;height:90px;padding-top:5px;border-top:1px solid #e4e4e4;}
.scrollable .jobs h1{font-size:120%;font-weight:bold;font-face:verdana;color:#52662C;}
.scrollable .jobs h2{font-size:130%;font-weight:bold;font-face:verdana;color:#47A1AC;}
.scrollable .jobs h3{font-size:110%;font-weight:bold;font-face:verdana;color:#B9AA88;}
.scrollable .active {border:2px solid #000;position:relative;cursor:default;}
.scrollable {float:left;}
a.browse {background:url(http://www.animaljobs.co.uk/images/hori_large.png) no-repeat;display:block;width:30px;height:30px;float:left;margin:40px 10px;cursor:pointer;font-size:1px;}
a.right {margin-top:10px;background:url(http://www.animaljobs.co.uk/images/next2.png) no-repeat;display:block;width:20px;height:250px;margin-right: 0px;float:left;cursor:pointer;cursor:hand;}
a.left {margin-top:10px;background:url(http://www.animaljobs.co.uk/images/prev2.png) no-repeat;display:block;width:20px;height:250px;margin-left: 0px;float:left;cursor:pointer;cursor:hand; } 
a.disabled {visibility:hidden !important;}