@charset "UTF-8";
/* CSS Document */



/* schedule
------------------------------------------------*/

#schedule #content h3 {
padding: 30px 0 0 0 ;/**/
	background-color:#fff;/**/
	width:100%;/**/
	color:#0977BF;/**/
	float: none;/**/
	text-align:left;/**/
	margin:20px 0 12px;/**/
	line-height:110%;
	border-top:2px solid #eee;
	clear:both
	}

#schedule #content h3  span{
	padding:8px 4px;
	background-color:#0977BF;
	width:30px;
	color:#0977BF;/**/
	text-align:center;
	margin:0px 20px 0 0;
	display: inline-block;
	}
/*
#content h3:before {
	margin: 0 7px 0 0;
	padding: 3px 0;
	border-left: 5px solid #0977BF;
	content: "1";
}*/
#schedule #content .topicTitle{ padding:6px 12px; border:1px solid #0977BF;
margin-bottom:12px}

#content .applybtn { 


text-align:center;
margin:20px 120px;}

#content .applybtn a:link,
#content .applybtn a:visited {	color:#222;
	text-decoration:none;
	display:block;
	background-color:#FCE300;padding:12px;}
#content .applybtn a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #FDBE05;
	display:block;
	padding:12px;
}




/**/
/* ContentsArea
-------------------------- */

#open01,
#open02,
#open03,
#open04,
#open05 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}

.close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0.5;
	z-index: 5;
}

.modal_window {
	top: 50%;
	left:50%;
	margin: -200px 0 0 -200px;
	width: 600px;
	height: 480px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 10;
	padding:20px
}
/*
.modal_window h2 {
	margin-bottom: 20px;
	width: 400px;
	height: 300px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;
	background: #000;
}*/
.modal_window p {
	text-align: left;
	font-size:13px;
	border-top:1px solid #555;
	padding-top:6px
}

.name,
.title
{
	font-size:125%
}


/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
	0% {opacity:0;display:block;}
	100% {opacity:1;}
}
div#modal div:target {
	-webkit-animation-name: modalFadeIn; 
  	-webkit-animation-duration: 1s;
  	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display:block;
}



/**/
#button {
width:600px;
height:30px;
display:block;
font-weight:bold;
color:#fff;
text-decoration:none;
text-transform:uppercase;
text-align:center;
text-shadow:1px 1px 0px #07526e;
padding-top:12px;
margin:20px auto;
left:30px;
position:relative;
cursor:pointer;

border-left:solid 1px #2ab7ec;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

background-image: linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
background-image: -o-linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
background-image: -moz-linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
background-image: -ms-linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;

border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;

}

#button:active {
top:3px;

-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
}


#button:active:before {
top:-3px;
-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
}


/**/
.blue {
	padding: 0 6px 0 0;
	color:#0977BF;
	
	margin:0 0 6px
}

/**/
#content table#discussion {
	width:100%;
	border:0;
}
#content table#discussion th{ border:0; }
#content table#discussion td{ border:0; font-size:14px; line-height:140%; padding:0 16px 0 0 }
.lecturer a,
#content table#discussion td a{ color:#333; text-decoration:none}
