/**
 * global
 */

BODY {
   background-color: #ffffff; 
	font-family: Arial, sans-serif;
	padding: 5px 5px;
	margin: 0px;
}
BODY, TD, TH, INPUT, TEXTAREA, SELECT {
	font-size: 12px;
}

IMG {
	border: 0px;
}
P {
	margin: 0;
}

HR {
	border: none; 
	border-top: 1px solid #416EBB; 
	height: 1px;
}

/* General header styles */
h1, h2, h3 {
    font-weight: bold;
    color: #000000;
}

h1 { 
	font-size: 1.4em; 
}

h2 { 
	font-size: 1.3em; 
}
h3 { 
	font-size: 1.2em; 
}
h4 { 
	font-size: 1.1em; 
}
#pagetitle A, #pagetitle A:visited, #pagetitlefull A, #pagetitlefull A:visited { 
	text-decoration: none;
    color: #00A0E4;
}
A.loginlinks, A.loginlinks:visited { 
	text-decoration: none;
    color: #000000;
}
h2.list { 
	padding-left: 3em;
}
h2.title { 
    color: black;
}
h3.title { 
    color: black;
    font-weight: normal;
}
h2.progress { 
    font-weight: normal;
}

code, pre, tt {
	font-family: Courier, "Courier New", monospace;
}

li{
	margin-bottom: 10px;
}

A.list, A.list:visited { 
	font-size: 1.4em; 
    font-weight: bold;
	text-decoration: none;
    color: #00A0E4;
	padding-left: 3em;
	line-height: 1.6em;
}

/**
 * layout table
 */
TABLE.layout {
 width: 100%;
}

TD.contentbar {
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:10px;
margin-left: 0px;
}

A:visited {
	color: blue;
}


/*-----------------------------------------------------------------------------
 *
 * Definicja styli dla naglowka
 */
TABLE.userline TD A {
	color: black;
	text-decoration: none;
	padding: 5px;
}

/*-----------------------------------------------------------------------------
 *
 * Definicja styli dla stopki
 */


/*-----------------------------------------------------------------------------
 *
 * Definicja styli dla komunikatu bledu
 */
DIV.errors, .warn {
    border: 1px dashed #666600;
    color: #660000;
    background: #ffeeee;
}

.error {
	color:red;
}


/*-----------------------------------------------------------------------------
 *
 * Definicja styli dla tabelek z materialem (np. courses.php)
 */

.nowrap {
	white-space: nowrap;
}

TABLE.list TD.checkbox, TABLE.list TH.checkbox {
	width: 1%;
}
TABLE.list .checkbox INPUT, INPUT.checkbox {
	border: none;
}


TABLE.cs TD {
	white-space: nowrap;
}
TABLE.cs TR.section TD {
	background: #CDE7AC;
}
TABLE.cs TR.page TD {
	color: #1D1DFF;
}
TABLE.cs TD.result {
	font-size: smaller;
	text-align: right;
}
TABLE.cs TD.imgresult {
	text-align: center;
}
TABLE.cs TD.time {
	font-size: smaller;
	text-align: center;
}
TABLE.cs TABLE.progress {
	width: 50px;
	border: 1px solid #338833;
}
TABLE.cs TD.mistakes {
	font-size: smaller;
	text-align: center;
}
TABLE.cs TD.hints {
	font-size: smaller;
	text-align: center;
}
TABLE.cs TABLE.progress TABLE.fill {
	background: #b2d8b2;
}
TABLE.cs TABLE.progress TABLE.fill IMG {
	height: 6px;
}
TABLE.cs TD A, TABLE.cs TD A:visited {
	text-decoration: none;
	color: black;
}
TABLE.cs TD A:hover {
	text-decoration: underline;
	color: black;
}
TABLE.cs TR.disabled TD {
	color: gray;
	font-style: italic;
}
TABLE.cs TR.level0disabled TD {
	font-weight: bold;
}
TABLE.cs TR.level0 TD {
	font-weight: bold;
}
TABLE.cs TR.disabled TD A {
	color: gray;
}

/*-----------------------------------------------------------------------------
 *
 * Definicja styli dla dodawania stron do MyLesson (mylesnodes.php)
 */
TABLE.mylesNodeAdd TD A {
	text-decoration: underline;
}
TABLE.mylesNodeAdd TR.selected TD, TABLE.mylesNodeAdd TR.selected TD A {
	font-weight: bold;
	color: black;
}
TABLE.mylesNodeAdd TR.selectable TD, TABLE.mylesNodeAdd TR.selectable TD A {
	color: green;
}
TABLE.mylesNodeAdd TR.flo TD, TABLE.mylesNodeAdd TR.flo TD A {
	color: gray;
}
TABLE.mylesNodeAdd TR.disabled TD, TABLE.mylesNodeAdd TR.disabled TD A {
	color: green;
	text-decoration: line-through;
}
TABLE.mylesNodeAdd TR.normal TD {
	font-style: italic;
	color: gray;
}


TABLE.classstudents {
	width: 100%;
}
TABLE.classstudents TD {
	vertical-align: top;
}

SELECT.wide {
	width: 350px;
}

HR {
	color: #d0d0d0;
	margin-top: 10px;
	margin-bottom: 10px;
}

FORM {
	padding: 0;
	margin: 0;
}

/* banner */
TABLE.banner {
}
TABLE.banner A, TABLE.banner A:visited {
}

TABLE.banner TD.name {
	padding: 5px;
	text-align: right;
}

/* info */
TABLE.info {
	width: 100%;
	border-bottom: 1px solid #859940;
	text-align: right;
}
TABLE.info A, TABLE.info A:visited {
	color: black; /*#212639;*/
	text-decoration: none;
	font-weight: bold;
}
TABLE.info TD.name {
	text-align: right;
}

/* progres */
TABLE.progres {
	border:1px solid #9BA954;
	border-collapse:collapse;
	background-color:#F7FDE3;
}
TABLE.progres A, TABLE.progres A:visited {
	color: black;
	text-decoration: none;
	font-weight: bold;
}
TABLE.progres TR.headings TD{
	border-bottom:1px solid #9BA954;
	border-top:1px solid #9BA954;
}
TABLE.progres TR.selected TD{
	border-top:1px solid #9BA954;
}
TABLE.progres TD.title{
	border-top:1px solid #9BA954;
	border-bottom:1px solid #9BA954;
	background-color:#E8F8AF;
	color: black;
	font-weight: bold;
	font-size: 1.1em; 
}
TABLE.progres TD.topic{
	color: black;
	font-weight: bold;
}
TABLE.progres TD{
	padding: 3px 10px 3px 10px;
}
TABLE.progres TD.break{
	padding: 0px 10px 0px 10px;
	height:1px;
}
TABLE.progres TD.col1{
	width:65%;
}
TABLE.progres TD.col2{
	width:15%;
}
TABLE.progres TD.col3{
	width:10%;
}
TABLE.progres TD.multicol{
	border-left:1px solid #9BA954;
}
TABLE.progrest TD.multicol{
	border-left:1px solid #9BA954;
	white-space: nowrap;	
}
TABLE.progres TD.multicolw{
	border-left:1px solid #9BA954;
	background-color:#FFFFFF;
}
TABLE.progrest{
}
TABLE.progrest TD{
	border-top:1px solid #D7DDB5;
}
HR.progres{
	margin: 0px;
	border: none; 
	border-bottom:1px solid #9BA954;
	height: 1px;
}
DIV.progres{
	width:100%;
	background-color:#9BA954;
	height: 1px;
}

/* attendance */
TABLE.attendance {
	border:1px solid #9BA954;
	border-collapse:collapse;
	background-color:#F7FDE3;
	width:60%;
}
TABLE.attendance TD{
	padding: 10px 10px 10px 10px;
}
TABLE.attendance TD.level{
	background-color:#E8F8AF;
	border-bottom:1px solid #9BA954;
	border-top:1px solid #9BA954;
}
LI.attendance{
	padding: 2px 0px 2px 10px;
	margin:0;
}


/* infoline */

TABLE.infoline {
	margin: 2px 0;
}
TABLE.infoline TD {
	font-size: 11px;
}
TABLE.infoline TD.date {
	text-align: right;
}


/* tabs */

DIV.tabs {
	margin-bottom: 5px;
}
TABLE.tabs A, TABLE.tabs A:visited {
	color: #98A84F;
	text-decoration: none;
	font-size: 12px;
	font-family: Tahoma;
}
TABLE.tabs A:hover {
	color: #0000FF;
}
TABLE.tabs TD.tabspace {
	width: 1px;
}
TABLE.tabs TD.tabselected A, TABLE.tabs TD.tabselected A:visited {
	color: #000000;
}
TABLE.tabs TD {
	border-bottom: 1px solid #98A84F;
}
TABLE.tabs TD.tab TD {
	border-bottom: none;
}
TABLE.tabs TD.tabselected {
	border-bottom: 1px solid white;
}
TABLE.tabs TD.tabselected TD {
	border-bottom: none;
}
TABLE.tabs TD.tabspace {
	width: 1px;
}
TABLE.tabs TD.tabspace IMG{
	width: 1px;
}
TABLE.tabs TD.tabemptyleft  IMG{
	width: 1px;
}
TABLE.tabs TD.tabemptyright {
	padding: 0px 0px 0px 10px;
	width: 99%;
}


/* navibar */

TD.navibar {
	width: 130px;
	padding: 15px 15px 0px 15px;
	margin: 0px;
	background-color: #E3EFBF;
	min-height: 150px;
}
TD.navibar A, TD.navibar A:visited {
	color: #416EBB;
	text-decoration: none;
}

TD.navibar A.selected, TD.navibar A.selected:visited {
	font-weight: bold;
	color: red;
}

TD.navibar A:hover {
	text-decoration: none;
}
TD.navibar B {
}

/* rightbar */

TD.rightbar {
	padding: 5px 5px;
	margin: 0px;
	background-color: #D4EFFC;
}
TD.rightbartitle {
	background-color: #00A0E4;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: white;
}

/* logincontent */

TD.logincontenttitle {
	background: #E3EFBF;
	margin:0px; 
	padding:5px;
	font-size: 140%;
}

TD.logincontent {
	padding: 5px 170px 5px 5px;
	margin: 0px;
	background: url(hsl_c_bg.jpg) no-repeat top right;	
}

/* content */

TD.content {
	padding: 5px 5px 5px 5px;
	margin: 0px;
}

TD.content {
	padding: 5px 5px 5px 5px;
	margin: 0px;
}

/* pagepath */

TABLE.pagepathline {
	margin-bottom: 10px;
}
TABLE.pagepath {
	background: #E3EFBF;
	margin:0px; 
	padding:5px;
	color: #416EBB;
	font-size: 140%;
	width: 100%;
}

TABLE.mainpagepath {
	background: #E2EAFE;
}

TABLE.pagepath TD.pagepath {
	font-size: 16px;
	font-weight: bold;
}
TABLE.pagepath TD A, TABLE.pagepath TD A:visited {
	color: #416EBB;
}

DIV.tabs2 TABLE.tabs TD {
	white-space: nowrap;
}
DIV.tabs2 TABLE.tabs TD {
	border-bottom: 1px solid #98A84F;
	border-bottom: none; /*1px solid #CC6600;*/
}
TABLE.pagepathline TR.taburlsrow TD.empty {
	width: 99%;
	border-bottom: 1px solid #98A84F;
}
TABLE.pagepathline TR.taburlsrow TD.taburls {
	width: 1%;
}
TABLE.pagepathline TR.taburlsrow TD.taburls {
	padding-top: 10px;
}

INPUT, TEXTAREA, SELECT{
	color: #495819;
	background: #F7FDE3;
	border: 1px solid #98A84F;
}
INPUT.btn {
	_color: #e8efFF;
	color: black;
	background: #D4EC7E;
	border: 1px solid #98A84F;
}

INPUT.imgbtn {
	border: 0px;
}

/* lists */
TABLE.list {
	width: 99%;
	border: 1px solid #98A84F;
	border-collapse: collapse;
}
TABLE.list.single {
	width: 0px;
}
TABLE.list TH {
	border: 1px solid #98A84F;
	background: #E8F8AF;
}
TABLE.list TH.selected {
	background: #E8F8AF;
	color: red;
	font-weight: bold;
}
TABLE.list TD {
	border: 1px solid #98A84F;
	background: #F7FDE3;
}
TABLE.list TD.disabled {
	background: #e8e8e8;
}
TABLE.list TR.selected TD {
	background: #e3e4e8;
}
TABLE.list TR.input TD {
	background: #FFFFFF;
	text-align: center;
}
TABLE.list TR.input TD.selected {
	background: #F3F4F8;
}
TABLE.list TR.selected TD.selected {
	color: red;
	font-weight: bold;
}

INPUT.list {
	background: #FFFFFF;
	border: 1px solid #6B96D5;
	text-align:center;
}

/* data */
TABLE.data TH {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	color: black;
	padding-right: 10px;
}

TABLE.data TH.selected {
	font-weight: bold;
}

TABLE.contentadd TD {
	text-align: left;
}

/* simplelist */
TABLE.simplelist {
}

TABLE.simplelist TH {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	background: #E2E9F3;
	padding: 3px 2px;
}
TABLE.simplelist TH.title {
	font-size: 1.2em; 
	margin-left:10px;
	padding: 5px 5px 5px 5px;
}

TABLE.simplelist TD{
	padding: 3px 3px;
}

/* headersec */
TABLE.headersec {
	width: 100%;
	border-bottom: 1px dotted black;	
	padding: 0px 0px 3px 0px;
	margin: 10px 0px 5px 0px;
}
TABLE.headersec TD {
	vertical-align: bottom;
	white-space: nowrap;
}
TABLE.headersec TD.text {
	width: 99%;
	font-size: 140%;
	font-weight: bold;
    color: black;
}
TABLE.headersec TD.text2 {
	width: 99%;
	font-size: 120%;
	font-weight: bold;
    color: black;
}
TABLE.headersec TD.buttons {
	text-align: right;
}

TABLE.headersectable TD {
	vertical-align: middle;
}
DIV.headersec{
	margin: 0 0 0 10px;
}

/* headersect */
TABLE.headersect {
	border-bottom: 1px dotted black;	
	padding: 0px 0px 3px 0px;
	margin: 10px 0px 5px 0px;
}
TABLE.headersect TD {
	vertical-align: bottom;
	white-space: nowrap;
}
TABLE.headersect TD.text {
	width: 90%;
	font-size: 140%;
	font-weight: bold;
    color: black;
}
TABLE.headersect TD.text2 {
	width: 99%;
	font-size: 120%;
	font-weight: bold;
    color: black;
}
TABLE.headersect TD.buttons {
	text-align: right;
}

DIV.headersect{
	margin: 0 0 0 10px;
}

/* progress */
SPAN.progress SPAN IMG {
	border: 1px solid #416EBB;
}
SPAN.progress SPAN.fill IMG {
	background: #A4BADE;
	border-right: none;
}
SPAN.progress SPAN.empty IMG {
	border-left: none;
}

SPAN.invalidlic {
	color: red;
}

SPAN.disclaimer {
	color:grey;
	font-size:smaller;
}


/* ----------------------------------------------------- calendar */
.calButton {
	font-family: Verdana;
	cursor: hand;
	color: Navy;
	font-weight: bold;
	background: #F6F7FF;
	border: 1 solid #477103;
	text-decoration: none;
}
.tableCal {font-family:Verdana; font-size:11; color:navy; font-weight:normal; background:white; }
.tableCalHeader {
	font-family: Verdana;
	font-size: 11;
	color: Navy;
	font-weight: bold;
	text-align: center;
	padding: 5 5 5 5;
	background: #E5E5F9;
}
.tableCalRow {text-align:center; padding:5 5 5 5; background:#ffffff; }
.tableCalDay {
	background: #E5E5F9;
}
.tableCalDaySel {
	background: #F8F9BD;
	border: 1px solid Navy;
}
.tableCalLabel {font-family:Verdana; font-size:12; color:#990000; font-weight:bold;
 }
 .tableCalLabel:visited { color:#990000;  }
.tableCalLink {
	color: Navy;
	font-weight: normal;
	text-decoration: underline;
}
.tableCalLink:visited {
	color: Navy;
	font-weight: normal;
	text-decoration: underline;
}
.tableCalLinkBold {
	color: Blue;
	font-weight: bold;
	text-decoration: underline;
}
.tableCalLinkWeek {
	color: #6A5ACD;
	font-weight: bold;
	text-decoration: underline;
}
.tableCalLinkWeek:visited {
	color: #6A5ACD;
	font-weight: bold;
	text-decoration: underline;
}
.tdCalRight {
	border-left : 1px solid Gray;
}
.calSmall {
	font-size: smaller;
	color: Gray;
	border-bottom: 1px solid Gray;
}
.calNavLink {
	color: Navy;
	text-decoration: none;
	font-weight: bolder;
}
.calNavLink:visited {
	color: Navy;
}
.calModuleLink {
	color: Navy;
	text-decoration: none;
	font-weight: bolder;
	background-color: #E5E5F9;
}
.calModuleLink:visited {
	color: Navy;
}
.calModuleLink:hover {
	text-decoration: underline;
}

////////////// new \\\\\\\\\\\\\\\
body{
	margin:0; padding:0;
	}
#left {
	float:left;
	width:160px;
	margin:0; padding:0;
	}
#navidiv{
	background-color: #CDE7AC;
	width:	100%;
	}
#right {
		float:right;
		width:235px;
		margin:0; padding:0;
}
#middle {
		margin:0 235px 0 160px;
}
.column {
	margin-left: 5px;
	margin:0 5px 0 5px; 
	padding:0 2px;
}
.column_top {
	margin: 0px 0px 4px 0px;
	padding:1em;
	height: 3em;
	vertical-align: middle;
}
.right {
	background: #D4EFFC;
}
.right_selected {
	background: #00A0E4;
}
.main {
	background: #CDE7AC;
}
.menu {
	background: #CDE7AC;
	padding:1em;
	margin-left: 5px;
	color: #FFFFFF;
}
.right_title{
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
   display: inline;
}
.itemlist{
	padding:3px; 
	line-height: 2em;
}

/* CSS headersec */
.hheader {
	margin: 0 0 10px 0;
	text-align: left;
	height: 30px;
	border-bottom: 1px dotted #996666;	
}
.htext {
	margin: 5px 0 0 0;
	font-size: 1.4em;
	font-weight: bold;
    color: #CC6600;
    float: left;
}
.hbuttons {
	margin: 7px 0 0 0;
    float: right;
}

/* CSS headersec */
.ttitle {
	font-size: 1.1em; 
	font-weight: bold;
}

A.btn, A.btn:visited { 
	text-decoration: none;
    color: black;
}