/*
	Modal CSS
*/
body.vacancy, body.event, h1, h2, h3, h4, h5, h6, ul, li, ol, table, tr, th, td, form, p, a, img {
	border:					0;
	margin:					0;
	padding:				0;
}

body.vacancy,
body.event {
	width: 800px !important;
	background-color: #e9dbe9 !important;
	padding: 10px;
	
	font-family: 'Arial', sans-serif;
	color: #8e4891;
}

body.vacancy #contents,
body.event #contents {
	width: 790px !important;
	background-color: #fff !important;
	padding: 10px;
}

body.vacancy #contents #modal-header,
body.event #contents #modal-header {
	float: left;
	width: 800px;
	display: block;
}

body.vacancy #contents #modal-header a.modal_close,
body.event #contents #modal-header a.modal_close {
	float:					right;
	clear: 					right;
	background-image:		url(close.gif);
	background-repeat:		no-repeat;
	margin:					10px;
	padding:				10px;
	width:					70px;
	height:					10px;
	
	text-indent:			-1000px;
	overflow:				hidden;
}

body.vacancy #contents #modal-header .block1,
body.event #contents #modal-header .block1 {
	width: 600px;	
	margin: 0 0 10px 0px;
	display: block;
}

body.vacancy #contents p,
body.event #contents p, {
	float: left;
	clear: left;
	width: 750px;
	margin: 0px 20px 10px 20px;
	
	font-size: 10pt;
	line-height: 14pt;
}

body.vacancy #contents h1,
body.event #contents h1,
body.vacancy #contents h2,
body.event #contents h2,
body.vacancy #contents h3,
body.event #contents h3,
body.vacancy #contents table,
body.event #contents table,
body.vacancy #contents ul,
body.event #contents ul {
	clear: left;
	width: 600px;
	display: block;
	margin-bottom: 10px;
	
	font-weight: normal;
}

body.vacancy #contents ul,
body.event #contents ul {
	margin: 0 0 10px 20px;
	
	line-height: 14pt;	
}

body.vacancy #contents ul li,
body.event #contents ul li {
	margin: 5px 0 5px 0;
}