/*
    Document   : theCss
    Created on : Jan 8, 2012, 7:49:12 PM
    Author     : lsk
    Description:
        Purpose of the stylesheet follows.
*/

/*==================================================
Template:	OWMX-3
Resource:	http://owmx.com/templates/owmx-3
Version:	1.0
Date:	2010-09-13
Editor:	Jonas Jacek
                http://jabz.net/contact/jonas-jacek
License:	CC Attribution-Share Alike 3.0 Unported
==================================================*/

/* Reset */
header, footer, article, nav, section, aside, time, hgroup {
    display : block;
}
html, body, header, footer, article, nav, section, aside, time, h1, h2, h3, p, a, ul, li, dl, dd, dt, table, thead, tfoot, tbody, th, tr, td {
    border : 0;
    font : 12px/20px Verdana, sans-serif;
    margin : 0;
    outline : 0;
    padding : 0;
}

/* BASICS */
BODY {
    background : #DDD;
    margin : 10px 0 0 0;
    color : #444;
}

A {
    color : #016f93 !important;
    text-decoration : none;
}

A:HOVER {
    color : #DB0202 !important;
}

H1, H2, H3, H4, H5, H6 {
    background : url("/javax.faces.resource/i/ai4.png.xhtml") no-repeat 0 7px;
    color : #666;
    font-weight : bold;
    margin : 0 0 10px;
    padding : 0 0 0 25px;
}
H1, H2{
    background : url("/javax.faces.resource/i/ai4.png.xhtml") no-repeat 0 6px;
    font-size : 15px;
}
H2 {
    font-size : 14px;
    margin: 10px 0 10px 0;
}
H3 {
    background : url("/javax.faces.resource/i/ai5.png.xhtml") no-repeat 0 7px;
}
H3, H4, H5, H6 {
    font-size : 13px;
}

.tableHeader  {
    font-size : 13px;
    color : #666;
    background-color: #C4C4C4;
    height: 30px;
    vertical-align: middle;
    font-weight : bold;
    margin : 0 0 10px;
    padding : 0 0 0 25px;
}

SUP {
    top : -4px;
}

/* Header */
header {
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    background : #0098CC url("/javax.faces.resource/i/hd.jpg.xhtml") top right;
    background-size: cover;
    height :110px;
    margin : 0 0 10px 0;
    padding : 10px 10px;
    position : relative;
}
#a header a {
    color : #FFF;
    font-size : 16px;
}
#a header a:hover {
    color : #016f93;
}

header p {
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    background : #FFF;
    bottom : 20px;
    color : #000;
    font-weight : bold;
    opacity : 0.4;
    padding : 10px;
    position : absolute;
    right : 20px;
    width : 220px;
}

/* Article */
article {
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    background : #FFF;
    border: 1px solid #CCC;
    float : right;
    height : auto;
    padding : 20px;
    width : 550px;
}
article p {
    margin : 0 0 20px 0;
}
article img {
    float : left;
    margin : 6px 10px 0 0;
}

.tableHeader {
    color : #666;
    font-weight : bold;
    font-size: 13px;
}

/* Highlighted Paragraphs */
.highlight-1, .highlight-2, .highlight-3 {
    -moz-border-radius : 14px;
    -webkit-border-radius : 14px;
    padding : 5px 10px;
}
.highlight-1 {
    background : #FFCCCC;
    border : 1px dotted #FF9966;
}
.highlight-2 {
    background : #FFFF99;
    border : 1px dotted #FFCC33;
}
.highlight-3 {
    background : #CCFF99;
    border : 1px dotted #CCCC33;
}

/* Citations & Quotes */
cite {
    border-left: 2px solid #0098CC;
    color : #666;
    font-size : 10px;
    font-style : normal;
    font-weight : bold;
    margin : 0;
    padding : 5px 10px;
}

blockquote {
    border-left: 2px solid #0098CC;
    color : #666;
    margin : 0 0 20px 0;
    padding : 5px 10px;
}

/* Pre & Code */
pre {
    color : #333;
    font-size : 10px;
    line-height : 15px; /*--Height of each line of code--*/
    overflow : hidden; /*--If the Code exceeds the width, put "auto" and scrolling is available--*/
    overflow-Y : hidden;  /*--Hides vertical scroll created by IE--*/
}
pre code {
    background : #EEE;
    border-left : 2px solid #0098CC;
    margin : 0 0 10px 0;
    padding : 5px;
    display : block;
}

/* Table */
table {
    border-collapse : collapse !important;
    text-align:left;
    /*margin : 0 0 20px 0;*/
    margin: auto;
}
.orderDetail {
    font-size: 10px!important;
}
.orderDetail td {
border-width: 1px;
border-style: solid;
border-color: inherit;
padding: 4px 10px;
}
.orderDetail tr:nth-child(odd) {
    background : #FFF !important;
}
.orderDetail tr:nth-child(even) {
    background : #DDD !important;
}
tr:hover td {
    color : #0098CC;
}


caption {
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    background : #0098CC;
    color : #FFF;
    font-weight : bold;
}
tr:nth-child(odd) {
    background : #FFF;
}
tr:nth-child(even) {
    background : #DDD;
}
tr:hover td {
    color : #0098CC;
}
td, th {
    /* min-width : 120px; */
    padding : 0 5px;
    vertical-align:top;
}
th {
    background : #FFF;
    border-bottom : 2px solid #0098CC;
    color : #666;
    font-size : 10px;
    font-weight : bold;
}
td {
    border-bottom : 1px solid #CCC;
    font-size : 10px;
}

/* Calendar */
dl.vevent {
    margin : -20px 0 20px 0;
    padding : 0;
}
.vevent dt {
    font-size : 10px;
    position : relative;
    left : 0;
    top : 22px;
    font-weight : bold;
}
.vevent dd
{
    border-left : 2px solid #0098CC;
    font-size : 11px;
    margin : 0 0 0 80px;
    padding : 0 0 0 10px;
}
dd.summary {
    font-weight : bold;
}
.vevent a {
    font-size : 11px;
}

/* Forms */
article form {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background : #DDD;
    margin : 0 0 20px;
    padding : 10px;
}
article label {
    color : #666;
    display : block;
    font-size : 10px;
    font-weight : bold;
    margin : 0 0 0 2px;
}
article input, article textarea {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border : 1px solid #CCC;
    font-size : 11px;
    padding : 4px 5px;
    width : 458px;
}
article input {
    margin : 0 0 10px;
}
article input.button, .btn {
    background: #999;
    border : 1px solid #888;
    color: #FFF;
    cursor : pointer;
    font-weight : bold;
    margin : 10px 0 0 0;
    text-shadow : 0 -1px 1px rgba(0,0,0,0.25);
    width : 25%;
}
article textarea {
    height : 100px;
}

/* Lists */
article ul, aside ul {
    list-style : none;
    margin : 0 0 20px 0;
}
article ul {
    margin : 0 0 20px 23px;
}
article ul li {
    background : url("/javax.faces.resource/i/ai2.png.xhtml") no-repeat 0 8px;
    padding : 0 0 0 17px;
}

/* Sidebar */
aside {
    background : #bbccff;
    float : left;
    margin : 0 10px 15px 0;
    width : 150px;
    min-height: 400px;

    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    -moz-box-shadow : 0 2px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.4);

    padding : 0 0 0 10px;
}

/* Search Box */
.s {
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    margin : 0 0 20px 0;
    padding : 10px;
    width : 179px;
}
.s input {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border : 1px solid #AAA;
    color : #999;
    font-size : 11px;
    padding : 4px 5px;
    width : 168px;
}

/* Navigation & Menu */
nav ul {
    list-style : none;
}
nav li {
    background : url("/javax.faces.resource/i/ai1.png.xhtml") no-repeat 0 8px;
    padding : 0 0 0 15px;
}
nav li ul, aside li ul li ul {
    margin : 0;
}
nav li li a {
    font-size : 11px;
}
nav li li li a {
    font-size : 10px;
}
nav li li li, aside li.active li li {
    background : url("/javax.faces.resource/i/ai8.png.xhtml") no-repeat 0 10px;
}
nav li.active, aside li.active li {
    background : url("/javax.faces.resource/i/ai2.png.xhtml") no-repeat 0 8px;
}

/* Gallery */
.gallery {
    list-style : none;
    margin : 0 0 10px;
}
.gallery li {
    display: inline;
    margin : 0 15px 0 0;
}
.gallery a img {
    border : 1px solid #999;
    height : 50px;
    opacity: 0.8;
    padding : 1px;
    width : 50px;
}
.gallery li:last-child {
    margin : 0 0 10px 0;
}
.gallery a img:hover{
    opacity: 1;
}

/* Ad Space */
.adspace {
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    -moz-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
    background : #EEE;
    height : 100%;
    margin : 0 0 20px 0;
    padding : 10px 10px 15px 10px;
    text-align : center;
    width : 178px;
}
.adspace a img {
    border : none;
}

/* Tag Cloud */
#tagcloud {
    overflow : hidden;
    width : 200px;
}
#tagcloud li {
    display : inline;
    margin : 0 10px 0 0;
}
.tagcloudsize-1 a {
    font-size : 14px;
}
.tagcloudsize-2 a {
    font-size : 16px;
}
.tagcloudsize-3 a {
    font-size : 18px;
}

/* Footer */
footer {
    border-top : 1px dotted #B5B3A9;
    clear : both;
    margin : 20px 0;
}
footer a, footer p {
    color : #666;
    display : inline;
    font-size : 10px;
}

/* Wrappers */
#a, #b {
    margin : 0 auto;
    position : relative;
}
#a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    background: #EEE;
    padding: 10px 10px 0 10px;
    width: 1074px;
}


#b {
    overflow : hidden;
    min-height: 400px;
}

/* Shadow-Boxes*/
#c, .meta, .s, nav ul {
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    -moz-box-shadow : 0 2px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.4);
    background : #CCC;
}
#c {
    margin : 0 0 20px 0;
    padding : 5px 10px;
    width : 178px;
}
#c p, #c a {
    font-size : 11px;
    line-height : 15px;
}
#c p {
    margin : 0 0 10px 0;
}
#c img {
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    float : left;
    margin : 4px 10px 2px 0;
}
.meta {
    margin : 20px 0 3px;
    padding : 2px 5px;
}
.meta p, .meta a {
    font-size : 10px;
    margin : 0;
}
nav ul {
    padding : 10px;
}
nav ul ul {
    -moz-border-radius : none;
    -webkit-border-radius : none;
    -moz-box-shadow : none;
    -webkit-box-shadow : none;
}


/* Piotrek */
#businessCard{
    padding-top: 40px;
    font-size: 14px;
    text-align : center;
}

#businessCard big{
    font-size: 20px;
}

#businessCard table{
    margin: auto;

}

#businessCard tr:nth-child(odd), #businessCard tr:nth-child(even) {
    background : none;
}


/* nested tables*/
.tabInTab{
    float: left;
}
.tabInTab td{
    border-bottom: 0px;
}
.tabInTab label{
    float: left;
}
.tabInTab tr:nth-child(odd), .tabInTab tr:nth-child(even) {
    background : none;
}

/* Operations menu bar in the main section over the contents */
.operations{
    padding-bottom: 20px;
}

.orderListResetLink {
    float: right;
}

.classificationPanel                {min-width: 180px; float: left; margin-left: 10px;}
.classificationPanel .selectorField {
    min-width: 180px;
    text-align: center;
    border-top: 2px solid #0098CC;
}
.classificationPanel .title           {
    min-width:180px;
    color: rgb(102, 102, 102);
    font-size: larger;
    font-weight: bold;
}

/* crud Tables - method used to VIEW */
TABLE.panelGridClass, TABLE.jsfcrud_list_form, TABLE.panelGridOrderView {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow : 0 4px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow : 0 4px 4px rgba(0,0,0,0.4);
    border: 0;
}
.ui-button {
    color: #1C4257 !important;
    background-color:  #85B2CB !important;
}
.ui-commandlink {
    font-size: 13px !important;
}
.ui-menu .ui-menu-parent .ui-menu-child {
    width: auto !important;
}
.ui-autocomplete {
    display: inline-flex !important;
}

.placeholder {
    color: #8F8F8F;
}
.ui-selectonemenu {
    width: 174px !important;
    line-height: 13px !important;
    display: -moz-inline-box !important;
}
.ui-autocomplete {
    vertical-align: top !important;
}

TABLE input{
    width: 95%;
}

/*TABLE thead tr th{
    font-size: medium;
}

.ui-datatable thead tr th{
    font-size: medium !important;
}*/

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    padding: 2px 4px!important;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
}

.ui-datepicker-calendar thead th {
    font-size: smaller;
}

.ui-datatable thead th input {
    width: 90%!important;
}

.calendarInput input{
    width: 90px!important;
}

.panelGridClass .nameCol {
    min-width: 150px;
    max-width: 180px;
}

/* GENERIC for 2 columns display*/
.panelGridClass .valueCol {
    min-width: 300px;
    padding-right: 8px;
}

.panelGridClass .errorMessageCol {
    width: 150px;
    padding-right: 8px;
}

.panelGridClass .valuePopupCol {
    min-width: 200px;
    padding-right: 8px;
}
/* GENERIC for 3 columns display*/
TABLE.panelGridClass .valueCol1 {
    min-width: 200px;
    max-width: 300px;
}
TABLE.panelGridClass .valueCol2 {
    min-width: 400px;
    max-width: 500px;
    padding-right: 8px;
}
TABLE.panelGridClass .valueColLong {
    width: auto;
}
.invSearchDateFromCol                  {min-width:  250px;}
.invSearchDateToCol                    {min-width:  150px;}
.invSearchClientCol                    {min-width:  290px;}

/* SPECIFIC for order list */
.panelGridClass .no                     {width:  30px;}
.panelGridClass .id                     {width: 50px;}
.panelGridClass .issueDate              {width: 80px;}
.panelGridClass .client                 {width: 100px;}
.panelGridClass .collectionDate         {width: 90px;}
.panelGridClass .collectionClientName   {width: 100px; }
.panelGridClass .collectionClientNameDate{width: 190px; white-space: nowrap;}
.panelGridClass .deliveryDate           {width: 90px;}
.panelGridClass .deliveryClientName     {width: 100px; }
.panelGridClass .deliveryClientNameDate {width: 190px; white-space: nowrap;}
.panelGridClass .driver                 {width: 80px; }
.panelGridClass .price                  {width: 60px; }
.panelGridClass .transportPackageInf    {width: 90px; }
.panelGridClass .clientReferenceInf     {width: 150px; }
.panelGridClass .orderOperations        {width: 170px; }
.panelGridClass .calendarInput          {width: 30px; }

TABLE.panelGridClass output                 {white-space: nowrap;}

/* SPECIFIC for order package information */
TABLE.panelGridClass .packagePieceCount input{width:  50px; margin-left: 50px;}
TABLE.panelGridClass .packageWeight     input{width:  50px; margin-left: 50px;}
TABLE.panelGridClass .packageDimensions input{width:  50px; text-align: right;}

TABLE.panelGridClass .packageDimensions      {width:  180px;}

/* SPECIFIC for Invoice VAT Summary Lines */
TABLE.panelGridClass .vatRateCode           {width: 100px;}
TABLE.panelGridClass .vatRateName           {min-width: 150px;}
TABLE.panelGridClass .vatRate               {width:  50px;}
TABLE.panelGridClass .netAmount             {width:  80px;}
TABLE.panelGridClass .vatAmount             {width:  50px;}
TABLE.panelGridClass .grossAmount           {width:  80px;}

/* SPECIFIC for Invoice List */
TABLE.panelGridClass .invListNo             {width:  30px;}
TABLE.panelGridClass .invListDocId          {width:  60px;}
TABLE.panelGridClass .invListInvNo          {width: 120px;}
TABLE.panelGridClass .invListClient         {width: 120px;}
TABLE.panelGridClass .invListNet            {width:  80px;}
TABLE.panelGridClass .invListIssueDate      {width:  70px;}
TABLE.panelGridClass .invListMenu           {width: 130px;}

/* SPECIFIC for Client List */
.clListShortKey        {width:  70px;}
.clListName            {width: 100px;}
.clListNIP             {width:  80px;}
.clListPayMethod       {width:  60px;}
.clListAttachm         {width:  50px;}
.clListMenu            {min-width: 140px;}

/* handling of info/error/notice messages */
TABLE TR.highlight-1,
TABLE TR.highlight-2,
TABLE TR.highlight-3 {
    -moz-border-radius : 40px;
    -webkit-border-radius : 40px;
    padding : 5px 10px;
}
TABLE TR.highlight-1 {
    background : #FFCCCC;
    border : 1px dotted #FF9966;
}
TABLE TR.highlight-2 {
    background : #FFFF99;
    border : 1px dotted #FFCC33;
}
TABLE TR.highlight-3 {
    background : #CCFF99;
    border : 1px dotted #CCCC33;
}

/* Buttons */
.return{
    width: 30%;
}
.save{
    -moz-border-radius : 8px;
    -webkit-border-radius : 8px;
    -moz-box-shadow : 0 4px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow : 0 4px 4px rgba(0,0,0,0.4);

    padding: 2px 0px 2px 0px;
    margin-left: 10px;
    margin-right: 10px;

    background-color: greenyellow;
    width: 30%;
}
.cancel{
    -moz-border-radius : 8px;
    -webkit-border-radius : 8px;
    -moz-box-shadow : 0 4px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow : 0 4px 4px rgba(0,0,0,0.4);

    background-color: yellow;
    width: 30%;
}

table [readonly]{
    background-color: #dfecf1 !important;
}

.numeric{
    text-align: right;
    float: right;
}

.imageInFooter{
    width: auto;
    float: right;
}

.operationBtn {
    width: 24px;
    height: 24px;
}

#a .login {
    float: right;
    text-align: right;
    font-size: 12px;
    font-style: italic;
    margin-right: 8px;
    line-height: normal;
}
#title {
    border-bottom : 1px solid #CCC;
}

*.invalidInput {
    border-color: red;
    color: red;
}

.selectForm .ui-widget-content {
    border: 1px solid #A8A8A8;
    background: none repeat scroll 0% 0%  #BBCCFF !important;
    color: #4F4F4F;
}

.buttonFind {
    background: #016F93;
    color: #FFF;
    text-align: center;
    cursor : pointer;
    font-weight : bold;
    margin : 10px 10px 10px 10px;
    border-radius: 4px 4px 4px 4px;
    text-shadow : 0 -1px 1px rgba(0,0,0,0.25);
    width : 100px;
    height: 25px;
    float: right;
}

.buttonOkCancel {
    background: #016F93;
    color: #FFF;
    text-align: center;
    cursor : pointer;
    font-weight : bold;
    margin : 10px 10px 10px 10px;
    border-radius: 4px 4px 4px 4px;
    text-shadow : 0 -1px 1px rgba(0,0,0,0.25);
    width : 70px;
}

.panelGridOrderView {
    width: 350px;
}

.panelGridDuplicateOrder {
    color: #444;
    width: 400px;
}

.orderPickList {
    overflow: auto;
    width: 695px;
}

.panelGridClass .popupButtons {
    margin-left: 100px;
}

.columnsWithLongText {
    white-space: normal;
}

.ui-datatable .ui-column-filter {
    width: 90px;
}
*.rf-pick-btn{
    min-width: 100px;
}

*.rf-pick-opt{
    white-space: normal;
}

*.rf-pick-c {
    max-width: 70px;
    white-space: normal;
}

.tooltip {
    border-width:3px;
}
.tooltip-custom-body {
    background-color: orange;
}

.tooltip-text {
    width: 350px;
    height: 80px;
    cursor: arrow;
    border-width: 2px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.tooltipData {
    font-weight: bold;
}

*.input.rf-sel-inp{
    width: 100px;
}

/*nie dziala*/
.rf-edt-orderList-id{
    width: 50px;;
}

.rf-edt-orderList-date{
    width: 80px;;
}

.rf-edt-orderList-client{
    width: 100px;;
}

.rf-edt-orderList-driver{
    width: 80px;;
}

.rf-edt-orderList-price{
    width: 60px;;
}

.rf-edt-orderList-package{
    width: 60px;;
}

.rf-edt-orderList-references{
    width: 120px;;
    white-space: normal;
}

.rf-edt-orderList-operations{
    width: 180px;;
    white-space: normal;
}

.ui-outputpanel-loading {
    background: url("/javax.faces.resource/ico/ajax-loader.gif.xhtml") no-repeat scroll center center size:15px transparent!important;
}

.ui-outputpanel-loading-bar {
    background: url("/javax.faces.resource/ico/ajax-loader-bar.gif.xhtml");
}

/*Piotrek: dla Prime Faces modal dialogs*/
.ui-dialog .ui-dialog-title{
    font-size: initial;
}

.ui-dialog button{
    font-size: initial;
}

.ui-dialog table{
    border-collapse: initial;
    padding: 5px 0px 5px 5px;
}

.ui-dialog tr{
    background-color: initial;
}

.ui-dialog td{
    border: 0px;
    font-size: initial;
}

.ui-dialog td input[type="text"]{
    font-size: initial;
}

.ui-dialog-content .email-form-field-label{
    width: 60px;
}

.ui-dialog-content .email-form-field-body{
    width: 640px;
}

.ui-overlay-visible .ui-editor iframe{
    width: 100% !important;
}

.redText {
    color: red;
}