/***********************************
*	public.companyview
***********************************/


/* Company view profile */
a{
    color: #16a2fe;
    text-decoration: none;
}
h2{
    color: #ed008c;
    font: bold 18px/20px tahoma;
    padding-left: 30px;
}
.comapny_view .cc{
    padding-top:10px;
    text-align:center;
}
.comapny_view .cc a img{
    display: block;
    margin: 5px auto;
}
.comapny_view{
    padding: 0 30px;
}
.comapny_view .photo_frame {
    text-align: center;
}
.left{
    float: left;
    width: 290px;
}
.comapny_view .photo_frame img {
    border: 1px solid #ED008C;
    margin: 10px 0;
    padding: 10px;
}
.comapny_view .tablediv{
    background: #fafafa;
    margin: 10px 0;
}
.comapny_view table{
    margin: 0;
}
.comapny_view .tablediv th{
    font: normal 12px/14px tahoma;
    color: #5b5b5b;
    text-align: right;
    width: 145px;
    padding-right: 5px;
}
.comapny_view .tablediv td{
    font: bold 12px/14px arial;
    color: black;

}
.comapny_view .liderCompany {
    position:absolute;
    right:-21px;
    top:-21px;
}
#googleMap {
    height: 316px;
    border: 3px solid #F2F2F2;
}
.std_box_center .std_box_center div h3,h3.mapa,.companyViewSchedulesOutter h3{
    font: bold 12px/14px tahoma;
    color: #ed008c;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 5px 0px 5px 20px;
    border-bottom:1px dotted #A2ADB0;
}

.comapny_view .right{
    float: left;
    width:350px;
    padding-top:5px;
}
.tags,.categories{
    padding-top: 10px;
}
.tags a,.categories a{
    color: #707070;
    font: normal 11px/12px arial;
}
.tags span,.categories span{
    color: #124673;
    font: bold 11px/12px arial;
    display: block;
    float: left;
    padding-right: 3px;
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}
.tags span{
    background-image: url(/img/icons/tagi_18px.png);
    padding-bottom: 7px;
}
.categories span{
    background-image: url(/img/icons/kategoria_16px.png);
}
h3.opis {
    background-image: url(/img/icons/opis_16px.png);
}
h3.adres {
    background-image: url(/img/icons/adres_16px.png);
}
h3.kontakt {
    background-image: url(/img/icons/kontakt_16px.png);
}
h3.mapa {
    background-image: url(/img/icons/mapa_16px.png);
}
.companyViewSchedulesOutter h3 {
    background-image: url(/img/icons/harmonogramy_14px.png);
}

div.products_element {
    margin: 35px 0 5px 0;
}

div.products_element h4{
    padding: 10px 0 15px 0;
    font-size: 14px;
    font: normal normal bold 15px Tahoma, Arial, sans-serif;
}

div.products_element h2 {
    border-bottom: 13px solid #EBFAFF;
    margin-bottom: 20px;
}

div.products_element .paging_shadow {
    padding-bottom: 15px;
}

#extraButtonAround{
	position: absolute;
	right: 30px;
	top: 30px;
}
.comapny_view #hiddenForm .formbody {
    top: 226px;
}
.comapny_view #fotoDiv .buttons{
    width:220px;
}
.view  .companyViewSchedulesOutter{
    padding: 10px 30px;
}
.view  #companyViewSchedulesContainer{
    padding-left: 30px;
}
.view  #companyViewSchedulesContainer h3{
    border-bottom: none 0;
    background-image: none;
}
#companyViewSchedulesContainer .close_link{
    background:url(/img/layout/default/schedules/tooltip_x.png) left top no-repeat;
    cursor:pointer;
    float:none;
    height:29px;
    position:absolute;
    right:3px;
    top:-14px;
    width:28px;
}
.harmonogramyLink{
    text-align: center;
    padding: 10px;
}
/*stary widok */
div .seealso, .addcomment {
    padding-top: 5px;
}
#fotoDiv .buttons{
    width:185px;
}

/***********************************
*	public.catalog
***********************************/


.object {
    position: relative;
    padding:8px;
    width:146px;
}
.object_box .object .ramka{
    position: absolute;top: 0;left: 0;

}
.object .thumbnail{
    width: 145px;
    height: 135px;
}

.ProductPhoto .playProduct{
    display: none;
}
.object .playProduct{
    position: absolute;
    left: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
}
.object .liderProduct{
    left:82px;
    position:absolute;
    top:-12px;
}
.object:hover .playProduct {
    width: 40px;
    height: 40px;
}
.object_box{
    float: left;
    width: 207px;
    height: 207px;
    padding-left:30px;
    padding-top: 20px;
    font: normal 11px/12px arial;
}
.object_box h3 span{
    font: bold 11px/12px arial;
    color: #16a2fe;
    padding-top: 5px;
}
 .promoted h3 span{
    color: #f20587;
}
.object_box h3.cena span.product_name{
    color: #000000;
    width:95px;
    padding-left:3px;
}
.object_box h3 a{
    text-decoration: none;
}
.emptyset{
    padding: 10px 30px;
}
/*index liist*/
.list .product{
    
}
.list .object_box, .list .right{
    float: left;
    width: 170px;
    padding-left: 10px;
}
.list .object_box{
    height: 150px;
}
.list .right{
    width: 360px;
    padding-top:20px;
}
.list .object_box h3.name{
    display: none;
}
.list .tags .tags_bg{
    display: block;
    color: #124673;
    font: bold 11px/12px arial;
    float: left;
    padding: 0px 3px 10px 20px;
    background: url('/img/view/products/tagi.jpg') no-repeat top left;
}
.list .tags {
    padding: 7px 0;
}
.list .tags  a{
    color: #707070;
    font: normal 11px/12px arial;
}
.list .separate{
    width:655px;
    padding-top: 10px;
}
.list .nazwa a{
    text-decoration: none;
    color: #ed008c;
    font: bold 18px/20px tahoma;
}
.list .description{
    font: normal 12px/14px arial;
    color: black;
    text-align: justify;
    padding: 10px 0;
}
.list .company_name a{
    font: bold 14px arial;
    color: #ed008c;
    text-decoration: none;
    padding-left: 20px;
    background: url('/img/view/products/firma_ico.png') no-repeat top left;
}
.list .cena{
    font: bold 12px/17px tahoma;
    text-align: center;
    padding-top: 40px;
    float: left;
    width: 120px;
}
.list .cena span{
    color: #707070;
    display: block;
}
.list .cena .product_price{
    color: #ed008c;
    font: bold 20px/35px verdana;
}
.list .cena .pln{
    color: #a20060;
    font: bold 12px/14px tahoma;
}

/***********************************
*	public.schedules
***********************************/


.filter_div span{
    color: #f20587;
    font: bold 16px/22px arial;
    padding-top: 7px;
    display: block;    
}
.calendar-day {
    float: left;
    width: 34px;
    padding: 5px 0;
}

.calendar-month {
    width: 238px;
    margin: 2px auto 0 auto;
    clear: both;
}

.scheduleCalendarMonthTop {
    width: 254px;
    padding-top: 5px;
    background-image: url('/img/layout/default/schedules/month_top.gif'); 
    background-repeat: no-repeat;
    background-position: top center;
}
.scheduleCalendarMonthBottom {
    padding-bottom: 5px;
    background-image: url('/img/layout/default/schedules/month_bottom.gif'); 
    background-repeat: no-repeat;
    background-position: bottom center;
}
.scheduleCalendarMonthMiddle {
    background-image: url('/img/layout/default/schedules/month_middle.gif'); 
    background-repeat: repeat-y;
    background-position: top center;
    padding: 5px 8px 6px 8px;
}

div .weekday-label {
    color: #AAAAAA;
    font-size: 9px;
    text-align: center;
    padding-top: 6px;
}

.month_labels {
    font: normal normal bold 14px "Trebuchet MS", Tahoma, Arial, sans-serif;
    text-transform: uppercase;
    clear: both;
    text-align: center;
    border: 1px solid #EDEDED;
    border-width: 1px 0;
    padding: 3px 0;
    background-color: #FBFBFB;
    height: 21px;
}

.month_label, .year_label, .link_div {
    float: left;
}

.link_div {
    color: #cfcfcf;
    font-size: 30px;
    padding: 0 4px;
    line-height: 13px;
}

div .link_div a, div .link_div a:hover{
    color: #cfcfcf;
    text-decoration: none;
}

.month_label {
    color: #ff00a8;
    width: 150px;
}

.year_label {
    color: #6aa7f0;
    width: 68px;
}

.month_labels_links .year_label {
    width: 37px;
}

.month_labels_links .month_label {
    width: 95px;
}

#box_select_status {
    position: absolute;
    width: 146px;
    border: 1px solid #ABABAB;
    display: none;
    background-color: white;
    font: normal normal normal 10px "Trebuchet MS", Tahoma, Arial, sans-serif;
    color: #676767;
    text-align: center;
}

#box_select_status .buttons, #context_box .statuses, .details_record .status {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

div .details_record .status {
    font-size: 14px;
    padding: 4px 0;
    text-align: center;
    font-family: trebuchet MS;
}

#context_box .statuses .status {
    padding: 1px;
    margin: 3px 0;
    text-align: center;
}

#box_select_status .buttons .button {
    padding: 1px;
    cursor: pointer;
}

#box_select_status .buttons #available, #context_box .statuses #available, .status_available{
    background-color: #D6D5D5;
    position: relative;
}

#box_select_status .buttons #available.hover{
    background-color: #9C9B9B;
}

#box_select_status .buttons #partially_available, #context_box .statuses #partially_available, .status_partially_available {
    background-color: #A7CF38;
}

#box_select_status .buttons #partially_available.hover{
    background-color: #8AAB2E;
}

#box_select_status .buttons #unavailable, #context_box .statuses #unavailable, .status_unavailable {
    background-color: #4B4B4B;
}

#box_select_status .buttons #unavailable.hover{
    background-color: #000000;
}

#box_select_status .buttons #booked, #context_box .statuses #booked, .status_booked {
    background-color: #FE32B9;
}

#box_select_status .buttons #booked.hover{
    background-color: #DE2CA2;
}

#box_select_status .add_description_section {
    text-transform: uppercase;
    text-align: left;
    padding: 1px;
    background-image: url('/img/layout/default/schedules/add_note_ico.gif');
    background-repeat: no-repeat;
    background-position: right center;
    margin: 0 2px;
}

#box_select_status .add_description_section a {
    text-decoration: none;
}

#box_select_status .description_section {
    text-align: left;
}

#box_select_status .description_section textarea {
    border: 0px none;
    width: 142px;
    padding: 2px;
    background-color: #F5F5F5;
    font: normal normal normal 11px "Trebuchet MS", Tahoma, Arial, sans-serif;
    height: 62px;
}

#box_select_status .cancel, #context_box .cancel {
    display: block;
    background-color: #B3B3B3;
    font-weight: bold;
    color: white;
    font-size: 10px;
    width: 42px;
    text-align: center;
    text-decoration: none;
    margin: 0 4px;
}

#nochange {
    background-color: #FE32B9;
    font-weight: bold;
    color: white;
    font-size: 10px;
    width: 31px;
    text-align: center;
    margin: 0 4px;
    cursor: pointer;
}


.scheduleCalendarMonth {
    position: relative;
}

.scheduleCalendarContainer {
    position: relative;
}

.calendar-month .date_comment, .calendar-month .date_data, .calendar-month .details  {
    display: none;
}

#box_select_status .close_link {
    position: static !important;
    background-image:none;
    cursor:pointer;
    float:right;
    font-weight:bold;
    height:auto;
    padding:1px 2px;
    width:auto;
    margin-right: 3px;
}

.calendar-inner-daydiv {
    width: 26px;
    height: 24px;
    padding-top: 2px;
    border: 1px solid;
    color: white;
    font: normal normal bold 18px "Trebuchet MS", Tahoma, Arial, sans-serif;
    text-align: center;
}

.calendar-outter-daydiv {
    border: 1px solid #A8A8A8;
    width: 28px;
    margin: 0 auto;
}

.calendar-month .month-day .calendar-outter-daydiv {
    cursor: pointer;
}

div .out-month-day .calendar-outter-daydiv {
    border: 1px solid #EBEBEB;
}

div .out-month-day .calendar-inner-daydiv {
    border: 1px solid #FBFBFB;
    background-color: #F3F3F3;
}

.day-available .calendar-inner-daydiv {
    background-color: #d6d5d5;
    border-color: #F1F1F1;
}

.day-unavailable .calendar-inner-daydiv {
    background-color: #4b4b4b;
    border-color: #C4C4C4;
}

.day-booked .calendar-inner-daydiv {
    background-color: #fe32b9;
    border-color: #FFBBE8;
}

.day-partially-available .calendar-inner-daydiv {
    background-color: #a7cf38;
    border-color: #E2EFBD;
}

.scheduleDiv {
    padding: 10px 30px;
}

#allYear .companyMonth {
    float: left;
    width: 290px;
    height: 325px;
    padding-left:35px;
}

.filter_div {
    border-bottom: 1px solid #d7d7d8;
    padding: 0 10px 0 80px;
}

.filter_div_element {
    float: left;
    padding: 4px 8px 5px 8px;
}

div div.select_cal_element {
    padding-left: 37px;
    padding-right: 49px;
    background-image: url('/img/layout/default/schedules/calendar_ico.gif');
    background-repeat: no-repeat;
    background-position: 0 20px;
}

div div.select_year_element {
    padding-left: 37px;
    padding-right: 20px;
    background-image: url('/img/layout/default/schedules/year_ico.gif');
    background-repeat: no-repeat;
    background-position: 0 20px;
}

#calendarsSelect {
    padding: 7px 0 4px 0;
    text-align: center;
}

#yearSelect {
    padding: 7px 0 4px 0;
    text-align: center;
}

div div.submit_element {
    padding-top: 33px;
}

.grey_infotext {
    font: normal normal normal 10px "Trebuchet MS", Tahoma, Arial, sans-serif;
    color: #828282;
    padding: 10px 0;
    line-height: 1.1;
}

.legend_days .label {
    float: left;
    font: normal normal bold 14px "Trebuchet MS", Tahoma, Arial, sans-serif;
    color: #787892;
    padding: 7px 36px 0 0;
}

.legend_days {
    padding: 5px 0 50px 0;
}

.legend_days .day-outter {
    float: left;
}

.legend_days .calendar-outter-daydiv {
    cursor: default;
}

#context_box {
    width: 276px;
    position: absolute;

    display: none; /**/

    font: normal normal normal 10px "Trebuchet MS", Tahoma, Arial, sans-serif;
    color: #676767;

}

.tooltip_top {
    background-image: url('/img/layout/default/schedules/tooltip_top.png'); 
    background-repeat: no-repeat;
    background-position: top left;
    height: 19px;
}

div .box2 .tooltip_top {
    background-image: url('/img/layout/default/schedules/tooltip_top2.png'); 
     height: 15px;
}

.tooltip_bottom {
    background-image: url('/img/layout/default/schedules/tooltip_bottom.png'); 
    background-repeat: no-repeat;
    background-position: top left;
    height: 22px;
}

div .box2 .tooltip_bottom {
    background-image: url('/img/layout/default/schedules/tooltip_bottom2.png');
}

.tooltip_middle {
    background-image: url('/img/layout/default/schedules/tooltip_middle.png'); 
    background-repeat: repeat-y;
    background-position: top left;
    padding: 0 18px;
    position: relative;
    width:241px;
}

div .box2 .tooltip_middle {
    background-image: url('/img/layout/default/schedules/tooltip_middle2.png');
    padding: 0 21px 0 14px;
    position:relative;
}

.tooltip_anchor {
    background-image: url('/img/layout/default/schedules/tooltip_anchor.png'); 
    background-repeat: no-repeat;
    background-position: top left;
    height: 26px;
    width: 40px;
    position: absolute;
    bottom: -13px;
    left: 5px;
}

.box .close_link, #context_box .close_link {
    background-image: url('/img/layout/default/schedules/tooltip_x.png'); 
    background-repeat: no-repeat;
    background-position: top left;
    width: 28px;
    height: 29px;
    position: absolute;
    float: none;
    right: 0px;
    top: -14px;
    cursor: pointer;
}


#context_box #UsersMailContent {
    width: 232px;
    height: 42px;
    border: 1px solid #D6D6D6;
    background-color: #F5F5F5;
}

#context_box strong {
    color: #6c6c6c;
}

#context_box .comment_div, #context_box .message_div {
    padding: 5px 0; 
}
 #context_box .message_div form#send_message{
    margin: 0;
 }
#context_box .company_details {
    text-align: center;
}

.company_details .companyaddr_label {
    font-weight: bold;
}

.company_details .companyaddr {
    color: #6aa7f0;
    font-size: 11px;
    font-weight: bold;
}

.company_details .company_details_row {
    font-size: 11px;
}

.company_details .company_details_row span {
    color: #6aa7f0;
}


.panel_schedule_data {
    background-color: #F9F9F9;
    border-bottom: 1px solid #D9D6D6;
    border-top: 1px solid #D9D6D6;
    padding: 3px 10px;
    margin-bottom: 20px;
}

.panel_schedule_data_container {
/*    border-bottom: 1px solid #c1e9ff;	*/
    margin: 0;
}

.schedule_name_outter {
    height: 27px;
}

.schedule_name_outter, .schedule_name_outter input, .schedule_name_outter form a, .schedule_name_outter form img {
    vertical-align: middle;
}

.schedule_name_outter input, .schedule_name_outter form img {
    margin: 0 3px 0 0;
}

div .schedule_name_outter form img {
    margin: 0 0 3px 0;
}

.schedule_name_rename {
    float: right;
    font: normal normal bold 10px Tahoma, Arial, sans-serif;
    background-image: url('/img/icons/edit_16x16.gif');
    padding-left: 20px;
    padding-top: 4px;
    background-repeat: no-repeat;
}

.schedule_name_rename a {
    color: #6a6a6a;
    text-decoration: none;
}

.schedule_name {
    float: left;
    font: normal normal bold 12px Tahoma, Arial, sans-serif;
    color: #18b2ea;
    width: 150px;
    overflow: hidden;
}

.schedule_action {
    float: right;
    padding: 0px 41px 6px 22px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.schedule_action a {
    font: normal normal bold 10px Tahoma, Arial, sans-serif;
    color: #6a6a6a;
    text-decoration: none;
}

.schedule_delete {
    background-image: url('/img/delete.gif');
/*    padding-right: 0;	*/
}

.schedule_edit {
    background-image: url('/img/icons/edit4_16x16.gif');
    padding-right: 86px;
}

div .schedule_preview {
    background-image: url('/img/icons/eye.gif');
/*    background-position: 0 2px;	*/
    padding-right: 80px;
}

form .add_buttons {
    padding: 3px 0;
    text-align: center;
}

form .add_buttons input, form .add_buttons img {
    vertical-align: middle;
}

form .add_buttons img {
    padding: 1px;
}

#legend_box .day-outter {
    width: 250px;
    float: none;
    clear: both;
    padding-top: 5px;
}

#companyViewSchedulesContainer {
    position: relative;
}

.companyViewSchedulesOutter {
    padding: 18px 0 10px 0;
}

#multi_box_outter {
    position: absolute;
    top: 18px;
    right: 10px;
    display: none;
    width: 269px;
    z-index:1;
}
#multi_box{
    width: 235px;
    overflow: hidden;
    position: relative;
    
}
#companyViewSchedulesContainer .reserve,#companyViewSchedulesContainer .browse_schedule{
    padding: 7px 0;
}

#context_box2 {
    position: absolute;
    top: 18px;
    right: 10px;
    width: 269px;
}

a.tooltip_back {
    font: normal normal normal 10px Tahoma, Arial, sans-serif;
    color: #419aff;
}

a.tooltip_back span {
    color: #fe32b9;
}

#context_box2 #context_box {
    position: static;
}

#context_box2 #context_box .tooltip_anchor {
    display: none;
}

.date_formatted {
    font: normal normal normal 11px "Trebuchet MS", Tahoma, Arial, sans-serif;
    letter-spacing: -0.2px;
}

.date_formatted span {
    font-size: 15px;
    font-weight: bold;
    color: #6aa7f0;
    letter-spacing: -0.8px;
}

.box h4 {
    font: normal normal bold 14px "Trebuchet MS", Tahoma, Arial, sans-serif;
    color: #414141;
    margin: 0;
    padding: 12px 0 4px 0;
}


.box .reserve, .box .browse_schedule {
    font: normal normal normal 10px Tahoma, Arial, sans-serif;
    padding-top: 2px;
}

div .box .reserve {
    float: left;
    height: 14px;
    background-image: url('/img/layout/default/schedules/reserve_ico.gif');
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 17px;
}

.box .browse_schedule {
    float: right;
}

.box .reserve a, .box .browse_schedule a {
    color: #419aff;
}

.schedule_name_outter form .error-message {
    position: absolute;
    z-index: 10;
    width: 190px;
    background-color: white;
    border: 1px solid #dadada;
    padding: 1px;
}

#calendarsSelect select {
    width: 155px;
}

#viewbox #schedulesInnerBox .info {
    padding-top: 15px;
    padding-bottom: 15px;
}
#schedulesInnerBox .info2 {
    padding-left: 0;
    background-image: none;
    font-size: 11px;
    line-height: 1.1;
}