/****************************
**                         **
**     ManAtWork.Hu CSS    ** 
**                         **
**          2008           **
**                         **
****************************/

/********* GLOBALS *********/

@CHARSET "UTF-8"; 

body{
	margin:			0;
	padding:		0;
	background:		#5f0223;
	font-family:	Verdana;
	font-size:		11px;
	line-height:	16px;
	}
	
 img{border:none;}	
.nodsp{display:none;}
.left{float:left;}
.right{float:right;}

li{text-align: justify;}

h5{
	margin:		0px 0px 15px 0px;
	padding:	0;
	font-size:	11px;
	color:		#58a10e;
	}

.clear{
	clear:		both;
	float:		none;
	width:		1px;
	height:		1px;
	overflow:	hidden;
	visibility:	hidden;
	}

a{color:#818ab9;text-decoration:underline;}
a:hover{color:#bb6464;}

/* FRAME LAYOUT */

.frame{
	width:		800px;
	height:		auto;
	margin:		0;
	padding:	0 12px 0 0;
	background:	transparent url(../images/content-bg.jpg) repeat-y top left;
	text-align:	left;
	float:	left;
	clear:	left;
	}
	
.header{
	width:	800px;
	height:	144px;
	background: transparent url(../images/header-sub.jpg) no-repeat top left;
	overflow:	hidden;
	}
	.header img{float: left !important;}
	
div.topmenu{
	width:		800px;
	height:		58px;
	background:	transparent url(../images/top-menu-bg.jpg) repeat-x top left;
	font-size:	10px !important;
	}
	div.topmenu div.mainMenu a{
		color:				#fff;
		text-decoration:	none;
		cursor:				pointer;
		display:			block;
		float:				left;
		padding:			4px 7px 4px 7px !important;
		margin:				0;
		background:			transparent url(../images/mainmenu-bg.jpg) no-repeat top right;
		}
		div.topmenu div.mainMenu a:hover{
			color:#f6de8c !important;
			}
		div.topmenu div.mainMenu a.last{background-image:none !important;}
		
	div.topmenu div.mainMenu div.subMenu a{
		font-size:			10px;
		font-weight:		bold;
		color:				#fff;
		text-decoration:	none;
		cursor:				pointer;
		display:			block;
		float:				left;
		padding:			8px 7px 4px 7px !important;
		margin:				0;
		background:			transparent url(../images/submenu-bg.jpg) no-repeat top right;
		}
		div.topmenu div.mainMenu div.subMenu a:hover{
			color:#f6de8c !important;
			}
		div.topmenu div.mainMenu div.subMenu a.last{background-image:none !important;}

div.headerShadow{
	width:		800px;
	height:		4px;
	overflow:	hidden;
	padding:	0;
	margin:		0;
	background:	transparent url(../images/top-menu-shadow.jpg) no-repeat top left;
	}

div.content{
	width:			1050px;
	height:			auto;
	padding:		0;
	background:		transparent;
	clear:			both;
	}
	
	div.content div.banner_right{
		float:	left;
		width:	211px;
		height:	742px;
		margin-left:		10px;
		background:	transparent url(../images/banner.jpg) no-repeat top left;
	}
	
	div.content div.left{
		width:		261px;
		background:	#ceccbb;
		height:		auto;
		float:		left;
		text-align:	left;
		}
		div.content div.left div.contentLeft{
			padding:17px 27px 17px 27px;
			}
			
			/* LIST */
				div.content div.left div.contentLeft ul{
					list-style:		none;
					margin:			0;
					padding:		0;
					}
					div.content div.left div.contentLeft ul li{
						display:	block;
						margin:		0 0 5px 0;
						padding:	0 0 5px 15px;
						border:		none;
						background:	transparent url(../images/bullets.gif) no-repeat;
						background-position:	top;
						background-position:	1px;
						}
						div.content div.left div.contentLeft ul li a{
							color:				#000;
							text-decoration:	underline;
							}
							div.content div.left div.contentLeft ul li a:hover{
								text-decoration:	none;
								}
			
	div.content div.right{
		width:		485px;
		height:		auto;
		background:	transparent;
		padding:	17px 27px 17px 27px;
		float:		left;
		text-align:	left;
		color:		#585858;
		}
	
	* html div.content div.right{
		width:		465px !important;
		padding:	17px 27px 17px 27px !important;
		border:		none !important;
		}
	
		div.content div.right span.title{
			font-size:		20px;
			font-weight:	bold;
			color:			#8f1025;
			cursor:			default;
			display:		block;
			margin:			0 0 20px 0 !important;
			padding:		0 0 10px 0 !important;
			background:		transparent url(../images/sep.jpg) no-repeat bottom left;
			height:			auto;
			line-height:	26px;
			}
		div.content div.right div.section{
			text-align:	left;
			height:		auto;
			width:		100%;
			}
			div.content div.right div.section a{
				text-decoration:	underline;
				text-transform:		capitalize;
				color:				#585858;
				}
				div.content div.right div.section a:hover{
					color:#8f1025;
					}
			div.content div.right div.section a.joblink{
				color:				#666;
				display:			block;
				padding:			0 0 3px 10px !important;
				margin:				0 0 0 0 !important;
				font-size:			14px;
				text-align:			left;
				text-decoration:	none;
				font-weight:		bold;
				background:			transparent url(../images/bullets.gif) no-repeat left;
				}
				div.content div.right div.section a.joblink:hover{
					color:#818ab9;
					}
				div.content div.right div.section div.job{
					background:		#fffdea;
					padding:		5px;
					font-size:		10px;
					font-weight:	normal;
					text-align:		left;
					margin:			0 0 15px 0 !important;
					border:			1px dotted #999;
					color:			#777;
					}
				
			
			div.content div.right div.section span.title{
				font-weight:	bold !important;
				margin:			0 0 12px 0 !important;
				display:		block !important;
				text-transform:	uppercase !important;
				}
				
				div.content div.right div.section table{border: none;}
				div.content div.right div.section table tr td{text-align: left; vertical-align: top;}
				
				
				div.content div.right a.button{
					background:			transparent url(../images/rightbutton-left.gif) no-repeat top left;
					display:			block;
					padding:			0 0 0 7px !important;
					height:				19px;
					text-decoration:	none !important;
					color:				#666 !important;
					cursor:				pointer;
					width:				93px;
					}
					div.content div.right a.button:hover{
						color:				#f6f4df !important;
						text-decoration:	none !important;
						background:			transparent url(../images/rightbutton-left-hover.gif) no-repeat top left !important;
						}
					div.content div.right a.button span{
						display:			block;
						background:			transparent url(../images/rightbutton-right.gif) no-repeat top right;
						padding:			1px 7px 5px 0 !important;
						height:				13px;
						color:				#666;
						font-size:			10px !important;
						text-decoration:	none !important;
						width:				86px;
						text-align:			center;
						}
						div.content div.right a.button span:hover{
							color:		#f6f4df !important;
							background:	transparent url(../images/rightbutton-right-hover.gif) no-repeat top right !important;
							}
				
		
.shadow{
	width:	812px;
	height:	12px;
	float:	none;
	clear:	both;
	margin:	0 0 20px 0 !important;
	}
	
/* FOOTER */

div.footer{
	width:		100%;
	padding:	10px;
	margin:		10px 0 0 0 !important;
	color:		#999;
	font-size:	10px;
	text-align:	center;
	background:	transparent url(../images/sep.jpg) no-repeat top left;
	}
	div.footer a{
		text-decoration:	underline;
		color:				#999;
		}
		div.footer a:hover{
			text-decoration:	none;
			color:				#000;
			}

/* ADDONS */

img.sep{
	margin:	12px 0 12px 0 !important;
	float:	none;
	clear:	both;
	}

.und{text-decoration:underline !important;}
.link{cursor:pointer !important;}
.help{cursor:help !important;}
.big{font-size:14px !important;}
.verybig{font-size:18px !important;}

.small{font-size:10px;}

/* WIDTHS */

	/*Percents*/
	
	.w100{ width:100%; }
	.w90{ width:90%; }
	.w80{ width:80%; }
	.w75{ width:75%; }
	.w70{ width:70%; }
	.w60{ width:60%; }
	.w50{ width:50%; }
	.w40{ width:40%; }
	.w30{ width:30%; }
	.w25{ width:25%; }
	.w20{ width:20%; }
	.w10{ width:10%; }
	
	/*Pixels*/
	
	.w50px{ width:50px !important; }
	.w70px{ width:70px !important; }
	.w80px{ width:80px !important; }
	.w90px{ width:90px !important; }
	.w100px{ width:100px !important; }
	.w150px{ width:150px !important; }
	.w200px{ width:200px !important; }
	.w250px{ width:250px !important; }
	.w300px{ width:300px !important; }
	.w350px{ width:350px !important; }
	.w400px{ width:400px !important; }
	.w450px{ width:450px !important; }

/*COLORS*/
.blue{color:#818ab9 !important;}
.grey{color:#999 !important;}
.red{color:#8f1025 !important;}
.redhover:hover{color:#bb6464 !important;}

.nofloat{
		visibility:	hidden;
		height:		0px;
		overflow:	hidden;
		float:		none;
		clear:		both;
		}
		
.Fleft{float:left;}
.Fright{float:right;}

.h5{height:5px; overflow:hidden;}
.h10{height:10px; overflow:hidden;}
.h20{height:20px; overflow:hidden;}

.s5{height:5px; overflow:hidden; float:none; clear:both;}
.s10{height:10px; overflow:hidden; float:none; clear:both;}
.s20{height:20px; overflow:hidden; float:none; clear:both;}
.s30{height:30px; overflow:hidden; float:none; clear:both;}
.s40{height:40px; overflow:hidden; float:none; clear:both;}

.absmiddle{vertical-align:middle !important;}

.w100{width:100%;}

.noborder{border:none !important;}

	
/* FORM */

form{margin:0 !important; padding:0 !important;}

div.content div.right input[type="text"]{
		font-size:			10px;
		color:				#666;
		background-color:	#fffdea;
		border:				1px solid #ccc;
		height:				16px;
		width:				160px;
		padding:			2px 0 0 0 !important;
		}
		div.content div.right input[type="text"].wide{width:250px;}
		
div.content div.right input[type="password"]{
		font-size:			10px;
		color:				#666;
		background-color:	#fffdea;
		border:				1px solid #ccc;
		height:				16px;
		width:				160px;
		padding:			2px 0 0 0 !important;
		}
		div.content div.right input[type="password"].wide{width:250px;}
		

div.content div.right select{
	font-size:			10px;
	color:				#666;
	background-color:	#fffdea;
	border:				1px solid #ccc;
	height:				17px;
	width:				175px;
	padding:			2px 0 0 0 !important;
	cursor:				pointer;
	}
	select.wide{width:250px;}


input[type="text"]{
		font-size:			10px;
		color:				#585858;
		background-color:	#f6f4df;
		border:				none;
		height:				16px;
		width:				160px;
		padding:			2px 0 0 0 !important;
		}
		input[type="text"].wide{width:250px;}
input[type="password"]{
		font-size:			10px;
		color:				#585858;
		background-color:	#f6f4df;
		border:				none;
		height:				16px;
		width:				160px;
		padding:			2px 0 0 0 !important;
		}
		input[type="password"].wide{width:250px;}
		
textarea{
	font-size:			10px;
	color:				#666;
	background-color:	#fffdea;
	border:				1px solid #ccc;
	height:				120px;
	width:				240px;
	padding:			2px !important;
	font-family:		Tahoma, Verdana, Arial, Helvetica, Kalimat;
	}
			
/* ie 6 */

* html input.text{
		font-size:			10px;
		color:				#585858;
		background-color:	#f6f4df;
		border:				none;
		height:				16px;
		width:				160px;
		padding:			2px 0 0 0 !important;
		}
		* html input.wide{width:250px;}
		
* html div.content div.right input.text{
		font-size:			10px;
		color:				#666;
		background-color:	#fffdea;
		border:				1px solid #ccc;
		height:				16px;
		width:				160px;
		padding:			2px 0 0 0 !important;
		}
		* html div.content div.right input.text.wide{width:250px;}
		
select{
	font-size:			10px;
	color:				#585858;
	background-color:	#f6f4df;
	border:				none;
	height:				17px;
	width:				175px;
	padding:			2px 0 0 0 !important;
	cursor:				pointer;
	}
	select.wide{width:250px;}
		
/* LOGINPANEL */

div.loginpanel{	
	width:		160px;
	text-align:	left;
	}
	div.loginpanel a{color:#8f1025; text-decoration:underline;}
	div.loginpanel a:hover{color:#000;}
	
	a.loginbutton{
		background:			transparent url(../images/leftbutton-left.gif) no-repeat top left;
		display:			block;
		padding:			0 0 0 7px !important;
		height:				19px;
		text-decoration:	none !important;
		color:				#777 !important;
		cursor:				pointer;
		}
		a.loginbutton:hover{
			color:				#f6f4df !important;
			text-decoration:	none !important;
			background:			transparent url(../images/leftbutton-left-hover.gif) no-repeat top left !important;
			}
		a.loginbutton span{
			display:			block;
			background:			transparent url(../images/leftbutton-right.gif) no-repeat top right;
			padding:			1px 7px 5px 0 !important;
			height:				13px;
			color:				#777;
			font-size:			10px !important;
			text-decoration:	none !important;
			text-align:			center;
			}
			a.loginbutton span:hover{
				color:		#f6f4df !important;
				background:	transparent url(../images/leftbutton-right-hover.gif) no-repeat top right !important;
				}
/* Calendar */

div.calendar{
	width:		210px;
	height:		auto;
	background:	#dddbc9 url(../images/cal-bg.jpg) repeat-x top left;
	margin:		0 0 15px 0 !important;
	cursor:		default;
	}

.cHolder{
	width:			175px;
	margin-right:	35px;
	}
	
* html .cHolder{
	width:			175px;
	margin-right:	15px;
	}

.main {
	width:		200px;
	border:		none;
	padding:	0px;
	cursor:		default;
	}

.month {
	font-size:		12px;
	font-weight:	bold;
	color:			#585858;
	padding:		0px;
	cursor:			default;
	}

.daysofweek {
	font-size:	10px;
	color:		#585858;
	padding:	0px;
	cursor:		default;
	}

.days {
	font-size:	10px;
	color:		#585858;
	padding:	0px;
	cursor:		default;
	}

.days #today{
	font-weight:	bold;
	color:			#8f1025 !important;
	cursor:			default;
	}
	
/* JOBRESULT */

div.content div.jobModule{
	background:		#fffdea;
	padding:		5px;
	font-size:		10px;
	font-weight:	normal;
	text-align:		left;
	margin:			0 0 15px 0 !important;
	border:			1px dotted #999;
	color:			#777;
	}
	div.content div.jobModule div.Head{
		font-size:		12px;
		font-weight:	normal;
		margin:			0 0 5px 0 !important;
		}
		div.content div.jobModule div.Head a{
			color:				#818ab9;
			text-decoration:	none;
			font-weight:		bold;
			}
			div.content div.jobModule div.Head a:hover{
				color:				#bb6464;
				text-decoration:	underline;
				}

/* BASKET */

div.basketItem{
	width:		207px;
	height:		auto;
	background:	transparent url(../images/basket-item-bg.jpg) no-repeat bottom left;
	padding:	10px 0 10px 0 !important;
	}
	div.basketItem a{
		padding:		0 0 0 0 !important;
		width:			175px !important;
		overflow:		hidden !important;
		display:		block !important;
		float:			left;
		color:			#666 !important;
		}
	div.basketItem a:hover{
		text-decoration:	none;
		}
	div.basketItem img{
		float:	right;
		border:	none;
		cursor:	pointer;
		}
		
/* Error and Such */
.Error{
	border-bottom:	2px solid #f00;
	border-top:		1px solid #f00;
	border-left:	1px solid #f00;
	border-right:	1px solid #f00;
	background:		#ba0042 url(../images/misc/bullett-error.gif) no-repeat top left;
	color:			#f3f0d1;
	font-weight:	normal !important;
	height:			auto;
	padding:		8px 5px 5px 26px !important;
	width:			auto;
	font-size:		10px;
	margin:			5px 0 5px 0 !important;
	}
.Note{
	border-bottom:	2px solid #d4a528;
	border-top:		1px solid #d4a528;
	border-left:	1px solid #d4a528;
	border-right:	1px solid #d4a528;	
	background:		#fffde2 url(../images/misc/bullett-note.gif) no-repeat top left;
	color:			#666;
	font-weight:	normal !important;
	height:			auto;
	padding:		8px 5px 5px 26px !important;
	width:			auto;
	font-size:		10px;
	margin:			5px 0 5px 0 !important;
	}
.Ok{
	border-bottom:	2px solid #57a439;
	border-top:		1px solid #57a439;
	border-left:	1px solid #57a439;
	border-right:	1px solid #57a439;
	background:		#e9fee1 url(../images/misc/bullett-ok.gif) no-repeat top left;
	color:			#666;
	font-weight:	normal !important;
	height:			auto;
	padding:		8px 5px 5px 26px !important;
	width:			auto;
	font-size:		10px;
	margin:			5px 0 5px 0 !important;
	}

/* CV EDIT */

div.edit{
	background:	transparent url(../images/sep.jpg) no-repeat bottom left !important;
	margin:		0 0 0 0 !important;
	width:		100%;
	}
div.edit div.padding{
	padding:	0 0 10px 0;
	}

/* INFOLIST */

ul.infolist{
	list-style:		none;
	padding:		0 !important;
	margin:			0 !important;
	line-height:	20px;
	font-size:		11px;
	height:			auto;
	}
	ul.infolist li{
		margin:					0 0 5px 0;
		padding:				0 0 0 15px !important;
		text-align:				justify;
		background:				transparent url(../images/bullets.gif) no-repeat;
		background-position:	0 7px;
		height:					auto;
		}
		
ul.infolist-sub{
	list-style:	none;
	padding:	0 !important;
	margin:		0 !important;
	font-size:	11px;
	height:		auto;
	}
	ul.infolist-sub li{
		margin:					0 0 5px 0;
		padding:				0 0 0 15px !important;
		width:					350px;
		text-align:				justify;
		background:				transparent url(../images/bullets.gif) no-repeat;
		background-position:	0 7px;
		}
		
.subTitle{
	font-size:		14px !important;
	color:			#444 !important;
	font-weight:	bold !important;
	display:		block;
	margin:			10px 0 5px 0;
	padding:		0 0 5px 0;
	border-bottom:	1px solid #ccc;
	}
	
div#sitemap h1 a{font-size:16px;color:#818ab9;text-decoration:underline;display:inline;}
div#sitemap h2 a{color:#818ab9;text-decoration:underline;font-size:14px;display:inline;}
div#sitemap h3 a{color:#818ab9;text-decoration:underline;font-size:12px;display:inline;}
div#sitemap h4 a{color:#818ab9;text-decoration:underline;font-size:10px;display:inline;}

div#sitemap h1 a:hover{color:#bb6464 !important;}
div#sitemap h2 a:hover{color:#bb6464 !important;}
div#sitemap h3 a:hover{color:#bb6464 !important;}
div#sitemap h4 a:hover{color:#bb6464 !important;}