html {
	color: #ffffff;
}

/* fix text colors for konqueror */
h1, h2,h3,h4,h5,p,div,span,table {
	color: #ffffff;
}

#linkkimenu {
	font-size: 1.25em;
	background-color: #25151a;
	border: solid 1px #454545;
	color: #dddddd;
	padding-top: 0.6em;
	padding-bottom: 0.05em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#linkkimenu a {
	color: #dddddd;
	font-weight: normal;
}

#linkkimenu a:hover {
	color: #eeeeee;
	font-weight: normal;
}

#linkkimenu .selected {
	color: #eeeeee;
	font-weight: 600;
}


#adminlinkkimenu {
	font-size: 1.25em;
	border: none;
	color: #dddddd;
	padding-top: 0.6em;
	padding-bottom: 0.05em;
/*	padding-left: 0.3em; */
	padding-right: 0.3em;
	margin: 0px;
}

#adminlinkkimenu a {
	color: #dddddd;
	font-weight: normal;
}

#adminlinkkimenu a:hover {
	color: #eeeeee;
	font-weight: normal;
}

#adminlinkkimenu .selected {
	color: #eeeeee;
	font-weight: 600;
}
		
p,h1,pre,table {
	margin:0px 10px 10px 10px;
}
		
h1 {

	font-size:14px;
	padding-top:10px;
}

a img {
	border: none;
}

#menu { font-size:11px; }
	
a {
	text-decoration: none;
	font-weight: bold;
	color: #c00;
}

a.anchor {
	color: #ffffff;
}

a.anchor:hover {
	color: #ffffff;
}

a:hover {
	color: #e00;
}

table {
	font:	12px/1.2 Verdana, Arial, Helvetica, sans-serif;
	/*border: solid 1px #101010;*/
	border-collapse: collapse; 
}

table tr {
	
}

table tr.odd {
	background-color: #404040;
}

table tr.even {
	background-color: #303030;
}

input, select, textarea {
	background-color: #000000;
	color: #ffffff;
}

textarea {
	color: #eeeeee;
}

input[disabled], select[disabled], textarea[disabled] {
	background-color: #eeeeee;
	color: #101010;
}

input:hover, select:hover, textarea:hover {
	background-color: #202020;
}

textarea[readonly]:hover {
	background-color: #101010;
}


input[disabled]:hover, select[disabled]:hover, textarea[disabled]:hover {
	background-color: #eeeeee;
	color: #101010;
}

table.calendar {
	float: left;
	text-align: center;
	border-collapse: collapse;
	margin-top: 0.3em;
	border: solid 1px #454545;
}

table.calendar th {
	border: solid 1px #555555;
	padding: 0.8em;
	width: 1em;
	margin: 0px;
}

table.calendar th.weekdayname {
	background-color: #202020;
	color: #eeeeee;
	text-align: center;
}

table.calendar th.weekenddayname {
	background-color: #353535;
	color: #eeeeee;
	text-align: center;
}

table.calendar th.monthselect {
	background-color: #353535;
	padding: 6px;
	color: #eeeeee;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: 20em;
	height: 3.5em;
}

table.calendar th.monthselect img {
	vertical-align: middle;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

table.calendar th.monthselect select {
	margin: 0em;
	padding: 0em;
	vertical-align: middle;
}

table.calendar td {
/*	background-color: #eeeeff;*/
	border: solid 1px #555555;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

table.calendar td a {
	color: #999999;
}

table.calendar td a {
	display: block;
	width: 100%;
	height: 100%;
/*	margin: 0px; */
/*	padding: 0.5em; */
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

table.calendar td.free_selectable a:hover {
	background-color: #1b3646;
}

table.calendar td.free {
	background-color: #152935;
}

table.calendar td.free a {
	color: #eeeeee;
}

table.calendar td.reserved_selectable a:hover {
	background-color: #572727;
}

table.calendar td.reserved {
	background-color: #3b1a1a; /*c48c8c;*/
}

table.calendar td.reserved a {
	color: #eeeeee;
}

table.calendar td.cannotbereserved_selectable a:hover {
	background-color: #303030;
}

table.calendar td.cannotbereserved {
	background-color: #252525;
}

table.calendar td.cannotbereserved a {
	color: #999999;
}

table.calendar td.caption {
	text-align: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
}


td.varattu {
	background: #eee;
	border: 0px;
	border-style: solid;
	border-color: #444;
}

td.edellinen {
	text-align: left;
}

td.seuraava {
	text-align: right;
}

table th {
	background-color: #404040;
	color: #ffffff;
	border: solid 1px #050505;
	text-align: left;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

table.pricetable th {
	background-color: #404040;
	color: #ffffff;
	border: solid 1px #050505;
	text-align: left;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

table.pricetable td {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

.legendblock {
	width: 2.0em;
	height: 2.0em;
}

table.form th {
	background-color: #404040;
	color: #ffffff;
	border: solid 1px #050505;
	text-align: left;
	padding: 0.5em;
}

table.form tr td {
	background-color: #303030;
	padding-top: 0.6em;
	padding-top: 0.2em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.6em;
	/*border-bottom: solid 1px #cccccc;*/
	vertical-align: top;
}

table.form tr td.legend {
	padding-top: 0.3em;
	padding-left: 1em;
	padding-right: 0.2em;
}

table.form tr td.buttombar {
	background-color: #252525;
	text-align: center;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}

div.help {
	float: left;
	margin-left: 0em;
}



.weekcalendar {
	
}

.weekcalendar table {
}

.weekcalendar th {
	border: solid 2px #cccccc;
}

.weekcalendar td {
	border: solid 1px #cccccc;
/*	padding: 0.5em;
	padding-left: 1em;
	padding-right: 1em;*/
	margin: 0px;
	padding: 0px;
}

.weekcalendar div {
	padding: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}

.weekcalendar a {
	display: block;
	width: 100%;
	height: 100%;
	border: solid 1px #000000;
	margin: 0px;
	padding: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}

.weekcalendar a.oddrow:hover {
	background-color: #dccfc1;
}

.weekcalendar a.evenrow:hover {
	background-color: #eae4df;
}

.oddrow {
	background-color: #eee2d5;
}

.evenrow {
	background-color: #f4f1ee;
}

.inputform {
}


.inputform td {
	text-align: left;
}

.inputform th {
	font-weight: bolder;
	text-align: right;
}


div.note {
	/*color:#c00;*/
	border: solid 1px #403030;
	background-color: #252525;
	padding: 1em;
}

span.fieldname {
	font-weight: bolder;
}

.smallerText {
	font-size: smaller;
}

.extranote {
	color: #dd0000;
}

.disabled {
	color: #555555;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.top {
	vertical-align: top;
}

.bottom {
	vertical-align: text-bottom;
}

.center {
	text-align: center;
}

.error {
	color: #aa0000;
}

table.debugInfoTable {
	width: 100%;
}

table.debugInfoTable td {
	border: solid 1px #cccccc;
}


.box {
	width: 30em;
	border: solid 1px #303030;
	background-color: #202020;
	padding: 1em;
	padding-top: 0em;
	color: #ffffff;
	margin-left: 0em;
}

.ad_box p{
    font-size: 9px;
    color: gray;
}


.box img{
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1.5em;
}

.button {
	background-color: #454545;
	color: #ffffff;
	font-size: 0.85em;
}

.button:hover {
	background-color: #606060;
}

.calendar_leftarrow {
	background-image: url('/kp/varaus/templates/default/Components/CalendarComponent/kinopoli-arrow-left.gif');
	background-repeat: no-repeat;
	width: 30px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	float: left;
}

.calendar_leftarrow a:hover {
	background-image: url('/kp/varaus/templates/default/Components/CalendarComponent/kinopoli-arrow-left-selected.gif');
	background-repeat: no-repeat;
}

.calendar_rightarrow {
	background-image: url('/kp/varaus/templates/default/Components/CalendarComponent/kinopoli-arrow-right.gif');
	background-repeat: no-repeat;
	display: block;
	width: 30px;
	height: 27px;
}

.calendar_rightarrow a {
	display: block;
	height: 10px;
	margin: 0px;
	padding: 10px;
}

.calendar_rightarrow a:hover {
	background-image: url('/kp/varaus/templates/default/Components/CalendarComponent/kinopoli-arrow-right-selected.gif');
	background-repeat: no-repeat;
}


.calendar_leftarrow_disabled {
	background-image: url('/kp/varaus/templates/default/Components/CalendarComponent/kinopoli-arrow-left-disabled.gif');
	background-repeat: no-repeat;
	width: 30px;
	height: 27px;
}

.calendar_rightarrow_disabled {
	background-image: url('/kp/varaus/templates/default/Components/CalendarComponent/kinopoli-arrow-right-disabled.gif');
	background-repeat: no-repeat;
	width: 30px;
	height: 27px;
}

.bewarebutton {
	background-color: #600000;
	font-weight: bold;
	font-size: 0.85em;
	color: white;
}

.bewarebutton:hover {
	background-color: #750000;
}

table.hidden {
	margin: 0px;
	padding: 0px;
	border-style: none;
}

table.hidden td {
	border-style: none;
}

table.hidden th {
	border-style: none;
}

table.reservationsTable {
}

table.reservationsTable th {
	border: solid 1px #000000;
}

table.reservationsTable td {
	border-top: solid 1px #000000;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

table.reservationsTable td.inforow {
	border-top: none 1px #000000;
	border-bottom: solid 1px #353535;
	padding-bottom: 1em;
}

table.calendar td.today{
    border-collapse: separate;
    border: 2px dotted #C93;
}

#hallOfFame{
  float: right;
  /*border: 1px dashed #AF7817;*/
  margin-top: 50pt;
  padding-left: 10pt;
  padding-right: 0pt;
  padding-top: 10pt;
  padding-bottom: 10pt;
  margin-left: 0pt;
  bottom: 0;
  background: #101010;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;
  border: 1px dotted #606060;

}


#hallOfFame ul{
  list-style: none;
  font-family: Sans-serif;
  color:white;
}
#hallOfFame h1{
  font-size: 15pt;
  font-family: Sans-serif;
  /*color: #DE7E86;*/
  color: #2E8B57;
  border-bottom: dashed 1px gray;
  margin-left: 0pt;
  text-align: right;
  margin-bottom: 20pt;
}

#info p{
  text-align: justify;
}

#hallOfFame h2{
  font-size: 10pt;
  font-family: Sans-serif;
  color: #009999;
/*  color: #AF7817;*/
  /*color: #9E3E46;*/
}


.infopics img{
  /*border: 1pt dotted #303030;*/
  border: 1px dotted white;
  margin: 4pt; 
}

.infopics{
  margin-top: 20pt;
  margin-left: 15pt;
  margin-bottom: 20pt;
}

.kp_text{
  background: #161616;
  border: 1px dotted #202020;
  padding: 10pt;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;

}

.infopics img:hover{
  border: 1px solid white;
}

.kp_text h1{
  font-size: 14pt;
  /*color: #AAAA33;*/
  color: #9E3E46;
  margin-left: 0pt;
  font-family: Sans-serif;

}

.kp_text p{
  margin-left: 15pt;
  color: gray;
}

.kp_text a:visited{
  color: #6BCE23; 
}
.kp_text a{
  color: #6BCE23; 
}
.kp_text a:hover{
  color: #C0FF3E;
}


.kp_text ul{
  list-style: circle;
  margin-left: 10pt;
}

.kp_text h2{
  font-size: 11pt;
  margin-left: 15pt;
  /*color: #9E3E46;*/
  color: #AAAA33;
  font-family: Sans-serif;
}

#technic li{
  color:gray;
}

.copyright  {
  color: gray;
  text-align: right;
}

#info_sidepanel{
  float:right;
  width: 25%;
  margin-top: 70pt;
}

#info_main{
  float:left;
  width: 68%;
}

#cow{
  float:right;
}
#disclaimer{
  color: #606060;
  padding: 5pt;
  border: 1px dotted #303030; 
  font-size: 10px;
  margin-left: 30pt;
  margin-right: 30pt;
  margin-top: 20pt;
}


#technic_main{
  width: 68%;
  float:left;
  margin-right: -40pt;
}
#technic_sidebar{
  float: left;
  margin-top: 40pt;
  margin-left: -40pt;
  width: 32%;
  position: relative;
}

#technic_sidebar img{
  width: 100%; 
  margin-left: 0pt;
  border: 1px dotted #202020;
}

#info_theater{
  text-align: center;
}

#info_theater img{
  width: 90%;
  border: none;
  margin-top: 10pt;
  margin-bottom: 20pt;
  border:2px dotted #202020;
}

#languageSelection a{
  color: #ffcc66;
}
#languageSelection{
  float:right;
}