/*
-----------------------------------------------
Styles for administative and development preview tools
Author:   Andreas Rübner Johnsen
Version:  11 June 2008
----------------------------------------------- */


/* Viewlet management
----------------------------------------------- */
#global-view-info { width : 89em; margin: 0 auto; }
.view-info { display: none; }
.viewletmanager { }
.viewletmanager-name, .viewletname {  color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; }

.viewletmanager-name { padding: 3px 4px; background-color: #BFBDB0; text-transform: uppercase; }
.viewname, .viewletname { padding: 5px 4px; margin-bottom: 3px; background-color: #E7E3D0; border-top: 1px solid #fff; border-bottom: 1px solid #b1bbbf; }
.viewname:hover, .viewletname:hover { background-color: #316AC5; color: #fff; cursor: pointer; }
.viewletname:active { background-color: #E7E3D0; border-top: 1px solid #b1bbbf; border-bottom: 1px solid #fff; } 
.viewletname.selected { background-color: #316AC5; color: #fff; }
.viewletname.selected + .view-doc { display: block; }

/* .viewletmanager .viewlet:hover { background-color: #F4F2E9; } */
.view-doc { display: none; position: absolute; z-index: 1000; 
       padding: 20px; font-size: 11px; width: 400px; background-color: #fff; border: 1px solid #aca899;  }

.view-doc .dev-info { margin-top: 10px; padding: 10px; background-color: #dedede;}
.view-doc .label { font-weight: bold; display: block;}