html, body { 
margin: 0; 
padding: 0; 
height: 100%; 
} 
div
{
  font-family: Tahoma, sans-serif;
  font-size: 13px;
  line-height: 24px;
  color: RGB(102,102,102);
}
	/*GS edit */
#blue, span.blue
{
  color: RGB(12,149,201);
}
#red, span.red
{
  color: RGB(214,55,61);
}
#green, span.green
{
  color: #008000;
}
span.small
{
 font-size: 11px; 
}
#small
{
    font-size: 11px;
    margin-left: 30px;
}	
#container{

    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
#container_to_foot
{
     padding-bottom: 80px;
}

input, textarea
{
  font-size: 14px;
  border: 1px dotted;
  border-color: RGB(12,149,201);
  margin-left: 5px;
  padding: 5px;
  background: RGB(999,999,999);
}

input:hover, textarea:hover, select:hover
{
    border: 1px solid;
    border-color: RGB(12,149,201);   
}
                       
select
{
  font-size: 14px;
  border: 1px dotted;
  border-color: RGB(12,149,201);
  margin-left: 5px;
  padding: 5px;
  background: none;
}

select.small
{
  font-size: 11px;
  font-family: Tahoma;
  border: 1px dotted;
  border-color: RGB(12,149,201);
  margin-left: 5px;
  padding: 6px;
  background: none;
}

select.tiny
{
  font-size: 11px;
  font-family: Tahoma;
  border: 1px dotted;
  border-color: RGB(12,149,201);
  margin-left: 3px;
  padding: 1px;
  background: none;
}

#button
{
  font-weight: bold;
  border: 1px solid;
  border-color: RGB(0,0,0);
  color: RGB(12,149,201);
  padding: 5px 10px 5px 10px;
}
	/*GS edit */
#head
{
height:194px;
width: 100%;
text-align: center;  
background: #000000 url(layout_img/11.gif) top center; 
}

div.in_head
{
background: #ffffff;  
width: 980px;
margin: 0 auto;
padding: 0;
text-align: left;
position:relative;
height:194px;
z-index:1;
}

#in_head2
{
background: none;  
width: 980px;
height: 30px;
margin: 0 auto;
padding: 0px;
text-align: left;
position:relative;
}

#menu
{
height:60px;
width: 100%;
text-align: left;  
background: #000000 url(layout_img/32.gif) top center; 
} 

#menu2
{
height:46px;
width: 100%;
text-align: center;  
background: #000000 url(layout_img/43.gif) top center; 
}

#menu3
{
height:27px;
width: 100%;
text-align: center;  
border-color: RGB(0,0,0);
border-bottom: dotted 1px;
padding: 10px 0px 0px 0px;
}

#content
{
width: 100%;
text-align: center;  
background: none;
margin-bottom: 25px;
}

#in_content
{
background: none;  
width: 980px;
margin: 0 auto;
padding: 15px 5px 10px 5px;
text-align: justify;
position:relative;
}

#left
{
 width:750px;
 background: none;
}

#right_img
{
 width:180px;
 height:180px;
 margin-right:0px;
 float:right;
 text-align: right; 
 background: none; 
}

#left2
{
 width:850px;
 background: none;
}

#right_img2
{
 width:100px;
 margin-right:0px;
 float:right;
 text-align: center; 
 background: none; 
}

#foot
{
position: absolute;
bottom: 0 ;
bottom: 0px;
height: 100px;
width: 100%;
text-align: center;  
background: RGB(70,79,84);
border-top: solid 3px;
border-color: RGB(231,120,68);
line-height: 0px;
}

#in_foot
{
background: none;  
width: 980px;
height:90px;
padding-top: 30px;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
font-size: 11px;
color: #ffffff;
line-height: normal;
}  
a
{
  color: RGB(12,149,201);
text-decoration: underline;
}

a:hover
{
  text-decoration: none;
}

a:link.logout, a:visited.logout
{
  font-size: 12px;
  color: #ffffff; 
  font-weight: bold; 
}

a:link.mainmenu, a:visited.mainmenu, div.mainmenu
{
  font-size: 20px;
  color: #ffffff; 
  font-weight: normal; 
  text-decoration:none;
  margin-right: 10px;
  margin-left:10px;
  height:60px;
  padding-top:14px;
  padding-bottom:22px;
  padding-left:5px;
  padding-right:5px;
}

a:hover.mainmenu
{
  color: RGB(231,120,68);
}

a:link.mainmenu_, a:visited.mainmenu_
{
  font-size: 20px;
  color: #ffffff; 
  font-weight: bold; 
  text-decoration:none;
}
a:hover.mainmenu_
{
  color: RGB(70,79,84);
}
a:link.submenu, a:visited.submenu
{
  font-size: 11px;
  color: RGB(70,79,84); 
  font-weight: normal; 
  text-decoration:none;
  margin-right: 6px;
}
a:hover.submenu
{
  text-decoration: underline;
}
a:link.submenu2, a:visited.submenu2
{
  font-size: 12px;
  color: RGB(12,149,201); 
  font-weight: bold; 
  text-decoration:none;
  padding: 0px 20px 0px 0px;
}
a:hover.submenu2
{
  text-decoration: none;
  color:RGB(225,86,21);
}
p
{
  color: RGB(70,79,84); 
  /*color: RGB(12,149,201); */
}
p.title
{
  font-size: 14px;
  font-weight: bold;     
}

p.titleupper
{
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;    
}

p.small
{
  margin-top: -12px;
  font-size: 11px;
}

p.standard_txt
{
  font-size: 13px;
  line-height: 24px;
  text-align: justify;
}

p.standard_txt_line
{
  font-size: 13px;
  line-height: 24px;
  text-align: justify;
  border-bottom: 1px dotted;
  border-color: RGB(70,79,84);
  padding-bottom: 15px;
}

p.warning_txt, div.komunikat
{
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: RGB(214,55,61);
  color: RGB(214,55,61);  
}

p.warning_txt_examlist
{
    font-size: 11px;
    line-height: 14px;
    padding-bottom:4px;
    margin-top: 5px;
    text-align: center;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: RGB(214,55,61);
    color: RGB(214,55,61);      
}

p.warning_txt_examlist2
{
    font-size: 10px;
    line-height: 12px;
    padding-bottom:2px;
    margin-top: 3px;
    text-align: center;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: RGB(214,55,61);
    color: RGB(214,55,61);      
}

p.confirm_txt
{
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: RGB(142,151,58);
  color: RGB(142,151,58);
}

p.info_txt
{
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: RGB(12,149,201);
  color: RGB(12,149,201);
}

p.right_exam_tbl
{
    text-align: right;
    margin-right: 5px;
    padding-top: 5px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 11px;
    border-top: dotted 1px;
    border-color: RGB(70,79,84);
}

div.small_tabl
{
    width:800px;
    height:30px;
    border-bottom: 1px dotted;
    border-left: 1px dotted;
    border-right: 1px dotted;
    padding-left: 10px;
    margin-top: 5px;
}

#show_lnk
{
    cursor:pointer;
    cursor:hand;
}

div.exm_tbl_icon
{
    float:left;
    padding-right: 4px;
}

hr
{
width:100%;
border: none;
float: left;
height: 1px;
color: RGB(70,79,84); 
}
/*TABLES */

#exam_state0
{
    background:#fff;
}
#exam_state2
{
    background:RGB(171,217,233);
}
#exam_state5
{
    background:RGB(198,211,96);
}
#exam_state6
{
    background:RGB(254,238,0);
}
#exam_state_late
{
    background:RGB(250,128,133);
}

table
{
width:100%;
}
tr.head, table.logowanie
{ 
  background: RGB(70,79,84);
  color: #ffffff;
  font-weight: bold;
  font-size: 13px;
}
td.head, table.logowanie
{
  background: RGB(70,79,84);
  padding: 10px 5px 10px 5px;
}
tr.row, table.logowanie
{
  background: none;
  font-weight: normal;
  color: RGB(70,79,84);
  font-size: 13px;
}
tr.row_highlight:hover
{
  background: none;
  font-weight: normal;
  color: RGB(70,79,84);
  background-color: #FFFFC0;
}
td.row_cell, table.logowanie
{
  background: none;
  padding: 5px 0px 5px 5px;
  border-color: RGB(70,79,84);
  border-left: dotted 1px;
  border-bottom: dotted 1px;
}
td.row_cell_centered
{
  background: none;
  padding: 5px 0px 5px 5px;
  border-color: RGB(70,79,84);
  border-left: dotted 1px;
  border-bottom: dotted 1px;
  text-align: center;
}
td.row_cell_small
{
  background: none;
  padding: 5px 0px 5px 5px;
  border-color: RGB(70,79,84);
  border-left: dotted 1px;
  border-bottom: dotted 1px;
  font-size: 10px; 
  line-height: 14px;
  text-align:left;
}
td.row_cell_small_centered
{
  background: none;
  padding: 5px 0px 5px 5px;
  border-color: RGB(70,79,84);
  border-left: dotted 1px;
  border-bottom: dotted 1px;
  font-size: 10px; 
  line-height: 14px;
  text-align: center;
}
/*Dodane przez Macieja Olejnika - wyciągnięte z kodu*/
table.logowanie{
	width:300px;
	margin:auto;
	border: 1px solid RGB(70,79,84);
}
table.logowanie tr.head th{
	font-size:16px;
}
table.logowanie td input{
	width:150px;
}
table.logowanie th{
	font-size:14px;
}
table.logowanie tr th.button, table.formularz_pionowy tr th.button{
	text-align:center;
	font-family: Tahoma;
	font-size: 13px;
	line-height: 24px;
}
table.formularz_pionowy th{
	text-align:right;
	font-size:14px;
	width:250px;
	text-align:right;
	vertical-align:top;
}
table.lista th{
	text-align:left;
	font-size:14px;
	background-color: #efefef;
	
}

#in_head div.header_img1{
    background-color: #006088; 
	width: 275px; 
	height: 194px; 
	float: left; 
	margin: 0px; 
	padding: 0px;
	background-image:url(layout_img/23.gif);
}
#formularz_wyszukiwania{
	width:100%;
	border:1px solid black;
	background-color:#efefef;
	padding:5px;
}
td.info{
	border:1px solid black;
	background-color:#eeeeee;
	padding:5px;
	width:100%;
}
table.lista_egzaminow{
	font-size: 12px;
	border:0px; 
	width:100%;
}
table.lista_egzaminow tr td.head{
	color:white;
}
table.lista_egzaminow th{
	color:white;
	background-color: rgb(0, 61, 98);
	height:40px;
}
div.error{
	background-color: yellow;
	border: solid 2px;
	border-color: #a5a600;
	padding: 5px;
}
div.info{
	background-color: green;
	border: solid 2px;
	border-color: #a5a600;
	padding: 5px;
}
#nawigacja_formularza{
	text-align:right;
	height:50px;
	background-image:url(img/tlo_nawigacji.png);
	padding:5px;
}
table.raport{
	font-size:10px;
	border:1px solid black;
}
/* tooltip */
a.tooltip_right
{
    position:relative; /*this is the key*/
}

a.tooltip_right:hover{z-index:25;}

a.tooltip_right span{display: none}

a.tooltip_right:hover span
{
    display:block;
    position:absolute;
    top:2em; 
    left:0em; 
    width:40em;
    border:1px solid RGB(54,50,28);
    background-color:RGB(255,243,158);
    color:RGB(54,50,28);
    text-align: justify;
    padding: 4px;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 16px;
 
}
a.tooltip_left
{
    position:relative; /*this is the key*/
}

a.tooltip_left:hover{z-index:25;}

a.tooltip_left span{display: none}

a.tooltip_left:hover span
{
    display:block;
    position:absolute;
    top:2em; 
    left:-41em; 
    width:40em;
    border:1px solid RGB(54,50,28);
    background-color:RGB(255,243,158);
    color:RGB(54,50,28);
    text-align: justify;
    padding: 4px;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 16px;
 
}

a.tooltip_top
{
    position:relative; /*this is the key*/
}

a.tooltip_top:hover{z-index:1;}

a.tooltip_top span{display: none}

a.tooltip_top:hover span
{
    display:block;
    position:absolute;
    top:-12.9em;
    left:-50em; 
    width:65em;
    border:1px solid RGB(54,50,28);
    background-color:RGB(255,243,158);
    color:RGB(54,50,28);
    text-align: justify;
    padding: 4px;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 16px;
}


/* sort arrows */
a.sort_down:hover, a.sort_down:visited, a.sort_down:link
{
	color:RGB(239,247,148);
	font-size: 16px;
	text-decoration:none;
	font-weight: bold; 
}
a.sort_up:hover, a.sort_up:visited, a.sort_up:link
{
	color:RGB(171,217,233);
	font-size: 16px;
	text-decoration:none;
	font-weight: bold; 
}
.chkbox
{
	border: none;
}

/* MENU  - left side*/
#sddm_left
{    
    margin: 0;
    padding: 0;
    z-index: 30;
}

#sddm_left li
{   
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 10px Tahoma;
}

#sddm_left li a
{   
    display: block;
    margin: 0;
    width: 120px;
    height: 60px;
    background: #000000 url(http://eecdl.pl/system/templates/layout_img/32.gif) top center;
    font-family: Verdana;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    #position: absolute;    
    #top: 50%;
    display: table-cell;
    #display:block;
    vertical-align: middle;
}

#sddm_left li a:hover
{
    background: RGB(113,202,232);
    color: RGB(72,81,85);
}

#sddm_left div
{   
    position: absolute;
    visibility: hidden;
    margin 0;
    padding-top: 5px;
    background: RGB(255,255,230);
    border: 1px solid RGB(104,108,111);
    border-top: none;
    width: 240px;
}
    
#sddm_left div a
{
    position: relative;
    display: block;
    padding-left: 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: RGB(255,255,230);
    color: RGB(72,81,85);
    font: 11px Verdana;
    height: 20px;
}

#sddm_left div a:hover
{    
    background: RGB(20,154,205);
    color: #FFFFFF;
    height: 20px;
}

/* menu right - profile */
#sddm_profile
{    
    margin: 0;
    padding: 0;
    z-index: 30;
}

#sddm_profile li
{   
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 10px Tahoma;
}

#sddm_profile li a
{   
    display: block;
    margin: 0;
    width: 79px;
    height: 60px;
    background: none;
    font-family: Verdana;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    #position: absolute;    
    #top: 50%;
    display: table-cell;
    #display:block;
    vertical-align: middle;
}

#sddm_profile li a:hover
{
    background: RGB(113,202,232);
    color: RGB(72,81,85);
}

#sddm_profile div
{   
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding-top: 5px;
    background: RGB(999,999,999);
    border: 1px solid RGB(104,108,111);
    border-top: none;
    width: 188px;
}
    
#sddm_profile div a
{
    position: relative;
    display: block;
    padding-left: 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: RGB(255,255,255);
    color: RGB(72,81,85);
    font: 11px Verdana;
    height: 20px;
}

#sddm_profile div a:hover
{    
    background: RGB(20,154,205);
    color: #FFFFFF;
    height: 20px;
}

/* menu right - tools */
#sddm_tools
{    
    margin: 0;
    padding: 0;
    z-index: 30;
}

#sddm_tools li
{   
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 10px Tahoma;
}

#sddm_tools li a
{   
    display: block;
    margin: 0;
    width: 110px;
    height: 60px;
    background: none;
    font-family: Verdana;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    #position: absolute;    
    #top: 50%;
    display: table-cell;
    #display:block;
    vertical-align: middle;
}

#sddm_tools li a:hover
{
    background: RGB(113,202,232);
    color: RGB(72,81,85);
}

#sddm_tools div
{   
    position: absolute;
    visibility: hidden;
    left: 791px;
    margin: 0;
    padding-top: 5px;
    background: RGB(999,999,999);
    border: 1px solid RGB(104,108,111);
    border-top: none;
    width: 188px;
}
    
#sddm_tools div a
{
    position: relative;
    display: block;
    padding-left: 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #FFFFFF;
    color: RGB(72,81,85);
    font: 11px Verdana;
    height: 20px;
}

#sddm_tools div a:hover
{    
    background: RGB(20,154,205);
    color: #FFFFFF;
    height: 20px;
}

/* foot menu*/
p.foot_menu
{
    color: RGB(999,999,999);
}

p.foot_menu a:link, p.foot_menu a:visited
{
    color: RGB(999,999,999);
    text-decoration: none;
}

p.foot_menu a:hover
{
    text-decoration: underline;
}

p.hlp
{
    text-align: right; 
    height: 55px; 
    margin-top:-10px;
    border-bottom: 1px dotted;
}

div.line
{
    clear:both;
    overflow:hidden;
}
div.left
{
    float:left;
}
div.right
{
    float:right;   
}

.div_table
{
    display: table;
}
.div_row
{
    display: table-row;
}
.div_cell
{
    display: table-cell;
    border-left: 1px dotted;
    border-bottom: 1px dotted;
    padding:5px 5px;
    text-align: center;
    background: none;
}
#hightlight_bck
{
    background: #FFFFC0;
}

/* NEW */
.text-center{text-align:center;}
.text-bold{font-weight: bold;}
.space{height: 10px;}
.summary{background-color: #D0D0D0; padding: 5px;}


div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 10px;
  font-size: 14px;
  font-weight: 200;
  z-index:9999;
}