@charset "UTF-8";
@import url("elements.css");
@import url("layouts.css");



h1 span {
	background      : url("../img/booking/h1.gif") no-repeat;
}



/* index */
/***********************************************************/

body#index div#intro {
	width           : 610px;
	background      : url("../img/booking/intro_image.jpg") 320px 0px no-repeat;
	margin          : 0px 0px 20px 0px;
}

body#index div#intro p {
	line-height     : 1.5;
	width           : 290px;
	height          : 175px;
	padding         : 15px 15px 15px 15px;
	background      : url("../img/booking/intro_text.gif") no-repeat;
}

body#index div.request {
	text-align      : center;
	width           : 242px;
	margin          : 0px auto 17px auto;
}

body#index div.request a {
	text-indent     : -9999px;
	width           : 242px;
	height          : 40px;
	background      : url("../img/booking/btn_request.gif") no-repeat;
	display         : block;
}

/* pagelink */

body#index ul#pagelink {
	width           : 610px;
	height          : 140px;
	margin          : 0px 0px 20px 0px;
}

body#index ul#pagelink li {
	width           : 155px;
	height          : 140px;
	float           : left;
}

body#index ul#pagelink li.other {
	width           : 145px !important;
}

body#index ul#pagelink li a {
	text-indent     : -9999px;
	width           : 145px;
	height          : 140px;
	display         : block;
}

body#index ul#pagelink li.live a {
	background      : url("../img/booking/pagelink_live.jpg") no-repeat;
}
body#index ul#pagelink li.talk a {
	background      : url("../img/booking/pagelink_talk.jpg") no-repeat;
}
body#index ul#pagelink li.chairperson a {
	background      : url("../img/booking/pagelink_chairperson.jpg") no-repeat;
}
body#index ul#pagelink li.other a {
	background      : url("../img/booking/pagelink_other.jpg") no-repeat;
}


/* box */

body#index div.box {
	width           : 610px;
	margin          : 0px 0px 10px 0px;
}

body#index div.box h2 {
	text-indent     : -9999px;
	width           : 610px;
	height          : 22px;
}

body#index div.box div.boxbottom {
	font-size       : 1px;
	line-height     : 1px;
	width           : 610px;
	height          : 5px;
	background      : url("../img/booking/box_bottom.gif") 0px bottom no-repeat;
	position        : relative;
	top             : -1px;
}
body#index div#live h2 { background : url("../img/booking/h2_live.gif") no-repeat;}
body#index div#talk h2 { background : url("../img/booking/h2_talk.gif") no-repeat;}
body#index div#chairperson h2 { background : url("../img/booking/h2_chairperson.gif") no-repeat;}
body#index div#other h2 { background : url("../img/booking/h2_other.gif") no-repeat;}


body#index div.box table {
	width           : 610px;
	background      : url("../img/booking/box_bg.gif") repeat-y;
	margin          : 0px 0px 0px 0px;
}

body#index div.box td {
	width           : 152px;
	background      : url("../img/dotline.gif") 0px bottom no-repeat;
	padding         : 10px 0px 10px 10px;
}

body#index div.box td a.photo {
	display         : block;
}

body#index div.box td a.photo img {
	border          : solid 1px #999999;
	display         : block;
}

body#index div.box td div.text {
	width           : 65px;
	padding         : 5px 0px 0px 5px;
}

body#index div.box td div.band div.text {
	width           : 50px;
}

body#index div.box td div.text p.name {
	margin          : 0px 0px 2px 0px;
}

body#index div.box td div.text p.name a {
	line-height     : 1.2;
	background      : url("../img/link_arrow.gif") 0px 4px no-repeat;
	padding         : 0px 0px 0px 7px;
	display         : block;
}

body#index div.box td div.text p.specialist {
	font-size       : 10px;
	color           : #999999;
	background      : #ecece7;
	margin          : 0px 0px 2px 0px;
	padding         : 3px 2px 3px 3px;
}

body#index p.request {
	text-align      : center;
}



/* request */
/***********************************************************/

body#request table {
	width           : 610px;
	background      : url("../img/booking/request_top.gif") 0px top no-repeat;
}

body#request th {
	width           : 150px;
}

body#request th,
body#request td {
	white-space     : nowrap;
	padding         : 10px 10px 10px 10px;
	border-bottom   : solid 1px #dddddd;
}

body#request td span,
body#request td dl,
body#request td div {
	border-left     : solid 1px #dddddd;
	padding         : 2px 2px 2px 10px;
}

body#request th p {
	font-weight     : bold;
	padding         : 0px 0px 0px 0px;
}

body#request td span.s {
	font-size       : 10px;
	padding         : 0px 3px 0px 3px;
	border          : none;	
}

body#request dd {
	padding         : 2px 0px 2px 0px;
}

body#request td textarea {
	padding         : 2px 2px 2px 2px;
}

body#request div.button {
	width           : 590px;
	margin          : 0px 0px 20px 0px;
	padding         : 10px 10px 10px 10px;
	background      : url("../img/booking/request_bottom.gif") 0px bottom no-repeat;
}

body#request div.button input {
	text-indent     : -9999px;
	height          : 25px;
	border          : none;
	display         : block;
}

body#request div.button div.confirm input {
	width           : 150px;
	margin          : 0px 0px 0px 220px;
	background      : url("../img/btn_confirm.gif") 0px 0px no-repeat;
}

body#request div.button div.send input {
	width           : 150px;
	margin          : 0px 0px 0px 220px;
	background      : url("../img/btn_send.gif") 0px 0px no-repeat;
}

body#request div.button div.reset input {
	width           : 77px;
	background      : url("../img/btn_reset.gif") 0px 0px no-repeat;
}

body#request div#error_msg {
	color           : #FF0000;
	font-size       : 12px;
	font-weight     : bold;
}


/* float clear */
/***********************************************************/

ul#pagelink:after {
	content         : ".";
	height          : 0px;
	clear           : both;
	visibility      : hidden;
	display         : block;
}

ul#pagelink {
	display         : inline-block;
}

/*\*/
* html ul#pagelink {
	height          : 1%;
}

ul#pagelink {
	display         : block;
}
/* */