html,body {
	width:100%;
	margin:0px;
	padding:0px;
	font-family:Verdana, sans-serif; 
	font-size:16px;
	color:#023a7a;}
	
body {
	background:none;}	

img {
	float:left;}
	
span {
	float:left;}
	
select {
	padding-right:0px !important;
	color:#d9d9d9;}

select option {
	color:#262626;}

select option:nth-child(1) {
	color:#d9d9d9;}
	
input {
	color:#262626;}	
input[type=text] {
	float:left;
	height:32px;
	padding-left:3px;
	border:thin solid #d9d9d9;
	background:#fff;}

select {
	float:left;
	height:32px;
	padding-left:3px;
	padding-right:10px;
	border:thin solid #d9d9d9;}

textarea {
	height:80px;
	float:left;
	padding:2px;
	padding-left:3px;
	border:thin solid #d9d9d9;
	resize:none;}

iframe {
	width:100%;
	height:100%;}
	
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #d9d9d9;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #d9d9d9;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #d9d9d9;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #d9d9d9;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;}

main section{
	width:1024px;
	margin-left:auto;
	margin-right:auto;}

/* Header Styles *************************************/
header {
	width:100%;
	height:175px;
	background:url(../../web/images/top_bg.png);}
header section:nth-child(1) {
	width:1024px;
	height:100%;
	margin-left:auto;
	margin-right:auto;}
header .logo {
	/* width:187px; */
	/* height:auto; */
	width:auto;
	height:auto;
	margin-left:30px;
	margin-top:15px;}
header .logo2 {
	width:auto;
	height:95px;
	margin-left:30px;
	margin-top:10px;}
header .tagline {
	margin-left:30px;
	margin-top:52px;
	color:#fff;
	font-size:0.9em;
	font-style:italic;}
header section:nth-child(2) {
	position:absolute;
	right:20px;
	top:10px;}
#eposter-header {
	width:100%;
	height:110px;
	background:url(../../web/images/eposter_header_bk.png);}
.student_name {
	font-size:1em;
	color:#fff;}
.point_updown {
	margin-left:4px;
	margin-top:8px;
	font-size:0.7em;
	color:#fff;}
.ptr_up {
	display:none;}
.edit_logout_link:hover {
	cursor:pointer;}
#edit_logout_box {
	width:300px;
	position:absolute;
	margin-top:25px;
	right:0px;
	background:#fff;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000;
	z-index:1000;
	display:none;}
#elb_header {
	width:100%;
	height:40px;
	float:left;
	line-height:40px;
	background:#2b93b8;
	border-bottom:thin solid #d3d3d3;}
#elb_header span:nth-child(1) {
	margin-left:15px;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;}
#elb_body {
	width:100%;
	float:left;
	position:relative;
	padding:20px;
	color:#262626;
	font-size:0.9em;
	overflow:hidden;}
#elb_body span {
	clear:both;}
#elb_body span:nth-child(1) {
	font-size:1.1em;
	font-weight:bold;}
#elb_body button {
	width:200px;
	height:30px;
	clear:both;
	margin-top:5px;
	border:thin solid #2b93b8;
	background:url(../../web/images/button_bk1.png);}
#elb_body button:hover {
	background:#2b93b8;}
#elb_footer {
	width:100%;
	height:60px;
	float:left;
	background:#f2f2f2;
	border-top:thin solid #d3d3d3;}
#elb_footer button {
	height:30px;
	float:right;
	margin-right:20px;
	margin-top:12px;
	padding-left:10px;
	padding-right:10px;
	font-size:0.9em;
	color:#262626;
	background:#f2f2f2;
	border:thin solid #d3d3d3;}
#elb_footer button:hover {
	color:#fff;
	border:thin solid #2b93b8;
	background:#2b93b8;}
#close_edit_logout_box {
	float:right;
	margin-right:12px;
	margin-top:8px;
	font-size:1.5em;
	color:#fff !important;
	text-shadow:0 0 1px #888;}
#close_edit_logout_box:hover {
	cursor:pointer;
	color:#262626 !important;}
#select_course {
	margin-top:10px !important;
	color:#2b93b8;
	background:none !important;
	border:thin solid #d3d3d3 !important;}
#select_course:hover  {
	color:#fff;
	background:#e3750d !important;
	border:thin solid #e3750d !important;}
#other_courses {
	width:300px;
	position:absolute;
	margin-left:-40px;
	margin-top:60px;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000;
	display:none;}
#oc_header {
	width:100%;
	height:40px;
	line-height:40px;
	color:#fff;
	background:#2b93b8;}
#oc_header span:nth-child(1) {
	margin-left:10px;}
#close_other_courses {
	float:right;
	margin-right:12px;
	margin-top:8px;
	font-size:1.5em;
	text-shadow:0 0 1px #888;}
#close_other_courses:hover {
	cursor:pointer;
	color:#262626 !important;}
#oc_body {
	width:100%;
	max-height:220px;
	float:left;
	padding:5%;
	padding-top:10px;
	padding-bottom:10px;
	background:#fff;
	overflow:auto;}
#oc_body table tr td:nth-child(1) {
	width:120px;}
#oc_body table tr td:nth-child(1) img {
	width:100%;
	height:auto;}
.student_course {
	color:#262626;
	border:thin solid #d3d3d3;}
#oc_body table tr td {
	padding:5px;
	font-size:0.8em;
	line-height:14px;}
.student_course:hover {
	cursor:pointer;
	color:#fff;
	background:#2b93b8;
	border:thin solid #2b93b8;}
.row_gap {
	border-left:none;
	border-right:none;}
#xtimer_holder {
	display:none;}	

/****************************************************/
	
/* Footer Styles ************************************/
#footer {
	width:100%;
	height:160px; 
	position:relative;
	float:left;
	background:url(../../web/images/btm_bg.jpg);}
#eposter-footer {
	width:100%;
	height:160px;
	position:absolute;
	bottom:-160px;
	background:#0876bd;}
/*****************************************************/

/* Container Styles **********************************/
#container{
	width:100%; 
	margin-top:-87px;}
#container-eposter {
	width:100%;
	margin-top:-32px;}
/*****************************************************/
	
/* Navigation Bar Styles *****************************/
#nav_bar {
	width:100%; 
	height:33px;
	position:relative;
	display:block;}
.nav-btn {
	height:31px;
	float:left;
	margin-right:2px;
	padding-left:20px;
	padding-right:20px;
	color:#023a7a;
	font-size:0.9em;
	background:#f2f2f2;
	border:none;
	border-radius:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	outline:0;}
#nav_bar button:nth-child(1) {
	/*margin-right:40px;*/}
#nav_bar div:nth-child(2) button:hover {
	background:#ccebfc;}
#min_nav {
	position:absolute;
	top:25px;
	right:20px;
	color:#fff;
	font-size:2.2em;
	cursor:pointer;
	display:none;}
#nav_bar div:nth-child(1) {
	width:100%; 
	height:100%; 
	position:absolute;
	margin-left:0px;
	margin-top:0px; 
	background:#000; 
	opacity:0.8; 
	filter:alpha(opacity=80);
	z-index:700;
	display:none;}
#nav_bar div:nth-child(2) {
	height:100%;
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	right:40px;
	background:none;
	z-index:700;}
#hide_min_nav {
	position:absolute;
	top:20px;
	right:165px;
	color:#f2f2f2;
	font-size:1.3em;
	cursor:pointer;
	display:none;}
.eposter-nav-btn {
	height:20px;
	float:left;
	margin-left:15px;
	margin-right:15px;
	padding:0px;
	color:#4b4b4b;
	font-size:0.9em;
	font-weight:bold;
	background:none;
	border:none;
	outline:0;}
.eposter-nav-btn:hover {
	background:none !important;
	color:#0171b9;
	border-bottom:2px solid #0171b9;}
/****************************************************/

/* Contents Box Styles ******************************/
#contents_box {
	width:100%; 
	background:#fff; 
	-moz-border-radius-topleft:30px;
	-moz-border-radius-topright:30px;
	-webkit-border-top-left-radius:30px;
	-webkit-border-top-right-radius:30px;
	border-top-left-radius:30px; 
	border-top-right-radius:30px;}
#eposter_contents_box {
	width:100%; 
	background:none;}
#contents {
	width:94%; 
	margin-left:auto;
	margin-right:auto;}
#loading {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:999;
	display:none;}
.shadow_border {
	width:20px;
	position:absolute;}
#shadow_border1 {
	height:80px; 
	margin-top:55px; 
	box-shadow:-10px 0 15px -5px #b2b2b2; 
	-moz-box-shadow:-10px 0 15px -5px #b2b2b2; 
	-webkit-box-shadow:-10px 0 15px -5px #b2b2b2;}
#shadow_border2 {
	height:350px; 
	margin-top:125px; 
	box-shadow:-10px 0 15px -5px #cccccc; 
	-moz-box-shadow:-10px 0 15px -5px #cccccc; 
	-webkit-box-shadow:-10px 0 15px -5px #cccccc;}
#shadow_border3 {
	width:10px; height:100px; 
	margin-top:55px; 
	border-top-left-radius:20px; 
	background:#FFF;}
#shadow_border4 {
	height:80px; 
	margin-top:55px; 
	margin-left:1004px; 
	box-shadow:10px 0 15px -5px #b2b2b2; 
	-moz-box-shadow:10px 0 15px -5px #b2b2b2; 
	-webkit-box-shadow:10px 0 15px -5px #b2b2b2;}
#shadow_border5 {
	height:200px; 
	margin-top:125px; 
	margin-left:1004px; 
	box-shadow:10px 0 15px -5px #cccccc; 
	-moz-box-shadow:10px 0 15px -5px #cccccc; 
	-webkit-box-shadow:10px 0 15px -5px #cccccc;}
#shadow_border6 {
	width:10px; 
	height:100px; 
	margin-left:1014px; 
	margin-top:55px; 
	border-top-right-radius:20px; 
	background:#FFF;}
/****************************************************/

/* Button Styles ************************************/
button {
	color:#fff;
	float:left;
	border:thin solid #2b93b8;}
button:hover {
	cursor:pointer;
	background:#2b93b8;}
.button_normal {	
	background:url(../../web/images/button_bk1.png);}
.button_big {	
	background:url(../../web/images/button_bk3.png);}
/*****************************************************/

/* Page Contents Box Styles *********************************************************************************/
.page_content {
	width:100%; 
	margin:0px; 
	padding:0px; 
	padding-top:10px;
	position:relative;
	background:#fff;}
.eposter_page_content {
	width:100%; 
	margin:0px; 
	padding:0px; 
	padding-top:10px;
	position:relative;
	background:none;}
/************************************************************************************************************/

/* Page Title Bar Styles ************************************************************************************/
.page_title_bar {
	width:100%; 
	height:auto !important;
	float:left;
	padding-bottom:5px !important;
	padding-bottom:5px !important;
	color:#fff; 
	background:#2b93b8;
	line-height:normal !important;}
.page_title {
	margin-left:10px; 
	font-size:22px;}
/************************************************************************************************************/

/* Task Box Styles *************************************************/
.taskbox_holder {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:9999;
	display:none;}
.taskbox {
	width:800px;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:140px;
	background:#fff;
	border:none;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000;}
.taskbox_transparent_cover {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:#fff;
	opacity:0.2;
	filter:alpha(opacity=20);}
.taskbox_header {
	width:100%;
	height:40px;
	background:#2b93b8;
	color:#fff;
	line-height:40px;}
.taskbox_header span {
	float:left;
	margin-left:20px;
	font-size:20px;}
.taskbox_contents {
	width:100%;
	height:460px;
	color:#023a7a;
	overflow:auto;}
.taskbox_contents_box {
	width:100%;
	padding:30px;}
.close_taskbox {
	float:right !important;
	margin-right:10px;
	margin-top:4px;
	font-size:2em !important;}
.close_taskbox:hover {
	cursor:pointer;
	color:#262626;}
.taskbox_header:hover {
	cursor:move;}
/*************************************************************/


.modal-tc {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	z-index: 999;
	display: none;}
.modal-tc .loader {
	width: 80px;
	height: 80px;
	position: absolute;
	left: calc(50% - 40px);
	top: calc(50% - 80px);}
.modal-tc .tc-holder {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	float: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background: #fff;
	display: none;}
.modal-tc .tc-holder iframe {
	border: none;}
.modal-tc embed {
	width: 100%;
	height: 100%;
	overflow: auto;}
.modal-tc .acceptance {
	width: 600px;
	height: 340px;
	position: absolute;
	left: calc(50% - 300px);
	top: calc(50% - 220px);
	background: #fff;
	font-size: 16px;
	display: none;}
.modal-tc .acceptance header {
	width: 100%;
	height: 50px;
	padding-left: 20px;
	background: #2b93b8;
	line-height: 50px;
	color: #fff;
	text-align: left;
	font-size: 1.2em;}
.modal-tc .acceptance .body {
	width: 100%;
	height: calc(100% - 130px);
	padding: 50px;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;}
.modal-tc .acceptance .body button {
	width: 100px;
	height: 32px;
	float: none; 
	display: inline-block;
	margin-top: 20px;
	background: rgba(43, 147, 184, 0.8);
	border: thin solid #2b93b8;
	border-radius: 2px;
	color: #fff;}
.modal-tc .acceptance .body button:hover {
	cursor: pointer;
	background: #2b93b8;}
.modal-tc .acceptance .body small {
	display: inline-block;
	margin-top: 40px;}
#tc-show {
	text-decoration: underline;
	font-weight: bold;}
.modal-tc .tc-show-close {
	position: absolute;
	right: 40px;
	top: 20px;
	padding: 2px;
	padding-left: 14px;
	padding-right: 14px;
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
	font-size: 3em;
	border-radius: 2px;}
.modal-tc .tc-show-close:hover {
	text-decoration: none;
	background: red;}