body {
 font-family: verdana, sans-serif;
 font-size: 11px;
 background: #FFFFFF;
 background-image: url(bg.png);
 background-repeat: repeat-x;
 color: #272727;
 margin: 0 auto;
}

img { 
 border: none; 
 margin: 0px;
}

a:link {
 font-size: 11px;
 color: #BB3100;
 text-decoration: none;
}

a:active {
 font-size: 11px;
 color: #BB3100;
 text-decoration: none;
}

a:visited {
 font-size: 11px;
 color: #BB3100;
 text-decoration: none;
}

a:hover {
 color: #861E1E;
}

.td {
 text-align: right;
}

/*panel logowania */

#logowanie {
 background-image: url(log.png);
 height: 374px;
 width: 484px;
 margin-top: 100px;
 position: relative;
}

#logo {
 background-image: url(logo.png);
 height: 155px;
 width: 166px;
 margin: 0 auto;
}

.title {
 font-size: 150%;
 font-weight: bold;
 padding-bottom: 3px;
 color: #272727;
 letter-spacing: 1px;
 text-align: left;
}

.subtitle {
 font-weight: bold;
 color: #272727;
 height: 10px;
}

/* przyciski */

.but {
 position: absolute;
 top: 269px;
 right: 10px;
 padding: 10px;
}

.dalej a {
 display: block;
 width: 68px;
 height: 67px;
 background: url(dalej.png) 0 0 no-repeat;
}

.dalej a:hover {
 background-position: 0 -67px;
}

/* panele */


#wyloguj { 
 border: 1px;
 border-color: #BFBFBF;
 border-style: dotted;
 background-color: #E5E5E5;
 margin-right: 0px;
 padding: 10px;
 font-size: 90%;
 margin-left: 30px;
 float: left;
}

#wyloguj_tab {
 margin-top: 10px;
 margin-right: 10px;
}

.logout {
 font-size: 90%;
 border: 1px;
 border-color: #BFBFBF;
 border-style: dotted;
 background-color: #F5F5F5;
 padding: 9px;
 font-weight: bold;
 margin: 0px;
}


#panel_info {
 background-image: url(panel_info.png);
 height: 205px;
 width: 341px;
 padding-bottom: 30px;
}

#panel_info_left {
 width: 100px;
}


.td_head {
 vertical-align: top;
}

#panel_freq {
 background-image: url(panel_freq.png);
 height: 200px;
 width: 340px;
 padding-left: 30px;
 padding-right: 20px;
 padding-top: 10px;
 padding-bottom: 20px;
}

#td_freq { height: 60px; } 

.hours { 
 padding-left: 15px; 
 padding-right: 15px;
 text-align: center;
}

.hours_total { 
 background-color: #FFECA5; 
 padding: 2px; 
 padding-left: 15px;
 padding-right: 15px;
 text-align: center;
 font-weight: bold;
}

.school_year {
 font-weight: bold;
 color: #BB3100;
}

.semestr {
 font-weight: bold;
 color: #BB3100;
 font-size: 90%;
 vertical-align: top;
 text-align: center;
}

/* panel ocen */
 
.Marks_top {
 background-image: url(oceny_top.png);
 height: 84px;
 width: 700px;
 padding-top: 15px;
 padding-left: 30px;
 padding-bottom: 20px;
}

.Marks_middle {
 background-image: url(oceny_middle.png);
 background-repeat: repeat-y;
 width: 700px;
 padding-top: 10px;
 padding-bottom: 20px;
}

.Marks_bottom {
 background-image: url(oceny_bottom.png);
 height: 30px;
 width: 700px;
 padding-top: 10px;
 padding-bottom: 20px;
}
 
.MarksList { padding-left: 20px; padding-right: 30px; }
.MarksName { font-weight: bold; }
.Marks { width: 260px; padding-left: 10px; }
.Marks1 { }
.Marks2 { background-color: #FFFCF3; }
.MarksEnd1a { background-color: #FFF7DB; padding: 4px; }
.MarksEnd1b { background-color: #F6DFCB; padding: 4px; font-weight: bold;}
.MarksEnd2a { background-color: #FFECA5; padding: 4px; }
.MarksEnd2b { background-color: #E39F66; padding: 4px; font-weight: bold;}


#explan_tab { 
 border: 1px;
 border-color: #E5E5E5;
 border-style: dotted;
 background-color: #F8F8F8;
 margin: 20px;
 padding: 10px;
 font-size: 90%;
 margin-left: 30px;
}

.ex_td { padding-left: 30px;}

/* panel uwag */

.remark {
 padding-left: 30px;
 padding-right: 30px;
 padding-bottom: 30px;
 vertical-align: top;
}

#remark_positive {
 list-style-image: url(positive.gif);
 list-style-position: outside;
}

#remark_negative {
 list-style-image: url(negative.gif);
 list-style-position: outside;
}

/* input */

input {
margin: 2px;
padding: 2px 2px 2px 2px;
background-color: #FFFFFF;
border: 1px solid #FCB400;
font-size: 12px;
color: #4D4D4D;
}

input:focus {
margin: 2px;
padding: 2px 2px 2px 2px;
background-color: #FFFFFF;
border: 2px solid #FCB400;
font-size: 12px;
color: #4D4D4D;
}

select {
margin: 2px;
padding: 2px 2px 2px 2px;
background-color: #FFFFFF;
border: 1px solid #FCB400;
font-size: 12px;
color: #4D4D4D;
}

select:focus {
margin: 2px;
padding: 2px 2px 2px 2px;
background-color: #FFFFFF;
border: 2px solid #FCB400;
font-size: 12px;
color: #4D4D4D;
}

.inputb {
margin: 2px;
padding: 2px 2px 2px 2px;
width: 40px;
background-color: #FFFFFF;
border: 1px solid #FCB400;
font-size: 12px;
color: #4D4D4D;

}

.inputb:focus {
margin: 2px;
padding: 2px 2px 2px 2px;
width: 40px;
background-color: #FFFFFF;
border: 2px solid #FCB400;
font-size: 12px;
color: #4D4D4D;
}


/* foot */

#foot {
 text-align: center;
 padding-bottom: 30px;
}