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;
	margin-left:30px;
	margin-top:34px;}
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;}
.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; 
	background:url(../../web/images/btm_bg.jpg);}
/*****************************************************/

/* Container Styles **********************************/
#container{
	width:100%; 
	margin-top:-87px;}
/*****************************************************/
	
/* Navigation Bar Styles *****************************/
#nav_bar {
	width:100%; 
	height:33px;
	position:relative;
	display:block;}
#nav_bar div:nth-child(2) button {
	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;}

#cal_license{
	background: red !important;
	color: #fff !important;
	margin-right: 10px !important;
	cursor: default !important;
}
/****************************************************/

/* 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;}
#contents {
	width:94%; 
	margin-left:auto;
	margin-right:auto;}
#loading {
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	background: rgba(255, 255, 255, 0.5);
	z-index:999;}
#loading img {
	width: 70px;}
.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;}
/************************************************************************************************************/

/* 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;}
/*************************************************************/

.error-msg {
    float: left;
    clear: both;
    padding: 4px;
	padding-left: 12px;
	padding-right: 12px;
    font-size: 0.9em;
    background: rgba(255, 0, 0, 0.8);
    color: #fff;
    border-radius: 2px;}