/*
    Document   : panorama
    Created on : Sep 25, 2009, 1:17:33 PM
    Author     : Robert
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    background:#bfbfbf url(../images/body-background.png) top left repeat-x;
    margin:0;
    padding:0;
}

* {font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif !important;}

.menubar a {outline: none;}

.netblast .z-toolbar-button {text-decoration:none;color:#333;font-weight:bold;}

.bold * {font-weight:bold !important;}

.list-header {color:red !important;}




.z-loading {background-color:#fff;padding:0 10px;border:0;margin:42px 0 0 0;}
.z-loading-indicator {color:#777;border:0 none;text-transform:uppercase;font-size:11px;line-height:30px;font-weight:bold;}
.z-loading-icon {background:url(../images/ajax-loader.gif) no-repeat;height:30px;width:35px;}

.notification {padding:20px;border:1px solid #999;width:300px;margin:150px auto;color:red;}
.notification .z-label {margin:0 10px;}

.about {margin:50px auto;width:146px;padding:10px;}

/*.smallLink {padding:5px 0 5px 0;font-weight:normal;text-decoration:underline;color:blue;font-size:10px;}*/

.error {font-size:10px;color:#990000;}

.registrationErrorArea {margin:20px 10px -15px 10px;background:#fafafa;}
.registrationErrorArea .z-label {margin:10px;}

.invitationContainer .z-textbox {margin:20px 0 0 20px;width:170px;}
.information {width:350px;margin:20px auto;border:1px solid #eee;padding:10px;background:#fcfcfc;}
.information h3 {font-size:13px;margin:0;color:#6b752a;}
.information p {font-size:12px;}

.wrapper {width:800px;margin:0 auto;padding:0px;}

.wrapper .left-column {width:180px;margin-top:10px;margin-right:10px;}
.wrapper .left-column a {text-decoration:none;font-size:11px;}
.wrapper .left-column .out {display:block;background:#555;color:#fff;text-transform:uppercase;padding:10px 20px;cursor:pointer;margin-bottom:5px;}
.wrapper .left-column .selected {display:block;background:#77832e;color:#fff;text-transform:uppercase;padding:10px 20px;cursor:pointer;margin-bottom:5px;}

.wrapper .single-column, .wrapper .right-column {width:500px;padding:20px 30px;background:#fff url(../images/right-column-background.png) 0% 0% repeat-x;}
.wrapper .single-column {margin:0 auto;}
.wrapper .module {border:0px solid #eee !important;}
.wrapper .module .title {color:#77832e;font-size:17px;}
.wrapper .module-with-no-size {margin:20px auto;border:0px solid #eee !important;}

.z-listbox.gray * {background-image:none !important;}
.z-listbox.gray {background:#fff;}

.z-listbox.gray .z-list-item .icon {background-image:url(../images/icons.png) !important;height:22px !important;background-repeat:no-repeat !important;border:0;background-color:transparent !important;}


.z-listbox.gray .z-list-item .edit {background-position:-44px 0px;}
.z-listbox.gray .z-list-item .edit:hover {background-position:-44px -22px;}
.z-listbox.gray .z-list-item .permissions {background-position:-22px 0px;}
.z-listbox.gray .z-list-item .permissions:hover {background-position:-22px -22px;}
.z-listbox.gray .z-list-item .delete {background-position:0px 0px;}
.z-listbox.gray .z-list-item .delete:hover, .z-listbox.gray .z-list-item .disabled {background-position:0px -22px;}
.z-listbox.gray .z-list-item .enable {background-position:-66px 0px;}
.z-listbox.gray .z-list-item .enable:hover {background-position:-66px -22px;}
.z-listbox.gray .z-list-item .disable {background-position:-88px 0px;}
.z-listbox.gray .z-list-item .disable:hover {background-position:-88px -22px;}
.z-listbox.gray .z-list-item .properties {background-position:-154px 0px;}
.z-listbox.gray .z-list-item .properties:hover {background-position:-154px -22px;}
.z-listbox.gray .z-list-item .broadcast {background-position:-176px 0px;}
.z-listbox.gray .z-list-item .broadcast:hover {background-position:-176px -22px;}

.z-listbox.gray .z-list-item-seld .edit {background-position:-44px -44px;}
.z-listbox.gray .z-list-item-seld .permissions {background-position:-22px -44px;}
.z-listbox.gray .z-list-item-seld .delete {background-position:0px -44px;}
.z-listbox.gray .z-list-item-seld .delete.disabled {background-position:0px -22px;}
.z-listbox.gray .z-list-item-seld .enable {background-position:-66px -44px;}
.z-listbox.gray .z-list-item-seld .disable {background-position:-88px -44px;}
.z-listbox.gray .z-list-item-seld .properties {background-position:-154px -44px;}
.z-listbox.gray .z-list-item-seld .broadcast {background-position:-176px -44px;}
.z-listbox.gray .z-list-item-seld a {color:#fff;}

.z-listbox.gray .z-listbox-header {border:0;background:#fff;border-bottom:1px solid #eee;}
.z-listbox.gray .z-listbox-header * {background-image:none;background:#fff;border:0;font-weight:bold;}
.z-listbox.gray .z-listbox-footer {background-color:#fff;border-top:1px solid #eee;padding-top:3px;}
.z-listbox.gray {border:0;}
.z-listbox.gray .z-list-item {}
.z-listbox.gray .z-list-item {border:0;}
.z-listbox.gray .z-list-item {background:#fff;}
.z-listbox.gray .z-list-item td {line-height:2.4em;}
.z-listbox.gray .z-listbox-odd {background:#fafafa;}
.z-listbox.gray .z-list-item-over {background:#f1f1f1;}
.z-listbox.gray .z-list-item-seld   {background:#555;color:#fff}

.z-listbox.gray div.add {border:0;padding:0;margin:0;float:right;background-image:url(../images/icons.png) !important;background-position:-110px 0px;background-repeat:no-repeat;width:22px !important;height:22px !important;}
.z-listbox.gray div.add:hover {background-position:-110px -22px;}

.z-listbox.module-list,.z-listbox.module-list * {background:none;background-image:none !important;border:0 !important;}
.z-listbox.module-list .z-toolbar-button:hover {background:#333;color:#fff;}
.z-listbox.module-list .z-list-item-seld .z-toolbar-button {background:#77832e;color:#fff;}
.right-column .description {font-size:12px;}

/*
.z-window-modal * {background-image:none;background:#fff;border:0;}
.z-window-modal-header {background:#555;padding:10px;}
.z-window-modal .z-toolbar {border:0 !important;}
.z-window-modal .z-paging {border:0 !important;}
*/

.archive-description {padding:0 20px 10px 20px;background:#fff;margin-top:10px;}
.archive-description a.close {float:right;width:22px;height:22px;overflow:hidden;text-indent:-999em;background:url(../images/icons-vertical.png);}
.archive-description a.close:hover {background-position:0px -22px;}
.archive-description h1 {font-size:20px;}
.archive-description p {font-size:14px;}