/* ============================= Icons ============================= */
/* Module Managaement */
.module-install { background: transparent url(../images/icons/16x16/plugin_add.png) center left no-repeat;
    padding: 5px 0 5px 18px; cursor: pointer; }

.module-uninstall { background: transparent url(../images/icons/16x16/plugin_delete.png) center left no-repeat;
    padding: 5px 0 5px 18px; cursor: pointer; }

.module-disabled { background: transparent url(../images/icons/16x16/plugin_disabled.png) center left no-repeat;
    padding: 5px 0 5px 18px; cursor: pointer; }

.module-enabled { background: transparent url(../images/icons/16x16/plugin.png) center left no-repeat;
    padding: 5px 0 5px 18px; cursor: pointer; }

.module-display { margin: 10px; padding: 10px; background-color: #B7CCEC;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
    -moz-box-shadow: 3px 4px 5px #ccc; -webkit-box-shadow: 3px 4px 5px #ccc; box-shadow: 3px 4px 5px #ccc; }

/* ============================= Modal Dialog ============================= */

.overlay { background: black; opacity: 0.6; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 100; }

.box { position: fixed; top: -200px; left: 30%; right: 30%; background-color: #FFF; color: #7F7F7F; padding: 20px;
    border: 2px solid #ccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
    -moz-box-shadow: 0 1px 5px #333; -webkit-box-shadow: 0 1px 5px #333; z-index: 101; }

.box h3 { margin: -20px -20px 10px -20px; padding: 3px 2px 2px 10px; background-color: #A3A3A3; color: #FFF;
    -moz-border-radius: 15px 15px 0px 0px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px;
    -khtml-border-top-left-radius: 15px; -khtml-border-top-right-radius: 15px; }

.close-btn { display: block; position: absolute; top: -6px; right: -6px; height: 0; width: 14px; padding: 14px 0 0 0;
    overflow: hidden; background: #811E1A none; border: 2px solid #FFF; color: #FFF; cursor: pointer;
    -moz-user-select: none; -webkit-user-select: none; user-select: none;
    -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;
    box-shadow: 0 0 6px #000, 1px 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.3), 1px -1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 6px #000, 1px 1px 1px rgba(0, 0, 0, 0.3), -1.px 1px 1px rgba(0, 0, 0, 0.3), 1px -1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 6px #000, 1px 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.3), 1px -1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px #000, 1px 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.3), 1px -1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3); }

.close-btn:before { content: "\D7"; display: block; text-align: center; width: 14px; position: absolute; top: -2px; left: 0;
    font-size: 16px; line-height: 14px; font-family: "Helvetica Neue", Verdana, Tahoma, Helvetica, sans-serif; }

/* ============================= General CSS ============================= */

.error { color: #a60311; }
.info-text { font-size: 80%; color: #AAA; }
.subtext { font-size: 11px; font-style: italic; }

.ui-dialog-titlebar { font-family: Tahoma,Verdana,Segoe,sans-serif; color: #FFFFFF; font-size: 16px; font-weight: normal; background: url('../../views/default/images/gradient_Titlebar.jpg') repeat-x; border-style: solid; border-color: #666666; }