/**
 * layout div's
 */

#header {
	position: relative;
	background: url(hsl_banner.jpg) no-repeat top right;	
	margin: 0 auto 2px auto;
	width: 100%;
}

#info {
	position: relative;
	margin: 0 auto 10px auto;
	width: 100%;
	text-align: left;
	height: 25px;
}

#infologin {
	display: inline;
	float: right;
	height: 25px;
	font: 12px;
}

#info P {
	text-align: right;
	float: right;
}

INPUT.login {
	background-image: url(hsl_l_inp_bg.gif);
	border: 0px;
	height: 25px;
	text-align: left;
	vertical-align: middle;
	font: 1em;
}

#footer {
	position: relative;
	border-top: 1px solid #d0d0d0;
	margin: 10px -1px auto 0;
	width: 100%;
   clear: both;
}

#footer P {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 8px;
	text-align: center;
	color: #d0d0d0;
}

/**
 * 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;
	padding: 1;
}

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

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

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: #053562;
}
h2.list { 
	padding-left: 3em;
}
h2.title { 
    color: black;
}
h3.title { 
    color: black;
    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: #053562;
	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;
	padding-right: 5;
	text-align: right;
}
TABLE.cs TD.imgresult {
	text-align: center;
}
TABLE.cs TD.time {
	font-size: smaller;
	padding-left: 10;
	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: none;
}
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 {
	1border: 1px solid black;
	font-weight: bold;
}
TABLE.banner A, TABLE.banner A:visited {
	color: black; /*#212639;*/
	text-decoration: none;
	font-size: large;
}
TABLE.banner TD.name {
	padding: 10px;
}


/* 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: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-family: Tahoma;
}
TABLE.tabs A:hover {
	color: #C8DFFF;
}
TABLE.tabs TD.tabspace {
	width: 1px;
}
TABLE.tabs TD.tabselected A, TABLE.tabs TD.tabselected A:visited {
	color: #3E72C5;
}
TABLE.tabs TD {
	border-bottom: 1px solid #4E81CB;
}
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 {
	width: 99%;
}


/* navibar */

TD.navibar {
	width: 130px;
	padding: 15px 15px 0px 15px;
	margin: 0px;
	background: url(hsl_menu_bg.jpg) no-repeat bottom;	
	background-color: #CDE7AC;
	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 {
//	color: black;
}

/* 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: #CDE7AC;
	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: #CDE7AC;
	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: none; /*1px solid #CC6600;*/
}
TABLE.pagepathline TR.taburlsrow TD.empty {
	width: 99%;
	border-bottom: 1px solid #4E81CB;
}
TABLE.pagepathline TR.taburlsrow TD.taburls {
	width: 1%;
}
TABLE.pagepathline TR.taburlsrow TD.taburls {
	padding-top: 10px;
}

INPUT, TEXTAREA, SELECT{
	color: #214E9B;
	background: #e8efFF;
	border: 1px solid #214E9B;
}
INPUT.btn {
	_color: #e8efFF;
	color: white;
	background: #6B96D5;
	border: 1px solid #214E9B;
}

/* lists */
TABLE.list {
	width: 99%;
}
TABLE.list.single {
	width: 0px;
}
TABLE.list TH {
	background: #E2E9F3;
}
TABLE.list TH.selected {
	background: #E2E9F3;
	color: red;
	font-weight: bold;
}
TABLE.list TD {
	background: #F3F4F8;
}
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: #416EBB;
	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 #996666;	
	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: #416EBB;
}
TABLE.headersec TD.buttons {
	text-align: right;
}

TABLE.headersectable TD {
	vertical-align: middle;
}

/* 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;
	1font-style: italic;
}


/* ----------------------------------------------------- calendar */
.calButton {
	font-family: Verdana;
	cursor: hand;
	font-size: 10;
	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: #416EBB;
    float: left;
}
.hbuttons {
	margin: 7px 0 0 0;
    float: right;
}

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

/* login */
.tik_text {
	background: url(tick_text.jpg) no-repeat top left;
	padding-left: 25px;
}
.table_center_bg {
	background: url(table_center_bg.jpg) repeat top left;
	padding-top:5px;
	padding-left: 30px;
	padding-right: 35px;
}
.table_center_link {
	background: url(table_center_bg.jpg) repeat top left;
	padding-top:5px;
	padding-right: 25px;
	text-align: right;
}
.table_center_bg P {
	padding-bottom: 5px;
	font-weight: normal;
	font-size: 12px;
	color: #000fff;
}
.table_center_bg A {
	color: #000fff;
}
.table_center_bottom {
	background: url(table_center_new_bg.jpg) repeat top left;
	padding-top:5px;
	padding-left: 35px;
	padding-right: 35px;
}
.table_center_bottom P {
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}
A.table_center_bottom_link:link, , A.table_center_bottom_link:visited
 {
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
.table_right_bg {
	background: url(table_right_bg.jpg) repeat top left;
	padding-top:0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 11px;
}
.table_right {
	font-size: 11px;
}
.table_right_link {
	padding-bottom: 5px;
	font-size: 11px;
	color: #000000;
	text-decoration:none;
}
.siteCredit{
	font-size: 12px;
	color:#ffffff;
	font-weight: bold;
	padding: 30px 0px 0px 2px;
}
.siteCredit2{
	font-size: 13px;
	color:#ffffff;
	font-weight: bold;
	padding: 30px 0px 0px 0px;
}
.siteCredit3{
	padding: 0px 0px 0px 0px;
}
.siteFooter{
	height:65px;
	width:100%;
	background:url(harcourt_logo_bg.jpg) top ;
}
A.site_link:link, , A.site_link:visited  {
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	text-decoration:none;
}
.siteLogo{
	height:65px;
	width:100%;
	background:url(harcourt_logo.jpg) top;
	padding: 0px 0px 0px 0px;
}
INPUT.logininpt {
	color: #000000;
	background: #ffffff;
	border: 2px solid #8CC919;
	width:130px;
	padding: 0px 0px 0px 0px;
}
INPUT.loginbtn {
	color: white;
	background: #8CC919;
	border: 2px solid #8CC919;
}
.footerdiv{
   clear: both;
}