.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('gfx/loader.gif') 50% 50% no-repeat #ccc;
    opacity: 0.9;
    filter: alpha(opacity=90); 
}

#imagePickerAlbums {
height: 430px;
width: 192px;
overflow: hidden;
overflow-y: scroll;
}

#imagePickerAlbums li {
height: 2.5em;
border-bottom: 1px solid #ddd;
width: 175px;
}
#imagePickerAlbums li a{
padding: .5em;
display: block;
text-decoration: none;
font-weight: bold;
color: #111;
font-size: 0.8em;
}

#imagePickerAlbums li a:hover {
background-color: #eee:
}

#imagePickerAlbums li a.selected {
background-color: #0068B4 !important;
color: #fff !important;
}
#imagePickerImages {
height: 430px;
overflow: hidden;
overflow-y: scroll;
}
#imagePickerImages li {
list-style-type: none;
float: left;
margin: 0 10px 10px 0;
}
.postbox {
padding: 10px;
background-color: #eee;
}
select{
  width: 150px;
}
.selectlabel{
  width:60px;
  padding-top:2px;
  margin:5px;
  float:left;
}
.editorcontainer{
 position: relative;
 border: solid 1px;
 height: 500px;
 width: 650px;
 -moz-box-shadow: 3px 3px 4px #999;
 -webkit-box-shadow: 3px 3px 4px #999;
 box-shadow: 3px 3px 4px #999;
 z-index: 10;
}

.imageplaceholder{
 position: relative;
 /*background-color:#fff;*/
 border: solid 1px;
 float: left;
 /*overflow: hidden;*/
 margin-left: 2px;
}
.gridplaceholder{
 position: absolute;
 /*background-color:${ukeplantemplates/1/backgroundcolor};*/
 width: 617px;
 float: left;
 overflow: hidden;
 margin-left: 0px;
 left: 44px; 
 top: 168px;
}

table.grid{
 float:left;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 1px;
 border-left-width: 0px;
border-style: solid;
border-color: gray;
/*background-color: white;*/
margin-bottom: 0em;
}

table.grid td {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-style: solid;
border-color: gray;
/*background-color: ${ukeplantemplates/1/backgroundcolor};*/

}
div.textplaceholder{
 position: absolute;
 left:0px;
 width: 36px;
 top: 167px;
}

img.imagetext{
 position: relative;
 width:0px;
 top: 1px;
 left: -1px;
 z-index: 200;

}
div.edittext, div.edittoptext{
 padding: 5px;
 position: absolute;
 background-color: white;
 top: 1px;
 left: 1px;
 z-index: 2210;
}
div.namescontainer{
 position: absolute;
 width:800px;
 top: 100px;
 left: 0px;
 z-index: 200;
}
div.imagetextplaceholder{
 position: relative;
 float:left; 
}
div.imageandtextplaceholder{
 position: absolute;
}

table.dinner td{
 background-image: url(gfx/middagsbestikk2.png);
 background-size:34px 104px;
 background-repeat: no-repeat;
 background-position: center;
}
select#imagefield_height, select#textfield_height{
 width: 60px;
}

th, td, caption {
 padding: 0px 0px 0px 0px;
 line-height: 0em;
}


.rotatebutton{
 background-color:Transparent;
 width: 27px;
 height: 26px;
 border-radius: 12px;
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
}

.rotateleft{  
 background-image: url(gfx/buttonleft.jpg); 
}
.rotateright{  
 background-image: url(gfx/buttonright.jpg); 
}

.editorcontainer{
    box-sizing: content-box;
}
.editorcontainer div{
    box-sizing: content-box;
}
.prehide{
    display:none;
}

.functionbox{
    position: relative;
    z-index: 100;
    background: #fff;
    border: solid 1px #ccc;
    margin-bottom: 5px;
    min-width: 180px;

}
.functionbox .header{
    background: #e7e7e7;
    color: #000;
    padding: 5px;
    font-weight:bold;
}
.functionbox .body{
    padding: 0 0 15px 10px;
}
div.dinner{
    opacity: 0;
}



.quality{
    position: absolute;
    right: 1px;
    bottom: 1px;
    z-index: 100;
    display: none;
}

.notatfelt{
 position: absolute;
 border: solid 1px;	
}
.notat{
    padding: 5px;
}

.clipartdiv, .clipartpicker{
    width:115px;
    height: 115px;
    float: left;
    background: #fff;
    margin: 5px;
    position: relative;
    border: solid 1px #ccc;
    box-shadow: 1px 1px #eee;
}

.clipartpicker{
    background-size: auto 110px;
    background-position: center;
    background-repeat: no-repeat;
}

.clipartcontainer{
    width: 500px;
    height: 400px;
}
#damegjengen{
    background: url(gfx/damegjengen.png);
    background-size: 115px;
}
#guttegjengen{
    background: url(gfx/barnegjengen.png);
    background-size: 115px;
}
#jentegjengen{
    background: url(gfx/jentegjengen.png);
    background-size: 115px;
}
#mannegjengen{
    background: url(gfx/mannegjengen.png);
    background-size: 115px;
}
#dyregjengen{
    background: url(gfx/dyregjengen.png);
    background-size: 115px;
}
.clipartcontainer .caption-container {
    position: absolute;
    width: 100%;
    max-height: 50%;
    padding: 5px;
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.3;
    color: #fefefc;
    background-color: rgba(49, 51, 52, 0.7);
}

.hidden{
    display: none;
}

.modal-body{
    min-height: 500px;
}

.clipselect{
    position: absolute;
    top: 0px;
    text-align: center;
}