/* generated on-the-fly */

html, body {
margin:0em;
background-color:white;
}
html, body, input, textarea {
font-family:Verdana;
}

/* header */
.header_wrapper {
height:2.2em;
position:absolute;
top:0px;
left:0px;
width:100%;
}
#header {
margin-left:3em;
}
#header h1, #header h2 {
min-width:700px;
padding:0.2em 0.2em 0.2em 2em;
margin:0em;
font-size:1.3em;
font-family:Calibri, Arial, sanserif;
}
#header h1 a, #header h2, #header h2 a {
font-weight:bold;
color:black;
}

.top_nav {
position:absolute;
right:0.7em;
top:0%;
min-width:200px;
margin-top:0.2em;
}
.top_nav .special_button, .top_nav .top_button {
margin:0.2em 0.1em;
}
.top_nav .top_icon {
position:static;
margin-top:0.5em;
}
.top_nav .special_button, .top_nav .top_button, .top_nav .drop_down li {
font-size:0.8em;
font-weight:bold;
padding:0.3em 0.7em;
border:0.1em outset black;
}
.top_nav .drop_down li a {
color:black;
}
.top_nav ul.drop_down {
z-index:1;
}
.top_nav .drop_down a {
padding:0.8em;
}
.top_nav a.special_button{
background-color:#d7f0fe;
}
.top_nav a.special_button:hover, .top_nav .top_button:hover, .top_nav .drop_down li:hover {
border:0.1em inset black;
}
.top_nav a, .top_nav .top_button, .top_nav .top_button:link, .top_nav .top_button:visited {
color:black;
}
.top_nav a.special_button, .top_nav a.special_button:link ,.top_nav a.special_button:visited {
color:black;
}
.top_nav .drop_down_button, .top_nav .top_icon, .top_nav  .special_button, .top_nav  .top_button {
display:inline;
}
.top_nav .drop_down {
position:absolute;
right:0em;
top:0.8em;
display:none;
}
.top_nav .drop_down_button:hover .drop_down {
display:inline;
}
.top_nav .drop_down li, .top_nav .drop_down li a {
margin:0em;
width:17em;
text-align:right;
list-style-type:none;
}
.top_nav .drop_down li.star-favs a {
color:yellow;
font-size:0.9em;
}

#nav,#content {
float:left;
display:inline;
}
#content {
width:74%;
margin:0em;
padding:0.5% 2% 2% 2%;
font-size:0.8em;
}
#content-body {
padding:1.5%;
}

.nav-primary {
font-weight:bold;
}
#nav{
width:22%;
min-width:180px;
margin-top:3em;
}
.nav_layer {
left:0px;
top:0px;
width:23%;
height:100%;
background-color:#FFE664;
min-width:180px;
z-index:-1;
}
.nav_layer {
position:fixed;
}
#nav .option-main {
width:100%;
padding:0.3em;
}
ul,li {
list-style-position:outside;
}
#nav .option-header {
margin:0%;
padding:0%;
font-size:0.85em;
font-weight:bold;
width:100%;
min-width:180px;
}
#nav .option-header a {
width:80%;
}
#nav .option-header a {
padding:0.3em 0.5em 0.3em 27px;
}
#nav .option-content {
margin:0.5em 0.5em 0.5em 0em;
padding:0px;
list-style-type:none;
width:100%;
}
#nav .option-content a {
margin:0em;
padding:0em 0em 0em 2em;
}
#nav .unchecked > a, #nav .unchecked > div > a {
background:url(/images/check-no.png) no-repeat;
background-position:0px 0px;
}
#nav .checked > a, #nav .checked > div > a {
background:url(/images/check-yes.png) no-repeat;
background-position:0px 0px;
font-weight:bold;
}
#nav .maybe > a, #nav .maybe > div > a {
background:url(/images/check-maybe.png) no-repeat;
background-position:0px 0px;
}
#nav .checked > div > a, #nav .unchecked > div > a, #nav .maybe > div > a {
background-position:5px 5px;
}
#nav a {
text-decoration:none;
}
#nav a:hover {
text-decoration:underline;
left:0.2em;
}
#nav .option-content li, #nav .option-content li li {
margin:0px;
padding:0.2em 0em 0.2em 0.9em;
}
#nav .option-content li {
font-size:0.8em;
}
#nav .option-content li li {
font-size:0.9em;
}
#nav ul.option-content li li a{
padding-top:0.1em;
padding-bottom:0.1em;
}
#nav ul.option-content li li a {
font-size:1em;
}
#nav .option-list {
margin:0em;
padding:0em;
list-style-type:none;
}
#nav .item {
margin:0.2em 0em;
padding:0.4em;
font-weight:bold;
border:1px solid silver;
}
#nav .active {
border:1px solid orange;
}
#nav .sub-item, #nav .sub-item a {
font-weight:none;
padding:0.2em 0em;
}
#nav li.range {
padding-left:1.2em;
}
#nav li.range div {
padding-left:0.5em;
}
#nav li.range a {
text-decoration:underline;
color:darkblue;
}
.icon {
width:16px;
cursor:pointer;
}

#content {
margin-top:3em;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,.h {
font-weight:bold;
}
#content h1 span {
border-bottom:1px solid #dddddd;
}
#info-box {
margin:0.5em;
margin-top:0em;
padding:0.3em 0.3em 0.3em 0.3em;
font-size:1.6em;
font-weight:bold;
}
#info-box .ui-icon-info {
float:left;
}
#info {
font-size:0.7em;
margin-left:3.5em;
}
.info-box-body {
padding:1em;
}
#refresh-button {
display:none;
margin-bottom:1em;
}
.map-icon {
border:1px solid black;
padding:0.1em;
margin:0.1em;
}
.my-options {
clear:both;
margin:0.5em 0em;
}
.my-option-list:hover {
color:red;
text-decoration:line-through;
}
#my-options span {
padding:5px;
margin:10px;
line-height:30px;
white-space:nowrap;
font-size:0.9em;
cursor:pointer;
}
#map-layer {
width:100%;
height:700px;
border:1px solid silver;
}
#content h1.headline,#content h2.headline {
font-size:1.4em;
}
.footer-info {
margin-top:3.5em;
}
.myicon-placeholder {
margin-left:10px;
}
.footer-info-text {
padding:1em 0em;
}

#footer {
border-top: 1px solid #AAAAAA;
margin:50px 10px 10px 10px;
padding:10px;
color:#555555;
}
#footer h1,#footer h2 {
font-size:1em;
margin:0em;
letter-spacing:0.05em;
}
#footer * {
color:#555555;
}
#footer #powered_by {
font-size:0.8em;
}
#footer > * {
padding:3px 10px;
}
#footer > a {
float:right;
border-right:1px solid #555555;
text-decoration:none;
}
#footer > a:first-child {
border-right:none;
}
#footer > a:hover {
background-color:#EEEEEE;
text-decoration:underline;
}
/* general */
.hide {
display:none;
}
.r {
float:right;
}
.l{
float:left;
}

.box .box-header {
border-radius:0.5em 0.5em 0em 0em;
}
.box .box-footer {
border-radius:0em 0em 0.5em 0.5em;
}

.rounded10 , .top_nav .special_button{
border-radius:5px;
}

.rounded2, select, input[type=text], input[type=submit], input[type=password], textarea, .button {
border-radius:0.6em;
}
.shaddow, select:hover, input[type=submit]:hover, input[type=text]:hover, input[type=password]:hover, .button , .popup {
box-shadow: 10px 10px 5px #888;
}
label {
line-height:28px;
}
.checkbox-label, .radio-label{
display:inline;
line-height:25px;
}
input[type=submit], .button {
background-color:orange;
color:black;
border:0.2em outset black;
padding:0.4em;
font-weight:bold;
}
input[type=submit]:hover, .button:hover {
border:0.2em inset black;
}
input[type=text], input[type=password], textarea {
border:0.1em outset black;
padding:0.3em;
font-size:1em;
margin:0.1em;
}
input, select, textarea {
color:black;
background-color:white;
}
.range input[type=text] {
font-size:0.9em;
width:6em; /*date: 6.6em*/
margin:0em 0.3em;
}
.range-label {
font-size:0.8em;
}
textarea {
width:50%;
height:20%;
}
.button, .button a:link, .button a:visited {
color:black;
text-decoration:none;
}
.button a:hover {
text-decoration:underlined;
}
/* main */
.result {
border:1px solid green;
}
/* login */
}
.login a, .login a:link,{
color:black;
}
/* record / forms */
.form .message {
border:0.1em solid black;
padding:0.5em;
}
.form div.element {
padding:0.1em 0em 0.1em 1em;
}
.record.form div.element {
padding-left:2.5em;
}
.form .mylabel {
vertical-align:top;
width:200px;
}
.form .mylabel,.form .input {
float:left;
}
br {
clear:left;
}
#content input[type=text],#content textarea {
width:23em;
}
#content .record input[type=text], #content .record textarea {
width:28em;
}
.form textarea {
height:100px;
}
.error {
color:darkred;
padding:5px;
border:1px solid red;
}
.nav-links {
padding:15px;
font-size:0.8em;
}
.record-add {
margin:5px 40px;
}
.record-delete {
margin:5px 20px;
}
.details {
}
.details div.element {
padding:0.1em 0em 0.1em 1em;
}
.record.form div.element {
padding-left:2em;
}
.details .mylabel {
vertical-align:top;
width:200px;
}
.details .key {
/*color:gray;*/
}
.details .mylabel,.details .input {
float:left;
}

/* box */
.box {
width:100%;
margin:1em 0em;
padding:0em;
}
.box .box-header {
width:100%;
margin:0em;
padding:0em;
border:0.1em solid black;
background-color:orange;
color:black;
}
.box .box-header.empty-header {
border-bottom:none;
background-color:white;
}
.box .header, .box .header-right{
margin:0em;
padding:0.5em 2em;
font-size:1.1em;
}
.box .header-right {
float:right;
font-weight:bold;
}
.box .box-body {
width:100%;
margin:0em;
padding:0em;

border-left:0.1em solid black;
border-right:0.1em solid black;
background-color:#FFE664;
color:black;
}
.box .details {
padding:1.2em 1em 1em 1em;
}
.box .box-footer {
width:100%;
margin:0em;
padding:0em;
border:0.1em solid black;
background-color:orange;
color:black;
}
.box .box-footer a{
color:darkblue;
}
.box .footer {
margin:0em;
padding:0.5em 2em;
}
.box .img {
padding:0em 0em 2em 2em;
}
.box .img2 {
float:left;
padding:0em 2em 2em 0em;
}
.gallery {
padding:0.5em;
}
.popup {
position:fixed;
top:15%;
width:70%;
height:12em;
margin:10%;
padding:4em;
z-index:10;
background-color:#FFFFFF;
border:0.1em solid black;
}
#recommend_tooltip {
font-weight:bold;
}
/* general*/
.b {
font-weight:bold;
}
.br {
clear:both;
}
img {
border:0;
}
.ui-autocomplete {
width:400px;
height:200px;
overflow:scroll;
}