body {
    margin: 0px;
    background: rgb(64, 64, 64);
}

div, td, input, textarea {
    font-family: BitStream Vera Sans, Lucida Grande, Helvetica;
    font-size: 11px;
    line-height: 14px;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

a {
    text-decoration: none;
    color: rgb(0, 0, 128);
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0px;
}

input, select {
    width: 128px;
}

.menu {
    position: fixed;
    left: 0px;
    right: 0px;
    z-index: 1;
    background: rgb(96, 96, 96);
}

#menuTop {
    position: fixed;
    height: 56px;
    border-bottom: 1px solid rgb(64, 64, 64);
}

.menuBox {
    position: relative;
    width: 816px;
    height: 40px;
    padding: 8px;
    margin-left: auto;
    margin-right: auto;
}

#view {
    position: absolute;
    top: 56px;
    bottom: 56px;
    width: 100%;
}

#viewBox { 
    position: relative; 
    width: 816px; 
    padding: 8px; 
    padding-top: 0px; 
    margin-left: auto; 
    margin-right: auto; 
}

#menuBottom {
    position: fixed;
    bottom: 0px;
    height: 56px;
    border-top: 1px solid rgb(64, 64, 64);
}

#menuBottom .menuBox {
  padding-left: 16px;
}

#logo {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 128px;
    height: 32px;
    background: url(/static/images/logo128.png);
}
#logoCenter {
    position: absolute;
    left: 284px;
    top: 12px;
    width: 128px;
    height: 32px;
    background: url(/static/images/logo128.png);
}

.element {
    float: left;
    width: 112px;
    height: 15px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    margin-right: 8px;
    font-weight: bold;
    color: rgb(64, 64, 64);
}
.element60 {
    float: left;
    width: 44px;
    height: 15px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    margin-right: 8px;
    font-weight: bold;
    color: rgb(64, 64, 64);
}
.element264 {
    float: left;
    width: 248px;
    height: 15px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    margin-right: 8px;
    font-weight: bold;
    color: rgb(64, 64, 64);
}
.element400 {
    float: left;
    width: 384px;
    height: 15px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    margin-right: 8px;
    font-weight: bold;
    color: rgb(64, 64, 64);
}
.element536 {
    float: left;
    width: 520px;
    height: 15px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    margin-right: 8px;
    font-weight: bold;
    color: rgb(64, 64, 64);
}
.element808 {
    float: left;
    width: 792px;
    height: 15px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    margin-right: 8px;
    font-weight: bold;
    color: rgb(64, 64, 64);
}

.elementText {
    background: url(/static/images/elementText.png);
    text-align: center;
    //color: rgb(32, 32, 32);
    overflow: hidden;
}
.elementText264 {
    background: url(/static/images/elementText264.png);
    text-align: center;
    //color: rgb(32, 32, 32);
    overflow: hidden;
}
.elementText400 {
    background: url(/static/images/elementText400.png);
    text-align: center;
    //color: rgb(32, 32, 32);
    overflow: hidden;
}
.elementText536 {
    background: url(/static/images/elementText536.png);
    text-align: center;
    //color: rgb(32, 32, 32);
    overflow: hidden;
}
.elementText808 {
    background: url(/static/images/elementText808.png);
    text-align: center;
    //color: rgb(32, 32, 32);
    overflow: hidden;
}

.elementButton {
    background: url(/static/images/elementButton.png);
    text-align: center;
    cursor: pointer;
}
.elementButton60 {
    background: url(/static/images/elementButton60.png);
    text-align: center;
    cursor: pointer;
}
.elementButton264 {
    background: url(/static/images/elementButton264.png);
    text-align: center;
    cursor: pointer;
}

.elementInput {
    background: url(/static/images/elementInput.png);
    //cursor: pointer;
}
.elementInput264 {
    background: url(/static/images/elementInput264.png);
}
.elementInput536 {
    background: url(/static/images/elementInput536.png);
}

.elementTextarea536 {
    height: 191px;
    background: url(/static/images/elementTextarea536.png);
}

.elementSearch {
    background: url(/static/images/elementSearch.png);
    cursor: text;
}

.elementSelect {
    background: url(/static/images/elementSelect.png);  
}
.elementSelect264 {
    background: url(/static/images/elementSelect264.png);
    overflow: hidden;
}
.elementSelect400 {
    background: url(/static/images/elementSelect400.png);
    overflow: hidden;
}

#elementButtonBack {
    position: absolute;
    left: 148px;
}
#elementButtonVideos {
    position: absolute;
    left: 420px;
}
#elementButtonMap {
    position: absolute;
    left: 420px;
    top: 32px;
}

#selectType, #elementSelectType {
    position: absolute;
    left: 148px;
}

#selectView, #elementSelectView {
    position: absolute;
    left: 284px;
}

#selectSort, #elementSelectSort {
    position: absolute;
    left: 420px;
}

#selectFind, #elementSelectFind {
    position: absolute;
    left: 556px;
}

#inputFind {
    position: absolute;
    left: 708px;
    top: 7px;
    width: 96px;
    height: 14px;
    margin-top: 1px;
    margin-bottom: 1px;
    border: 0px;
    background: rgb(160, 160, 160);
    font-weight: bold;
    color: rgb(64, 64, 64); 
}

#elementInputFindCategory, #elementInputFindCollection, #elementInputFindLanguage {
   position: absolute;
   left: 692px;
}
#inputFindCategory, #inputFindCollection, #inputFindLanguage {
    position: absolute;
    left: 692px;
    top: 7px;
}


#selectQuery {
    position: absolute;
    left: 692px;
    width: 16px;
}

#elementInputFind {
    position: absolute;
    left: 692px;
}

#textTitle {
    position: absolute;
    left: 148px;
    top: 32px;
}

#textInfo {
    position: absolute;
    left: 692px;
    top: 32px;
}

#loading {
    position: fixed;
    right: 12px;
    top: 12px;
    width: 32px;
    height: 32px;
    display: none;
}

#selectList {
    position: absolute;
    left: 16px;
    top: 8px;
    width: 264px;
}
#selectAction {
    position: absolute;
    left: 288px;
    top: 8px;
    width: 264px;
}
#selectDialogList {
    position: absolute;
    left: 8px;
    top: 36px;
    width: 264px;
}




.box {
    background: rgb(112, 112, 112);
    //margin-bottom: 8px;
}

.box .bar {
    height: 16px;
}

.box .title {
    float: left;
    margin-top: 1px;
    font-weight: bold;
}

.box .buttons {
    //position: absolute;
}

.box .expanded {
    border-bottom: 1px solid rgb(80, 80, 80);
}

.box .content {
    padding: 2px;
}

.box input {
    width: 100%;
    height: 16px;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.box textarea {
    width: 100%;
    height: 192px;
    border: 0px;
    margin: 0px;
    margin-bottom: -2px;
}

.infoBox {
    margin-bottom: 8px;
}

.infoBox .bar {
    background: rgb(96, 96, 96);
}

.infoBox .toolbar {
    border-top: 1px solid rgb(80, 80, 80);
}

.binBox {
    margin-bottom: 8px;
}

.binBox .bar {
    background: rgb(96, 96, 96);
}


.binBox .toolbar {
    border-top: 1px solid rgb(80, 80, 80);
}

.layerBox {
    border: 1px solid rgb(88, 88, 88);
}

.layerBox .bar {
    background: rgb(104, 104, 104);
}

.layerBox .toolbar {
    border-top: 1px solid rgb(88, 88, 88);
}

.buttons {
    float: left;
    height: 16px;
    padding-left: 1px;
    padding-right: 1px;
}

.button {
    width: 16px;
    height: 16px;
}



.cell {
    width: 100%;
    background: rgb(112, 112, 112);
}
.cell .border {
    height: 8px;
}
.cell .corner {
    float: left;
    width: 8px;
    height: 8px;
}
.cell .center {
    float: left;
    height: 8px;
}
.cell264 .center {
    width: 248px;
}
.cell536 .center {
    width: 520px;
}
.cell .topLeft {
    background: url(/static/images/cornerTopLeft.png);
}
.cell .topRight {
    background: url(/static/images/cornerTopRight.png);
}
.cell .bottomLeft {
    background: url(/static/images/cornerBottomLeft.png);
}
.cell .bottomRight {
    background: url(/static/images/cornerBottomRight.png);
}
.cell .content {
    padding-left: 8px;
    padding-right: 8px;
    color: rgb(0, 0, 0);
}



#background {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgb(0, 0, 0);
    opacity: 0.25;
    z-index: 9;
}
#dialog {
    position: fixed;
    opacity: 0.9;
    z-index: 10;
}
#dialog .border {
    height: 8px;
}
#dialog .corner {
    float: left;
    width: 8px;
    height: 8px;
}
#dialog .center {
    float: left;
    height: 8px;
    background: rgb(128, 128, 128);
}
#dialog .topLeft {
    background: url(../images/dialogTopLeft.png);
}
#dialog .topRight {
    background: url(../images/dialogTopRight.png);
}
#dialog .bottomLeft {
    background: url(../images/dialogBottomLeft.png);
}
#dialog .bottomRight {
    background: url(../images/dialogBottomRight.png);
}
#dialog .titlebar {
    height: 22px;
    padding-left: 8px;
    padding-top: 1px;
    border-bottom: 1px solid rgb(112, 112, 112);
    background: rgb(128, 128, 128);
    font-weight: bold;
}
#dialog .content {
    padding: 8px;
    background: rgb(144, 144, 144);
    overflow: auto;
}
#dialog .buttonbar {
    height: 16px;
    padding-top: 8px;
    border-top: 1px solid rgb(112, 112, 112);
    background: rgb(128, 128, 128);
}
#dialog td {
    padding-right: 4px;
}
#dialog input {
    width: 396px;
    height: 14px;
    padding: 1px;
    border: 1px solid rgb(112, 112, 112);
    background: rgb(160, 160, 160);
}
#dialog textarea {
    width: 396px;
    height: 192px;
    padding: 1px;
    border: 1px solid rgb(112, 112, 112);
    margin: 0px;
    background: rgb(160, 160, 160);
}

.left {
    float: left;
}

.right {
    float: right;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.link {
    color: rgb(0, 0, 128);
}

.link:hover {
    text-decoration: underline;
}

.warning, .link .warning {
    color: rgb(128, 0, 0);
}

.grey {
    color: rgb(128, 128, 128);
}

.transparent {
    opacity: 0;
}

.enabled {
    cursor: pointer;
}

.disabled {
    opacity: 0.5;
}

.selected {
    background: rgb(192, 255, 192);
}

.editable {
    background: rgb(192, 192, 255);
}

.highlighted {
    background: rgb(255, 255, 128);
}

.selected .highlighted {
    background: rgb(224, 255, 160);
}

.editable .highlighted {
    background: rgb(224, 244, 192);
}

.focused {
    background: rgb(160, 160, 255);
}

.separator {
    height: 2px;
}

#eof {
  height: 72px;
  clear: both;
}

.spaceBottom {
  clear: both;
  height: 72px;
  background: rgb(64, 64, 64);
}