@charset "utf-8";

/**********************************************************/
/* common												  */
/**********************************************************/

p, td, input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.hidden { font-weight:normal; color:#ffffff; }
.dimmed { font-weight:normal; color:#666666; }

.pntr { cursor:pointer; }

/* layout */
html {
	background-color: #59637F;
	background-image:url('../i/bg_admin.gif');
	background-repeat:repeat-x;
	background-position:left top;
	margin: 0;
}
body {
	width: 800px;
	margin: 10px auto;
	background-color: #ffffff;
}
html, body, body td {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 11px;
}

a, a:visited { text-decoration:none; color:#06c; }
a:hover { color:#000000; }

#header { margin:0; padding:0 10px; }
#header .logo { padding:5px 0;}
#header .profile { padding:5px 0; text-align:right; font:normal 13px "Arial Narrow",sans-serif; }

#tool-bar { border-bottom:3px solid #8FA1AB; padding:0 10px; }
.tab { border:1px solid #C1CACF; border-bottom:none; padding-top:2px; font:16px 'Arial Narrow', Arial, Helvetica, sans-serif; background-color:#E5EBEF; }
.tab a, .tab a:visited { padding:2px 5px 0 5px; text-decoration:none; color:#666666; }
.tab a:hover { background-color:#C1CACF; color:#000000; }
.selected { border-color:#8FA1AB; border-width:3px; background-color:#8FA1AB; font-weight:bold; cursor:default; }
.selected a, .selected a:visited { color:#ffffff; }
.selected a:hover { background-color:#8FA1AB; color:#E5EBEF; }

#main { margin:0; padding:10px; }
#main h1 { font:bold 24px "Arial Narrow",sans-serif; margin:0; border-bottom:1px dotted #253D97; color:#253D97; }
#main h2 { font:normal 20px "Arial Narrow",sans-serif; color:#6F818B; margin:15px 0 15px 0;}
#main h3 { font:normal 18px "Arial Narrow",sans-serif; color:#666666; margin:0 0 10px 0;}

/*.view-actions { margin:1px 0 20px 0; border-bottom:1px dotted #000000; padding:5px; } */
.multi-actions { padding:5px; }
.view-options { margin:10px 0; }

.warn { margin:10px 0; border:1px solid #ff9900; padding:2px 5px; font:14px Arial, Helvetica, sans-serif; color:#ff9900; }
.error { position:relative; margin:10px 0; border:1px solid #cc0000; padding:2px 5px 2px 42px; font:11px Arial, Helvetica, sans-serif; color:#cc0000; }
.error span { position:absolute; background-color:#cc0000; padding:2px 5px; font-weight:bold; color:#ffffff; left:0; top:0; }

.table1 { border:1px dotted #A6B2D0; border-bottom:none; }
.table1 th { border:none; border-bottom:1px dotted #A6B2D0; padding:3px; font:bold 11px Arial, Helvetica, sans-serif; background-color:#253D97; color:#ffffff; }
.table1 td { border:none; border-bottom:1px dotted #A6B2D0; padding:3px; font:11px Arial, Helvetica, sans-serif; }


.table2 { border-collapse:collapse; border:1px dotted #bbbbbb; }
.table2 th { border:1px dotted #bbbbbb; padding:3px; font:bold 11px Arial, Helvetica, sans-serif; background-color:#cccccc; color:#666666; }
.table2 td { border:1px dotted #bbbbbb; border-right:none; border-left:none; padding:3px; font:11px Arial, Helvetica, sans-serif; }

.act-table tr:hover td { background-color:#E5EBEF; }
.act-table tr td.action a { visibility:hidden; }
.act-table tr:hover td.action a { visibility:visible; }

.pager { padding:6px 0; text-align:right; color:#999999; }
.pager span.pages { font-weight:bold; }
.pager span.pages span { padding:0 1px; }
.pager span.page-selected, .pager span.pagesize-selected { padding:0 1px; border:1px solid #cccccc; background-color:#f7f7f7; color:#000000; }

.search { margin:10px 0; }
.search .input { border:1px solid #cccccc; font:11px Arial, Helvetica, sans-serif; }
.search .input:hover { background-color:#ffffcc; border-color:#999999; }
.search .input:focus { background-color:#ffffaa; border-color:#333333; }



/**********************************************************/
/* form	1												  */
/**********************************************************/

.form-caption { padding:5px 0;  }
.form-actions { border-bottom:2px solid #253D97; background-color:#eeeeee; padding:5px; text-align:center; }

form { display:inline; }

.form { width:100%; border-top:2px solid #253D97; }
.form th { width:150px; border-bottom:1px dotted #A6B2D0; background-color:#ffffff; text-align:right; }
.form th.req { width:10px; }
.form td { border-bottom:1px dotted #A6B2D0; padding:4px; }

.form td.input { width:350px; }
.form td.input input { width:344px; border:1px solid #999999; padding:2px; }
.form td.input input:hover { background-color:#ffffcc; }
.form td.input input:focus { background-color:#ffffaa; border-color:#333333; }

.form td.input textarea { width:344px; border:1px solid #999999; padding:2px; overflow:auto; }
.form td.input textarea:hover { background-color:#ffffcc; }
.form td.input textarea:focus { background-color:#ffffaa; border-color:#333333; }

.form td.input select { width:350px; border:1px solid #999999; padding:2px; }
.form td.input select:hover { background-color:#ffffcc; }
.form td.input select:focus { background-color:#ffffaa; border-color:#333333; }
.form td.input select option.sel { color:#999999; font-style:italic; }

.form td.rte-input td { border:none; padding:1px; }

.form td.readonly { }
.form td.readonly input { width:350px; border:none; background:transparent; padding:0; }

.form td.comments { color:#999999; }

.form tr.empty th, .form tr.empty td { height:3px; overflow:hidden; padding:0; }

.btn-submit { margin:0 5px; border:none; background:transparent url(../i/bg_submit.gif); padding:4px 10px; font-weight:bold; color:#ffffff; }

.btn-cancel { margin:0 5px; border:none; background:transparent url(../i/bg_cancel.gif); padding:4px 10px; font-weight:bold; color:#ffffff; }

/**********************************************************/

.form-msg td.input { width:500px; }
.form-msg td.input input { width:494px; }
.form-msg td.input select { width:500px; }



.history tr.active td { background-color:#E5EBEF; font-weight:bold; }
.history .active { width:50px; text-align:center; }
.history .date { width:90px; text-align:center; }
.history .grade { width:80px; padding-right:10px; text-align:center; }
.history .comments { text-align:left; }

.news-table .no { width:20px; text-align:right; color:#999999; }
.news-table .publish { width:60px; text-align:center; }
.news-table .date { width:80px; text-align:center; }
.news-table .title { text-align:left; }
.news-table .action { width:20px; border-left:none; border-right:none; padding:1px; text-align:center; }

.sbjct-table .check { width:20px; text-align:center; padding:1px; }
.sbjct-table .no { width:20px; text-align:right; color:#999999; }
.sbjct-table .module { width:60px; text-align:center; }
.sbjct-table .serial { width:60px; text-align:center; }
.sbjct-table .status { width:60px; text-align:center; }
.sbjct-table .optional { width:60px; text-align:center; }
.sbjct-table .subject { border-right:none; text-align:left; }
.sbjct-table .action { width:20px; border-left:none; border-right:none; padding:1px; text-align:center; }

.stdnt-table .check { width:20px; text-align:center; padding:1px; }
.stdnt-table .no { width:20px; text-align:right; color:#999999; }
.stdnt-table .serial { width:70px; text-align:center; }
.stdnt-table .status { width:60px; text-align:center; }
.stdnt-table .module { width:60px; text-align:center; }
.stdnt-table .group { width:20px; text-align:center; }
.stdnt-table .student { border-right:none; text-align:left; }
.stdnt-table .action { width:20px; border-left:none; border-right:none; padding:1px; text-align:center; }

.tchr-table .check { width:20px; text-align:center; padding:1px; }
.tchr-table .no { width:20px; text-align:right; color:#999999; }
.tchr-table .serial { width:70px; text-align:center; }
.tchr-table .status { width:60px; text-align:center; }
.tchr-table .teacher { border-right:none; text-align:left; }
.tchr-table .action { width:20px; border-left:none; border-right:none; padding:1px; text-align:center; }

.cardex { border-collapse:collapse; border:none; }
.cardex th { background-color:#253D97; font-weight:bold; color:#ffffff; border-width:1px 0; border-style:solid; border-color:#ffffff; }
.cardex td { padding:4px 2px; vertical-align:top; /*border-bottom:1px dotted #CAD0E0;*/ }
.cardex tr.module { background-color:#677BB0; font-weight:bold; color:#ffffff; }
.cardex tr.module td { border-width:1px 0; border-style:solid; border-color:#ffffff; }
.cardex .serial { text-align:center; }
.cardex .dep { width:34px; text-align:center; border-left:1px solid #ffffff; }
.cardex .subject { text-align:left; border-left:1px solid #ffffff; }
.cardex .period { width:40px; text-align:center; border-left:1px solid #ffffff; }
.cardex .partial { border-left:1px solid #ffffff; }
.cardex .date { width:55px; text-align:left; white-space:nowrap; border-left:1px solid #ffffff; }
.cardex th.grade { width:20px; padding-right:5px; text-align:right; }
.cardex td.grade { width:10px; padding-right:15px; text-align:right; font-weight:bold; }
.cardex .grade { width:30px; text-align:right; font-weight:bold; }
.cardex .action { width:20px; padding:3px 1px; text-align:left; }
.cardex tr.module:hover td { background-color:#677BB0; }

.cardex input.year { margin-right:1px; width:16px; padding:1px; border:1px solid #cccccc; text-align:right; }
.cardex input.period { margin-left:1px; width:10px; padding:1px; border:1px solid #cccccc; text-align:left; }
.cardex tr:hover input.year { border:1px solid #999999; }
.cardex tr:hover input.period { border:1px solid #999999; }
.cardex input:hover, .cardex tr:hover input:hover { border:1px solid #999999; background-color:#ffffcc; }
.cardex input:focus, .cardex tr:hover input:focus { border:1px solid #333333; background-color:#ffffaa; }


.msg-table .no { width:20px; text-align:right; color:#999999; }
.msg-table .publish { width:60px; text-align:center; }
.msg-table .date { width:115px; text-align:left; }
.msg-table .subject { width:150px; text-align:left; }
.msg-table .module { width:80px; text-align:left; }
.msg-table .title { text-align:left; }
.msg-table .action { width:20px; border-left:none; border-right:none; padding:1px; text-align:center; }

/*.cardex .module { background-color:#eeeeee; font-weight:bold; color:#666666; }
.cardex .serial { border-right:1px dotted #bbbbbb; text-align:center; }
.cardex .subject { text-align:left; }
.cardex .partial { border-left:1px dotted #bbbbbb; }
.cardex .date { width:60px; border-left:1px dotted #bbbbbb; text-align:left; }
.cardex .grade { width:30px; text-align:right; font-weight:bold; }
.cardex .action { width:20px; padding:1px; text-align:center; }
.cardex tr.module:hover td { background-color:#eeeeee; }*/

/*.filter { margin-bottom:10px; }*/
.filter td { font:11px Arial, Helvetica, sans-serif; padding-right:10px; }
.filter select { margin:0; font:11px Arial, Helvetica, sans-serif; }


.back-float { float:right; margin:3px 0; font-size:11px; }

/* search form */
.search-input { width:120px; border:1px solid #999999; padding:2px; font:11px Arial, Helvetica, sans-serif; }
.search-input:hover { background-color:#ffffcc; }
.search-input:focus { background-color:#ffffaa; border-color:#333333; }
.btn-search { border:none; background:transparent url(../i/bg_submit.gif); padding:2px; font-weight:bold; color:#ffffff; }



.red { color:#cc0000; }


@media print {
	html { background:none; margin:0; padding:0; }
	body { width:100%; margin:0; padding:0; }
	#header { border-bottom:1px dotted #253D97; }
	#header .logo img { width:266px; height:53px; }
	#header .profile { display:none; }
	#tool-bar { display:none; }
	#main { margin:0; padding:0; }
	#main .title h1 { margin:10px 0 5px 0; border:none; }
	#main .view-actions { display:none; }
	#main .view-options { display:none; }
	#main .filter { display:none; }
	#main .cardex .action { display:none; }
	#main .back-float { display:none; }
}



/* inner view */

.inner-view { border:1px solid #cccccc; border-top:none; border-bottom:none; }
.inner-view tr#row_hdr { display:none; }
/*.inner-view th { text-align:left; border-bottom:1px solid #cccccc; padding:2px 3px; font:bold 11px Arial, Helvetica, sans-serif; background-color:#eeeeee; color:#666666; }*/
.inner-view td { border-bottom:1px solid #cccccc; background-color:#f7f7f7; padding:2px 3px; font:11px Arial, Helvetica, sans-serif; color:#333333; }
.inner-view .action { width:20px; text-align:center; }
.inner-view-hdr { margin-top:4px; border:1px solid #cccccc; padding:2px 3px; font:bold 11px Arial, Helvetica, sans-serif; background-color:#eeeeee; color:#666666; }
.inner-view-form { position:relative; border:1px solid #cccccc; border-top:none; }
.edit-mode td.action a { visibility:hidden; }

.attach .type { width:20px; padding:2px; text-align:center; }
.attach .title { width:auto; padding:2px; }

.file { background-image:url('../i/mime_file.png'); background-position:0 0; background-repeat:no-repeat; }
.doc, .docx, .rtf, .wps { background-image:url('../i/mime_doc.png'); }
.exe, .bat, .cmd { background-image:url('../i/mime_exe.png'); }
.htm, .html { background-image:url('../i/mime_html.png'); }
.mp3, .wav, .wma { background-image:url('../i/mime_mp3.png'); }
.pdf { background-image:url('../i/mime_pdf.png'); }
.jpg, .jpeg, .gif, .bmp, .png { background-image:url('../i/mime_pic.png'); }
.ppt, .pptx { background-image:url('../i/mime_ppt.png'); }
.swf { background-image:url('../i/mime_swf.png'); }
.txt, .text { background-image:url('../i/mime_txt.png'); }
.xls, .xlsx, .xlr { background-image:url('../i/mime_xls.png'); }
.zip, .jar, .rar, .z { background-image:url('../i/mime_zip.png'); }


/* subject */

select.teacher-group { width:300px; border:1px solid #999999; padding:2px; }
select.teacher-group:hover { background-color:#ffffcc; }
select.teacher-group:focus { background-color:#ffffaa; border-color:#333333; }
select.teacher-group option.sel { color:#999999; font-style:italic; }


/* announcement */
select.subject-group { width:100px; border:1px solid #999999; padding:2px; }
select.subject-group:hover { background-color:#ffffcc; }
select.subject-group:focus { background-color:#ffffaa; border-color:#333333; }
select.subject-group option.sel { color:#999999; font-style:italic; }