html {
}

body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */  
	font-family: verdana,sans-serif;
}

a{
	text-decoration: none;
	color: #000000;
}

.listHeading{
	font-family : verdana;
	font-size: 11px;
	background-Color: #555555;
	text-align : center;
	color: #FFFFFF;
}

.listItem{
	font-family : Arial, verdana;
	font-size: 10px;
	background-Color: #FAFAFA;
	padding-left: 1px;
	text-align : left;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	height: 20px;
}

.listItem-11{
	font-family : Arial, verdana;
	font-size: 11px;
	background-Color: #FAFAFA;
	padding-left: 3px;
	text-align : left;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}

.toptext{
	width: 500px;
	font-family: "Trebuchet MS";
	font-weight: normal;
	font-size: 16pt;
	text-align: right;
	vertical-align: bottom;
	color: #333333;
	padding-bottom: 10px;
	letter-spacing: -1pt;
}

.commandlinetext{
	font-family : verdana;
	font-size: 10px;
}

.redText{
	color: #FFFFFF;
	background-color: #CC3333;
	font-weight: bold;
}

div.box-outer{
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

div.box-inner{
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 10px;
}

input.nicebox-enabled{
	border: 1px solid #7F9DB9;
	background-color: #FFFFFF;
}

input.nicebox-disabled{
	border: 1px solid #7F9DB9;
	background-color: #CCCCCC;
}

td.submenu{
	font-family : verdana;
	font-size: 11px;
	background-Color: #999999;
	text-align : left;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	color: #FFFFFF;
}

td.submenu-over{
	font-family : verdana;
	font-size: 11px;
	background-Color: #999999;
	text-align : left;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #000000;
	border-bottom: 1px solid #999999;
	color: #FFFFFF;
}

td.submenu-act{
	font-family : verdana;
	font-size: 11px;
	background-Color: #555555;
	text-align : left;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
	border: 1px solid #999999;
	color: #FFFFFF;
}

td.instuktioner{
	border-bottom: 1px solid #999999;
	font-family: Verdana;
	font-size: 11px;
	font-style: italic;
}

.statText{
	border-bottom: 1px dashed #555555;
	padding: 2px;
	padding-top: 8px;
}

.statData{
	border-bottom: 1px dashed #555555;
	padding: 2px;
	text-align: center;
	font-weight: bold;
	vertical-align: bottom;
}
.appointment-day{
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	background-Color: #FAE38F;
	padding: 1px;
	border-bottom: 2px solid #999999;
	color: #555555;
}
.appointment-data{
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	border-bottom: 1px dashed #BBBBBB;
	padding: 1px;
}

.appointment-data-empty{
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	background-Color: #FAE38F;
}

.minuttime{
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	height: 14px;
}

.fulltime{
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	height: 14px;
}

.freeSlot{
/*	font-family: verdana, arial;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	height: 14px;*/
	border: 1px solid #DDDDDD;
/*	cursor: pointer;*/
}

.freeSlot:hover{
	background-color: #EEE;
	cursor: pointer;
}

.freeSlotOver{
/*	font-family: verdana, arial;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	height: 14px;*/
	border: 1px solid #AAAAAA;
/*	cursor: pointer;
	background-color: #FFFFFF;*/
}

.bookedSlot{
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	height: 14px;
	border: 1px solid #DDDDDD;
	background-color: #AAAAAA;
	padding-left: 2px;
}

.breakSlot{
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	height: 14px;
	border: 1px solid #DDDDDD;
	background-color: #DDDDDD;
	padding-left: 2px;
}

.dayPassed{
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	height: 14px;
	border: 1px solid #DDDDDD;
	background-color: #BBBBBB;
	padding-left: 2px;
}

td.delapp{
	font-size: 10px;
	font-weight: bold;
	color: #CC3333;
	cursor: pointer;
}

td.newapp{
	font-size: 10px;
	font-weight: bold;
	color: #33CC33;
	cursor: pointer;
}

td.newappclicked{
	font-size: 10px;
	font-weight: bold;
	color: #999933;
	cursor: pointer;
}

select.small{
	font-size: 10px;
}

span.spanButtonOver{
	background-color: #FAE38F;
	font-size: 10px;
	color: #000000;
	cursor: pointer;
}

span.spanButtonOut{
	font-size: 10px;
	color: #000000;
}

div.invisible{
	visibility:hidden;
}

select.break:selected{
	background-color: #FAE38F;
}

/* These are the style specifications for the menu layers.  
   Set width to get more browsers corporation  */
div.menu  { 
  position:absolute; visibility:hidden; 
  width:110px; left:0; top:0; z-index:500; 
  font-size:10px; 
  background-color: #FAE38F; color:#000; /*#e6e6e6; color:#000;*/
  border: 1px solid;	
  border-color: #f7faff #99a #99a #f7faff; 
  z-index:1100;
}

/* Style specifications for menu items and links  */
div.menu ul { margin:0; padding:0 }
/* Need to set padding of at least one pixel or ie sets very large margin */
div.menu ul li { 
  padding:1px; margin:0;
  list-style-type:none
  }

/* Set display block and position relative so clicks on list items activate links  */  
div.menu a { 
  cursor:default;
  /*padding:.3em .4em; margin:0; */
  background-color:transparent;
  display:block; position:relative; 
  text-decoration:none 
  }

div.menu a:link { color:#000 }
div.menu a:visited { color:#000 }
div.menu a:hover { color:#000; background-color:#C1CFEE; cursor: hand }


div.bottom-text{
	font-size: 7pt;
	text-align: right;
	vertical-align: bottom;
	color: #777777;
}

.errorbox{
	background-color: #CC3333;
	border: 1px solid #BBBBBB;
	color: #FFFFFF;
	padding: 10px;
	width: 350px;
}
.formlabel{
	font-size: 10pt;
}


.error{
    color: red;
}

.showchangelog{
    font-size: 10pt;
    cursor: pointer;
    padding-right: 97px;
}


/* new 2016 */


.appointment_name{
	font-size: 15px;
}


.appointment_info{
	color:#777;
}

.ui-dialog .ui-dialog-titlebar-close{
	background-image: url(../pictures/close.svg) !important;
	background-size: 18px;
}

#clientList {
	height: 450px;
	overflow: auto;
}