@charset "utf-8";

@import "../../global/css/detail.css";

/*
======== table of content. ============================

- HTML BASE ELEMENT
	- genre
	- informationArea
		
=======================================================
*/	


/*-----------------------------------------------------------------
																								HTML BASE ELEMENT
-------------------------------------------------------------------*/
body#event h1 {
	margin-top:0;
	margin-bottom:5px;
}


body#event ul#breadcrumbs {
	margin-top:5px;
	margin-bottom:15px;
	padding:0;
	background:none;
}


body#event ul#breadcrumbs li.first-List {
	margin-left:0;
}

/*-----------------------------------------------------
genre
-------------------------------------------------------*/
body#event ul#genre li {
	text-align:center;
	background:#fff;
	margin:0 0 2px 0;
	padding:0;
	border:1px solid #969696;
}

body#event ul#genre li a {
	display:block;
	color:#000;
	text-decoration:none;
}

body#event ul#genre li a:link {
	color:#000;
}

body#event ul#genre li a:hover,
body#event ul#genre li a.hi {
	color:#fff;
	background:#800000;
}

/*-----------------------------------------------------
informationArea
-------------------------------------------------------*/
/*------------------------------------
mainCol,subCol headingElement
--------------------------------------*/
body#event div.informationArea div#pickup {
	background-image:url(../../global/images/bg_heading_yellow.gif);
}

body#event div.informationArea div#pickup h2 {
	color:#000;
}

body#event h3.pickupEvent {
	margin:10px 0 5px 0;
	padding:0;
	font-size:16px;
	font-weight:normal;
}

/*------------------------------------
keywordSearch
--------------------------------------*/
body#event #keywordSearchArea {
	height:60px;
	margin:0 100px 0 100px;
}

body#event #keywordSearchArea p.fl {
	line-height:25px;
}

body#event fieldset legend {
	display:none;
}

body#event #keywordSearchArea form input#searchKeyword {
	margin-left:5px;
	border:1px solid #969696;
}

body#event #keywordSearchArea form input#searchKeyword:focus {
	background:#ffeeee;
}

body#event #keywordSearchArea ul {
	list-style:none;
	margin-left:45px;
}

/*------------------------------------
subCol
--------------------------------------*/
body#event div.informationArea div.subCol {
	float:right;
	margin-top:6px;
}

body#event div.subCol div.greyArea-Border {
	width:138px;
	padding:5px;
}

body#event div.informationArea div.subCol h3 {
	padding-left:0;
	color:#000;
	font-size:12px;
	font-weight:normal;
}

body#event div.informationArea div.subCol h3 img {
	float:left;
	margin:-10px 2px 5px 0;
}

body#event div.informationArea div.subCol h4.civicHall {
	clear:both;
	margin:0 0 0.3em 0.7em;
	padding:0;
	color:#1f1f1f;
	font-size:12px;
	font-weight:normal;
}

body#event div.informationArea div.subCol ul.arrow {
	color:#b8b8b8;
}

body#event div.informationArea div.subCol ul.banner {
	margin-top:18px;
}

body#event div.informationArea div.subCol ul.banner li {
	margin-bottom:2px;
}

body#event div.informationArea div.subCol ul.banner li img {
	border:1px solid #969696;
}