/***************************
**                        **
**       MCL.Hu CSS       ** 
**                        **
**          2008          **
**                        **
***************************/

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

/*DEBUG BORDERS*/

.debugRed{border: 1px solid #f00 !important;}
.debugGreen{border: 1px solid #0f0 !important;}
.debugBlue{border: 1px solid #00f !important;}

body{
	margin:			0 !important;
	padding:		0 !important;
	background:		#e4f2f2;
	/* font-family:	Tahoma, Geneva, Kalimati;*/
	font-family:	Trebuchet MS, Helvetica, sans-serif;
	font-size:		12px;
	line-height:	16px;
	color:			#444;
	}
	
 img{border: none;}	
.nodsp{display: none;}
.left{float: left;}
.right{float: right;}

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

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

a{
	color:				#6990bc;
	text-decoration: 	underline;
	}
	a:hover{color:#c16767;}

/* FRAME LAYOUT */

div.frame{
	width:		800px;
	height:		auto;
	margin:		0 auto;
	padding:	0 30px 0 30px;
	background:	transparent url(../images/frame-bg.gif) repeat-y top left;
	text-align:	left;
	/*border:		1px solid #bebebe;*/
	}
	
div.frame div.header{
	width:			800px;
	height:			196px;
	background:		transparent url(../images/header-bg.jpg) no-repeat top left;
	text-align:		left;
	border-bottom:	1px solid #bebebe;
	overflow:		hidden;
	}
	div.frame div.header.loggedinheader{
			background: url(../images/header-bg-loggedin.jpg) no-repeat top left !important;
		}
	div.frame div.header img.logolink{
		cursor:	pointer;
		border:	none;
		margin:	0 !important;
		width:	230px;
		height:	197px;
		}
	div.frame div.header div.topmenu{
		float:			left;
		width:			550px;
		height:			17px;
		text-align:		left;
		color:			#fff;
		font-weight:	bold;
		padding:		2px 5px 2px 5px;
		font-size:		11px;
		margin:			176px 0 0 0;
		}
		div.frame div.header div.topmenu a{color:#fff;text-decoration:none;}
		div.frame div.header div.topmenu a:hover{text-decoration:underline;}
		div.frame div.header div.topmenu a.active{text-decoration:underline !important;}

div.frame div.content{
	width:		800px;
	height:		auto;
	padding:	0 !important;
	background:	#fff url(../images/leftmenu-index-bg.jpg) repeat-y top left;
	}
	
	/* LEFT MENU */
	div.frame div.content div.leftMenu{
		width:			230px;
		padding:		0 0 10px 0 !important;
		height:			auto;
		float:			left;
		background: 	transparent;
		text-align:		left;
		}
	* html div.frame div.content div.leftMenu{
		width: 230px !important;
		}
		div.frame div.content div.leftMenu a{
			border:		none;
			display:	block;
			}
		div.frame div.content div.leftMenu img{
			border:		none !important;
			margin:		0;
			padding:	0;
			}
		div.frame div.content div.leftMenu div.login{
			padding:		10px;
			width:			210px;
			height:			111px;
			border-bottom:	1px solid #fff;
			color:			#000;
			background:		transparent url(../images/leftlogin-bg.jpg) no-repeat top left;
			margin:			0 0 10px 0;
			}
			div.frame div.content div.leftMenu div.login span.title{
				font-size:		14px;
				font-weight:	bold;
				color:			#2b7287;
				display:		block;
				text-align:		left;
				height:			auto;
				width:			auto;
				margin:			0 0 8px 0;
				text-transform:	uppercase;
				}
			div.frame div.content div.leftMenu div.login span.cont{
				display:	block;
				float:		left;
				width:		80px;
				}
			div.frame div.content div.leftMenu div.login input.text{
				width:		128px;
				border:		1px solid #999;
				font-size:	11px;
				color:		#444;
				background:	#efefef;
				padding:	2px 0 2px 0 !important;
				float:		left;
				}
			div.frame div.content div.leftMenu div.login div.linkek{
				width:			140px;
				float:			left;
				text-align:		left !important;
				padding:		0 0 0 0 !important;
				line-height:	11px;
				}
				div.frame div.content div.leftMenu div.login div.linkek a{
					color:				#000;
					text-decoration:	underline;
					font-size:			9px !important;
					display:			inline !important;
					}
					div.frame div.content div.leftMenu div.login div.linkek a:hover{
						color: #2b7287;
						}
				
			div.frame div.content div.leftMenu div.login div.submitHolder{
				width:		51px;
				float:		right;
				padding:	2px 2px 0 0 !important;
				}
			div.frame div.content div.leftMenu div.login .button{
				display:			block;
				width:				51px;
				height:				23px;
				border:				1px solid #fff;
				background:			#2b7287;
				color:				#fff;
				text-decoration:	none;
				text-align:			center !important;
				font-size:			12px;
				padding:			1px 4px 2px 4px !important;
				font-family:		Tahoma, Helvetica, Verdana, Kalimati;
				cursor:				pointer;
				}
				div.frame div.content div.leftMenu div.login .button:hover{
					background:	#3bbde3;
					color:		#444;
					}
	
	/* LEFT NAVIGATION MENU */
	
	div.frame div.content div.leftMenu div.Menu div.main{
		display:			block;
		width:				177px;
		height:				auto;
		padding:			6px 0 6px 0;
		margin:				0 27px 0 26px;
		border-bottom:		1px solid #fff;
		text-decoration:	none;
		text-transform:		uppercase;
		text-align:			right;
		color:				#fff;
		font-size:			12px;
		font-weight:		bold;
		cursor:				pointer !important;
		}
		div.frame div.content div.leftMenu div.Menu div.main a{color :#fff; text-decoration: none !important}
		div.frame div.content div.leftMenu div.Menu div.main a.active{color :#000 !important; text-decoration: none !important}
		div.frame div.content div.leftMenu div.Menu div.main a:hover{
			color:	#000;
			}
		div.frame div.content div.leftMenu div.Menu div.main div.sub a{
			display:		block;
			text-transform:	none;
			width:			177px;
			height:			auto;
			margin:			5px 0 5px 0;
			color:			#fff;
			text-align:		right;
			}
			div.frame div.content div.leftMenu div.Menu div.main div.sub a:hover{
				color: #000;
				}
		div.frame div.content div.leftMenu div.Menu div.main div.sub a.active{
			color:	#000;
			}
		
	/* MAIN CONTENT */
	div.frame div.content div.mainContent{
		width:			549px !important;
		height:			auto;
		float:			left;
		padding:		10px !important;
		background: 	transparent;
		text-align:		left;
		color:			#444 !important;
		font-size:		12px;
		overflow:		visible;
		}
	* html div.frame div.content div.mainContent{
		width: 545px !important;
		}

div.footerholder{
	width:			800px;
	height:			105px;
	padding:		0 30px 30px 30px;
	background:		transparent url(../images/footer-holder-bg.jpg) no-repeat bottom center;
	}
div.footerholder div.footer{
	width:			800px;
	height:			85px;
	padding:		10px 10px 10px 10px !important;
	font-size:		12px !important;
	font-weight:	normal;
	text-align:		left;
	color:			#fff;
	background:		transparent url(../images/footer-bg-loggedin.jpg) no-repeat top left !important;
	border-top:		1px solid #bebebe;
	}
	div.footerholder div.footer.loggedinfooter{
		background:		transparent url(../images/footer-bg-loggedin.jpg) no-repeat top left !important;
		}
	div.footerholder div.footer a{
		color:				#fff;
		display:			inline;
		float:				none;
		text-decoration:	underline;
		font-weight:		bold;
		}
		div.footerholder div.footer a:hover{text-decoration: none !important;}

/* ADDONS */

div.frame div.content div.mainContent div.sep{
	margin:		10px 0 10px 0 !important;
	float:		none;
	clear:		both;
	width:		549px;
	height:		2px;
	overflow:	hidden !important;
	background:	#a7dfe1;
	}
* html div.frame div.content div.mainContent div.sep{width: 545px !important;}

.und{text-decoration: underline !important;}
.link{cursor: pointer !important;}
.help{cursor: help !important;}
.big{font-size: 16px !important;}
.verybig{font-size: 20px !important;}
.underlined:hover{text-decoration: underline !important}

.small{font-size: 10px;}

/* WIDTHS */

	/*Percents*/
	
	.wauto{ width: auto; }

	.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:#6990bc !important;}
.grey{color: #ccc !important;}
.redhover:hover{color:#c16767 !important;}
.nofloat{
	visibility:	hidden !important;
	height:		0px !important;
	overflow:	hidden !important;
	float:		none !important;
	clear:		both !important;
	}
.ofVis{
	overflow:	visible !important;
	height:		auto;
	}	
	
.Fleft{float: left;}
.Fright{float: right;}

.h5{height: 5px; overflow: hidden;}
.h10{height: 10px; overflow: hidden;}
.h20{height: 20px; overflow: hidden;}
.h30{height: 30px; 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;}

/* JOB MODULE */

div.frame div.content div.mainContent div.joblist{
	width:			549px;
	height:			auto;
	background:		transparent url(../images/joblist-bg.jpg) repeat-y top left;
	border:			none;
	margin:			0 0 15px 0;
	}
	div.frame div.content div.mainContent div.joblist div.item{
		height:		51px;
		width:		537px;
		padding:	6px;
		background:	transparent;
		}
		div.frame div.content div.mainContent div.joblist div.item div.left{
			width:		500px;
			padding:	0 10px 0 0;
			float:		left;
			height:		51px !important;
			overflow:	hidden;
			text-align:	left !important;
			}
			div.frame div.content div.mainContent div.joblist div.item div.left a{
				display:		block;
				height:			16px;
				overflow:		hidden !important;
				font-weight:	bold;
				font-size:		14px;
				}
		div.frame div.content div.mainContent div.joblist div.item div.right{
			width:		27px;
			padding:	17px 0 17px 0;
			float:		left;
			height:		19px !important;
			overflow:	hidden;
			text-align:	right;
			}

div.frame div.content div.mainContent div.jobModule{
	width:			549px;
	height:			auto;
	background:		transparent;
	border:			none;
	margin:			0 0 15px 0 !important;
	line-height:	18px;
	}
	* html div.frame div.content div.mainContent div.jobModule{width:545px;}
	div.frame div.content div.mainContent div.jobModule div.head{
		width:				549px;
		height:				auto;
		padding:			0 0 7px 0;
		margin:				0 0 0 0;
		background:			transparent url(../images/jobmodule-head.jpg) repeat-x bottom left;
		text-align:			left !important;
		color:				#444 !important;
		font-size:			14px;
		font-weight:		normal;
		text-decoration:	none;
		border:				none;
		}
		* html div.frame div.content div.mainContent div.jobModule div.head{width:545px}
		div.frame div.content div.mainContent div.jobModule div.head a{
			color:				#258aa8 !important;
			font-size:			12px;
			font-weight:		bold;
			text-decoration:	none;
			}
	
	div.frame div.content div.mainContent div.jobModule div.content{
		width:			527px;
		height:			auto;
		padding:		3px 10px 5px 10px !important;
		color:			#666 !important;
		font-size:		12px !important;
		text-align:		justify !important;
		cursor:			default;
		background:		transparent !important;
		border-left:	1px solid #33a1c1;
		border-right:	1px solid #33a1c1;
		border-bottom:	1px solid #33a1c1;
		}
		* html div.frame div.content div.mainContent div.jobModule div.content{width:523px}
		
div.frame div.content div.mainContent div.mainTitle{
	background:		transparent url(../images/mcl-item-large.jpg) no-repeat top left;
	padding:		0 0 7px 22px;
	margin:			0 0 15px 0;
	height:			auto;
	font-size:		24px;
	color:			#1d91b3;
	font-family:	Arial, Helvetica, Verdana, Tahoma, Kalimati;
	font-weight:	normal;
	cursor:			default;
	border-bottom:	2px solid #a7dfe1;
	line-height:	26px;
	}
div.frame div.content div.mainContent div.subTitle{
	font-size:		16px;
	color:			#1d91b3;
	font-family:	Arial, Helvetica, Verdana, Tahoma, Kalimati;
	font-weight:	normal;
	cursor:			default;
	margin:			0 0 5px 0;
	}

/* FORM AND SUCH */

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

div.frame div.content div.mainContent input.text{
	width:		148px;
	border:		1px solid #2c94b2;
	font-size:	12px !important;
	color:		#444;
	background:	#fff;
	padding:	2px 0 2px 0 !important;
	}
	
div.frame div.content div.mainContent div.submitHolder{
	width:		51px;
	float:		right;
	padding:	2px 2px 0 0 !important;
	}
div.frame div.content div.mainContent .button{
	display:			block;
	width:				51px;
	height:				18px;
	border:				1px solid #fff;
	background:			#2b7287;
	color:				#fff;
	text-decoration:	none;
	text-align:			center !important;
	font-size:			12px;
	padding:			3px 4px 0px 4px !important;
	font-family:		Tahoma, Helvetica, Verdana, Kalimati;
	cursor:				pointer;
	}
	div.frame div.content div.mainContent .button:hover{
		background:	#3bbde3;
		color:		#444;
		}

div.frame div.content div.mainContent input.button{
	display:			inline;
	width:				51px;
	height:				23px;
	border:				1px solid #fff;
	background:			#2b7287;
	color:				#fff;
	text-decoration:	none;
	text-align:			center !important;
	font-size:			12px;
	padding:			1px 4px 2px 4px !important;
	font-family:		Tahoma, Helvetica, Verdana, Kalimati;
	cursor:				pointer;
	}
	div.frame div.content div.mainContent input.button:hover{
		background:	#3bbde3;
		color:		#444;
		}

div.frame div.content div.mainContent .area{
	width:			258px;
	height:			136px;
	border:			1px solid #2c94b2;
	font-size:		12px !important;
	color:			#444;
	background:		#fff;
	padding:		2px !important;
	font-family:	Tahoma, Verdana, Arial, Helvetica, Kalimat;
	}
/* ERROR, OK, NOTE */

div.error{
	color:			#666;
	border-top:		1px solid #c16767;
	border-left:	1px solid #c16767;
	border-right:	1px solid #c16767;
	border-bottom:	3px solid #c16767;
	background:		#fff;
	font-weight:	bold;
	padding:		3px;
	height:			auto;
	width:			auto;
	margin:			5px 0 5px 0 !important;
	}
	
div.Error{
	color:			#666;
	border-top:		1px solid #c16767;
	border-left:	1px solid #c16767;
	border-right:	1px solid #c16767;
	border-bottom:	3px solid #c16767;
	background:		#fff;
	font-weight:	bold;
	padding:		3px;
	height:			auto;
	width:			auto;
	margin:			5px 0 5px 0 !important;
	}
	
div.Note{
	color:			#666;
	border-top:		1px solid #e3c996;
	border-left:	1px solid #e3c996;
	border-right:	1px solid #e3c996;
	border-bottom:	3px solid #e3c996;
	background:		#f6eedf;
	font-weight:	bold;
	padding:		3px;
	height:			auto;
	width:			auto;
	margin:			5px 0 5px 0 !important;
	}

div.Ok{
	color:			#666;
	border-top:		1px solid #4ca1c1;
	border-left:	1px solid #4ca1c1;
	border-right:	1px solid #4ca1c1;
	border-bottom:	3px solid #4ca1c1;
	background:		#dff0f6;
	font-weight:	bold;
	padding:		3px;
	height:			auto;
	width:			auto;
	margin:			5px 0 5px 0 !important;
	}
	
/* BASKET */

div.frame div.content div.leftMenu div.basket{
	width:		177px;
	margin:		15px 27px 15px 26px;
	background:	transparent;
	color:		#fff;
	overflow:	visible !important;
	}
	div.frame div.content div.leftMenu div.basket div.head{
		display:			block;
		width:				177px;
		height:				auto;
		padding:			6px 0 6px 0;
		margin:				0 0 5px 0;
		border-bottom:		1px solid #fff;
		text-decoration:	none;
		text-transform:		uppercase;
		text-align:			left;
		color:				#fff;
		font-size:			12px;
		font-weight:		bold;
		}
	div.frame div.content div.leftMenu div.basket div.basketItem{
		color:			#fff;
		font-size: 		11px;
		font-weight:	bold;
		padding:		3px 0 3px 0 !important;
		margin:			0 0 2px 0;
		height:			auto !important;
		background:		transparent url(../images/misc/dottedline.gif) repeat-x bottom left;
		overflow:		visible !important;
		}
	* html div.frame div.content div.leftMenu div.basket div.basketItem{
		height: 20px !important;
		}
		div.frame div.content div.leftMenu div.basket div.basketItem a{
			color:				#fff;
			text-decoration:	none;
			}
			div.frame div.content div.leftMenu div.basket div.basketItem a:hover{
				color:	#000;
				}

div.frame div.content div.leftMenu div.basket input.text{
	width:		128px;
	border:		1px solid #2c94b2;
	font-size:	12px !important;
	color:		#444;
	background:	#fff;
	padding:	2px 0 2px 0 !important;
	}
div.frame div.content div.leftMenu div.basket div.linkek a{
	font-size:	11px;
	color:		#fff;
	display:	inline;
	}
	div.frame div.content div.leftMenu div.basket div.linkek a:hover{
		color: #000;
		}
div.frame div.content div.leftMenu div.basket input.button{
	display:			inline;
	width:				51px;
	height:				23px;
	border:				1px solid #fff;
	background:			#2b7287;
	color:				#fff;
	text-decoration:	none;
	text-align:			center !important;
	font-size:			12px;
	padding:			1px 4px 2px 4px !important;
	font-family:		Tahoma, Helvetica, Verdana, Kalimati;
	cursor:				pointer;
	}
	div.frame div.content div.leftMenu div.basket input.button:hover{
		background:	#3bbde3;
		color:		#444;
		}

/* WEBDESIGN LINK */

a.webdesign{
	color:				#66ccff !important;
	text-decoration:	none !important;
	font-weight:		bold !important;
	}
a.webdesign.loggedin{
	color:				#99cc99 !important;
	text-decoration:	none !important;
	font-weight:		bold !important;
	}

/* SELECT */

select{border:1px solid #2c94b2 !important;cursor: pointer !important;}