@media screen {

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, ul { border:0; margin:0; padding:0; }

body      {    background:white;
               color:black;
               text-align:center;
               font-family:arial,helvetica,sans-serif,verdana;
               font-size:11pt;
}

img       { border:none; }

.border   { border:1px solid }

#beep     {    }

#wrapper  {    margin:auto;
               width:1024px;
               text-align:left;
}

#header   {    background-image:url( header.png );
               color:#336699;
               height:114px;
               line-height:15px;
}

#navbar   {    background:#cccccc;
               color:#000000;
               height:28px;
               padding:5px;
               font-size:90%;
               font-weight:bold;
}
#navbar a           { color:#336699; }
#navbar a:visited   { color:#336699; text-decoration:none; }
#navbar a:hover     { color:black  ; background:none; }

#main     {    margin:auto;
               width:1024px;
}

#navmenu  {    float:right;
               background:white;
               color:black;
               width:154px;
               height:374px;
               margin-left:10px;
               font-size:90%;
               font-weight:bold;
               line-height:16px; 
}
#navmenu ul         { list-style:none; margin:8px 0; }
#navmenu a          { color:#336699; }
#navmenu a:visited  { color:#336699; text-decoration:none; }
#navmenu a:hover    { color:black  ; background:none; }

#navmenu table      { width:100%; }
#navmenu tr.space   { }
#navmenu tr.header  { color:white; }
#navmenu tr.anchor  { color:white; }

#content  {    float:left;
               background:white;
               width:860px;
               height:auto;
               padding-bottom:7px;
}

#footer   {    clear:both;
               background:#cccccc;
               color:#000000;
               height:16px;
               padding:4px 10px;
               font-size:80%;
}
#footer a                     { color:#ffffff; }
#footer a:visited             { color:#ffffff; text-decoration:none; }
#footer a:hover               { color:#000000; background:none; }

#copyright{ float:left ; }
#contact  { float:right; text-align:right; }

p, ol, ul, td  { line-height:14px; }
h2             { font-size:130%; }
p              { margin-bottom:7px; font-size:90%; }
ul             { list-style-type:disc; }
ul, ol         { margin:5px; padding-left:50px; }
ol li          { list-style-type:decimal; }
strong, b      { font-weight:bold; }
em             { font-style:italic; }

X.strong       { font-weight:bold; }
X.small        { font-size:10px; }

div.clear      { clear:both; display:block; }

.search_names    { background:#eef8ed; border:1px solid #89b989; margin:0; padding:4px; font-size:100%; }
.search_models   { background:#eef8ed; border:1px solid #89b989; margin-top:0px; margin-left:235px; padding:4px; font-size:100%; }

/* Hints */
/* -------------------------------------------------------------------------- */
.hint          { position:relative; float:left; margin-right:1px; }
.hint nobr     { position:absolute; top:5px; left:5px; color:#959595; }

.hide          { display:none ; }
.show          { display:block; }


/* Links */
/* -------------------------------------------------------------------------- */
a                   { color:#336699; text-decoration:none; }
a:visited           { color:#336699; text-decoration:none; }
#a.stealth           { color:#000; text-decoration:none; }
#a.subtle            { color:#666; text-decoration:underline; }
#a.delete            { color:#c00; text-decoration:underline; }
#a.replace           { color:#090; text-decoration:underline; }

a:hover             { color:#fff; background:#264764; text-decoration:none; }
#a:hover.stealth     { color:#fff; background:#000; }
#a:hover.subtle      { color:#fff; background:#666; }
#a:hover.delete      { color:#fff; background:#c00; }
#a:hover.replace     { color:#fff; background:#090; }
a:hover.image       { color:#fff; background:none;    text-decoration:none; }

#utility            { width:170px; padding:45px 10px 20px 18px; float:left; height:100%; }

#status ul li       { list-style:none; margin-bottom:5px; font-weight:bold; }
#status ul li span  { font-weight:normal; display:block; font-style:italic; }
#status ul          { margin-left:0; }
#status ul li a     { text-decoration:none; }
#status ul li.inactive,
#status ul li.inactive a { color:#777; }

#status             { font-size:90%; line-height:14px; }
#status input       { margin-top:-5px; padding-left:5px; }

/*   hack to get IE to display fieldset/legend correctly    */
/*   html fieldset  { position:relative; }   */
html legend         { position:relative; top:-23px; left:8px; }
html fieldset       { position:relative; top:20px; margin:20px 0; padding:10px; }

/*   Form style     */
fieldset            { background:#dddddd; }
legend              { background:#336699; color:white; padding:4px 15px; font-weight:bold; }
label               { width:190px; float:left; text-align:right; margin-top:2px; padding-right:8px; display:block; font-size:100%; font-weight:bold; }

.form_row           { white-space:nowrap; padding-bottom:8px; }
.submit             { margin-top:8px; font-weight:bold; }

#account            { float:right; text-align:right; font-family:verdana; font-size:11px; color:#333; margin-right:7px; margin-top:15px; line-height:14px; }
#Xmain              { float:left; position:relative; left:-2px; top:24px; padding-right:30px; width:575px; padding-bottom:50px; }
#Xmain h2           { font-family:trebuchet ms; font-size:18px; font-weight:normal; color:#264764; margin-bottom:0px; border-bottom:1px solid #B8B8B8; width:569px; padding-bottom:8px; clear:both; }

h3                  { font-size:12px; font-weight:bold; margin-top:10px; margin-bottom:0; background:#eee; padding:3px 0 3px 5px; border-bottom:1px solid #ddd; }
h4                  { font-size:11px; font-weight:bold; margin-top:10px; margin-bottom:2px; }

/* Navigation */
/* -------------------------------------------------------------------------- */

ul#nav              { margin:0; position:relative; left:15px; top:67px; }

html>body ul#nav    { top:68px; } /* non-iewin */

ul#nav li           { display:inline; height:30px; font-size:12px; line-height:26px; font-family:helvetica, arial; margin-right:5px; padding:3px 4px 5px 7px; }

html>body ul#nav li { padding:3px 7px 4px 7px; } /* non-iewin */

ul#nav li a         { text-decoration:none; color:#555; }
ul#nav li a:hover   { background:transparent; text-decoration:none; }
ul#nav li:hover a   { text-decoration:none; color:#000; }
ul#nav li:hover     { text-decoration:underline; }



/* Body details */
/* -------------------------------------------------------------------------- */
.post_detail        { background:#eee; border:1px solid #ccc; padding:12px; width:508px; }
img.user_picture    { text-decoration:none; background:#fff; margin-bottom:-2px; width:60px; height:60px; border:1px solid #666; padding:2px; }
.late               { background:#cc0000; color:white; } 
.upcoming           { background:#ffcc33; color:black; } 
.beyond             { background:#ffff99; color:black; } 

#Xmain div.post                    { margin-top:11px; margin-bottom:25px; margin-left:1px; }
#Xmain div.post div.user           { width:60px; float:left; text-align:center; margin-right:10px; margin-top:4px; font-size:10px; }
#Xmain div.post h3                 { font-weight:bold; font-size:11px; padding-top:2px; padding-left:1px; }
#Xmain div.post h3 span            { color:#666; font-weight:normal; margin-left:8px; }
#Xmain div.post p.meta             { color:#666; font-size:10px; margin-bottom:5px; }
#Xmain div.post h3 span a          { color:#666; font-weight:normal; }
#Xmain div.post h3 span a:hover    { background:#666; color:#fff; }
#Xmain div.post div.body           { margin-left:70px; }
#Xmain div.post div.no_user        { margin-left:0px; }
#Xmain div.post p.meta span.comments { float:right; font-size:11px; }

#Xmain img.icon          { float:left; width:32px; height:32px; padding-right:8px; }
#Xmain p.meta            { color:#666; margin-bottom:10px; }

#link_letters            { padding:10px 0px 5px 2px;}
#link_letters a          { background:#ffa; padding:3px 7px 3px 8px; border:1px solid #dd9; text-decoration:none; }
#link_letters a:hover,
#link_letters a.active   { color:#000; background:#dd9; border:1px solid #cc7; }

#link_digits             { padding:10px 0px 5px 2px;}
#link_digits a           { background:#ffa; padding:3px 7px 3px 8px; border:1px solid #dd9; text-decoration:none; }
#link_digits a:hover,
#link_digits a.active    { color:#000; background:#dd9; border:1px solid #cc7; }


/* User list */
/* -------------------------------------------------------------------------- */
table               { width:100%; margin-top:5px; }
table #posts        { width:100%; }
table #posts td     { margin:0; padding:4px; border-bottom:1px solid #ccc; }

/* User#show */
/* -------------------------------------------------------------------------- */

body.user_show #Xmain img          { float:left; margin-right:20px; border:1px solid #ccc; padding:3px; width:80px; height:80px; margin-bottom:100px; }
body.user_show #Xmain              { width:600px; }
body.user_show #Xmain h3           { clear:left; margin-bottom:10px; }
body.user_show #Xmain ul #lookuplinks li { display:inline; margin-right:10px; }

#change_picture     { float:right; width:120px; padding:15px; text-align:center; border:1px solid #ccc }
#change_picture img { border:1px solid black; }

/*   Error style    */
.fieldWithErrors    { margin:2px; padding:2px; background:red; display:table; }

#errorExplanation        { border:1px solid red; padding:5px; background:#f0f0f0; }
#errorExplanation h2     { text-align:left; font-weight:bold; padding:5px 15px; font-size:100%; margin:-7px; background:#c00; color:#fff; }
#errorExplanation p      { color:#333; margin-bottom:0; padding:5px; }
#errorExplanation ul li  { list-style:square; }

.letter,
.letter_current     { width:15px; float:left; text-align:center; border:1px solid gray; background:#fff; margin:2px; padding:2px; }
.letter:hover       { background:#fe4; }
.letter_current     { background:#fe4; font-weight:bold; border:1px solid black; }

/*   Users style    */
#users         { margin-top:5px; }
#users table   { text-align:center; }
#users a:hover { text-decoration:underline; }

/*   Global classes */
.header        { font-size:100%; font-weight:bold; }
.header a      { color:white  ; font-weight:bold }
.header a:hover{ color:white  ; font-weight:bold; background:#1f1f1f; }
.bold          { font-weight:bold  }
.normal        { font-weight:normal}
.L             { text-align:left   }
.C             { text-align:center }
.R             { text-align:right; }
.F             { text-align:right; padding-top:5px; vertical-align:top; font-size:95%; font-weight:bold }
.T             { text-align:right; width:40%; font-size:95%; }
.Amount        { text-align:right; width:10%; font-size:95%; }
.label         { width:150px; float:left; text-align:right; white-space:nowrap; margin-top:2px; display:block; font-size:100%; font-weight:bold }
.padding       { padding-left:15px; line-height:17px; font-size:90%; }
.buttons       { padding-top:5px; }

th             { background:#336699; color:white; padding:5px; font-size:90%; font-weight:normal }
tr             { height:20px; }
tr.even        { background:#dddddd; height:20px; }
tr.odd         { background:#eeeeee; height:20px; }
td             { padding:1px 5px; }

.notregistered { color:red; font-style:italic; }

textarea       { font-family:arial,helvetica,sans-serif,verdana; padding-left:3px; font-size:100%; width:100% }
select         { font-family:arial,helvetica,sans-serif,verdana; padding-left:3px; font-size:100%; height:24px; padding-top:2px; }
input          { font-family:arial,helvetica,sans-serif,verdana; padding-left:3px; font-size:100%; height:20px; padding-top:0px; }
input[ type='checkbox' ] { vertical-align:middle; }
input[ type='radio'    ] { vertical-align:middle; }
input[ type='file'     ] { height:24px; position:relative; top:-2px; }
input[ type='submit'   ] { height:24px; display:inline   ; top:-2px; }

.pagination a:hover,
.pagination span.current { font-weight:bold }

.left          { float:left  }
.right         { float:right }

.pl2           { padding-left:2px }
.pl7           { padding-left:7px }

.pr2           { padding-right:2px }
.pr7           { padding-right:7px }

.fs70          { font-size: 70% }
.fs80          { font-size: 80% }
.fs90          { font-size: 90% }
.fs110         { font-size:110% }
.fs120         { font-size:120%; line-height:20px; }
.fs130         { font-size:130%; line-height:30px; }
.small         { font-size: 90% }

.gray          { color:gray   }
.red           { color:red    }
.cyan          { color:cyan   }
.green         { color:green  }
.blue          { color:#369   }
.yellow        { color:#B8860B}

.label              { width:150px; float:left; text-align:right; margin-top:2px; white-space:nowrap; display:block; font-size:100%; font-weight:bold }
form.legend label   { width:180px; float:left; text-align:right; margin-top:2px; padding-right:8px; display:block; font-size:100%; font-weight:bold }

#header_company     { background:white  ; color:#333333; margin-left:12px; font-size:120%; font-weight:bold; }
#header_name        { background:#336699; color:white  ; margin-top:5px; padding:2px 10px; font-size:120%; font-weight:bold; height:24px; }

#posted             { clear:both; float:left; font-size:90%; }
#add_new            { float:left ; }
#new_link           { margin:5px 2px 0 2px; float:left ; }
#previous_next      { margin:5px 2px 0 2px; float:right; }
#search             { position:relative; float:right; }

#form_display       { margin-top:5px; }
#form_display table { background:#dddddd; margin-top:7px; border:0px solid #cccccc; width:100%; }

#form_search        { width:100%; margin-top:5px; }
#form_search  table { width:100%; background:#eef8ed; border:1px solid #89b989; }

#form_comment       { width:100%; margin-top:5px; }
#form_comment h2    { font-size:120%; }
#form_comment textarea     { margin-top:5px; font-size:100%; width:99.4%; }

#form_note          { width:100%; margin-top:5px; }
#form_note    h2    { font-size:120%; }
#form_note    textarea     { margin-top:5px; font-size:100%; width:99.4% }

#email_container                             { width:100%; margin-top:5px; }
#email_container     .active                  { background:#eef8ed; margin-top:7px; border:1px solid #89B989; }
#email_container     .active #new_link span   { visibility:hidden; }
#email_container     .active #cancel_link     { visibility:visible; }
#email_container     .active #new_link a      { text-decoration:none; }
#email_container     .active #detail          { display:none; }
#email_container     #cancel_link             { visibility:hidden; float:right; }
#email_container     #meta                    { float:left; margin-left:10px; }
#email_container     #detail                  { clear:left; padding-top:20px; }
#email_container     .body                    { clear:left; background:#ddd; }
#email_container     textarea                 { width:95% }
#email_container     table                    { background:#eef8ed; margin-top:7px; border:0px solid #89b989; width:100%; }
#email_container     .special table           { border:none; }
#email_container     .special td              { padding:0; }

#form_container                              { width:100%; margin-top:5px; }
#form_container     .active                  { background:#eef8ed; margin-top:7px; border:1px solid #89B989; }
#form_container     .active #new_link span   { visibility:hidden; }
#form_container     .active #cancel_link     { visibility:visible; }
#form_container     .active #new_link a      { text-decoration:none; }
#form_container     .active #detail          { display:none; }
#form_container     #cancel_link             { visibility:hidden; float:right; }
#form_container     #meta                    { float:left; margin-left:10px; }
#form_container     #detail                  { clear:left; padding-top:20px; }
#form_container     .body                    { clear:left; background:#ddd; }
#form_container     textarea                 { width:95% }
#form_container     table                    { background:#eef8ed; margin-top:7px; border:0px solid #89b989; width:100%; }
#form_container     .special table           { border:none; }
#form_container     .special td              { padding:0; }

#form_fieldset                               { width:100%; }
#form_fieldset      table                    { width:100%; }

#search_form             { margin-top:5px; }
#search_form label       { width:21.6%; }

#comment_form            { margin-top:5px; }
#comment_form h2         { font-size:120%; font-weight:bold; }

#sethouse_form           { margin-top:5px; }


/* Standard form */
/* -------------------------------------------------------------------------- */
form                               { margin:0; }
form.standard                      { clear:left; margin-top:5px; width:100%; }
form.standard label                { clear:left; display:inline; font-weight:bold; display:block; margin:0 0 3px 5px; }

form.standard input #post_name,
form.standard input #user_name     { font-size:18px; font-weight:bold; }
form.standard .fieldWithErrors     { border-left:4px solid #c00; padding-left:3px; }
form.standard label span.error     { color:#c00; }
form.standard input[type='radio']  { display:inline; }
form.standard textarea             { width:96.5%; display:block; }
form.standard select               { }
form.standard input[type='submit'] { width:105px; height:24px; display:inline; }

#company       { margin-top:5px; }
#control       { margin-top:5px; }
#letter        { margin-top:5px; }
#message       { margin-top:5px; }
#photo         { margin-top:5px; }
#problem       { margin-top:5px; }
#quote         { margin-top:5px; }
#request       { margin-top:5px; }
#user          { margin-top:5px; }

#comments                     { margin-top:5px; background:#eee; }
#comments      h2             { background:#777; color:white; font-size:100%; font-weight:bold; padding:3px 5px; line-height:15px; }
#comments      form,
#comments      div.post       { margin:15px; background:#eee; }
#comments      h3             { font-size:15px; }
#comments      input          { float:left; }
#comments      p img          { margin-top:1px; margin-left:10px; }
#comments      .posted        { font-size:90% }
#comments      .comment       { font-size:90%; font-weight:bold; }

#comment_comment              { margin-bottom:5px }

#groups                       { margin-top:5px; }
#families                     { margin-top:5px; }
#houses                       { margin-top:5px; }
#events        .header        { color:#0075c3; text-align:right; }

#debug                        { background:yellow; color:black; clear:both; float:left; margin-top:10px; padding:5px; }
#debug         a,
#debug         a.visited      { text-decoration:none; color:#a05500; }
/* fieldset.debug_info { text-align:left; margin:8px; background:#eee; } */
.debug_dump                   { margin-top:0; }

#notice                       { clear:both; background:#fff799; color:#000000; border:0px solid red   ; margin-top:5px; padding:7px; font-weight:normal; font-size:90%; }
#error                        { clear:both; background:#fff799; color:#000000; border:0px solid red   ; margin-top:5px; padding:7px; font-weight:normal; font-size:90%; }

.flash.notice                 { background:lightgray; color:black; border:1px solid green; margin-top:5px; padding:7px; font:bold smaller sans-serif; }
.flash.warning                { background:#c22; color:#fff; border:1px solid #600; margin-bottom:30px; padding:7px; font-weight:bold; }
.flash.warning a              { color:#fff; }

#listing                      { background:white; color:black; font-size:11px; font-family:Arial,Verdana,Helvetica,sans-serif; }
#listing       tr             { height:16px; }
#listing       th             { font-size:14px; }
#listing       td             { font-size:14px; border-bottom:1px solid black; }
#listing       .box_data      { background:#f8f8f9; margin-top:10px; padding:5px; border:1px solid #b6b7cb; }
#listing       .clear         { clear:both; }

#listing       .page_break    { page-break-before:always; }
#listing       .header        { font-weight:bold  ; }
#listing       .normal        { font-weight:normal; }
#listing       .bold          { font-weight:bold  ; }
#listing       .group         { font-size:14px; font-weight:bold  ; text-align:left; margin-left:5px; }
#listing       .date_time     { display:none; }

#listing       .first_name    { text-align:left   ; }
#listing       .last_name     { text-align:left   ; }
#listing       .age_date      { text-align:right  ; }
#listing       .mobil         { text-align:center ; }
#listing       .parents       { text-align:left   ; }
#listing       .phone         { text-align:center ; }
}

@media print {

th             { padding:5px; background:#0075c3; color:white; font-size:90%; font-weight:normal }
tr             { height:17px }
tr.even        { background:#ddd; }
tr.odd         { background:#eee; }
td             { padding:1px 5px; }

.header        { font-size:100%; font-weight:bold; }
.header a      { color:white; font-weight:bold }
.bold          { font-weight:bold  }
.normal        { font-weight:normal}
.L             { text-align:left   }
.C             { text-align:center }
.R             { text-align:right; }

#header                       { display:none; }
#previous_next                { display:none; }
#navbar                       { display:none; }
#header_name                  { display:none; }
#navmenu                      { display:none; }
#copyright                    { display:none; }

#listing                      { color:black; background-color:white; font-size:11px; font-family:Arial,Verdana,Helvetica,sans-serif; }
#listing       tr             { height:16px; }
#listing       th             { font-size:14px; }
#listing       td             { font-size:14px; border-bottom:1px solid black; }
#listing       .box_data      { background:#f8f8f9; margin-top:10px; padding:5px; border:1px solid #b6b7cb; }
#listing       .clear         { clear:both; }

#listing       .page_break    { page-break-before:always; }
#listing       .header        { font-weight:bold  ; }
#listing       .normal        { font-weight:normal; }
#listing       .bold          { font-weight:bold  ; }
#listing       .group         { font-size:16px; font-weight:bold  ; float:left; }
#listing       .date_time     { font-size:12px; font-weight:normal; float:right;}

#listing       .first_name    { text-align:left   ; }
#listing       .last_name     { text-align:left   ; }
#listing       .age_date      { text-align:right  ; }
#listing       .mobil         { text-align:center ; }
#listing       .parents       { text-align:left   ; }
#listing       .phone         { text-align:center ; }
}