@import url(design.css);

#programmeTable {
	margin-bottom: 12px;
}

#programmeTable th,
#programmeTable td {
	vertical-align: top;
	padding: 6px;
}

#programmeTable th {
	background-color: #9AC1DD;
	color: #FFF;
}

#programmeTable td {
	border-bottom: 1px solid #CCC;
}

#programmeTable td.time {
	width: 120px;
}

#programmeTable tr.break > td {
	background-color: #EEE;
}

#programmeTable a {
	border: none;
}



#registerTable {
	margin-bottom: 12px;
}

#registerTable th,
#registerTable td {
	vertical-align: top;
	padding: 4px 4px 0 10px;
	line-height: 1.6em;
}

#registerTable td {
	padding: 4px 0 4px 0;
}

#registerTable th {
	border-left: 4px solid #CCC;
	font-weight: normal;
}

#registerTable th.required {
	border-left: 4px solid #0162A8;
	font-weight: bold;
	color: #0162A8;
}

#registerTable tr {
	margin-top: 8px;
}

#registerTable td.buttons {
	padding: 10px 0;

	text-align: center;
}


/*-------------- hoverBox -------------*/

#bodyTextHoverBox {
	padding: 0 40px;
}

#bodyTextHoverBox ul {
	margin-bottom: 12px;
}

#bodyTextHoverBox li {
	margin-left: 20px;
}

#bodyTextHoverBox a p {
	display: none;
}

#bodyTextHoverBox a:hover p {
	display: block;
	position: absolute;
	width: 300px;
	z-index: 20;

	background-color: #E6F0F6;
	border: solid 1px #0162A8;
	padding: 8px;
}



/*-------------- resources & supporters -------------*/


#supportItem {
	width: 260px;
	height: 80px;
	float: left;
	margin: 0 0 10px 70px;
}

#supportItem h4,
#supportItem h5 {
	width: 260px;
	height: 80px;
	margin: 0;
}

#supportHKJC,
#supportCE,
#supportCAI,
#supportCUHK,
#supportHKU,
#supportHKBU,
#supportHKUST,
#supportPolyU,
#supportThoracic {
	background: url(../supporters/img/bt_supporters.png) no-repeat;
}

#supportHKJC {
	background-position: 0 0;
}

#supportCE {
	background-position: -260px 0;
}

#supportCAI {
	background-position: 0 -80px;
}

#supportCUHK {
	background-position: -260px -80px;
}

#supportHKU {
	background-position: 0 -160px;
}

#supportHKBU {
	background-position: -260px -160px;
}

#supportHKUST {
	background-position: 0 -240px;
}

#supportPolyU {
	background-position: -260px -240px;
}

#supportThoracic {
	background-position: 0 -325px;
}

#resourceItem {
	width: 130px;
	height: 100px;
	border: 1px solid #CCC;
	float: left;
	margin: 0 10px 10px 0;
}

#resourceItem h4 {
	width: 130px;
	height: 100px;
	margin: 0;
}

#resourceHedley,
#resourceClearAir,
#resourceGreenpeace,
#resourceMyspace,
#resourceEpd {
	background: url(../resources/img/bt_resources1.jpg) no-repeat;
}

#resourceHedley {
	background-position: 0 0;
}

#resourceClearAir {
	background-position: -130px 0;
}

#resourceGreenpeace {
	background-position: -260px 0;
}

#resourceMyspace {
	background-position: -390px 0;
}

#resourceEpd {
	background-position: -520px 0;
}


#resource0109Speaker01,
#resource0109Speaker02,
#resource0109Speaker03,
#resource0109Speaker04,
#resource0109Speaker05,
#resource0110Speaker01,
#resource0110Speaker02,
#resource0110Speaker03 {
	background: url(../resources/img/bt_speaker_pdf.jpg) no-repeat;
}

#resource0109Speaker01 {
	background-position: 0 0;
}

#resource0109Speaker02 {
	background-position: -130px 0;
}

#resource0109Speaker03 {
	background-position: -260px 0;
}

#resource0109Speaker04 {
	background-position: 0 -100px;
}

#resource0109Speaker05 {
	background-position: -130px -100px;
}

#resource0110Speaker01 {
	background-position: 0 -200px;
}

#resource0110Speaker02 {
	background-position: -130px -200px;
}

#resource0110Speaker03 {
	background-position: -260px -200px;
}


#resourceItemCE {
	width: 90px;
	height: 126px;
	border: 1px solid #CCC;
	float: left;
	margin: 0 21px 10px 0;
}

#resourceItemCE h4 {
	width: 90px;
	height: 126px;
	margin: 0;
}

#resourceItem p span.title,
#resourceItemCE p span.title {
	color: #0162AB;
	font-weight: bold;
}

#resource0608HKAQ,
#resource0703LocalRegional,
#resource0706HoldBreath,
#resource0709LessonsHK,
#resource0806PriceTooHigh,
#resource0806GreenHarboursChi,
#resource0806GreenHarbours,
#resourceProgram0110 {
	background: url(../resources/img/bt_resources_ce.jpg) no-repeat;
}

#resource0608HKAQ {
	background-position: 0 0;
}

#resource0703LocalRegional {
	background-position: -90px 0;
}

#resource0706HoldBreath {
	background-position: -180px 0;
}

#resource0709LessonsHK {
	background-position: -270px 0;
}

#resource0806PriceTooHigh {
	background-position: -360px 0;
}

#resource0806GreenHarboursChi {
	background-position: -450px 0;
}

#resource0806GreenHarbours {
	background-position: -540px 0;
}

#resourceProgram0110 {
	background-position: 0 -126px;
}


/*-------------- lightBlueBox -------------*/

#lightBlueBox {
	width: 350px;
	float: right;
}

#lightBlueBox.mod {
   background-color: #E6F0F6;
   position: relative;
   z-index: 0;
}

#lightBlueBox.mod .mod-content {
   position:relative;
   z-index:2;
}

/* x1 = top-right, x1a = top-left, x2 = bottom-right, x2a = bottom-left */
#lightBlueBox.mod .x1,
#lightBlueBox.mod .x1a, 
#lightBlueBox.mod .x2,
#lightBlueBox.mod .x2a {
	display: block;
	clear: both;
	font-size: 0; /* for IE6 */
	height: 10px;  /* set height to the size of the corner */
	position: relative;
	background: url(../common/kadomaru_lightblue.png) no-repeat;
}

#lightBlueBox.mod .x1,
#lightBlueBox.mod .x2 {
	width: 100%; /* scales with the module */
	right: 0; /* overlap borders */
}

#lightBlueBox.mod .x1a,
#lightBlueBox.mod .x2a { /* left corners */
	width: 3px;
	left: 0;
}

#lightBlueBox.mod .x1 {
	background-position: 100% 0;
	top: 0;
}

#lightBlueBox.mod .x1a {
	background-position:0 -20px;
}

#lightBlueBox.mod .x2 { /* bottom corners get moved */
	position: absolute;
	background-position: 100% -10px;
	bottom: 0; /* overlap bottom border */
}

#lightBlueBox.mod .x2a {
	background-position: 0 -30px;
}