html
{
  font-size: 100%;
}

body
{
  font-family: Verdana;
  font-size: 0.8em;
  background-color: #CCCCCC;
}

p
{
  margin: 0em 0em 0em 0em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

a:hover {font-size: 100%;} /* IE/Win requires some link change on hover in order to show the tooltips */

.tooltip { position:relative; z-index:24; }
.tooltip span { display:none;}
.tooltip:hover {z-index:25;}
.tooltip:hover span { 
	display:block;
	position:absolute; 
	width:120px; 
	top:25px; 
	left:20px; 
	background-color:#FCFBDC; 
	border:1px solid #333333; 
	padding:5px;
	font-size:11px;
	color:#333333;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.warning { position:relative; z-index:24;  }
.warning span { display:none; }
.warning:hover {z-index:25;}
.warning:hover span { 
	display:block;
	z-index:25; 
	position:absolute; 
	width:250px; 
	top:25px; 
	left:20px;
	background:#FCE4E4 url(warning.gif) no-repeat left;
	border: 1px solid #990000; 
	padding:5px 5px 5px 35px;
	font-size:11px;
	color:#990000;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.logginControl
{
  position: absolute;
  background-color: White;
  border: solid 0.1em black;
  padding: 0.5em;
  width: 20em;
  top: 23px;
  left: 152px;
  margin-bottom: 23px;
}

.section
{
  background-color: White;
  border: solid 0.1em black;
  padding: 0.5em;
  width: 20em;
}

.calenderMain
{
  position:absolute;
  left:30em;
  font-family:Verdana;
  background-color:black;
  width:42em;
  height:100%;
}

.calenderNavigation
{
  font-size:small;
  position:absolute;
  top: 0em;
  left: 0em;
  height: 2em;
  width: 40em;
  padding:0 1em 0 1em;
}

.calender
{
  position:absolute;
  top: 2em;
  left: 0em;
  height: 27em;
  width: 41em;
  padding: 1em;
}

.calenderDetails
{
  position:absolute;
  top:0em;
  left:42em;
  background-color:White;
  border:0.2em solid black;
  width:25em;
  margin:1em;
}

.calenderNavBtnNext
{
  float:left;
}

.calenderNavBtnPrev
{
  float:left;
}

.calenderMonth
{
  width:12em;
  color:White;
  font-size:medium;
  float:left;
  margin:0 100px 0 100px;
  text-align:center;
}

.weekPanel
{
  width: 44em;
  padding-top: 0.5em;
}

.weekPanel .weekPanelTitle
{
  color:White;
  font-size: 1.0em;
  float:left;
  height:2em;
  margin-bottom:0.1em;
  text-align:center;
  width:5.6em;
}

.weekPanel .dayPanel
{
  font-size: 0.8em;
  float: left;
  height: 6em;
  width: 7em;
  margin:1px;
  background-color:White;
}

.weekPanel .dayPanel
{
  font-size: 0.8em;
  float: left;
  height: 6em;
  width: 7em;
  margin:1px;
  background-color:White;
}

.weekPanel .dayPanelGray
{
  font-size: 0.8em;
  float: left;
  height: 6em;
  width: 7em;
  margin:1px;
}

.weekPanel .dayPanelPassedTime
{
  font-size: 0.8em;
  float: left;
  height: 6em;
  width: 7em;
  margin:1px;
  background-color:Gray;
}

.weekPanel .dayPanelGray .dayLabel
{
  margin-left:0.5em;
  font-size: 1.5em;
  color:Gray;
}

.weekPanel .dayPanel .dayLabel
{
  margin-left:0.5em;
  font-size: 1.5em;
}

.weekPanel .dayPanel .dayNameLabel
{
  display: block;
}

.weekPanel .dayPanel .dayLink
{
}

.weekPanel .bookabledayPanel a
{
  display: block;
  height: 100%;
  width: 100%;
}

.weekPanel .bookabledayPanel
{
  font-size: 0.8em;
  float: left;
  height: 6em;
  width: 7em;
  margin:1px;
  background-color:#7AC943;
/*
  background-image:url('http://localhost:3810/Images/caldayfree_bg.png');
  background-repeat:no-repeat;
*/
}

.weekPanel .bookabledayPanel:hover
{
  font-size: 0.8em;
  float: left;
  height: 6em;
  width: 7em;
  margin:1px;
  background-color:#00FF00;
/*
  background-image:url('http://localhost:3810/Images/caldayfreehover_bg.png');
  background-repeat:no-repeat;
*/
}

.weekPanel .bookabledayPanel .dayLabel
{
  margin-left:0.5em;
  font-size: 1.5em;
}

.weekPanel .bookabledayPanel .dayNameLabel
{
  display: block;
}

.weekPanel .bookabledayPanel .dayLink
{
}

.adminAddCompany
{
  border: 0.1em solid Black;
  padding: 2em;
  margin-bottom: 2em;
  background-color: White;
  width: 20em;
}

.adminAddUser
{
  border: 0.1em solid Black;
  padding: 2em;
  margin-bottom: 2em;
  background-color: White;
  width: 20em;
}

.adminAddSlot
{
  border: 0.1em solid Black;
  padding: 2em;
  margin-bottom: 2em;
  background-color: White;
  position: absolute;
  top: 6.7em;
  left: 25.6em;
  margin-top: 1px;
}

.adminListPendingUsers
{
  border: 0.1em solid Black;
  padding: 2em;
  margin-bottom: 2em;
  background-color: White;
  position: absolute;
  top: 28.4em;
  left: 27.8em;
}

.adminAddSlot .slotLeftSection
{
  float: left;
}

.adminAddSlot .slotRightSection
{
  border:0.1em solid black;
  float:right;
  width:55em;
  margin-left:1em;
}

.adminAddSlot .slotRightSection .slotRow
{
  background-color: White;
  position: relative;
}

.adminAddSlot .slotRightSection .slotRowAlt
{
  background-color: #CCCFFF;
  position: relative;
}

.adminAddSlot .slotPopUp
{
  position: absolute;
  top: 6em;
  background-color: Lime;
  width: 20em;
  height: 25em;
  border: solid 0.3em black;
}

.slotItemFrom
{
  left: 0em;
}

.slotItemTo
{
  padding-left: 1em;
  position: absolute;
  left: 11em;
}

.slotItemCompany
{
  padding-left: 1em;
  position: absolute;
  left: 18em;
}

.slotItemType
{
  padding-left: 1em;
  position: absolute;
  left: 28em;
}

.slotItemEdit
{
  padding-left: 1em;
  position: absolute;
  left: 40em;
}

.slotItemDelete
{
  padding-left: 1em;
  position: absolute;
  left: 45em;
}

.textbox
{
  border: solid 0.1em black;
  width: 10em;
}

.textboxDate
{
  border: solid 0.1em black;
  width: 8em;
}


.textboxTime
{
  border: solid 0.1em black;
  width: 4em;
}

.bookingInst
{
  background-color: White;
  border: solid 0.1em black;
  margin-bottom: 0.2em;
  width: 20em;
}

.bookedBookingInst
{
  background-color: #CC4245;
  border: solid 0.1em black;
  margin-bottom: 0.2em;
  width: 20em;
}


table, th, td
{
}

td
{
  padding-left:10px;
  padding-right:10px;
}

.dashboard
{
  position:relative;
  background-color:White;
  padding:1em;
  top: 0px;
  left: 0px;
}

.dashRow
{
}

.actualDashRow
{
  display:block;
  background-color:Lime;
}

.dashFirstCell
{
  
}
.dashCell
{
  padding:10px;
}

.dashTopCell
{
  padding:10px;
  font-weight:bold;
}

.dashFirstTopCell
{
  padding:10px;
}

.MyPageUserName
{
  font-family:Verdana;
  font-size:medium;
  padding-bottom:2em;
}

.MyPageMemberNr
{
}

.slotDateRow
{
  display: inline-block;
  width:20em;
}

.slotCol
{
}

.slotDate
{
  font-size:medium;
  margin-right:2em;
}

.slotTime
{
  font-size:large;
  margin-right:2em;
}

.slotTimeRow
{
  display: inline-block;
  width:30em;
}

.slotType
{
  display: inline-block;
  width:25em;
}

.slotTimeRowDetail
{
  display: inline-block;
  margin-top:1em;
  width:30em;
}

.slotTypeDetail
{
  display: block;
  width:20em;
}

.slotTypeDetail:hover
{
  font-weight:bold;
  display: block;
  width:20em;
}

.slotTypeRowDetail
{
  margin-bottom:1em;
  margin-left:2em;
  display: inline-block;
  width:30em;
}

.slotTypeRowDetail slotTypeDetail:hover
{
  margin-bottom:1em;
  margin-left:2em;
  display: inline-block;
  background-color:Green;
  width:30em;
}

.slotTypeRow
{
  padding-top:1em;
  margin-top:1em;
  display: inline-block;
  width:30em;
}

.slotUnbookLink
{
  text-align:right;
}

.loginTextbox
{
  width:5em;
}

.dateDetails
{
  margin-top:4em;
  width:30em;
  position:relative;
  min-height:20em;
  background-color:White;
}

.slotUnavailable
{
  background-color:Red;
}

.userBookings
{
  background-color: White;
  border: solid 0.2em black;
  width: 28em;
}

.myBookingsTitle
{
  padding:0.5em;
  color:White;
  background-color:Black;
  font-size: medium;
}

.myBookingsData
{
  padding:0.5em;
  color:Black;
  background-color:White;
}

.menuButton
{
  font-size: 100%;
  color:White;
  height:33px;
  width:155px;
  display:inline-block;
  padding:0.5em 0 0.5em 0;
  background-image:url('/Images/menubg.png');
  background-repeat:repeat-x;
  text-decoration:none;
}

.menuButton:hover { 
  font-size: 100%;
  font-weight:bold;
  color:White;
  height:33px;
  width:155px;
  display:inline-block;
  padding:0.5em 0 0.5em 0;
  background-image:url('/Images/menubglit.png');
  background-repeat:repeat-x;
}

.partners
{
  position:relative;
  width:154px;
  margin:0.5em;
}

.urlHilding
{
  margin-top:0.5em;
  font-size: 100%;
  height:48px;
  width:154px;
  display:inline-block;
  background-image:url('/Images/logoHilding.png');
}

.urlSuunto
{
  margin-top:0.5em;
  font-size: 100%;
  height:48px;
  width:154px;
  display:inline-block;
  background-image:url('/Images/logoSUUNTO.png');
}

.urlApiro
{
  margin-top:0.5em;
  font-size: 100%;
  height:48px;
  width:154px;
  display:inline-block;
  background-image:url('/Images/logoApiro.png');
}

.urlCareDirect
{
  margin-top:0.5em;
  font-size: 100%;
  height:48px;
  width:154px;
  display:inline-block;
  background-image:url('/Images/logoCareDirect.png');
}

.urlSE
{
  margin-top:0.5em;
  font-size: 100%;
  height:48px;
  width:154px;
  display:inline-block;
  background-image:url('/Images/logoSE.png');
}

.urlGoldwell
{
  margin-top:0.5em;
  font-size: 100%;
  height:48px;
  width:154px;
  display:inline-block;
  background-image:url('/Images/logoGoldwell.png');
}

.urlTA
{
  margin-right:0.5em;
  font-size: 100%;
  height:90px;
  width:73px;
  display:inline-block;
  background-image:url('/Images/certTA.png');
}

.urlMassage
{
  margin-right:0.5em;
  font-size: 100%;
  height:90px;
  width:73px;
  display:inline-block;
  background-image:url('/Images/certMassage.png');
}

.urlIcreps
{
  margin-right:0.5em;
  font-size: 100%;
  height:90px;
  width:73px;
  display:inline-block;
  background-image:url('/Images/certIcreps.png');
}

.imageBox
{
  width:15em;
  height:35em;
  padding:0.5em;
}

.redLineBox
{
  margin:0em 1em 0em 1em;
  width:40em;
  height:35em;
  text-align:left;
  border:0.1em solid red;
  padding:0.5em;
}

.registerBox
{
  width:414px;
  height:700px;
  font-family:Verdana;
  font-size:small;
  text-align:left;
  background-image:url('/Images/register_bg.png');
  background-repeat:no-repeat;
  padding:6em 1em 0em 1em;
}

.loginBox
{
  width:260px;
  height:340px;
  font-family:Verdana;
  font-size:small;
  text-align:left;
  background-image:url('/Images/login_bg.png');
  background-repeat:no-repeat;
  padding:6em 1em 0em 1em;
}

.userInfo
{
  display:block;
  margin: 1em;
}

.userActivity
{
  display:block;
}

.reportPanel
{
  background-color:White;
}