@import 'datepickercontrol_bluegray.css';

body {
  behavior:url("/js/csshover.htc");  /* IE hack voor :hover */
}
/* buttons */
ul#buttons {
  margin-left: 0;
  padding-left: 0;
}

ul#buttons li{
  display: inline;
  min-width: 100px;
  border: 1px solid #aaa;
  padding: 5px;
  background: #eee;
}
ul#buttons li:hover {
  border: 1px solid #000;
  background: #ddd;
}
ul#buttons li a {
  background-repeat: no-repeat;
  padding-left: 20px;
  font-weight: bold;
  color: #000;
}
li#butmeeting a {
  background-image: url(/images/users.gif);
}
li#butadd a {
  background-image: url(/images/add_user.gif);
}
li#butadmin a {
  background-image: url(/images/admin.gif);
}
li#butlist a {
  background-image: url(/images/lijst.gif);
}
li#butstats a {
  background-image: url(/images/stats.gif);
}
li#butstyle a {
  background-image: url(/images/style.gif);
}
li#butprint a {
  background-image: url(/images/print.gif);
}
li#buthome a {
  background-image: url(/images/home.gif);
}

ul#buttons li.nobutton {
  display: inline;
  font-size: 10px;
  border: 0;
  background: #fff;
  padding-bottom: 0; 
}
ul#buttons li.nobutton:hover {
  border: 0;
  background: #fff;
}

/* overige zut */

#debug {
  font-size: 10px;
  border: 1px dashed #ccc;
  position: absolute;
  bottom: 0;
  display: none;
}

a {
  color: #400;
  text-decoration: none;
}
a:hover {
  color: #b00;
  text-decoration: underline;
}

div#meetingdescription {
  width: 575px;
  margin-bottom: 5px;
}

p.helptekst {
  width: 575px;
  margin-bottom: 5px;
}

ul#mogelijkheden {
  width: 575px;
}


div#content {
  margin-bottom: 50px;
}

body {
  font-family: sans-serif;
  font-size: 12px;
  margin-top: 10px;
  margin-left: 10px;
}


table {
  border: 1px solid #000;
  background: #fff;
/*  width: 575px;*/
}

table tr {
  background: #eee;
}

table tr:hover {
  background: #bbb;
  color: #fff;
}

table tr#tablehead {
  background: #ccc;
  text-align: left;
}

table tr#tablehead th {
  padding: 5px;
  font-weight: bold;
  color: #000;
  font-size: 16px;
  cursor: default;
}

table tr td {
  padding-left: 5px;
  padding-right: 5px;
  cursor: default;
}

table tr td.datum {
  width: 55px;
}

table tr td.locatie {
  min-width: 75px;
}

table tr td.nick {
  background: #dedede;
  font-size: 14px;
  
}

table tr:hover td.nick {
  background: #dedede;
  color: #000;
}

table tr td.datum {
  text-align: center;
}

table tr td.datum.yes {
  font-weight: bold;
  color: #0b0;
  background-image: url(/images/state_Y.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
table tr td.datum.yes span {
  display: none;
}
table tr td.datum.no span {
  display: none;
}
table tr td.datum.no {
  font-weight: bold;
  color: #b00;
  background-image: url(/images/state_N.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
table tr:hover td.datum.yes {
  background-color: #0b0;
  background-image: none;
  color: #fff;
}
table tr:hover td.datum.yes span {
  display: inline;
}
table tr:hover td.datum.no {
  background-color: #b00;
  background-image: none;
  color: #fff;
}
table tr:hover td.datum.no span {
  display: inline;
}
table tr td.datum.unknown {
  background-image: url(/images/state_O.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
table tr td.datum.unknown span {
  display: none;
}
table tr:hover td.datum.unknown {
  background-image: none;
}
table tr:hover td.datum.unknown span {
  display: inline;
}

table tr.stats td {
  font-weight: bold;
  background: #fff;
  color: #000;
}
table tr:hover.stats td {
  background: #fff;
  color: #000;
}

/* form */
fieldset {
/*  width: 575px;*/
  margin-bottom: 15px;
}
legend {
  font-weight: bold;
  font-size: 14px;
}

fieldset.buttons {
  border: 0;
  text-align: center;
}
fieldset.buttons legend {
  display: none;
}
fieldset.buttons input {
  font-size: 18px;
}
fieldset.buttons input:hover {
}

/* IE sucks, just ignore that stupid browser, and make nice buttons for normal browser :P */
input[type=submit], input[type=button] {
  border: 1px solid #aaa;
  background: #eee;
}
input[type=submit]:hover, input[type=button]:hover {
  border: 1px solid #000;
  background: #ddd;
}


dl dt {
  font-weight: bold;
  padding-top: 5px;
}

dd table {
  width: 350px;;
}

dd table tr#tablehead th {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
}

dd table tr:hover {
 background: #eee;
}

#message {
  font-size: 1.5em;
  color: #000;
  background-color: #f00;
  border: 3px dashed yellow;
  text-align: center;
  width: 500px;
  margin: 15px; 
}


/* final zooi */
.fixedlocation {
  font-size: 1.5em;
  color: #0b0; 
}
.fixedday {
  font-size: 1.5em;
  color: #0b0;
}

/*banner*/
div.banner {
  margin: 0;
  margin-top: 5px;
  padding: 0;
  border: 0px;
/*  text-align: center; */
/*  width: 575px;*/
}
div.banner object {
  width: 468px;
  height: 60px;
  margin: 0;
  padding: 0;
  border: 0;
}

/* zooi */
td.admin a img {
  border: 0;
}
tr.openmeeting {
  font-weight: bold;
}
tr.openmeeting.oldmeeting td {
  background-color: #ffcccc;
}
tr.openmeeting.futuremeeting td a {
	color: #555;
}
tr.hiddenmeeting {
  font-style: italic;
}
tr.deletedmeeting td.titel a {
  text-decoration: line-through;
}
tr.deletedmeeting td.status {
  text-decoration: line-through;
}
tr.openmeeting td.titel a {
  background-image: url(/images/on.gif);
  background-repeat: no-repeat;
  padding-left: 25px;
}
tr.closedmeeting td.titel a {
  background-image: url(/images/off.gif);
  background-repeat: no-repeat;
  padding-left: 25px;
}
.buttons a img {
  border: 0;
}
p.buttons a img {
  margin-right: 3px;
}

p#add {
  width: 100px;
  border: 1px solid #aaa;
  padding: 5px;
  background: #eee;
}
p#add:hover {
  border: 1px solid #000;
  background: #ddd;
}
p#add a {
  background-image: url(/images/users.gif);
  background-repeat: no-repeat;
  padding-left: 20px;

  font-weight: bold;
  color: #000;
}

div#page_nav {
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
}

@media print {
  .banner {
    display: none;
  }
}

#footer {
  margin-top: 50px;
}

p#disclaimer {
  font-size: 75%; 
  color: #555;
  background-color: #fff;
  border-top: 1px solid #aaa;
  width: 500px;
  margin-top: 20px;
} 

.admin_break {
	color: #f00;
	border: 2px dashed #f00;
	padding: 5px;
}