a{ color: #0C5FBE; text-decoration: underline; }
a:hover{ color: #9FACDD; }
a:visited{ color: #287089; }
span.a{ cursor: pointer }

/* KOLORYSTYKA I UKLAD KARTY CIEMNEJ content0 */

{ background: #0F617F; margin-right: 0px; padding: 10px 0px 7px 7px; width: 99%; margin-bottom: 7px;}
 .content{  background: #F0F6FF; border: #D4E3ED 1px solid; padding: 6px; width: 98%; margin-top: 10px;}
 .content_left{  background: #F0F6FF; border: #D4E3ED 1px solid; padding: 6px; width: 60%; float: left; margin-top: 10px;}
 .content_right{ background: #F0F6FF; border: #D4E3ED 1px solid; padding: 6px; width: 35%; float: left; margin-top: 10px; margin-left: 7px; }

 h1{ color: #0C4F5E; font-size: 20px; line-height: 20px; margin: 0; margin-top: 12px; padding: 0; }
 h2{ color: #0C4F5E; font-size: 17px; line-height: 17px; margin: 0; margin-top: 10px; padding: 0; }
 h3{ color: #0C4F5E; font-size: 13px; line-height: 13px; margin: 0; margin-top: 10px; padding: 0; }
 h4{ color: #0C4F5E; font-size: 11px; line-height: 10px; margin: 0; margin-top: 10px; padding: 0; }
 fieldset{ background: #F4F3EF; border: #B2BEDD 1px solid; }
 legend{ background: #F1F3F4; border-bottom: none; border: #B2BEDD 1px solid; padding: 1px 5px 0px 5px; font-weight: bold; }
 input{ font-weight: bold; border: #A2AECD 1px solid; background: #FCFCFA; color: #0C5F7E; height: 16px; line-height: 16px; font-size: 12px; padding: 1px; }
 .error input{ font-weight: bold; border: #FF9E9D 1px solid; background: #FC9999; color: #0C5F7E; height: 16px; line-height: 16px; font-size: 12px; padding: 1px; }
 select{ font-weight: bold; border: #A2AECD 1px solid; background: #FCFCFA; color: #0C5F7E; height: 20px; font-size: 12px; }
 select.FormSelectMultiple { font-weight: bold; border: #A2AECD 1px solid; background: #FCFCFA; color: #0C5F7E; height: 100px; font-size: 12px; }
 .btn70{ background: transparent url(./images/btn70.gif) 0 0 no-repeat; height: 22px; width: 70px; display: block; font-size: 10px; border: none; cursor: pointer; color:#0C5F7E; font-weight:bold; line-height:16px; text-decoration: none;}
  a.btn70{ font-size: 12px; padding-top: 2px }
 .btn70:hover { background-position: -70px 0px;}
 .btn70:active { background-position: -140px 0px;}
 .btn60{ background: transparent url(./images/btn70.gif) 0 0 no-repeat; height: 22px; width: 60px; display: block; font-size: 10px; padding: 2px 5px; border: none; cursor: pointer; text-align: center}
 .btn60:hover { background-position: -70px 0px;}
 .btn60:active { background-position: -140px 0px;}
 

 .errormessage { background: #FFE3CF; margin: 10px; margin-right: 20px; border: #FF5555 1px solid; padding: 5px ; font-weight: bold }
 .kommessage { background: #E3FFCF; margin: 10px; margin-right: 20px; border: #55FF55 1px solid; padding: 5px ; font-weight: bold }
 .helpbox { background: #F0F6FF url(./images/ram_help.gif) 99% 0 no-repeat;  border: #7777CC 1px solid; padding: 5px}
 .options{  background: #F0F6FF; border: #D4E3ED 1px solid; padding: 6px; width: 98%; float: left; margin-top: 10px;}
 .options .topmenu_item{  background: #FFFFFF; padding: 5px; font-weight: bold; text-decoration: none; color: #000055; border: #0F617F 1px solid; margin-right: 5px}

.Tab1 {background: #FFFFFF; padding: 0; border-collapse: 0; border-spacing:0; border: #0C5F7E 1px solid; }
.Tab1 th{background-color: #D4E3ED;border-bottom: #0C5F7E1px solid;padding: 3px 4px 4px 4px;}
.Tab1 th a{text-decoration: none}
.Tab1 td{border-left: #EEEEFF 1px solid;padding: 2px 4px;}
.Tab1 td a{ text-decoration: none; color: #000000; }
.Tab1 td a:hover{ text-decoration: none; color: #1111FF;}
.Tab1 .title { font-size: 1.1em ; font-weight: bold ;padding: 1px 4px;}
.Tab1 .Row1 td{ background: #FFFFFF; }
.Tab1 .Row2 td{ background: #F5F5FF; }
.Tab1 .mark_red td{ background: #FFDDDD; }
.Tab1 .mark_very_red td{ background: #FF5555; }
.Tab1 .mark_grey td{ background: #AAAAAA; }

.FormTextArea{
width: 80%;
margin: 5px;
height: 80px;
}

.form_info{
}

.ajax_desc{
width: 200px;
padding-left: 7px;
padding-right: 7px;
}


.error{ background: red }
/* KOLORYSTYKA I UKLAD KARTY JASNEJ content1 */

#content1{ background: #F6F3EC url(./images/card_bgr.gif) 0 0 repeat-y; margin-right: 0px; padding: 10px 0px 7px 7px; width: 99%; }

#content1 .content{ background: #F8F6EF; border: #D4E3ED 1px solid; padding: 6px; width: 98%; float: left; margin-bottom: 7px;}
#content1 .content_left{  background: #F8F6EF; border: #D4E3ED 1px solid; padding: 6px; width: 60%; float: left; }
#content1 .content_right{ background: #F8F6EF; border: #D4E3ED 1px solid; padding: 6px; width: 35%; float: left; margin-left: 7px; }

#content1 h1{ color: #0C4F5E; font-size: 20px; line-height: 20px; margin: 0; margin-top: 12px; padding: 0; }
#content1 h2{ color: #0C4F5E; font-size: 17px; line-height: 17px; margin: 0; margin-top: 10px; padding: 0; }
#content1 h3{ color: #0C4F5E; font-size: 13px; line-height: 13px; margin: 0; margin-top: 10px; padding: 0; }
#content1 h4{ color: #0C4F5E; font-size: 11px; line-height: 10px; margin: 0; margin-top: 10px; padding: 0; }
#content1 fieldset{ background: #F4F3EF; border: #B2BEDD 1px solid; }
#content1 legend{ background: #F1F3F4; border-bottom: none; border: #B2BEDD 1px solid; padding: 1px 5px 0px 5px; font-weight: bold; }
#content1 input{ font-weight: bold; border: #A2AECD 1px solid; background: #FCFCFA; color: #0C5F7E; height: 16px; line-height: 16px; font-size: 12px; padding: 1px; }
#content1 select{ font-weight: bold; border: #A2AECD 1px solid; background: #FCFCFA; color: #0C5F7E; height: 20px; font-size: 12px; }
  #content1 select.FormSelectMultiple { font-weight: bold; border: #A2AECD 1px solid; background: #FCFCFA; color: #0C5F7E; height: 100px; font-size: 12px; }
  #content1 .error input{ font-weight: bold; border: #FF9E9D 1px solid; background: #FC9999; color: #0C5F7E; height: 16px; line-height: 16px; font-size: 12px; padding: 1px; }
  #content1 .btn70{ background: transparent url(./images/btn70.gif) 0 0 no-repeat; height: 22px; width: 70px; display: block; font-size: 10px; padding: 2px 5px; border: none; cursor: pointer}
  #content1 .btn70:hover { background-position: -70px 0px;}
  #content1 .btn70:active { background-position: -140px 0px;}
  #content1 .btn60{ background: transparent url(./images/btn70.gif) 0 0 no-repeat; height: 22px; width: 60px; display: block; font-size: 10px; padding: 2px 5px; border: none; cursor: pointer}
  #content1 .btn60:hover { background-position: -70px 0px;}
  #content1 .btn60:active { background-position: -140px 0px;}  
  
  #content1 .errormessage { background: #FFE3CF; margin: 10px; margin-right: 20px; border: #FF5555 1px solid; padding: 5px ; font-weight: bold }
  #content1 .kommessage { background: #E3FFCF; margin: 10px; margin-right: 20px; border: #55FF55 1px solid; padding: 5px ; font-weight: bold }

#content1 .helpbox { background: url(./images/ram_help_con.gif) 99% 0 no-repeat; }
#content1 .options{ background: #F8F6EF; border: #D4E3ED 1px solid; padding: 6px; width: 98%; float: left; margin-bottom: 7px;}
#content1 .options .topmenu_item{  background: #FFFFFF; padding: 5px; font-weight: bold; text-decoration: none; color: #000055; border: #0F617F 1px solid; margin-right: 5px}


/* Panel uzytkownikow */
table.user_select{ background: #F4F3EF; margin: 4px; border: #B2BEDD 1px solid }
table.user_select td{ background: #F4F3EF; padding: 2px; }
table.user_select th{ border-left: #777777 1px solid; text-align: left; padding-left: 4px; }
.usertab_box {height: 150px; width:323px; overflow: auto}
.filter_user{ height: 20px; border: #DDDDDD 3px solid; width: 291px; padding-right: 3px}
.filter_user input { width: 100%; background: #FFFFFF url(./images/szkukaj16.gif) 99% 0 no-repeat; };
.usertab .group_row td{ background: #ffffff; padding: 2px; border-bottom: #BBBBBB 1px solid; cursor: pointer; }
.usertab th{ background: #DDDDDD; padding: 0px; font-size: 11px; font-weight: bold; border-bottom: #BBBBBB 1px solid; cursor: pointer;}
.usertab .user_row td{ background: #ffffff; padding: 2px; border-bottom: #BBBBBB 1px solid;}

#dst_prow_list{ width: 150px; height: 165px; background: #FFFFFF url(./images/bgr_ster.gif) 50% 50% no-repeat;}
#dst_user_list{ width: 150px; height: 165px; background: #FFFFFF url(./images/bgr_user.gif) 50% 0 no-repeat;}
#dst_looker_list{ width: 150px; height: 165px; background: #FFFFFF url(./images/bgr_eye.jpg) 100% 0 no-repeat;}

/* paginacja */

.paginacja{ margin-top: 3px; margin-bottom: 3px; height: 16px; }
a.pageno{ margin: 0px 3px; padding: 1px 3px; width: 20px; background: #FFFFDC; border: #808080 1px solid; cursor: pointer; text-decoration: none; color: #000000;}
.pageno{ margin: 0px 3px; padding: 1px 3px; width: 20px; background: #FFFFDC; border: #808080 1px solid; cursor: pointer; text-decoration: none; color: #000000;}
.pageno_over{margin: 0px 3px; padding: 1px 3px; width: 20px; background: #FFFFFF; border: #202020 1px solid; cursor: pointer;}

/*  Okienk popup  */
.userinfo { cursor: help }
.Loading {  background: transparent url(./images/ramiel_loading.gif) 100% 0 no-repeat; width:118px; height: 94px; margin-left: auto; margin-right: auto; }
.PopBox{
   width: 300px;
   height: 240px;
   overflow: hidden;
   position: absolute;
   top: 50px;
   left: 50px;
   display: none;
   background: #EEEEEE;
   border: #466094 1px solid;
   z-index: 5000000;
 }
.close_btn{
float: right;
margin-top: 3px;
margin-right: 3px;
width: 16px;
height: 16px;
background: transparent url(./images/close.gif) 0 0 no-repeat;
font-size: 1px;
}

/* Okienko popup */

 * html .popboxinfo {width: 70%}
 * html .popboxinfohead {width: 70%}

.popboxinfo{
background: #E3EEFD;
border: #466094 1px solid;
border-top: #FFFFFF 1px solid;
}

.popboxinfo .popbox_opis{
background: #F3FEFD;
padding: 5px;
}

.popboxinfohead{
background: #D4E3ED;
padding: 2px;
height: 14px;
border: #466094 1px solid;
border-bottom: 0;
font-weight: bold;
}

.form_error{
font-weight: bold;
font-size: 12px;
color: #FF2222;
}

.Fdesc1{
display: block;
float: left;
width: 80px;
font-weight: bold;
line-height: 18px;
}

.Fdesc2{
display: block;
float: left;
width: 130px;
font-weight: bold;
line-height: 18px;
}

.gal1{
float: left;
background: #FFFFFF;
padding: 2px;
border: #555555 1px solid;
font-weight: bold;
}

#content1 fieldset.inactive , #content0 fieldset.inactive{
background: #BBBBBB;
}

#content1 fieldset.overloadable , #content0 fieldset.overloadable{
background: #FFAA55;
}

#loading{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0C5F7E url(./images/ramiel_loading.gif) 50% 50% no-repeat;
z-index: 777; 
}



.no_voted{
background: #FFCCCC url(./images/glosowanie.gif) 50% 50% no-repeat;
}

.voting_legend{
background: transparent url(./images/glosowanie_pion.gif) 0 50% no-repeat;
padding-left: 7px;
}

.no_voted2{
background: #FFDDDD url(./images/glosowanie_pion.gif) 0 50% no-repeat;
padding-left: 7px;
}

.voted2{
background: transparent url(./images/glosowanie_pion.gif) 0 50% no-repeat;
padding-left: 7px;
}

.delayed{ background: #FF0000 }


.Tab1 .sort_d{ background: #D4E3ED url(./images/sort_d.gif) 95% 100% no-repeat;}
.Tab1 .sort_d a{ text-decoration: underline }
.Tab1 .sort_a{ background: #D4E3ED url(./images/sort_a.gif) 95% 100% no-repeat; }
.Tab1 .sort_a a{ text-decoration: underline }


.TabColOn { cursor: pointer; float: left; background: #D4E3ED; margin: 4px;}
.TabColOff{ cursor: pointer; float: left; background: #A4B3AD; margin: 4px;}

.TabColOn .MoveColL , .TabColOff .MoveColL { float: left;  cursor: move; width: 10px; background: url(./images/col_l.gif) 50% 50% no-repeat; }
.TabColOn .MoveColR , .TabColOff .MoveColR { float: right; cursor: move; width: 10px; background: url(./images/col_r.gif) 50% 50% no-repeat; }


/*gfgfgf*/

div.DataGridCont {margin: auto; }
div.DataGridOuter{ padding: 2px 5px 5px 5px; }
table.DataGrid	{ background-color: #e3eefd; border:1px solid #466094; }
td.DataGridOptions { background-repeat: repeat-x; background-color: #bfc4cd;  border-bottom:1px solid white;border-top:1px solid white; text-align: center; line-height: 35px; font-size: 15px; color: #333; font-family: verdana; font-weight: bold}
.DataGrid td{padding-top: 2px;}

/* dataheader:  background-color: #e3eefd; background-image: url(../i/tlo2.jpg); background-repeat: repeat-x; */
tr.DataHeader td ,td.DataHeader	{ background-color: #E0E3E8; color: Black; font-weight: bold;  text-align: left; border-right: 1px solid #999999; border-bottom: 1px solid #CCCCCC; padding: 1px; padding-left: 2px; vertical-align: top} 
tr.DataRow1	td, td.DataRow1		{ background-color: #FFFFFF; font-weight: normal;  border-bottom: 1px solid #CDD4E3; padding-right: 4px;  border-right: 1px solid #EEEEEE;}
tr.DataRow2	td, td.DataRow2		{ background-color: #F3F3FF; font-weight: normal;  border-bottom: 1px solid #CDD4E3; padding-right: 4px;  border-right: 1px solid #EEEEEE;}
tr.DataGridSorting .DataHeader{ padding: 5px 3px 5px 3px}
tr.delayed td{ background: #FF9999 }


.DataHeader .TextBox{width: 100%;}
.DataHeader .empty{background-color: #E0E3E8;border: 0;border-right: 1px solid #999999;border-bottom: 1px solid #CCCCCC; }
.DataHeader .Button{font: 11px Verdana,Sans-Serif;border-left: solid 1px white; border-top: solid 1px white; border-right: solid 1px #7f9db9; border-bottom: solid 1px #7f9db9; width: 150px; font-weight: bold; width: 55px; margin-left: auto; margin-right: auto; }
.DataHeader .Button:active{width: 55px;}



/* Przestawianie rzedow */

.listbox{
background: #ffffff;
border: #0000BB 1px solid;
padding: 5px;
}

.ColSwitcher{
height: 30px;
background:#ECF2F9 url(./images/colswitch.png) 99% 0 no-repeat;
padding: 0px 5px 10px 5px;
margin: 4px;
border: #466094 1px solid;
}

select.select_rpp{
width: 50px;
margin-top: 7px;
}

.TM_Szukaj{
float:left;
width:25px; height:25px; border: 1px outset #FFFFFF; margin: 0px 3px; cursor: pointer; background-color: #FFFFEE;  
background: #FFFFEE url(./images/viewmag.png) 0 0 no-repeat;
}

.TopPopSearch{
position: absolute;
top: 0;
left: 40%;
right: auto;
height: 18px;
width: 263;
background: orange;
background: url(../i/TopPopBarSearch.gif) 0 0 no-repeat;
cursor: pointer;

}

/*  Wyszukiwanie zaawansowane */
.SHeader{ 200px;padding:3px 3px 8px 3px; font-weight:bold; color:#333333; cursor: pointer;}
.SearchAdvSplit{width: 100%;}
.STitle{font-weight: bold;}
.invertsel{ display:block; background: transparent url(./images/check_invert.gif) 50% 50%; width:20px; height: 17px }


.lista { padding: 0; padding-left: 3px; padding-right: 3px; background-color: #ffffff; border-bottom: 1px solid #f0f0f0; cursor: pointer; }

.kolizje{
background: #F5F5FF;
border-collapse: collapse;
text-align: center;
}

.kolizje td{
padding-left: 2px;
padding-right: 2px;
border: #000000 1px solid;
}

.kolizje_head{
background: #D4E3ED;

}
.kolizje_pion{
line-height: 12px;
}

.kasa_instrukcja{
text-align: center;
background: #99FF99;
margin: 10px;
margin-left: auto;
margin-right: auto;
width: 80%;
font-family: arial;
font-size: 18px;
font-weight: bold;
padding: 7px;
}

.kasa_uwagi{
text-align: left;
background: #FFFFFF;
border: #CCCCCC 1px solid;
margin: 3px;
margin-left: auto;
margin-right: auto;
width: 80%;
font-family: arial;
font-size: 12px;
padding: 7px;
}

.kasa_error{
text-align: center;
background: #FFFF99;
border: #FFCCCC 2px solid;
margin: 10px;
margin-left: auto;
margin-right: auto;
width: 80%;
font-family: arial;
font-size: 18px;
font-weight: bold;
padding: 7px;
}

.kasa_pesel{
text-align: center;
background: #FFEEEE;
border: #FFCCCC 1px solid;
margin: 5px;
margin-left: auto;
margin-right: auto;
width: 90%;
font-family: arial;
font-size: 28px;
font-weight: bold;
padding: 4px;
}

#dane_ok{
display: block;
margin: 15px;
margin-left: auto;
margin-right: auto;
width: 180px;
height: 35px;
background: #88FF88;
padding: 10px;
text-align: center;
font-family: arial;
font-size: 28px;
text-decoration: none;
color: #004400;
border: #555555 12px Groove;
}

#dane_ok:active span , #dane_ok:hover span{
border: #008800 3px dotted;
}


#dane_ok_nopesel{
display: block;
margin: 10px;
margin-left: auto;
margin-right: 10px;
width: 150px;
height: 20px;
background: #CCEE88;
padding: 10px;
text-align: center;
font-family: arial;
font-size: 14px;
text-decoration: none;
color: #444400;
}

#dane_ok_nopesel:active span , #dane_ok_nopesel:hover span{
border: #880000 3px dotted;
}

#dane_zle{
display: block;
margin: 10px;
margin-left: auto;
margin-right: 10px;
width: 80px;
height: 20px;
background: #FF8888;
padding: 10px;
text-align: center;
font-family: arial;
font-size: 14px;
text-decoration: none;
color: #444400;
}

#dane_zle:active span , #dane_zle:hover span{
border: #880000 3px dotted;
}

/********** LISTY COSPLAYOWE ***********/


.prezentacja{
border: #000000 2px solid;
margin-top: 10px;
page-break-before:auto;
page-break-after:auto;
page-break-inside: avoid;
}

.pres_nr{
page-break-before:avoid;
page-break-after:avoid;
color: #FFFFFF;
background: #000000;
float: left;
width: 60px;
height: 40px;
font-size: 30px;
line-height: 38px;
text-align: center;
font-family: arial;
}

.cos_name{
color: #FFFFFF;
background: #000000;
height: 20px;
font-size: 16px;
line-height: 14px;
font-family: arial;
font-weight: bold;
padding: 3px 3px 3px 10px;
page-break-before:avoid;
page-break-after:avoid;
}

.cos_header{
font-size: 11px;
border-bottom: #666666 1px solid;
page-break-before:avoid;
page-break-after:avoid;
}

.zapowiedz{
font-size: 24px;
padding: 5px 5px 5px 60px;
page-break-before:avoid;
page-break-after:avoid;
}

.scenopis{
font-size: 10px;
border-top: #666666 1px solid;
padding: 2px 2px 2px 5px;
page-break-before:avoid;
page-break-after:avoid;
}

.pres_nr_g{
color: #FFFFFF;
background: #000000;
float: left;
height: 40px;
font-size: 30px;
line-height: 38px;
text-align: center;
font-family: arial;
page-break-before:avoid;
page-break-after:avoid;
}

.cos_name_g{
color: #FFFFFF;
background: #000000;
height: 24px;
font-size: 24px;
line-height: 24px;
font-family: arial;
font-weight: bold;
padding: 3px 3px 3px 10px;
page-break-before:avoid;
page-break-after:avoid;
}

.cos_osoba{
border-collapse: collapse;
page-break-before:avoid;
page-break-after:avoid;
}

.cos_osoba_nr{
color: #FFFFFF;
background: #000000;
width: 40px;
height: 20px;
font-size: 16px;
line-height: 16px;
text-align: center;
font-family: arial;
font-weight: bold;
page-break-before:avoid;
page-break-after:avoid;
}

.cos_osoba_dane{
color: #FFFFFF;
background: #000000;
height: 20px;
font-size: 16px;
line-height: 16px;
font-family: arial;
font-weight: bold;
padding-right: 25px;
page-break-before:avoid;
page-break-after:avoid;
}

.cos_osoba_head{
border-bottom: #666666 1px solid;
page-break-before:avoid;
page-break-after:avoid;
}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


.img_jury{
float: left;
max-width: 300px;
max-height: 300px;
}

.opisy_jury{
border-collapse: collapse;
width: 100%;
}

.opisy_jury .head{
vertical-align: top;
width: 60px;
}
.opisy_jury td{
border: #000000 1px solid;
font-size: 12px;
padding: 2px;
}

.group_name{
color: #FFFFFF;
background: #000000;
width: 100%;
font-size: 16px;
line-height: 16px;
text-align: center;
font-family: arial;
font-weight: bold;
page-break-before:avoid;
page-break-after:avoid;
}

.komentarz .header{
font-size: 10px;
}

img.Icon25  { float: left; width:25px; height:25px; border: 1px outset #FFFFFF; margin: 0px 3px; cursor: pointer; background-color: #FFFFEE; }



/*przyciski */

.button{border: #7F9DB9 1px solid;padding: 3px 10px 2px 10px;cursor: pointer;}
.button_inline{border: #7F9DB9 1px solid;padding: 1px 10px 1px 10px;cursor: pointer;background: #E3EEFD url(../i/tlo2.jpg) 0 0 repeat-x;}

/* ########## PILECZKI, FLAGI ITP #########*/

.show_done{background: #FFFFDC url(../i/tlo_task_gear.png) 0 0 no-repeat;border: #777777 1px solid;margin: 10px;padding: 5px;padding-left: 35px;}
.show_done h3{margin: 3px 5px 8px 7px;}
.user_reads{ margin: 5px; border: #466094 1px solid; }
.user_reads th{ border: #999999 1px solid; background: #E0E3E8; padding: 3px; }
.user_reads td{ padding: 2px 5px; }
.reads_grey{ background: #E5E7EB; }
.user_reads .reads_aktualny{ background: #FFFFFF; }
.user_reads .reads_nieaktualny{ background: #FFFFBB;}
.user_reads .reads_nigdy{ background: #FFDDDD; }
.flag_looker{ background: #FFFFFF url(./images/looker.gif) 50% 50% no-repeat;; width: 15px; height: 15px; border: #22BB88 1px solid; }
.flag_user{ background: #CCFFCC url(./images/user.png) 50% 50% no-repeat;; width: 15px; height: 15px; border: #22BB88 1px solid; }
.flag_master{ background: #55FF55 url(./images/master.gif) 50% 50% no-repeat;; width: 15px; height: 15px; border: #22BB88 1px solid; }
.flag_owner{ background: #22BB88; width: 15px; height: 15px; border: #22BB88 1px solid;}
.no_ball{}
.pileczka{ background: transparent url(./images/ball.gif) 50% 50% no-repeat; width: 15px; height: 15px}
.with_ball{ background: #FFA5EF url(./images/ball_ramka18.gif) 50% 50% no-repeat;}
.ballbtn22{background: url(./images/ball_ramka_sel.png) 50% 50% no-repeat;width: 22px;height: 22px;float: left;margin: 2px;}
.ballbtn22_add{background: url(./images/ball_ramka_add.png) 50% 50% no-repeat;width: 22px;height: 22px;float: left;margin: 2px;}
.ballbtn22_rem{background: url(./images/ball_ramka_rem.png) 50% 50% no-repeat;width: 22px;height: 22px;float: left;margin: 2px;}
.user_reads .ball22{background: #DDDDDD url(./images/ball16.gif) 50% 50% no-repeat;}
.ballbtn22_ok{background: url(./images/ball_ramka_ok.png) 50% 50% no-repeat;width: 22px;height: 22px;float: left;margin: 2px;}
.ball_list{background: #FFA5EF url(./images/ball_ramka.gif) 50% 50% no-repeat;width: 16px;height: 16px;}
.BallLastCommandBtn{background: transparent url(./images/icons/update.png) 50% 50% no-repeat;cursor: pointer;}


/*  LISTA -  OZNACZANIE CZYTANIA */

.owner_access{ font-weight: bold; }
.normal_access{ font-weight: normal; }

tr.font_normal td{ font-weight: normal }
tr.font_new td{ font-weight: bold }
tr.font_mod td{ font-weight: bold;  font-style:italic;  }
tr.font_noread td{ font-weight: bold }

tr.font_new td a{ font-weight: bold }
tr.font_mod td a{ font-weight: bold; font-style:italic;  }
tr.font_noread td a{ font-weight: bold }

tr.bgr_timeout td , td.bgr_timeout{ background-color: #FFBBBB;}
tr.bgr_remind td , td.bgr_remind{ background-color: #FFDDAA;}
tr.bgr_complete td , td.bgr_complete{ background-color: #DDFFDD;}

/*  MARKERY */
.tm_markers{float: left;background: #FFFFFF;border: #979797 1px solid;border-left: 0;padding-left: 4px;}
tr.mark_marker1 td {background-image: url(../i/marker1.gif); background-repeat: repeat-x ;  background-position: 0 80%; }
tr.mark_marker2 td {background-image: url(../i/marker2.gif); background-repeat: repeat-x ;  background-position: 0 80%; }
tr.mark_marker3 td {background-image: url(../i/marker3.gif); background-repeat: repeat-x ;  background-position: 0 80%; }
tr.mark_marker10 td {background-image: url(../i/marker10.gif); background-repeat: repeat-x ;  background-position: 0 100%; }
tr.mark_marker11 td {background-image: url(../i/marker11.gif); background-repeat: repeat-x ;  background-position: 0 100%; }
tr.mark_marker13 td {background-image: url(../i/marker13.gif); background-repeat: repeat-x ;  background-position: 0 100%; }
tr.mark_marker20 td {background-image: url(../i/marker20.gif); background-repeat: repeat-x ;  background-position: 0 80%; }
tr.mark_marker21 td {background-image: url(../i/marker21.gif); background-repeat: repeat-x ;  background-position: 0 80%; }
tr.mark_marker22 td {background-image: url(../i/marker22.gif); background-repeat: repeat-x ;  background-position: 0 80%; }

tr.mark_marker31 td {background-image: url(../i/marker31.png); background-repeat: repeat-x ;  background-position: 0 100%; }
tr.mark_marker32 td {background-image: url(../i/marker32.png); background-repeat: repeat-x ;  background-position: 0 100%; }
tr.mark_marker33 td {background-image: url(../i/marker33.png); background-repeat: repeat-x ;  background-position: 0 100%; }
tr.mark_marker34 td {background-image: url(../i/marker34.png); background-repeat: repeat-x ;  background-position: 0 100%; }
tr.mark_marker35 td {background-image: url(../i/marker35.png); background-repeat: repeat-x ;  background-position: 0 100%; }
tr.mark_marker36 td {background-image: url(../i/marker36.png); background-repeat: repeat-x ;  background-position: 0 100%; }
tr.mark_marker37 td {background-image: url(../i/marker37.png); background-repeat: repeat-x ;  background-position: 0 100%; }
/* 254 zarezerwowane dla usunietego ! */
tr.mark_marker254 td { font-size: 9px; height: 7px; overflow: hidden; text-decoration: line-through; color: #999999; padding-top: 0; padding-bottom: 0;}
tr.mark_marker254 a { font-size: 9px; color: #999999}
.mark_complete td{background-color: #3DFF48;}
.inactive{  background-color: #9999FF; }
.inactive span{  background-color: #9999FF; }

.checkbox_were_selected{ background: #BBBBBB; }
.mark_mod .checkbox_were_selected{ background: #BBBBBB; }
.mark_new .checkbox_were_selected{ background: #BBBBBB; }
.mark_timeout .checkbox_were_selected{ background: #BBBBBB; }

.checkbox_were_selected_my{ background: #99FF99; }
.mark_mod .checkbox_were_selected_my{ background: #99FF99; }
.mark_new .checkbox_were_selected_my{ background: #99FF99; }
.mark_timeout .checkbox_were_selected_my{ background: #99FF99; }

.marker_btn{float: left;border: #000000 1px solid;margin-top: 5px;margin-right: 4px;width: 14px;height: 14px;}

/* -- */

/*  POPUP BOX */
.GeneralBox{ display: none; position: absolute;  width: 350px; height: 200px; z-index: 5000000; top: 150; left: 150;  padding: 5px; background: #E3EEFD; border: #466094 1px solid;}
.CloseBtn{ float: right; margin-top: 3px; margin-right: 3px; width: 16px; height: 16px; background: transparent url(./images/close.gif) 0 0 no-repeat; }

/*  Komentarze */
.notes li { display: block; list-style: none; border-left: #D1D3D4 1px dotted; border-top: #D1D3D4 1px dotted; background: #FDFDFF; padding: 3px; margin-top: 3px } /* wpis */
.notes li p { display:inline; margin 0; padding: 0 } /* tresc wpisu */
.notes li > span:first-child { position: relative; top: -3px; left: -4px; background: rgb(224,227,232); padding: 2px 5px 2px 1px; font-weight: bold; } /* naglowek  */
.notes li > span:first-child > span { font-size: 9px; text-align: right; margin-left: 7px; font-weight: normal; } /* godzina  */
.notes li span:first-child > span:first-child { font-size: 11px; } /* [+-]  */
.notes li span:first-child > span.show { font-size: 12px; font-weight: bold; color: #FF5555 } /* [-]  */
.notes li > span:first-child > a { font-size: 11px; text-align: right; margin-left: 5px; text-decoration: none } /* [Odp]  */
div.notes > ul > li { border: 0; margin-top: 3px} /* pierwszy watek nie ma ramki */

.notes li.mark_new { background: #FFFFBB; border: #5555FF 2px solid; }

.notes form#add_comment { margin-left: 3px; border: #999999 1px solid }

/*  Głosowanie */
.Atr_vote{ height: 16px; }
.Atr_vote.novoted{ background: #FFDDDD }
.Atr_vote span{ display: block; float: left; margin-right: 3px; width: 16px; height: 16px; filter: alpha(opacity=20); -moz-opacity: 0.20; opacity: 0.20; }
.Atr_vote.novoted span{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.Atr_vote .vote_0{ background: transparent url(./images/vote_0.png) 50% 50% no-repeat;cursor: pointer; }
.Atr_vote .vote_20{ background: transparent url(./images/vote_20.png) 50% 50% no-repeat;cursor: pointer; }
.Atr_vote .vote_40{ background: transparent url(./images/vote_40.png) 50% 50% no-repeat;cursor: pointer; }
.Atr_vote .vote_60{ background: transparent url(./images/vote_60.png) 50% 50% no-repeat;cursor: pointer; }
.Atr_vote .vote_80{ background: transparent url(./images/vote_80.png) 50% 50% no-repeat;cursor: pointer; }
.Atr_vote .vote_95{ background: transparent url(./images/vote_95.png) 50% 50% no-repeat;cursor: pointer; }
.Atr_vote .vote_100{ background: transparent url(./images/vote_100.png) 50% 50% no-repeat;cursor: pointer; }
.Atr_vote .vote_mail{ background: transparent url(./images/vote_mail.png) 50% 50% no-repeat;cursor: pointer; margin-left: 8px;}
.Atr_vote.novoted .vote_mail{ display:none }
.Atr_vote .selected {filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

/* wuniki glosowania w liscie */
.voted{ background: #FFFFFF url(./images/glosowanie.gif) 50% 50% no-repeat;}
.voted tr td{ margin:0; padding:0; border: 0; background: none; width: 15px; text-align: center }

/* Przyciski z ikonami */
.icobutton{ margin-bottom: 5px; padding: 1px 10px 1px 32px; height: 30px; line-height: 30px;  cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #243AB2; font-weight: bold; background-repeat: no-repeat}
.icobutton:hover{ background-color: #E3EEFD }
.icobutton.rezerwacja{ background-image: url(./images/rejestracja.gif); width: 70px; }
.icobutton.wspolpraca{ background-image: url(./images/wspolpraca.png); width: 70px;}



/* Odwracalne karty konwentu*/
.conFlip{
width: 160px;
height: 120px;
color: #000;
}

.panel{
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: #D4E3ED 1px solid;
}

.backcard{
width: 160px;
height: 120px;
cursor: pointer;
}
.frontcard{
width: 160px;
height: 120px;
cursor: pointer;
padding: 6px;
}

.bgrmask{
width: 160px;
height: 120px;
background: transparent url(./images/bgr90.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.coninfo{
background: #000;
color: #FFF;
font-weight: bold;
filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.nextcon{
background-image: url(./images/najblizsze-konwenty.png);
background-position: 100% 50%;
background-repeat: no-repeat; 
}

.kupione{ background: #99FF99 }

.userphoto{ width: 400px; float: right }