.menuLabels      { color: #a6a6a6; font-size: 11px; font-family: Arial; font-weight: lighter; border-style: none; outline-style: none;  }
.menuLabels:hover     { color: #7e7e7e; border-style: none; outline-style: none }
.menuLabelsActive   { color: orange; font-size: 11px; font-family: Arial; font-weight: lighter; border-style: none; outline-style: none }
.normalText     { color: #a6a6a6; font-size: 11px; font-family: Arial; font-weight: lighter }
.largeText     { color: #a6a6a6; font-size: 13px; font-family: Arial; font-weight: lighter }
a.largeText    { color: #3d828e;}
a.largeText:hover  { color: #265159 }
.midMenuLabels      { color: #4893a0; font-size: 12px; font-family: Arial; font-weight: lighter }
.midMenuLabels:hover  { color: #186371 }
.midMenuLabelsActive    { color: #e2e2e2; font-size: 12px; font-family: Arial; font-weight: lighter }
.midMenuTDsActive    { background-image: url("pics/Decorations/midMenuActiveBackground.png"); background-repeat: no-repeat; background-position: center }
.linkLabels   { color: #3d828e; font-size: 12px; font-family: Arial }
.linkLabels:hover  { color: #265159 }
.smallLinkLabels    { color: #3d828e; font-size: 11px; font-family: Arial; text-decoration: none }
.smallLabels:hover  { color: #265159 }
.textInput  { color: #fff; font-size: 14px; background-color: #3d3d3d; margin: 4px; padding: 0; border-width: 1px; border-color: #c4c4c4 ; resize: none}
.textField     { color: #fff; font-size: 12px; font-family: Arial; background-color: transparent; background-image: url("pics/Decorations/textInputBackground.png"); margin-top: 5px; padding: 0; width: 100%; height: 20px; min-height: 20px; max-height: 20px; border: solid 1px #151515; outline-style: none; outline-color: invert }
.searchTextField     { color: #fff; font-size: 10px; font-family: Arial; background-color: transparent; background-image: none; width: 80px; height: 20px; min-height: 20px; max-height: 20px; border: solid 1px #393939; outline-style: none; outline-color: invert;  }
.largeSearchTextField      { color: #fff; font-size: 12px; font-family: Arial; background-color: transparent; background-image: none; width: 180px; height: 20px; min-height: 20px; max-height: 20px; border: solid 1px #393939; outline-style: none; outline-color: invert }
.largeTextField     { color: #fff; font-size: 12px; font-family: Arial; background-color: #080e12; margin: 5px 0 0; padding: 4px; width: 100%; height: 130px; min-width: 100%; min-height: 200px; max-width: 100%; max-height: 200px; border: solid 1px #272727; outline-style: none; outline-color: invert; resize: none}
.mailTextField     { color: #fff; font-size: 12px; font-family: Arial; background-color: #080e12; margin: 5px 0 0; padding: 4px; width: 100%; height: 110px; min-height: 110px; max-height: 110px; border: solid 1px #272727; outline-style: none; outline-color: invert; resize: none }
.textFieldNumber   { color: #fff; font-size: 12px; font-family: Arial; background-color: #3d3d3d; background-image: none; text-align: right; margin: 5px 0 0; max-width: 60px; border-style: none; border-color: #c4c4c4; outline-color: #f60 }
.textFieldMessierNumber    { color: #fff; font-size: 12px; font-family: Arial; background-color: transparent; background-image: url("pics/Decorations/textInputBackground.png"); text-align: right; margin: 5px 0 0; min-height: 20px; max-width: 60px; max-height: 20px; border: solid 1px #272727 }
.textFieldNGCNumber    { color: #fff; font-size: 12px; font-family: Arial; background-color: transparent; background-image: url("pics/Decorations/textInputBackground.png"); text-align: right; margin: 5px 0 0; padding: 0; min-height: 20px; max-width: 60px; max-height: 20px; border: solid 1px #272727; outline-style: none }
.commentField   { color: #fff; font-size: 12px; font-family: Arial; background-color: #080e12; margin: 5px 0 0; padding: 4px; width: 100%; height: 100px; min-height: 100px; max-height: 100px; border: solid 1px #272727; outline-style: none; outline-color: invert ; resize: none}
.largeTitle  { color: #888888; font-size: 18px; font-family: Arial; font-weight: bold }
.largeTitle:hover  { color: #555555 }

.popups    { color: #fff; font-size: 13px; font-family: Arial; background-color: #3d3d3d; background-image: url("pics/Decorations/menuBackground.png"); margin: 4px; padding: 4px; width: 100%; height: 30px; min-height: 30px; border-style: none; outline-style: none }
.buttonsOn      { color: #e2e2e2; font-size: 11px; font-family: Arial; background-color: transparent; background-image: url("pics/Decorations/blueButtonOn.png"); margin: 0; padding: 0; width: 66px; height: 19px; min-width: 66px; min-height: 19px; max-width: 66px; max-height: 19px; border-style: none; outline-style: none; outline-width:0; }
.buttonsOn:hover   { color: #a6a6a6 ;outline-style: none; outline-width:0; }
.buttonsOff       { color: #bfbfbf; font-size: 11px; font-family: Arial; background-color: transparent; background-image: url("pics/Decorations/blueButtonOff.png"); text-align: center; margin: 0; padding: 0; width: 66px; height: 19px; min-width: 66px; min-height: 19px; max-width: 66px; max-height: 19px; border-style: none; outline-style: none; outline-width:0;  }
.forwardButtons    { color: white; font-size: 13px; font-family: Arial; background-color: transparent; background-image: url("pics/Decorations/nextArrowButton.png"); background-repeat: no-repeat; text-align: left; text-indent: 30px; margin: 0; padding: 0; width: 18px; border-style: none; outline-style: none }
.backwardButtons     { color: white; font-size: 13px; font-family: Arial; background-color: transparent; background-image: url("pics/Decorations/previousArrowButton.png"); background-repeat: no-repeat; text-align: center; text-indent: 30px; margin: 0; padding: 0; width: 18px; border-style: none; outline-style: none }
.formLabels    { color: #fff; font-size: 12px; font-family: Arial; text-align:left;  }
.fileInput  { color: #fff; font-size: 14px; font-family: Arial; background-image: none; clear: none }
.calendarInput   { color: #fff; font-size: 12px; background-color: transparent; background-image: none; margin: 4px; padding: 4px; border: 1px #c4c4c4; outline-style: none }
.warning { color: #f60; font-size: 14px; font-family: Arial; padding: 20px; z-index: 2; float: left }
.warningText  { color: #f60; font-size: 11px; font-family: Arial }
.successText  { color: #3d828e; font-size: 12px; font-family: Arial }
.welcomeLabel { color: #999; font-size: 12px; font-family: Arial }
.photoEditionStepNumber { color: #c4c4c4; font-family: Arial }
.welcomeLoginPhrase  { color: #6f6f6f; font-size: 10px; font-family: Arial; position: absolute; z-index: 3; top: 40px; right: 60px }
.legalsFrameBox   { color: #272727; font-size: 10px; font-family: Arial; position: fixed; z-index: 3; bottom: 0; left: 0; margin:0; padding:0;  }
.maintenanceWarning    { background-image: url("pics/Decorations/maintenanceAnnouce.png"); position: absolute; z-index: 5; bottom: 50px; left: 50px; width: 475px; height: 140px; overflow: hidden; clip: rect(auto auto auto auto); border: thin }
.discoverStarmapShare { background-image: url("pics/Decorations/maintenanceAnnouce.png"); position: absolute; z-index: 5; top: 110px; right: 30px; width: 250px; height: 60px; overflow: hidden; clip: rect(auto auto auto auto); border: thin }
.logoTotem   { position: relative; bottom: -3px }

body { background-color: black; background-image: url("pics/Decorations/fondBleu.png"); background-repeat: repeat-x; 
     background-position: 100% 0; width: 100%; height: 100%; min-width: 100%; min-height: 100%; max-width: 100%; max-height: 100%; 
     float: none }

/* Taking funny
 oulines from firefox out */
a { text-decoration: none }
a:active { outline: none;}
a:focus{outline-style: none;}

form {
	margin:0px;
	padding:0px;
}

img { border:none; }
img:active { outline: none;}
img:focus{-moz-outline-style: none;}

/* The introduction layer */
.introLayerClass  { background-color: black; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; border-style: none; border-color: #f60 }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  padding: 0px 2px 0px 2px;
  border: 1px dotted transparent;
}
/* Menus */
.registerMenu     { background-image: url("pics/Decorations/accountMenuBackground.png"); background-repeat: no-repeat; visibility: visible; position: relative; min-width: 367px; min-height: 508px; max-width: 367px; max-height: 508px }
.registerMenuSmall { background-image: url("pics/Decorations/registerMenuSmallBackground.png"); background-repeat: no-repeat; visibility: visible; position: relative; min-width: 367px; min-height: 210px; max-width: 367px; max-height: 210px }
.accountEditMenu  { background-image: url("pics/Decorations/accountMenuBackground.png"); background-repeat: no-repeat; visibility: visible; position: relative; min-width: 367px; min-height: 508px; max-width: 367px; max-height: 508px }
.accountEditMenuSmall { background-image: url("pics/Decorations/accountMenuSmallBackground.png"); background-repeat: no-repeat; visibility: visible; position: relative; min-width: 367px; min-height: 210px; max-width: 367px; max-height: 210px }
.forgotPasswordMenu  { background-image: url("pics/Decorations/forgotPasswordMenuBackground.png"); background-repeat: no-repeat; visibility: visible; position: relative; min-width: 367px; min-height: 210px; max-width: 367px; max-height: 210px }
.loginMenu { background-image: url("pics/Decorations/loginMenuBackground.png"); background-repeat: no-repeat; visibility: visible; position: relative; min-width: 367px; min-height: 280px; max-width: 367px; max-height: 280px }
.photoEditionStep1   { background-image: none; background-repeat: no-repeat; visibility: visible; width: 340px; height: 464px; min-width: 340px; min-height: 464px; max-width: 340px; max-height: 464px }
.photoEditionFlashPlacer { background-repeat: no-repeat; position: relative; top: 60px; min-width: 300px; min-height: 371px; max-width: 300px; max-height: 317px }
.photoEditionStep2  { background-image: url("pics/Decorations/photoEditionStep2Background.png"); background-repeat: no-repeat; visibility: visible; min-width: 700px; min-height: 565px; max-width: 700px; max-height: 565px }
.pageTopNebulosity   { background-image: url("pics/Decorations/topNebulosity.jpg"); background-repeat: no-repeat; background-attachment: scroll; z-index: 0; width: 100%; height: 231px; min-width: 100%; min-height: 231px; max-width: 100%; max-height: 231px; clip: rect(0 100% 100% 100%); position: absolute; top:0px; }
.pageTopStars   { background-image: url("pics/Decorations/topStars.png"); background-repeat: no-repeat; background-attachment: scroll; z-index: 1; width: 100%; height: 231px; min-width: 100%; min-height: 231px; max-width: 100%; max-height: 231px; clip: rect(0 100% 100% 100%) }
.topMenu   { background-image: url("pics/Decorations/topMenuFond.png"); background-repeat: no-repeat; position: absolute; z-index: 3; top: 0; right: 50px; width: 662px; height: 38px; min-width: 662px; min-height: 38px; max-width: 662px; max-height: 38px; border-style: none; border-color: transparent }
.midMenu   { position: absolute; z-index: 4; top: 75px; right: 50px; width: 500px; height: 40px; min-width: 500px; min-height: 38px; max-width: 500px; max-height: 38px }
.smallMenuLayout  { text-align: center; position: absolute; z-index: 4; top: 150px; width: 100% }
.blackMenuBackground  { background-image: url("pics/Decorations/blackMenuBackground.png"); background-repeat: no-repeat; padding: 10px 20px 20px 20px;  width: 281px; height: 375px; min-width: 281px; min-height: 375px; max-width: 281px; max-height: 375px }
.largeMenuLayout   { text-align: bottom; position: absolute; z-index: 4; top: 150px; width: 100% }
.largeBlackMenuBackground   { background-image: url("pics/Decorations/largeBlackMenuBackground.png"); background-repeat: no-repeat; padding: 20px; width: 641px; height: 414px; min-width: 641px; min-height: 414px; max-width: 641px; max-height: 414px }
.aligner { position: absolute; z-index: 3; top: 150px; width: 100%; min-width: 100%; max-width: 100% }
.alignerFlashScript    { position: relative; z-index: 4; top: 0; right: inherit; left: inherit; width: 1021%; height: 725px; min-width: 1021px; min-height: 725px; max-width: 1021px; max-height: 725px; clear: none }
.alignerFormScript    { position: absolute; z-index: 5; right: 0; width: 300px; height: 100px; min-width: 300px; min-height: 100px; max-width: 300px; max-height: 100px }
.photoAdminMenuLayout { position: absolute; z-index: 3; top: 150px; width: 100%; height: 480px; min-width: 100%; min-height: 480px; max-width: 100%; max-height: 480px }
.homeBottomLayout   { text-align: bottom; position: absolute; z-index: 4; top: 575px; width:100%; height:500px;}
.homeBottomTable   { width:1000px; height:100px; border-spacing: 0px 0px;}

/* rounded corner container*/
.roundedCornerContainerTop  { background-image: url("pics/Decorations/tablesBackground_01.png"); width: 700px; height: 20px; min-width: 700px; min-height: 20px; max-width: 700px; max-height: 20px }
.roundedCornerContainerMid  { background-image: url("pics/Decorations/tablesBackground_02.png"); background-repeat: repeat-y; width: 700px; min-width: 700px; max-width: 700px }
.roundedCornerContainerBot  { background-image: url("pics/Decorations/tablesBackground_03.png"); width: 700px; height: 20px; min-width: 700px; min-height: 20px; max-width: 700px; max-height: 20px }
.roundedTableLayout { position: absolute; top: 150px; width: 100% }

.roundedTableWithBorder{ 
	color: black; font-size: 14px; font-family: Arial; font-weight: bold;
    padding:4px 10px;
    -moz-border-radius:7px;
    border-radius: 7px;
    border: 1px solid #444444;
}


/* special decoration */
.buyAppButton { color: black; font-size: 14px; font-family: Arial; font-weight: bold;
 	background:#777777;
	background:-webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#555555));
    background:-moz-radial-gradient(center 45deg, circle closest-side, #222 40%, #000 100%);
    padding:4px 10px;
    -moz-border-radius:14px;
    border-radius: 14px;
    height:28;

}

/* tabs */
.horizontalTab {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}