body.controller-grades div#main {

	margin-top: -1px !important;
	padding-top: 20px;
}

body.controller-grades .competition_main {
    width: 585px;
    margin-top: 0px;
    padding-top: 0px;
    background-position:0px 22px;
	background: url(/static/img/grades/cont_border01.jpg) repeat-x scroll 0 22px transparent;
}

body.controller-grades .page_title {
	height:37px;
	font-weight:bold;
	padding-left:45px;
	padding-top:3px;
	background-repeat:no-repeat;
	margin-left:8px;
}

body.controller-grades .irad_clear3 {	
	clear:both;
	height:20px;
}

body.controller-grades .friend_menu_main {
	width:585px;
	background: url(/static/img/grades/compet_search_bg.gif) repeat-y;
	margin-top:15px;
	margin-bottom:15px;
}

.matyan_block_act, .matyan_block_dizact {
	width:181px;
	height:169px;
	text-align:center;
	padding-top:5px;
	float:left;
	color:white;
	font-weight:bold;
	margin-bottom:20px;
}

.matyan_block_act {
	background: url(/static/img/grades/matyan_acctive.jpg) no-repeat;
}

.matyan_block_dizact {
	background: url(/static/img/grades/matyan_dizact.jpg) no-repeat;
}

.matyan_block_act a{
	color:white;	
}

.matyan_margin {
	float:left;
	width:21px;
	height:40px;
}

body.controller-grades #dasBoxWrapper {
	position:absolute;
	left:10%;
	top:5%;
	width:1000px;
	z-index:5000;
}
body.controller-grades #dasBoxWrapper span.obtitle {
	display:block;
	float:left;
	font-weight:bold;
}
body.controller-grades .dasboxcont {
	padding:15px;
	background:#FFF;
	overflow:hidden;
}
body.controller-grades .dasboxtitle {
	padding:5px 15px;
	background:#CCC;
	color:#000;
	overflow:hidden;
}

body.controller-grades .weelkygrades-note{
	margin-top: 7px;
    padding: 6px 10px 12px 34px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
body.controller-grades #close_btn, .grade-calendar, .grade-calendar-monthly {
	float:right;
}

.grade-calendar{
	padding-top: 8px;
}

.grade-calendar-monthly{
	margin-top: -1px;
}


.grade-current-date{
	float:left;
	height: 23px;
}

.pdgr,.mark_semester_past{
	background-color: #d9ecff;
}

body.controller-grades .jurnal_table { min-width: 700px;width: 100%; margin:3px auto; border-collapse: collapse;border-right: 1px solid #ccc;}
body.controller-grades .red{color: #ff1010;}
body.controller-grades .jurnal_table td {width: 21px; border-left:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; text-align: center; padding: 7px 0;}
body.controller-grades .week_days td{border-bottom:1px solid #bfbfbf;border-right:1px solid #bfbfbf; padding: 7px 0; color: #333}
body.controller-grades .jurnal_table .week_days .td_1{color: #9ba50a; font-weight: bold; text-align: center;width: 160px; padding-left: 0px; border-left: none;}
body.controller-grades .week_days td span{ font-size: 11px;}
body.controller-grades .jurnal_table .td_1  {text-align: left; padding: 3px 6px;color: #333; border-left: none;}
body.controller-grades .jurnal_table .month_days td{color: #A2A2A2;}
body.controller-grades .jurnal_table .td_h {width: 150px; text-align: left; padding: 3px 6px; white-space:nowrap;}
body.controller-grades .jurnal_table .td_t {border-bottom:1px solid #BFBFBF; border-left:1px solid #BFBFBF; width:150px; text-align:center;}
body.controller-grades .last-row td {border-bottom:1px solid #888 !important;}
body.controller-grades .absentData td{background-color:#eee}

.grades_main{
	padding: 20px 20px 20px 20px;
/*	padding: 20px 0px 20px 20px;*/
	padding-top: 0px;
}

body.controller-grades .subnav-bordered{
	border-bottom: 1px solid #CCC;
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

body.controller-grades .psy-not-question{
	margin-right: -1px;
}
.mark_oral_rem {background-color:#000000;display:block;float:left;height:20px;width:20px;}
.mark_work_rem {background-color:#009900;display:block;float:left;height:20px;width:20px;}
.mark_thematic_rem {background-color:#0000FF;display:block;float:left;height:20px;width:20px;}
.mark_semester_rem {background-color:#FF0000;display:block;float:left;height:20px;width:20px;}
.past_semester_rem {background-color:#d9ecff;display:block;float:left;height:20px;width:20px;}

body.controller-grades .overlay {
	background:none repeat scroll 0 0 #000000 !important;
	color:#000000;
	height:100%;
	opacity:0.5;
	filter: alpha(opacity=50);
	position:absolute;
	top:0;
	width:100%;
	z-index:4000;
	position:fixed;
}

tr.grade_hover_tr:hover{
	background-color:#EBF5CE; 
}

tr.grade-tab-2,td.grade-tab-2{
	display: none;
}

.mark_oral_rem {background-color:#333;}
.mark_work_rem {background-color:#009900;}
.mark_thematic_rem {background-color:#0080FF;}
.mark_semester_rem {background-color:#FF5900;}
.conc {color:#333;font-weight: bold;}
.mark_semester strong{color:#FF5900}
.mark_thematic strong{color:#0080ff}
.mark_work strong{color:#009900}
.mark_oral strong{color:#333333}
.mark_semester_rem,.mark_thematic_rem,.mark_oral_rem,.mark_work_rem,.past_semester_rem{
	display:block;float:left;height:11px;width:11px;border:1px solid #ccc;margin-right: 3px;margin-top: 3px;
}

body.controller-grades td.dark-right-cell{
	border-right: 1px solid #808080;
}

body.controller-grades .weekly-grades-iframe{
	width: 100%;
	height:1500px;
	border:0;
	overflow: hidden;
	min-width: 978px;
}

body.action-montlygrades #view-container{
/*	width: 720px !important;*/
	min-width: 978px;
		
	
}
body.action-progress #view-container ,body.action-weeklygrades #view-container{
	min-width: 978px;
}

.grade-type-container{
	overflow:hidden;float:left;margin-right:29px;
}

.jurnal_table_print{
	display: none;
}


body.controller-grades #main {
	border-left: 1px solid #CCC;
}

body.action-weeklygrades #main{
	border: 0;
}

.weekly-grades-title{
	display: inline-block;
    padding-right: 10px;	
}

.weekly-grades-title img{
	padding-right: 10px;
}

.weekly-grades-title-inner{
	padding-top: 5px;
	float:left;
}

body.controller-grades #show-psy-not{
	padding-left: 5px;
}

.progress-grades-title{
	position: absolute;
	font-weight: bold;
	font-size: 14px;
	padding-left:20px;
	padding-top:3px;
}

body.controller-grades .psy-not-question{
	margin-top: 7px;
}

.progress-grades-title img{
	padding-right: 5px;
}

.grade-print{
	margin-top:6px;
	padding: 5px 8px;
	margin-right: 20px;
}

#progress-frame{
	width: 100%;
	height: 876px;
	border: 0;
	overflow: hidden;
	margin-top: 1px;
	z-index: 1;
}

.monthly-grades-title img{
	padding-right: 10px;
}

.monthly-grades-title{
	padding-left: 20px;
	margin-top: 5px;
}

body.controller-grades .psy-info{
	padding-top: 5px;
}
.attention.message-grades{
	margin: 20px;
	border: 1px solid #cccccc;
	background-color: #f0f0f0;
	color: #666666;
	padding: 7px;
	font-size: 14px;
	line-height: 21px;
}
.attention.message-grades .inner-block{
	background-color: #fff;
}
.attention.message-grades .inner-block img{
	float: left;
    margin: 20px 10px 20px 20px;
    vertical-align: top;
}
.attention.message-grades .inner-block .close{
	margin: 3px 3px 0 0;
	background: url('/static/img/grades/close.png') no-repeat;
	width: 25px;
	height: 26px;
	opacity: 1;
}
.attention.message-grades .inner-block .close:hover{
	background: url("/static/img/grades/close.png") no-repeat scroll -31px 0 rgba(0, 0, 0, 0);
}
.attention.message-grades .text{
	overflow: hidden;
    padding: 20px 0;
    width: 840px;
}
.attention.message-grades .text span{
	margin-top: 15px;
	display: block;
	color: #e52e34;	
}
.attention.message-grades .text p{
	color: #333333;
}