html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 1em}
/* remember to define focus styles! */ :focus {outline: 0}
body {color: black; background: white; font: 62.5%/1.3 Arial, Helvetica, Sans-Serif}
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}/* ----------------------------------------------- GLOBAL CLASSES ----------------------------------------------- */ .clear {clear: both; font-size: 0.1px; height: 0pt; line-height: 0pt; width: 0pt}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display: inline-block}
/* Hide from IE Mac \*/ .clearfix {display:block}
/* End hide from IE Mac */ .nowrap {white-space: nowrap}
.hidden {display: none}
.left {float: left}
.right {float: right}
.cursor {cursor:pointer;}
.upper {text-transform: uppercase}
.bold {font-weight: bold}
.nomargin {margin: 0}/* ----------------------------------------------- SITE STRUCTURE ----------------------------------------------- */ html {height: 100%; overflow: hidden}
body {height: 100%}
/* Accessibility */ div#Accessibility {display: none}
/* Container */ div#Container {height: 100%; position: relative}
/* Flash Content */ div#FlashContent {height: 100%; overflow: hidden}
/* Section */ div#Section {width: 950px; height: 600px; position: absolute; overflow: default; z-index: 1}
div#Section a:hover {cursor: pointer}
div#Html {background: url(../img/noflash/bck.jpg); height: 100%}
div#Html div.wrapper {position: relative; top: 70px; width: 690px; height: 595px; left: 160px; background: url(../img/noflash/container_bck.jpg)}
div#Html div.text {height: 320px; background: url(../img/noflash/text.png)}
div#Html div.text * {display: none}
div#Html div.accessible {width: 215px; height: 165px; background: url(../img/noflash/accessible.png); position: absolute; top: 320px; left: 130px}
div#Html div.accessible a {display: block; height: 165px}
div#Html div.accessible a span {display: none}
div#Html div.download {width: 165px; height: 160px; background: url(../img/noflash/download.png); position: absolute; top: 320px; left: 430px}
div#Html div.download a {display: block; height: 160px}
div#Html div.download a span {display: none}
/* ----------------------------------------------- FRIEND ----------------------------------------------- */ div#Friend {margin: 20px 0 0 85px}
div#Friend div#SubmitButton {position: absolute; right: 50px; bottom: 0px; z-index: 30}
div#Friend div#CloseButton {position: absolute; left: 70px; bottom: 0px; z-index: 30}
div#FriendWrapper {background: url(../img/picnkr/form_bck.jpg) no-repeat; width: 770px; height: 550px; margin: 10px 0 0 10px}
div#FriendWrapper form {padding: 20px 150px 0 150px}
div#Friend h2 {background: url(../img/friend/h2.png) no-repeat; height: 50px; margin: 0}
div#Friend h2 span {display: none}
div#Friend div.thanks {font-size: 1.4em; margin: 0 0 10px 0}
div#Friend div.row {margin: 0 0 12px 0; clear: both; position: relative}
div#Friend div.row label {display: block; height: 30px; margin: 0 0 5px 0}
div#Friend div.row-input input {background: #e1e3ef; border: 1px solid #465a83; padding: 7px; width: 80%; font-size: 1.4em; float: left}
div#Friend div.row-input div.input {position: relative}
div#Friend div.opt-in {margin-bottom: 0;}
div#Friend div.opt-in #opt_in {width: 15px}
div#Friend div.opt-in label {float: left; display: inline; margin: 4px 0 0 0; width: 400px; font-size: 12px}
div#Friend div.opt-in input{width:auto;}
div#Friend div.row-input textarea {background: #e1e3ef; border: 1px solid #465a83; padding: 7px; width: 80%; font-size: 1.3em; float: left; font-family: Arial, Helvetica, Sans-Serif }
div#Friend div.row-input div.textarea {position: relative}
div#Friend div.row label span {display: none}
div#Friend div.your-name label {background: url(../img/friend/label_yourname.png) no-repeat}
div#Friend div.your-email label {background: url(../img/friend/label_youremail.png) no-repeat}
div#Friend div.friend-email label {background: url(../img/friend/label_friendemail.png) no-repeat}
div#Friend div.message label {background: url(../img/friend/label_message.png) no-repeat}
div#Friend div.message input {height: 85px; font-size: 1.4em}
div#Friend div.error {background: url(../img/picnkr/form_error.png) no-repeat; height: 30px; width: 30px; overflow: hidden; position: absolute; top: 35px; right: 20px; line-height: 10em}
div#Friend div.checked {background: url(../img/picnkr/form_checked.png) no-repeat}
/* ----------------------------------------------- PICNKR ----------------------------------------------- */ div#Picnkr {margin: 20px 0 0 85px}
div#Picnkr div#SubmitButton {position: absolute; right: 50px; bottom: 0px; z-index: 30}
div#Picnkr div#CloseButton {position: absolute; left: 70px; bottom: 0px; z-index: 30}
div#Picnkr div#SearchAgainButton {position: absolute; left: 200px; bottom: 0px; z-index: 30}
div#Picnkr div.bubble div.title {font-size: 1.2em; font-weight: bold; margin: 0 0 5px 0}
div#Picnkr div.bubble div.details {float: left; width: 100px}
div#Picnkr div.bubble div.details strong {font-weight: bold}
div#Picnkr div.bubble div.symbols {padding: 10px 0 0 0; clear: both}
div#Picnkr div.bubble div.symbols img {margin-right: 3px}
div#Picnkr div.bubble div.image {float: right; width: 100px; height: 100px; overflow: hidden; border: 1px solid #999}
div#Picnkr div#Map {background: url(../img/picnkr/map_bck.jpg) no-repeat; width: 770px; height: 550px; margin: 10px 0 0 10px}
div#Picnkr div#Map div#MapContainer {position: absolute; top: 61px; left: 130px}
div#Picnkr div#Map div#Tip {position: absolute; left: 495px; top: 155px}
div#Picnkr div#ThankyouButtons{text-align:right;}
div#Picnkr div#ThankyouButtons div#CloseButton{position:relative;left:auto;bottom:auto;float:left;margin-left:-30px;}
div#Picnkr div#ThankyouButtons div#SearchAgainButton{position:relative;left:auto;bottom:auto;display:inline;margin-right:-30px;}
/* Search */ div#Picnkr div#Search {background: url(../img/picnkr/form_bck.jpg) no-repeat; width: 770px; height: 550px; margin: 10px 0 0 10px}
div#Picnkr div#Search div#SearchWrapper {padding: 100px 150px 0 150px}
div#Picnkr div#Search legend {display: none}
div#Picnkr div#Search h2 {background: url(../img/picnkr/h2_where.png) no-repeat; height: 50px; margin: 0 0 10px 0;}
div#Picnkr div#Search h2 span {display: none}
div#Picnkr div#Search p {font-size: 1.5em; line-height: 1.2em; margin: 0 0 15px 0}
div#Picnkr div#Search div.row {margin: 0 0 10px 0}
div#Picnkr div#Search div.row-input input {background: #e1e3ef; border: 1px solid #465a83; padding: 7px; width: 90%; font-size: 1.4em}
div#Picnkr div#Search div.row-button {text-align: right}
div#Picnkr div#Search div.row-button input {margin: 0}
div#Picnkr div#Search div.row label {display: block; background: url(../img/picnkr/label_location.png) no-repeat; height: 25px; margin: 0 0 10px 0}
div#Picnkr div#Search div.row label span {display: none}
div#Picnkr div#Search div#Results {margin: -50px 0 0 0}
div#Picnkr div#Search div#Results h3 {font-size: 1.6em; font-weight: bold; margin: 0 0 10px 0}
div#Picnkr div#Search div#Results li {margin: 0 0 5px 0}
div#Picnkr div#Search div#Results li a {font-size: 1.3em}
/* Form */ div#Picnkr div#Form {background: url(../img/picnkr/form_bck.jpg) no-repeat; width: 770px; height: 550px; margin: 10px 0 0 10px}
div#Picnkr div#Form div#FormWrapper {padding: 30px 150px 0 150px}
div#Picnkr div#Form p {font-size: 1.5em; line-height: 1.2em; margin: 0 0 15px 0}
div#Picnkr div#Form p.small {font-size: 1.2em; line-height: 1.2em; margin: 0 0 15px 0}
div#Picnkr div#Form h2 span {display: none}
div#Picnkr div#Form a {color: #343434}
div#Picnkr div#Form.page-1 h2 {background: url(../img/picnkr/h2_tell.png) no-repeat; height: 50px; margin: 0 0 10px 0}
div#Picnkr div#Form.page-2 fieldset.picture {background: #eeeef6; padding: 10px; margin: 0 -10px 10px -10px; position: relative; border: 1px solid #465a83}
div#Picnkr div#Form.page-2 fieldset.picture h2 {background: url(../img/picnkr/h2_picture.png) no-repeat; height: 35px}
div#Picnkr div#Form.page-2 fieldset.picture p {margin: 0 0 5px 0}
div#Picnkr div#Form.page-2 fieldset.picture {position: relative}
div#Picnkr div#Form.page-2 fieldset.picture div.preview {position: absolute; top: 10px; right: 10px}
div#Picnkr div#Form.page-2 fieldset.details h2 {background: url(../img/picnkr/h2_details.png) no-repeat; height: 40px; margin: 0 0 10px 0; display: none}
div#Picnkr div#Form div.row {margin: 0 0 20px 0; clear: both; position: relative}
div#Picnkr div#Form div.row label {display: block; height: 30px; margin: 0 0 5px 0}
div#Picnkr div#Form div.row-input input {background: #e1e3ef; border: 1px solid #465a83; padding: 7px; width: 80%; font-size: 1.4em; float: left}
div#Picnkr div#Form div.row-input div.input {position: relative}
div#Picnkr div#Form div.row-file input {background: #e1e3ef; border: 1px solid #465a83; padding: 7px; font-size: 1.4em}
div#Picnkr div#Form div.row-checkbox-multiple div.input div.checkbox {float: left; margin: 0 10px 5px 0}
div#Picnkr div#Form div.row-checkbox-multiple div.input div.checkbox label {height: auto; display: inline; white-space: nowrap; font-size: 1.4em}
div#Picnkr div#Form div.row-radio div.item {float: left; margin: 0 10px 5px 0; padding: 5px 15px 5px 5px}
div#Picnkr div#Form div.row-radio div.item label {height: auto; display: inline; font-size: 1.4em; font-weight: bold}
div#Picnkr div#Form div.row-radio div.item input {position: relative}
div#Picnkr div#Form div.row-radio h3 {font-size: 1.5em; margin: 0 0 5px 0}
div#Picnkr div#Form div.row-optin {position: relative}
div#Picnkr div#Form div.row-optin h3 {font-size: 1.5em; margin: 0 130px 5px 0}
div#Picnkr div#Form div.row-optin div.item {float: left; margin: 0 10px 5px 0}
div#Picnkr div#Form div.row-optin div.item a {font-size: 1.4em; font-weight: bold; color: #001c7c; text-decoration: none; width: 53px; height: 43px; display: block; line-height: 40px; text-indent: 10px}
div#Picnkr div#Form div.row-optin div.options {position: absolute; top: -10px; left: 350px; width: 130px}
div#Picnkr div#Form div.row-optin div.item a.selected {background: url(../img/picnkr/radio_swirl.png)}
div#Picnkr div#Form div.row-optin div.errorbox {background: url(../img/picnkr/form_error.png) no-repeat; height: 30px; float: left; width: 30px; line-height: 10em; overflow: hidden; margin: 0 0 0 10px; position: absolute; top: -10px; left: -50px}
div#Picnkr div#Form div.row-radio div.selected label {border-bottom: 3px solid red}
div#Picnkr div#Form div.row label span {display: none}
div#Picnkr div#Form div.place label {background: url(../img/picnkr/label_place.png) no-repeat}
div#Picnkr div#Form div.who label {background: url(../img/picnkr/label_who.png) no-repeat; margin: 0 0 2px 0}
div#Picnkr div#Form div.when label {background: url(../img/picnkr/label_when.png) no-repeat; margin: 0 0 2px 0}
div#Picnkr div#Form div.picture label {background: url(../img/picnkr/label_picture.png) no-repeat; margin: 0 0 2px 0}
div#Picnkr div#Form div.name label {background: url(../img/picnkr/label_name.png) no-repeat}
div#Picnkr div#Form div.email label {background: url(../img/picnkr/label_email.png) no-repeat}
div#Picnkr div#Form div.what h3 {background: url(../img/picnkr/label_what.png) no-repeat; height: 30px; margin: 0 0 0 0}
div#Picnkr div#Form div.what h3 span {display: none}
div#Picnkr div#Form div.error {background: url(../img/picnkr/form_error.png) no-repeat; height: 30px; width: 30px; overflow: hidden; position: absolute; top: 35px; right: 20px; line-height: 10em}
div#Picnkr div#Form div.checked {background: url(../img/picnkr/form_checked.png) no-repeat}
div#Picnkr div#Results {width: 300px}
div#Picnkr div#Results h3 {font-size: 1.4em; color: #b00101; margin: 0}
div#Picnkr div#FormUpload {position: absolute; background: url(../img/picnkr/upload_bck.jpg) no-repeat; z-index: 30; color: #fff; position: absolute; top: 100px; width: 485px; height: 250px}
div#Picnkr div#FormUploadWrapper {padding: 55px 25px 0 25px}
div#Picnkr div#FormUpload h3 {color: #fff; font-size: 1.8em; margin: 0 0 5px 0; position: relative}
div#Picnkr div#FormUpload div.legal {margin: 15px 0 0 0; position: relative}
div#Picnkr div#FormUpload div.legal input {position: absolute; top: 0; left: 0}
div#Picnkr div#FormUpload div.legal label {font-size: 1.2em; color: #001c7c; display: block; padding: 0 30px 30px 30px; font-weight: bold}
div#Picnkr div#FormUpload div.legal label.error {background: url(../img/picnkr/form_error.png) no-repeat right top}
div#Picnkr div#FormUpload div.buttons {position: absolute; bottom: -45px; right: -15px}
div#Picnkr div#FormUpload div.buttons input {margin-left: 10px}
div#Picnkr div#FormUpload p {font-size: 1.2em; color: #001c7c}
div#Picnkr div#FormUpload p.error {color: #b00101; margin: 0 0 5px}
/* Thanks */ div#Picnkr div#Thanks {background: url(../img/picnkr/form_bck.jpg) no-repeat; width: 770px; height: 550px; margin: 10px 0 0 10px}
div#Picnkr div#Thanks div#ThanksWrapper {padding: 100px 200px 0 200px}
div#Picnkr div#Thanks legend {display: none}
div#Picnkr div#Thanks h2 {background: url(../img/picnkr/h2_thanks.png) no-repeat; height: 40px}
div#Picnkr div#Thanks h2 span {display: none}
div#Picnkr div#Thanks p {font-size: 1.5em; line-height: 1.2em; margin: 0 0 15px 0}
div#Picnkr div#Thanks div#ThanksButton {width: 245px}
div#Picnkr div#Thanks div#ThanksButton a {position: absolute; right: 130px; bottom: 90px; z-index: 20}
div#Picnkr div#Thanks div#ThanksButton a span {display: none}