/*
* Cache van main.style.css
* Created: 2011-11-09 13:24:57
*/

ul.calendar {
  margin: 0px;
  padding: 0px;
}
ul.calendar li.day {
  float: left;
  width: 70px;
  margin: 0px 3px;
  padding: 0px;
  list-style-type:none;
  background-color: #bfab8e;
  font-weight: bolder;
  font-size: 13px;
  color: white;
  text-align: center;
  line-height: 20px;
}
ul.calendar li.day ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
  border-color: #bfab8e;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
}
ul.calendar li.day ul li {
  background-color: #ffffff;
  border: 0px;
  font-size: 10px;
  text-align: center;
  margin: -1px 0px;
  border-top: 1px solid #bfab8e;
  line-height: 13px;
}

ul.calendar li.day ul li.notavailable {
  background-color: #f1ebe2;
  background-image: url(/images/calendar/arceer.gif);
}

ul.calendar li.hours {
  float: left;
  width: 20px;
  margin: 0px -3px;
  padding: 0px;
  list-style-type:none;
}
ul.calendar li.hours ul {
  list-style-type:none;
  margin: 40px 0px 0px 0px;
  padding: 0px;
}
ul.calendar li.hours ul li {
  font-size: 12px;
  color: black;
  font-weight: bold;
  text-align: left;
  margin: -1px 0px;
  border-color: #bfab8e;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
}
ul.calendar li.hours ul li.hourstart {
  visibility: hidden;
}

table.weekinfo {float: left;}
table.weekinfo tr {height: 25px;}
table.weekinfo td.weekleft {width: 55px; font-weight: bold; height: 25px;}
table.weekinfo td.weekright {width: 205px; height: 25px; font-weight: bold;}
table.weekinfo td.weekright select {font-weight: normal; width: 90%;}
table.weekinfo td.dp {width: 10px; text-align: center; font-weight: bold;}

table.weeknav td.prev, table.weeknav td.next {width: 20px; height: 20px;}
table.weeknav td.weekno {text-align: center; font-weight: bold;}

table.timetable
{
  background-color: #bfab8e;
}
table.timetable td.header, table.ticketstatus td.header
{
  background-color: #bfab8e;
  color: #ffffff;
  font-weight: bold;
  font-size: 90%;
  text-align: center;
}
table.timetable td.time
{
  background-color: #f1ebe2;
  text-align: right;
  width: 50px;
  margin: 0px;
  font-size: 90%;
}
table.timetable td.datetime
{
  background-color: #ffffff;
  text-align: center;
  width: 60px;
}
table.ticketstatus {background-color: #bfab8e; margin: 15px 0px;}
table.ticketstatus td {background-color: #ffffff;}
div.explain
{
  border: 1px solid #bfab8e;
  width: 140px;
  margin: 5px 0px;
  padding: 5px;
  display: none;
}/*
* $Author: pluijm $
* $LastChangedDate: 2009-04-24 15:48:52 +0200 (Fri, 24 Apr 2009) $
* $Id: main.style.css 3416 2009-04-24 13:48:52Z pluijm $
* $Rev: 3416 $
*/

ul#menu, ul#menu ul {margin: 0px; padding: 0px; list-style: none;}
ul#menu ul {display: none;}
ul#menu ul.curpage, ul#menu ul.shown {display: block;}
ul#menu li {margin: -2px 0px; padding: 0px; cursor: pointer;}

*, body
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
}
body, body#popup
{
  background-color: #ffffff;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

/* General */
.hidden   {display: none;}
.clear    {clear: both;}
.error    {color: red; text-align: left;}
.success  {color: maroon; text-align: left; font-size: 110%;}
img       {border: 0px; margin: 0px;}
p         {text-align: left;}
a:link    {color: #333333; text-decoration: underline;}
a:visited {color: #333333; text-decoration: underline;}
a:hover   {color: #333333; text-decoration: none;}
a:active  {color: #333333; text-decoration: underline;}

h1,h2,h3,h4,h5,h6 {font-weight: bold; font-size: 12px;}

input.input, select, textarea
{
  width: 200px;
  border: 1px solid #7b95db;
  height: 20px;
}
textarea {
	height: 100px;
}
textarea.big {
	width: 400px;
}
/* General */

/* Main lay-out */
div#wrapper
{
  width: 760px;
  text-align: left;
  margin: 10px auto;
}
div.main
{
  width: 760px;
  border: 1px solid #bfab8e;
  margin: 15px 0px;
}
div.login
{
  background-image: url(/images/interface/imglogin.jpg);
  background-position: top right;
}
div.main div.left
{
  border-right: 1px solid #bfab8e;
  background-color: #f1ebe2;
  width: 570px;
  float: left;
  margin: 0px;
}
div.main div.calendar {background-color: #c1e5e9 !important;}
div.main div.right
{
  background-color: #ffffff;
  vertical-align: top;
  float: left;
  margin: 0px;
}
div.contentcontainer {padding: 10px;}
br.clear {clear: both;}

body#popup div#main
{
  border: 1px solid #bfab8e;
  background-color: #f1ebe2;
  padding: 10px;
  width: 90%;
}
/* End main lay-out */

table.form
{
  background-color: #bfab8e;
  text-align: left;
}
table.form td.input {background-color: #ffffff; width: 250px;}
table.form td.input-small {width: 50px;}
table.form td.input-small2 {width: 100px;}
table.form td.input-big {width: 300px;}
table.form td.first
{
  background-color: #bfab8e;
  color: #ffffff;
  white-space: nowrap;
}
table.form th
{
  color: #ffffff;
  text-align: left;
}

div.nav
{
  text-align: left;
  margin: 10px 0px;
}