body { background-color: #fdf; color: #505; 
     margin: 10px;}

.jasne { background-color: transparent; color: #505 }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}


table {
/*      border-style: solid;
      border-width: 2px;
      border-color: #848;*/
      border-spacing: 0;
}

td {
/*   margin: 0;*/
/* padding najpierw pionowy, potem poziomy */
   padding: 0.3em 0.3em;
   border-top-style: solid;
   border-width: 1px;
   border-color: #848; 
}

.table-plain td {
  padding: 0em 0.3em;
   border-style: none;
   }

.table-plain2 td {
  padding: 0em 0.3em;
   border-top-style: none;
   }


.tp-row tr{
   border-top-style: none;
}
.ramka-left{
	border-left: 4px solid #848;
	border-top: 4px solid #848;
	border-bottom: 4px solid #848;
}

.ramka-right{
	border-right: 4px solid #848;
	border-top: 4px solid #848;
	border-bottom: 4px solid #848;
}

.ramka-ramka{
	border: 4px solid #848;
}

.ramka-ramka-alert{
	background: #fe4;
	border: 4px solid #848;
}

.elipsa {
	font-style: italic;
	color: #f0f;
}

.elipsa-alert { background: #fe4; 
	font-style: italic;
	color: #f0f;}

/* styles for zdanie list */


.list-line-odd {background: #fdf ;
}

.list-line-even {/*background: #e8e ;*/
}

.alert-bg { background: #fe4; }

.list-line-rejected {background: #939;
}

.list-line-0 {background: #cfc;
}

.list-line-1 {background: #8f8;
}


/*end styles for zdanie list */




pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}


a { color: #dfd; background-color: #414; }
a:visited { color: #e8e; }
a:hover { color: #fdf; background-color:#707; }

a.bright { color: #707;
	 background-color: #fff; /*#ded;  */
	 border: 1px; 
	 border-style: solid;
	 border-width: 1px;
	 border-color: #f6f;
      	 border-spacing: 2px;
      	 padding 0px 0.333em;
	 font-weight: bold;
}
a.bright:visited { color: #282; }
a.bright:hover { color: #020; background-color:#8f8; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}


/* Global styles */
/* zmodyfikowane z Agile Web Devel.*/


#notice {
	border: 4px solid red;
	padding: 1em;
	margin-bottom: 2em;
	background-color: #ffe0ff ;
	font: bold smaller sans-serif;
}

/* Styles for admin/list */

/* Styles for main page */

#banner {
background: #9c9 ;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    border-bottom: 2px solid;
	    font: small-caps 40px/40px "Times New Roman", serif;
	    color: #828 ;
	    text-align: center;
}

#banner img {
	float: left;
}

#columns {
	 background: #414 ;
}

#main {
     /* margin-left: 9em;
      padding-top: 4ex;
      padding-left: 2em; dla układu pionowego*/
/*dla układu poziomego:*/
      padding-top: 2.5em;
      padding-left: 1em;
      padding-right: 1em;
      padding-bottom: 1em;
      background: white;
}

/* jeśli jest nieprzewijalny nagłówek */
#main1 {
      padding-top: 24em;
      padding-left: 1em;
      padding-right: 1em;
      padding-bottom: 1em;
      background: white;
}

#fixed_hdr {
	   z-index: 666;
	   width: 100%;
	   position: fixed;
	   padding-left: 1em;
	   padding-right: 1em;
	   margin-top: 1.5em;
/*	   margin-top: 0.9em; */
	   margin-left: -10px;
	   margin-right: 10px;
	   background: #fff;
	   border-bottom: 3px dotted #707;  
}

/* do przewijalnej ramki z treścią akapitu */
.between-dots {
	   border-top: 3px dotted #707;  
	   border-bottom: 3px dotted #707;  
 	   padding-top: 5px; 	   
	   padding-bottom: 5px;
	    }

.akapit-overflow {
		 width: 97%; 
		 height:7em; 
		 overflow:auto; 
		 font-size: large; 
		 font-weight: bold;
		 font-family: sans-serif;
		 }

#side {
      /* float: left;*/
      z-index: 667;
      position: fixed; /*top: 0; left: 0;*/
/*      padding-top: 1em;
      padding-left: 1em;
      padding-bottom: 1em;
      width: 8em; dla układu pionowego*/
      /*dla układu poziomego: */
      margin-top: -10px;
      margin-left: -10px;
/*      padding-top: 0.3em;*/
	width: 100%;
      padding-left: 1em;
      padding-right: 1em;
      padding-bottom: 0.3em;
      background: #414 ;
      color: #dfd;
      height:1.5em;
/*      width: 97%; */
      overflow:auto;
}

#side a {
      color: #dfd ;
      font-size: small;
}

.ciemne-tlo {
	    background: #414;
	    color: #dfd;
}

#side h3 {color: #dfd ;}


h1 {
   font: bold large sans-serif;
   color: #707 ;
   border-bottom: 3px dotted #707 ;
   background: #fff;
}

.chwytalny {
	   cursor: -moz-grab;
}

.chwytalny-r {
	   cursor: -moz-grab;
}


.hover { color: #fdf; background-color:#707; }

.phrase-beg {border-top: 4px solid #707;
	    border-right: 4px solid #707;}

.phrase-mid {border-right: 4px solid #707;}

.phrase-end {border-bottom: 4px solid #707;
	    border-right: 4px solid #707;}

.phrase-whole {border-top: 4px solid #707;
	    border-right: 4px solid #707;
	    border-bottom: 4px solid #707;}

.phrase-cell-odd {border-top: 4px solid #707;
	    border-bottom: 4px solid #707;
	    background: #fcf;
	    /*background-image: url("/images/rails.png");
	    background-repeat: no-repeat */}

.phrase-cell-even {border-top: 4px solid #707;
	    border-bottom: 4px solid #707;
	    background: #fef }

.phrase-cell-alert {border-top: 4px solid #707;
	    border-bottom: 4px solid #707;
	    background: #fe4; }


/* żeby tokeny zdania wyświetlały się przewijalnie nie z całą stroną. Ale nie działa jak byśmy chcieli */
#przewijalny { height: 600px;
	     overflow: auto;
}

.gruba-kreska {   border-right: 5px dotted #707 ;
border-left: 5px dotted #707 ;
padding: 0em 0em;
}

.sc {font-variant: small-caps;}

/*dodane 2008/09/17 --- skopiowane z AWDWR*/
div.auto_complete {
		  width: 300px;
		  background: #fff ;
}

div.auto_complete ul {
		  border:1px solid #888 ;
		  margin:0;
		  padding:0;
		  width:100%;
		  list-style-type:none;
		  display:block;
}

div.auto_complete ul li {
		  margin:0;
		  padding:3px;
}

div.auto_complete li {
		  cursor:move;
}

div.auto_complete ul li.selected {
		  background-color: #ffb ;
}

div.auto_complete ul strong.highlight {
		  color: #800 ;
		  margin:0;
		  padding:0;
}