@charset "ISO-8859-1";
/* CSS Document */

/*---------------------------------------------------------------------------------
STYLES FOR UK RECRUITER HOME PAGE

version: 0
author: Modestos Siotos (msiotos@yahoo.com)
---------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------
REDEFINED HTML TAGS
----------------------------------------------------------------------------------*/

a {color: #57b6dd; text-decoration: none; }
a img { border: none; }

body {
	background: url(/_img/backgrounds/body.png) top left repeat-x #41555d;
	font: normal 1em Helvetica,Arial,Verdana,sans-serif;
	margin: 0;
    }
body.tb { background: #fff; }
fieldset {  border: 1px solid #244d5d; margin: 0 0 1em; padding: 0 10px 10px;}
h1 { border-bottom: 1px dotted #244d5d; color: #254d5d; font: normal 2em Georgia, "Times New Roman", Times, serif; margin: 0.5em 0 1em; padding: 0;}
h1 img { margin: 0 15px 0 0;}
h2 { color: #254d5d; font-size: 1.4em; font-weight: normal; padding: 3px 0;}
h3 { color: #254d5d; font-size: 1.2em; font-weight: normal; margin: 0; padding: 3px 0;}
legend {color: #666; font-size: 0.8em;}
#content p  {  margin: 0 0 1em; }
#contenttb p { line-height: 1.4; }
.explanatory { color: #999; font-size: 0.8em; margin: 0;}


#header {
	background: #fff; 
	-moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; 
	width:939px;
	margin:4px auto 0;
	padding: 1px 1px 1px 20px;
}
 a#homelink { display: block; float: left; width: 250px; margin: 10px 0 ;}

#navigation {
  z-index:1000;
  position:relative;
	margin: 0;
	padding: 0;
	width: auto;	
	color:#254d5d;
	font-size:0.8em;
	float: right;
}


#content {
  background:#fff;
  line-height: 1.4;
	width:920px;
	margin:0 auto;
	padding: 10px 20px 20px;  
}

#contenttb { background: #fff; font-size: 0.8em; padding: 10px 10px 0; width: auto;}
#sole { font-size: 0.9em; margin: 0; padding: 0;}
#main { float: left; font-size: 0.9em; margin: 0 60px 0 0; padding: 0; width: 580px; }

#secondary{ float: left; font-size:0.8em; padding: 0; width: 276px; }
#secondary .item { border: 1px solid #f6921e; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 0 20px;  padding: 3px 5px 0; }
#secondary .item h3 { background: #f6921e; color: #fff; font-weight: normal; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 -2px 10px; padding: 5px; }
#secondary .item.introduction h3 { min-height: 40px;}
#secondary .item.introduction h3 img { float: left; margin: 0 5px 0 0; }
#secondary .item ul { list-style: none; margin: 0; padding: 5px 0;}
#secondary .item li { border-bottom: 1px dotted #ccc; list-style: none; margin: 0; padding: 5px 0;}

#left { float: left; width: 420px;}
#right { float: right; width: 420px;}

#locator { background: #9dcee3;
	       color: #254d5d; 
	       -moz-border-radius: 3px;
	       -webkit-border-radius: 3px;
	       border-radius: 3px;
	       font-size: 0.7em;
	       padding: 5px; }
#locator a { color: #254d5d; text-decoration: underline;}

.pending, .approved  {color:green;}

.rejected {color:red}

#footer {
  background:#ebebeb;
  border-top: 1px solid #41555d;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width:940px;
  margin:0 auto;
  clear:both;
  font-size:0.7em;
  padding:10px;
}

#footer p {
  color:#999;
  margin:0 0 4px;
}

#footer #membernav {
  float:right;
}

#footer a {
  color:#999;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}

#sidebar {
  float:right;
  font-size:0.9em;
  padding:20px 0 10px;
  width:300px;
  font-size:12px;
}


table { border-collapse: collapse; font-size: 0.9em;}
table td { border-bottom: 1px solid #fff; margin: 0; padding: 5px 10px 5px 5px; vertical-align: top;}
table th { background: #ebebeb; border-bottom: 1px solid #fff; font-weight: normal; margin: 0; padding: 5px 10px 5px 5px; text-align: left; vertical-align: top;}
td.center, th.center { text-align:center; }     
table#listing td { border-top: 1px solid #ebebeb; }
table#article_tbl { width: 600px;}

#articles {width:100%}

#articles th#header1 {width:70%;}
#articles th#header3 {width:12%;}

#articles td {border-bottom:1px dotted #ccc;}

p.resourcetitle { font: bold 1em Georgia, "Times New Roman", Times, serif; margin: 0; padding: 3px 0;}
p.resourcetitle a { color: #254d5d;}
p.resourcedescription { margin: 0; padding: 0 0 3px; }
p.resourceupdate { color: #999; font-size: 0.9em; margin: 0; padding: 0 0 3px; }


td img, td.middle, th.middle { vertical-align: middle;}
td.right, th.right { text-align: right;}
.downloadicon { float: right;}
#usercomments { float: left; font-size: 0.8em; margin: 0 40px 0 0; padding: 30px 0 0; width: 580px;  }
#article #secondary .item { border: 1px solid #438caa; }
#secondary .item h3#related { background: #438caa;}
#usercomments ul, #related ul { margin: 0; padding: 0; }
#usercomments li, #related li { border-bottom: 1px solid #ebebeb; list-style: none; margin: 0; padding: 0;}
#usercomments li p, #related li { margin: 0.5em 0 0; padding: 0 5px;}
#usercomments li p.credit { margin: 0; color: #999; }

/*---------------------------------------
SEARCH
---------------------------------------*/
#search { float: right; margin: 5px 10px 5px 5px; text-align: right; width: 400px;}
#search form { font-size: 0.8em; text-align: right; }
#search form input[type="text"]{ font-size: 1em; padding: 2px 5px; }
#search form input[type="submit"]{ background: #9dcee3; font-size: 1em; padding: 2px 5px; -moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
}

#search form input[type="submit"]:hover { background: #57b6dd; }

/*---------------------------------------
FORMS
---------------------------------------*/

form p { clear: both; margin: 0; padding: 5px 0;}
input.short { width: 25%;}
input[type="text"] {border: 1px solid #000; }

input[type="submit"] {  
  -moz-border-radius: 8px; 
  -webkit-border-radius: 8px; 
  background:#57b6dd;
  border:1px solid #57b6dd;
  color:#fff;
  padding:5px 10px;
  cursor:pointer;
}   

input[type="submit"]:hover { background:#9dcee3; }      

/*---------------------------------------
DOC LIBRARY
---------------------------------------*/

.area { float: left; margin:10px 8px; width: 214px;}
.area h3 { background: #438caa; color: #fff; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; font-size: 0.9em; padding: 5px;}
.area h3 a { color: #fff;}
#content .area p { border-left: 1px solid #438caa; border-right: 1px solid #438caa;  font-size: 0.8em; margin: 0; padding: 2px 5px;}
.area h3 img { margin: 0 5px 0 0; vertical-align: middle;}
.area ul {  background: #f0f8fb; border-left: 1px solid #438caa; border-right: 1px solid #438caa; list-style: none; margin: 0; padding: 0; }
.area li { font-size: 0.8em; padding: 1px 5px; border-bottom: 1px dotted #9dcee3; color: #999;}
p.link {  border-bottom: 1px solid #438caa; border-left: 1px solid #438caa; border-right: 1px solid #438caa; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; list-style: none; margin: 0; padding: 0 0 5px; }


/*---------------------------------------
FAQs AND TCS
---------------------------------------*/

p.question { font-size: 1.2em; border-bottom: 1px dotted #999;}

#faq_answers .faq_answer {
  border-bottom:1px dotted #999999;
  font-size:1.2em;
}


#faq_questions li a, #terms li a, #tcs li a {
  font-size:1em;
  color:#244d5d;
  line-height:1.3em;    
}

ol#terms li {
  margin-bottom:20px;
}

ol#terms li ol li {
  font-size:0.9em;
  margin:6px 0;  
}

ol#terms li ol li ol li, ol#terms li ol li ul li {
  font-size:1em;
  margin:6px 0;  
}

dt.faq_answer a {
  color:#244d5d;   
}

dt.faq_answer{
  margin:15px 20px;
}

ul#faq_questions li { list-style-image: url(/_img/backgrounds/li_orange.png);}


/*---------------------------------------
HOMEPAGE STYLES
---------------------------------------*/
#rotating {  height: 200px; margin: 0 0 25px; position: relative; }
#promo1 { background: url(/_img/backgrounds/banner1.png) top left no-repeat; float: left; height: 160px; position: absolute; top: 0; left: 0;   }
#promo2 { background: url(/_img/backgrounds/banner2.png) top left no-repeat; float: left; height: 160px;  position: absolute; top: 0; left: 0;   }
#promo3{ background: url(/_img/backgrounds/banner3.png) top left no-repeat; float: left; height: 160px; position: absolute; top: 0; left: 0;    }
#promo4 { background: url(/_img/backgrounds/banner4.png) top left no-repeat; float: left; height: 160px;  position: absolute; top: 0; left: 0;   }
#promo5 { background: url(/_img/backgrounds/banner5.png) top left no-repeat; float: left; height: 160px;  position: absolute; top: 0; left: 0;   }
.banner { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px; width: 880px; }
.banner h1 { border: none; color: #fff; margin: 0; padding: 0; width: 680px; }
#buttons { position: absolute; bottom: 20px; left: 20px;}
#innercontent { font-size: 0.8em; padding: 10px 0;}
#innercontent h2, #innercontent h3 { border-bottom: 2px solid #57b6dd; font-size: 1.3em; font-weight: normal; margin: 0 0 1em; vertical-align: middle; }
#innercontent h3 { border-bottom: 2px solid #f6921e; padding: 3px 0; }
#innercontent h2 img, #innercontent h3 img  {  vertical-align: middle; }
.homecol { float: left; margin: 0 40px 0 0; padding: 0 0 20px; width: 200px;}
.homecolwide { float: left; margin: 0 40px 0 0; padding: 0 0 10px; width: 440px;}
.homecol.last { margin: 0;}
a.pseudobutton, a.pseudobutton2, a.pseudobutton3 { background: #f6921e; border: 2px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; color: #fff; float: left; margin: 0 6px 0 0; padding: 3px 6px; text-decoration: none;}
a.pseudobutton2 { background: #57b6dd;}
a.pseudobutton3 { background: #57b6dd; border: 2px solid #000;}
#twitter_div { width: 200px; overflow-x: hidden;}
ul#twitter_update_list { list-style: none; margin: 0 0 2px; padding: 0;}
ul#twitter_update_list li { list-style: none; border-bottom: 1px solid #ebebeb;  padding: 5px 0;}
ul#twitter_update_list span, ul#twitter_update_list a { display: block;}
ul#twitter_update_list span a { display: inline; }

ul.topitems { list-style: none; margin: 0 0 2px; padding: 0;}
ul.topitems li { background: url(/_img/backgrounds/topitems.png) left top repeat-x #ebf5f9; list-style: none; border-bottom: 1px dotted #57b6dd; margin:0; padding: 5px; width: 190px; }
ul.topitems li a { color: #438caa; display: block; }
ul.topitems li a.rejected_comment { display: inline; } 
ul.topitems li a span, ul.topitems li span { font-size: 0.8em;}
p.view_all {text-align:right;font-size:0.9em;}
.section {}
#featured {background: url(/_img/backgrounds/staff_icon_tiny.png) top left no-repeat;}
#what {background: url(/_img/backgrounds/imac_icon_tiny.png) top left no-repeat;} 
#lucky {background: url(/_img/backgrounds/clover_icon_tiny.png) top left no-repeat;} 
#lucky a {  color: #65af44; font-weight: bold; }
#all {background: url(/_img/backgrounds/view_icon_tiny.png) top left no-repeat;} 
#popular {background: url(/_img/backgrounds/folders_icon_tiny.png) top left no-repeat;} 
#toprated {background: url(/_img/backgrounds/star.png) top left no-repeat;}
#latest{background: url(/_img/backgrounds/calendar_icon_tiny.png) top left no-repeat;}
#myfavourites {background: url(/_img/backgrounds/binder_icon_tiny.png) top left no-repeat;}
#mydownloads {background: url(/_img/backgrounds/disk_icon_tiny.png) top left no-repeat;}
#mycomments {background: url(/_img/backgrounds/pen_icon_tiny.png) top left no-repeat;}
#join_us {background: url(/_img/backgrounds/signup_icon_tiny.png) top left no-repeat;}
#twitter {background: url(/_img/backgrounds/home_twitter.png) top left no-repeat;}
#ukr {background: url(/_img/backgrounds/ukr_icon_tiny.png) top left no-repeat;}
h2.section a {display:block; height:26px; padding:5px 0 0 42px; color:#254d5d;}
#innercontent h2.list { margin-bottom: 0; }
#innercontent h2.mylist { margin-bottom: 0; }
#content .topitems li {line-height:1.1;}  


/*---------------------------------------
MEMBER PAGES
---------------------------------------*/
p.memberinfo { border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; color: #999; font-size: 0.8em; margin: 0.5em 0; padding: 5px;}
#settings form p { clear: both; font-size: 0.9em; margin: 0;}
#settings label {float: left; margin: 0 20px 0 0; text-align: right; width: 250px;}
#settings span.explanatory { color: #999;  font-size: 0.8em;}
#settings input[type="text"], #frmEditNarrow input[type="password"], #frmpassword input[type="password"] { border: 1px solid #000; float: left; font-size: 1em; margin: 0 20px 0 0; width: 170px;}
#settings #search input[type="text"] { float: none; margin: 0;}


.directory {
  font-size:0.9em;
  margin:2px 0;  
}


/*---------------------------------------
SIGNUP
---------------------------------------*/
.narrow { padding: 1em 180px; width: 600px;}
#signup h1 { margin: 0 0 1em; padding: 1em 0 0;}
#frmsignup {  margin: 10px auto; width: 600px; }
form#frmsignup p { clear: both; font-size: 0.9em; margin: 0;}
#frmsignup label {float: left; margin: 0 20px 0 0; text-align: right; width: 150px;}

#frmsignup label.radio {float: left; text-align: left; }
#frmsignup label.checkbox {float: left; text-align: left; width: 350px;}
#frmsignup input[type="text"], #frmsignup input[type="password"] { border: 1px solid #000; float: left; font-size: 1em; margin: 0 20px 0 0; width: 250px;}
#frmsignup input.short[type="text"] { width: 125px;}
#frmsignup input[type="radio"], #frmsignup input[type="checkbox"] { float: left; margin: 3px 10px 0 170px; }
#frmsignup .pane input[type="radio"], #frmsignup .pane input[type="checkbox"] { float: left; margin: 3px 10px 0 150px; }
#frmsignup p.explanatory { font-size: 0.8em; padding: 0 0 0 170px;}
#frmsignup fieldset { background: #f0f8fb; border: 1px solid #999; margin: 0 0 1em; padding: 0 10px 10px;}
select {font-size: 1em;}
sup { color: #c00; vertical-align: baseline;
	font-size: 1.4em; line-height: 0.7em;
	position: relative;
	top: 0.2em; }
hr {clear: both; height: 1px;background-color: #ccc;color: #ccc;border: none; margin: 1em 0;}
p.submitfrm { text-align: right;}
#frmsignup fieldset#membership label.radio, #frmsignup fieldset#payment label.radio {width: 350px;}
#frmsignup fieldset#membership .pane label.radio, #frmsignup fieldset#payment .pane label.radio {width: 320px;}
span.strike { color: #f00; text-decoration: line-through;}
  

/*
color values
orange: #f6921e
mainblue: #57b6dd
bluegrey: #41555d
darkblue: #254d5d
midbluegreen: #438caa
orange: #f6921e
*/

ul#links li a { font-size: 0.8em;}

.partner {
  margin:0 0 1em;
}

.note {
  font-size:0.9em;
  color:#999;
  margin:0;
}

/*---------------------------------------
COMMENTS IN ARTICLES
---------------------------------------*/ 
.alert { background: #fae5e5; border: 1px solid #c00; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #c00; padding: 5px; }
.alert a { color: #c00; text-decoration: underline;}
.simple {padding:0px;margin:0px;}

ul.comments {list-style-type: none; padding:0; margin:3px 0 0;}
ul.comments li {border-top: 1px #9dcee3 dotted; margin-top: 3px;}
ul li p {margin:0px;padding:0px;}
p#comments{margin-top:5px;}
ul.comments .note { font-size: 0.9em; color: #999;}

/*---------------------------------------
ERRORS
---------------------------------------*/ 
p.unavailable { border-bottom: 1px dotted #ccc; font-size: 0.8em; color: #ccc; font-style: italic; }
div.error {
  -moz-border-radius: 5px; -webkit-border-radius: 5px; 
  background:#fae5e5 none repeat scroll 0 0;
  border:1px solid #c00;
  color:#c00;
  margin:10px 0 20px;
  font-size:0.8em;
}

div.error p.head, div.notify p.head, div.success p.head {
  border-bottom:1px dotted #c00;
  font-weight:bold;
  margin:0;
}
div.error p, div.notify p, div.success p {
  margin:0;
  padding:5px;
}

div.error a:link, div.error a:visited, div.notify a:link, div.notify a:visited, div.success a:link, div.success a:visited {
  color:#2c5494;
  text-decoration:none;
}

div.success {
  background:#ccc18d none repeat scroll 0 0;
  border:1px solid #516e32;
  color:#516e32;
  margin-bottom:5px;
}

.v_error, input.v_error[type="text"], #frmsignup input.v_error[type="text"] {
  border:1px solid #c00;
}

#settings .v_error, #settings input.v_error[type="text"] {
border:1px solid #CC0000;
}

.inline {
  display:inline;
}

#article_tbl p {margin:0px;}

#show_rating_stars {padding:0px;margin:0px}

#stars {padding:0px;margin:0px;}

#content p.tight { margin: 2px 0;}
p.smaller { font-size: 0.9em;}
#content .partnerbio p { margin: 5px 0;}

ol ol {list-style-type: lower-alpha;}

/*-----------
FEEDBURNER STYLES FOR LOUISE'S BLOG
-------------*/
.feedburnerFeedBlock {width: 480px; padding: 0 0 0 20px;}
.feedTitle { display: none;}
.headline { display: block; font-size: 1.1em;}
.headline a { color: #000;}
.feedburnerFeedBlock ul { list-style: none; margin: 0; padding: 0;}
.feedburnerFeedBlock ul li { border-top: 1px dotted #999; margin: 0 0 1em; padding: 5px 0 2px;}
.feedburnerFeedBlock p.date { border-bottom: 1px dotted #ccc; color: #ccc; font-size: 0.8em;}

 /*-----------
ARTICLE DETAIL
-------------*/

#gray_pdf_icon {
  background: url(/_img/pdf_icon_g.png) 10px 10px no-repeat;
  border: 1px dotted #ccc;
  width:256px;
  height: 206px;
  margin: 0 0 25px;
  float:right;  
  padding:60px 20px 20px;
  text-align: center;
  color:#333;
}
#gray_pdf_icon a { font-weight:bold; color: #438caa;}

.rating_stars {display:inline;}

 /*-----------
MISCELLANEOUS
-------------*/
.floatright { float: right;}
p.big {font-size: 1.2em;}

.strong {font-weight:bold;}

.clear {
  clear:both;
  color:#fff;
  font-size:0;
  height:0;
}

.clear2 {
  border-bottom: 1px solid #ebebeb;
  clear:both;
  color:#fff;
  font-size:0;
  height: 5px;
  margin: 0 0 20px;
}

span.author {font-size:0.9em;}

.item p {font-size:0.9em;}
.item.introduction p {text-align:justify;}

#pager {padding:3px 0;}

a.small_link {
  font-size:0.95em;  
  color:#254D5D;
  text-decoration:underline;
}

 /*-----------
SITEMAP
-------------*/

ul.sitemap { 
  list-style-image:url(/_img/backgrounds/li_orange.png);
  margin-top:0px;
}

ul.sitemap li {
  padding:3px 0;
  font-size:1.1em;
}

ul.sitemap_detail {  
   list-style-image:none;
   margin-bottom:3px;
}

ul.sitemap_detail li{ 
  padding-top:0;
  padding-bottom:0;
  font-size:1em;
}

a#sitemap {
  color:#999999;
}

ul.articlelist {
  font-size:0.9em;
}