div#content 
{
    overflow: hidden;
}
div#leftColumn
{
    width: 800px;
    height: 100%;
    position:absolute;
    top:0px;
    left:0px;
    padding-right:24px;
    overflow: auto;
}

div#leftColumnContainer
{
    width: 800px;
}

div#player
{
    top: 0px;
    left: 0px;
    width: 800px;
    height: 474px;
    position: relative;
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
    border-radius: 4px;
}

.playerBar
{
    width: 100%;
    height: 24px;
    background-color: #f0f0f0;
    border: 0px solid #000000;
    outline: 0px solid #000000;
    margin: 0px;
    padding: 0px;
    left: 0px;
    bottom: 0px;
    position: absolute;
    border-radius: 0px 0px 4px 4px;
}

.playerBarText
{
    position:absolute;
    font-weight:bold;
    font-size:14px;
}

.playerCanvas
{
    left: 0px;
    top: 0px;
    width: 100%;
    height: 450px;
    cursor: pointer;
    position: absolute;
    border-radius: 4px 4px 0px 0px;
}

.playerCanvas:focus
{
    outline:none;
}

div#noWebGL
{
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    border: 0px;
    border-radius: 4px 4px 0px 0px;
    background-color:#000000;
    visibility: hidden;
}

img#noWebGL_ShaderImage
{
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 0px;
    border-radius: 4px 4px 0px 0px;
}

span#noWebGL_Text
{
    left:8px;
    font-size: 1.5em;
    border: 0px;
    color:#ff0000;
    position: absolute;
}

/* do NOT put these in one single block */
.playerCanvas_full-screen { width: 100%; height: 100%; }
.playerCanvas:full-screen { width: 100%; height: 100%; }
.playerCanvas:fullscreen { width: 100%; height: 100%; }
.playerCanvas:-webkit-full-screen { width: 100%; height: 100%; }
.playerCanvas:-moz-full-screen { width: 100%; height: 100%; }
.playerCanvas:-ms-fullscreen { width: 100%; height: 100%; }

div#shaderInfo
{
    width: 100%;
    padding-top:0;
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
    margin-top:8px;
    user-select: text;
    -moz-user-select: -moz-text;
    -webkit-user-select: text;
}

.shaderInfoHeaderRightBigText
{
    position: relative;
    bottom: 4px;
    font-size: 18px;
}

div#shaderAuthor
{
    padding-top:8px;
    text-align: right;
}

#shaderTitle
{
    width:100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size:2.0em;
    font-weight:bold;
    text-align: left;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin-left:0;
    margin-right:0;
    margin-top:0px;
    margin-bottom:6px;
}

#shaderDescription
{
    width: 100%;
    text-align: left;
    position: relative;
    padding: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    font-family: inherit;
    font-size: inherit;
    word-wrap:break-word;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
}

#shaderPublished
{
    text-align: justify;
    top: 0px;
    left: 0px;
    position: relative;
    padding: 0px;
    margin: 0px;
}

#published
{
    font-family: inherit;
    font-size: inherit;
    width:120px;
}

div#shaderStats
{
    text-align: right;
}

div#shaderLike
{
    left: 0px;
    position: absolute;
}

div#comments
{
    left: 0px;
    width: 100%;
    position: relative;
    top: 32px;
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
    user-select: text;
    -moz-user-select: -moz-text;
    -webkit-user-select: text;
}

div#commentsForm
{
    top: 16px;
    left: 0px;
    width: 100%;
    position: relative;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:12px;
    margin-left:0px;
    margin-right:0px;
}

#commentTextArea
{
    width: 96%;
    padding-left:2%;
    padding-right:2%;
    font-style:normal;
    font-weight:normal;
    font-family: inherit;
    font-size: inherit;
    text-align: left;
    background-color:#ffffff;
    outline: none;
    border-radius: 4px;
    border: 1px solid #808080;
    resize: none;
}

.inputSelector
{
    display: inline-block;
    width: 200px;
    height: 124px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    border-radius: 4px;
position:relative;
}

.inputSelector:last-child
{
    margin:0px;
}

.inputSelector:hover
{
  cursor: pointer;
  box-shadow:0px 0px 9px 4px #ffffff;
}

.inputSelectorCanvas
{
    width:200px;
    height:100px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-radius: 4px 4px 0px 0px;
    position: absolute;
}

.deleteInput
{
    cursor: pointer;
    position: relative;
    margin-left:auto; 
    margin-right:4px;
    margin-top: 4px;
    display: block;
    border-radius: 16px;
}

.deleteInput:hover {
    box-shadow: 0px 0px 6px 4px #ffffff;
}


.inputSampler
{
    background-color: #f0f0f0;
    width: 194px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    padding-left: 6px;
    border-radius: 4px 4px 0px 0px;
    position: absolute;
    overflow: hidden;
    -webkit-transition: height 0.25s ease-in-out;
    transition: height 0.25s ease-in-out;
}
.inputSampler.hidden
{
    height:0px;
}
.inputSampler.visible {
    height: 100px;
}

.inputSelectorControls
{
    background-color: #f0f0f0;
    width:200px;
    height:24px;
    margin: 0px;
    padding: 0px;
    bottom:2px;
    position: absolute;
    border-radius: 0px 0px 4px 4px;
}

.inputSelectorText 
{
    left: 4px;
    top: 4px;
    position: absolute;
}

div#myComments
{
    top: 0px;
    left: 0px;
    width: 100%;
    position: relative;
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
}

.comment, .commentSelf, .commentNew
{
    border-radius:4px;
    left:0px;
    position: relative;
    width: 100%;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:6px;
}
.comment:nth-child(even){background-color:rgba(64,64,64,0.1);}
.comment:nth-child(odd){background-color:rgba(128,128,128,0.1);}
.commentSelf { background-color:rgba(240,160,64,0.1); }

.commentPicture
{
    padding: 4px;
    vertical-align: top;
    width: 40px;
}

.commentFormContent
{
    padding: 4px;
    vertical-align: top;
    text-align: left;
    word-break: break-all;
    word-break: break-word;
}

.commentContent
{
    padding: 4px;
    vertical-align: top;
    text-align: left;

    word-break: break-all;
    word-break: break-word;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
}

div#rightColumn
{
    left: 860px;
    width: 906px;
    position:absolute;
    top:0px;
    left:0px;
    padding-left:4px;
    padding-right:16px;
    overflow: auto;
    height: 100%;
}

div#rightColumnContainer
{
    width: 906px;
}

div#editorWrapper.noFullScreen
{
    left: 0px;
    top: 0px;
    width: 100%;
    height:100%;
    margin-top:4px;
    position: relative;
}

div#editorWrapper.yesFullScreen
{
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
    position: relative;
}

@keyframes errorNoAnimation
{
    from { box-shadow:0px 0px 0px 3px #00c000; }
    to {   box-shadow:0px 0px 0px 3px transparent; }
}
@-webkit-keyframes errorNoAnimation
{
    from { box-shadow:0px 0px 0px 3px #00c000; }
    to {   box-shadow:0px 0px 0px 3px transparent; }
}
@-moz-keyframes errorNoAnimation
{
    from { box-shadow:0px 0px 0px 3px #00c000; }
    to {   box-shadow:0px 0px 0px 3px transparent; }
}

@keyframes savedAnimation
{
    from { box-shadow:0px 0px 0px 3px #0000c0; }
    to {   box-shadow:0px 0px 0px 3px transparent; }
}
@-webkit-keyframes savedAnimation
{
    from { box-shadow:0px 0px 0px 3px #0000c0; }
    to {   box-shadow:0px 0px 0px 3px transparent; }
}
@-moz-keyframes savedAnimation
{
    from { box-shadow:0px 0px 0px 3px #0000c0; }
    to {   box-shadow:0px 0px 0px 3px transparent; }
}

div#editorWrapper.errorYes
{
    box-shadow:0px 0px 0px 3px #ff3020;
}

div#editorWrapper.errorNo
{
    box-shadow:0px 0px 0px 3px #00c000;
    animation: errorNoAnimation 1s linear 0 1 forwards;
    -webkit-animation: errorNoAnimation 1s linear 0 1 forwards;
    -moz-animation: errorNoAnimation 1s linear 0 1 forwards;
}

div#editorWrapper.saved
{
    box-shadow:0px 0px 0px 3px #0000c0;
    animation: errorNoSaved 1s linear 0 1 forwards;
    -webkit-animation: errorNoSaved 1s linear 0 1 forwards;
    -moz-animation: errorNoSaved 1s linear 0 1 forwards;
}

div#editor
{
    font-weight:bold;
    text-align: left;
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
    border-radius: 4px 4px 0px 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 476px;
    -webkit-transition: height 0.25s ease-in-out;
    -moz-transition: height 0.25s ease-in-out;
    -o-transition: height 0.25s ease-in-out;
    position: relative;
}

div#editor.right
{
    height: 476px;
}
div#editor.left
{
    height: 622px;
}

div#toolBar
{
    text-align: left;
    left: 0px;
    width: 100%;
    height: 24px;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background-color:#f0f0f0;
    border-color: transparent transparent transparent #EEEEEE;
    border-radius: 0px 0px 4px 4px;
}

div#textures
{
    font-weight:bold;
    text-align: left;
    top: 0px;
    left: 0px;
    width: 100%;
    padding-top: 18px;
    margin: 0;
    position: relative;
}

div#dlgHelp
{
     width:800px;
     height:450px;
     position:absolute;
}

div#dlgBBCodeHelp
{
     width:720px;
     height:490px;
     position:absolute;
}

div#dlgShareShader
{
     width:540px;
     height:280px;
     position:absolute;
}

div#dlgReportShader
{
     width:400px;
     height:120px;
     position:absolute;
}

div#editorHeader
{
    background-color:#ffffff;
    text-align: left;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 162px;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 4px;
    border-radius: 4px;
    overflow:hidden;
    cursor: pointer;

    -webkit-transition: height 0.25s ease-in-out;
    -moz-transition: height 0.25s ease-in-out;
    -o-transition: height 0.25s ease-in-out;

    user-select: text;
    -moz-user-select: -moz-text;
    -webkit-user-select: text;
}

div#editorHeader.left
{
    height: 16px;
}

div#editorHeader.right
{
    height: 162px;
}

div#editorHeaderBar
{
    background-color:#f0f0f0;
    left: 0px;
    top: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 20px;
    position: absolute;
}

div#editorHeaderArrow
{
    left: 8px;
    top: 3px;
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url('/img/themes/classic/triOpen.png');
    background-repeat:no-repeat;
}
div#editorHeaderArrow.expanded
{
    background-image: url('/img/themes/classic/triClose.png');
}

div#editorHeaderText
{
    font-family:monospace;
    top: 12px;
    left: 24px;
    position: absolute;
}



.userPictureSmall
{
    background-color:#808080;
    border: 1px solid #000000;
    width:32px;
    height:32px;
}

a.tooltip
{
    outline:none;
    text-decoration:none;
}
a.tooltip span
{
    z-index:10;
    display:none;
    padding:12px 12px;
    margin-top:-32px;
    margin-left:-32px;
    border-radius:4px;
    box-shadow: 5px 5px 8px #404040;
}
a.tooltip:hover span
{
    display:inline; position:absolute;
    border:1px solid #000000;
    background:#e0e0e0;
}

div#shaderStatus
{
    border:1px solid #000000;
    background:#ffc040;
    position:relative;
    top:44px;
    left:0px;
    padding-left:16px;
}
div#passManagerSeparator
{
    height:4px;
    width:100%;
    top:0px;
    background-color:#f8b030;
    padding:0px;
    margin-top:0px;
    margin-bottom:6px;
}


div#passManager
{
    width: 100%;
    height: 28px;
    top: 0px;
    padding:0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    clear: both;
    cursor:pointer;
}

.tab
{
  background-color: #808080;
  float: left;
  margin: 0px;
  margin-right: 4px;
  width:128px;
  height:28px;
  position:relative;
  border-radius: 4px 4px 0px 0px;
  bottom:0px;
  color:#ffffff;

  -moz-transition:    background-color 0.15s linear, color 0.15s linear;
  -webkit-transition: background-color 0.15s linear, color 0.15s linear;
  transition:         background-color 0.15s linear, color 0.15s linear;

  -moz-transition:    box-shadow 0.15s linear, color 0.15s linear;
  -webkit-transition: box-shadow 0.15s linear, color 0.15s linear;
  transition:         box-shadow 0.15s linear, color 0.15s linear;

}


.tabAddContainer
{
  background-color:#b0b0b0;
  float: left;
  margin: 0px;
  margin-right: 4px;
  padding:4px;
  padding-top:6px;
  height:18px;
  border-radius: 14px 14px 0px 0px;
  position: relative;
}

.tabAddSelect {
    color: inherit;
    font-weight: bold;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("/img/themes/classic/add.png");
    background-repeat: no-repeat;
//    background-attachment: fixed;
    background-position: center;
    height:16px;
    outline: 0;
    padding: 0px;
    margin: 0px;
}

.tabAddSelect option
{
    padding: 20px;
}
.tab label
{
  font-weight:bold;
  position: absolute;
  left:28px;
  top:7px;
}
.tab img.tabImage
{
  position: absolute;
  left:4px;
  top:7px;
  width:16px;
  height:16px;
}

.tab img.tabClose
{
  position: absolute;
  right:8px;
  top:9px;
}

.tab:hover
{
  background-color: #b08060;
}
.tab.selected
{
  color:#ffffff;
  background-color: #f8b030;
}

.tab.errorYes
{
    box-shadow:0px 0px 0px 3px #ff3020 inset;
}

select
{
  border:0 none;
  background-color:transparent;
  width:36px;
  font-size: 12px;
}

.info
{
     font-size: 9px;
}


div#pickTexture_image
{
     visibility: hidden;
     z-index:1000;
     width:960px;
     height:620px;
     position:absolute;
     user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
}

.mySoundCloudURLBox
{
    background-color:#000000;
    position:absolute;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    width:100px;
    height:66px;
    left:0px;
    top:0px;

    //visibility: hidden;
    opacity:0;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;

}

.mySoundCloudURLBoxVisible
{
    //visibility: visible;
    opacity: 1;
}

.mySoundCloudURL
{
    border:0px;
    border-radius: 4px;
    margin:0px;
    padding-left:4px;
    padding-right:4px;
    width:90px;
}


.divAsset
{
    background-color:#c8c8c8;
    width: 256px;
    height: 96px; 
    overflow: hidden;
    padding: 16px;
    margin-top: 8px;
    margin-left: 8px;
}
.inputThumbnail
{
    cursor: pointer;
    border: 0px;
    margin: 0px;    
    padding: 0px;
    border-radius: 4px;
    width: 96px;
    height: 96px;
}
.inputInfoColumn
{
    vertical-align: top;
    padding-left:8px;
}

.spanDescription
{
    //font-size: 1.5em;
    white-space: pre;
}

.spanUser
{
}

.uiButtonNew
{
    margin: 0px;
    margin-right:1px;
    margin-left:1px;
    padding: 0px;
    cursor: pointer;
    border-radius: 4px;
}

.uiButtonNew:hover
{
    box-shadow: inset 0px 0px 1px 1px #808080, 0px 0px 1px 1px #808080;
}

/* ----------------------- media resolutions ------------------------ */

/* made smaller than 1280 (supported 1024)*/
@media screen and (max-width:1279px) 
{
    div#leftColumn { width: 500px; padding-right: 12px; }
    div#leftColumnContainer { width: 500px; }
    div#player { width: 500px; height: 305px; border-radius: 8px; }
    .playerCanvas { height: 281px; }
    div#noWebGL { height: 281px; }
    div#rightColumn { left: 526px; width: 470px; padding-left:4px; padding-right: 12px; }
    div#rightColumnContainer { width: 470px; }
    div#editor { height: 312px; }
    div#editor.right { height: 312px; }
    div#editor.left { height: 416px; }
    div#editorHeader { height: 120px; }
    div#editorHeader.right { height: 120px; }
    .inputSelector { margin-right: 6px; width: 110px; height: 86px; }
    .inputSelectorCanvas  { width: 110px; height: 62px; }
    .inputSampler { width: 110px; }
    .inputSampler.visible { height:62px; }
    .inputSelectorControls { width:110px; }
    div#dlgHelp { width:640px; height:360px; }
    div#pickTexture_image { width:640px; height:460px; }
    .divAsset { width: 170px; height: 64px;  padding: 6px; margin-top: 6px; margin-left: 6px; }
    .inputThumbnail { border-radius: 3px; width: 64px; height: 64px; }
    .inputInfoColumn { padding-left:4px; }
    .mySoundCloudURLBox { width:84px; height:60px; }
    .mySoundCloudURL {width:74px; }
    div#passManager { height: 22px; }
    .tabAddContainer { padding:3px; height:16px; }
    .tab { margin: 0px; margin-right: 4px; width:70px; height:22px; bottom:0px; }
    .tab label { left:22px; top:6px; }
    .tab img.tabImage { left:3px; top:4px; }
    .tab img.tabClose { right:5px; top:7px; }
}

@media screen and (min-width:1280px) and (max-width:1439px) 
{
    div#leftColumn { width: 512px; padding-right: 16px; }
    div#leftColumnContainer { width: 512px; }
    div#player { width: 512px; height: 312px; border-radius: 8px; }
    .playerCanvas { height: 288px; }
    div#noWebGL { height: 288px; }
    div#rightColumn { left: 552px; width: 690px; padding-left:4px; padding-right:16px; }
    div#rightColumnContainer { width: 690px; }
    div#editor { height: 312px; }
    div#editor.right { height: 288px; }
    div#editor.left { height: 422px; }
    div#editorHeader  { height: 150px; }
    div#editorHeader.right { height: 150px; }
    .inputSelector  { margin-right: 13px; width: 160px; height: 114px; }
    .inputSelectorCanvas { width: 160px; height: 90px; }
    .inputSampler  { width: 160px; }
    .inputSampler.visible { height:90px; }
    .inputSelectorControls { width:160px; }
    div#dlgHelp { width:720px; height:450px; }
    div#pickTexture_image { width:700px; height:500px; }
    .divAsset { width: 180px; height: 70px;  padding: 8px; margin-top: 6px; margin-left: 6px; }
    .inputThumbnail { border-radius: 3px; width: 70px; height: 70px; }
    .inputInfoColumn { padding-left:4px; }
    .mySoundCloudURLBox { width:90px; height:66px; }
    .mySoundCloudURL {width:80px; }
    .tab { margin: 0px; margin-right: 4px; width:90px; height:28px; bottom:0px; }
    .tab label { left:22px; top:6px; }
    .tab img.tabImage { left:3px; top:6px; }
    .tab img.tabClose { right:7px; top:9px; }
}

@media screen and (min-width:1440px) and (max-width:1919px) 
{
    div#leftColumn { width: 640px; padding-right: 16px; }
    div#leftColumnContainer { width: 640px; }
    div#player { width: 640px; height: 384px; border-radius: 8px; }
    .playerCanvas { height: 360px; }
    div#noWebGL { height: 360px; }
    div#rightColumn { left: 682px; width: 720px; padding-left:4px; padding-right: 16px; }
    div#rightColumnContainer { width: 720px; }
    div#editor { height: 327px; }
    div#editor.right { height: 327px; }
    div#editor.left { height: 473px; }
    .inputSelector  { margin-right: 16px; width: 165px; height: 116px; }
    .inputSelectorCanvas  { width: 165px; height: 92px; }
    .inputSampler  { width: 159px; }
    .inputSampler.visible { height:92px; }
    .inputSelectorControls { width:165px; }
    div#editorHeader  { height: 162px; }
    div#editorHeader.right { height: 162px; }
    div#dlgHelp { width:800px; height:450px; }
    div#pickTexture_image { width:720px; height:500px; }
    .divAsset { width: 192px; height: 70px;  padding: 8px; margin-top: 6px; margin-left: 6px; }
    .inputThumbnail { border-radius: 3px; width: 70px; height: 70px; }
    .inputInfoColumn { padding-left:4px; }
    .mySoundCloudURLBox { width:100px; height:66px; }
    .mySoundCloudURL {width:90px; }
    div#passManager { height: 28px; }
    .tab { margin: 0px; margin-right: 4px; width:100px; height:28px; bottom:0px; }
    .tab label { left:24px; top:6px; }
    .tab img.tabImage { left:3px; top:6px; }
    .tab img.tabClose { right:8px; top:9px; }
}

@media screen and (min-width:1920px) and (max-width:2559px) 
{
    div#leftColumn { width: 800px; padding-right: 32px; }
    div#leftColumnContainer { width: 800px; }
    div#player { width: 800px; height: 474px; border-radius: 8px; }
    .playerCanvas { height: 450px; }
    div#noWebGL { height: 450px; }
    div#rightColumn { width: 930px; left:850px; padding-left:4px; padding-right:16px; }
    div#rightColumnContainer { width: 930px; }
    div#editor { height: 476px; }
    div#editor.right { height: 476px; }
    div#editor.left { height: 622px; }
    .inputSelector  { margin-right: 38px; width: 200px; height: 136px; }
    .inputSelectorCanvas { width: 200px; height: 112px; }
    .inputSampler  { width: 194px; }
    .inputSampler.visible { height:112px; }
    .inputSelectorControls { width:200px; }
    div#dlgHelp { width:800px; height:450px; }
    div#pickTexture_image { width:960px; height:620px; }
    .divAsset { width: 256px; height: 96px;  padding: 16px; margin-top: 8px; margin-left: 8px; }
    .inputThumbnail { border-radius: 4px; width: 96px; height: 96px; }
    .inputInfoColumn { padding-left:8px; }
    .mySoundCloudURLBox { width:136px; height:92px; }
    .mySoundCloudURL {width:126px; }
}

@media screen and (min-width:2560px) 
{
    div#leftColumn { width: 1200px; padding-right: 16px; }
    div#leftColumnContainer { width: 1200px; }
    div#player { width: 1200px; height: 699px; border-radius: 4px; }
    .playerCanvas { height: 675px; }
    div#noWebGL { height: 675px; }
    div#rightColumn { width: 1200px; left:1280px; padding-left:4px; padding-right:16px; }
    div#rightColumnContainer { width: 1100px; }
    div#editor { height: 598px; }
    div#editor.right { height: 598px; }
    div#editor.left { height: 815px; }
    div#editorHeader { height: 236px; }
    div#editorHeader.left { height: 24px; }
    div#editorHeaderBar { height: 28px; }
    div#editorHeader.right { height: 236px; }
    .inputSelector  { margin-right: 32px; width: 241px; height: 159px; }
    .inputSelectorCanvas { width: 241px; height: 135px; }
    .inputSampler { width: 235px; }
    .inputSampler.visible { height:135px; }
    .inputSelectorControls { width:241px; height:32px; }
    div#dlgHelp { width:800px; height:450px; }
    div#pickTexture_image { width:960px; height:620px; }
    .divAsset { width: 256px; height: 96px;  padding: 16px; margin-top: 8px; margin-left: 8px; }
    .inputThumbnail { border-radius: 4px; width: 96px; height: 96px; }
    .inputInfoColumn { padding-left:8px; }
    .mySoundCloudURLBox { width:136px; height:92px; }
    .mySoundCloudURL {width:126px; }
    div#passManager { height: 34px; }
    .tabAddContainer { padding:4px; height:26px; }
    .tab { margin: 0px; margin-left: 4px; margin-right: 4px; width:128px; height:34px; bottom:0px; }
    .tab label { left:24px; top:6px; }
    .tab img.tabImage { left:3px; top:6px; }
    .tab img.tabClose { right:8px; top:9px; }
    div#toolBar { height: 32px; }
}