/* 
* @Author: Geomatika
* @Date:   2015-04-22 22:06:25
* @Last Modified by:   Geomatika
* @Last Modified time: 2015-04-24 19:54:21
*/

/* Basic styles */
.3colDiv .ui-body {
    text-align: left;
    border-color: #ddd;
}
.3colDiv p {
    color: #777;
    line-height: 140%
}
/* Stack all blocks to start */
.3colDiv .ui-block-a,
.3colDiv .ui-block-b,
.3colDiv .ui-block-c {
    width: 100%;
    float: none;
}
/* Collapsing borders */
.3colDiv > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
    .3colDiv {
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .3colDiv .ui-body {
       min-height: 14em;
    }
    .3colDiv .ui-block-b,
    .3colDiv .ui-block-c {
      float: left;
      width: 49.95%;
    }
    .3colDiv .ui-block-b p,
    .3colDiv .ui-block-c p {
      font-size: .8em;
    }
    .3colDiv > div + div .ui-body {
        border-top-width: 1px;
    }
    .3colDiv > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .3colDiv > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 55em) {
    .3colDiv .ui-body {
       min-height: 18em;
    }
    .3colDiv .ui-block-a,
    .3colDiv .ui-block-c {
      float: left;
      width: 49.95%;
    }
    .3colDiv .ui-block-b,
    .3colDiv .ui-block-c {
      float: left;
      width: 24.925%;
    }
    .3colDiv > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .3colDiv > div + div .ui-body {
        border-left-width: 0;
    }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {
    .3colDiv .ui-body {
      font-size: 125%;
    }
    .3colDiv .ui-block-a,
    .3colDiv .ui-block-c {
      float: left;
      width: 49.95%;
    }
    .3colDiv .ui-block-b,
    .3colDiv .ui-block-c {
      float: left;
      width: 24.925%;
    }
}

.grid2 .ui-body {
    text-align: left;
    border-color: #ddd;
}
.grid2 p {
    color: #777;
    line-height: 140%
}
/* Stack all blocks to start */
.grid2 .ui-block-a,
.grid2 .ui-block-b {
    width: 100%;
    float: none;
}

@media all and (max-width: 55em) {
  .grid2 .ui-block-a,
  .grid2 .ui-block-b,
  .grid2 .ui-block-c,
  .grid2 .ui-block-d,
  .grid2 .ui-block-e {
    width: 100%;
    float:none;
  }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 55em) {
    .grid2 .ui-block-a {
      width: 69.95%;
      float:left;
    }
    .grid2 .ui-block-b {
      width: 29.95%;
      float:left;
    }   
    .grid2 .ui-block-a {
      clear: left;
    }    
}
a.ui-li-has-count span span.ui-btn-text{ padding-right:0; position:static; }