/*
    Document   : netblast
    Created on : Dec 10, 2008, 2:13:34 PM
    Author     : Robert
    Description:
        Purpose of the stylesheet follows.
*/

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

root {
    display: block;
}

/** {font-family:Harabara, Helvetica,sans-serif !important;}*/

body {
background:url(../images/netblast-main-background.png) top left repeat-x;
    margin:0;
    padding:0;
    font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
}

/*
.button-container {position:relative;height:42px !important;background:url(images/button-background.png) top left repeat-x;width:56px;}
.button-left {position:absolute;top:0;left:0;margin:0;width:14px;height:42px;background:url(images/button-background-left.png) 0px 1px no-repeat;}
.button {position:absolute;top:0;left:13px;border:0;color:#fff;margin:0;height:42px;background:url(images/button-background-right.png) 130% 1px no-repeat;}
*/

.netblast-main-menu-wrapper {padding:0 20px;margin-top:-10px;font-size:11px;position:relative;}
.netblast-main-menu {list-style:none;margin:0;padding:0;}
.netblast-main-menu li {margin:0;padding:0;}
.netblast-main-menu li a {color:#000;text-decoration:none;display:block;line-height:38px;margin:0;padding:0 10px;float:left;}
.netblast-main-menu li a:hover {color:#444;}
.netblast-main-menu li strong a:hover {color:#444;}


.netblast-main-menu li ul {margin:0;padding:0;list-style:none;position:absolute;left:auto;top:38px;z-index:999 !important;border:1px solid #e1e1e1;border-top:0;}
.netblast-main-menu li ul li a {background:#fff;}


.element {
    border-right:1px solid #ddd;
    padding:1em 2em;
    float:left;
}

.admin-element {
    padding:1em 2em;
    float:left;
}

.last {border-right:0;}

.element-icon {
    margin-right:10px;
}

.title {
    color:#fff !important;
    font-family:arial;
    display:block;
    text-decoration:none;
    font-size:13px;
    margin:10px 10px -10px 10px;
    padding:10px 15px 10px 10px;
    font-weight:normal !important;
    text-transform:uppercase;
    background:#6b752a url(../images/menu-item-hover-background-gray.jpg) repeat-x !important;
}

.description {
    color:#444;
    font-size:10px;
}

.archive-title {
    margin-top:20px;
    display:block;
    background:url(images/archives-icon.png) top left no-repeat;
    padding-left:28px;
    font-weight:bold;
    font-size:11px;
    color:#666;
}

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

.gray.z-listbox * {background:none !important;border:0 !important;}
.gray.z-listbox {border:0px solid #fff !important;background:transparent!important;padding:10px !important;}
.gray.z-listbox .z-listbox-header * {font-weight:bold !important;text-transform:uppercase;font-size:10px !important;color:#222 !important;padding:0.25em;font-weight:bold !important;}
.gray.z-listbox .z-listbox-body {border:0px solid #fff !important;background:#fff;}
.gray.z-listbox .z-list-item {background:#fafafa !important;line-height:1.4em;}
.gray.z-listbox .z-list-item-seld {color:#fff;}
.gray.z-listbox .z-listbox-odd {background:#fff !important;}
.gray.z-listbox .z-list-cell {background:#fff;border-bottom:0px solid #ddd !important;}
.gray.z-listbox .z-list-item-seld {background:#636363 url(../images/menu-item-hover-background-gray.jpg) repeat-x 0% 100% !important;}
.gray.z-listbox .z-list-item-over {color:#222 !important;background:#f9f9f9 url(../images/menu-item-background.jpg) repeat-x 0% 100% !important;}
.gray.z-listbox .z-list-footer {background:#c8c8c8 !important;}
.gray.z-listbox .z-list-cell-cnt {border:0 !important;padding:0.25em 0.75em !important;font-size:10px !important;}
.gray.z-listbox .z-button * {font-size:10px !important;}


.z-list-item .z-button-cr, .z-list-item .z-button-cl,
.z-list-item .z-button-bl, .z-list-item .z-button-bm,
.z-list-item .z-button-br, .z-list-item .z-button-tl,
.z-list-item .z-button-tm, .z-list-item .z-button-tr {
    background-color:transparent;
}

.z-list-item .z-button-cm {
    background : url(../images/menu-item-background.jpg) repeat-x 0 0 !important;
    color:#333 !important;
}

.z-list-item .z-button-focus .z-button-cm {
    background : url(../images/menu-item-hover-background.jpg) repeat-x 0 0 !important;
    color:#fff !important;
}
.z-list-item .z-button-over .z-button-cm {
    background : url(../images/menu-item-hover-background.jpg) repeat-x 0 0 !important;
    color:#fff !important;
}
.z-list-item .z-button-clk .z-button-cm {
    background : url(../images/menu-item-hover-background-gray.jpg) repeat-x 0 0 !important;
    color:#eee !important;
}

.z-listbox .z-label {font-size:10px !important;margin:0 !important;padding:0 !important;}

.wrapper .module {width:820px;margin:20px auto;border:1px solid #eee !important;}
.wrapper .module-with-no-size {margin:20px auto;border:1px solid #eee !important;}