body { padding:0; margin:0; font-family:verdana; font-size:10px; }
label { font-family:verdana; }
select { font-family:verdana; font-size:10px; }
a { color:#E2B5E9; }
a:visited { color:#E2B5E9; }
a:active { color:#E2B5E9; } 
p { padding-left:0; margin-left:0; }

hr { border-style:solid; border-color:#E2B5E9; }
input.button { background-color:#E2B5E9; font-family:Swiss,Arial; font-size:12px; }
button { background-color:#E2B5E9; font-family:Swiss,Arial; font-size:12px; }
input.adminbutton { background-color:#E2B5E9; font-family:Swiss,Arial; font-size:10px; height:18px; padding:0; margin:0; }
a.adminbutton { padding-left:.5em; padding-right:.5em; background-color:#888888; color:#fff; text-decoration:none; font-weight:bold; }
a.adminbutton:hover { background-color:#DDDDDD; color:#333; }


table td { font-family:verdana; font-size:10px; color:#fff; }
table td a { color:#fff; }
table th{ font-family:verdana; font-size:10px; color:#fff; }
table th a { color:#fff; }

table.agenda { width:520px; margin-bottom:.5em;}
table.agenda td { font-family:verdana; font-size:10px; color:#fff; }
table.agenda td.date { padding-right:10px; width:20px; }
table.agenda td.month { font-weight:bold; color:#E2B5E9; border-bottom:solid 1px #E2B5E9; }
table.agenda td.entry { width:280px; }
table.agenda td.location { width:120px; }
table.agenda td.time { width:90px;  }
table.agenda td.remark { font-style:italic; }

ul.agendadetail { margin:0; padding:0; list-style:none; }
ul.agendadetail li { margin:0; padding:0; margin-bottom:1em; }

	
h1 { font-family:swiss,arial; color: #E2B5E9; font-size:15px; }
h2 { font-family:swiss,arial; color: #E2B5E9; font-size:12px; }
h3 { font-family:swiss,arial; color: #E2B5E9; font-size:10px; }
h4 { font-family:swiss,arial; color: #E2B5E9; }
h5 { font-family:swiss,arial; color: #E2B5E9; }

table#window { width:100%; height:100%; }
td#header { width:994px; height:292px; background:transparent url(../graphics/layout/header.png); }
body#combo td#header { background:transparent url(../graphics/layout/header-combo.png); }
body#lol td#header { background:transparent url(../graphics/layout/header-lol.png); }
table#main { width:994px; height:100%; margin:0; padding:0; border:none; background-color:#ddd;  }
table#main td { vertical-align:top; text-align:left; margin:0; padding:0; }
table#main td.col1 { width:189px; height:100%; background:transparent url(../graphics/layout/navigation-background.png);}
table#main td.col2 { width:620px; height:100%; background:transparent url(../graphics/layout/content-background.png); background-repeat:repeat-y; }
table#main td.col3 { width:185px; height:100%; background-color:#78098B; }

div#navigation-top { width:189px; height:56px; background:transparent url(../graphics/layout/navigation-top.png); }

ul#navigation-list { list-style:none; border:none; margin:0; padding:0; no-repeat; }
ul#navigation-list li { width:189px; height:23px; background:transparent url(../graphics/layout/navigation-menuitem.png); display:block;}
ul#navigation-list li.first { background:transparent url(../graphics/layout/navigation-first-menuitem.png); }
ul#navigation-list li a { width:170px; height:23px; font-family:Swiss,Arial; font-size:12px; text-align:right; text-decoration:none; color:#ffffff; display:block; padding-top:5px; }
ul#navigation-list li a:hover { text-decoration:underline; }

.menubar { float:left; }

ul#navigation-list li ul { position:relative; left:200px; list-style:none; border:none; margin:0; padding:0; no-repeat; }
ul#navigation-list li ul li { width:189px; height:23px; background:transparent url(../graphics/layout/navigation-menuitem.png); display:block;}
ul#navigation-list li ul li.first { background:transparent url(../graphics/layout/navigation-first-menuitem.png); }
ul#navigation-list li ul li a { width:170px; height:23px; font-family:Swiss,Arial; font-size:12px; text-align:right; text-decoration:none; color:#ffffff; display:block; padding-top:5px; }
ul#navigation-list li ul li a:hover { text-decoration:underline; }

div#content { background:transparent url(../graphics/layout/content-top.png); background-repeat:no-repeat; padding-top:45px; padding-left:47px; padding-right:48px; font-family:verdana; color:#fff; font-size:10px; }

div#agenda	{ width:185px; background:transparent url(../graphics/layout/agenda-background.png); }
div#agenda-top { width:185px; height:56px; background:transparent url(../graphics/layout/agenda-top.png); }
ul#agenda-list { list-style:none; border:none; margin:0; padding:0; no-repeat; }
ul#agenda-list li { width:185px; background:transparent url(../graphics/layout/agenda-item-background.png); background-repeat:repeat-y; padding-top:7px; padding-left:14px; padding-right:6px; padding-bottom:10px; margin-bottom:5px;}
div#agenda-end { width:185px; height:154px; background:transparent url(../graphics/layout/agenda-end.png); }
ul#agenda-list li div.date { color:#4BFFAC; font-style:italic; font-weight:bold; font-family:verdana; font-size:10px; }
ul#agenda-list li div.text { color:#FCD3F5; font-family:verdana; font-size:10px; padding-top:5px; }
ul#agenda-list li div.text a { color:#FCD3F5; text-decoration:none; }
ul#agenda-list li div.text a:hover { text-decoration:underline; }

body#login fieldset ul { margin:0 0 0 0; padding-left:0px; padding-bottom:10px; list-style:none; }
body#login fieldset ul li { paddin-bottom:.5em; margin-bottom:.5em; }
body#login fieldset ul li.error { }

ul.form { margin:0 0 0 0; padding-left:0px; padding-bottom:10px; list-style:none; }
ul.form li { paddin-bottom:.5em; margin-bottom:.5em; list-style:none; }
ul.form li.error { } 

label.desc { 
    margin: 4px 0 3px 0;
    border: 0;
    color: #E2B5E9;
    font-size: 1em;
    line-height: 1.3em;
    display: block;
    font-weight: bold;
}

fieldset {
    margin: 0 0 5px 0;
    padding: 10px 20px 20px 15px;
    color: #E2B5E9;
}

fieldset legend { color: #E2B5E9; font-weight:bold; }

div#otheragendas { margin-top:1em; }
div#otheragendas div { padding-right:20px; }

div#header-admin { text-align:right; }

table.table { margin-top:.5em; margin-bottom:.5em; }
table.table thead { }
table.table tbody { }
table.table tr { }
table.table tr.odd { }
table.table tr.even { }
table.table th { font-family:verdana; font-size:10px; text-align:left; }
table.table th.sortable { }
table.table th.sorted { }
table.table th.order1 { }
table.table td { font-family:verdana; font-size:10px; color:#fff; }
table.table td a { color:#fff; }
div.exportlinks { margin-bottom:1em; }

li.buttonBar { width:100%;  }
li.buttonBar div { float:left; padding-right:.5em; }
li.buttonBar input { background-color:#E2B5E9; font-family:Swiss,Arial; font-size:12px; } 
li.info { color:#fff; } 
input.text { width:250px; font-family:verdana; font-size:10px; }
textarea { font-family:verdana; font-size:10px; }

div.group { padding-left:10px; border-left:solid 2px #E2B5E9; width:100%; }
div.group div p { margin:0; padding 0; padding-bottom:.5em; }
div.group label {  }

th.pickLabel { text-align:left; }
th.pickLabel label { font-family:verdana; font-size:10px; color:#E2B5E9; }

form li div { display: inline-block; }
form#saveuser ul li { padding-bottom:.5em;}
form#saveuser ul { list-style:none; margin:0; padding:0; } 

table#editform_userparticipations td { text-align:left; padding-right:1em; }
table#editform_userparticipations th { text-align:left; padding-right:1em; }

div.sections { padding-top:1em; }
div.orkestsectie { float:left; border:solid 2px #E2B5E9; padding:.5em; position:relative; width:200px; margin-right:1em; } 
div.orkestsectie div.title { font-weight:bold; padding-bottom:.5em; }
ul.orkestsectie { list-style:none; margin:0; padding:0; }
ul.orkestsectie li { float:left; padding:0;  }

form .left{
    float: left !important;
    margin: 0;
}

form .right{
    float: right !important;
    margin: 0;
}

form .clear{
    clear: both;
}

/* Fixes for forms around everything in JSF */
form ul.glassList {
    list-style: url(../graphics/aquadot.jpg) disc outside;
    vertical-align: top;
    line-height: 1.2em;
    margin-left: 40px;
}

form ul.glassList li {
    line-height: 1.1em;
    font-size: 1.1em;
    padding: 2px 0 3px 0;
}

form .pagebanner, form .exportlinks, form .table {
    font-size: 1.1em;
}
/* End of JSF fixes */

ul.horizontal { position:relative; list-style:none; }
ul.horizontal li { float: left; position: relative; border:none; }
ul.horizontal li div { float:left; display: block; position:relative; padding-right:1em; }


/* This is the style for the informational messages presented to the user */

div.error, span.error, li.error, div.message {
    background: #ffffcc;
    border: 1px solid #000;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 10px auto;
    padding: 3px;
    text-align: left;
    vertical-align: bottom;
}

/* use a different color for the errors */
div.error, span.error, li.error {
    border: 2px solid red;
}

/* For Spring MVC */
span.error {
    display: block;
}

label.error {
    display: none; /* Replace the label in error with the validation message */
    font-weight: bold;
}

/* IE fix, followed by the rest of the world fix */
li.error {
    padding: 3px !important;
}

ul>li.error {
    padding: 0 !important;
}

div.message p, div.message p {
    margin-bottom: 0;
}

img.validationWarning, div.error img.icon, div.message img.icon, li.error img.icon {
    border: 0 !important;
    width: 14px;
    height: 13px;
    vertical-align: middle;
    margin-left: 3px;
    background: transparent !important;
    /* important added because some themes define div#main img */
}

/* Replaces label with validation error */
div li img.validationWarning { float: left; margin-top: 5px; margin-right: 3px; }
/* hides the icon when message is below input fields */
li div p img.validationWarning { /*margin-top: -17px; float: right*/ display: none}

div.message a {
    background: transparent;
    color: #0000FF;
}

div.message a:visited {
    background: transparent;
    color: #0000FF;
}

div.message a:hover {
    background: transparent;
    color: #008000;
}

div.message a:active {
    text-decoration: underline overline;
}

div.message img.icon {
    vertical-align: middle;
}

img.calIcon {
    vertical-align: middle;
    padding-bottom: 6px;
}

span.fieldError, .errorMessage {
    color: yellow;
    font-size: .95em;
    font-weight: bold;
    display: block;
}

/* Tapestry-specific messages: http://tapestry.apache.org/tapestry4.1/usersguide/clientside-validation.html */
.fieldMissing {
    background: #FFCA7A !important;
}

.fieldInvalid {
    background: #FF887A !important;
    font-weight: bold;
}

.alertDialog {
    width: 30em;
    border: 2px solid red;
    padding: 2em;
    text-align: left;
    background: #fff;
    -moz-border-radius: 10px;
}

.alertContent .alertButton {
    float: right;
    position: relative;
    bottom: .75em;
}

.missingList, .invalidList {
    padding-bottom: 1em;
    padding-top: 0.2em;
    padding-left: 0.1em;
    padding-right: 0.2em;
    margin: 0;
}

.missingList {
    border-top: 4px solid #FFCA7A;
}

.invalidList {
    border-top: 4px solid #FF887A;
}

.missingList li, .invalidList li {
    list-style: none;
    line-height: 1.2;
}

ul#links { list-style:none; margin:0; padding:0; }
ul#links li { margin-bottom:.5em; }
table.links
table.links tr { margin-bottom:1em; padding-bottom:1em; }
table.links td { }
table.links td.name { width:300px; }
table.links td.url { width:200px; }
table.links td.description { padding-left:20px; font-style:italic; }

ul#contacts { list-style:none; margin:0; padding:0; }
ul#contacts li { margin-left:0; margin-bottom:1em; }
table.contact { margin:0; } 
table.contact td.name { width:130px; font-weight:bold; }
table.contact td.role { width:200px; }
table.contact th, td { padding-bottom:1em; } 

form#contactmessagesend { margin:0; padding:0; }

ul#orkestsecties { list-style:none; margin:0; padding:0; }
ul#sectieinstrumenten { list-style:none; margin:0; padding:0; }

ul.news { list-style:square; margin:0; padding:0; }
ul.news li { padding:0; margin:0; margin-bottom:.5em; }
ul.news li a { text-decoration:none; }
ul.news li a:hover { text-decoration:underline; } 

table.guestbookadd td,th { text-align:right; vertical-align:top; }

div.guestbookitem { border:solid 1px #E2B5E9; padding:2px; margin-bottom:1em; } 
div.guestbookitem div.name { padding-left:.5em; background-color: #E2B5E9; color:#8E3A9E; font-weight:bold; padding-top:4px; padding-bottom:4px; }
div.guestbookitem div.date { text-align:right; margin-top:1em; }
div.guestbookitem div.content { padding-left:.5em; padding-top:.5em;}
div.guestbookitem div.delete { float:right; font-weight:bold; color:red; padding-right:1em; padding-top:3px; }
div.guestbookitem div.delete A { color:red; }

table.thumbnails {
	margin:0;
	padding:0;
	margin-top:5px;
}

table.thumbnails td {
	margin:0;
	padding-right:3px;
	padding-bottom:0px;
}

div.imagegallery-image-portrait {
	float:left;
}

div.imagegallery-imagedescription-portrait {
	font-style:normal;
	margin-left:1em;
	float:left;
}

div.imagegallery-imagedescription-landscape {
	font-style:normal;
	margin-top:1em;
}

.img-shadow {
  float:left;
  background: url(../graphics/layout/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../graphics/layout/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 5px !important;
  margin: 10px 0 0 0px;
  }

.img-shadow img {
  display: block;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 

.img-tn-shadow {
  float:left;
  background: url(../graphics/layout/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../graphics/layout/shadow.gif) no-repeat bottom right;
  margin: 2px 0 0 5px !important;
  margin: 2px 0 0 0px;
  }

.img-tn-shadow img {
  display: block;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: 0px 6px 6px -6px;
  padding: 1px;
  } 

ul.galleries {
	list-style:none;
	margin:0;
	padding:0;
	}
	
ul.galleries li {
	float:left;
	width:100px;
	margin:0;
	margin-right:15px;
	margin-bottom:15px;
	padding:0;
	}
	
ul.galleries li div.thumbnail {
	width:60px;
	border:none;
	}
	
ul.galleries li div.thumbnail a img {
	border-color:#E2B5E9;
}	

ul.galleries li div.thumbnail a:hover img {
	border-color:#FFFFFF;
	background-color:#ffffff;
	
}	

ul.galleries li div.title {
	color:#ffffff;
	text-align:center;
	clear:both;
	}

	ul.header-navigation {
	float:right;
	list-style:none;
	margin:0;
	padding:0;	
	}

ul.header-navigation li {
	margin:0;
	padding:5px;
	float:left;
	margin-top:6px;
	margin-left:0px;
}

ul.header-navigation li a {
	margin:0;
	padding:0;
	border:solid 1px #E2B5E9;
	background-color:#8E3A9E;
	color:#ffffff;
	font-weight:normal;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	font-size:12px;
}

ul.header-navigation li a:hover {
	background-color:#E2B5E9;
	text-decoration:none;
}