/* $Id $ */

/*******************************************************************************/
/* All pn-classes will be removed in Zikula 1.3
/*******************************************************************************/

/* class to show a sortable li or div */
.z-sortable,
.pn-sortable {
    /* cursor: move; has to be set in the js code to avoid wrong css in non javascript environments */
}

/* classes to show/hide elements */
.z-hide,
.pn-hide {
    display: none !important;
}
.z-show,
.pn-show {
    display: inherit !important;
}
.z-center {
    text-align: center !important;
}
.z-left {
    text-align: left !important;
}
.z-right {
    text-align: right !important;
}
.z-nowrap {
    white-space: nowrap !important;
}
.z-floatleft {
    display: inline;
    float: left;
    margin-bottom: 0.15em;
    margin-right: 1em;
}
.z-floatright {
    display: inline;
    float: right;
    margin-bottom: 0.15em;
    margin-left: 1em;
}

/* style for buttons in inline 'ajax' forms */
button.z-imagebutton,
button.pn-imagebutton {
    padding: 0;
    margin: 3px 0 0 0;
    float: left;
    border: none;
    background: transparent;
    cursor: pointer;
}

/* generic clearfix solution */
.z-clearfix:after,
.pn-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* IE-Patches for clearfix */
.z-clearfix,
.pn-clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .z-clearfix,
* html .pn-clearfix {
    height: 1px;
}
.z-clearfix,
.pn-clearfix {
    display: block;
}
/* End hide from IE-mac */

/* Overflow-Method to clear float environments */
.z-floatbox,
.pn-floatbox {
    overflow: hidden;
}

/* generic clearer */
.z-clearer,
.pn-clearer {
    clear: both;
}

/* generic secondary text */
.z-sub,
.pn-sub {
    color: #999;
    font-size: 0.9em;
}

/* Miscellaneous styles */
.z-toggle,
.pn-toggle {
    display: block;
    background-image: url(../images/global/toggle.gif);
    background-repeat: no-repeat;
    background-position: 0px;
    border: 0pt none;
    margin: 0pt;
    /*overflow: hidden;*/
    padding: 0pt;
    width: 27px;
    height: 25px;
}
.z-toggle-open,
.z-toggle-open:visited,
.pn-toggle-open,
.pn-toggle-open:visited {
    background-position: 0pt -18px;
    height: 25px;
    width: 27px;
}

.z-toggle-link,
.z-toggle-link:visited,
.pn-toggle-link,
.pn-toggle-link:visited {
    background-image: url(../images/global/toggle.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 25px;
    border: 0pt none;
}
.z-toggle-link-open,
.z-toggle-link-open:visited,
.pn-toggle-link-open,
.pn-toggle-link-open:visited {
    background-position: right -18px;
}

/* styles for module menus */
.z-menu,
.pn-menu {
    color: #aaa;
    text-align: left;
    width: 100%;
    margin-bottom:1.5em;
}

.z-menuitem-title,
.pn-menuitem-title {
    width: 99%;
    background: url(../images/global/button_bkg.gif) repeat;
    line-height: 23px;
    min-height: 23px;
    height: auto !important;
    height: 23px;
    display: block;
    padding-left: 5px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.z-menu a,
.pn-menu a {
    padding: 3px;
}

.z-calendarimg {
    background-color: transparent;
}
.z-calendarimg:hover {
    background-color: blue;
}

/*******************************************************************************/
/* Old pn-form style / will be removed in Zikula 1.3
/*******************************************************************************/

form.pn-form {
    border-bottom: 1px solid #ccc;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    margin: 15px 0px 10px 0px;
}

/* formrow is used to style a div containing a label and control pair */
.pn-formrow {
    border-top: 0px solid #ccc;
    margin: 0.5em 0px 1em;
    min-height: 2em;
}

/* style for a input control contained in a div of class formrow */
/* style for a textarea control contained in a div of class formrow */
/* style for a select control contained in a div of class formrow */
/* style for a div contained in a div of class formrow - allows for grouping of a control and subsequent non label text. e.g. yes (radio) no (radio)*/
div.pn-formrow input,
div.pn-formrow textarea,
div.pn-formrow select,
div.pn-formrow span,
div.pn-formrow label {
    margin-left: 0;
    text-align: left;
}
div.pn-formrow .pn-form-text {
    display: block;
    width: 99%;
    color: #494949;
    padding: 3px 2px;
}

/* style to the labels of multiple checkboxes */
div.pn-formrow .pn-form-checklabel {
    padding-right: 10px;
}

/* styles to ensure that control elements inside the floated div directly above don't themselves float*/
div.pn-formrow div input,
div.pn-formrow div textarea,
div.pn-formrow div select {
    /* float: none;*/
}

/* styles to allow sub headings to be embedded correctly in admin forms */
form.pn-form div h1,
form.pn-form div h2,
form.pn-form div h3,
form.pn-form div h4,
form.pn-form div h5,
form.pn-form div h6 {
    padding: 0;
    text-transform: capitalize;
}

/* add the help cursor to labels that provide additional help via the title tag of the label */
form.pn-formrow label.pn-formhelp {
    cursor: help;
}

/* style for a label contained in a div of class formrow */
div.pn-formrow label {
    display: inline;
    color: #494949;
    font-weight: bold;
    margin: 0px;
    padding-right: 8px;
    text-align: left;
    line-height: 170%;
}
form.pn-adminform div.pn-formrow label {
    font-weight: normal;
}

/* styles for the buttons on a form */
form.pn-form div.pn-formbuttons {
    text-align: left;
    margin-left: 15em;
}
form.pn-form div.pn-formbuttons input,
form.pn-form div.pn-formbuttons img {
    margin: 5px;
}
form.pn-form div.pn-formbuttons button {
    border: 0px;
    padding: 0px;
    background-color: transparent;
}

/* category selector */
div.pn-formrow ul.selector_category {
    list-style: none;
    margin-left: 0;
}
div.pn-formrow ul.selector_category li {
    margin-left: 0;
}

/* form fielset styles */
fieldset.pn-form-fieldset legend {
    background-color: inherit;
    color: #0074B0;
    padding: 5px;
    font-weight: bold;
    font-size: 1.2em;
}
fieldset.pn-form-fieldset {
    border: 1px solid #D9DAD5;
    margin-bottom: 1em;
    padding: 0px 15px;
}

/* collapsible styles */
fieldset.pn-collapsed {
    border: none;
    border-top: 1px solid #D9DAD5;
}

/**************************************************
* CSS Based Messages
* http://www.edg3.co.uk/resources/css-based-messages/
* http://creativecommons.org/licenses/by/2.5/
**************************************************/

.z-errormsg,
.pn-errormsg {
    background: #ffe1da url('../images/icons/extrasmall/error.gif') 13px 50% no-repeat;
    border: 2px solid #f34f4f;
    color: #be0b0b;
    padding: 5px 5px 5px 36px;
    margin: 5px;
}
.z-informationmsg,
.pn-informationmsg {
    background: #dedfff url('../images/icons/extrasmall/info.gif') 13px 50% no-repeat;
    border: 2px solid #9bb8d9;
    color: #406299;
    padding: 5px 5px 5px 36px;
    margin: 5px;
}
.z-statusmsg,
.pn-statusmsg {
    background: #e2f9e3 url('../images/icons/extrasmall/button_ok.gif') 13px 50% no-repeat;
    border: 2px solid #9c9;
    color: #080;
    padding: 5px 5px 5px 36px;
    margin: 5px;
}
.z-warningmsg,
.pn-warningmsg {
    background: #fff8bf url('../images/icons/extrasmall/bell.gif') 13px 50% no-repeat;
    border: 2px solid #ffd324;
    color: #eb830c;
    padding: 5px 5px 5px 36px;
    margin: 5px;
}

/*******************************************************************************/
/* classes to define two colors for alternating rows in views
/*******************************************************************************/

.z-even {
    background-color: #fff;
    color: inherit;
}
.z-odd {
    background-color: #f3f3f3;
    color: inherit;
}

/*******************************************************************************/
/* styles for pager plugins
/*******************************************************************************/

.z-pager {
    color: #999;
    padding: 5px 4px;
    text-align: center;
}
/* style for the selected item of the pager abc plugin */
.z-pager a.z-pagerselected {
    font-weight: bold;
    text-decoration: underline;
}
/* style for the selected item of the pager plugin */
.z-pager span.z-pagerselected {
    font-weight: bold;
}

/*******************************************************************************/
/* z-datatable
/*******************************************************************************/

table.z-datatable {
    width: 100%;
    color: inherit;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-top: 0px;
    margin-bottom: 1em;
    padding: 5px 5px 10px 5px;
}
table.z-datatable tr.z-datatableempty {
    background-color: #f3f3f3;
    text-align: center;
    font-weight: bold;
}
table.z-datatable caption {
    background-color: #f3f3f3;
    font-weight: bold;
    border-bottom: 2px solid #CFCFCF;
    text-transform: uppercase;
    padding:10px;
}
table.z-datatable thead tr {
    background-color: #CFCFCF;
}
table.z-datatable tbody td,
table.z-datatable thead th {
    padding: 5px;
    border-width: 0px;
}
table.z-datatable tbody tr.z-defaulttablerow {
    background-color: #add8e6;
    color: inherit;
}
table.z-datatable tbody tr:hover {
    background-color: #CFCFCF;
}
table.z-datatable ul {
    margin: 0;
}

/*******************************************************************************/
/* z-form style (generic)
/*******************************************************************************/

.z-form {
    margin: 0 0 1em 0;
    padding: 1em 0;
    overflow: hidden;
}
.z-form fieldset,
.z-form .z-fieldset {
    border: 1px #ddd solid;
    background: #fafafa;
    margin: 0 0 1em 0;
    padding: 0.5em 1em;
    overflow: hidden;
}
.z-form legend {
    font-size: 1.25em;
    font-weight: normal;
    color: #000;
    background: transparent;
    border: 0;
}
.z-form .z-formrow .z-mandatorysym {
    color: #f00;
    font-weight: bold;
    padding-left: 3px;
    display: inline;
}
.z-form .z-formrow input,
.z-form .z-formrow textarea,
.z-form .z-formrow select {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #ddd;
    font-size: 1em;
    margin: 0;
    max-width: none;
}
.z-form .z-formrow input[type=checkbox] {
    display:inline;
    margin:0.5em 0;
    width:auto;
}
.z-form .z-formrow input[type=radio] {
    width: auto;
    border: 1px solid #fafafa;
}
.z-form .z-formrow select optgroup {
    font-style: normal;
    font-weight: bold;
}

.z-form div.z-formrow input:focus,
.z-form div.z-formrow select:focus,
.z-form div.z-formrow textarea:focus,
.z-form div.z-formrow input:hover,
.z-form div.z-formrow select:hover,
.z-form div.z-formrow textarea:hover,
.z-form div.z-formrow input:active,
.z-form div.z-formrow select:active,
.z-form div.z-formrow textarea:active {
    border: 1px solid #aaa;
    background: #fff;
}

/* hide hidden fields (firefox) */
.z-form input[type=hidden] {
    display: none !important;
}

div.z-formrow,
div.z-formbuttons {
    padding: 0.5em 0;
    min-height: 2em;
    overflow: hidden;
    clear: both;
}
div.z-formlist {
    overflow: hidden;
}
div.z-formlist label {
    display: inline;
}

/*******************************************************************************/
/* styles for the buttons on a view table
/*******************************************************************************/

div.z-viewbuttons  {
    text-align: right;
    margin-bottom: 1.25em;
}
div.z-viewbuttons img {
    margin: 5px;
    float: right;
}

/*******************************************************************************/
/* styles for the buttons in a z-form
/*******************************************************************************/

div.z-formbuttons {
    text-align: left;
    display: block;
    margin-left: 30%;
}
div.z-formbuttons input,
div.z-formbuttons img {
    text-align: center;
    margin: 5px;
    width: auto;
    cursor: pointer;
}
div.z-formbuttons button {
    border: 0px;
    padding: 0px;
    background-color: transparent;
    width: auto;
    cursor: pointer;
}

/*******************************************************************************/
/* z-form style (column-view = default)
/*******************************************************************************/

.z-form label {
    cursor: pointer;
}
.z-form div.z-formrow .z-label,
.z-form div.z-formrow label {
    display: block;
    float: left;
    padding: 0.3em 1% 0.3em 0;
    text-align: right;
    width: 29%;
    font-weight: normal;
}
.z-form .z-formlist {
    margin-left: 30%;
}
.z-form .z-formnote {
    display: block;
    margin-left: 30% !important;
}
.z-form div.z-formrow input,
.z-form div.z-formrow textarea {
    padding: 0.3em 0.3em;
    width: 67.8%;
    display: block;
    position: relative;
}
.z-form div.z-formrow input[type=text].z-mandatoryinput,
.z-form div.z-formrow select.z-mandatoryinput,
.z-form div.z-formrow textarea.z-mandatoryinput {
    width: 66%;
}
.z-form div.z-formrow select {
    padding: 0.3em 2px 0.3em 1px;
    cursor: pointer;
    width: 68.6%;
    display: block;
    position: relative;
}
.z-form div.z-formlist input {
    width: auto;
}
.z-form div.z-formrow .z-listselector {
    list-style: none;
}
.z-form div.z-formrow > span,
.z-form div.z-formrow > div {
    display: block;
    padding-bottom: 0.3em;
    padding-top: 0.3em;
}
.z-form div.z-formrow span label,
.z-form div.z-formrow div label {
    display: inline;
    float: none;
    padding: 0 1em;
    width: auto;
}
.z-form div.z-formrow span input,
.z-form div.z-formrow span textarea,
.z-form div.z-formrow span select,
.z-form div.z-formrow div input,
.z-form div.z-formrow div textarea,
.z-form div.z-formrow div select {
    display: inline;
    width: auto;
}
.z-form .z-formrow .readonly {
    background: #FAFAFA;
    color: #AAAAAA;
    cursor: not-allowed;
}
.z-form .z-formrow .error {
    background: #ffe1da;
    border: 1px solid #f34f4f;
}
.validationSummary label {
    cursor: pointer;
}

/* adjust width for IE 5 and IE6 */
* html .z-form div.z-formrow input,
* html .z-form div.z-formrow textarea,
* html .z-form div.z-formrow select {
    width: auto;
}

/*******************************************************************************/
/* z-form style (z-linearize elements / use additional class 'z-linear')
/*******************************************************************************/

.z-linear div.z-formrow .z-label,
.z-linear div.z-formrow label {
    float: none;
    width: auto;
    display: block;
    padding: 0;
    text-align: left;
}
.z-linear div.z-formrow input ,
.z-linear div.z-formrow textarea {
    display: block;
    width: 98%;
}
.z-linear div.z-formrow .z-listselector,
.z-linear div.z-formrow .z-listselector li {
    margin-left: 0;
}
.z-linear div.z-formrow select {
    display: block;
    width: 99%;
}
.z-linear .z-formnote,
.z-linear .z-formlist {
    margin: 0 !important;
}
.z-linear .z-formbuttons {
    padding: 0;
    margin: 0;
}

/*******************************************************************************/
/* IE-fixes for Fieldset/Legend
/*******************************************************************************/

/* all IE */
.z-form {
    padding-top: 0\9;
}
.z-form fieldset {
    padding: 0 5px\9;
    padding-top: 1em\9;
}
.z-form legend {
    position: absolute\9;
    top: -.5em\9;
    *left: 0\9;
}
.z-form fieldset {
    position: relative\9;
    overflow: visible\9;
    margin-top: 1.5em\9;
    zoom: 1;
}
/* IE5.x, IE6 & IE7 */
.z-form legend {
    *padding: 0 5px;
}
.z-form fieldset {
    *padding-top: 1.5em;
}
/* IE5.x & IE6 */
* html .z-form {
    padding-top: 10px;
}

/*******************************************************************************/
/* z-itemlist styles
/*******************************************************************************/

.z-itemlist {
    border: 1px solid #ccc;
    padding: 0 !important;
    margin: 1em 0  !important;
    list-style: none;
}
.z-itemlist li {
    font-size: 1em;
    border: 1px dotted #999999;
    line-height: 2em;
    margin: 0.5em !important;
    padding: 0.2em !important;
}
.z-itemlist li.z-itemheader {
    background: #CFCFCF;
    border: 1px solid #999999;
    font-weight: bold;
}
.z-itemlist li.z-itemsort {
    background-image:url(../images/icons/extrasmall/move.gif);
    background-position:5px 50%;
    background-repeat:no-repeat;
    padding-left: 30px !important;
    cursor: move;
}
.z-itemlist li.z-itemsortheader {
    padding-left: 30px !important;
}
.z-itemlist li:hover {
    background-color: #CFCFCF;
}
.z-itemlist li input,
.z-itemlist li textarea,
.z-itemlist li select {
    max-width:90%;
}
.z-itemlist li  * {
    margin: 0 !important;
    vertical-align: middle;
}
.z-itemlist .z-itemcell {
    float: left;
    margin: 0;
    text-align: left;
    overflow: hidden;
}
.z-w90 { width: 90%; }
.z-w85 { width: 85%; }
.z-w80 { width: 80%; }
.z-w75 { width: 75%; }
.z-w70 { width: 70%; }
.z-w66 { width: 66%; }
.z-w60 { width: 60%; }
.z-w50 { width: 50%; }
.z-w45 { width: 45%; }
.z-w40 { width: 40%; }
.z-w35 { width: 35%; }
.z-w33 { width: 33%; }
.z-w30 { width: 30%; }
.z-w25 { width: 25%; }
.z-w22 { width: 22%; }
.z-w20 { width: 20%; }
.z-w15 { width: 15%; }
.z-w10 { width: 10%; }
.z-w08 { width: 8%; }
.z-w07 { width: 7%; }
.z-w06 { width: 6%; }
.z-w05 { width: 5%; }
.z-w04 { width: 4%; }
.z-w02 { width: 2%; }