#hud 
{
    color: white;
    font: 11px "Lucida Grande";
    font-weight: bold;
    text-shadow: rgba(0,0,0,0.33) 0px 1px 1px;
}
/*
select 
{
    background-color: red; 
    color: white;
}

option 
{
    background-color: red; 
    color: white;
    }

*/
.instanceAssets 
{
    overflow: auto;
    height: 150px;
    width: 580px;
    clear: both;
    float: right;
}

.instanceAsset 
{
}

.instanceAssetName 
{
}

.instanceAssetImage 
{
}

#templateInstanceAsset { display: none; }
#templateFileInput  { display: none; }

/* Layout */
#hud-left-pane { width: 100px;}
#hud-right-pane { width: 100px;}

#spanPlacement-text { position:absolute; top: 18px; left: 16px; }
#spanShowPhoto { position:absolute; top: 18px; left: 114px; }
#spanLayout1 { position:absolute; top: 33px; left: 8px; }
#spanLayoutPopupTriangle {position:absolute; top: 77px; left: 78px; }
#spanPhotoSize-text { position:absolute; top: 52px; left: 114px; }
#spanImageSize {position:absolute; top: 68px; left: 114px;  }
#extraSpace-text {position:absolute; top: 104px; left: 16px; }
#spanExtraSpaceEdit {position:absolute; top: 122px; left: 16px;  }
#spanExtraSpaceValue {position:absolute; top: 124px; left: 36px;}
#spanExtraSpace { position:absolute; top: 122px; left: 60px; }
#photoPropotions-text { position:absolute; top: 104px; left: 114px; }
#spanPhotoProportions { position:absolute; top: 122px; left: 114px; }
#spanInspectorLink { position:absolute; top: 6px; right: 6px; }

#spanDesignerControls {position:absolute; top: 154px; left: 16px; }
#divDesignerControls {position:absolute; top: 186px; left: 16px; }