html { overflow-y: scroll;  }
html, body { padding: 0; margin: 0; height: 100%; zoom: 1 }
body { margin: 0; font-family: sans-serif;  font-size: small;  }

div#body { margin: 0 auto; padding: 0; min-height: 100%; width: 1022px; position: relative  } 
body, div#body { background: white url(images/bg1.png) center top  no-repeat }
body.bg2, body.bg2 div#body  { background-image: url(images/bg2.png) }
body.bg3, body.bg3 div#body  { background-image: url(images/bg3.png) }

ul, ol { padding-left: 1.8em }
li { margin-top: 3px }

#content { line-height: 132.5% }



body, #menu { background-color: #efefef;  }

/* COLORS */

h1, h2, h3, #menu span, #menu a.active  { color: #7797c6; }
#menu a, #menu2 a, #menu3 a { color: #3f3f3f }


h1 { margin-top: 10px; font-weight: normal; font-size: x-large; clear: left; margin-bottom: 20px  }
a img { border: none }  



a#home { display: block; position: absolute; height: 200px; width: 160px; top: 10px; left: 100px }

/*
#menu { padding: 0; margin: 0; height: 41px; position: absolute; top: 16px; right: 100px; width: 577px; background: url("images/menu.png"); }
#menu li { padding: 0; margin: 0; display: block; float: left; }
#menu a, #menu span { display: block;  width: 115px; margin-top: 1px; padding: 11px 0; text-align: center }
#menu a { text-decoration: none; }
#menu span { cursor: default; }
*/

/*
#menu { position: absolute; top: 236px; width: 100% }
#menu ul { padding: 0; margin: 0; margin-left: 100px  }
#menu li { padding: 0; margin: 0; display: block; float: left; }
#menu a, #menu span { display: block;  padding: 2px 1em 3px 1em; text-align: center }
#menu a { text-decoration: none; }
#menu span, #menu a.active { background: white }
#menu span { cursor: default }*/
body, #menu { background: url("images/bg.png") !important }


/*
div#body, #menu { border: 1px none gray }
div#body { border-left-style: solid; border-right-style: solid }
#menu { border-bottom-style: solid }
*/


div#content { margin-left: 100px;  width: 535px; padding-top: 260px; padding-bottom: 20px  }

div#minheight { float: right; width: 1px; height: 830px }

div#footer { color: silver; text-align: center; padding: 10px; clear: both; }
div#footer a { color: inherit; }

.side { position: absolute; width: 240px; right: 100px; top: 176px; background: #f0f0f0 url("images/side-center.png"); color: #3f3f3f }
.side #b { background: url("images/side-bottom.png") bottom no-repeat;   }
.side #t { padding: 5px 10px 10px; background-position: top; background-repeat: no-repeat;  }
.bg1 .side #t { background-image: url("images/side-top1.png") } 
.bg2 .side #t { background-image: url("images/side-top2.png") }
.bg3 .side #t { background-image: url("images/side-top3.png") }
.side div div div  { padding: 0 }
.side div div div div  { margin: 0 10px  }
.side div div div div div  { margin: 0 }
.side h3 { font-size: small; font-weight: bold; margin-top: 0; margin-bottom: 8px }
.side p { margin: 5px 0 }
.side .login, .side .partners { border-top: 1px solid #afafaf; margin-top: 13px }
.side .login h3, .side .partners h3 { margin-top: 10px }
.side input.text { width: 194px; display: block; margin-bottom: 5px; margin-top: 1px }
.side div.submit { text-align: right; }
.side div.submit a, .side div.submit span { display: block; float: left; margin-top: 5px } 

.side a { color: inherit; }
.side div.partner { text-align: center; padding-bottom: 10px }
.side div.partner img { border: solid 1px silver; padding: 20px; background: white;  }
/*div.partner span { padding: 10px }*/
.side div.logout { text-align: right }
.side div.logout div { float: left }
.side form { margin: 0 }



#menu2 { margin: 0; padding: 0; height: 41px }
#menu2 li { display: block; padding: 0; margin: 0; margin-right: 5px; float: left; margin-bottom: 0 }
#menu2 a, #menu2 span { display: block; height: 41px; float: left }
#menu2 span, #menu2 a.active { background: url(images/bubble-bg.png) top repeat-x; }
#menu2 span span, #menu2 a.active span { background: url(images/bubble-left.png) left top no-repeat }
#menu2 span span span, #menu2 a.active span span { background: url(images/bubble-right.png) right top no-repeat }
#menu2 span span span span, #menu2 a.active span span span { background: url(images/bubble-center.png) center top no-repeat;  }
#menu2 a.passive span { background: none !important }
#menu2 a span span span span, #menu2 span span span span span { background: none; height: auto; padding: 6px 10px;  }
#menu2 span span span span span { cursor: default; }
#menu2 a span span span span { cursor: pointer; }

#menu3 { margin: 0; padding: 0 }
#menu3 li { display: block; padding: 0; margin: 0; float: left; }
#menu3 a, #menu3 span { display: block; padding: 2px 10px; margin-bottom: 10px; margin-right: 10px; line-height: normal; }
#menu3 span { cursor: default; background: #efef9f }
#menu3 a { background: #f7f7f7 }
.aftermenu3 { clear: left }


.formtable  { border-collapse: collapse; margin: 2em 0  }
.formtable th, .formtable td  { padding: 0; border: none; padding-bottom: 12px; vertical-align: top }
.formtable th { text-align: left; padding-right: 1em; padding-top: 3px; white-space: nowrap }
.formtable td { padding-right: 8px }
.formtable .fieldcontainer { white-space: nowrap; display: block; float: left }
.formtable .invalid { padding: 6px 6px 2px; background: #ffafaf }
.formtable .message { display: block; font-size: 90% }
.formtable .required { color: red; font-size: 90% }

.error { margin: 1em 0; background: black; color: red; padding: 1em  }
.info { width: 50%; text-align: center; padding: 3em; border: 1px solid gray; background: #ffffef; }

input.text, textarea.text { width: auto; padding: 2px; border: 1px solid #bfbfbf; border-top-color: #939393; background: url(images/osxfield-shadow.png) no-repeat white  }

input.selected, textarea.selected { background: white; padding: 1px; border: 2px solid blue } 

.question { padding: 10px; background: #efefef; margin-bottom: 1em; border: 1px solid silver }
.question .text { margin-bottom: 5px; font-size: medium; line-height: 138%  }
.question .time { margin-bottom: 5px; text-align: right }
.question textarea { width: 508px; font: inherit }
.question .fieldcontainer textarea { width: 480px }
.question .fieldcontainer { display: block; padding: 5px }
.question .fieldcontainer.invalid { background: #ffdfdf }
.question .fieldcontainer .message { display: block; }

.question table { margin-top: 5px }
.question .note { font-style: italic; }
.question .answertext { border: 1px solid gray; padding: 5px; margin: 10px 0; background: #f7f7f7 }
.question .span { color: red }

.datatable { border-collapse: collapse; width: 100%; empty-cells: show; }
.datatable td, .datatable th { border: 1px solid silver; padding: 1px 2px; vertical-align: top  }
.datatable th { background: silver; text-align: left }
.datatable td { background: white }

.question td { padding: 0px 2px }


.news-item  { border-bottom: 1px solid #7797c6;  margin-top: 10px; padding-bottom: 10px; float: left; width: 100% }
.news-item img { float: left }
.news-item div { margin-left: 140px }
.news-item .title { font-weight: bold; margin-bottom: 10px  }
.news-item .more  { margin-top: 10px }