div#container {
  font-family:  Arial;
  font-size:    9pt;
  text-align:   left;
}
img {
  border:   none;
  margin:   0px;
  padding:  0px;
  vertical-align: middle;
}

body {
  text-align: center;
  background: #787878; /*#F3EFD4; */
  /*background: #FFFFFF;*/
}

li {
  margin-left: 5px;
}

h1 {
  font-size:    11pt;
  color:        #BE1E2D;
  font-weight:  bold;
  margin:       10px 0px 0px 0px;
}

h2 {
  font-size:    10pt;
  margin:       4px 0px 0px 0px;
  font-weight:  bold;
  color:        #BE1E2D;
}

p {
  margin:  0px 0px 10px 0px;
}

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

a:hover {
  color: 	    #BE1E2D;
  text-decoration:  underline;
}

#container {
  width:        968px;
  margin-left: 	auto;
  margin-right: auto;
  position:     relative;
  margin-top:   8px;
}

#container2 {
  float:          left;
  background:     #FFFFFF;
  padding:        8px;
  margin-bottom:  8px;
  border:         1px solid #B2B2B2;
  width:          950px;
}

#header {
  float:            left;
  width:            100%;
  height:           200px;
  background-image: url(/images/layout/HeaderBarBack.png);
  margin-bottom:    8px;
  position:         relative;
}

#headersmart4 {
  float:            left;
  width:            100%;
  height:           200px;
  background-image: url(/images/layout/HeaderBarBackSmart.png);
  margin-bottom:    8px;
  position:         relative;
}

#menuLeft {
  float: left;
  width: 180px;
}

#content {
  float:  left;
  width:  574px;
  margin: 0px 8px;
}

.contentWide {
  width:  754px !important;
}

.contentComplete {
    margin: 0px !important;
    width: 100% !important;
}

#menuRight {
  float:  left;
  width:  180px;
}

.menuBox {
  border:         1px solid #BE1E2D;
  margin-bottom:  8px;
  clear:          both;
}

.menuBox .menuHead {
  color:      #FFFFFF;
  text-align: center;
  padding:    3px 0px;
  border:     3px solid #BE1E2D;
  background: #ED1C24;
}

.menuBox .menuContent {
  margin: 8px;
}

.menuBox ul {
  list-style-type: none;
  margin:  2px 0px 2px 10px;
  padding: 0px;
}

.menuBox li {
  margin: 2px;
}

ul.submenu, ul.subsubmenu {
  margin:  2px 0px 2px 4px;
  list-style-type: none;
  margin-left: 4px;
  padding: 0px;
}

ul.submenu_parents {
  margin-bottom: 0px;
  margin-left: 4px;
}

li.menu_selected {
  font-weight: bold;
}

ul.submenu_siblings {
  margin-left: 4px;
  margin-top: 10px;
}

#contentText ul.submenu, #contentText, ul.subsubmenu {
  padding-left: 10px;
}

#contentText {
  padding: 8px;
  border: 1px solid #B2B2B2;
  margin-bottom: 8px;
}

.headNews {
  clear:        left;
  border:       1px solid #B2B2B2;
  padding:      8px;
  background:   #F3EFD4;
  margin-bottom:8px;
}

.otherNews {
  clear:  left;
  margin: 16px 0px;
}

#sponsorBar {
  padding:  0px 8px;
  border:   1px solid #B2B2B2;
}	

#sponsorBar table {
  width:    100%;
}

#sponsorBar table td {
  width:      33%;
  text-align: center;
}

#inlog {
}

#inlogBox {
  float:        left;
  width:        132px;
  margin-right: 5px;
  margin-bottom: 8px;
}

#inlogBox input {
  border:   1px solid;
  width:    128px;
  height:   15px;
  padding:  1px;
  float:    left;
  margin-bottom: 5px;
}

#submitBox {
  float:          left;
  width:          43px;
  padding-top:    28px;
}

#submitBox input {
  border:     3px solid #BE1E2D;
  background: #ED1C24;
  color:      #FFFFFF;
  width:      43px;
  height:     44px;
  text-align: center;
  font-size:  12px;
  padding:    2px 2px 2px 2px;
}

#loggedinBox {
  padding: 0 0 4px 4px;
  height: auto;
}

#pass2 {
  display:  none;
}

#bottom a {
  color:  #B2B2B2;
}
#bottom {
  text-align: center;
  border:     1px solid #B2B2B2;
  padding:    3px 0px;
  clear:      left;
  width:      inherit;
  margin-top: 8px;
}

#logo2 {
  float:    right;
  margin:   4px 4px 0px 0px;
  width:    201px;
}

#logo1 {
  float:  left;
  width:  406px;
}

#logosmart {
    float: left;
    width: 330px;
    color: white;
}

#logosmart h1 {
    color: white;
    font-size: 24px;
    margin-bottom: 6px;
    text-align: center;
}

#topMenu {
  float:        left;
  margin-top:   165px;
  margin-right:	-51px;
  left:         384px;
  position:     absolute;
  width:        357px;
}

.smart4menu {
    left: 10px !important;
    width: 750px !important;
}

.smart4menu form {
  float: right;
  padding-top: 8px;
}

#topMenu img{
  height: 35px;
  margin: 0px 7px;
}

#lang {
  float:        right;
  margin-top:   25px;
  margin-right: 141px;
}

div.datetimeip {
  color: white;
  text-align: right;
  width: 400px;
  float:right;
  padding-right: 5px;
  padding-bottom: 2px;
}

div.languagelink {
  color: white;
  width: 300px;
  padding-left: 5px;
  padding-bottom: 2px;
}

div.msg-ok {
  width: 97%;
  line-height: 16px;
  border-bottom: 1px solid #0c0;
  background: #cfc url("/images/icons/accept.png") 2px 2px no-repeat;
  padding: 2px 2px 2px 20px;
}
div.msg-notice {
  width: 97%;
  line-height: 16px;
  border-bottom: 1px solid #cc0;
  background: #ffc url("/images/icons/error.png") 2px 2px no-repeat;
  padding: 2px 2px 2px 20px;
}
div.msg-error {
  width: 97%;
  line-height: 16px;
  border-bottom: 1px solid #c00;
  background: #fcc url("/images/icons/exclamation.png") 2px 2px no-repeat;
  padding: 2px 2px 2px 20px;
}
.grey {
  color: #888;
}

div.simple_cms_edit_link {
  float: right;
  padding: 2px 2px 2px 20px;
  background: url("/images/icons/page_edit.png") 2px 2px no-repeat;
}

#sf_admin_container td.stores_voorraad {
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
}

#sf_admin_container td.stores_price {
  padding-left: 8px;
  padding-right: 8px;
}

td.green {
  background-color: green;
}

td.red {
  background-color: red;
}

td.yellow {
  background-color: yellow;
}

td.stores_photo img {
  max-width: 125px;
}

input, select {
  border: 1px solid;
  border-color: #800;
  vertical-align: middle;
}

input[type="submit"] {
  background-color: #DDD;
}
h1#pageTitle {
  text-decoration: underline;
  font-size: 12pt;
  margin: 0 0 10px 0;
}

.radio_list, .checkbox_list {
  margin: 0;
  padding: 0;
}

.radio_list li, .checkbox_list li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tableForm label {
  white-space: nowrap;
}

ul.sf_admin_actions {
  list-style-type: none;
}

input.yearInput {
  width: 50px;
}
select.kadiInput {
  width: 100px;
}
td.kadiWeek {
  vertical-align:middle !important;
  text-align:center !important;
  font-weight:bold;
}
td.kadiDay {
  width: 100px;
  font-size: 8pt;
}

div.infoboxPhoto {
  padding: 10px 0 0;
  margin: 0 !important;
  text-align: center;
  background: url("/images/dropshadow.png") center 9px no-repeat;
  vertical-align: top;
}

td.infoboxPhoto img {
  margin-bottom: 9pt;
}

td.photoCell {
  padding: 10px 0;
  text-align: center;
  width: 180px;
  background: url("/images/dropshadow.png") center 9px no-repeat;
  vertical-align: top;
}
td.photoCell img {
  margin-bottom: 9pt;
}
td.photoCell li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 8pt;
}
td.photoCell ul {
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0;
}
td.photoCell li.albumTitle {
  font-weight: bold;
  font-size: 9pt;
}
th.numeric {
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
}

div.atvList {
  width: 230px;
  float: left;
}

div.atvList ul {
  margin: 0 0 9pt 0;
}

#sf_admin_container table.activemember_results tr td {
  padding-left:  4px;
  padding-right: 4px;
}

table.filebrowser td {
  padding-left:  4px;
  padding-right: 4px;
}
.sponsorTable
{
  width: 100%;
  border: 0 none;
}
.sponsorTable thead th
{
  background: #ddd;
  color: #be1e2d;
  font-size: 11pt;
  border-bottom: 1px solid #bbb;
  text-align: left;
}
.sponsorTable tbody th
{
  width: 146px;
  text-align: center;
  border: 1px solid #CCC;
}
.sponsorTable tbody td
{
  vertical-align: top;
  border: 1px solid #CCC;
}
b.infoboxActivityDate {
  color: #be1e2d;  
}
h4.agenda_date {
  margin-top: 0px;
  margin-bottom: 0px;
}
h2.agenda_head {
  margin-top: 6px;
  clear: both;
}
div.agenda_signuplink {
  margin-top: -0.7em;
  margin-bottom: 1em;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
/*  height:32px; */
  cursor:pointer;
}
div.autocomplete span.informal
{
  color: #999;
}

div.cantus_slot {
  float: left;
  width: 300px;
  border: solid black 1px;
  margin: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

div.cantus_slot p {
  margin-bottom: 2px;
}

div.cantus_slot h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  
}

p.cantus_song_content {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

div.cantus_song_previous_song {
  width: 280px;
  float: left;
}

div.cantus_song_next_song {
  padding-right: 40px;
  text-align: right;
  float: right;
}

div.cantus_song_info {
  float: left;
  text-align: center;
}