@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/fonts/opensans400.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/fonts/opensans700.woff) format('woff');
}

/* calibri nie ma polskich znakow ?! 
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: url(/login/calibri.woff) format('woff');
}

@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 700;
  src: url(/login/calibribold.woff) format('woff');
}

@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 400;
  src: url(/login/calibriitalic.woff) format('woff');
}

@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 700;
  src: url(/login/calibribolditalic.woff) format('woff');
}
*/


BODY {
	margin: 0px;
	font-family: Calibri, Arial;
	font-size: 12pt;
	color: #555;
	background-color:#eee;
}



LABEL {
	margin-left: 3px;
	margin-top:10px;
	font-weight:bold;
	display:block;
	text-align:left;
}

BUTTON, .button {
	background-image: linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
	background-image: -o-linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
	background-image: -moz-linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
	background-image: -webkit-linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
	background-image: -ms-linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.02, rgb(99,99,99)),
		color-stop(0.51, rgb(150,150,150))
	);
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	border:1px solid #333;
	cursor:pointer;
	color: white;
	font-weight: bold;
	text-shadow: #111 0px -1px 0px;
	text-decoration: none;
	padding: 9px 20px 9px 20px;
	font-size: 13px;
	text-align: center;
	margin: 10px;
}

.hover {
	border:1px solid #3173B4;
}

BUTTON:hover {
	background-image: linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);
	background-image: -o-linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);
	background-image: -moz-linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);
	background-image: -webkit-linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);
	background-image: -ms-linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.02, rgb(49,115,180)),
		color-stop(0.51, rgb(80,154,219))
	);
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	border:1px solid #333;
	cursor:pointer;
	color: white;
	font-weight: bold;
	text-shadow: #111 0px -1px 0px;
	text-decoration: none;
	padding: 9px 20px 9px 20px;
	font-size: 13px;
	text-align: center;
	
}

/* orange rgb(49,115,180) 2%, rgb(80,154,219) 51% */

BUTTON:active {
	background-image: linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);
	background-image: -o-linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);
	background-image: -moz-linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);
	background-image: -ms-linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.02, rgb(0,162,255)),
		color-stop(0.51, rgb(0,200,255))
	);
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	border:1px solid #333;
	cursor:pointer;
	color: white;
	font-weight: bold;
	text-shadow: #111 0px -1px 0px;
	text-decoration: none;
	padding: 9px 20px 9px 20px;
	font-size: 13px;
	text-align: center;
	
}

P {
	margin:4px;
	text-align:left;
}

.shadowed {
	margin: 20px;
	padding: 26px 24px 26px;
	font-weight: normal;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	border: 1px solid #E5E5E5;
	-moz-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	-webkit-box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
	-khtml-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
	
}

.floater {
	float:left;
}

.error {
	color:red;
	min-height:26px;
}

INPUT.error  , TEXTAREA.error , .error  A{
	border: 1px solid red !important;
	box-shadow: rgba(255, 0, 0, 0.7) 0 1px 7px -1px;
}


.topbar {
	background-color:#ccc;
	background-image: linear-gradient(bottom, rgb(238,238,238) 2%, rgb(0,200,255) 51%);
	background-image: -o-linear-gradient(bottom, rgb(238,238,238) 2%, rgb(0,200,255) 51%);
	background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 2%, rgb(0,200,255) 51%);
	background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 2%, rgb(0,200,255) 51%);
	background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 2%, rgb(0,200,255) 51%);

	color:white;
	line-height:40px;
	text-align:left;
}

.topbar IMG {
	vertical-align:middle;
	margin: 3px;
}

.topbar IMG.logo {
	float:left;
	margin-left: 25px;
	margin-right: 25px;
}

.userbar {
	float:right;
}

.topbar A {
	text-decoration:none;
	color:white;
	margin-right:20px;
	height:30px;
}

.topbar A:hover {
	text-shadow: #fff 0px 0px -1px;
}

.leftbar {
	background-color:#ddd;
	width:130px;
	padding:3px;
	float:left;
	
}

.leftbar A {
	line-height: 15px;
	margin-bottom:5px;
	text-decoration:none;
	padding:5px;
	overflow: hidden;
	/* white-space: nowrap; */
	display:block;
}

.leftbar LABEL {
	position: relative;
	top: 2px;
	font-weight: normal;
	font-size: 10pt;
	color: #888;
}

.leftbar INPUT {
	width:120px;
}

	




.content {
	float: left;
	padding:20px;
}

H1 {
	margin-top: 0px;
	margin-bottom: 5px;
	position:relative;
}

H2 {
	margin-bottom: 5px;
}

.footer {
	background-color:#eee;
	color:#666;
	height:34px;
	text-align:left;
	border-top: 1px solid #ccc;
	padding: 6px;
	padding-left:20px;
	font-size: 10pt;
}



TABLE#resultstable  {
	border-spacing:0;
	border-collapse:collapse;
}

#resultstable TH {
	padding-left:5px;
	padding-right:5px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

#resultstable TH:last-child {
	border-bottom: 1px solid #aaa;
	border-right: 0;
}

#resultstable TD {
	border-right: 1px solid #aaa;
	font-size:9pt;
	padding:3px;
}

#resultstable TD:last-child {
	border-right: 0;
}

TD {
	vertical-align:top;
}

TABLE#rowstable {
	border-spacing:0;
	border-collapse:collapse;
}
#rowstable TR {
	border-top: 1px solid #aaa;
}
#rowstable tr:first-child {
	border-top:0;
	margin-top:3px;
}	
#rowstable TD {
	padding-left: 10px;
	padding-right: 10px;
}

TEXTAREA {
	font-family: Arial;
	height:250px;
	font-size:11px;
	width:305px;
	color:#888;
}

INPUT {
	font-family: Arial;
	font-size:9pt;
	padding: 3px;
	color: #888;	
	width:310px;
	padding-bottom:5px;
	font-size: 14pt;
}

SELECT {
	font-family: Arial;
	font-size:9pt;
	padding: 3px;
	color: #888;	
	width:350px;
	padding-bottom:5px;
	font-size: 14pt;
}

INPUT:focus {
	border: 1px solid #5897fb;
    outline: none;
	margin:1px;
	margin-top:2px;
	padding-bottom:7px;
	padding-top:4px;

    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
       -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
            box-shadow: 0 0 5px rgba(0,0,0,.3);
}

SELECT:focus {
    outline: none;
	margin-top:2px;
	
	border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
       -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
            box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.form > DIV {
	min-height: 60px;
	min-width: 320px;
	padding:5px;
	float:left;
}

.viewer > DIV {
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	display: inline-block;
	vertical-align: top;
}

.contentcontainer {
	border-top:1px solid #aaa;
	display:block;
	clear:both;
	padding:0;
	min-width: 620px;
	text-align:left;
}

.clearboth {
	display:block;
	clear:both;
	padding:0;
	min-width: 620px;
}

.clearbothline {
	border-top:1px solid #aaa;
	display:block;
	clear:both;
	padding:0;
	min-width: 620px;
}

H3 {
	margin-top:0px;
	margin-bottom:0px;
}

.ritenote {
	font-size:8pt;
	text-align:right;
	color:#888;
}

.passreminder {
	font-size:8pt;
	float:right;
	color:#888;
	margin-right:5px;
}

.register, .registernote {
	font-size:8pt;
	/* float:left; */
	color:#888;
	margin-right:5px;
}

.plusone {
	right:0;
	position:absolute;
	bottom:0;
	cursor:pointer;
	font-size:8pt;
	color: white;
	font-weight: bold;
	text-shadow: #111 0px -1px 0px;
	text-decoration: none;
	border-radius: 3px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border:1px solid #333;
	display:inline-block;
	background-color: #f5f5f5;
	background-image: linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
	background-image: -o-linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
	background-image: -moz-linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
	background-image: -webkit-linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
	background-image: -ms-linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
}
.plusone:hover {
	background-color: #F2FF5B;
	background-image: linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);
	background-image: -o-linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);
	background-image: -moz-linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);
	background-image: -webkit-linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);
	background-image: -ms-linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);

}
.plusone:active {
	background-color: #9DFF00;
	background-image: linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);
	background-image: -o-linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);
	background-image: -moz-linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);
	background-image: -ms-linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);

}







.smallbutton {
	margin-left: 10px;
	float: right;
	bottom:0;
	cursor:pointer;
	font-size:8pt;
	color: white;
	font-weight: bold;
	text-shadow: #111 0px -1px 0px;
	text-decoration: none;
	border-radius: 3px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border:1px solid #333;
	display:inline-block;
	background-color: #f5f5f5;
	background-image: linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
	background-image: -o-linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
	background-image: -moz-linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
	background-image: -webkit-linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
	background-image: -ms-linear-gradient(bottom, rgb(99,99,99) 2%, rgb(150,150,150) 51%);
}
.smallbutton:hover {
	background-color: #F2FF5B;
	background-image: linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);
	background-image: -o-linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);
	background-image: -moz-linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);
	background-image: -webkit-linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);
	background-image: -ms-linear-gradient(bottom, rgb(49,115,180) 2%, rgb(80,154,219) 51%);
}
.smallbutton:active {
	background-color: #9DFF00;
	background-image: linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);
	background-image: -o-linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);
	background-image: -moz-linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);
	background-image: -ms-linear-gradient(bottom, rgb(0,162,255) 2%, rgb(0,200,255) 51%);
}







.searchbox {
	border-top: 1px solid #ABADB3;
	border-bottom: 1px solid #ABADB3;
	text-align:center;
	position:relative;
	min-width: 620px;
	margin-bottom:10px;
	
}
.searchboxadv {
	display:none;
}
.searchboxfilterdiv {
	background-color: #f5f5f5;
	border-radius: 3px;
	padding: 5px;
	border:1px solid #ABADB3;
	margin-bottom:3px;
	display:inline-block;
	cursor:pointer;
}
.searchboxfilterdiv INPUT {
	width:15px;
}
.unfolder {
	right:0;
	vertical-align:bottom;
	position:absolute;
	bottom:0;
	cursor:pointer;
	font-size:8pt;
	padding:10px;
	padding-bottom:1px;
}

#rowmore {
	text-align:center;
}
#rowmore A {
	cursor:pointer;
	text-decoration:underline;
	margin-right:20px;
}





 
 
.clickable {
	cursor:pointer;
}

.clickable:hover {
	background-color:#ffe;
}




#story TD {
	padding:2px;
	min-width:100px;
}

#eval {
	display:none;
}



.diff_removed {
	text-decoration:line-through;
	color:#D593B0;
}

.diff_added {
	font-weight:bold;
	color:#D593B0;
}


#sitelogo {
	max-width:300px;
}


@keyframes gloworange {
  from {
    filter: drop-shadow(2px 2px 2px #520);
  }
  to {
    filter: drop-shadow(0px 5px 7px #fa0); 
  }
}
.glowing {
	filter: drop-shadow(0px 5px 7px #ff0); 
	animation: gloworange 1s ease-in-out infinite alternate;
}