/* 
    Document   : style
    Created on : 2012-6-24, 17:36:17
    Author     : Krasimir
*/

* { margin: 0; padding: 0; border: 0; outline: 0; position: relative }

ul { list-style: none }

body { background: #ccc; font-family: 'Ubuntu Condensed', sans-serif; }

.clr { clear: both }

body #container { width: 960px; min-height: 700px; margin: 0 auto; background: #eee; padding: 20px; }

.block { display: block; height: 150px; margin: 5px; z-index: 2 }
#drag1, #droparea1 { width: 182px; }
#drag2, #droparea2 { width: 285px; }
#drag3, #droparea3 { width: 102px; }

#dashboard { display: block; background: #fff; width: 900px; height: 500px; margin: 0 auto; border: 5px solid #000; }
#dashboard > div { width: 10px; height: 10px; float: left }

#droparea2 { margin-left: -107px }
#droparea3 { margin-left: -102px }

body #container .droparea { height: 150px; float: left }
.hovering{border: 2px dashed #aaa;background:#efefef;}

img { width: 100px; }

#elements { display: block; width: 100%; min-height: 150px; }
#elements .group-elements { width: 100px; height: 50px; float: left }
#elements .group-elements img { position: absolute; cursor: move }

#contextMenu { display: none; position: absolute; z-index: 10; width: 200px; min-height: 20px; border: 1px solid #555; padding: 2px; background: #fff; box-shadow: 0px 0px 2px #000 }
#contextMenu a { text-decoration: none; color: #000; display: block; padding: 5px; border: 1px solid transparent; border-radius: 3px; }
#contextMenu a:hover { background: rgba(120,200,255,0.1); border-color: #78c8ff }