body {
	-moz-box-sizing: border-box;
	margin: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	background-color: #000000;
	overflow-y: scroll;
  cursor: default;
}
p {
  margin: 0px 0px 6px 0px;
}
a {
  text-decoration: none;
	color: #666666;
}
table {
	font-size: 11px;
	color: #666666;
}
ul {
  padding-left: 20px;
  margin: 0px;
}
.anchor {
  cursor: hand;
  cursor: pointer;
}
.hidden {
  display: none;
}
.visible {
  display: block;
}
#main {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 780px;
  height: 410px;
}
#dynPanel {
	-moz-box-sizing: border-box;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 370px;
	font-size: 11px;
}
#footer {
	-moz-box-sizing: border-box;
  position: absolute;
  left: 0px;
  top: 370px;
  width: 100%;
  height: 40px;
	font-size: 10px;
}
#footerImg {
	-moz-box-sizing: border-box;
  position: absolute;
  left: 0px;
  top: 8px;
  width: 780px;
  height: 19px;
	background-image: url(resource/footer.png);
	background-repeat: no-repeat;
}
#buttons {
	-moz-box-sizing: border-box;
  position: absolute;
  left: 485px;
  top: 30px;
  width: 295px;
  height: 20px;
	font-size: 10px;
  text-align: right;
  visibility: hidden;
}
span.footerButtonNormal {
  color: #cccccc;
  cursor: hand;
  cursor: pointer;
}
span.footerButtonPointed {
  color: #999999;
  cursor: hand;
  cursor: pointer;
}

#dialogBackgnd {
  position: absolute;
  left: 0px;
  top: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
  visibility: hidden;
}
#loadingSignal {
  position: absolute;
  left: 9px;
  top: 9px;
	width: 16px;
	height: 16px;
	z-index: 1000;
	visibility: hidden;
	background-image: url(resource/loading.gif);
	background-repeat: no-repeat;
}
#gbdLink {
  position: absolute;
  left: 4px;
  top: 8px;
	width: 19px;
	height: 19px;
	z-index: 1000;
}

/* BRAND INTERFACE ========================= */

.scroll {
  padding-right: 25px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #4D4D4D;
  scrollbar-base-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-face-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFFF;
}
#leftPanel {
	-moz-box-sizing: border-box;
  position: absolute;
  left: 0px;
	top: 0px;
  width: 370px;
	height: 100%;
  z-index: 3;
  background-color: #000000;
}
#menuContainer {
  position: absolute;
  left: 370px;
	top: 0px;
  width: 85px;
	height: 100%;
  font-size: 11px;
	color: #cccccc;
}
#menu {
	-moz-box-sizing: border-box;
  position: absolute;
  left: -77px;
	top: 0px;
  width: 110px;
	height: 100%;
  z-index: 2;
  background-color: #303030;
  padding-top: 70px;
  visibility: hidden;
}
#submenu {
	-moz-box-sizing: border-box;
  position: absolute;
  left: -77px;
	top: 0px;
  width: 115px;
	height: 100%;
  background-color: #202020;
  padding-top: 70px;
  visibility: hidden;
}
#rightPanel {
	-moz-box-sizing: border-box;
  position: absolute;
  left: 485px;
	top: 0px;
  width: 295px;
	height: 100%;
  background-color: #000000;
}
#rightPanelBox {
	-moz-box-sizing: border-box;
  position: absolute;
  left: 50px;
	top: 70px;
  width: 225px;
  padding-right: 10px;
	height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-3dlight-color: #3D3D3D;
  scrollbar-arrow-color: #000000;
  scrollbar-base-color: #58585A;
  scrollbar-darkshadow-color: #58585A;
  scrollbar-face-color: #58585A;
  scrollbar-track-color: #464648;
  scrollbar-highlight-color: #58585A;
  scrollbar-shadow-color: #58585A;
}

div.menuItem {
  margin-left: 16px;
  margin-bottom: 12px;
  cursor: hand;
  cursor: pointer;
}
div.menuItemNormal {
}
div.menuItemPointed {
	color: #999999;
}
div.submenuGroup {
  margin-left: 18px;
  margin-bottom: 30px;
}
div.submenuItem {
  margin-left: 6px;
  margin-top: 9px;
  cursor: hand;
  cursor: pointer;
}
div.submenuItemNormal {
}
div.submenuItemPointed {
	color: #999999;
}

#menuHandleTop {
  position: absolute;
  left: 105px;
  top: 10px;
	width: 5px;
	height: 9px;
	background-image: url(resource/menuHandle.png);
	background-repeat: no-repeat;
  cursor: hand;
  cursor: pointer;
  visibility: hidden;
}
#menuHandleBottom {
  position: absolute;
  left: 105px;
  top: 350px;
	width: 5px;
	height: 9px;
	background-image: url(resource/menuHandle.png);
	background-repeat: no-repeat;
  cursor: hand;
  cursor: pointer;
  visibility: hidden;
}

#photoSelector {
  position: absolute;
  left: 50px;
  top: 320px;
	width: 250px;
	height: 25px;
}
img.photoBtn {
  margin-right: 3px;
}
img.photoBtnNormal {
  border: solid 1px #000000;
  cursor: pointer;
  cursor: hand;
}
img.photoBtnPointed {
  border: solid 1px #e2e2e2;
  cursor: pointer;
  cursor: hand;
}
img.photoBtnSelected {
  border: solid 1px #e2e2e2;
}

#photoOverlay {
  position: absolute;
  left: 0px;
  top: 0px;
	width: 100%;
	height: 100%;
  background-color: #000000;
  z-index: 1000;
}
#leftPanelPhoto {
  visibility: hidden;
}

#photoViewer {
  position: absolute;
  left: 0px;
  top: 0px;
	width: 100%;
	height: 100%;
  background-color: #000000;
  z-index: 1000;
  visibility: hidden;
}
#photoViewer img {
  cursor: hand;
  cursor: pointer;
}