/* GLOBAL DEFINITIONS */

* {
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
	list-style: none;
	font-family: Tahoma,Arial, Sans-Serif;
}

body {
	color: #00305d;
	font-size: 90%;
}

a {
	color: #103a59;
	text-decoration: none;
}

a:hover {
        color: #0097d5;
	text-decoration: underline;
}

input {
	font-size:90%;
}

.formitem .label {
	float: left;
}

.label {
	font-size:90%;
	font-weight:bold;
}

.input1 {
    padding: 3px;
    font-size: 85%;
    color: #00305d;
    margin-bottom: 5px;
    background: #FFFFFF;
    border: 1px solid #00305d;
}

.textarea1 {
    padding: 3px;
    height: 100px;
    font-size: 90%;
    color: #00305d;
    margin-bottom: 5px;
    background: #FFFFFF;
    border: 1px solid #00305d;
}

.select1 {
    color: #00305d;
    background: #FFFFFF;
    border: 1px solid #00305d;
	width:150px;
	font-size:90%;
}

.button1 {
    border: none;
    padding: 3px;
    font-size: 90%;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 5px;
    background: #00305d;
}


h1 { font-size: 120%;}
h2 { font-size: 105%; }
h3 { font-size: 100%; }
h4 { font-size: 90%; }
h5 { font-size: 80%; }

h1, h2, h3, h4, h5 {
    margin-bottom: 10px;
}

h1 {
	margin-bottom: 15px;
}

.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.clearing { clear: both; }
.print_hidden { display: none; }


.fc:after { 
	height: 0;
	clear: both;
	font-size: 0;
	content: ".";
	display: block;
	visibility: hidden;
}
.fc {
	display: inline-block;
}

.success { color: green; }
.error { color: red; }


/* SITE DEFINITIONS */

#wrapper {
	width: 950px;
	margin: 10px auto;
}

#topnav ul {
	margin-top: 50px;
}

#topnav ul li {
	display: inline;
	font-size: 110%;
	margin-left:6px;
	padding-left: 22px;
	background: transparent url(http://www.templeton-recruitment.com/media/layout/bullet_topnav.gif) 0px 1px no-repeat;
}

#topnav ul li.first {
    padding-left: 0;
	background: none;
}

#topnav ul li a {    
        font-weight: bold;
        text-decoration: none;
}

body.home #topnav ul li.home a,
body.clients #topnav ul li.clients a,
body.candidates #topnav ul li.candidates a,
body.about #topnav ul li.about a,
body.news #topnav ul li.news a,
body.contact #topnav ul li.contact a {
    color: #0097d5;
}

#header { 
    width: 950px;
}

#header .language_selection {
    height: 15px;
}

#banner {
    width: 950px;
    height: 150px;
    margin: 10px 0 10px 0;
    background: #7F97AF url(http://www.templeton-recruitment.com/media/banners/templeton_6.jpg) left top no-repeat;
}
body.clients #banner {
    background: #7F97AF url(http://www.templeton-recruitment.com/media/banners/templeton_5.jpg) left top no-repeat;
}
body.candidates #banner {
    background: #7F97AF url(http://www.templeton-recruitment.com/media/banners/templeton_1.jpg) left top no-repeat;
}
body.about #banner {
    background: #7F97AF url(http://www.templeton-recruitment.com/media/banners/templeton_4.jpg) left top no-repeat;
}
body.news #banner {
    background: #7F97AF url(http://www.templeton-recruitment.com/media/banners/templeton_3.jpg) left top no-repeat;
}
body.contact #banner {
    background: #7F97AF url(http://www.templeton-recruitment.com/media/banners/templeton_2.jpg) left top no-repeat;
}
body.job_finder #banner {
    background: #7F97AF url(http://www.templeton-recruitment.com/media/banners/templeton_7.jpg) left top no-repeat;
}

#left, #right {
	width: 160px;
}

#main {
	width: 590px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#footer1 {
	width: 930px;
	font-size: 120%;
	margin-top: 5px;
	font-weight: bold;
	background: #7f97ae;
	padding: 5px 10px 5px 10px;
}

#footer1 .fr {
	color: #FFFFFF;
}

#footer2 {
	width: 950px;
	font-size: 80%;
	margin-top: 5px;
}

#footer2 .fl {
	margin-top: 5px;
}

#footer2 .fl a {
	font-weight: bold;
	text-decoration: underline;
}

#main .main_left {
    float: left;
    width: 285px;
}

#main .main_right {
    float: right;
    width: 285px;
}

#main a {
        text-decoration: underline;
}

#main a:hover {
	text-decoration: none;
}

#main p {
    margin-bottom: 10px;
    font-size:90%;
    line-height:130%;
}

#main ul {
    margin-bottom: 10px;
    font-size:90%;
    line-height:130%;
	list-style-type: circle;
	list-style-position: outside;
	padding-left:20px;
}

#main ul li {
	list-style-type: circle;
	list-style-position: outside;
}

#main ol li {
    margin-bottom: 10px;
    font-size:90%;
    line-height:130%;
    list-style: decimal;
    margin-left: 25px;
}

#breadcrumbs { 
    font-size: 80%;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #00305d;
}

#breadcrumbs ul {
    list-style: none;
    padding-left:0px;
}

#breadcrumbs li {
    display: inline;
    padding-left: 12px;
    margin-right: 10px;
    list-style: none;
    background: transparent url(http://www.templeton-recruitment.com/media/layout/bullet_breadcrumbs.gif) top left no-repeat;
}

#breadcrumbs li.active a {
    color: #0097d5;
    font-weight: bold; 
}

#breadcrumbs li a {
    text-decoration: none;
}

#breadcrumbs li a:hover {
    text-decoration: underline;
}

.alert {
    margin: 5px 5px 10px 5px;
    padding: 5px;
    colour: #cc0000;
    font-weight: bold;
    text-align: center;
    border: 1px solid #cc0000;
}

.header {
    margin-bottom: 10px;
}


/* SEARCH RESULTS */

.search_box {
    float: right;
}

.search_input { 
    padding: 3px;
    width: 200px;
    margin-right: 5px;
    border: 1px solid #00305d;
}

.search_button {
    padding: 3px; 
    color: #FFFFFF;
    background: #00305d;
}

.search_results {
    clear: both;
    padding-top: 20px;
}

.search_results .search_result {
    margin-bottom: 20px;
}

.search_results .search_result .title {
    font-weight: bold;
}

.search_results .search_result .content {
    font-size: 80%;
    margin-top: 5px;
}

.search_results .search_result .content .highlight {
    color: #0097d5;
    font-weight: bold;
}

.search_results .search_result .link {
    font-size: 80%;
}



/* SIDEBARS */

.sidebar_item {
    margin-bottom: 10px;
}

.sidebar_item .input1 {
    width: 140px;
}

.sidebar_item .select1{
    width: 148px;
}

.side_box_1 {
    padding: 5px;
    background: #b2c1ce;
    border: 1px solid #597895;
    border-top: none;
}

.side_box_2 {
    padding: 5px;
    background: #d9e0e7;
    border: 1px solid #6c88a2;
    border-top: none;
}

.side_box_3 {
    padding: 5px;
    background: #65829d;
    border: 1px solid #32597d;
    border-top: none;
}

.side_box_4 {
    padding: 5px;
    background: #9fb1c2;
    border: 1px solid #4f708f;
    border-top: none;
}

.side_box_5 {
    padding: 5px;
    background: #009de9;
    border: 1px solid #0066a3;
    border-top: none;
}

.job_search h4 {
    font-size: 80%;
    margin-top: 8px;
    margin-bottom: 3px;
}

.job_search .small {
    font-size: 80%;
}

.sidebar_clients {
    width: 159px;
    height: 116px;
    padding: 34px 0 0 1px;
    background: transparent url(http://www.templeton-recruitment.com/media/layout/clients_sidebar_bg.gif) top left no-repeat;
}

.side_about h3 {
    height: 23px;
    margin-top: 2px;
    font-size: 95%;
}


/* SUBNAV */

.subnav li {
    margin-left: 5px;
    margin-bottom: 5px;
}

.subnav li.top {
    margin-left: 0px;
    font-weight: bold;
    margin-bottom: 10px;
}

.subnav li.active a {
    color: #0097d5;
}


/* PAGES */

body.home #main ul,
body.home #main ul li,
body.home #main ul,
body.home #main ul li {
    list-style: none;
    padding-left:0px;
}

body.home #main .main_clients {
    padding: 10px;
    color: #0097d5;
    background: #e5eaee;
    padding-bottom: 5px;
}

body.home #main .main_candidates {
    padding: 10px;
    color: #00305d;
    background: #e5f5fd;
    padding-bottom: 5px;
}

body.home #main .main_clients ul,
body.home #main .main_candidates ul {
    font-size: 90%;
    margin-top: 20px;
    margin-bottom: 15px;
}

body.home #main .main_clients li a,
body.home #main .main_candidates li a {
    padding: 5px;
    display: block;
    color: #FFFFFF;
    margin-top: 5px;
    background: #00305d;
}

body.home #main .main_clients .copy,
body.home #main .main_candidates .copy {
    height: 102px;
    margin-top: 20px;
}

body.home #main .main_candidates li a {
    background: #00305d;
}

body.home #main .main_clients li a {
    background: #009de9;
}


/* NEWS */

.main_news {
    margin-top: 10px;
}

.pagination {
    clear: both;
    float: right;
    margin: 10px 0 10px 0;
}

.pagination a {
    text-decoration: none;
}

.pagination .active {
    color: #0097d5;
    text-decoration: underline;
}

.news_item_short {
    margin-bottom: 20px;
}

.news_item_short .left {
    float: left;
    width: 100px;
    margin-right: 10px;
}

.news_item_short .right {
    float: right;
    width: 480px;
}

.news_item_short .title {
    font-weight: bold;
    margin-bottom: 10px;
}

.news_item_short .content {
    font-size: 90%;
}

.news_item_full {
    width: 590px;
}

.news_item_full h1 {
    font-weight: bold;
    margin-bottom: 10px;
}

.news_item_full .content {
    font-size: 90%;
}



/* CONTACT */

.contact_info {
    width: 250px;
    font-size: 90%;
}

.contact_form {
    width: 340px;
}

.contact_form .formitem .label {
    width: 60px;
    margin-top: 3px;
}

.contact_form .input1 {
    width: 200px;
}

.contact_form .textarea1 {
    width: 240px;
}

body.feedback .contact_form {
    width: 590px;
}

body.feedback .contact_form .input1 {
    width: 300px;
}

body.feedback .contact_form .textarea1 {
    width: 400px;
}

body.recommend .contact_form {
    width: 590px;
}

body.recommend .contact_form .formitem .label {
    width: 100px;
}

body.recommend .contact_form .left {
    float: left;
    width: 370px;
}

body.recommend .contact_form .right {
    float: left;
    width: 150px;
    font-size: 80%;
    margin-top: 20px;
    margin-left: 20px;
}

body.recommend .contact_form .right .formitem .label {
    width: 15px;
}

body.recommend .contact_form .right .formitem label {
    margin-bottom: 5px;
}

body.recommend .contact_form .input1 {
    width: 250px;
}

body.recommend .contact_form .textarea1 {
    width: 425px;
}

.google_map {
    width: 425px;
    padding: 5px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #CCCCCC;
    background: transparent url(http://www.templeton-recruitment.com/media/layout/ajax_loader.gif) 50% 50% no-repeat;
}



/* SAMPLE CVs */

.sample_cvs .formitem {
    margin-bottom: 20px;
}

.sample_cvs .formitem .label {
    float: none;
    margin-bottom: 3px;
}

.sample_cvs .cvs_criteria {
    float: left;
}

.sample_cvs .cvs_result {
    float: right;
    width: 360px;
    margin: 10px 20px 0 20px;
}

.sample_cvs .cvs_result .title {
    font-weight: bold;
    margin-bottom: 5px;
}

.sample_cvs #cvs_result {
    /* margin-left: 15px; */
}



/* JOB FINDER */

.job_finder .subnav li {
    margin-bottom: 15px;
}

.job_finder .formitem {
    margin: 20px 0 20px 0;
}

.job_finder .long .input1 {
    width: 400px;
    font-size: 100%;
}

.job_result {
    margin: 20px 0 30px 0;
}

.job_result h3 {
    font-size: 90%;
}

.job_result h4,
.job_basket h4 {
    font-size: 80%;
}

.view_job_buttons {
    float: right;
    text-align: right;
}

.view_job_buttons .back {
    margin-bottom: 10px;
}

.view_job_buttons .button1 {
    width: 120px;
    text-align: center;
}

.view_job_buttons .success {
    color: #FFFFFF;
    background: green;
}

.loggedin_member li {
    font-size: 90%;
    margin-bottom: 5px;
}

.login_page {
    width: 590px;
}

.login_page td {
    width: 240px;
    padding: 10px;
    border: 1px solid #00305d;
}

.login_page .head {
    height: 40px;
    margin-bottom: 10px;
}

.login_page .head h2 {
    margin-bottom: 0;
}

.login_page .head p {
    font-size: 90%;
}

.login_page .noregister {
    text-align: center;
}

.login_page .formitem {
    margin-top: 5px;
    margin-bottom: 5px;
}

.apply_now .formitem {
    float: left; 
    margin: 10px 30px 10px 0; 
} 

.apply_now .formitem .input1 {
    width: 200px;
}

.apply_now .formitem .textarea1 {
    width: 430px;
}


/* JOB SCROLLER */

#job_scroller {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 150px; /* important */
	height: 65px; /* important */
}

#job_scroller_frame {position: relative}
#job_scroller_frame img {position: absolute;}

#job_scroller_content {
	position: absolute;
    left: 0;
}

.job_scroller_item {
	margin-bottom: 20px;
    height: 65px;
}

.job_scroller_item p {
    height: 35px;
}


/* CLIENTS SCROLLER */

#clients {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 160px; /* important */
	height: 115px; /* important */
}

#clients_frame {position: relative}
#clients_frame img {position: absolute;}

#clients_content {
	position: absolute;
    left: 0;
}

.clients_item {
        height: 150px;
}



/* RSS FEED */

.feed_items .item {
        margin-bottom: 20px;
}



/* sidebar items */

.sidebar_item .formitem {
    margin: 0 0 5px 0;
}