/* MAIN STYLES */
*{
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

body,html {
    margin: 0;
    padding: 0;
    line-height: 15px;
    color: #000;
    height:100%;
    width: 100%;
    background-image: url('../images/default/bg_html.jpg');
    background-repeat: repeat-x;
}

.dialog{
    display: none;
}

img {
    border: 0;
}

form{
    padding: 0;
    margin: 0;
}

:focus{
    outline: 0;
}

a{
    color: #000;
    text-decoration: none;
}

a:hover{
    color: #000;
    text-decoration: none;
}


table#root{
    margin: 0;
    border-collapse: collapse;
    padding: 0;
    width: 100%;
}

table#root td#topLeft{
    height: 187px;
    width: auto;
    margin: 0 auto;
}

table#root td#topCenter{
    width: 990px;
    height: 187px;
    vertical-align: top;
}

table#root td#topRight{
    height: 187px;
    width: auto;
    margin: 0 auto;
}

table#root td#centerLeft{
    width: auto;
    margin: 0 auto;
}

table#root td#centerCenter{
    width: 990px;
    vertical-align: top;

}

table#root td#centerRight{
    width: auto;
    margin: 0 auto;
}


table#root div#header{
    width: 990px;
    height: 187px;
}

table#root div#header div#headerTop{
    height: 111px;
    width: 990px;
    background-image: url('../images/default/bg_header_top.jpg');
    background-repeat: no-repeat;
    background-position: right top;
}

table#root div#header div#headerTop a.logo{
    float: left;
}

table#root div#header div#headerTop a.logo img{
    display: block;
}

table#root div#header div#headerBottom{
    height: 76px;
    width: 990px;
    background-image: url('../images/default/bg_header_bottom.jpg');
    background-repeat: repeat-x;
}

table#root div#header .menuInfo{
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding:10px;
}

table#root div#header div#headerBottom div#menuTop{
    width: 990px;
    height: 39px;
}

table#root div#header div#headerBottom div#menuTop ul#topItemsContainer{
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
}

table#root div#header div#headerBottom div#menuTop ul#topItemsContainer li{
    list-style-type: none;
    padding: 0px 23px 0px 23px;
    margin: 0;
    display: block;
    float: left;
}


table#root div#header div#headerBottom div#menuTop ul#topItemsContainer li a{
    display: block;
    height: 33px;
    float: left;
    position: relative;
    top: 6px;
    font-weight: 700;
    color: #7fb817;

}

table#root div#header div#headerBottom div#menuTop ul#topItemsContainer li a:hover{
    color: #fff;
}

table#root div#header div#headerBottom div#menuTop ul#topItemsContainer li a span.out{
    padding: 0px 0px 0px 30px;
    height: 33px;
    display: block;
    cursor: pointer;
    float: left;
}

table#root div#header div#headerBottom div#menuTop ul#topItemsContainer li a span.out span.in{
    padding: 8px 30px 0px 0px;
    height: 25px;
    display: block;
    cursor: pointer;
    float: left;
}

table#root div#header div#headerBottom div#menuTop ul#topItemsContainer li a.active{
    display: block;
    height: 33px;
    float: left;
    background-image: url('../images/default/menu/bg_item_top_center.jpg');
    background-repeat: repeat-x;
    background-position: center bottom;
    position: relative;
    top: 6px;
    color: #022049;
}

table#root div#header div#headerBottom div#menuTop ul#topItemsContainer li a.active span.out{
    padding: 0px 0px 0px 30px;
    background-image: url('../images/default/menu/bg_item_top_left.jpg');
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 33px;
    display: block;
    cursor: pointer;
}

table#root div#header div#headerBottom div#menuTop ul#topItemsContainer li a.active span.out span.in{
    padding: 9px 30px 0px 0px;
    background-image: url('../images/default/menu/bg_item_top_right.jpg');
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 24px;
    display: block;
    cursor: pointer;
}

table#root div#header div#headerBottom div#menuBottom ul#bottomItemsContainer{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

table#root div#header div#headerBottom div#menuBottom ul#bottomItemsContainer .subtab{
    display: none;
}

table#root div#header div#headerBottom div#menuBottom ul#bottomItemsContainer li{
    padding: 0px 0px 0px 20px;
    margin: 0;
    list-style-type: none;
    display: block;
    float: left;
}

table#root div#header div#headerBottom div#menuBottom ul#bottomItemsContainer li a{
    display: block;
    height: 24px;
    float: left;
    position: relative;
    top: 8px;
    font-weight: 700;
    color: #02214c;
}

table#root div#header div#headerBottom div#menuBottom ul#bottomItemsContainer li a span.left{
    width: 7px;
    height: 23px;
    display: block;
    float: left;
    cursor: pointer;
}

table#root div#header div#headerBottom div#menuBottom ul#bottomItemsContainer li a span.center{
    display: block;
    float: left;
    height: 20px;
    padding: 3px 20px 0px 20px;
    cursor: pointer;
}

table#root div#header div#headerBottom div#menuBottom ul#bottomItemsContainer li a span.right{
    width: 7px;
    height: 23px;
    display: block;
    float: left;
    cursor: pointer;
}

table#root div#header div#headerBottom div#menuBottom ul#bottomItemsContainer li a.active{
    display: block;
    height: 24px;
    float: left;
    position: relative;
    top: 7px;
    font-weight: 700;
    color: #02214c;
}

table#root div#header div#headerBottom div#menuBottom ul#bottomItemsContainer li a.active span.left{
    background-image: url('../images/default/menu/bg_item_bottom_left.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}

table#root div#header div#headerBottom div#menuBottom ul#bottomItemsContainer li a.active span.center{
    background-image: url('../images/default/menu/bg_item_bottom_center.png');
    background-repeat: repeat-x;
    background-position: right bottom;
}

table#root div#header div#headerBottom div#menuBottom ul#bottomItemsContainer li a.active span.right{
    background-image: url('../images/default/menu/bg_item_bottom_right.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}

table#root div#header div#headerBottom div#menuBottom{
    width: 990px;
    height: 37px;
    background-image: url('../images/default/bg_menu_bottom.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}

table#root div#center{
    width: 990px;
    margin: 0 auto;
}

#centerContent{
    min-height: 200px;
}


#rightCalendar{
    float: right;
    width: 220px;
}

#rightCalendar #datepicker{
    margin: 0 auto;
    width: 212px;
    padding-top: 5px;
    padding-bottom: 5px;
}


table#root td#footerLeft{
    width: auto;
    margin: 0 auto;
    height: 37px;
    background-image: url('../images/default/bg_footer.jpg');
    background-repeat: repeat-x;
}

table#root td#footerCenter{
    width: 990px;
    height: 37px;
    vertical-align: top;
    background-image: url('../images/default/bg_footer.jpg');
    background-repeat: repeat-x;
}

table#root td#footerCenter div#footerItem{
    width: 990px;
    height: 37px;
    background-image: url('../images/default/bg_footer_item.jpg');
    background-repeat: no-repeat;
    position: relative;
}

table#root td#footerCenter div#footerItem div#footerCopyright{
    color: #6e9b1c;
    font-weight: 700;
    position: absolute;
    width: 990px;
    height: 27px;
    z-index: 1;
    text-align: center;
    padding: 10px 0px 0px 0px;
}

table#root td#footerCenter div#footerItem div#footerCopyright a{
    color: #6e9b1c;
}

table#root td#footerCenter div#footerItem div#footerLogo{
    float: right;
    padding: 0px 30px 0px 0px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}

table#root td#footerRight{
    width: auto;
    margin: 0 auto;
    height: 37px;
    background-image: url('../images/default/bg_footer.jpg');
    background-repeat: repeat-x;
}

div#imageBottom{
    width: 990px;
    height: 237px;
    margin: 0 auto;
    background-image: url('../images/default/bg_body.jpg');
    background-repeat: no-repeat;
}

/*UNWERSAL CLASSES*/

.errors{
    color: red;
}

.clearBoth{
    clear: both;
}

.floatLeft{
    float: left;
}

.floatRight{
    float: right;
}

form dl, form dt, form dd{
    display: block;
    float: left;
    padding:0;
    margin:0;
}

form dt{
    clear: both;
}
form dt, form dd{
    padding: 5px;
}

form dl ul, form dl ul li{
    padding:0;
    margin:0;
    list-style: none;
}

form dl ul li{
    padding-top: 3px;
}

input.text{
    padding: 2px;
    border: 1px solid #74AA16;
    width: 190px;
    color: #364F0A;
}

textarea{
    padding: 2px;
    border: 1px solid #74AA16;
    width: 190px;
    color: #364F0A;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

input.submit, button.submit{
    color: #364F0A;
}

select.select{
    width: 190px;
    border: 1px solid #74AA16;
}

.paginationControl{
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: #efefef;
    height: 22px;
    
}

.paginationControl span{
    font-weight: bold;
    padding: 4px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #7EB617;
    float:left;
}
.paginationControl a{
    font-weight: normal;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}
.paginationControl a img {
    display: block;
    float: left;
}
.paginationControl a:hover{
    padding-top: 4px;
    padding-bottom: 4px;
    color: #fff;
    background-color: #7EB617;
}

.paginatorContent{
    clear: both;
}

.paginatorContent .header{
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    background-color: #efefef;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}

.paginatorContent .cell{
    float: left;
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
}

.even{
    
}

.odd{
    background-color: #f4f4f4;
}

.paginatorContent .row{
    height: 20px;
    line-height: 20px;
}

.paginatorContent .row.hovered, .adminRow.hovered{
    background-color: #D8EAAE;
}

.paginatorContent .norecords{
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    background-color: #efefef;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
}

.okey{
    text-align: center;
    color: #6D9D13;
    font-weight: bold;
}


/* LOGIN FORM */

#loginForm{
    margin: 0 auto;
    width: 300px;
    padding-top: 20px;
}

#loginForm dt{
    width: 90px;
}

#loginForm dd{
    width: 190px;
}

.topFilter #page-label, .topFilter #page-element, .topFilter #submit-label{
    display: none;
}

.topFilter{
    height:30px;
    line-height:18px;
}

.topFilter a{
    display: block;
    float: left;
    padding: 5px;
}

.topFilter dt{
    clear: none;
}

/* CUSTOMERS TABLE */
.paginatorContent .customersId{
    width: 30px;
}
.paginatorContent .customersName{
    width: 460px;
}

.paginatorContent .customersHandlowcy{
    width: 290px;
}

.paginatorContent .customersActions{
    width: 170px;
}




/* adding customer */

#addCustomer{
    width: 650px;
    margin: 0 auto;
    display: block;
}

#addCustomer dt{
    width: 200px;
}

#addCustomer dd .text, #addCustomer dd textarea{
    width: 400px;
}

/* adding taksk */

#addTaskDiv{
    display: none;
}


#addTaskForm{
    width: 850px;
    margin: 0 auto;
}

#addTaskForm dt{
    width: 100px;
}

#addTaskForm textarea{
    width: 720px;
    height: 100px;
}

/* tasks list */

#tasksArea{
    width: 770px;
    float: left;
}

.paginatorContent .tasksId{
    width: 30px;
}

.paginatorContent .tasksCustomer{
    width: 260px;
}

.paginatorContent .tasksContactPerson{
    width: 200px;
}


.paginatorContent .tasksState{
    width: 100px;
    text-align: right;
}

.paginatorContent .tasksDate{
    width: 130px;
}

#tasksArea .paginatorContent .row{
    cursor: pointer;
}

#tasksArea .paginatorContent .rowmore{
    display: none;
    clear: both;
    border: 1px solid #74AA16;
    padding: 3px;
}

#tasksArea .rowmore .eventRow{
    border-bottom: 1px solid #eee;
}

#tasksArea .rowmore .eventRow .date{
    float: left;
    width: 140px;
    padding:5px;
    font-weight: bold;
}

#tasksArea .rowmore .eventRow .state{
    float: left;
    padding: 5px;
    font-style: italic;
}

#tasksArea .rowmore .eventRow .content{
    clear: both;
    padding: 5px;
}

#tasksArea .rowmore .customerInfo {
    float: right;
    width: 170px;
}
#tasksArea .rowmore .customerInfo .moreInfo{
    display: none;
    
}

#tasksArea .rowmore .tip {
    width: 250px;
    border: 1px solid #364F0A;
    background-color: #f4f4f4;
    padding: 2px;
}

/* dodawanie eventow nowych */
#tasksArea .addEventForm {
    float: left;
    width: 580px;
}

#tasksArea .addEventForm #content{
    width: 410px;
    height: 70px;
}

#tasksArea .addEventForm #eventform-label, #tasksArea .addEventForm #eventform-element{
    display: none;
}

#tasksArea .addEventForm dt{
    width: 140px;
}

/* task filter */
#taskFilterForm #page-label, #taskFilterForm #page-element{
    display: none;
}

#taskFilterForm dt, #taskFilterForm dd{
    float: left;
    clear: none;
}

#taskFilterForm #keyword{
    width: 95px;
}

#taskFilterForm #state{
    width: 120px;
}

#taskFilterForm #orderby{
    width: 220px;
}

#taskFilterForm #submit-label{
    display: none;
}


/* KALENDARZ PO PRAWEJ */

#calendarItems{
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 20px;
}

#calendarItems h3{
    padding:0;
    margin:0;
    padding-top: 4px;
    display: block;
}

.calendarItem{
    height: 17px;
    line-height: 17px;
    overflow: hidden;
}

#addNoteForm dt{
    width: 70px;
}

#addNoteForm #description{
    height: 170px;
    width: 310px !important;
}

#addNoteForm #taskid-label, #addNoteForm #taskid-element{
    display: none;
}

.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }

.tip {
    width: 350px;
    border: 1px solid #364F0A;
    background-color: #f4f4f4;
    padding: 2px;
    overflow: auto;
}

.tipbuttons{
    border-bottom: 1px solid #364F0A;
}

.tipbuttons a{
    font-weight: bold;
    color: #000;
}

.tipbuttons a:hover{
    color: #444;
}


#closereason-label, #closereason-element{
    display: none;
}


.paginatorContent .notesId{
    width: 30px;
}
.paginatorContent .notesDate{
    width: 80px;
}

.paginatorContent .notesDescription{
    width: 310px;
}


.paginatorContent .notesTask{
    width: 300px;
}

.paginatorContent .notesState{
    width: 100px;
}

.paginatorContent .notesActions{
    width: 100px;
}



/* USERS TABLE */
.paginatorContent .usersId{
    width: 30px;
}

.paginatorContent .usersLogin{
    width: 300px;
}
.paginatorContent .usersName{
    width: 400px;
}

.paginatorContent .usersActive{
    width: 50px;
}

.paginatorContent .usersActions{
    width: 150px;
}

/* Users Form */

#usersForm dt{
    width: 100px;
    
}
/* templates form */

#templatesForm dt{
    width: 170px;
}

#templatesForm .textarea{
    width: 400px !important;
    height: 100px !important;
}


#PhotoPrev img {
   width: 140px;
}


.inputRows .row{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
}

#templatesForm .zend_form, #templatesForm {
    margin: 0 auto;
    display: block;
    width: 700px;
    padding-top: 4px;
}

.templateFormContainer{
    padding-top: 10px;
}


/* TEMPLATES TABLE */
.paginatorContent .templatesId{
    width: 30px;
}

.paginatorContent .templatesName{
    width: 650px;
}

.paginatorContent .templatesActions{
    width: 150px;
}



/* EVENT FORM GENEROWANIE OFERTY*/

#sendmail-label{
    display: none;
}

#generateoffer-label{
    display: none;
}


/* forwardowanie usera */
#forwardForm dt{
    width: 80px;
}


#customersUsersForm dt{
    width: 100px;
}

#customersUsersForm #users{
    height: 80px;
}


/* GEERATE OFFER */
#TemplateFormDiv {
    padding: 10px;
    width: 800px;
    margin: 0px auto;
}

#TemplateFormDiv img#imgleftlogo{
    float: left;
}
#TemplateFormDiv img#imgrightlogo{
    float: right;
}

#photo-element img{
    max-width: 200px;
    float: left;
    display: block;
}

#photo-element #removePhoto{
    float: right;
    margin: 0px 0px 0px 10px;
    font-weight: bold;
    display: block;
}

#logo-element img{
    max-width: 200px;
     float: left;
    display: block;
}

#logo-element #removeLogo{
    float: right;
    margin: 0px 0px 0px 10px;
    font-weight: bold;
    display: block;
}

#Template1Form,#Template2Form,#Template3Form{
    width: 800px;
    margin: 10px auto;
}

#Template1Form dt, #Template2Form dt, #Template3Form dt{
    width: 130px;
}


#Template1Form .textarea, #Template2Form .textarea, #Template3Form .textarea{
    width: 600px;
    height: 100px;
}

#Template1Form .inputRows .text, #Template2Form .inputRows .text, #Template3Form .inputRows .text{
    width: 252px;
}

#Template1Form #name, #Template2Form #name, #Template3Form #name{
    width: 600px;
}

#Template1Form #template-element select,
#Template2Form #template-element select,
#Template3Form #template-element select{
    width: 250px;
}

#addnext-label, #back-label{
    display: none;
}


/* generowanie oferty krok 1*/
#selectOfferType{
    width: 500px;
    margin: 0 auto;
}

#selectOfferType dt{
    width: 100px;
}

#selectOfferType #offertemplate, #selectOfferType #selectedtype{
    width: 290px;
}

/* generowanie oferty krok 2 */

#Offer1Form,
#Offer2Form,
#Offer3Form,
#Offer4Form{
    width: 800px;
    margin: 10px auto;
}

#Offer1Form dt,
#Offer2Form dt,
#Offer3Form dt,
#Offer4Form dt{
    width: 130px;
}


#Offer1Form .textarea,
#Offer2Form .textarea,
#Offer3Form .textarea,
#Offer4Form .textarea{
    width: 600px;
    height: 100px;
}

#Offer1Form .inputRows .text,
#Offer2Form .inputRows .text,
#Offer3Form .inputRows .text,
#Offer3Form .inputRows .text{
    width: 252px;
}

#Offer4Form #uploadlogo-label{
    display: none;
}
#Offer4Form #uploadlogo{
    display: none;
}

/* formularz wysylania maili z systemu */

#MailForm{
    width: 800px;
    margin: 0 auto;
    text-align: left;
}


#MailForm #leftFields{
    display: block;
    width: 500px;
    float: left;
}


#MailForm dt{
    width: 80px;
    text-align: right;
}

#MailForm .text, #MailForm .textarea{
    width: 360px;
}

#MailForm .textarea{
    height: 200px;
}

#MailForm #MailAttachments{
    border: 1px solid rgb(116, 170, 22);
    float: left;
    width: 270px;
    margin-top: 5px;
    padding: 5px;
    
}

#MailForm #MailAttachments .attachment{
    padding: 2px 0 2px 0;
    overflow: hidden;
}


#MailForm #MailAttachments .attachment a{
    float: right;
}

#frommail-element, #frommail-label{
    display: none;
}

#admintasks #submit-label{
    display: none;
}

#adminpreviewContent{
    clear: both;
}

.adminRow {
    height: 20px;
    line-height: 20px;
    clear: both;
    width: 990px;
    cursor: pointer;
}

.adminRow .adminTasksId{
    float: left;
    width: 30px;
}
.adminRow .adminTasksChbox{
    float: left;
    width: 30px;
}
.adminRow .adminTasksLastEditDate{
    float: left;
    width: 120px;
}
.adminRow .adminTasksCode{
    float: left;
    width: 400px;
}
.adminRow .adminTasksPerson{
    float: left;
    width: 350px;
}
.adminRow .adminTasksMore{
    float: left;
    width: 60px;
}

.adminNaviBar{
    clear: both;
 
}

#hintsDiv label{
    width: 100px;
    display: block;
    float: left;
}

#hintsDiv input.text, #hintsDiv textarea{
    width: 300px;
}

#hintsDiv textarea{
    height: 100px;
}

#hintsDiv .hintRow{
    width: 450px;
    padding:10px;
    margin: 10px auto;
    border: 1px solid #eee;

}

#logotext,#logotext-label{
    display: none;
}

#logotext-element{
    position: relative;
    left: -10px;
}