body {background-color: #D4D0AB; font-family:  Verdana, Trebuchet, Helvetica, Tahoma; font-size: 9pt} 
/* body {background-color: #fffaf0; font-family:  Verdana, Trebuchet, Helvetica, Tahoma; font-size: 9pt} */

/* ****************************************************************************************************
                                                 Ramki                                               
****************************************************************************************************  */
.menu {
	position: absolute; left: 10px; top: 10px;
	display: block;     
	width: 160px;	
	padding: 5px 5px 5px 5px;	  
	height: auto;
	overflow: hidden; 
}

.students {
	position: absolute; left: 1110px; top: 10px;
	display: block;     
	width: 160px;					   
	padding: 5px 5px 5px 5px;
}			 

.menu .inside, .students .inside {
	background-color: white; 
	width: 160px;
	display: block;     
/*	padding: 5px 5px 5px 5px;  */
}


.title, .titlehidden {
	display: block;     
	padding: 5px 0;     
	font-weight: bold;     
	color: white;     
}

.menu .title, .menu .titlehidden {
	background: #FFF url(../image/title4.gif) repeat-x;
}

.students .title, .students .titlehidden {
	background: #FFF url(../image/title2.gif) repeat-x;
}


.title {
	border-bottom: 1px solid #DDD;
}

.arrow {
	margin-left: 10px;     
	margin-right: 7px;
}

.titlehidden {
	border-bottom: none;
}

.submenu {
	overflow: hidden;
}

.submenu a {
	padding: 5px 0;     
	padding-left:10px; 
	display: block;     
	text-decoration: none;
	background: #EEE;     
	border-bottom: 1px solid #DDD;     
}

.menu .submenu a {
	color: #500;     
}

.students .submenu a {
	color: #008;
}


.menu .submenu a:hover {
	background : #500 url(../image/linkarrow.gif) no-repeat right center;     
	color: #FFF;
}

.students .submenu a:hover {
	background : #008 url(../image/linkarrow.gif) no-repeat right center;     
	color: #FFF;
}




.body {
	position: absolute; left: 180px; top: 10px;
	display: block;     
	width: 920px;
	padding: 5px 5px 5px 5px;
}			 							 
	   
.counter {
	position: absolute; left: 10px; top: 620px;
}


.body .inside {
	background-color: white; 
	width: 900px;
	display: block;     
	padding-left: 10px;
	padding-right: 10px; 
	padding-top: 10px;
	padding-bottom: 10px;  
}


.left_top {
	background: url(../image/left_top.png) repeat; 
	position: absolute; top: 0px; left: 0px;
	height: 5px;
	width: 5px;
}

.top {
	background: url(../image/top.png) repeat; 
	position: absolute; top: 0px; left: 5px; right: 5px;
	height: 5px;   
	width: auto;
}															 

.topi {
 	position: absolute;	top: 0px; left: 5px; right: 5px;
	width: 100%;
	height: 5px;
}

.right_top {
	background: url(../image/right_top.png) repeat; 
	position: absolute; top: 0px; right: 0px;
	height: 5px;
	width: 5px;
}

.right_topi {
	position: absolute; top: 0px; right: 0px;
	height: 5px;
	width: 5px;
}

.left {
	background: url(../image/left.png) repeat; 
	position: absolute; left: 0px; top:5px; bottom:5px;
	width: 5px;
}

.lefti,  {
	position: absolute; left: 0px; top:5px;
	width: 5px; 
	height: 80%;
}

.right {
	background: url(../image/right.png) repeat; 
	position: absolute; right: 0px; top: 5px; bottom:5px;
	width: 5px; 
}		   

.left_bottom {
	background: url(../image/left_bottom.png) repeat; 
	position: absolute; bottom: 0px; left: 0px;
	height: 5px;
	width: 5px;
}

.bottom {
	background: url(../image/bottom.png) repeat; 
	position: absolute; bottom: 0px; left: 5px; right: 5px;
	height: 5px; 
}

.right_bottom {
	background: url(../image/right_bottom.png) repeat; 
	position: absolute; bottom: 0px; right: 0px;
	height: 5px;
	width: 5px;
}			
		   
.counter {
	position: absolute; left: 10px; top: 620px;
}


/* ****************************************************************************************************
                                                 Text                                               
**************************************************************************************************** */

p {margin-top: 6px; margin-bottom: 6px;}

h1 {font-size: 18pt; font-weight: bold; margin-bottom: 30px; margin-top: 10px; color: brown}

h2 {font-size: 14pt; font-weight: bold; margin-top: 30px; margin-bottom: 15px}

h3 {font-size: 10pt; font-weight: bold; margin-bottom: 0px}

h4 {font-size: 10pt; font-weight: normal; margin-bottom: 0px; color: brown}

ul {font-size: 9pt; margin-top:0px}
  
li {text-indent: 0px; padding-left:0px; margin-top:2px; margin-left: -10px}

ol {font-size: 9pt; margin-top:0px}

hr {color: white; height: 2px; padding-top:0px}

em {color: brown; font-style: normal}

a.intext {color: blue; text-decoration: none}

img.expand {border: 0px; width: 9px; height: 9px; padding-left:3pt;}


/* ******************** Code examples ******************** */
pre {font-size: 9pt; font-family: courier; border: 1px solid #000000; background-color: #f0f0f0; margin: 20px 10px 20px 10px; padding: 10px 10px 10px 10px}
									 

/* ******************** Silesia corpus ******************** */
table.corpus {border-collapse: collapse; font-size: 9pt; margin: 10px 10px 10px 10px; border: 1px solid #000000}
thead.corpus {font-weight: normal; text-align: center; background-color: gray; color: white}
tfoot.corpus {font-weight: normal; text-align: center; background-color: #e0e0e0; color: black; padding-bottom:15px}

.corpus td {padding-top: 5px; padding-bottom: 5px}

td.corpus_desc {text-align: left; padding-left: 10px; padding-right: 10px}
td.corpus_type {text-align: center; padding-left: 10px; padding-right: 10px}
td.corpus_num {text-align: right; padding-left: 5px; padding-right: 5px}
				  
/* ******************** Time table ******************** */
.timetable table {font-size: 8pt; margin: 10px 10px 10px 10px; border: 0px solid #b0b0b0; border-width: 0px}
.timetable thead {font-weight: normal; text-align: center; background-color: gray; color: white; height: 24px}

.timetable .hours table {background-color: red; margin: 0px 0px 0px 0px; border: 0px solid #b0b0b0; width: 60px; font-size: 9pt}
.timetable .hours thead td {background-color: #f0f0f0}
.timetable .hours td {background-color: gray; color: white}
.timetable .hours tr {text-align: center; vertical-align: middle}
.timetable .hours tbody tr {height: 40px}


.timetable .days table {background-color: #f0f0f0; margin: 0px 0px 0px 0px; border: 0px solid #b0b0b0; width: 90px}
.timetable .days thead td {background-color: gray; color: white; font-size: 9pt}
.timetable .days tr {background-color: #f0f0f0; text-align: center; vertical-align: middle; color: black}
.timetable .days td {background-color: #f0f0f0; text-align: center; vertical-align: middle; color: black; border-width: 0px}
.timetable .days .ass {background-color: #ca0000}
.timetable .days .cons {background-color: #c0c0c0}
.timetable .days .lc {background-color: #00f0f0}
.timetable .days .sem {background-color: #00f0f0}
.timetable .days .pw {background-color: #c6c68a}									 
.timetable .days .tc {background-color: #00ff7f}
.timetable .days .free {}									 


div.back {position: relative; background: #f0f0f0; border: 1px solid black}
div.hourline {position: absolute; width: 570px; left: 0px; height: 1px; border-top: 1px dotted gray}

div.time {position: relative; background: white; font-size: 8pt; height: 500px; width: 570px; visibility: visible; z-index: auto; margin: 10px 10px 10px 10px; border: 0px solid black; text-align: center; vertical-align: middle}
div.day {position: absolute; background-color: gray; color: white; height: 19px; width: 89px; font-size: 9pt; border: 1px solid #404040; text-align: center; vertical-align: middle}
div.hour {position: absolute; background-color: gray; color: white; height: 39px; width: 59px; font-size: 9pt; border: 1px solid #404040; text-align: center; vertical-align: middle}

div.ass {position: absolute; background-color: #ca0000; width: 89px; border: 1px solid #404040; text-align: center; vertical-align: bottom}
div.cons {position: absolute; background-color: #c0c0c0; width: 89px; border: 1px solid #404040; text-align: center; vertical-align: bottom; font-size:6pt}
div.free {position: absolute; background-color: #c0c0c0; width: 89px; border: 1px solid #404040; text-align: center; vertical-align: bottom}
div.lc {position: absolute; background-color: #00f0f0; width: 89px; border: 1px solid #404040; text-align: center; vertical-align: bottom}
div.pw {position: absolute; background-color: #c6c68a; width: 89px; border: 1px solid #404040; text-align: center; vertical-align: bottom}
div.sem {position: absolute; background-color: #00f0f0; width: 89px; border: 1px solid #404040; text-align: center; vertical-align: bottom}
div.tc {position: absolute; background-color: #00ff7f; width: 89px; border: 1px solid #404040; text-align: center; vertical-align: bottom}


.corpus td {padding-top: 5px; padding-bottom: 5px; text-align: center; vertical-align: middle}

td.corpus_desc {text-align: left; padding-left: 10px; padding-right: 10px}
td.corpus_type {text-align: center; padding-left: 10px; padding-right: 10px}
td.corpus_num {text-align: right; padding-left: 5px; padding-right: 5px}
				  


/* ******************** Components, Dictionaries ******************** */
table.corpus {border: 1px solid #000000; border-collapse: collapse; font-size: 9pt; margin-bottom: 10px; margin-left: 0pt; margin-top: 10px;}

table.components {border-collapse: collapse; border: 1px solid #000000; font-size: 9pt; margin-bottom: 10px; margin-left: 0pt;}

tr.components_header {background-color: gray; color: white;}

tr.components_data {background-color: white; color: black}

tr.components_footer {background-color: gray; color: white}

tr.dictionaries_header {background-color: gray; color: white;}

tr.dictionaries_subheader {background: #D3D3D3; color: black; font-weight: bold}

tr.dictionaries_data {background-color: white; color: black; font-size:9pt}

tr.dictionaries_footer {background-color: gray; color: white}

td.dictionaries_subheader {font-weight:bold}
	  

/* ******************** Donations ******************** */
table.donate {margin-top:20px; width: 510px}
		 

/* ******************** FAQ ******************** */

div.faq {background: white; font-size: 9pt; height: auto; left: 0px; top: 0px; visibility: visible; z-index: auto; margin-bottom:10px}

div.faq div.faq_q {font-size: 9pt; margin-left: 15px; text-indent: -15px}

div.faq div.faq_a {margin-left: 15px; background: #FFFFE8; position: absolute; visibility: hidden}

div.more {background: white; height: auto; layer-background-color: white; left: 0px; position: absolute; top: 0px; visibility: hidden; width: 500px; z-index: auto; font-size:10pt; margin-top:10px;}

a.faq {color: blue; text-decoration: none; cursor: pointer}

a.faq:active {color: blue}


/* ******************** Papers ******************** */

/*div.paper {background: white; font-size: 9pt; height: auto; left: 0px; top: 0px; visibility: visible; z-index: auto; margin-bottom:3px; border: 1px solid #FFFFFF}*/
div.paper {background: #FCFCFC; font-size: 9pt; height: auto; left: 0px; top: 0px; visibility: visible; z-index: auto; margin-bottom:3px; border: 1px solid #E0E0E0}
div.paper div.paper_record {font-size: 10pt; margin-left: 18px; text-indent: -18px}
div.paper div.paper_abstract {text-align: justify; margin-left: 18px; margin-right:15pt; padding-bottom: 3pt; background: #FFFFE8; position: absolute; visibility: hidden}



/*div.paper_jcr {background: GhostWhite; color: SaddleBrown; font-size: 9pt; height: auto; left: 0px; top: 0px; visibility: visible; z-index: auto; margin-bottom:3px; border: 1px solid #FFFFFF}*/
div.paper_jcr {background: #F0F0E0; color: #53290b; font-size: 9pt; height: auto; left: 0px; top: 0px; visibility: visible; z-index: auto; margin-bottom:3px; border: 1px solid #D0D0D0}
div.paper_jcr div.paper_record {font-size: 10pt; margin-left: 18px; text-indent: -18px}
div.paper_jcr div.paper_abstract {text-align: justify; margin-left: 18px; margin-right:15pt; padding-bottom: 3pt; background: #FFFFE8; position: absolute; visibility: hidden}


a.paper {color: blue; text-decoration: none; cursor: pointer}

a.paper:active {color: blue}


/* ******************** Lectures ******************** */

div.lecture {background: white; font-size: 9pt; height: auto; left: 0px; top: 0px; visibility: visible; z-index: auto; margin-bottom:3px; border: 1px solid #FFFFFF}

div.lecture div.lecture_subject {font-weight: bold; font-size: 10pt; margin-left: 18px; text-indent: -18px}

div.lecture div.lecture_desc {margin-left: 18px; margin-right:15pt; padding-bottom: 3pt; background: #FFFFE8; position: absolute; visibility: hidden}

a.lecture {color: blue; text-decoration: none; cursor: pointer}

a.lecture:active {color: blue}


				
				
					 
/* ******************** Photos ******************** */
table.photos {width:600px;}

tr.photos {padding-bottom:140px}

td.photos {width:295px; vertical-align:top; padding-bottom:30px}

img.photo {width: 295px; margin-top: 15px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; border: 1px solid #000000; }