img.minimumTabWidth {
width: 21em;
height: 1px;
}
div.popupTopBar {
color: 					white;
text-align: 			left;
position:				absolute;
top:					5px;
right:					5px;
}
img.popupTopBar {
width: 22.6em;
height: 1px;
}
#calendarTop {
background-image:   url('/images/2007/Jpeg/calendar_top.jpg');
background-position: -12px;
border-width: 0px;
height:             17px;
}
#calendarContainer {
position:                 relative;
top:                      -20px;
width:             		466px;
padding-left:				12px;
z-index:                  20;
}
#calendar {
margin: 0px;
border-width: 0px;
padding: 0px;
}
div.calendarTabWrapper {
display: inline;
}
#calendarBottom {
background-image:   url('/images/2007/Jpeg/calendar_bottom.jpg');
background-repeat: no-repeat;
height:             30px;
}
img.rightArrow, img.leftArrow {
position: relative;
top: 1px;
margin: 0px;
}
img.rightArrow {
right: 0px;
}
img.leftArrow {
margin: 0px;
padding: 0px;
}
table.cal {
margin: 				0px;
border-collapse: 		separate;
border-spacing: 		0px;
border: 				10px solid #FAC618;
z-index:				20;
}
table.active, table.challengesActive {
height: 				auto;
position: 				absolute;
visibility: 			visible;
display: 				block;
background-color:		white;
border: 				3px solid #FAC618;
color: 					black;
padding: 				1px 1px 1px 1px;
margin-left: 			20px;
margin-right: 			0;
margin-top: 			0;
margin-bottom: 			0;
min-width:				187px;
}
div.active {
z-index: 				20;
position: 				absolute;
visibility: 			visible;
display: 				block;
color: 					black;
padding: 				0;
}
div.passive, .passive * {
z-index: 				20;
}
div.tab {
visibility: 			collapse;
display: 				none;
}
table.passive, table.challengesPassive {
visibility: 			collapse;
display: 				none;
}
.cal td.navi, td.naviborder {
background-color: #F5D171;
border: 1px solid #FAC618;
text-align: center;
}
td.sidenavi {
background-color: #FAC618;
}
.cal th.sidenavi {
background-color: #FAC618;
color: black;
}
div.tab div.active td,th
{
text-align:left;
padding-left: 5px;
}
hr {
width: 95%;
}
div.active td {
font-size: 1em;
}
.cal div#tab {
background-color: 		#FAC618;
}
.cal td {
font-size: 				8pt;
text-align:	 			left;
white-space: 			nowrap;
}
td.emptyCell, td.emptyOldCell, td.emptyCellHover, td.rawCell,
td.emptyCellWithTopBorder,
td.rawCellContinuesFromTop, td.rawCellContinues,
td.rawCellFullContinues, td.reservationCell,
td.reservationCellContinuesFromTop,
td.reservationCellFullContinues,
td.rawCellFullContinues,
td.reservationCellContinues
{
width: 7.5em;
text-align: center;
color: black;
background-color: transparent;
}
td.ajaxWaitCell
{
background-color: pink;
color: pink;
}
.cal th {
border-bottom: #717171 1px solid;
}
td.emptyCell {
border-left: 1px solid #D7D7D7;
border-right: 1px solid white;
border-top: 1px solid white;
border-bottom: 1px solid white;
cursor: pointer;
color: white;
background-color: white;
}
td.emptyCellWithTopBorder {
border-left: 1px solid #D7D7D7;
border-right: 1px solid white;
border-top: 1px solid #D7D7D7;
border-bottom: 1px solid white;
cursor: pointer;
color: white;
background-color: white;
}
td.emptyOldCell {
background-color: #C0C0C0;
}
td.emptyCellHover, td.emptyCellWithTopBorderHover {
background-color: transparent;
background-image: url('/images/2007/Jpeg/varaustausta_uusi.png');
cursor: pointer;
}
td.rawCell, td.rCell_continued {
background-color: #F6B23F;
color: black;
border-left: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
border-right: 1px solid #FDDA6B;
border-top: 1px solid #FDDA6B;
}
td.rawCellContinuesFromTop {
background-color: #F6B23F;
color: black;
border-left: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
border-right: 1px solid #FDDA6B;
border-top: 3px dotted gray;
}
td.rawCellContinues {
background-color: #F6B23F;
color: black;
border-left: 1px solid #D7D7D7;
border-bottom: 3px dotted gray;
border-right: 1px solid #FDDA6B;
border-top: 1px solid #FDDA6B;
}
td.rawCellFullContinues {
background-color: #F6B23F;
color: black;
border-left: 1px solid #D7D7D7;
border-top: 3px dotted gray;
border-right: 1px solid #FDDA6B;
border-bottom: 1px solid #FDDA6B;
}
td.reservationCell {
color: white;
background-color: #AE070E;
border-left: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
border-right: 1px solid #AE070E;
border-top: 1px solid #AE070E;
}
td.reservationCellContinuesFromTop {
color: white;
background-color: #AE070E;
border-left: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
border-top: 3px dotted gray;
border-right: 1px solid #AE070E;
border-bottom: 1px solid #AE070E;
}
td.reservationCellFullContinues {
color: white;
background-color: #AE070E;
border-left: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
border-top: 3px dotted gray;
border-right: 1px solid #AE070E;
}
td.rawCellFullContinues {
background-color: #FDDA6B;
border-left: 1px solid #D7D7D7;
border-bottom: 3px dotted gray;
border-top: 3px dotted gray;
border-right: 1px solid #FDDA6B;
}
td.reservationCellContinues {
color: white;
background-color: #AE070E;
border-left: 1px solid #D7D7D7;
border-bottom: 3px dotted gray;
border-right: 1px solid #AE070E;
border-top: 1px solid #AE070E;
}
th.clockNow {
border-top:	1px solid #FAC618;
border-left:	1px solid #FAC618;
border-right: 2px solid #FAC618;
border-bottom:	1px solid #FAC618;
font-size: 8pt;
font-weight: bold;
color: black;
background-color: #F5D171;
text-align: center;
font-weight: bold;
vertical-align: top;
padding-left: 0px;
height: 3em;
}
clockNow.div {
height: 3em;
padding: 0px;
margin: 0px;
}
th.clock, th.todayClock,
.cal td.sidenavi, .cal th.sidenavi {
border: 1px solid #FAC618;
font-size: 8pt;
font-weight: bold;
color: black;
background-color: #F5D171;
text-align: center;
font-weight: bold;
}
.cal h1 {
color:                  black;
background-color:       #FAC618;
font-size:              8pt;
padding:                0px;
margin:                 0px;
}
.coordinateSystem
{
margin: 0px;
padding: 0px;
position: relative;
top: 0px;
left: 0px;
}
th.todayClock {
color: black;
font-weight: bold;
background-color: white;
padding-right:	2px;
}
td.clock0, td.clock1, td.clock2, td.clock3
{
width: 4.5em;
max-width: 100%;
}
td.clock0 {
border-top:		1px solid #FAC618;
border-left: 	1px solid #FAC618;
border-right: 	3px solid #FAC618;
border-bottom: 	0px;
font-size: 8pt;
font-weight: bold;
color: black;
background-color: #F5D171;
text-align: center;
font-weight: bold;
}
td.clock1,td.clock2 {
border-top:		0px;
border-left: 	1px solid #FAC618;
border-right: 	3px solid #FAC618;
border-bottom: 	0px solid #FAC618;
font-size: 8pt;
font-weight: bold;
color: black;
background-color: #F5D171;
text-align: center;
font-weight: bold;
}
td.clock3 {
border-top:		0px;
border-left: 	1px solid #FAC618;
border-right: 	3px solid #FAC618;
border-bottom: 	1px solid #FAC618;
font-size: 8pt;
font-weight: bold;
color: black;
background-color: #F5D171;
text-align: center;
font-weight: bold;
}
.cal td.sidenavi, .cal th.sidenavi {
padding: 0px;
width: 0px;
text-align: center;
background-color: #FAC618;
}
.cal td.navi:hover {
background-color: #9E9E9E;
}
.cal a.navi {
display: block;
width: 100%;
}
.cal a.navi:hover {
display: block;
width: 100%;
background-color: #9E9E9E;
}
.cal td.navi {
text-align: center;
}
#tab {
width:					100%;
text-align:				center;
}
span.mainTab,span.mainTabActive {
font-family: 				tahoma, verdana, helvetica, arial;
display: 					block;
min-width: 					8em;
font-size: 					0.8em;
margin-left: 				2px;
padding: 					0.3em;
border: 					1px solid black;
}
span.mainTabActive a {
text-decoration: none;
color: black;
}
span.mainTab a {
text-decoration: none;
color: black;
}
div.popupArea {
text-align: left;
}
td.bothpay {
color: black;
}
td.challengerpay {
color: green;
}
td.opponentpay {
color: red;
}
tr.subCategoryRow th {
background-color: transparent;
color: black;
font-size: 0.9em;
border: 0;
}
div.popupMainTopic {
background-color: 		#AE070E;
color: 					white;
text-align: 			left;
font-size: 				1em;
padding-top: 			5px;
padding-bottom: 		5px;
margin-bottom: 			1px;
font-weight: 			bold;
min-width:				187px;
width:					100%;
}
.popupSubTopic {
color: 					white;
background-color: 		#333333;
min-width:				187px;
width:					100%;
}
.popupSubTopicSizeless {
color: 					white;
background-color: 		#333333;
padding-right:			1em;
}
div.popupContentRow {
padding-left: 	5px;
padding-right:  20px;
}
div.popupContentStyleNormal {
font-style: 	normal;
font-weight: 	500;
}
div.popupContentStyleOutOfSale {
font-style: 	italic;
font-size: 		xx-small;
color:		#606060;
}
.popupTab {
background-color: 		transparent;
min-width:				187px;
width: 					100%;
}
.popupTabTopic {
text-align: center;
font-size: 1em;
font-weight: normal;
background-color: white;
color: black;
height: 20px;
vertical-align: middle;
padding: 0px 5px 0px 5px;
}
.popupTabActiveTopic {
background-color: 		#AE070E;
color: 					white;
text-align: 			center;
vertical-align: 		middle;
font-size: 				1em;
font-weight: 			normal;
height: 				20px;
width: 					50%;
}
.controlPopup {
text-align:left;
font-size: 1em;
}
#rconCommand {
width:					100px;
text-align:				left;
}
input.check {
border: 0;
background-color: transparent;
}
input.popupAreaSubmit {
border: 2px solid black;
background-color: gray;
font-size: 0.9em;
width: auto;
padding: 0;
}
a.textTrans {
width: 100%;
display: block;
background-color: transparent;
color: black;
text-decoration: none;
white-space: nowrap;
}
a.textTransSelected {
width: 100%;
display: block;
background-color: transparent;
color: white;
text-decoration: none;
white-space: nowrap;
}
a.textTransSelected:hover {
display: block;
background-color: #C2954E;
color: white;
text-decoration: none;
}
tr.transRow {
display: block;
width: 100%;
background-color: transparent;
text-decoration: none;
}
tr.transRowActive {
display: block;
background-color: #C2954E;
color: black;
width: 100%;
text-decoration: none;
}
tr.transRow a {
text-decoration: none;
color: black;
}
tr.transRowActive a {
text-decoration: none;
color: black;
}
tr.calConfigboxline,
tr.calConfigboxlineselected,
tr.calConfigboxlineconflicted {
width: 100%;
text-decoration: none;
white-space: nowrap;
}
tr.calConfigboxlineconflicted {
background-color: #DBB97C;
color: black;
}
tr.calConfigboxlineconflicted label {
font-style: italic;
text-decoration: line-through;
}
tr.calConfigboxline {
background-color: white;
color: black;
}
tr.calConfigboxlineselected {
background-color: #AE070E;
color: white;
font-weight: bold;
}
a.calConfigname {
color: black;
background-color: transparent;
display: block;
text-decoration: none;
width: 100%;
}
a.calConfigname:hover {
color: #C2954E;
background-color: #C2954E;
}
a.calConfignameselected {
color: white;
background-color: transparent;
display: block;
text-decoration: none;
width: 100%;
}
a.calConfignameselected:hover {
color: white;
background-color: #C2954E;
}
td.calConfigname {
width: 100%;
}
td.calConfignameselected {
width: 100%;
}
table.dayfreeservers
{
width: 100%;
padding: 0;
}
table.dayfreeservers td
{
padding: 0;
font-size: 0.85em;
}
table.dayfreeservers td input
{
padding: 0;
font-size: 0.95em;
}
table.dayfreeservers th
{
padding: 0;
font-size: 0.8em;
}
table.owndayreservations
{
padding: 0;
width: 100%;
}
table.owndayreservations td
{
padding: 0;
font-size: 0.85em;
vertical-align: top;
}
table.owndayreservations th
{
padding: 0;
font-size: 0.8em;
}
table.dayresmaintable
{
padding: 0;
width: 95%;
}
table.dayresmaintable th
{
padding: 0;
background-color: #DBB97C;
}
table.dayresmaintable td
{
vertical-align: top;
padding: 0;
}
table.monthBorder
{
border-collapse: collapse;
}
td.monthBorder
{
border: 0;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 5px;
white-space: nowrap;
vertical-align: top;
}
tr.unselected
{
background-color: transparent;
}
tr.selected
{
background-color: #DBB97C;
}
.cal td.navi:hover {
background-color: #9E9E9E;
}
.cal a.navi {
display: block;
width: 100%;
}
.cal a.navi:hover {
display: block;
width: 100%;
background-color: #9E9E9E;
}
.cal td.navi {
text-align: center;
}
table.challengesPopup
{
}
table.challengesPopup td
{
padding: 0;
background-color: transparent;
color: black;
font-size: 0.9em;
white-space: nowrap;
}
table.challengesPopup tr
{
padding: 0;
background-color: transparent;
color: black;
font-size: 0.9em;
white-space: nowrap;
}
table.challengesPopup input
{
}
.challengesMessage {
width: 8em;
font-size: 0.8em;
color: #009342;
font-weight: bold;
margin-left: 2px;
padding: 0.3em;
border: 1px solid #009342;
background-color: #DBB97C;
text-align: center;
white-space: nowrap;
}
div.errorMessageBox {
font-size: 0.8em;
color: black;
font-weight: bold;
margin-left: 2px;
padding: 0.3em;
border: 3px solid black;
background-color: red;
text-align: center;
}
table.popupTopBar {
width: 					100%;
}
table.popupTopBar td {
background-color: 		#7786b1;
color: 					black;
font-weight: bold;
text-align: left;
}
#tab {
background-color:	 	transparent;
}
a.textTrans {
width: 100%;
display: block;
background-color: transparent;
color: black;
text-decoration: none;
white-space: nowrap;
}
a.textTransSelected {
width: 100%;
display: block;
background-color: transparent;
color: white;
text-decoration: none;
white-space: nowrap;
}
a.textTransSelected:hover {
display: block;
background-color: #C2954E;
color: white;
text-decoration: none;
}
tr.transRow {
display: block;
width: 100%;
background-color: transparent;
text-decoration: none;
}
tr.transRowActive {
display: block;
background-color: #C2954E;
color: black;
width: 100%;
text-decoration: none;
}
tr.transRow a {
text-decoration: none;
color: black;
}
tr.transRowActive a {
text-decoration: none;
color: black;
}
a.calConfigop {
color: inherit;
background-color: transparent;
text-decoration: none;
vertical-align: middle;
}
a.calConfigop:hover {
color: #C2954E;
background-color: #C2954E;
text-decoration: none;
}
td.calConfigoperations {
white-space: nowrap;
text-align: right;
}
a.calConfigname {
color: black;
background-color: transparent;
display: block;
text-decoration: none;
width: 100%;
}
a.calConfigname:hover {
color: 					white;
background-color: 		#C2954E;
}
.removeEventButton {
color: 			  #AE070E;
background-color: white;
border: none;
}
.removeEventButton:hover {
cursor: pointer;
}
table.basicTable {
width: 100%;
}
table.basicTable th, table.basicTable td
{
border: 0px;
color: black;
background-color: white;
font-size: 7pt;
padding: 0;
text-align: left;
}
table.basicTable th {
color: white;
background-color: #333333;
}
table.freeServersTable input
{
font-size: 1.0em;
width: 3em;
}
textarea.calendarEventDescription {
width: 95%;
height: 2.5em;
border: 1px solid black;
background-color: #333333;
color: white;
}
a.calendarCentering {
color: #AE070E;
background-color: #F5D171;
cursor: pointer;
text-decoration: none;
font-size: 8pt;
}
a.calendarCentering:hover {
color: #AE070E;
background-color: transparent;
}
.challengesActive {
height: auto;
position: absolute;
visibility: visible;
display: block;
background-color: white;
color: black;
padding: 0em;
margin: 0em;
}
.challengesPassive {
visibility: collapse;
display: none;
}
.eventIdDisplay {
background-color: white;
text-align: center;
font-size: 5pt;
color: white;
width: 100%;
}
.changeDayField {
background-color: #333333;
color: white;
border: 1px solid white;
text-align: center;
}