@charset "utf-8";
/* CSS Document */


body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	margin: 0;
	padding: 0;
}

#maincontainer {width: 985px;
margin: 0 auto 0 auto;
padding: 0;
}

#header {background-image:url(images/header985.jpg);
background-position:top left;
background-repeat:no-repeat;
height: 200px;
}

#ht {margin-top: 50px;
display:none;
text-align:left}

#nav {background-color: #e0e0e0;
padding:  0;
border: 1px solid  #e0e0e0 ;
}

#nav ul li {list-style:none;
display: inline;
padding: 0;
margin: 0;

 }


#nav a {color: #613f8b;
text-decoration:none;
padding: 0 0 0 2.5em}

#nav a.nopadding {padding-left: 0}

#nav a:hover {color: #00a5a1}

#nav a.on {color: #00a5a1;}

#nav a.nopaddingon {padding-left: 0;
color: #00a5a1}

#center {background-image:url(images/textbg.gif);
background-position:top left;
background-repeat:repeat-y;
padding: 0;
margin:1em 0 0 0;
width: 985px;
}

#left {margin: 0;
width: 810px;
float: left; 
}

#topline {background-color:#5f4f8e;
height: 22px;}

#lefttext {padding: 2em 2em 2em 2.5em}

#lefttext a {color: #00a5a1;
text-decoration:none; }

#lefttext a:hover {color: #613f8b}

#job1 {width: 300px;
float: left;}

#apply {
width: 200px;
padding-top: 0.75em;
float: right}

#apply a {color: #613f8b;
text-decoration:none; 
font-weight:bold;
}

#description {clear: both;
margin-top:1em}

#basket-name {margin: 1em 1em 2em 0; width: 200px; float:left}
#basket-email {margin: 1em 1em 2em 0; width: 200px; float: left}
#basket-edit {margin-top: 1em; float: right}

#yourbasket {clear: both;
padding: 1em 0}

#yourbasket a {color: #00a5a1;
text-decoration:none; }

#yourbasket a:hover {color: #613f8b}

#yourbasketleft {width: 200px;
float: left;
margin: 2em 0;
}

#yourbasketright {
margin: 2em 0 0 0;
float: right; }

p.hr {clear:both;
}

#yourbasketbase {
text-align:right;}

#previousjobs {padding: 1em 0}



#thankyou {padding: 5em 2em 2em 2.5em;
text-align:center}

#right {margin: 0 0 0 1em;
width: 155px; 
float: right;
font-size: 12px;
}

.style1 {color: #FFFFFF; }
.style2 {color: #FFFFFF; padding-left: 1em }

#vacancies {background-image:url(images/greenbar.gif);
background-position: top left;
background-repeat:no-repeat;
padding:  0.25em 0.5em 0.25em 0.75em;
color:#613f8b}



#candidates {background-image:url(images/greenbar.gif);
background-position: top left;
background-repeat:no-repeat;
padding:  0.25em 0.5em 0.25em 0.75em;
color:#613f8b;
margin-top: 0.25em}



#contact {background-image:url(images/greenbar.gif);
background-position: top left;
background-repeat:no-repeat;
padding:  0.25em 0.5em 0.25em 0.75em;
color:#613f8b;
margin: 0.25em 0 1em 0}

#candidates a {color:#613f8b;
text-decoration:none;
font-size: 12px;
}

#candidates a:hover {color: #00a5a1}


#contact a {color:#613f8b;
text-decoration:none;
font-size:10px;
}

#contact a:hover {color: #00a5a1}

#vacancies a {color:#613f8b;
text-decoration:none;
font-size: 12px;}

#vacancies a:hover {color: #00a5a1}

#copy {font-size: 10px;
}

#cleartext {clear:both;}

h1 {font-size: 15px; font-weight: bold; margin-top: 3px;}
h2 {font-size: 13px; font-weight: bold; font-style:italic}
h3 {font-size: 13px; font-weight: bold; font-style:italic}
h4 {font-size: 13px; font-weight: bold;
margin: 0}


#overviewleft {width: 320px; float: left}

#overviewright {width: 180px; float:right;
text-align:right}

#newstext {padding: 2em 2em 2em 2.5em}

#newstext a {color: #00a5a1;
text-decoration:none; }

#newstext a:hover {color: #613f8b}

.newsimage {margin: 0 1em 1em 0;
float: left}

/* ----------------forms------------------ */
#vacancies select {
 background-color: #ffffff;
 color: #333333 ;
 width: 100%;
}

#vacancies input { margin: 0.5em 0 0 0;
width: 125px;
padding: 0.25em}

#registerForm {width: 450px;
margin: 2.5em 0 2em 0;
float: left}

#registerForm input {float: right;
margin-top: 0em; 
width: 200px}

#registerForm select {width: 205px;
float:right;
margin-top: 0;}

#registerForm input.browse
{width: 205px}

#registerForm textarea {float:right;
width: 200px;
margin-top: 0}

#registerForm input.submit
{width: 205px;
float:right; 
clear: both}

#clientRegisterForm {width: 450px;
margin: 2em 0 0 0;
float: left}

#clientRegisterForm input {float: right;
width: 200px}

#clientRegisterForm select {width: 205px;
float:right;
}

#clientRegisterForm textarea {float:right;
width: 200px;
}

#clientRegisterForm input.submit
{width: 205px;
float:right; 
clear: both;
margin-top: 1em}

#loginForm {width: 450px;

}

#loginForm2 {width: 320px;

}

#loginForm input {float: right;
margin-top: 0; 
width: 200px}

#loginForm input.go
{width: 100px;
float: none;
margin: 1em 0 1em 0;  }

#loginForm2 input {float: right;
margin-top: 0; 
width: 200px}

#loginForm2 input.go
{width: 100px;
float: none;
margin: 1em 0 1em 0;  }


#edit {width: 450px;
margin: 2em 0 2em 0;
float: left}

#edit input {float: right;
margin-top: 0; 
width: 200px}

#edit select {width: 205px;
float:right;
margin-top: 0;}

#edit input.browse
{width: 205px}

#edit textarea {float:right;
width: 200px;
margin-top: -1em}

#edit input.submit
{width: 205px;
float:right; 
clear: both;
margin-top: 1em}

#overviewright input
{float: right;
margin-bottom: 1em;
width: 160px}

#changepassword input {float: right;
width: 200px;
margin: -1em 10em 0 0}



.print {text-align: center}

/* ----------------- Added by Max ----------------- */

div.clear {
	clear:both; height:0px; line-height:0pt; font-size:0px;
}

.error 
{
    border: 1px solid red;
    color: Red;
    padding: 10px;
}

.removed 
{
    border: 1px solid #613f8b;
    color: #613f8b;
    padding: 10px;
    text-align: center;
    margin: 10px 10px 0 10px;
}


/*--------------newsbanner-------------------*/


#newsbanner {
margin:  0;
padding: 3px 0 6px 6px;
background-color: #fff;
background-image: url(images/greenbar.gif);
background-position: top left;
background-repeat: repeat-x;
}


#newsbanner ul {margin: 0 ;
padding: 0 }

#newsbanner ul li {margin: 1.25em 2em 1.25em 0.5em;
list-style: none}

#newsbanner li a {color: #613f8b;
text-decoration:none; }

#newsbanner li a:hover {color: #00a5a1}


#lefthometext {margin: 0;
width: 530px;
float: left;
padding: 1.5em
}

#lefthometext a {color: #00a5a1;
text-decoration:none; }

#lefthometext a:hover {color: #613f8b}


.newscolumn {width: 200px;
float: right;
margin: 1.5em}