body{background:#054783; color:#fff;}
body#home { font-family: 'Roboto', sans-serif,Trebuchet MS, Arial; font-size:16px; color: #000;
 background: url('/img/main_background.jpg'); background-size:cover;
}
header {background:url('/img/header_background.jpg')no-repeat center; height: 200px;}
/* HEADERS */

/*LINKS SETUP */
a:link, a:hover, a:visited,a:active {color: #ffffff;text-decoration: none;}
a.active:link, a.active:hover, a.active:active, a.active:visited {color: #1d377f;text-decoration: none;}
.enlarge{position:relative; cursor: pointer;}
.enlarge .big{position:absolute;left:0;top:0;}
img.big{max-width:100%;height: auto;}
.green{color:#00AA00;}
.white{color:#fff;}
.blue{color:#054783;}
.good,.green{color:#43b810;}
.bad,.red{color:#cd0101;}

.second_title{color:#1cb0b0; font-size:24px; margin-top:10px; font-weight:bold;}
.white_bar{height:5px;background: #fff; border-radius:40%; width:32%; float:left; margin-top:90px;}

.rightbar .button,.paging span{margin-left:10px;background:#000000; padding:5px;display:inline-block;color:#fff; transition:background 0.5s, color 0.5s; border-radius:5px;}
.but a{background:#054783; padding:5px;display:inline-block;color:#fff; transition:background 0.5s, color 0.5s; border-radius:5px;}
.paging span a{color:#fff;}
.button img{padding:0 2px;}
.paging span:hover,.button:hover{background:#2C6877;color:#fff;}
.paging .button.disabled{display:none;}
.level_attachments{margin-top:20px; border-top:1px solid #054783; padding-top:15px;}
.attachments .button{width:27%;margin:0 3%; padding:5px 0; text-align:center;}
.gray_bg{background:#ededed;}

.remark{border-bottom:2px solid #000; padding-bottom:10px;}

.send .submit,.send .email{width:100%;float:left;}
.send .email label{margin-right:10px;}
.send .email input{width:70%;}
.remark_box .send .submit input{float:left;}
.send form{padding-top:20px;}

/** Tables **/
.inner_table table {
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
.inner_table th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
}
.inner_table th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
.inner_table th a.asc:after {
	content: ' ⇣';
}
.inner_table th a.desc:after {
	content: ' ⇡';
}
.inner_table table tr td {
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
}
.inner_table table tr:nth-child(even) {
	background: #f9f9f9;
}
.inner_table td.actions {
	text-align: center;
	white-space: nowrap;
}
.inner_table table td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}

.inner_table table tr:hover{background:#ccc;}
.inner_table table tr:first-child{background:none;}

.border_bottom{border-bottom:2px solid #000000; padding:5px 0 6px;}

h1{color:#ffffff; text-align:center;font-size:150%;}
h1 a:link,h1 a:hover,h1 a:active,h1 a:visited{color:#333; font-style:italic;}
h2{color:#ffffff; text-align:center;font-size:130%;}
.numbers{color:#ffffff; font-size:160%; font-weight:bold;}
/* LISTS */
ul {float: left;list-style-type: none;width:100%;}
ul li{float:left;width:100%;}

header{height:200px;overflow: hidden;}
/*header .logo{width:15%;}*/
header .timer{width:23%; text-align:center; padding-top:20px;}
header .timer .big{font-size:200%;}
header .slogan{width:53%; padding-top:60px; float:left;}
header img{max-width:100%;}

.logo_top{padding-top:50px;}
.header_title{font-size:50px; color:#ffffff;}

/*#main .container{position:relative;}*/
.popup {position:absolute;left:5px;width:21%;background:#fff;box-shadow: 0 0 0 2px #054783;top:115px; z-index:1; display:none;}
.close{cursor:pointer; border-bottom:2px solid #054783; padding:5px 0; color:#054783; font-size:20px;}
.close.top-border{border-top:2px solid #054783;border-bottom:0;}
.popup img{max-width:100%;max-height:100%;width:auto;height:auto;}
.popup iframe{width:100%; height:auto;border:none; min-height:450px;float:left;}

.login_form{width:400px; margin:0 auto;color:#fff; margin-top:20px;}
.login_form fieldset{width:100%;margin:0;padding:0;border:none;}
.login_form legend,.login_form label{width:100%;text-align:center; float:left;}
.login_form legend{margin:20px 0 40px;font-size:20px; border-bottom:1px solid #fff;}
.login_form input{width:100%;margin:3px 0 10px;padding:3px 0;}
.login_form .checkbox label{width:95%;float:right; text-align:left;}
.login_form .checkbox input{float:left; width:auto;margin-top:1px;}
.login_form .submit input{background:#054783;color:#fff;border:none;text-align:center;border-radius:5px; padding:5px 0;}

.shadow_box{box-shadow: 0px 0px 5px 2px #ed1c24;; background:#fff; margin-top:15px; padding:10px 0;}
.shadow_box .title h1,.shadow_box .title h2,.shadow_box .title h3,.shadow_box .title, .shadow_box > *{color:#000;}
.shadow_box a{color:#ed1c24;}
.sidebar.shadow_box a{color:#fff;}

.container{width:80%;margin:0 auto; min-width:1000px; max-width:1600px;}

.sidebar{width:23%;padding-left:0.5%;padding-right:0.5%; color:#ffffff;border: 2px solid #ffffff; border-radius: 5px;  background: /*url('/img/ball.png')no-repeat bottom*/ #ed1c24; background-size:100%; font-size:20px;}
.sidebar > div{margin:0 0 5px; line-height:30px;}
.level_box{float:left;width:100%;}
.sidebar .level_box ul{padding:0;margin:3px 0;float:left;width:100%; font-size:20px;}
.sidebar .level_box ul li{width:100%;margin: 0 0 5px;}
.sidebar .level_box ul li > a{width:93%;padding-left:7%; background:url('../img/chapter.png') no-repeat left center;}
.sidebar .level_box ul li.active > a{background-image:url('../img/chapter_active.png'); padding-left: 25px; width:89.5%;}
.sidebar .level_box ul li.active.extra_active a{background-color:#ededed;color:#000;}
.sidebar .level_box ul ul{width:95%;padding-left:5%;}
.sidebar .level_box ul li li > a{background-image:url('../img/section.png');}
.sidebar .level_box ul li li.active > a{background-image:url('../img/section_active.png');}
.sidebar .level_box ul li.logout a{background-image:url('../img/logout.png');}
.sidebar .level_box ul li li li > a{background-image:none;}
.sidebar .level_box ul li li li.active a{background:#ededed;color:#000; width: 88%;}
.sidebar .level_box ul li li li.active a{color:#000;}
.sidebar .level_box ul li a{display:block; color:#fff;}
.sidebar .level_box ul li a:hover{background-color:#ededed;color:#000;}

.locked > .linked_items > li > a{color:#333;}

.rightbar{width:74%;}
.rightbar.single{width:30%;margin:0 35%;}
.rightbar > div{float:left;width:98%;padding-left:1%;padding-right:1%;border: 2px solid #ffffff; border-radius: 5px;
}

.attachments{text-align:center;}

.rightbar .exercise_box{width:100%;padding:0; font-size:120%;}
.rightbar .exercise_box p,.cke_editable p{margin:0;}
.exercise_box .title{background:#fff;color:#333;padding:10px 2%; font-size:16px; width:96%; overflow:hidden;}
.exercise_box .content{margin:10px 0; padding: 20px 1% 5px;width:98%;float:left; position:relative; border-top:3px solid #f00;}
.exercise_box .content > h3{margin: 0 0 10px;}
.exercise_box .answer_box{padding:13px 0 0;background:url('../img/bg_arrow_top.png') no-repeat top center; position:absolute; width:190px; text-align:center; left:0;margin-left:-85px; font-size:12px; z-index:10;}
.exercise_box .answer_box .background{background:#054783;color:#fff;float:left;width:180px;padding:10px 5px;border-radius:5px;}

.remark_box textarea{float:left;width:100%;border:none;background:none; color:#054783; max-width:100%;min-width:100%;}
.exercise_box .submit input,.remark_box .submit input{float:right;background: #000000; color:#fff;border-radius:5px;border:none;margin-top:10px; padding:5px 10px;}

.uppercase{text-transform: uppercase;}
#flashMessage { width: 400px; margin-left:-220px; position: absolute; top: 45%; left: 50%; border: 1px #ED522B solid; background: #666; padding:20px; font-weight: bold; cursor:pointer; color:#fff; z-index:9999;}

.task ::selection {background: #fff;color:#000;}
.task ::-moz-selection {background: #fff;color:#000;}

@media only screen and (min-width: 1280px){
.container {width:96%; max-width:3000px;}
}