/*-----------------------------------------------------
 * Project: Human Capital
 * Author: Viktor
 * Date: 2008-04-03
 * File: main.css
 * Description: Main css for screen and projection. 
 ----------------------------------------------------*/

/*Resseting styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/***[basic]***/

body{
	background:#202020 url(../gfx/bg.jpg) repeat-x 0 0;
	color:#333;
	font:76%/1.5 Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h1{
	font-size:170%;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}

h2{
	font-size:130%;
	font-weight:normal;
	margin:0 0 12px 0;
	padding:0;
}

h3{
	font-size:110%;
}

	h3.column{
		background:#9D001D url(../gfx/header-red-bg.jpg) repeat-x 0 0;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		height:25px;
		padding:5px 0 0 10px;
	}
	
	h3.heading{
		background:#9D001D url(../gfx/stripe-headings.png) no-repeat;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		height:32px;
		width:222px;
		text-indent:-9000px;
	}
	
		h3#heading-register{
			background-position:0 0;
		}
		
		h3#heading-jobb{
			background-position:0 -32px;
		}
		
		h3#heading-client{
			background-position:0 -64px;
		}
		
		h3#heading-candidate{
			background-position:0 -96px;
		}


h4{
	font-size:95%;
	margin: 8px 0 0 0;
}

p,
li{
	font-size:90%;
}

p{
	margin:0 0 10px 0;
	padding:;
	line-height:1.3em;
}

	p.small{
		font-size:10px;
	}

	p.ingress{
		font-weight:bold;
		font-style:italic;
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
	}
a{
	color:#3967ac;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a:active{
	color:#f00;
}

img{
	border:0;
}

ul li{
	list-style-type:none;
}

.clear {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	font-size: 1px;
	line-height: 1px;
}


/***[structure]***/

#wrapper {
	width:915px;
	padding-left:25px;
	padding-bottom:45px;
	margin: 0 auto;
	margin-top:40px;
	background:#fff url(../gfx/wrapper-bg.jpg) no-repeat 0 0;
}

#header{
	position:relative;
	height:200px;
}

	#body-index #header{
		height:180px;
	}

#leftcolumn{
	width:230px;
	float:left;
	padding-top:15px;
}

#centercolumn{
	width:400px;
	padding-left:10px;
	float:left;
	background:transparent url(../gfx/centercolumn-bg.jpg) no-repeat 0 0;
	height:707px;
	position:relative;
}

#content{
	width:654px;
	float:left;
	margin-left:-14px;
	padding-top:15px;
}

#rightcolumn{
	width:237px;
	padding:15px 0 0 19px;
	float:left;
	height:707px;
	background:transparent url(../gfx/rightcolumn-bg.jpg) no-repeat 0 0;
}

#bottom{
	margin-top:15px;
}

#logo{
	position:absolute;
	top:27px;
	left:30px;
	display:block;
	text-indent:-9000px;
	width:265px;
	height:77px;
}

div.box{
	background:transparent url(../gfx/box-bg.png) repeat 0 0;
}

#tel{
	position:absolute;
	top:120px;
	right:35px;
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
}


/***[menu]***/

#flags{
	position:absolute;
	left:815px;
	top:20px;
	display:none;
}

	#flags li{
		display:inline;
		margin-left:2px;
	}

ul#menu{
	position:absolute;
	top:113px;
	left:237px;
}

	ul#menu  li{
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		text-align:center;
		font-size:110%;
		line-height:1.2em;
		margin-right:6px;
	}
	
	
	ul#menu  li a{
		padding-top:9px;
		height:50px;
		width:117px;
		color:#333;
		text-transform:uppercase;
		display:block;
	}
	
	
		ul#menu  li a:hover,
		ul#menu  li a.current{
			background:#ccc url(../gfx/menu-bg.jpg) repeat-x 0 0;
			text-decoration:none;
		}
		
ul#submenu{
	position:absolute;
	top:170px;
	left:30px;
}

	ul#submenu  li{
		float:left;
	}
	
	ul#submenu  li a{
		color:#333;
		margin:0 6px;
	}
	
	
		ul#submenu  li a:hover,
		ul#submenu  li a.current{
			color:#3967ac;
			text-decoration:none;
		}
	
	
/***[content]***/

#centercolumn img{
	margin-top:15px;
}

#featured-clients,
#worksearch{
	width:222px;
	margin-bottom:15px;
}

#featured-clients ul{
	border:1px solid #666;
	border-top:none;
}
	
	#featured-clients ul li{
		height:120px;
		text-align:center;
		border-top:1px solid #666;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	
	#featured-clients ul li img{
		display:block;
		margin:10px auto;
		margin-bottom:0;
	}
	
p#bottom-links{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

	p#bottom-links a{
		padding:1px 2px;
	}
	
ul.linked-list{
	margin-bottom:20px;
}

ul.linked-list li{
	margin-bottom:7px;
}
	
	ul.linked-list li a{
		background:#9D001D url(../gfx/stripe-linked-list.png) no-repeat;
		display:block;
		text-indent:-9000px;
		height:30px;
		width:222px;
	}
	
		ul.linked-list li a:hover{
			text-decoration:none;
			background-position:0 -31px;
		}
		
		ul.linked-list li a#customers{
			background-position:0 -62px;
		}
		
			ul.linked-list li a#customers:hover{
			background-position:0 -93px;
		}
		
		ul.linked-list li a#reg-cv{
			background-position:0 -124px;
		}
		
			ul.linked-list li a#reg-cv:hover{
			background-position:0 -155px;
		}
	
.grey-box{
	border:1px solid #a6a6a6;
	border-top:none;
	width:220px;
	height:197px;
}

	.grey-box h3.column{
		background:none;
		background-color:#a6a6a6;
		border-bottom:1px solid #787878;
	}
	
	#poll{
		height:auto;
	}
	
#sallary{
	background:transparent url(../gfx/pig.jpg) no-repeat 0 30px;
}

	#sallary p{
		padding:20px 15px 0 100px;
		font-size:11px;
	}
	
		#sallary p.link{
			padding-top:0;
		}
	
		#sallary p a{
			background:transparent url(../gfx/arrow-blue.gif) no-repeat 0 2px;
			padding-left:18px;
		}
		
#question{
	background:transparent url(../gfx/question.gif) no-repeat 0 30px;
}

	#question p{
		margin:20px 40px 0 20px;
		
		font-size:16px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#question p a{
		color:#666;
	}
	
		#question p a:hover{
			text-decoration:none;
		}

ul.category-list li{
	margin-bottom:7px;
}

	ul.category-list li a{
		background:#9D001D url(../gfx/stripe-category.png) no-repeat;
		display:block;
		height:35px;
		width:400px;
		text-indent:-9000px;
	}
	
	ul.category-list li a:hover{
		text-decoration:none;
		background-position:0 -35px;
	}
	
		ul.category-list li a#category-bank{
			background-position:0 -70px;
		}
		
			ul.category-list li a#category-bank:hover{
			background-position:0 -105px;
		}
		
		ul.category-list li a#category-interim{
			background-position:0 -140px;
		}
		
			ul.category-list li a#category-interim:hover{
			background-position:0 -175px;
		}
	
#centercolumn p{
	padding:15px 0 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
	font-size:11px;
	color:#666;
	position:absolute;
	top:60px;
	left:20px;
}

#centercolumn div{
	
}

#content-top{
	height:191px;
}

#content-top div{
	background:#a7001f url(../gfx/quote.png) no-repeat 0 0;
	width:439px;
	height:191px;
	float:left;
	position:relative;
}

	#content-top div h1{
		position:absolute;
		top:38px;
		left:49px;
		color:#fff;
		font-size:150%;
	}
	
	#content-top div p{
		color:#fff;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:1.4em;
		width:310px;
		position:absolute;
		top:115px;
		left:50px;
	}
		
#content-top img{
	float:left;
}

#content-main{
	padding:20px 75px 0 50px;
}

#content-main2{
	padding:0 25px 0 25px;
}

	#content-main.work{
		border:10px solid #a00e28;
		margin:0 18px 0 27px;
		padding:20px 25px;
	}
	
	#content-main p,
	#content-main2 p{
		line-height:1.6em;
		margin-bottom:20px;
	}
	
	#content-main ul{
		width:200px;
		float:left;
	}
	
	#content-main ul.full-width{
		width:100%;
		float:none;
	}
	
	#content-main li{
		background:transparent url(../gfx/red-square.gif) no-repeat 0 3px;
		margin-bottom:5px;
		padding-left:15px;
	}

#allclients{
		border:10px solid #a00e28;
		margin:0 18px 0 27px;
		padding:20px 25px;
		color:#000;
		height:1%;
}

		#allclients div h1{
			color:#a00e28;
			font-size:180%;
			margin-bottom:14px;
			width:350px;
			line-height:1em;
		}
		
			
			#allclients div h1 span{
				font-weight:normal;
				display:block;
			}

#searchresult {
		margin:0 18px 0 27px;
		padding:20px 25px;
		color:#000;
		height:1%;
}
	
#work{
		border:10px solid #a00e28;
		margin:0 18px 0 27px;
		padding:20px 25px;
		color:#000;
		height:1%;
	}

.worklist{
		border:10px solid #a00e28;
		margin:0 18px 20px 27px;
		padding:20px 25px;
		color:#000;
		height:1%;
	}
	
	#work p,
	.worklist p{
		line-height:1.6em;
		margin-bottom:20px;
	}
	
	#work ul{
		
	}
	
	#work li,
	.worklist li{
		background:transparent url(../gfx/red-square-small.gif) no-repeat 0 5px;
		margin-bottom:5px;
		padding-left:17px;
	}
	
	#work div,
	.worklist div{
		color:#a00e28;
		margin-bottom:20px;
	}
	
		#work div h1,
		.worklist div h2{
			color:#a00e28;
			font-size:180%;
			margin-bottom:34px;
			width:350px;
			line-height:1em;
		}
		
			.worklist div h2.title{
				width:100%;
				margin-bottom:10px;
			}
			
			#work div h1 span,
			.worklist div h2 span{
				font-weight:normal;
				display:block;
			}
			
		#work div img,
		.worklist div img{
			float:right;
		}
		
		#work div ul,
		.worklist div ul{
			width:350px;
		}
		
		#work div li,
		.worklist div li{
			background:none;
			padding:0;
			font-size:110%;
			width:350px;
			margin-bottom:3px;
		}
		
			#work div li.city,
			.worklist div li.city,
			#work div li.category
			{
				font-weight:bold;
			}

.employe{
	background: url(../gfx/border-h.gif) repeat-x 0 0;
	width:100%;
	float:left;
	clear:both;
	padding:10px 0;
}

	.employe img{
		float:left;
	}
	
	.employe-data{
		float:left;
		margin-left:20px;
	}
	
		.employe-data h3{
			font-size:160%;
		}
		
		.employe-data h3 span{
			font-weight:normal;
			font-size:80%;
		
		}
		
		.employe-data dt{
			float:left;
			margin-right:5px;
			font-weight:bold;
			margin-bottom:4px;
		}
		
		.employe-data dd{
			margin-bottom:4px;		
		}
		
		.employe-data p a{
			background:transparent url(../gfx/arrow-red.gif) no-repeat 0 2px;
			padding-left:18px;
			color:#a7001f;
			font-size:12px;
		}
			
table{
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	margin-bottom:20px;
}

tr{
	
}

th{
	background:#9D001D url(../gfx/header-red-bg.jpg) repeat-x 0 0;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	height:20px;
	text-align:left;
	padding:3px 0 3px 5px;
}

td{
	padding-left:5px;
	border-bottom:1px solid #ccc;
}

/***[form]***/

fieldset{
	border:none;
}

form p.text{
	font-size:80%;
}

select{
	display:block;
}

	#worksearch select{
		width:195px;
		margin-bottom:8px;
	}
	
	#worksearch input{
		width:192px;
	}
	
.column-form{
	width:222px;
}

#worksearch fieldset{
	background:#ccc url(../gfx/box-bg.jpg) repeat-x 0 0;
	border:1px solid #666;
	border-top:0;
	padding:10px 0 0 8px;
}

#worksearch select,
#worksearch label{
	font-size:90%;
}

form#cv{
	margin-bottom:10px;
}
	
	form#cv label{
		display:block;
		width:70px;
		float:left;
	}
	
	form#cv p{
		padding:0 0 0 10px;
		margin-top:5px;
		font-size:11px;
	}

	form#cv input{
		float:left;
		font-size:11px;
		width:130px;
		margin-bottom:5px;
	}
		
		form#cv p.password input{
			width:105px;
		}
	
	form#cv a{
		background:transparent url(../gfx/button-arrow.gif) no-repeat 0 0;
		width:19px;
		height:18px;
		display:block;
		float:left;
		margin-left:5px;
	}
	
		form#cv a:hover{
			background-position:0 -18px;
		}
		
	#apply{
		background-color:#e0e0e0;
		padding-bottom:10px;
	}
	
	#apply fieldset{
		padding:17px 0 17px 13px;
		float:left;
		width:245px;
	}
	
	#apply p{	
		margin-bottom:5px;
	}
	
	#apply label{
		display:block;
		font-size:90%;
	}
	
	#apply input,
	#apply textarea{
		width:240px;
	}
	
	#apply .form-padding{
		padding:0 13px;
	}
	
a.send,
a.chose-file{
	width:81px;
	height:22px;
	text-indent:-9000px;
	display:block;
	float:left;
}

a.send{
	background:transparent url(../gfx/btn-send.gif) no-repeat 0 0;
	margin-left:60px;
}

a.chose-file{
	background:transparent url(../gfx/btn-choose-file.gif) no-repeat 0 0;
}

.pagination{
	font-size:11px;
	padding-left:200px;
	margin:10px 0;
}

.pagination div{
	float:left;
}

.pagination div.before{
	margin-right:10px;
}

.pagination div.next{
	margin-left:10px;
}

/* --------------- dictionary --------------  */
#dictionary ul#alphabet {
	margin: 0 0 15px 0;
}
#dictionary ul#alphabet li {
	display:inline;
	margin: 0 2px;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	font-size: 13px;
	background:none;
	padding:0 4px;
}
#dictionary ul#alphabet li#active {
	background-color:#9D001D;
	color:#fff;
	padding:0 4px;
}
#dictionary ul#alphabet li .separator {
	font-size: 13px;
}
#dictionary ul#alphabet li#inactive {
	color: #444;
}
#dictionary h2#char {
	font-size: 28px;
	font-weight: bold;
	margin: 20px 0 20px 0;
}

/* --------------- Form ---------------- */
.fhError
{
	color: #cc3300;
	font-weight: bold;
}

.success {
	font-weight: bold;
	color: #00cc00;
}

.column-form .frm_submit{
margin:7px 0 0 2px;}