/*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ html {width: 100%; height: 100%;} body {width: 100%; height: 100%; margin: 0; padding: 0; font: normal 12px/18px Sans-Serif; color: #000; background: #fff url(../gfx/bg_header.gif) repeat-x;} body#popup {width: 100%; height: 100%; margin: 0; padding: 0; font: normal 12px/18px Sans-Serif; color: #000; background: #fff;} h1 {margin: 50px 0 30px 0; font: normal 24px Sans-Serif; color: #666;} h1 img {vertical-align: top;} h2 {margin: 30px 0 0 0; font: normal 18px Sans-Serif; color: #f90;} h3 {margin: 20px 0 0 0; font: normal 14px Sans-Serif; color: #f90;} p {margin: 10px 0 20px 0;} p.print {display: none;} a {color: #6699ff;} .error {color: #ff0000;} .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} div#wrapper {width: 800px; margin: 0 auto;} div#header {height: 90px; overflow: hidden;} div#header h1 {display: none;} div#header p {margin: 5px 0 0 0; color: #6699ff; } div#header p a {color: #999; text-decoration: none;} div#header p a:hover {color: #6699ff; text-decoration: underline;} div#header p a.tip {padding-right: 13px; background: url(../gfx/tip.gif) no-repeat 100% 2px;} div#header img {margin-top: 18px; float: right;} div#maincontent {width: 550px; margin: 0 15px 0 0; float: left;} div#secondarycontent {width: 220px; margin: 0 0 0 15px; float: left;} div#footer {width: 800px; margin: 60px 0; clear: both;} div#footer div.logoarea {border-bottom: solid 1px #d6d6d6; border-top: solid 1px #d6d6d6; margin: 0 0 5px; clear: both; padding: 10px 0 5px;} div#footer ul {margin: 0; padding: 0; list-style: none; float: left;} div#footer ul li {font: normal 11px/16px Sans-Serif; color: #ccc;} div#footer ul li a {color: #000; text-decoration: none;} div#footer ul li a:hover {color: #6699ff; text-decoration: underline;} div#footer img {margin: 0 10px 0 0;} div#footer div.logoarea img.alh, div#footer img.mindbite {float: right; margin: 0 !important;} div.maximizeLong {width: 522px; height: 26px; padding-left: 25px; color: #fff; background: #f0f0f0 url(../gfx/bg_maximize3.gif) no-repeat; float: right; clear: both;} div.maximizeLong a {font: bold 12px/24px Sans-Serif; color: #fff; text-decoration: none; margin: 0 5px;} div.maximizeLong span.separator {margin: 0 5px 0 0;} div.maximize {width: 173px; height: 26px; padding-left: 19px; color: #fff; text-align: center; background: url(../gfx/bg_maximize.gif) no-repeat; float: right; clear: both;} div.maximize a {font: bold 12px/24px Sans-Serif; color: #fff; text-decoration: none; margin: 0 10px;} p.presentationline {padding: 15px 0 0; display: block; clear: both; color: #444 !important;} ol.event {width: 90%; margin: 0 0 20px 0; padding: 0; list-style: none;} ol.event li {margin: 0 0 25px 0; padding: 0; clear: both;} ol.event h2 {margin: 0; padding: 0 0 0 18px; font: normal 16px/20px Sans-Serif; color: #f90; cursor: pointer; cursor: hand;} ol.event h2 span {font: normal 11px Sans-Serif; color: #555; vertical-align: middle; white-space: nowrap;} ol.event h2.show {background: url(../gfx/icon-minimize.gif) no-repeat 0 4px;} ol.event h2.hide {background: url(../gfx/icon-expand.gif) no-repeat 0 3px;} ol.event p.tags {margin: 0; padding-left: 18px; font: normal 11px/20px Sans-Serif; color: #3d9655;} ol.event p.tags a {color: #3d9655; text-decoration: none;} ol.event p.tags a.city {color: #6699ff;} ol.event p.tags a:hover {text-decoration: underline;} ol.event p.tags a.add {width: 15px; height: 20px; margin: 0 5px 0 0; background: url(../gfx/add.gif) no-repeat 1px 2px; display: block; float: left;} ol.event p.tags a.remove {width: 15px; height: 20px; margin: 0 5px 0 0; background: url(../gfx/remove.gif) no-repeat 1px 2px; display: block; float: left;} ol.event p.tags a.add span {display: none;} ol.event p.tags a.remove span {display: none;} ol.event div {margin-bottom: 40px; padding-left: 15px;} ol.event div p {margin: 10px 0 0 0;} ol.event div img {margin: 0 10px 0 0; float: left;} ol.event div.show {display: block;} ol.event div.hide {display: none;} div.infobox {position: relative;} div.infobox div.share {position: absolute; top: 5px; right: -8px; background: transparent url(../gfx/share_bg.gif) no-repeat right top; padding: 0 0 10px 50px; width: 68px;} div.infobox div.share a {margin: 0 0 0 -5px !important; float: left;} div.infobox ul {margin: 15px 0 0 -15px !important;} ol.event ul {margin: 20px 0 0 0; padding: 5px; list-style: none; border: solid 1px #ddd; background: #f9f9f9; clear: both;} ol.event ul li {height: 16px; margin: 0; padding: 0; font: normal 11px/16px Sans-Serif; color: #666; clear: both;} ol.event ul li img {margin: 0; vertical-align: middle; float: none;} ol.event ul li a {color: #666; text-decoration: none;} ol.event ul li a:hover {color: #6699ff; text-decoration: underline;} ol.event ul li.tip a {padding-right: 15px; background: url(../gfx/tip.gif) no-repeat 100% 2px;} ol.event ul li.print a {padding-right: 15px; background: url(../gfx/print.gif) no-repeat 100% 2px;} ol.event ul li.link a {padding-right: 15px; background: url(../gfx/link.gif) no-repeat 100% 4px;} ol.event li.pager {margin: 20px 0; padding: 0; font: normal 14px Sans-Serif; color: #999; display: block; float: left; clear: none;} ol.event li.pager a {font: normal 14px Sans-Serif; text-decoration: none;} ol.event li.pager a:hover {text-decoration: underline;} ol.event li.prev {width: 20%; text-align: left;} ol.event li.page {width: 60%; text-align: center; } ol.event li.page strong {padding: 0 3px; font: bold 14px Sans-Serif; color: #fff; background: #f90;} ol.event li.next {width: 20%; text-align: right;} ol.eventcompact {margin: 0; padding: 0 0 0 30px;} ol.eventcompact li {margin: 0; padding: 2px;} table#calendar {margin: 0 auto 20px auto; padding: 0; display: block; border: 0; border-collapse: collapse; background: #add2f5 url(../gfx/bg_calendar.gif) repeat-x;} table#calendar caption {display: none;} table#calendar thead {background: #fff;} table#calendar tfoot {background: #fff; height: 30px;} table#calendar tfoot td a {width: auto !important; height: 30px !important; font-weight: normal !important; line-height: 30px !important; background: #fff !important; display: inline !important;} table#calendar tfoot td select {font: normal 11px Sans-Serif;} table#calendar th {width: 28px; padding: 10px 0 5px 0; text-align: center; font: bold 11px Sans-Serif;} table#calendar td {height: 25px; padding: 0; overflow: hidden; text-align: center; font: normal 11px Sans-Serif; color: #fff; border: solid 1px #fff;} table#calendar td a {width: 100%; height: 25px; color: #fff; font-weight: bold; line-height: 25px; text-decoration: none; text-transform: capitalize; display: block;} table#calendar td a:hover {color: #fff !important; background: #0099de;} table#calendar td.week {background: #dcecfc;} table#calendar td.week a {color: #036;} table#calendar td.empty {color: #999; background: #fff;} table#calendar td.hasnt {color: #036;} table#calendar td.sel {color: #fff; background: #f90; font-weight: bold;} table#calendar td.sel a {color: #fff;} table#calendar td.today {background: #0099de;} table#calendar td.left {text-align: center;} table#calendar td.right {text-align: center;} table#calendar td.month a {color: #000;} div#mylist {margin: 0 0 20px 0; padding: 10px; background: #ffe489; border: solid 1px #fabb2e;} div#mylist p {margin-bottom: 10px;} div#mylist p.events {margin-bottom: 10px;} div#mylist p.events span.date {font-weight: bold;} div#mylist p.link {text-align: right; font-weight: bold;} div#mylist p a {color: #ab5e03; text-decoration: none;} div#mylist p a:hover {text-decoration: underline;} div#lastRegDateList {margin: 0 0 20px 0; padding: 10px; background: #cde4f9 url(../gfx/bg_lastregdate.gif) repeat-x; border: solid 1px #ccc;} div#lastRegDateList p {margin-bottom: 10px; font-size: 11px; color: #000;} div#lastRegDateList p.events {margin-bottom: 10px;} div#lastRegDateList p.events span.date {} div#lastRegDateList p.link {text-align: right;} div#lastRegDateList p a {color: #666; text-decoration: none;} div#lastRegDateList p a:hover {text-decoration: underline;} ul#tagCloudTabs {margin: 0 0 0 0; height: 25px; padding: 0; list-style: none;} ul#tagCloudTabs li {height: 26px; padding: 0 0 0 15px; background: #71797d url(../gfx/bg_tab_tag_left.gif) no-repeat 0 0; float: left; border-bottom: 1px solid #d0e7d1;} ul#tagCloudTabs li.on {margin-top: 1px; background: #f1fae5 url(../gfx/bg_tab_tag_left.gif) no-repeat 0 -26px; border: 0;} ul#tagCloudTabs li a:hover {color: #ccc;} ul#tagCloudTabs li.on a:hover {color: #236735;} ul#tagCloudTabs li a {padding: 0 22px 0 0; font: bold 12px/26px Sans-serif; color: #fff; text-decoration: none; background: url(../gfx/bg_tab_tag_right.gif) no-repeat 100% 0; display: block;} ul#tagCloudTabs li.on a {background: url(../gfx/bg_tab_tag_right.gif) no-repeat 100% -26px; color: #3d9655;} ul#categories {margin: 0 0 20px 0; padding: 10px; border: solid 1px #d0e7d1; background: #e3f4cc url(../gfx/bg_tags.gif) repeat-x; list-style: none; clear: both;} ul#categories li {display: inline; margin: 0 3px 0 0; line-height: 25px;} ul#categories li a {color: #3d9655; text-decoration: none;} ul#categories li a:hover {text-decoration: underline;} ul#categories li.on a {text-decoration: underline;} ul#categories li.weight0 a {font-size: 11px;} ul#categories li.weight1 a {font-size: 12px;} ul#categories li.weight2 a {font-size: 14px;} ul#categories li.weight3 a {font-size: 16px;} ul#categories li.weight4 a {font-size: 18px;} ul#categories li.weight5 a {font-size: 20px;} ul#categories li.weight6 a {font-size: 22px;} ul#categories li.weight7 a {font-size: 25px;} ul#categories li.weight8 a {font-size: 28px;} ul#categories li.weight9 a {font-size: 30px;} ul#organizations {margin: 0 0 20px 0; padding: 10px; display: none; border: solid 1px #d0e7d1; background: #e3f4cc url(../gfx/bg_tags.gif) repeat-x; list-style: none; clear: both;} ul#organizations li {display: inline; margin: 0 3px 0 0; line-height: 25px;} ul#organizations li a {color: #3d9655; text-decoration: none;} ul#organizations li a:hover {text-decoration: underline;} ul#organizations li.on a {text-decoration: underline;} ul#organizations li.weight0 a {font-size: 11px;} ul#organizations li.weight1 a {font-size: 12px;} ul#organizations li.weight2 a {font-size: 14px;} ul#organizations li.weight3 a {font-size: 16px;} ul#organizations li.weight4 a {font-size: 18px;} ul#organizations li.weight5 a {font-size: 20px;} ul#organizations li.weight6 a {font-size: 22px;} ul#organizations li.weight7 a {font-size: 25px;} ul#organizations li.weight8 a {font-size: 28px;} ul#organizations li.weight9 a {font-size: 30px;} ul.show {display: block !important;} ul.hide {display: none;} fieldset#quicksearch {margin: 0 0 20px 0; padding: 10px; border: 0; background-color: #f0f0f0;} fieldset#quicksearch legend {display: none;} fieldset#quicksearch label {color: #333; font-size: 11px;} fieldset#quicksearch select {padding: 2px; width: 190px; display: block; margin: 0 0 5px;} fieldset#quicksearch label.label {display: block;} fieldset#quicksearch label.overlabel {display: none;} fieldset#quicksearch label.overlabel-apply {color:#999; position: absolute; top: 2px; left: 5px; z-index: 1; cursor: text;} fieldset#quicksearch p {margin: 0 3px 5px 0; position: relative; float: left;} fieldset#quicksearch p a {font: normal 11px/20px Sans-Serif; color: #999; text-decoration: none;} fieldset#quicksearch p a:hover {color: #6699ff; text-decoration: underline;} fieldset#quicksearch input {width: 184px; padding: 2px; vertical-align: middle; font: normal 12px Sans-Serif; margin: 0 0 10px;} fieldset#quicksearch input.btn {width: auto; margin: -5px 5px 0 5px; padding: 1px 2px; clear: both; float: right;} fieldset#pagesizeselector {margin: 0 0 20px 0; padding: 10px; border: 0; background-color: #e5e5e5;} fieldset#pagesizeselector p {margin: 0;} fieldset#pagesizeselector legend {display: none;} fieldset#pagesizeselector select {width: 200px;} div#bengttext {margin: 0; padding: 10px; background: #ddd url(../gfx/bengt_top.gif) no-repeat 0 0; word-wrap: break-word;} div#bengt {height: 125px; margin: 0 0 20px 0; background: #f0f0f0 url(../gfx/bengt.gif) no-repeat 0 100%;} ul.banners {margin: 20px 0; padding: 0; list-style: none;} ul.banners li {margin: 5px 0;} address.footer {font: bold 12px Sans-Serif; display: block; clear: both;} address.footer strong {display: none;} address.footer span.tel strong {display: inline;} address.footer span.fax strong {display: inline;} address.footer a {} a.orgviewevents {padding-right: 15px; font: normal 14px Sans-Serif; text-decoration: none; background: url(../gfx/arrow.gif) no-repeat 100% 50%;} a.orgviewevents:hover {text-decoration: underline;} table.address {width: 100%; margin: 20px 0; border: 0; border-collapse: collapse;} table.address th {width: 120px; font: bold 12px Sans-Serif; text-align: left;} table.address td {} fieldset#search {margin: 10px 0; padding: 0; border: 0; clear: both; display: block;} fieldset#search #query {margin: 0 0 5px 0; padding: 5px; border: 0; background: #eee;} fieldset#search #date {margin: 0 0 5px 0; padding: 5px; border: 0; background: #a4cef5;} fieldset#search #category {margin: 0 0 5px 0; padding: 0; border: 0;} fieldset#search #category p {height: 22px; line-height: 22px; padding: 1px 4px; background-color: #c7e0a6;} fieldset#search legend {display: none;} fieldset#search p {margin: 3px 0;} fieldset#search #date p {width: 33%; float: left;} fieldset#search p.checkbox {width: auto; margin: 2px 0; padding: 1px; background: #c7e0a6;} fieldset#search p.checkbox label {margin: 0 0 0 3px; display: inline; clear: none;} fieldset#search p.sub {margin-left: 15px; background: transparent;} fieldset#search p.sub label {font-weight: normal; display: inline; clear: none;} fieldset#search p.checkbox input {width: auto;} fieldset#search label {margin: 0 0 5px 0; font: bold 12px Sans-Serif; display: block; clear: both;} fieldset#search input {width: 200px; font: normal 12px Sans-Serif;} fieldset#search select {margin: 0 3px 0 0; font: normal 12px Sans-Serif;} fieldset#search .btn {width: auto; margin: 10px 0 0 0; padding: 0 4px;} fieldset#search .cl {width: 49%; float: left;} fieldset#search .cr {width: 49%; float: right;} fieldset#search div.show-categories {display: block;} fieldset#search div.hide-categories {display: none;} fieldset#search #category p a.categorytoggle {float: right; color: #333; margin: 0 10px 0 0;} fieldset.register {margin: 10px 0; padding: 5px; border: 0; clear: both; background-color: #eee; width: 300px;} fieldset.register legend {display: none;} fieldset.register p {margin: 3px 0;} fieldset.register label {margin: 0 0 5px 0; font: bold 12px Sans-Serif; display: block; clear: both;} fieldset.register input {width: 200px; font: normal 12px Sans-Serif;} fieldset.register select {margin: 0 3px 0 0; font: normal 12px Sans-Serif;} fieldset.register .btn {width: auto; margin: 10px 0 0 0; padding: 0 4px;} fieldset#tip {margin: 10px; padding: 0; border: 0;} fieldset#tip legend {margin: 0 0 15px -7px; padding: 0; font: normal 16px/20px Sans-Serif; color: #f90;} fieldset#tip p {margin: 5px 0 10px 0;} fieldset#tip label {margin: 0 0 3px 0; font: bold 12px Sans-Serif; display: block; clear: both;} fieldset#tip input {width: 90%; font: normal 12px Sans-Serif;} fieldset#tip .btn {width: auto; margin: 10px 0 0 0; padding: 0 4px;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ ul#menu {width: 445px; height: 26px; margin: 32px 0 0 0; padding: 0; list-style: none; float: left;} ul#menu li {height: 26px; padding: 0 0 0 15px; background: #71797d url(../gfx/bg_tab_left.gif) no-repeat 0 0; float: left;} ul#menu li a {padding: 0 22px 0 0; font: bold 12px/26px Sans-serif; color: #fff; text-decoration: none; background: url(../gfx/bg_tab_right.gif) no-repeat 100% 0; display: block;} ul#menu li a:hover {color: #323c41;} ul#menu li.on {background: #63adf3 url(../gfx/bg_tab_left.gif) no-repeat 0 -26px;} ul#menu li.on a {background: url(../gfx/bg_tab_right.gif) no-repeat 100% -26px;} ul#submenu {width: 170px; margin: 30px 0 0 0; padding: 10px; background: #eee; list-style: none; float: right; display: inline-block;} ul#submenu li a {padding-left: 10px; font: normal 12px/20px Sans-Serif; text-decoration: none; color: #000; background: url(../gfx/bullet.gif) no-repeat 0 6px;} ul#submenu li a:hover {font: normal 12px/20px Sans-Serif; text-decoration: underline; color: #000;} ul#submenu li.on a {font: bold 12px/20px Sans-Serif; text-decoration: none; color: #000;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ccc; padding: 0 2px;} ol.searchresult li {margin-bottom: 20px;} ol.searchresult h3 {margin: 0 0 5px 0;} ol.searchresult h3 a {text-decoration: none;} ol.searchresult p {margin: 3px 0;} address.staff {margin: 20px 0; display: block; clear: both;} address.staff span {margin: 0 0 3px 0; font: normal 12px Sans-Serif; display: block;} address.staff span.wrapper {width: 300px; float: left;} address.staff span.photo {width: 120px; margin-right: 5px; float: left;} address.staff span.n {margin-bottom: 5px; font-size: 14px; font-weight: bold;} address.staff span.title {margin: 10px 0; font-size: 14px;} address.staff span.value {display: inline;} div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;} a.gallerydir {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; overflow: hidden; float: left; background: #fff; color: #000; text-decoration: none; text-align: center; display: block;} a.galleryimg {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; overflow: hidden; float: left; background: #fff; color: #000; border: solid 1px #eee; text-decoration: none; text-align: center; display: block;} a.gallerydir:hover {color: #000; background: #f5f5f5;} a.galleryimg:hover {color: #000; background: #f5f5f5;} a.gallerydir span, a.galleryimg span {margin: 3px 0 0 0; display: block; clear: both; font: normal 11px Sans-Serif;} body#viewphoto {height: auto; margin: 10px; padding: 0; font: normal 12px Sans-Serif; color: #fff; background: #000;} body#viewphoto h1 {font: bold 18px Sans-Serif; color: #fff;} body#viewphoto p {margin: 5px 0; color: #fff;} fieldset.contact {border: 0; margin: 10px 0; padding: 0;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block;} fieldset.contact label .rfv {font-size: 11px; color: #f00;} fieldset.contact input {width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;} fieldset.contact input.captcha-input {width: 60px;} fieldset.contact textarea {width: 250px; height: 100px; padding: 2px; font: normal 12px Sans-Serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px Sans-Serif; float: left;} dl#pageproperties dd {font: normal 11px Sans-Serif;} dl#pageproperties dd a {} ul.sitemap {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} ul.breadcrumb {margin: 0; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 5px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;} @media Print { h1 {margin: 30px 0;} h1 img {display: none;} p.print {display: block;} div#wrapper {width: auto; margin: 0;} div#header {height: auto; margin: 0; padding: 0;} div#header h1 {margin: 0; padding: 0; display: block;} div#header h1 span {margin: 0; padding: 0; display: none;} div#header h1 img {margin: 0; padding: 0; display: block; float: none;} div#header p {display: none;} div#header img {display: none;} div#maincontent {width: auto; margin: 0; float: none;} div#secondarycontent {display: none;} div#footer {width: auto;} div#footer ul, div#footer a {display: none;} div#footer p.print {padding-top: 10px; border-top: solid 1px #000;} div#footer p.print img {margin: 0 0 5px 0; display: block; float: none; clear: both;} ul#menu {display: none;} div.maximize {display: none;} .hide {display: none;} ol.event {width: auto; margin: 0; padding: 0;} ol.event li {margin: 0;} ol.event h2 {padding: 0; font: normal 20px/24px Sans-Serif;} ol.event h2 span {font: normal 10px/24px Sans-Serif; color: #555; vertical-align: middle;} ol.event div {margin: 0 0 20px 0; padding: 0;} ol.event p.tags {padding: 0;} ol.event p.tags a.add {display: none;} ol.event p.tags a.remove {display: none;} ol.event ul {padding: 0; border: 0;} ol.event ul li a {color: #666; text-decoration: none;} ol.event ul li.tip {display: none;} ol.event ul li.print {display: none;} ol.event ul li.link {display: none;} ol.event li.pager {display: none;} }