body, table { font-family: Arial, Helvetica, sans-serif;
       font-size: 16px;
       color: #004479; background-color: white;
     }

body { background-color: #007DB1 }

h1 { text-align: center; font-size: 2.5em }
h2 { text-align: center; font-size: 2em }
h3 { text-align: center; font-size: 1.5em }
h4 { text-align: center; font-size: 1em }

A { color: blue; text-decoration: none }
A:hover { text-decoration: underline }

/* div#masthead { position: absolute; left: 0; top: 0; } */
div#masthead { width: 100%; margin: auto; background: #fff; }
/* body.site { background: #fff url(/art/Masthead-bg.jpg) repeat-x top } */

/* div#masthead #logo { z-index: 1; position: absolute; left: 0; top: 0; } */
/* div#masthead #winner { display: none; z-index: 10; position: absolute; left: 593px; top: 0px } */

.site-container {
    background-color: #fff;
    /* -moz-border-radius: 10px; */
    /* -webkit-border-radius: 10px; */
    /* border-radius: 10px; */
    margin: 1em auto;
}

select.btn-mini {
    height: auto;
    text-align: left;
    line-height: 14px;
    border: thin solid #004479;
}

/* div#content { background-color: white } */

.devhead { border: medium dashed red; text-align: center; margin: .5em 10em}

.updated { font-weight: bold }

td { vertical-align: top; }
/* toc { width: 20%; } */
.toc p { border-bottom: medium dotted #a7c7ff; margin: .5em; padding: .5em }
.toc p#tocend { border: 0; margin: .25em .25em }
.toc span { display: block; border: 0 }
.toc span#subhead { margin-left: 1em }
.toc span#current { color: blue; background-color: #a7c7ff }
.toc span#subheadcurrent { text-indent: 1em; color: blue; background-color: #a7c7ff }
.toc #tocitems { border: 2px solid #a7c7ff; padding: .5em; margin: .5em .5em }
.toc #tocitems a { /* width: 100%; */ display:block }
.toc #tocitems a:hover { background-color: #a7c7ff; text-decoration: none }
.toc p#amazon { border: 1px solid blue; background: #def; text-align: center; margin: .25em .25em }
.toc #signin { font-size: .9em; border: 2px solid #a7c7ff; margin: .5em .5em; text-align: center }

.topic {  margin: 0 1em; display: block }
.topic p { padding-bottom: 0em; }
.topic #tbstoday { background: #def; border: 1px solid blue; margin: 1em 2em 1em 0; 
  float: left; width: 99% }
.topic #tbstoday h2 { margin: 0; padding: .0125em; text-align: center; background: #A7C7FF; border-bottom: 1px solid blue }
.topic #tbstoday p { line-height: 1em; margin-left: 1.25em; text-indent: -1em; }
.topic #partner { width: 75%; border: 1px solid blue; margin: 1.5em 0 1.5em; padding-top: .5em }
.topic #partner img { max-width: 100% }
.topic #partner h4 { margin: .5em 0 0 0; font-size: 1em; text-align: center; background: #a7c7ff;
    border-top: 1px solid blue }

/* .calsum { width: 100% } */
.calsum h4 { font-size: 1em; text-align: center; margin: .5em 0 .5em 0 }
.calsum #today { width: 100%; text-align: center; }
/*td#calsum #minyan, #quickbox { border: 1px solid blue; text-align: center; margin: 1.5em 0 1.5em }
td#calsum #minyan h3, #quickbox h3 { font-size: 1em; margin: 0; background: #a7c7ff }
td#calsum #minyan p { border-top: 1px solid blue; margin: .25em 0 .25em 0 } */
.calsum #noevents { margin: .5em 0 .5em 0; width: 100%; text-align: center; font-style: italic }

/* td#calsum #quickbox a { display: block; text-decoration: none }
td#calsum #quickbox a:hover { background: #a7c7ff } */

.calsum table { width: 100%; border: 0; margin: 0; padding: 0 }
.calsum td { vertical-align: top; }
.calsum td#daynum { width: 2em; text-align: right; }
.calsum td#dayitem { text-align: left;  }


.quickbox { border: 1px solid blue; text-align: center; margin-top: 1.5em }
.quickbox h3 { font-size: 1em; margin: 0; background: #a7c7ff;  border-bottom: 1px solid blue }
.quickbox a { display: block; text-decoration: none }
.quickbox a:hover { background: #a7c7ff }
.quickbox p { margin: .25em }
.quickbox#minyan p { border-top: 1px solid blue; margin: .25em 0 .25em 0 }
.quickbox#minyan a { display: inline; text-decoration: none }
.quickbox#minyan a:hover { background: none; text-decoration: underline }
.quickbox#poll { text-align: left }
.quickbox#poll a { display: inline; text-decoration: none }
.quickbox#poll a:hover { background: none; text-decoration: underline }
.quickbox#featured { background: #def}
.quickbox#featured a:hover { background: #def }

#pollremind p { text-align: center; background: #def; font-weight: bold;
  color: blue; padding: 2px; border: 1px solid blue; }

#icontent, #cjpcontent { border: 0; width: 99%; height: 120px; background: #def; }
#cjpcontainer { background: white }
#container { margin: 0; width: 100%; position: absolute; top: 1px; background: #def} 

#pollview { width: 45%; float: left; position: relative; margin-right: .5em; padding: 1px }
#pollresult { margin: 1px; padding: 1px; width: 100%; }
#pollsmall { font-size: .8em }

.s2s { float: left; font-family: Georgia; border: 1px solid blue; margin: 0 .5em .5em 0; padding: 0; }
.s2s img {  float: left; margin: .5em;  }
.s2s h2 { margin: 0; font-style: italic; font-size: 1.5em; width: 100%; background: #a7c7ff;
    border-bottom: 1px solid blue }
.s2s p { margin: .25em }
.s2s div { padding: .25em }

.whatsnew { float: left; }

.lastupdate { text-align: center; font-size: 10px; padding-bottom: 0.5em; border-bottom: 1px solid #a7c7ff }

.copyright { text-align: center; }
.copyright h3 { font-size: 1em; font-weight: bold }

.welcome img { margin: .25em; border: 0; padding: 0; vertical-align: top }
.welcome img#left { float: left }
.welcome img#right { float: right }
.welcome h2 { margin-top: 0 }
.welcome h3 { margin-top: -1em; padding-top: 0; font-family: Times; font-style: italic; font-size: 1.5em }

div#news { width: 100% }
div#news #newsitem { clear: left; padding-bottom: .5em }
div#news #newsitem #bottom { float: left; width: 100%; border-bottom: medium dotted #a7c7ff; 
  padding-top: .5em; line-height: 0; margin-bottom: .5em }
div#news #newsitem img { float: left  }
div#news #newsitem #headline { width: 100%; float: left; font-weight: bold; margin: .25em 0 .5em 0 }
div#news #newsitem #moreinfo { color: gray; font-size: .8em }
div#news #future { background: silver }

.footer { margin: 0; font-size: .8em; width: auto}
.footer#left { float: left; }
.footer#right { float: right; text-align: right }
.footer#center { width: 100%; text-align: center }
.footer#alert { float: right; text-align: right; cursor: pointer; color: blue }

div#linkwarn { margin-top: 1em; width: 100%; border: 2px solid #f00; background: #ffb9b9; text-align: center; }
div#linkwarn h3 { margin: 0 }
div#linkwarn p { font-size: 1.1em; margin-bottom: .5em; padding: 0 }

div.linkset { float: left; width: 45%; background: #def; border: 1px solid blue; margin: .75em; }
div.linkset#sa { float: none; margin-left: 27% }
div.linkset h4 { margin: 0; padding: .25em; text-align: left; background: #A7C7FF; 
    border-bottom: 1px solid blue }
div.linkset a { margin: 0 .25em 0 .25em; padding: 0 }
div.linkset p { line-height: 1em; margin: 0 .125em 2px 1.25em; font-style: italic }

div#calendar { width: 100% }
div#calendar table { background-color: #69f; color: #fff; font-size: 1.2em; table-layout: fixed }
div#calendar table#caption { font-size: .8em; background-color: #fff }
div#calendar table #left { text-align: left }
div#calendar table #right { text-align: right }
div#calendar table #center { text-align: center }

div#calendar #noday { background-color: #A7C7FF }
div#calendar #today { background-color: #def; color: #000; }
div#calendar a#daylink { font-style: italic }

div.elist #header { text-align: center; background-color: #a7c7ff; margin-top: -.5em }
div.elist #time { width: 20%; float: left }
div.elist #location { margin-left: 20%; margin-bottom: .5em; font-style: italic;  }
div.elist#none { font-style: italic; text-align: center }

div.eview {  width: 100%; float: left }
div.eview { background-color: #a7c7ff; padding: 0; margin: 0; }
/* div.eview h2 { text-align: center; background-color: #fff; margin: 0 0 .5em 0 } */
div.eview div#label { width: 30%; text-indent: .25em; text-align: right; font-weight: bold; 
  float: left; clear: both}
div.eview div#item { width: 68%; float: right; padding-left: .25em; text-align: left; background-color: #def;
  border-bottom: 2px solid #a7c7ff; }
#details { background-color: #def; width: 100%; float: left }
#details #inner { background-color: #fff; margin: 1em; padding: .25em }
#register { text-align: left; width: 100%; float: left; font-size: .8em }
#totalcost { text-align: left; border-style: none; border-top: 3px solid #007DB1; }

div#markuphelp { text-align: center; border: 2px solid blue; background-color: #def;
  margin: 5%; font-size: 1em; font-weight: normal; padding: .125em }

div#help { background-color: #def; margin: 2em; padding: 2em }
div#help #command { margin: 1em 10%; border: medium solid blue }
div#help #example h4 { border-bottom: 2px solid blue; background-color: #a7c7ff; margin: 0 }
div#help #example  { border: medium solid blue; background-color: #fff }
div#help #output { border: medium solid blue; background-color: #fff }

div.form { width:100%; float: left }
div.form div#label { float: left; clear: both; font-weight: bold; width: 30%; text-align: right; }
div.form div#field { float: right; width: 68%; }
div.form h3 { margin: .5em 0 0 0; font-size: 1.25em; text-align: center; background: #a7c7ff; 
  width: 100%; clear:both }
div.form #ex { font-size: 10px; display: block; margin-bottom: .75em }
div.form div#row { width: 100%; }
div.form .head { font-weight: bold;  }
div.form div#item { width: 30%; float: left }
div.form input#small { font-size: .8em }

.mishrow { float: left; width: 100%; border: 2px solid #def; margin: 0 }
.mishrow p { clear: both; font-style: italic; margin: 0 0 0 1.5em; padding: 0 }
#mishrow0 { background: #fff; }
#mishrow1 { background: #def; }
#title { background: #a7c7ff; font-weight: bold; width: 100%; border: 2px solid #a7c7ff }
#vc { width: 32%; float: left }
#exp {  width: 32%; float: right }
#mishitem { float: left; width: 50%; font-weight: bold }
#controls { float: right; }
#return {  float:left; width: 100%; border-top: 2px solid #a7c7ff; margin-top: 1em }
#formheadedit {  display: none }

#mishprint #col1 { float: left; width: 49%; }
#mishprint #col2 { float: right; width: 49%;}
#mishprint p { margin-bottom: 1em; font-size: 1.5em } 

#eregprint table { border: 1px solid black; margin: 0; padding: 0 }
#eregprint th { background: lightgrey; font-weight: bold; border: 1px solid black }
#eregprint td { border: 1px solid black; }
#eregprint #who { text-align: left; width: 20%; }
#eregprint #count { text-align: center; width: 15% }
#eregprint #blankpaid { display: none }

div.picture { display: inline; background-color: #777; margin: .5em; }
div.picture img { border: 0; margin: .5em }
div.picture .info { float: left; width: 100% }
div.picture img:hover { cursor: pointer }
div#album #path { border-bottom: 2px solid #a7c7ff }
div#album #other { border: 1px solid blue; text-align: center; height: 30px; width: 160px; 
  margin: .5em; padding: 30px 0 40px 0; }

.fundrow { width: 100%; border: 2px solid #def; line-height: 1.25em }
.fundrow p { clear: both; margin: 0; padding: 0 }
#fundrow0 { background: #fff; line-height: 1.5em }
#fundrow1 { background: #def }
#fundname { float: left; width: 74%; padding: 0 0 0 2px }
#fundmin { float: right; text-align: center; width: 25% }

div#delform { width: 100%; float: left }

div#mytbs .col { width: 49% }
div#mytbs #coll {  float: left }
div#mytbs #colr {  float: right }
div#mytbs .row { width: 100%; border: 2px solid #def; float: left; margin-bottom: -.25em; }
div#mytbs #cat { width: 50%; float: left }
div#mytbs #col { width: 24%; text-align: center; float: right }
div#mytbs #pc { width: 100%; float: left }

.calfoot { font-size: 10px }
table.esummary { font-size: 12px }

.book { float: left; width: 95%; border: 1px solid blue; display: block; margin: .5em; }
.book h3 { font-size: 1em; margin: 0 0 .25em 0; background: #a7c7ff }
.book img { position: relative; float: left; margin: .25em }
.book form { }
.book div { float: left; width: 100% }

.book-brief { float:left }

/*
#toc { font-size: 12px;
       border-top: medium dotted lightgrey;
     }
*/


A.holidayref {  color: green; text-decoration: none }
A.holidayref:hover { text-decoration: underline }

.notice 
{ 
  border: 2px solid #CF9B00; 
  background-color: #FFFABF; 
  color: black;
  margin: 1em; padding: 1em 1em;
}

.notice p { margin: 0 0 .5em 0; padding: 0 }

.notice#fail 
{ 
  background-color: #ffbfbf;
  border-color: #f00;
}

.notice#pass 
{ 
  background-color: #bfffc2;
  border-color: #009f07;
}

.headlines
{ 
  position: relative;
  margin: 0 0 2px .25em;
  padding: 2px;
  width: 99%;
  border: 2px solid #a7c7ff;
  background-color: #def;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
}

.headlines a:hover { text-decoration: underline }
.headlines span { position: relative; left: -2px; background-color: #def; z-index: 10; 
  display: inline; font-weight: bold }
.headlines div { display: inline; overflow: hidden; z-index: 2; margin: 1px; }

#filter { color: dimgray; z-index: 200; font-size: .8em }
#filter input { color: dimgray; font-size: .8em; border: 1px solid #d3d3d3; }

ul#sa li { margin-bottom: 1em }

img#eboard { max-width: 100%; height: auto }

.blog { font-family: serif; font-size: 14px; background-color: #def; 
  padding: 5px; margin-bottom: 1em; border-top: 2px dotted #a7c7ff }
.blog p { margin: .5em 0 0 0; padding: 0 }
.blog #postdate { font-size: 12px; position: relative; top: 0; float: right }
.blog h3 { text-align: left; margin: 0; padding: 0 }

.bhoodbox { 
  float: none; padding: 5px; font-weight: bold; margin-left: 1em; margin-bottom: 1em;
  border: 2px solid #a7c7ff; background-color: #def;
  text-align: center;
}
.bhoodbox a:hover { cursor: pointer }
.bhoodbox span { display: block; margin: 0 0 5px 0 }

#dues { width: 200px }
#candles { width: 250px }


#tbsalert { display: none }
#new-alert { display: none; z-index: 101 }

.veil {
  background-color: #ddd;
  left: 0px;
  top: 0px;
  opacity: 0.5;
  filter:alpha(opacity=50);
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 100;
}

.backto { position: relative; top: 1; right: 1; font-size: 12px; margin: 0; padding: 5px; z-index: 50; float: right }