html, body, h1, h2, h3, h4, ul, li, form {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
img { border: 0; }
ul { list-style: none; }
a {text-decoration: none;}

body {
 overflow: auto;
 background-color: #030303;
 font: 13px Verdana, Ariel, Sans-serif;
 color: white;
}

#max1, #max2 {
 position: relative;
 width: 1280px;
 margin: 0 auto;
}
#max2 {top: 50px;}

#map{z-index: 0; margin-bottom: 25px;}/*--Margin is so sky_buttons don't cover map bottom */


input,textarea,button {
  background-color: #000;
  font-family: Verdana;
  font-size: 13px;
  border-width: 1px;
}
input:hover,textarea:hover,button:hover {background-color: #444;}
input.button,button.button {
  font-size: 12px;
  text-align: center;
  color: #FF4040;/*a3*/
  border-color: #bbb;
  padding: 3px 10px;
  background-color: #101010;/*--Old colour: very dark b3 #180125*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
input.button:hover,button.button:hover {background-color: #333; cursor: pointer}/*Old colour: #49036F*/

.white {color: #fff;} .grey {color: #777;} .pink {color: #fcc;} .mauve {color: #f88;} .sand {color: #ff9;}
.apple {color: #9FEE00;} .leaf {color: #292;} .sky {color: #aaf;} .sea {color: #75e;} .lilac {color: #f5f;}
.pale_lilac {color: #fbf;} .marine {color: #0cc;} .orange {color: #F73;} .gold {color: #ffe100;} .choc {color: #b05f3c;}

.p1 {color: #cd0074;} .p2 {color: #992667;} .p3 {color: #85004B;} .p4 {color: #E6399B;} .p5 {color: #E667AF;}/*purple*/
.a1 {color: #FF0000;} .a2 {color: #BF3030;} .a3 {color: #A60000;} .a4 {color: #FF4040;} .a5 {color: #FF7373;}/*red*/
.b1 {color: #7109AA;} .b2 {color: #602580;} .b3 {color: #48036F;} .b4 {color: #9F3ED5;} .b5 {color: #AE66D5;}/*blue-purple*/
.c1 {color: #9FEE00;} .c2 {color: #86B22D;} .c3 {color: #679B00;} .c4 {color: #B9F73E;} .c5 {color: #C9F76F;}/*yellow-green*/
.d1 {color: #00CC00;} .d2 {color: #269926;} .d3 {color: #008500;} .d4 {color: #39E639;} .d5 {color: #67E667;}/*green*/
.e1 {color: #FFFF00;} .e2 {color: #BFBF30;} .e3 {color: #A6A600;} .e4 {color: #FFFF40;} .e5 {color: #FFFF73;}/*yellow*/
.f1 {color: #FF7400;} .f2 {color: #BF7130;} .f3 {color: #A64B00;} .f4 {color: #FF9640;} .f5 {color: #FFB273;}/*orange*/

#logo {width: 283px; position: absolute; top: 0px; left: 0; z-index: 2;}
#logo img {width: 283px; height: 128px;}
#instructions {position: absolute; width: 280px; top: 113px; left: 0px; z-index: 2;}
#instructions p {margin-top: 0px; background-color: #000; padding-left: 2px;}
#instructions p span.free{color: #bd76e5;}
#menu {width: 200px; position: absolute; top: 215px; left: 0; z-index: 2;}/*--z-index in #menu is used as marker for moreInfo() in js (from 2 to 3)*/
#menu ul {width: 140px; padding: 0 2px 2px 2px; background-color: #111; margin-top: -3px;}
#menu ul li {margin: 0px; padding: 1px 1px 1px 0px; width: 150px;}
#menu h2 a {display: block; font-size: 13px; padding: 0 5px 0 2px; background-color: #333; cursor: pointer;}
#menu h2 a:hover {background-color: #444;}
#menu li.active a {padding-left: 5px;}
#menu h2 span {display: block; font-size: 13px; padding: 0 5px 0 2px; background-color: #333; cursor: pointer;}
#menu h2 span:hover {background-color: #444;}
#menu li.active span {padding-left: 5px;}
#menu ul li ul#examples_box {
  position: absolute; left: -999em;
  width: 180px; padding: 0 2px 2px 2px; background-color: #111; margin: -17px 0 0 135px;
}
#menu ul li:hover ul#examples_box {position: absolute; left: auto;}
#menu ul li ul li {width: 179px;}
#add {padding: 5px 0 0 10px;}
#add2 {width: 80px; margin: 10px 0 0 5px; z-index: 2;}
#add2 .hidden {visibility: hidden;}

#box{
  position: absolute;
  top: -49px;
  left: 283px;
  padding: 24px;
  width: 720px;
  color: #eee;
  font-size: 14px;
  border: solid #333;
  border-width: 10px;
  background-color: #000;
}
#box .h1 {font-size: 150%; text-align: center; padding-bottom: 15px;}
#box.rent {color: #fff; background-color: #181818;}
#box h1 {text-align: center;}
#box h2 {font-size: 16px; margin-top: 1.5em;}
#box h3 {font-size: 14px;}
#box ul {list-style: none;}
#box ul li {padding: 0.5em 0.5em 0.5em 0; margin-left: 0;}
#box ul li ul li {padding-left: 0.5em;}
#box ul.ordered {list-style: decimal;}
#box ul.ordered li {margin-left: 2em;}
#box ul#how_list {color: #269926;}
#box ul#how_list li ul {list-style: lower-alpha; color: #269926;}
#box ul#how_list li{font-size: 15px;}
#box ul#how_list li ul li {font-size: 13px;}
#box ul#how_list li a{text-decoration: none; color: #269926;}
#box ul#how_list li a:hover {text-decoration: underline;}
#box p.note {font-size: 12px; color: #ddd; margin-top: 1.5em;}
#box #entry_example {border: 3px solid #333; padding: 5px;}
#box #entry_examples {width: 300px; float: right; margin: 10px 0 10px 10px; background-color: #181818;}
#box #entry_examples #star_info {position: relative;}
#box #entry_examples h2 {text-align: center; margin-bottom: 12px;}
#box #entry_examples hr {color: #555; background-color: #555; width: 90%; border: 0; border-bottom: 1px solid #555;}
#box #entry_examples #star_info #blue_star {position: absolute; left: -100px; top: -10px; width: 48px; height: 46px; margin: 5px 20px;}
#box #entry_examples #star_entry {margin-bottom: 20px;}
#box fieldset {border: 0;}
#box fieldset legend {font-size: 110%;}
#box table tr td {padding-bottom: 10px;}
#close_box {position: absolute; top: 0; right: 0; border: solid 1px #900; padding: 0 1px 2px 1px; color: #999; font-weight: bold;}
#box a#close_box:hover {background-color: #833;}
#box p a.link {text-decoration: underline;}
#box p span {color: #C9F76F;}
#box #add .hidden {visibility: hidden;}
#box #footer {
  position: absolute;
  bottom: -65px;
  left: -10px;
  padding: 0 24px;
  width: 720px;
/*  height: 45px;*/
  color: #eee;
  font-size: 14px;
  font-weight: 700;
  border: solid #333;
  border-width: 10px;
  background-color: #444;
}
#box #footer p#asterisk {clear: both;color: #555; text-align: center;padding-top: 10px;}
#box #footer p#page_end {text-align: center;color: #000;font-size: 10px; background-color: #444;}
#box #footer p#page_end a {color: #000; text-decoration: underline; font-weight: 700;}

#constellation_list{
  position: absolute;
  top: 246px;
  left: 0px;
  padding: 0;
  text-align: left;
  z-index: 2;}
.h1_const_list{font-size: 110%; background-color: #333; padding: 2px 0 2px 10px; width: 100px;}
#const_list {padding: 0 0 5px 10px; background-color: #111; width: 100px;}
#constellation_list ul li {color: #666;}
#constellation_list ul li span {color: #666; cursor: default;}
#constellation_list ul a {font-size: 90%; margin-right: 10px;}
#constellation_list ul a:hover {background-color: #444;}
#constellation_list ul a.active_const {background-color: #000;}
/*#constellation_list ul li#more_const {font-size: 80%;}*/
#constellation_list ul li#more_const a {text-decoration: underline; color: #85004B;}
/*#constellation_list ul li#more_const a {
  font-size: 10px;
  color: #000;
  background-color: #666;
  padding: 0 2px 0 3px;
  font-weight: bold;
  font-family: serif;
  border-width: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}*/
#constellation_list ul li#more_const a:hover {background-color: #333; color: #9A2668;}

#sky_header {
  position: absolute;
  top: -50px;
  left: 283px;
  width: 740px;
  text-align: center;
  z-index: 3;}
#sky_header td{text-align: center;white-space: nowrap; padding: 4px 10px 3px 10px; background-color: #111;}
#sky_header td.noheight {padding: 0;}
#sky_header #sky_buttons {}
#sky_header #sky_buttons table {width: 500px; margin: 0 auto;}
#sky_header #sky_buttons td{color: #999;}
#sky_header #sky_buttons input {color: #BF7130;}
#sky_header #sky_buttons input#mark_messages_inactive.button {color: gray; cursor: default;}
#sky_header #sky_buttons input#mark_messages_inactive.button:hover {background-color: #180125;}
#sky_header #sky_buttons span#message_count {cursor: default;}
#sky_header #sky_buttons button#currency {color: #A64B00;}
#sky_header #sky_buttons button#currency span {color: #BF7130;}
#sky_header td span#click_on {}
#sky_header td span#const_name {font-size: 130%;}
#sky_header td span.const_choose {font-size: 12px; color: #888; padding: 0px;}
#sky_header td span#const_arrow {font-size: 10px; color: #cd0074; background-color: #222; padding: 0 4px; cursor: pointer;}
#sky_header td span#const_arrow:hover {color: #E667AF; background-color: #333;}
#sky_header #constellation_dropdown {}
#sky_header table#const_dropdown {position: absolute; left: 205px; display: none;}
/*position: absolute so that onclick('noDropdown()') works on map.*/
#sky_header #const_dropdown th {
  text-align: left; 
  font-size: 110%; 
  font-weight: normal; 
/*  color: #AE66D5; */
  background-color: #333; 
  padding: 2px 10px 2px 10px;
} /* color=b5 */
#sky_header #const_dropdown th#mess_th {text-align: right; color: #888}
#sky_header #const_dropdown td {text-align: left; color: #666; padding: 2px 10px 2px 10px;}
#sky_header #const_dropdown td.centre {text-align: center;}
#sky_header #const_dropdown td a:hover {background-color: #444;}
#sky_header #const_dropdown td a.active_const {background-color: #000;}
#sky_header #const_dropdown td#more_added {padding-bottom: 4px;}
#sky_header #const_dropdown td#more_added a {text-decoration: underline; color: #85004B; padding-bottom: 4px;}
#sky_header #const_dropdown td#more_added a:hover {background-color: #333; color: #9A2668;}

#star,#star2{position: absolute; top: -50px; z-index: 2;}/*Potential star box or pointers 'div' off the top of screen until called*/
#star_inner {
  position: absolute;
  margin: 2px;
  padding-bottom: 20px;
  /*line-height: 1;*/
  width: 350px;
  /*max-width: 300px;*/
  background: #181818;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: -1px -1px 2px #888;
  -webkit-box-shadow: -1px -1px 2px #888;
  box-shadow: -1px -1px 2px #f00;
  z-index: 3;
}
#star_inner #blue_star {position: absolute; left: 0; margin: 15px 0px 10px 25px; width: 48px; height: 46px;}
#star_inner.label {text-align: center; padding: 0 10px 1px 10px; width: auto; white-space: nowrap;}
#star_inner #label {font-size: 13px;}
#star_info {margin: 20px 25px 0px 115px;}
#star_info #starname {font-size: 13px;color: #AE66D5;/*b5*/}
#star_info span.info {font-size: 12px; padding-right: 10px; color: #9F3ED5;}
#star_info span.ix {font-size: 11px; padding-top: 7px; color: #999; display: none;}
#star_info #number {font-size: 11px;}
#star_info #sms_id {font-size: 11px;}
#star_info #interest {font-size: 11px; /*color: #7209AB;*//*b1*/}
#star_info div#more_star_info {display: none;}
#star_info span.more-less {font-size: 11px; border-width: 0px; color: #777; background-color: #181818; padding: 0; cursor: pointer;}
#star_info span.more-less:hover { color: #aaa;}
#star_info span#less {display: none;}
#star_info span.inf {
  font-size: 11px;
  color: #000;
  background-color: #666;
  padding: 0px 2px 0px 2px;
  font-weight: bold;
/*  font-family: serif;*/
  border-width: 0px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: default;
}
#star_info span.i:hover {background-color: #999;}
#star_entry {
  clear: both;
  background-color: #000;
  padding: 10px;
  margin: 10px;
  max-height: 150px;
  overflow: auto;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
#star_form {text-align: center;}
#star_form input#star_submit {
  font-size: 13px;
  text-align: center;
  color: #cd0074;/*p1*/
  margin: 10px 0px;
  padding: 2px 5px;
  background-color: #222;
  cursor: pointer;
  border-color: #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#star_form input#star_submit:hover {color: #E6399B; background-color: #333;} /*p4*/
#star_entry #rental {font-size: 11px; text-align: center; color: #666; margin: 10px 0px;}
#star_entry #preview_buttons_form {position: absolute; bottom: -15px; width: 307px; text-align: center; font-size: 13px;}
#preview_buttons_form input {margin: 0 20px;}
#star_entry #new_name {font-size: 14px; color: #cd0074;/*p1*/}
#star_entry #text {font-size: 12px; color: #eee; margin: 5px 0 0 0; white-space: normal;}
#star_entry #text_pre {font-size: 12px; color: #fff; margin: 5px 0 0 0; white-space: pre;}/*Example1 in dotdotdot*/
#star_entry #weblink {font-size: 12px; margin: 3px 0 0 0;color: #679B00;/*c3*/}
#star_entry .buy_link {text-decoration: underline;}
span.lower {font-size: 85%;}
div.lower {font-size: 85%;}
.larger {font-size: 110%; font-weight: bold;}
#star_left_line {position: absolute; top: 0px; left: 3px; color: red; font-size: 20px;}
#star_down_line {position: absolute; top: -15px; left: 0px; color: red; font-size: 20px;}
.messages {/*messages markings*/
  position: absolute;
  color: red;
  font-size: 15px;
  line-height: 1;
  padding: 0;
  margin: 0;
  font-family: Times;
  cursor: default;
  z-index: 1;
}
.flashing_stars {
  position: absolute;
/*  width: 5px;*/
/*  height: 3px;*/
  display: block;
  padding: 0;
  margin: 0;
  cursor: default;
  z-index: 1;
}
#nostar {
  position: absolute;
  top: 5px;
  color: #999;
  background-color: #500;
  border: 1px solid #000;
  padding: 0px 4px;
  font-size: 11px;
  font-weight: bold;
  z-index: 2;
}
#star button#nostar:hover {background-color: #833;}

h1.h1_buy {font-size: 150%; padding-bottom: 25px;}
.price {font-size: 12px; color: #777;}
.total_price {padding-top: 0px; font-weight: bold;}
#buy table {margin: 0 auto; max-width: 650px;}
#buy td {overflow: auto;}
#buy table td.centre {padding-left: 90px;}
#buy table td.smaller {font-size: 12px;}
#buy table td.align_centre {text-align: center;}
#buy table td span.max_chars {font-size: 75%; color: #777;}
#buy table td span.count {font-size: 75%; color: #888; font-weight: normal;}
#buy table td#total_label {text-align: right; padding-right: 37px;}
#buy input {width: 295px; padding: 0 0px;}
#buy textarea {width: 295px; font-size: 12px; color: #eee; padding: 0 0px;}
#buy input#new_name_p {font-size: 14px;}
#buy input#weblink_p {width: 250px; font-size: 12px;}
/*#buy input:hover,textarea:hover {background-color: #333;}*/
#buy input.form_submit {width: 140px; margin: 5px 10px 0 10px; padding: 3px 0px; /*background-color: #180125;*/}
/*#buy input.form_submit:hover {background-color: #333;}*/
/*#new_name_p{border: 1px solid #75e;}
#text_p{border: 1px solid #ff9;}
#weblink_p{border: 1px solid #292;}*/
/*#first_name{border: 1px solid #aaf;}
#last_name{border: 1px solid #aaf;}
#email{border: 1px solid #292;}
#confirm_email{border: 1px solid #292;}
textarea {font-size: 100%;font-family: Verdana;}*/
#buy td#buy_text_pre {font-size: 12px; max-width: 295px;}
#buy td.note {color: #777;font-size: 12px;}
#buy td.note p:first-child {margin-top: 0px;}
#buy img#paypal_image {vertical-align: bottom; padding: 0px 0px; margin: 0px 0px 0px 0px; background-color: #fff;}
#buy_star {
  margin: 2px;
  width: 350px;
  background: #181818;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: -1px -1px 2px #888;
  -webkit-box-shadow: -1px -1px 2px #888;
  box-shadow: -1px -1px 2px #888;
}
#buy_star #blue_star {position: absolute; left: 0; margin: 15px 0px 10px 25px; width: 48px; height: 46px;}
#buy_star #star_info {
  margin: 20px 25px 20px 115px;
}
input.lower {font-size: 85%;}
textarea.lower {font-size: 85%;}

#contact p {text-align: center;}
#contact table {margin: 0 auto;}
#contact .warning {font-size: 100%; color: red;}
#contact .shownot {display: none;}
#contact input,textarea {
  font-size: 100%;
  color: #eee;
  width: 300px;
}
#contact input.form_submit {
  width: 305px;
  margin: 10px 40px 0 0;
  color: #f00;
}
/*#contact input.form_submit:hover {color: #DFFE76; background-color: #679B00;}*/

/* For buttons at bottom of screen (Changed 7/10/14):- */
/*#sky_buttons {
  position: fixed;
  bottom: 0px;
  width: 100%;
  text-align: center;
  z-index: 3;
}*/
/*  Sky_buttons for images instead of words:-  */
/*#sky_buttons input.button2 {
  border-color: #bbb;
  width: 27px;
  height: 21px;
  padding: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#sky_buttons input#button_const {background-image: url('images/_button_const2.jpg');}
#sky_buttons input#button_zoom_out {background-image: url('images/_button_zoom_out.jpg');}
#sky_buttons input#button_zoom_in {background-image: url('images/_button_zoom_in.jpg');}
#sky_buttons input#button_messages {background-image: url('images/_button_messages.jpg');}
#sky_buttons input#button_messages_inactive {background-image: url('images/_button_messages.jpg');}
#sky_buttons input#mark_messages_inactive.button2 {color: gray;}
#sky_buttons input.button2:hover {background-color: #49036F;}
#sky_buttons input#mark_messages_inactive.button2:hover {background-color: #180125;}*/