/*--- Global Reset ---*/

* { 
padding: 0;
margin: 0;
border: 0;
list-style:none;
outline:0;
}
body, html {
color:#666; 
font-family: Verdana, Arial, Tahoma, sans-serif;
background: url(/images/bg-body.jpg) repeat-x #FFF; 
text-align: center; 
line-height: 18px;
font-size: 11px;
height: 100%;
}
#Container {
width:805px;
min-height: 100%;
/*height: auto !important;*/
height: 100%;
margin:0 auto;
/*margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */*/
position:relative;
text-align: left; 
}
#Push {
height: 180px; /* .push must be the same height as .footer */
clear:both;
}
p {
margin-bottom:15px;
}
a.Button {
display:block;
height:25px;
line-height:25px;
background:blue;
text-align:center;
padding:0 15px;
text-decoration:none;
font-weight:bold;
cursor:pointer;
margin-right:10px;
color:#FFF;
float:left;
border:1px solid #5cbdf7;
background: url(/images/bg-button.jpg) top left; 
}
a:hover.Button, .Button:hover {
border:1px solid #356298;
color:#FFF;
background: url(/images/bg-button.jpg) bottom left; 
}

/*--- Header ---*/

#Header {
height: 170px;
background: url(/images/bg-header.jpg) no-repeat;
}
#Logo {
float:left;
width:300px;
padding-top:70px;
}
#Logo h1 a {
background: url(/images/tweetjobsnet_logo_m.png) no-repeat;
height:49px;
width:300px;
color:#FFF;
font-size:30px;
font-family: Verdana, Arial, Tahoma, sans-serif;
display:block;
margin-bottom:5px;
text-decoration:none;

}

#Logo h1 a span{
  display:none;
}

#Logo p {
color:#FFF;
font-style:italic;
padding-left:70px;
}

/*--- Navigation ---*/

#Navi {
height: 40px;
}
#Navi li {
float: left;
}
#Navi li a {
font-size:13px;
height: 40px;
line-height: 40px;
display: block;
float:left;
width:120px;
font-weight:bold;
color:#d7f0ff;
text-decoration: none;
text-align: center;
background: url(/images/bg-navi.jpg) no-repeat;
}
#Navi li a:hover {
color:#FFF;
}
#Navi li a.Act {
background: url(/images/bg-navi.jpg) bottom no-repeat;
color:#FFF;
}

/*--- USPbox ---*/

#USP {
height:540px;
width:210px;
margin-bottom:15px;
background:#FFF;
float:right;
padding:10px;
}
#USP ul {
margin:7px 0 15px 0;
}
#USP ul li{
padding-left:25px;
line-height: 23px;
height: 23px;
background: url(/images/ico-tick.png) top left no-repeat;
}

/*---Content ---*/

#Main {
padding-top:15px;
}
#Content {
float:left;
width: 425px;
text-align:justify;
margin-bottom:15px; 
}
a {
color:#1a6bad;
font-weight:bold;
text-decoration:underline;
}
a:hover {
color:#59BBF8;
}
#Content h2 {
font-size: 13px;
color: #1a6bad; 
margin-bottom:15px;
}
#Content p {
margin-bottom:15px;
}

/*---SubContent ---*/

#SubContent {
float:left;
width: 538px;
text-align:justify;
margin-bottom:15px; 
background:#FFF;
padding:10px;
}
#SubContent h2 {
font-size: 13px;
color: #1a6bad; 
margin-bottom:15px;
}
#SubContent p {
margin-bottom:15px;
}


#SubContent ul {
margin:7px 0 15px 0;
}
#SubContent ul li{
padding-left:25px;
/*line-height: 23px;*/
/*height: 23px;*/
background: url(/images/ico-tick.png) top left no-repeat;
}

#SubContent ul.normal li{
margin-left:25px;
padding-left:5px;
/*line-height: 23px;*/
/*height: 23px;*/
background: none;
list-style-type:disc
}

/*--- Right ---*/

#Right {
float:right;
width: 360px;
}

#Right .Box  {
background: url(/images/bg-bluebox.jpg) left bottom repeat-x #488dc1;
height:110px;
margin-bottom:15px;
color:#FFF;
padding:10px;
border:1px solid #335d93;
}
#Right .Box  a {
color:#FFF;
text-decoration:underline;
}
#Right .Box  a:hover {
color:#59BBF8;
}
#Right b {
color:#FFF;
font-size:13px;
margin-bottom:10px;
display:block;
}
#Right img {
float:left;
}

/*--- SubRight ---*/

#SubRight {
float:right;
background:#FFF;
width: 212px;
padding:10px;
}
#SubRight h2 {
font-size: 13px;
color: #1a6bad; 
margin-bottom:15px;
}
#SubRight ul {
margin:7px 0 15px 0;
}
#SubRight ul li{
padding-left:25px;
line-height: 23px;
height: 23px;
background: url(/images/ico-tick.png) top left no-repeat;
}

/*--- Footer ---*/

#Footer {
height: 180px;
text-align: center;
background:url(/images/bg-footer.jpg) repeat-x #F2F2F2;
clear:both;
}
#Footer p {
margin:0;
}
#FooterWrap {
width:805px;
height: 115px; 
margin: 0 auto; 
padding-top:25px;
text-align:left;
}
#FooterWrap b {
font-size:13px;
}
.FooterBox {
width:380px;
float:left;
}
.Newsletter {
width:270px;
padding-left:110px;
float:right;
background: url(/images/bg-newsletter.png) top left no-repeat; 
}

/*--- Scroller ---*/

#Scroller {
width:558px;
float:left;
margin-bottom:15px;
height:175px;
position:relative; 
margin-right:15px;
background: url(/images/bg-scroller.jpg) bottom left; 
overflow:hidden;
}
#Controller span{
display:none;
visibility:hidden;
}
#jFlowSlide{
padding-left:30px;
}
#jFlowSlide ul li.Item {
float:left;
height:100px;
width:130px;
padding-top:10px;
margin-left:20px;
}
#jFlowSlide ul li.Desc {
float:left;
margin-top:20px;
color:#FFF;
margin-left:20px;
width:290px;
}
#jFlowSlide ul li.Desc h2 {
font-size:18px;
margin-bottom:15px;
}
#jFlowSlide ul li.Desc h2, #jFlowSlide ul li.Desc p {
margin-bottom:15px;
}
a.jFlowPrev, a.jFlowNext{
cursor:pointer;
position:absolute;
top:0;
display:block;
height:175px;
width:40px;
}
a.jFlowPrev{
left:0;
background: url(/images/btn-scroller-prev.jpg) top left; 
}
a:hover.jFlowPrev{
background: url(/images/btn-scroller-prev.jpg) bottom left; 
}
a.jFlowNext{
right:0;
background: url(/images/btn-scroller-next.jpg) top left; 
}
a:hover.jFlowNext{
background: url(/images/btn-scroller-next.jpg) bottom left; 
}

/* ---- ClientLogin ---- */

#CandidateLogin{
  float:left;
  display:block;
  margin-left:10px;
  margin-top:0px;
  background:#FFF;
  padding:10px;
  line-height:24px;
}

#ClientLogin{
position:absolute;
right:0;
float:right;
}
#ClientForm {
height:150px;
width:215px;
background:#FFF;
display:none;
}
#ClientForm a {
float:left;
display:block;
margin-left:10px;
margin-top:13px;
}
#ClientForm fieldset {
padding:10px;
}
#ClientForm fieldset p {
margin:2px 0 5px 0;
}
.SubmitButton, #session_submit, input#user_submit {
display:block;
height:25px;
text-align:center;
padding:0 10px;
font-size:11px;
font-family: Verdana, Arial, Tahoma, sans-serif;
text-decoration:none;
font-weight:bold;
cursor:pointer;
color:#FFF;
float:left;
margin-top:10px;
border:1px solid #5cbdf7;
background: url(/images/bg-button.jpg) top left; 
}
.SubmitButton:hover, input#user_submit:hover {
border:1px solid #356298;
color:#FFF;
background: url(/images/bg-button.jpg) bottom left; 
}
a#ContactLink {
height:30px;
width:215px;
background:url(/images/bg-clientlogin.png) repeat-y;
display:block;
outline:0;
line-height:30px;
text-decoration:none;
text-align:center;
cursor:pointer;
}
a:hover#ContactLink {
color:#59BBF8;
}
#twitter_user_location_list, input.Text, #session_password, #session_email {
height:19px;
width:160px;
border:1px solid #ccc;
padding-left:5px;
padding-top:2px;
font-size:11px;
color:#666;
margin-top:3px;
margin-bottom:4px;
}

#session_email_input label, #session_password_input label{
  font-weight:bold;
  margin:2px 0 5px;
  margin-bottom:15px;
}

/*--- Service ---*/

.Service {
height:100px;
margin-bottom:20px;
}
.Service img {
float:left;
padding-right:15px;
}
.Service h3 {
font-size:11px;
padding-top:10px;
font-weight:bold;
color:#666;
}

/* ---- Contactform ---- */

#contact-area {
margin-top: 25px;
}
#contact-area input, #contact-area textarea {
height:22px;
line-height:22px;
width: 250px;
margin: 0px 0px 10px 0px;
border: 1px solid #b5c9e5;
font-size:11px;
font-family:Verdana;
color:#666; 
padding-left:5px;
}
#contact-area textarea {
height: 100px;
width:400px;

padding-top:5px;
float:left;
}
#contact-area textarea:focus, #contact-area input:focus {
border: 1px solid #4587BB;
}
#contact-area label {
float: left;
text-align: right;
margin-right: 15px;
width: 80px;
padding-top: 5px;
}
#contact-area .SubmitButton {
display:block;
height:25px;
text-align:center;
padding:0 10px;
font-size:11px;
font-family: Verdana, Arial, Tahoma, sans-serif;
text-decoration:none;
font-weight:bold;
cursor:pointer;
color:#FFF;
width:80px;
float:right;
margin-top:10px;
border:1px solid #5cbdf7;
background: url(/images/bg-button.jpg) top left; 
}
#contact-area .SubmitButton:hover {
border:1px solid #356298;
color:#FFF;
background: url(/images/bg-button.jpg) bottom left; 
}
#Producttable {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#Producttable tr {
height:25px;
line-height:25px;
}
#Producttable td {
border:0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding:0 10px 0 10px;
}

fieldset ol{
  clear:both;
}

.check_boxes fieldset ol li{
  float:left;
  width:25%;
}

#flash div{
  padding: 4px 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #ccc;
  margin: 10px 0; }

#flash_error {
  background: #fcc;
  border-color: #911;
  color: #311; }

#flash_notice {
  background: #cfc;
  border-color: #191;
  color: #131; }

li.check_boxes{
  position:relative;
  margin-bottom:1em;
}

li.check_boxes fieldset legend{
  font-weight:bold;
  margin-bottom: 0.5em;
}

fieldset ol{
  clear:both;
}

.check_boxes fieldset ol li{
  float:left;
  width:33%;
}

li.check_boxes p{
  position:absolute;
  top:0;
  right:0;
}

#edit_user_2 .buttons input{
  margin-top:0;
  margin-bottom:1em;
}

/*li.check_boxes fieldset{
  clear:both;
}*/
  
.adverts {
  padding-top:10px;
  float:right;
  width:210px;
  margin-bottom: 180px;
  text-align:center;
  height:630px;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }