/* 
    Document   : com_labelview
    Created on : 2012.05.31., 12:40:09
    Author     : semmer@infoart.hu
*/

div.portlet-content.part-labelview div.content-blog-list {
  margin-bottom: 10px;
}

div.col1 {
  width: 630px;
}

div.component-body > div.col2 {
  width: 305px;
  margin: 0 5px;
  float: left;
}

div.portlet-content.part-labelview div.content-blog-list img {
  width: 300px !important;
  height: auto !important;
  float: left !important;
  margin: 0 10px 10px 0 !important;
}

div.portlet-content.part-labelview div.content-blog-list > a {
  max-height: 48px;
  line-height: 24px;
  overflow: hidden;
  font-size: 22px;
  border-style: solid;
  border-bottom-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  display: block;
  text-decoration: none;
  color: #333;
  padding: 5px;
}

div.portlet-content.part-labelview div.content-blog-list {
  background: #eee;
}

div.portlet-content.part-labelview.blue div.content-blog-list {
  background: #EBF7FB;
}

div.portlet-content.part-labelview.green div.content-blog-list {
  background: #EAF4EA;
}

div.portlet-content.part-labelview.red div.content-blog-list {
  background: #FCF2F2;
}

div.portlet-content.part-labelview.orange div.content-blog-list {
  background: #FEF3EF;
}

div.portlet-content.part-labelview.blue div.content-blog-list > a {
  border-color: #2298d4;
}

div.portlet-content.part-labelview.green div.content-blog-list > a {
  border-color: #42B547;
}

div.portlet-content.part-labelview.red div.content-blog-list > a {
  border-color: #ED3441;
}

div.portlet-content.part-labelview.orange div.content-blog-list > a {
  border-color: #f1652e;
}


div.portlet-content.part-labelview div.content-blog-list > div.process {
  padding: 5px;
}

div.portlet-content.part-labelview div.content-blog-list > div.process > span {
  font-size: 10px;
  color: #999;
  text-transform: uppercase;
}

div.portlet-content.part-labelview div.content-blog-list > div.lead {
  padding: 5px;
  height: 176px;
  overflow: hidden;
}

div.portlet-content.part-labelview div.content-blog-list.col1 > div.lead {
  padding: 5px;
  max-height: 88px;
  overflow: hidden;
}

div.portlet-content.part-labelview div.content-blog-list > div.lead {
  padding: 5px;
  height: 285px;
  overflow: hidden;
}

div.portlet-content.part-labelview div.content-blog-list.full > div.lead {
  padding: 5px;
  height: 176px;
  overflow: hidden;
}

div.portlet-content.part-labelview div.content-blog-list img {
  /*display: none;*/
  width: 295px !important;
  height: auto !important;
  /*float: left !important;*/
  margin: 0 0 10px !important;
}

div.portlet-content.part-labelview div.content-blog-list.full img {
  display: block;
  margin: 0 10px 10px 0 !important;
}

@media only screen and (min-width: 480px) and (max-width: 664px) {
  div.col1 {
    width: 100%;
  }

  div.component-body > div.col2 {
    width: 100%;
    margin: 0;
    float: left;
  }

  div.portlet-content.part-labelview div.content-blog-list img {
    width: 100% !important;
    height: auto !important;
    float: left !important;
    margin: 0 10px 10px 0 !important;
  }

  div.portlet-content.part-labelview div.content-blog-list > div.lead {
    padding: 5px;
    height: auto;
    overflow: hidden;
  }

  div.portlet-content.part-labelview div.content-blog-list.col1 > div.lead {
    padding: 5px;
    max-height: 88px;
    overflow: hidden;
  }
}




div.portlet-content.part-labelview div.pager-bottom div.pager-date {
  margin: 10px 0 0 0;
  padding: 8px 0 12px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

div.portlet-content.part-labelview div.pager-bottom div.pager-date a.prev-day {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url('../gfx/dp_left_grey.png') 0 0 no-repeat;
  text-indent: -9999px;
  margin: 0 10px 0 0;
}

div.portlet-content.part-labelview.blue div.pager-bottom div.pager-date a.prev-day {
  background: url('../gfx/dp_left_blue.png') 0 0 no-repeat;
}

div.portlet-content.part-labelview.green div.pager-bottom div.pager-date a.prev-day {
  background: url('../gfx/dp_left_green.png') 0 0 no-repeat;
}

div.portlet-content.part-labelview.red div.pager-bottom div.pager-date a.prev-day {
  background: url('../gfx/dp_left_red.png') 0 0 no-repeat;
}

div.portlet-content.part-labelview.orange div.pager-bottom div.pager-date a.prev-day {
  background: url('../gfx/dp_left_orange.png') 0 0 no-repeat;
}

div.portlet-content.part-labelview div.pager-bottom div.pager-date input#date_pagin {
  margin: 0 10px 0 0;
  padding: 3px 5px;
  border: 1px solid #999;
  position: relative;
  top: 2px;
}

div.portlet-content.part-labelview.blue div.pager-bottom div.pager-date input#date_pagin {
  border: 1px solid #2298d4;
}

div.portlet-content.part-labelview.green div.pager-bottom div.pager-date input#date_pagin {
  border: 1px solid #42B547;
}

div.portlet-content.part-labelview.red div.pager-bottom div.pager-date input#date_pagin {
  border: 1px solid #ED3441;
}

div.portlet-content.part-labelview.orange div.pager-bottom div.pager-date input#date_pagin {
  border: 1px solid #f1652e;
}

div.portlet-content.part-labelview div.pager-bottom div.pager-date a.next-day {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url('../gfx/dp_right_grey.png') 0 0 no-repeat;
  text-indent: -9999px;
  margin: 0 10px 0 0;
}

div.portlet-content.part-labelview.blue div.pager-bottom div.pager-date a.next-day {
  background: url('../gfx/dp_right_blue.png') 0 0 no-repeat;
}

div.portlet-content.part-labelview.green div.pager-bottom div.pager-date a.next-day {
  background: url('../gfx/dp_right_green.png') 0 0 no-repeat;
}

div.portlet-content.part-labelview.red div.pager-bottom div.pager-date a.next-day {
  background: url('../gfx/dp_right_red.png') 0 0 no-repeat;
}

div.portlet-content.part-labelview.orange div.pager-bottom div.pager-date a.next-day {
  background: url('../gfx/dp_right_orange.png') 0 0 no-repeat;
}

div.portlet-content.part-labelview div.pager-bottom div.pager-date a.remove-day-pagin {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url('../gfx/dp_close_grey.png') 0 0 no-repeat;
  text-indent: -9999px;
  margin: 0 10px 0 0;
}

div.portlet-content.part-labelview.blue div.pager-bottom div.pager-date a.remove-day-pagin {
  background: url('../gfx/dp_close_blue.png') 0 0 no-repeat;
}

div.portlet-content.part-labelview.green div.pager-bottom div.pager-date a.remove-day-pagin {
  background: url('../gfx/dp_close_green.png') 0 0 no-repeat;
}

div.portlet-content.part-labelview.red div.pager-bottom div.pager-date a.remove-day-pagin {
  background: url('../gfx/dp_close_red.png') 0 0 no-repeat;
}

div.portlet-content.part-labelview.orange div.pager-bottom div.pager-date a.remove-day-pagin {
  background: url('../gfx/dp_close_orange.png') 0 0 no-repeat;
}



@media only screen and (min-width : 320px) and (max-width : 479px) {
  div.col1 {
    width: 100%;
  }

  div.component-body > div.col2 {
    width: 100%;
    margin: 0;
    float: left;
  }

  div.portlet-content.part-labelview div.content-blog-list img {
    width: 100% !important;
    height: auto !important;
    float: left !important;
    margin: 0 10px 10px 0 !important;
  }
  
  div.portlet-content.part-labelview div.content-blog-list > div.lead {
    padding: 5px;
    height: auto;
    overflow: hidden;
  }

  div.portlet-content.part-labelview div.content-blog-list.col1 > div.lead {
    padding: 5px;
    max-height: 88px;
    overflow: hidden;
  }
}