/*general - css items that are applicable for all pages of the website */

html {
font-family : Verdana, Helvetica, sans-serif;
}
body {
font-family : Verdana, Helvetica, sans-serif;
background-image : url(../Images/bg-new-aqua.gif);
background-repeat : repeat-y;
background-position:center; }


p {
font-family : Verdana, Helvetica, sans-serif;
line-height:20px;

}
td {
font-family : Verdana, Helvetica, sans-serif;
}
tr {
font-family : Verdana, Helvetica, sans-serif;
}

.contentbgcolor {width: 1086px; padding-left:20px;  }

.headerphoto {width:300px; height:100px; background-image:url(../Images/CJStaffGroup3.jpg); background-repeat:no-repeat;} 

/*links 

Peter = this technically should control all the links throughout the site but so far it doesn't 

*/
a {
text-decoration : none;
color : #1849a3;

font-weight : normal;
}
a:link {
font-weight : normal;
color : #1849a3;
}
a:hover {
font-weight : normal;
color : #00cc00;
}
a:active {
font-weight : normal;
color : #1849a3;
}

/* if a link does not see to be affected by the general css codes above, then you may need to apply it manually using .bluelink 

e.g. <a href="link.html"><div class="bluelink">link text</div></a> 

This should force the link to apply the CSS 

Working example - http://www.counciljobs.com/newsite/demo/Advertise.asp 'Register' link

*/

.bluelink {font-weight:bold; color:#1849A3; text-decoration:underline;}
.bluelink a:link {font-weight:bold; color:#1849A3; text-decoration:underline;}



/* main content area - everything from the Header to the end of the main area of text */

.content { margin-top:0px; margin-left:20px; margin-right:20px; margin-bottom:20px;   } 
.satellitesitenotice {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #C0E6FA; color: #000033; padding: 20px; font-size: 11px; margin: 20px; margin-bottom:0px; margin-top:0px;  border: 1px solid #1B66BA;}

/* FONT SIZE CONTROL

this will control all the font sizes across the website. 

 */
.content, td, .bluebox, .bluelink, .featured, .new, .hotjobs, input, select, textarea, a, a:link, a:hover, a:visited {font-size:14px}


/* blue box around content  

- use <div class="bluebox">TEXT</div>  */

.bluebox {background-color:#AFEEEE; margin:0px; border: 1px solid #A5B2CB; padding:20px;  }
.blueboxlogin {background-color:#AFEEEE; margin:0px; border: 1px solid #A5B2CB; padding:10px; margin-bottom:0px; margin-top:0px; width:100%; }

.bluebox a, a:link {color:#0000FF;font-size:14px }  /* Peter - for the ALL of the Blue Box, we have to set the colours and sizes manually. a and a:link are basically the same thing and here I've set it to size 14 and black, so you can see how it works on the page itself. Change the link colour to blue or whatever you require.   */
.bluebox a:hover { color:#FF0000; font-size:14px} /* css code a hover link */
.bluebox a:visited {font-size:14px } /* css code a visited link- visited links doesn't need a colour if you want to use a hover colour */




/*Featured/Hot Jobs links - Colours for the job links displayed on the homepage */

.featured a {color:#272727;font-weight:normal; text-decoration:underline; }
.featured a:link {color:#272727;font-weight:normal; text-decoration:underline; }
.featured a:hover {color:#272727;font-weight:normal; text-decoration:underline; }
.featured a:visited {color:#272727;font-weight:normal; text-decoration:underline; }

.featuredhot {color:#000000;text-decoration:underline;font-weight:normal;background-color:#FFFF00;padding:2px;}

.new {color:#1C44A6;font-weight:bold}


/* Search Results links */

.regular  {font-size:12px; color:#292621; font-weight:normal; text-decoration:none; }
.regular a {font-size:12px; color:#292621; font-weight:normal; text-decoration:underline; }
.regular a:link {font-size:12px; color:#292621; font-weight:normal; text-decoration:underline; }

.hotjobs {color:#000000;font-weight:normal;background-color:#FFFF00;padding:2px;}

.textdate {font-size:12px; color:#292621;font-weight:normal;}

.textlocation {font-size:12px; color:#292621;font-weight:normal;}
.textlocation a {font-size:12px; color:#292621;font-weight:normal;}


/* Jobs Research text and links */

.text {font-size:11px; font-weight:normal;}
.joblink {text-decoration:none; color:#1849A3; font-size:11px}



/*Advertiser Menu */

.advertisermenulink {color:#000000; font-size:14px; font-weight:bold}
.advertisermenulink:link {color:#000000; font-size:14px; font-weight:bold}
.advertisermenulink:visited {color:#000000; font-size:14px; font-weight:bold}
.advertisermenulink:active {color:#000000; font-size:14px; font-weight:bold}
.advertisermenulink:hover {color:#000000; font-size:14px; font-weight:bold}


/*Jobs Ads Research Input Fields */

.jobadsinput {width: 220px;  background-color:#EBEBEB; border:1px solid #BDBDBD; font-size:15px; padding:3px; }
.jobadsdropdown {width: 220px;  background-color:#EBEBEB; border:1px solid #BDBDBD; font-size:15px; padding:3px;}
.jobsadsdropdown2 {width: 120px;  background-color:#EBEBEB; border:1px solid #BDBDBD; font-size:15px; padding:3px;}

.poplink:link {
color : #ffffff;
}
.poplink:hover {
color : #00cc00;
}
.poplink {
color : #ffffff;
}
.link {
text-decoration : none;
color : #1849a3;
font-size : 40px;
font-weight : none;
}
.MenuLink:hover {
color : #c0c0c0;
text-decoration : none;
}
.MenuLink {
color : #ffffff;
text-decoration : none;
margin : 0 auto;
}





.error, .notice, .success {
margin : 1em 0;
padding : 0.6em 1em;
border-width : 1px;
border-style : solid;
}
.error ul, .notice ul, .success ul {
list-style-type : disc;
margin : 0.6em 0 0.4em 2em;
}
.error {
color : #330d00;
background-color : #fac6c0;
border-color : #ba331b;
}
.notice {
color : #000033;
background-color : #c0e6fa;
border-color : #1b66ba;
}
.success {
color : #006633;
background-color : #d3fac0;
border-color : #1cba21;
}
.box1, tr.box1 td {
background-color : transparent;
}
.box2, tr.box2 td {
background-color : #f0f0f0;
}
.box1.selected, tr.box1.selected td {
background-color : #c2efb4;
}
.box2.selected, tr.box2.selected td {
background-color : #a9e996;
}
ul, ol, li {
margin : 0;
padding : 0;
}
ol, ul {
list-style : none;
}
.navbar {
margin : 0px;
padding : 4px;
font-family : Arial;
font-size : 12px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
height : 55px;
width:1026px;
background-color:#1849A3
}
.navbar ul {
margin : 0;
padding : 0;
font-size : 12px;
color : #ffffff;
text-decoration : none;
font-weight : bold;

}
.navbar li {
display : inline;
font-size : 12px;
margin : 0;
font-size : 12px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
.navbar li a {
font-size : 12px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
padding : 0 4px 0 10px;
}
.navbar li a:hover {
text-decoration : none;
color : #1dcb43;
}
.statistics {
color : #272727;
}
table.statistics {
margin-left : 8px;
}
.statistics td {
color : #272727;
}
.indent {
padding-left : 12px;
}
.center-image {
width : 100%;
text-align : center;
clear : both;
}



/* Headings */

h1 {
font-size : 22px;
color : #2665d7;
font-family : Verdana, Helvetica, sans-serif;
margin:0px; margin-bottom:10px;
}
h2 {
font-family : Verdana, Helvetica, sans-serif;
font-size : 20px;
color : #000000;
}



/* footer */

.footer {
color : #9a9a9a;
line-height : 24px;
background-color : #ebf2f8;
font-size : 12px;
background-image : url(../Images/bg_footer.gif);
background-repeat : repeat-x;
background-position : top;
padding-left : 10px;
width: 1076px; 
	margin: 0 auto;

}
.footer a:link, a:visited, a:active {
line-height : 24px;
font-size : 12px;
}


/* fast search box */

.fastsearch {
margin : 0;
padding : 0;
}
input, select, textarea {
font-family : Verdana, Helvetica, sans-serif;

}