* {
   margin: 0px;
}
p {
   /* line-height: 150%; */
   line-height: 17px;
}
body {
   background-color: #f2f2f2;
   margin: 0px;
   background-repeat: repeat-x;
   color: #000000;
   font-family: Arial, Verdana;
   font-size: 9pt;
   text-align: center;
   height: 100%;
}
ul, li {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   list-style-position: outside;
   vertical-align: bottom
}
input {
   font-size: 9pt;
}
a {
   color: #000000;
   text-decoration: none;
}
a:visited {
   color: #000000;
   text-decoration: none;
}
a:hover {
   color: #f7931e;
   text-decoration: none;
}
.addsubframesperiodtoggle {
   text-decoration: underline;
}
.bodyForumHeader a {
   color: #000000;
   font-weight: bold;
}
.bodyForumHeader a:visited {
   color: #000000;
}
.bodyForumHeader a:hover {
   text-decoration: underline;
}
.bullet ul, .bullet li {
   margin-left: 12px;
   margin-bottom: 5px;
   padding: 0px;
   list-style-type: disc;
   list-style-position: outside;
   vertical-align: bottom
}

.buttonLarge {
   height: 21px;
   overflow: hidden;
   position: absolute;
   bottom: 0px;
   right: 0px;
   color: #555555;
}
.buttonLarge a {
   color: #555555;
}
.buttonLage a:visited {
   color: #555555;
}
.buttonLage a:hover {
   color: #000000;
}

.buttonSmall {
   height: 15px;
   overflow: hidden;
   background: url('/images/buttonsmallbg.gif');
   background-repeat: repeat-x;
   position: absolute;
   bottom: 0px;
   right: 0px;
}
.buttonSmall a {
   color: #555555;
}
.buttonSmall a:visited {
   color: #555555;
}
.buttonSmall a:hover {
   color: #000000;
}

.buttonSmallContent {
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 1px;
}
.buttonSmallL {
   width: 7px;
   height: 15px;
   position: absolute;
   left: 0px;
   top: 0px;
   background: url('/images/buttonsmalll.gif');
   background-repeat: no-repeat;
}
.buttonSmallR {
   width: 7px;
   height: 15px;
   position: absolute;
   right: 0px;
   top: 0px;
   background: url('/images/buttonsmallr.gif');
   background-repeat: no-repeat;
}


h1 {
   font-size: 14pt;
}
h2 {
   font-size: 11pt;
}
.buttonContent {
   background: url('/images/buttonbg.gif');
   height: 21px;
   background-repeat: repeat-x;
   margin-left: 7px;
   margin-right: 7px;
   padding-top: 3px;
}
.buttonL {
   width: 7px;
   height: 21px;
   position: absolute;
   left: 0px;
   top: 0px;
   background: url('/images/buttonl.png');
   background-repeat: no-repeat;
}
.buttonR {
   width: 7px;
   height: 21px;
   position: absolute;
   right: 0px;
   top: 0px;
   background: url('/images/buttonr.png');
   background-repeat: no-repeat;
}

/* calendar */
.calendarDay {
   background-color: #e5e5e5;
   border: 1px dashed #cccccc;
   margin: 5px 5px 5px 5px;
   height: 50px;
   position: relative;
}
.calendarDayNA {
   background-color: #f2f2f2;
   margin: 5px 5px 5px 5px;
   height: 50px;
   border: 1px dashed #dddddd;
   position: relative;
}
.calendarDayHover {
   background-color: #dceef6;
   border: 1px dashed #aaaaaa;
   margin: 5px 5px 5px 5px;
   height: 50px;
   position: relative;
}
.calendarDayNumber {
   position: absolute;
   top: 5px;
   right: 5px;
   text-align: right;
   width: 30px;
}
.calendarDayNumberNA {
   position: absolute;
   top: 5px;
   right: 5px;
   text-align: right;
   width: 30px;
   color: #d5d5d5;
}
.calendarMonth a {
   color: #000000;
   text-decoration: none;
}
.calendarMonth a:visited {
   color: #000000;
   text-decoration: none;
}
.calendarMonth a:hover {
   text-decoration: underline;
}
.calendarDayPeriod {
   position: relative;
   border: 1px solid #aaaaaa;
   background-color: #ffffff;
}
.calendarDayInitialization {
   background-color: #38b3ec;
}
.calendarDayBlock {
   width: 50px;
   font-size: 7pt;
   /* background-color: #aaaaaa; */
   background-color: #f8ac19;
   overflow: hidden;
   cursor: move;
   display: block;
   filter: alpha (opacity=80);
   -moz-opacity: .8;
   opacity: .8;
   -khtml-opacity: .8;
   text-align: center;
   writing-mode: tb-rl;
   vertical-align: bottom;
}
.calendarDayCurrentBlockTransparent {
   background-color: #333333;
   position: absolute;
   color: #ffffff;
   text-align: center;
   font-size: 7pt;
   writing-mode: tb-rl;
   filter: alpha (opacity=30);
   -moz-opacity: .3;
   opacity: .3;
   -khtml-opacity: .3;

}
.calendarDayCurrentBlock {
   background-color: #333333;
   position: absolute;
   color: #ffffff;
   text-align: center;
   font-size: 7pt;
   writing-mode: tb-rl;
}
.calendarDayReservedBlock {
   background-color: #f3dabd;
   display: block;
   font-size: 7pt;
   text-align: center;
}
.calendarDayNow {
   background-color: #c1c32e;
   display: block;
   font-size: 7pt;
   text-align: center;
}
.calendarPriceOverride {
   background-color: #c9ffba;
   position: absolute;
   color: #ffffff;
   text-align: center;
   font-size: 7pt;
   writing-mode: tb-rl;
   filter: alpha (opacity=30);
   -moz-opacity: .3;
   opacity: .3;
   -khtml-opacity: .3;

}

.calendarDayEasyMode {
   background-color: #f97cfe;
   display: block;
   font-size: 7pt;
   text-align: center;
}
.calendarDayWarmFailedBlock {
   background-color: #aaaaaa;
   overflow: hidden;
   display: block;
   font-size: 7pt;
   text-align: center;
}

.calendarDayFailedBlock {
   background-color: #a30606;
   overflow: hidden;
   display: block;
   font-size: 7pt;
   text-align: center;
}
.calendarDayTrialBlock {
   background-color: #ffd3fe;
   display: block;
   font-size: 7pt;
   text-align: center;
}

.calendarDayBestBlock {
   background-color: #cfe8ff;
   display: block;
   font-size: 7pt;
   text-align: center;
}
.calendarDayRunningBlock {
   background-color: #bcfab7;
   display: block;
   font-size: 7pt;
   text-align: center;
}


.calendarDayHourDivider {
   position: absolute;
   width: 1px;
   background-color: #aaaaaa;
}
.calendarDayTimeLabel {
   position: absolute;
   font-size: 7pt;
   top: 2px;
   writing-mode: tb-rl;
   color: #888888;
   /* filter: flipv fliph; */
}
.calendarDayInfoLine {
   border-bottom: 1px solid #999999;
   background-color: #d1d1d1;
   overflow: hidden;
}
.calendarDayInfoLine td {
   font-size: 8pt;
}
.calendarDayMoonLine {
   background-color: #e5e5e5;
   position: relative;
   border-left: 1px solid #888888;
   border-right: 1px solid #888888;
   height: 14px;
}
.calendarDayMoonBlock {
   position: absolute;
   font-size: 7pt;
   color: #ffffff;
   background-color: #333333;
   height: 14px;
}
.calendarDayTargetLine {
   border-left: 1px solid #888888;
   border-right: 1px solid #888888;
   background-color: #e5e5e5;
   border-bottom: 1px solid #999999;
   position: relative;
   height: 14px;
}

.calendarDayTargetBlockSet {
   position: absolute;
   font-size: 7pt;
   background-color: #aaaaaa;
   height: 14px;
}

.calendarDayTargetBlockRise {
   position: absolute;
   font-size: 7pt;
   background-color: #c1c1c1;
   height: 14px;
}
.calendarDayMoonNABlock {
   font-size: 7pt;
   color: #888888;
   width: 60px;
   text-align: center;
   height: 14px;
}
.calendarTwilight {
   position: absolute;
   background-color: #bebebe;
   top: 0px;
}
.calendarKeyImageNow {
   font-size: 8pt;
}
.calendarKeyImageNow img {
   background-color: #c9ffba;
   vertical-align: middle;
   border: 1px solid #cccccc;
}
.calendarKeyTwilight {
   font-size: 8pt;
}
.calendarKeyTwilight img {
   vertical-align: middle;
   border: 1px solid #cccccc;
   background-color: #bebebe;
}
.calendarKeyReserved {
   font-size: 8pt;
}
.calendarKeyReserved img {
   vertical-align: middle;
   border: 1px solid #cccccc;
   background-color: #f3dabd;
}
.calendarKeyFree {
   font-size: 8pt;
}
.calendarKeyFree img {
   vertical-align: middle;
   border: 1px solid #cccccc;
   background-color: #ffffff;
}
.calendarSunset {
   float: left;
   font-size: 8pt;
}
.calendarSunset img {
   padding-bottom: 3px;
}
.calendarSunrise {
   float: right;
   font-size: 8pt;
}
.calendarSunrise img {
   padding-bottom: 3px;
}

.cartBody {
   border: 1px dashed #aaaaaa;
   background-color: #eeeeee;
   padding: 5px 5px 5px 5px;
}  
.cartCheckout {
   width: 425px;
   float: left;
   margin-right: 10px;
}
.cartHeader {
   background-color: #e5e5e5;
   padding: 2px 2px 2px 2px;
}  


/* Easy mode */
.easyBoxChoiceOn {
   margin-left: 10px;
   margin-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   border: 1px solid #cccccc;
   background-color: #f7931e;
   color: #000000;
   font-weight: bold;
   text-align: center;
}
.easyBoxChoiceOn a {
   color: #000000;
   text-decoration: underline;
}
.easyBoxChoiceOn a:visited {
   color: #000000;
   text-decoration: underline;
}
.easyBoxChoiceOn a:hover {
   color: #000000;
   text-decoration: none;
}

.easyBoxChoiceOff {
   margin-left: 10px;
   margin-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   color: #000000;
   border: 1px solid #cccccc;
   background-color: #e5e5e5;
   font-weight: bold;
   text-align: center;
}

.easyHeader {
   color: #000000;
}
.easyHeader a {
   color: #000000;
   text-decoration: none;
}
.easyHeader a:visited {
   color: #000000;
   text-decoration: none;
}
.easyHeader a:hover {
   color: #000000;
}
.easyHeaderHighlight {
   padding: 3px 3px 3px 3px;
   border: 1px solid #cccccc;
   background-color: #dceef6;
   color: #000000;
   font-weight: bold;
}
.easyHeaderHighlight a {
   color: #000000;
   text-decoration: none;
}
.easyHeaderHighlight a:visited {
   color: #000000;
   text-decoration: none;
}
.easyHeaderHighlight a:hover {
   color: #000000;
}


.easyDetailImageBlock {
   position: relative;
   float: right;
   margin-left: 10px;   
   margin-bottom: 10px;
   background-color: #eeeeee;
   margin-right: 3px;
   width: 303px;
   height: 200px;
   border: 1px solid #aaaaaa;
}
.easyDetailField {
   background-color: #fefefe;
   padding: 2px 2px 2px 2px;
}
.easyDetailValue {
   position: absolute;
   color: #000000;
   top: 0px;
   right: 0px;
   width: 40px;
   font-weight: bold;
   padding-top: 10px;
   padding-bottom: 10px;
   font-size: 14pt;
   /*
   border-left: 1px solid #aaaaaa;
   border-bottom: 1px solid #aaaaaa;
   background-color: #f7931e; */
   background-color: #000000;
   color: #ffffff;
   text-align: center;

   filter: alpha (opacity=60);
   -moz-opacity: .6;
   opacity: .6;
   -khtml-opacity: .6;
}
.easySlidebarNotches {
   position: relative;
   height: 25px;
   width: 598px;
}
.easySlideBarLabel {
   position: absolute;
   width: 10px;
   height: 10px;
   top: 9px;
}
.easySlideBarLine {
   position: absolute;
   width: 1px;
   height: 10px;
   top: 0px;
   background-color: #333333;
}

.easyTarget {
   margin-left: 10px;
   margin-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   border: 1px solid #cccccc;
   background-color: #f7931e;
   font-weight: bold;
   color: #000000;
   text-align: center;
}
.easyTarget a {
   color: #000000;
   text-decoration: underline;
}
.easyTarget a:visited {
   color: #000000;
   text-decoration: underline;
}
.easyTarget a:hover {
   color: #000000;
   text-decoration: none;
}


.featuredImagesHeader {
   height: 25px;
}
.featuredImagesBlock {
   overflow: hidden;
   position: relative;
   height: 335px;
}
.featuredImageCurrent {
   height: 310px;
   overflow: hidden;
   position: relative;
}
.featuredImagePaging {
   position: absolute;
   bottom: 0px;
   right: 0px;
   text-align: right;
}
.featuredImageCredits {
   margin-top: 5px;
   font-size: 7pt;
}
.featuredImageDescription {
   margin-top: 9px;
}
.featuredImageThumb {
   float: right;
   margin-left: 5px;
   margin-bottom: 5px;
}
.groupTitle {
   font-weight: bold;
   padding: 2px;
   background-color: #f1f1f1;
}
.groupDelete {
   float: right;
}
.help {
   position: absolute;
   top: 0px;
   right: 0px;
}
.helpOn {
   position: absolute;
   width: 300px;
   border: 2px solid #e1e1e1;
   padding: 5px;
   z-index: 5;
   background-color: #ffffe2;
}
.headerLoginBlock {
   position: absolute;
   top: 50px;
   right: 0px; 
   width: 290px;
   height: 20px;
   font-size: 8pt;
   text-align: right;
}
.headerLoginBlock a {
   color: #000000;
}
.headerLoginBlock a:visited {
   color: #000000;
}
.headerLoginBlock input {
   font-size: 8pt;
}
.headerLogo {
   float: left;
   margin-top: 10px;
   padding-left: 10px;
}
.holdBox {
   position: absolute;
   top: -5px;
   right: 0px;
   text-align: center;
}
.holdBox a {
   background-color: #ededed;
   padding: 2px;
}
.holdBox a:visited {
   color: #000000;
}
.holdBox a:hover {
   background-color: #f6f6f6;
   color: #888888;

}
.homeNewsBlock {
/*
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
*/
}
.homeNewsLeft {
   float: left;
   width: 140px;
}
.homeNewsDivider {
   float: left;
   width: 1px;
   height: 15px;
   background-color: #d9d9d9;
}
.homeNewsRight {
   float: right;
   width: 724px;
}
#howDoesBlock {
   padding-top: 15px;
}
#howDoesBase {
   position: absolute;
   bottom: 10px;
   left: 10px;
   width: 265px;
   height: 57px;
   font-size: 7pt;
   color: #333333;
}
.howDoesBaseOption {
   float: left;
   width: 56px;
   height: 55px;
   /* background-color: #e6e6e6; */
   /* border: 1px solid #dddddd; */
   /* border: 1px solid #ffffff; */
   text-align: center;
}
.howDoesBaseOptionImg {
   padding-bottom: 1px;
   padding-top: 4px;
   height: 25px;
}
.howDoesBaseDivider {
   float: left;
   width: 11px;
   height: 50px;
}
.contentMenu {
   height: 32px;
   clear: both;
   position: relative;
}
.contentMenu a:hover {
   color: #000000;
}

.layoutBodyHeader {
   margin-bottom: 5px;
}

/* LOWS system */
.lowsContainer {
   padding: 2px 2px 2px 2px;
   margin-bottom: 2px;
   background-color: #efefef;
   height: 20px;
}
.lowsContainerWarning {
   padding: 2px 2px 2px 2px;
   margin-bottom: 2px;
   background-color: #bb0000;
   height: 20px;
}
.lowsDate {
   width: 120px;
   padding: 2px 2px 2px 2px;
   text-align: center;
   float: left;
   height: 16px;
}
.lowsMessage {
   width: 360px;
   padding: 2px 2px 2px 2px;
   margin-left: 2px;
   float: left;
   height: 16px;
}
.lowsReviewed {
   width: 75px;
   text-align: center;
   padding: 2px 2px 2px 2px;
   margin-left: 2px;
   float: left;
   height: 16px;
}
.menuItem {
   float: left;
   height: 32px;
   background-color: #e6e6e6;
}
.menuItemActive {
   float: left;
   height: 32px;
   background-color: #cccccc;
}
.menuContent {
   text-align: center;
   margin-top: 9px;
}
.menuContent a {
   color: #000000;
}
.menuContent a:visited {
   color: #000000;
}
.menuSpacer {
   background-color: #d9d9d9;
   float: left;
   height: 32px;
}

.menuTL {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 2px;
   height: 2px;
   background: url('/images/menutl.gif');
}
.menuTR {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 2px;
   height: 2px;
   background: url('/images/menutr.gif');

}
.menuBL {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 2px;
   height: 2px;
   background: url('/images/menubl.gif');
}
.menuBR {
   position: absolute;
   bottom: 0px;
   right: 0px;
   width: 2px;
   height: 2px;
   background: url('/images/menubr.gif');
}
.indexThumbBlock {
   height: 147px;
   position: relative;
}
.indexThumb {
   float: left;
   width: 137px;
}
.indexThumb img {
   border: 1px solid #666666;
}

.fullControlSkyView {
   position: relative;
   text-align: center;
   background-color: #000000;
}
.fullControlSkyMapQuery {
   text-align: center;
   margin-top: 10px;
}
.fullControlMenuItem {
   position: absolute;
   top: 6px;
   color: #ffffff;
   font-size: 8pt;
}
.fullControlMenuOff {
   /* color: #ababab; */
   color: #e8e8e8;
}
.fullControlMenuItem a {
   color: #8a8a8a;
}
.fullControlMenuItem a:visited {
   color: #8a8a8a;
}
.fullControlMenuItem a:hover {
   color: #333333;
}
.fullControlMenuBG {
   top: 6px;
   position: absolute;
}
.fullControlImagingRunRow {
   clear: both;  
   margin-bottom: 2px;
   font-size: 8pt;
}
.fullControlImagingRunContent {
   float: right;
   margin-bottom: 2px;
   width: 170px;
}
.fullControlWeather {
   font-size: 8pt;
   float: right;
}
.fullControlWeatherField {
   float: left;
   width: 80px;
}
.fullControlWeatherTitle {
   clear: both;
   font-weight: bold;
}
.fullControLWeatherRow {
   clear: both;
}
.fullControlWeatherValue {
   float: right;
   width: 45px;
}
.fullControlScheduleOption {
   color: #f7931e;
   font-weight: bold;
}
.fullControlPlanningL {
   float: left;
   width: 60px;
   font-size: 8pt;
}
.fullControlPlanningRow {
   clear: both;
}
.fullControlPlanningR {
   float: right;
   width: 65px;
   text-align: right;
   font-size: 8pt;
}
.fullControlSubframeBlock {
   height: 108px;
   overflow: auto;
}
.fullControlSubframeBase {
   position: absolute;
   bottom: 5px;
   left: 10px;
   font-size: 8pt;
}
.fullControlSubframePaging {
   position: absolute;
   right: 10px;
   bottom: 5px;
   font-size: 8pt;
}
.fullControlSubframePage {
   padding: 1px;
}
.fullControlPoints {
   position: absolute;
   height: 190px;
   bottom: 10px;
   left: 10px;
   font-size: 8pt;
}
.fullControlPointsRow {
   clear: both;  
   margin-bottom: 1px;
}
.fullControlPointsContent {
   float: right;
   margin-bottom: 1px;
   width: 95px;
}
.fullControlPointRowSelf {
   padding: 5px;
   background-color: #d5f8ff;
}
.fullControlPointRowGroup {
   background-color: #eaeaea;
   padding: 5px;
}

.horizMenuItem {
   float: left;
   font-size: 8pt;
   text-align: center;
   height: 16px;
   color: #ffffff;
}
.horizMenuItemContent {
   position: absolute;
   top: -4px;
   text-align: center;
}
.horizMenuOff {
   /* color: #ababab; */
   color: #e8e8e8;
}
.horizMenuItem a {
   color: #8a8a8a;
}
.horizMenuItem a:visited {
   color: #8a8a8a;
}
.horizMenuItem a:hover {
   color: #333333;
}
.horizMenuBG {
   top: 6px;
   position: absolute;
}

.splashPagingBlock {
   position: absolute;
   bottom: 10px;
   left: 10px;
}
.splashPage {
   padding: 0px 5px 0px 5px;
   border: 1px solid #cccccc;
   font-size: 11pt;
   float: left;
   margin-right: 10px;
}
.splashPageOff {
   color: #cccccc;
}
.splashPageOn {
   background-color: #e6e6e6;
   color: #808080;
}
.splashText {
   position: absolute;
   left: 50%;
   top: 10px;
   width: 290px;
   height: 280px;
   overflow: hidden;
}

.splashBlock {
   clear: both;
}
.splashBlock p {
   margin-top: 5px;
}

.usescopesSplash {
   position: relative;
   height: 360px;
}
.usescopesSplashImage {
   position: absolute;
   right: 0px;
   top: 0px;
}
.usescopesSplashContent {
   position: absolute;
   top: 0px;
   left: 0px;
}
.usescopesSplashEasy {
   position: absolute;
   bottom: 0px;
   left: 0px;
}
.usescopesSplashEasyContent {
   position: relative;
   width: 105px;
   background-color: #ff0000;
}
.usescopesSplashFull {
   position: absolute;
   bottom: 0px;
   left: 110px;
}
.usescopesSplashFullContent {
   position: relative;
   width: 95px;
   background-color: #ff0000;
}

.usescopesTargetQuery {
   background-color: #fdfdfd;
   padding: 2px 2px 2px 2px;
   margin-top: 5px;
   width: 550px;
}

.usescopesTargetQueryResult {
   float: left;
   margin-bottom: 3px;
   margin-left: 6px;
   background-color: #cccccc;
   padding-left: 2px;
   padding-right: 2px;
   white-space: nowrap;
}
.usescopesTargetQueryResult a {
   color: #000000;
}
.usescopesTargetQueryResult a:visited {
   color: #888888;
}
.usescopesTargetQueryResult a:hover {
   color: #888888;
}
.usescopesTargetQueryResultAbove {
   float: left;
   margin-bottom: 3px;
   margin-left: 6px;
   background-color: #bdf3c2;
   padding-left: 2px;
   padding-right: 2px;
   white-space: nowrap;
}
.usescopesTargetQueryResultAbove a {
   color: #000000;
}
.usescopesTargetQueryResultAbove a:visited {
   color: #333333;
}
.usescopesTargetQueryResultAbove a:hover {
   color: #333333;
}
.usescopesTargetQueryResultBelow {
   float: left;
   margin-bottom: 3px;
   margin-left: 6px;
   background-color: #f3bdbd;
   padding-left: 2px;
   padding-right: 2px;
   white-space: nowrap;
}
.usescopesTargetQueryResultBelow a {
   color: #000000;
}
.usescopesTargetQueryResultBelow a:visited {
   color: #000000;
}
.usescopesTargetQueryResultBelow a:hover {
   color: #333333;
}
.usescopesExposureBlock {
   margin-top: 3px;
   padding: 1px;
   background-color: #eaeaea;
}
.planImageProblem {
   text-align: center;
   margin-top: 20px;
}

/* about */
.aboutTeamThumb {
   float: right;
   margin-top: 15px;
   margin-left: 15px;
   margin-bottom: 15px;
   width: 180px;
}


.articleContent {
}
.articleSpacer {
   height: 10px;
}
.articleCategory1 {
   font-size: 8pt;
   clear: both;
   padding-top: 6px;
   padding-bottom: 4px;
   padding-left: 2px;
}
.articleCategory2 {
   font-size: 8pt;
   clear: both;
   padding-top: 6px;
   padding-bottom: 4px;
   padding-left: 2px;
}
.articleIcon {
   float: left;
   width: 20px;
}


/* boxes */
.boxGreen {
   background-color: #18770e;
   border: 1px solid #aaaaaa;
   padding: 2px 2px 2px 2px;
}
.boxHighlight {
   background-color: #f0fee8;
   border: 1px solid #aaaaaa;
   padding: 5px;
}

.boxGray {
   background-color: #e7e7e7;
   border: 1px solid #aaaaaa;
   padding: 2px 2px 2px 2px;
}

.boxNotice {
   padding: 5px;
   margin-bottom: 5px;
   border: 1px solid #cccccc;
   /* background-color: #f8c491; */
   /* background-color: #e7f2e7;  */
   background-color: #dceef6;
}
.boxNotice a {
   color: #000000;
}
.boxNotice a:visited {
   color: #000000;
}
.boxNotice a:hover {
   color: #000000;
   text-decoration: underline;
}

.boxWarning {
   background-color: #ffb7b7;
   border: 1px solid #aaaaaa;
   padding: 5px;
}
.boxWarning a {
   color: #000000;
}
.boxWarning a:visited {
   color: #000000;
}
.boxWarning a:hover {
   color: #333333;
}


.checkmark {
   float: right;
   width: 20px;
   text-align: right;
}
/* catalog */
.catalogBlock {
   text-align: center;
   /* border: 5px solid #666666; */
   background-color: #000000;
   clear: both;
}
.catalogFOVRotating {
   position: absolute;
   top: 0px;
   left: 0px;
   filter: alpha (opacity=30);
   -moz-opacity: .3;
   opacity: .3;
   -khtml-opacity: .3;
}
.catalogControlBarH {
   position: absolute;
   background-color: #333333;
   height: 4px;
   width: 14px;
   color: #ffffff;
   font-size: 8pt;

   filter: alpha (opacity=70);
   -moz-opacity: .7;
   opacity: .7;
   -khtml-opacity: .7;
}
.catalogControlBarV {
   position: absolute;
   background-color: #333333;
   height: 14px;
   width: 4px;
   color: #ffffff;
   font-size: 8pt;

   filter: alpha (opacity=70);
   -moz-opacity: .7;
   opacity: .7;
   -khtml-opacity: .7;
}
.catalogZMapToggleOn {
   position: absolute;
   background-color: #888888;
   width: 155px;
   height: 15px;
}
.catalogZMapToggleOff {
   position: absolute;
   background-color: #888888;
   width: 155px;
   height: 15px;
}
.catalogZMap {
   position: absolute;
   background-color: #555555;
   width: 155px;
   height: 155px;

   filter: alpha (opacity=80);
   -moz-opacity: .8;
   opacity: .8;
   -khtml-opacity: .8;
}

.catalogZoomBox {
   position: absolute;
   background-color: #888888;
   width: 15px;
   height: 15px;
}
.catalogZoomBoxSky {
   position: absolute;
   background-color: #888888;
   width: 15px;
   height: 15px;
}

.catalogDateChange {

}

.catalogSkyFocusDrag {
   position: absolute;
   background-color: #888888;

   filter: alpha (opacity=80);
   -moz-opacity: .8;
   opacity: .8;
   -khtml-opacity: .8;
}

.catalogDrag {
/*
   background-color: #000000;
   filter: alpha (opacity=01);
   -moz-opacity: .01;
   opacity: .01;
   -khtml-opacity: .01;
*/
}
.catalogPA {
   position: absolute;
   overflow: hidden;
   height: 15px;
   width: 45px;
   border: 1px solid #aaaaaa;
   background-color: #888888;
}
.catalogGuideInfo {
   position: absolute;
   border: 1px solid #aaaaaa;
   background-color: #888888;
   font-size: 8pt;
   white-space: nowrap;
}
.catalogFullImage {
   position: absolute;
   top: 0px;
   left: 0px;
}
.catalogGuideButton {
   background-color: #000000;
   filter: alpha (opacity=01);
   -moz-opacity: .01;
   opacity: .01;
   -khtml-opacity: .01;
   position: absolute;
}
.catalogLocation {
   color: #f7931e;
   font-size: 9pt;
   font-weight: bold;
   text-align: left;
   white-space: nowrap;
}

.clearBoth {
   clear: both;
}

/* comments */
.commentBox1 {
   padding: 5px 5px 5px 5px;
   background-color: #e5e5e5;
}
.commentBox2 {
   padding: 5px 5px 5px 5px;
   background-color: #f5f5f5;
}
.commentHeader {
   font-size: 8pt;
}
#commentBlock {
   margin-top: 20px;
}



.content {
   width: 900px;
   text-align: left;
}
.contentBoxContainerF {
   position: inherit;
   /* background-color: #ffffff; */
}
.contentBoxContainer {
   position: relative;
   /* background-color: #ffffff; */
   overflow: hidden;
}
.contentBoxBannerLink {
   position: absolute;
   top: 0px;
   left: 0px;
}
.contentBoxTop {
   border-top: 1px solid #e6e6e6;
   height: 4px;
}
.contentBoxBottom {
   border-bottom: 1px solid #e6e6e6;
   height: 4px;
}
.contentBoxContent {
/*
   padding-left: 10px;
   padding-right: 10px;
*/
   border-left: 1px solid #e6e6e6;
   border-right: 1px solid #e6e6e6;
}
.contentBoxSub {
/*
   margin-top: 5px;
   margin-bottom: 5px;
   margin-left: 10px;
   margin-right: 10px;
*/

   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px;
}
.contentBoxTL {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 5px;
   height: 5px;
   background: url('/images/boxtl.png');
}
.contentBoxTR {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 5px;
   height: 5px;
   background: url('/images/boxtr.png');

}
.contentBoxBL {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 5px;
   height: 5px;
   background: url('/images/boxbl.png');
}
.contentBoxBR {
   position: absolute;
   bottom: 0px;
   right: 0px;
   width: 5px;
   height: 5px;
   background: url('/images/boxbr.png');
}

.contentSubBoxContainer {
   position: relative;
   background-color: #f6f6f6;
}
.contentSubBoxTop {
   border-top: 1px solid #e6e6e6;
   height: 4px;
}
.contentSubBoxTopCap {
   border-top: 1px solid #e6e6e6;
   font-size: 7pt;
   text-align: left;
   color: #ffffff;
   padding: 4px;
   background-color: #808080;
}
.contentSubBoxBottom {
   border-bottom: 1px solid #e6e6e6;
   height: 4px;
}
.contentSubBoxContent {
   border-left: 1px solid #e6e6e6;
   border-right: 1px solid #e6e6e6;
}
.contentSubBoxSub {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px;
}
.contentSubBoxTL {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 5px;
   height: 5px;
   background: url('/images/subboxtl.gif');
}
.contentSubBoxTR {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 5px;
   height: 5px;
   background: url('/images/subboxtr.gif');

}
.contentSubBoxBL {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 5px;
   height: 5px;
   background: url('/images/subboxbl.gif');
}
.contentSubBoxBR {
   position: absolute;
   bottom: 0px;
   right: 0px;
   width: 5px;
   height: 5px;
   background: url('/images/subboxbr.gif');
}


.contentSubTabContainer {
   position: relative;
   background-color: #f6f6f6;
}
.contentSubTabTop {
   border-top: 1px solid #e6e6e6;
   height: 4px;
}
.contentSubTabContent {
   border-left: 1px solid #e6e6e6;
   border-right: 1px solid #e6e6e6;
}
.contentSubTabSub {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px;
}
.contentSubTabTL {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 5px;
   height: 5px;
   background: url('/images/subboxtl.gif');
}
.contentSubTabTR {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 5px;
   height: 5px;
   background: url('/images/subboxtr.gif');

}

.contentHeader {
   height: 85px;
   position: relative;
}
.contentDivider {
   clear: both;
   height: 15px;
}
.contentBody {
}
.contentLeft {
   float: left;
   width: 600px;
   margin-right: 15px;
}
.contentNatural {
}
.contentNatural a {
   color: #f7931e;
   text-decoration: none;
}
.contentNatural a:visited {
   color: #f7931e;
   text-decoration: none;
}
.contentNatural a:hover {
   color: #ffffff;
   text-decoration: none;
}


.contentRight {
   float: right;
   width: 285px;
}
.contentSub {
   /* padding: 10px 10px 10px 10px; */
   margin: 10px 10px 10px 10px;
}
.contentSubNatural {
   margin: 10px 10px 10px 10px;
}
.contentSubNatural a {
   color: #f7931e;
   text-decoration: none;
}
.contentSubNatural a:visited {
   color: #f7931e;
   text-decoration: none;
}
.contentSubNatural a:hover {
   color: #333333;
   text-decoration: none;
}

.contentAreaHeader {
   font-weight: bold;
   margin-bottom: 10px;
}
.contentAreaHeader a {
}
.contentAreaHeader a:visited {
}
.contentAreaHeader a:hover {
}
.contentRollover {
   width: 520px;
   text-align: center;
   color: #ffffff;
   background-color: #333333;
   border: 2px solid #cccccc;
}
.contentRolloverBlock {
   position: absolute;
   top: 100px;
   margin-left: 190px;
   margin-top: 50px;
   z-index: 2;
}
.contentInformation {
   position: relative;
}
.contentInformationPopup {
   position: absolute;
   background-color: #fff0c2;
   color: #000000;
   font-size: 8pt;
   font-weight: normal;
   text-align: left;
   width: 280px;
   border: 2px solid #666666;
}
.contentInformationSub {
   padding: 5px 5px 5px 5px;
}



.footer {
   height: 50px;
   font-size: 8pt;
   color: #888888;
}
.footerSub {
   padding: 5px 5px 5px 5px;
}
.footer a {
   color: #888888;
}
.footer a:visited {
   color: #888888;
}
.footer a:hover {
   text-decoration: underline;
   color: #bbbbbb;
}
.footerLeft {
   float: left;
}
.footerRight {
   float: right;
   text-align: right;
}
.indexNewsBlock {
   height: 450px;
   overflow: hidden;
   position: relative;
}
.indexSplashBlock {
   height: 300px;
   overflow: hidden;
}

#accountBlock {
   position: relative;
}
#accountOverlay {
   position: absolute;
   top: 0px;
   left: 0px;
   height: 660px;
   width: 900px;
   background-color: #ffffff;
}
.accountFieldRow {
   clear: both;
   margin: 0px;
}
.accountRightHeader {
   font-weight: bold;
   clear: both;
}
.accountField {
   padding: 2px;
   background-color: #f5f5f5;
   float: left;
   margin-bottom: 5px;
   display: inline;
}
.accountFieldOn {
   padding: 2px;
   background-color: #f5f5f5;
   float: left;
   margin-bottom: 5px;
   display: inline;
}
.accountPlanLeft {
   float: left;
   width: 100px;
   font-weight: bold;
}
.accountPlanRight {
   float: left;
   width: 130px;
}
.accountTab {
   font-size: 11pt;
}
.accountToggleBlock {
   margin: 10px 10px 10px 10px;
   text-align: right;
}
.accountToggle {
   margin-left: 2px;
   font-size: 8pt;
}
.accountToggle a {
   background-color: #0a0a0a;
   padding: 2px 4px 2px 4px;
   /* color: #f7931e; */
   color: #ffffff;
   text-decoration: none;
}
.accountToggle a:visited {
   background-color: #0a0a0a;
   padding: 2px 4px 2px 4px;
   color: #ffffff;
   text-decoration: none;
}
.accountToggle a:hover {
   background-color: #f7931e;
   color: #000000;
   text-decoration: none;
}
.accountHistoryFile {
   padding: 2px;
   border-bottom: 1px solid #e1e1e1;
}
.accountHistoryArchive {
   position: relative;
   height: 40px;
}
.accountRunLoadLog {
   background-color: #f7931e;
   padding: 5px;
   margin-bottom: 10px;
}
.accountRunLoadLog a:hover {
   color: #888888;
}
.accountPreviewLarge {
   width: 530px;
   height: 530px;
   overflow: hidden;
   position: relative;
   margin-top: 25px;
}
.accountPreviewSmall {
   margin-top: 25px;
}



/*
.accountHistoryBlock {
   min-height: 660px;
   position: relative;
}
.accountHistoryPurchase {
   background-color: #e1e1e1;
   padding: 2px 2px 2px 2px;
   border-bottom: 1px solid #333333;
}
.accountHistoryPurchaseOn {
   background-color: #e8e8e8;
   padding: 2px 2px 2px 2px;
   border-bottom: 1px solid #333333;
}
.accountHistoryGroup {
   background-color: #aeaeae;
   padding: 2px 2px 2px 2px;
   border-bottom: 1px solid #333333;
}
.accountHistoryGroupOn {
   background-color: #b5b5b5;
   padding: 2px 2px 2px 2px;
   border-bottom: 1px solid #333333;
}
.accountHistoryRun {
   background-color: #e1f4df;
   padding: 2px 2px 2px 2px;
   border-bottom: 1px solid #333333;
}
.accountHistoryRunOn {
   background-color: #c5e2c1;
   padding: 2px 2px 2px 2px;
   border-bottom: 1px solid #333333;
}
.accountHistoryRunFailed {
   background-color: #45120c;
   padding: 2px 2px 2px 2px;
   border-bottom: 1px solid #333333;
}
.accountHistoryRunFailedOn {
   background-color: #600f06;
   padding: 2px 2px 2px 2px;
   border-bottom: 1px solid #333333;
}
*/
.accountHistoryRow {
   padding: 2px;
   height: 15px;
   overflow: hidden;
}   
.accountHistorySplitter {
   height: 1px;
   background-color: #aeaeae;
}
.accountHistoryData {
   width: 100%;
   float: left;
}
.accountHistoryDelete {
   float: left;
   width: 4%;
   text-align: center;
}
.accountHistoryDate {
   float: left;
   width: 15%;
}
.accountHistoryTitle {
   float: left;
   width: 73%;
}
.accountHistoryPoints {
   float: left;
   width: 11%;
   text-align: right;
}
#accountHistoryOptions {
   text-align: right;
   font-size: 8pt;
   margin-bottom: 20px;
   color: #aaaaaa;
}
#accountHistoryOptions span {
   background-color: #e5e5e5;
   padding: 1px 3px 1px 3px;
   color: #333333;
}

.observatoryNetworkBlock {
   min-height: 270px;
   position: relative;
}
.observatoryNetworkList {
   float: left;
   width: 280px;
}
.observatoryNetworkData {
   float: right;
   width: 280px;
}
.observatoryNetworkDataItem {
   height: 230px;
   position: relative;
}
.observatoryNetworkDataFooter {
   position: absolute;
   width: 280px;
   bottom: 0px;
   left: 0px;
}
.observatoryNetworkDataHeader {
   margin-bottom: 10px;
}
.observatoryNetworkListItem {
   clear: both;
   margin-bottom: 8px;
}
.observatoryNetworkListItemOn {
   margin-bottom: 8px;
   background-color: #1a1a1a;
}
.observatoryNetworkListItemL {
   float: left;
}
.observatoryNetworkListItemR {
   float: right
}

.observatoryNetworkPrevious {
   float: left;
}
.observatoryNetworkNext {
   float: right;
}
.observatoryNetworkDataTitle {
   background-color: #333333;
   padding: 2px 2px 2px 2px;
   font-size: 8pt;
}
.observatoryNetworkDataName {
   padding: 2px 2px 2px 2px;
   float: left;
   width: 116px;
   font-size: 8pt;
}
.observatoryNetworkDataValue {
   padding: 2px 2px 2px 2px;
   float: left;
   width: 156px;
   text-align: right;
   font-size: 8pt;
}
.observatorySpecName {
   padding: 0px;
   width: 100px;
   float: left;
   margin-bottom: 2px;
}
.observatorySpecValue {
   padding: 0px;
   width: 180px;
   float: left;
   margin-bottom: 2px;
}
.observatoryAvailable {
   color: #24a91e;
}
.observatoryClosed {

}

.pointsPricingBlock {
   min-height: 270px;
   position: relative;
}

/* paging */
.pagingBlock {
   clear: both;
   position: absolute;
   bottom: 10px;
   right: 10px;
}
.pagingNumber {
   margin-left: 7px;
   text-align: center;
   float: right;
   color: #aeaeae;
}
.pagingNumber span {
   padding: 3px;
}
.pagingNumberContents {
}
.pagingNumberOn {
   text-align: center;
   margin-left: 7px;
   float: right;
}
.pagingNumberOn span {
   padding: 3px;
}


.runTrackLoadLog {
   border: 1px solid #999999;
   background-color: #dddddd;
   padding: 2px 2px 2px 2px;
}  
   
/* account run */
.runTrackFrame {
   border: 3px solid #aaaaaa;
   background-color: #aaaaaa;
   position: relative;
   width: 520px;
   text-align: left;
}  
   
.runTrackMain {
   background-color: #e5e5e5;
   width: 326px; 
   font-size: 8pt;
   float: left;
}

.runTrackMainBar { 
   background-color: #f7931e;
/*
   padding: 2px 2px 2px 2px;
   background-color: #dddddd;
   */
   padding: 4px;
   margin-bottom: 2px;
   font-weight: bold;
   position: relative;
}
.runTrackMainBarClouds {
   position: absolute;
   left: 174px; 
   top: 5px;
   font-color: #888888;
   font-weight: none;
   font-size: 7pt;
}  
   
.runTrackMainBarWind {
   position: absolute;
   left: 218px;
   top: 5px;
   font-color: #888888;
   font-weight: none;
   font-size: 7pt;
}  
   
.runTrackTabBlock {
   background-color: #aaaaaa;
   height: 20px;
   border-bottom: 3px solid #aaaaaa;
   padding-left: 1px;
   overflow: hidden;
}
.runTrackColumn {
   float: left;
   width: 150px;
}
.runTrackSkyImage {
   clear: both;
   margin-top: 20px;
}
.runTrackSubframeRowContent {
   margin-top: 1px;
   background-color: #d9d9d9;
   height: 15px;
   font-size: 8pt;
   margin-left: 2px;
   margin-right: 2px;
}
.runTrackSubframeRowField {
   float: left;
   width: 90px;
   padding: 1px;
   margin-right: 4px;
   background-color: #aeaeae;
}
.runTrackTab {
   float: left;
   padding: 3px 7px 3px 8px;
   background-color: #cccccc;
   /* border-right: 2px solid #333333; */
}
.runTrackMainContent {
   padding-left: 2px;
   font-size: 9pt;
   
   overflow: auto;
   position: relative;
}


.runTrackMainContentPlayback {
   color: #ffffff;
   padding-left: 2px;
   
   overflow: hidden;
   position: relative;
}

.runTrackMainContentPreview img {
   border: 2px solid #444444;
}
.runTrackContent {
   color: #000000;
   background-color: #e5e5e5;
   /* padding-left: 2px; */
   float: right;
   width: 190px;
   font-size: 8pt;
}

.runTrackContentRow {
   padding: 2px 2px 2px 2px;
   margin-bottom: 2px;
   color: #ffffff;
}

.runTrackContentHeader {
   background-color: #f7931e;
   border-bottom: 3px solid #aaaaaa;
   padding: 3px;
   /*margin-bottom: 3px; */

   
   font-weight: bold;
}

.runTrackContentRowTitle {
   background-color: #bebebe;
   padding: 2px 2px 2px 2px;
   margin-bottom: 2px;
   font-weight: bold;
}

.runTrackContentRowName {
   background-color: #333333;
   padding: 2px 2px 2px 2px;
   margin-right: 2px;
   color: #dddddd;
}

.runTrackContentImagesFrame {
   padding-bottom: 2px;
}

.runTrackContentImagesLeft {
   height: 118px;
   overflow: hidden;
   float: left;
   width: 170px;
   position: relative;
}

.runTrackContentImagesRight {
   width: 18px;
   float: right;
   height: 118px;
   /* background-color: #222222; */
   background-color: #d1d1d1;
   overflow: hidden;
   position: relative;
}

.runTrackContentImagesArrowUp {
   position: absolute;
   top: 0px;
   height: 10px;
   width: 18px;
   background: url('/images/accountrun_arrowup_off.gif');
}

.runTrackContentImagesArrowDown {
   position: absolute;
   bottom: 0px;
   height: 10px;
   width: 18px;
   background: url('/images/accountrun_arrowdown_off.gif');
}
   
.runTrackContentImagesScrollBlock {
   position: absolute;
   top: 10px;
   left: 4px;
   height: 98px;
   width: 9px;
   overflow: hidden;
}  
.runTrackContentImagesScroller {
   position: absolute;
   /* height: 8px; */
   width: 18px;
   background-color: #f7931e;
}  
.runTrackSkyThumb {
   margin-top: 5px;
   float: left;
}
.runTrackSkyThumb img {
   border: 2px solid #cdcdcd;
   margin-right: 3px;
   margin-bottom: 10px;
}
.runTrackRightSubframe {
   background-color: #dadada;
   padding: 2px 2px 2px 2px;
   margin-bottom: 2px;
   height: 14px; 
}  


.runTrackContentRowImagePercent {
   float: right;
   margin-right: 3px;
}

.runTrackContentRowImageTitleOn {
   text-decoration: blink;
   color: #f7931e;
}  
.runTrackContentRowImageTitleOff {
   color: #dddddd;
}

.runTrackContentRowContent {
   background-color: #d3d3d3;
   padding: 2px 2px 2px 2px;
   margin-bottom: 2px;
   position: relative;
   height: 14px;
}

.runTrackMenuOn {
   border-top: 1px solid #333333;
   border-right: 1px solid #555555;
   font-weight: bold;
   float: left;
   width: 100px;
   color: #ffffff;
   text-align: center;
   height: 18px;
}
.runTrackMenuOff {
   border-top: 1px solid #555555;
   border-right: 1px solid #555555;
   border-bottom: 1px solid #555555;
   background-color: #222222;
   text-align: center;
   font-weight: bold;
   float: left;
   width: 100px;
   color: #ffffff;
   height: 18px;
}

.runTrackExposeBar {
   position: absolute;
   background-color: #b66115;
   height: 19px;
   left: 0px;
   top: 0px;
   z-index: 1;
}
.runTrackExposeText {
   position: absolute;
   background-color: transparent;
   z-index: 2;
}

.runTrackPlaybackDate {
   float: left;
   width: 33px;
   text-align: center;
   margin-right: 2px; 
   border-bottom: 2px solid #888888;
}
.runTrackPlaybackBuffer {
   padding-left: 4px;
   padding-right: 4px;
}
.runTrackPlaybackAction {
   float: left;
   width: 130px; 
   margin-right: 2px; 
   border-bottom: 2px solid #888888;
}
.runTrackPlaybackWeather {
   float: left;
   width: 40px;
   margin-right: 2px;
}
.runTrackPlaybackGuider {
   float: left;
   width: 82px;
   margin-right: 2px;
}
.runTrackPlaybackBlock {
}


.runTrackPlaybackScrollerBlock {
   width: 18px;
   float: right;
   height: 555px;
   /* background-color: #222222; */
   background-color: #d1d1d1;
   overflow: hidden;
   position: relative;
}

.runTrackPlaybackScrollerArrowUp {
   position: absolute;
   top: 0px;
   height: 10px;
   width: 18px;
   background: url('/images/accountrun_arrowup_off.gif');
}

.runTrackPlaybackScrollerArrowDown {
   position: absolute;
   bottom: 3px; /* border height */
   height: 10px;
   width: 18px;
   background: url('/images/accountrun_arrowdown_off.gif');
}

.runTrackPlaybackScrollerScrollBlock {
   position: absolute;
   top: 10px;
   left: 4px;
   width: 9px;
   overflow: hidden;
}
.runTrackPlaybackScrollerScroll {
   position: absolute;
   /* height: 8px; */
   width: 18px;
   background-color: #f7931e;
}
.runTrackPlaybackLabels {
   position: absolute;
   top: 0px;
   height: 15px;
   text-align: center;
   background-color: #f7931e;
   filter: alpha (opacity=90);
   -moz-opacity: .9;
   opacity: .9;
   -khtml-opacity: .9;
}

/* runTrackLive */
.runTrackLiveBlock {
   clear: both;
}
.runTrackLiveLeft {
   float: left;
   width: 600px;
   min-height: 600px;
}
.runTrackLiveRight {
   width: 270px;
   float: right;
   min-height: 600px;
}

/* select button */ 
.selectButtonOn {
   color: #000000;
   background-color: #f7931e;
   /* padding: 1px 1px 1px 1px; */
   padding: 2px 2px 2px 2px;
   border: 1px solid #aaaaaa;
}
.selectButtonOn a {
   color: #000000;
}
.selectButtonOn a:visited {
   color: #000000;
}
.selectButtonOn a:hover {
   color: #000000;
}

.selectButton {
   /* padding: 1px 1px 1px 1px; */
   padding: 3px 3px 3px 3px;
   /* border: 1px solid #333333; */
   /* background-color: #151515; */
   background-color: #e3e3e3;
}

.selectButton a {
   color: #000000;
}
.selectButton a:visited {
   color: #000000;
}
.selectButton a:hover {
   color: #000000;
}


/* support */
/*
.supportFAQCategory {
   padding: 2px 2px 2px 2px;
}
.supportFAQCategoryOn {
   padding: 2px 2px 2px 2px;
   background-color: #eeeeee;
}
.supportFAQArrow {
   float: right;
}
.supportFAQQuestion {
   font-weight: bold;
}
*/
.supportFAQCategory {
   margin-bottom: 10px;
   font-weight: bold;
   font-size: 10pt;
}
.supportFAQQuestions {
   margin-left: 10px;
   margin-right: 500px;
   margin-bottom: 5px;
   font-size: 10pt;
}
.supportFAQQuestion {
   padding: 4px;
}
.supportFAQBackToCategories {
}
.supportFAQAnswer {
   font-size: 11pt;
   height: 470px;
   overflow: auto;
}
.supportFAQAnswer a {
   color: #0000ff;
}
.tableRow1 {
   background-color: #f3f3f3;
   height: 20px;
}  
.tableRow2 {
   background-color: #e9e9e9;
   height: 20px;
}
.tableRowLight {
   background-color: #ecdccb;
   height: 20px;
   color: #999999;
}  
.tableHighlight {
   background-color: #f7931e;
   height: 20px;
}

.textSubHeader {
   font-size: 8pt;
   color: #888888;
}
.textBad {
   color: #a61818;
}
.textGood {
   color: #39813a;
}
.textHeader {
   font-weight: bold;
}
.textHeader a {
   text-decoration: none;
}
.textHeader a:visited {
   color: #000000;
   text-decoration: none;
}
.textHeader a:hover {
   color: #f7931e;
   text-decoration: none;
}
.textHeaderOn {
   color: #f7931e;
}
.textOrange {
   color: #f7931e;
}

/* slider */
.observatoryDisplayBlock {
   background-color: #fff;
   margin-top: 10px;
}
.observatoryDisplay {
   overflow: hidden;
   position: relative;
   height: 270px;
}
.observatoryDisplayTitle {
   float: left;
   width: 180px;
   margin-left: 5px;
   margin-top: 5px;
   text-align: left;
}
.observatoryDisplayPoints {
   float: right;  
   width: 90px;
   text-align: right;
   margin-top: 5px;
   margin-right: 5px;
   text-align: left;
}
.observatoryDisplayContent {
   clear: both;
   height: 200px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 5px;
   padding-right: 5px;
   width: auto;
   text-align: center;
}
.observatoryDisplayOnline {
   float: left;
   width: 85px;
   text-align: left;
}
.observatoryDisplayOnline img {
   padding-top: 2px;
   margin-right: 2px;
   margin-left: 2px;
}
.observatoryDisplayMore {
   float: left;
   width: 110px;
   text-align: left;
}
.observatoryDisplayMore img {
   margin-right: 8px;
   margin-left: 8px;
}
.observatoryDisplaySelect {
   float: right;
   text-align: right;
}
.observatoryDisplaySelectContent {
   position: relative;
   height: 15px;
   margin-right: 10px;
}


.observatoryDisplay UL {
   position: absolute;
   list-style: none;
   overflow: none;
   white-space: nowrap;
   padding: 0;
   margin: 0;
}

.observatoryDisplay UL LI {
   display: inline;
}
.observatoryDisplaySlideBlock {
   position: relative;
   height: 14px;
   margin-top: 10px;
   z-index: 2;
}
.observatoryDisplaySlider {
   height: 14px;
   margin-left: 15px;
   margin-right: 15px;
   /*
   margin-left: 5px;
   padding: 1px;
*/
   position: relative;
   background-color: #e6e6e6;
   /* background: url(images/obsSlider.png) no-repeat; */
}
.observatoryDisplaySlideL {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 18px;
   height: 14px;
   z-index: 1;
}
.observatoryDisplaySlideR {
   position: absolute;
   right: 0px;
   top: 0px;
   width: 18px;
   height: 14px;
   z-index: 1;
}

.observatoryDisplayHandle {
   position: absolute;
   cursor: move;
   height: 14px;
   width: 80px;
   top: 0px;
   left: 0px;
   background: url(images/observatory_slider.gif) no-repeat;
   z-index: 100;
}

.observatoryDisplaySlider span {
   color: #bbb;
   font-size: 80%;
   cursor: pointer;
   position: absolute;
   z-index: 110;
   top: 3px;
}
.observatoryDisplayItem {
   font-size: 8pt;
   width: 290px;
   height: 270px;
   position: absolute;
   top: 0px;
   background-color: #f2f2f2;
}
.observatoryDisplayItemFloat {
   margin-top: 10px;
   font-size: 8pt;
   width: 284px;
   float: left;
   height: 270px;
   background-color: #f2f2f2;
}
.observatoryDisplayItemContent {
   position: relative;
   width: 100%;
   height: 100%;
}
.observatorySpecName {
   padding: 0px;
   width: 100px;
   float: left;
   margin-bottom: 2px;
   text-align: left;
}
.observatorySpecValue {
   padding: 0px;
   width: 150px;
   float: left;
   margin-bottom: 2px;
   text-align: left;
}
.observatorySpecTitle {
   clear: both;
   margin-bottom: 2px;
   margin-top: 5px;
   padding: 2px;
   background-color: #dddddd;
}


/* slider */

.sliderMove {
   height: 21px;
   background: #ffffff url('/images/slider_bar_end.png') no-repeat 0 8px;
   cursor: hand !important;
   cursor: pointer;
}
.sliderMove .sliderMove2 {
   margin: 0 1px 0 2px;
   height: 21px;
   background: #ffffff url('/images/slider_bar_repeat.png') repeat-x 0 8px;
   cursor: hand !important;
   cursor: pointer;
}

.sliderMoveToOnDrag {
   margin: 0 1px 0 2px;
   height: 21px;
   cursor: hand !important;
   cursor: pointer;
   background: #ffffff url('/images/slider_bar_repeat_hover.png') repeat-x 0 8px;
}
.sliderMove .slider {
   margin-left: 0;
   margin-top: -21px;
   margin-right: -11px;
   width: 11px;
   height: 21px;
   /* background: #f4f4ee url('/images/slider.png') no-repeat 0 0; */
   background: url('/images/slider.gif') no-repeat 0 0;
   cursor: hand !important;
   cursor: pointer;
}
.sliderOnDrag {
   margin-left: 0;
   margin-top: -21px;
   margin-right: -11px;
   width: 11px;
   height: 21px;
   background: #ffffff url('/images/slider_hover.png') no-repeat 0 0;
   cursor: hand !important;
   cursor: pointer;
}


.videoTitle {
   font-weight: bold;
   height: 35px;
}
.videoBrowseItem {
   margin-bottom: 5px;
   width: 173px;
   height: 160px;
   float: left; 
   text-align: center;
}  
.videoBrowseItem img {
   border: 1px solid #000000;
}  
.videoBrowse {
   padding: 10px 10px 10px 0px;
}  
.videoPlay {
   float: left;
   width: 480px;
   padding: 0px 10px 10px 10px;
   text-align: center;
}  
.videoPlayBrowse {
   width: 180px;
   padding: 10px 10px 10px 10px;
   float: left;
}  

.videoDisplayBlock {
   background-color: #fff;
   margin-top: 10px;
}
.videoDisplay {
   overflow: hidden;
   position: relative;
   height: 160px;
}
.videoDisplay UL {
   position: absolute;
   list-style: none;
   overflow: none;
   padding: 0;
   margin: 0;
}

.videoDisplay UL LI {
   display: inline;
}
.videoDisplaySlideBlock {
   position: relative;
   height: 14px;
   margin-top: 10px;
   z-index: 2;
}
.videoDisplaySlider {
   height: 14px;
   margin-left: 15px;
   margin-right: 15px;
   /*
   margin-left: 5px;
   padding: 1px;
*/
   position: relative;
   background-color: #e6e6e6;
   /* background: url(images/obsSlider.png) no-repeat; */
}
.videoDisplaySlideL {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 18px;
   height: 14px;
   z-index: 1;
}
.videoDisplaySlideR {
   position: absolute;
   right: 0px;
   top: 0px;
   width: 18px;
   height: 14px;
   z-index: 1;
}

.videoDisplayHandle {
   position: absolute;
   cursor: move;
   height: 14px;
   width: 80px;
   top: 0px;
   left: 0px;
   background: url(images/observatory_slider.gif) no-repeat;
   z-index: 100;
}

.videoDisplaySlider span {
   color: #bbb;
   font-size: 80%;
   cursor: pointer;
   position: absolute;
   z-index: 110;
   top: 3px;
}
.videoDisplayItem {
   font-size: 9pt;
   width: 290px;
   height: 270px;
   position: absolute;
   top: 0px;
   background-color: #f2f2f2;
}