/* generic classes */

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden;
	max-width: 100%; 
} 
	 
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}


.whitegradientbg {
	    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #ffffff )); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient( #ffffff, #ffffff ); /* Chrome 10+, Saf5.1+ */
        background-image:    -moz-linear-gradient( #ffffff, #ffffff ); /* FF3.6 */
        background-image:     -ms-linear-gradient( #ffffff, #ffffff ); /* IE10 */
        background-image:      -o-linear-gradient( #ffffff, #ffffff ); /* Opera 11.10+ */
        background-image:         linear-gradient( #ffffff, #ffffff );
}

.greygradientbg {
	    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #444444 )); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient( #ffffff, #444444 ); /* Chrome 10+, Saf5.1+ */
        background-image:    -moz-linear-gradient( #ffffff, #444444 ); /* FF3.6 */
        background-image:     -ms-linear-gradient( #ffffff, #444444 ); /* IE10 */
        background-image:      -o-linear-gradient( #ffffff, #444444 ); /* Opera 11.10+ */
        background-image:         linear-gradient( #ffffff, #b9bbb6 );
}

.redgradientbg {
	    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #ffdcf4 )); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient( #ffffff, #ffdcf4 ); /* Chrome 10+, Saf5.1+ */
        background-image:    -moz-linear-gradient( #ffffff, #ffdcf4 ); /* FF3.6 */
        background-image:     -ms-linear-gradient( #ffffff, #ffdcf4 ); /* IE10 */
        background-image:      -o-linear-gradient( #ffffff, #ffdcf4 ); /* Opera 11.10+ */
        background-image:         linear-gradient( #ffffff, #ffdcf4 );
}

.greengradientbg {
	    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #d6ffd9 )); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient( #ffffff, #d6ffd9 ); /* Chrome 10+, Saf5.1+ */
        background-image:    -moz-linear-gradient( #ffffff, #d6ffd9 ); /* FF3.6 */
        background-image:     -ms-linear-gradient( #ffffff, #d6ffd9 ); /* IE10 */
        background-image:      -o-linear-gradient( #ffffff, #d6ffd9 ); /* Opera 11.10+ */
        background-image:         linear-gradient( #ffffff, #d6ffd9 );
}


.bluegradientbg {
	    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #b5fcff )); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient( #ffffff, #b5fcff ); /* Chrome 10+, Saf5.1+ */
        background-image:    -moz-linear-gradient( #ffffff, #b5fcff ); /* FF3.6 */
        background-image:     -ms-linear-gradient( #ffffff, #b5fcff ); /* IE10 */
        background-image:      -o-linear-gradient( #ffffff, #b5fcff ); /* Opera 11.10+ */
        background-image:         linear-gradient( #ffffff, #b5fcff );
}

.yellowgradientbg {
	    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #fffea2 )); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient( #ffffff, #fffea2 ); /* Chrome 10+, Saf5.1+ */
        background-image:    -moz-linear-gradient( #ffffff, #fffea2 ); /* FF3.6 */
        background-image:     -ms-linear-gradient( #ffffff, #fffea2 ); /* IE10 */
        background-image:      -o-linear-gradient( #ffffff, #fffea2 ); /* Opera 11.10+ */
        background-image:         linear-gradient( #ffffff, #fffea2 );
}


/* rwd2 Basic styles a (a1, a2) and b blocks*/
.etasticJQM-rwd2 .ui-body {

    border-color: #ddd;
    padding-right:14px;
    padding:3px 3px 3px 3px;

}
.etasticJQM-rwd2 p {
    color: #777;
    line-height: 140%
}
/* Stack all blocks to start */
.etasticJQM-rwd2 .ui-block-a,
.etasticJQM-rwd2 .ui-block-a1,
.etasticJQM-rwd2 .ui-block-a2,
.etasticJQM-rwd2 .ui-block-b {
    width: 100%;
    float: none;
}

.etasticJQM-rwd2 .ui-block-a1 img{
max-width:70px;
padding: 3px;
}

/* Collapsing borders */
.etasticJQM-rwd2 > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float A and B, leave C full width on bottom */
@media all and (min-width: 20em) {
 
    .etasticJQM-rwd2 {
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .etasticJQM-rwd2 .ui-body-a {
      min-height: 4em;
    }
    .etasticJQM-rwd2 .ui-block-a1 {   
      float: left;
      width: 24.95%;
    }
     
    .etasticJQM-rwd2 .ui-block-a2 {
      padding:3px;
      text-align: left;
      float: left;
      width: 74.95%;
    }
    
    .etasticJQM-rwd2 .ui-block-a2 h2 {
      font-size: 1.1em;
      margin:0px;
      padding:0px;
    }
    
    .etasticJQM-rwd2 .ui-block-a p,
    .etasticJQM-rwd2 .ui-block-a1 p,
    .etasticJQM-rwd2 .ui-block-b p {
      font-size: 1em;
      padding: 0px;
    }
    .etasticJQM-rwd2 > div + div .ui-body {
        border-top-width: 1px;
    }
    .etasticJQM-rwd2 > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .etasticJQM-rwd2 > div:last-child .ui-body {
        border-left-width: 0;
    }
        .etasticJQM-rwd2 .ui-block-b .ui-body-a{
       padding:6px;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 52em) {
   

     .etasticJQM-rwd2 .ui-block-a {
      float: left;
      width: 29.925%;
    }
    .etasticJQM-rwd2 .ui-block-a1 {
margin: auto auto !important;
text-align: center;
width:100%;
    float:none;
    }
     
    .etasticJQM-rwd2 .ui-block-a2 {
    float:none;
    width:100%;
    }

    .etasticJQM-rwd2 .ui-block-b {
      float: left;
      width: 69.925%;
    }
    
    .etasticJQM-rwd2 .ui-block-b .ui-body-a{
       font-size: 225%;
       min-height: 6em;
       padding:12px;
    }
    
    .etasticJQM-rwd2 > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .etasticJQM-rwd2 > div + div .ui-body {
        border-left-width: 0;
    }
    
    .etasticJQM-rwd2 .ui-block-a img{
max-width:130px;
padding: 3px;
}
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {

        .etasticJQM-rwd2 .ui-block-a {
      float: left;
      width: 24.925%;
    }
    
    .etasticJQM-rwd2 .ui-block-b{
      float: left;
      width: 74.95%;
    }

    .etasticJQM-rwd2 .ui-block-a img {
      max-width:160px;
      padding: 5px;
    }
    
      .etasticJQM-rwd2 .ui-block-b .ui-body-a{
       font-size: 275%;
       padding:6px;
       min-height: 5.5em;
    }
    
}













/* Basic styles */
.etasticJQM-rwd3 .ui-body {
    text-align: left;
    border-color: #ddd;
    padding-right:14px;
    padding:3px 14px 3px 3px;

}
.etasticJQM-rwd3 p {
    color: #777;
    line-height: 140%
}
/* Stack all blocks to start */
.etasticJQM-rwd3 .ui-block-a,
.etasticJQM-rwd3 .ui-block-b,
.etasticJQM-rwd3 .ui-block-c {
    width: 100%;
    float: none;
}

.etasticJQM-rwd3 .ui-block-a img{
max-width:60px;
padding: 3px;
}

/* Collapsing borders */
.etasticJQM-rwd3 > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float A and B, leave C full width on bottom */
@media all and (min-width: 20em) {
    .etasticJQM-rwd3 {
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .etasticJQM-rwd3 .ui-body {
       min-height: 5em;
    }
    .etasticJQM-rwd3 .ui-block-a {
      float: left;
      width: 19.95%;
    }
     
    .etasticJQM-rwd3 .ui-block-b {
      float: left;
      width: 79.95%;
    }
    .etasticJQM-rwd3 .ui-block-a p,
    .etasticJQM-rwd3 .ui-block-b p,
    .etasticJQM-rwd3 .ui-block-c p {
      font-size: .8em;
      padding: 0px;
    }
    .etasticJQM-rwd3 > div + div .ui-body {
        border-top-width: 1px;
    }
    .etasticJQM-rwd3 > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .etasticJQM-rwd3 > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 32em) {
    .etasticJQM-rwd3 .ui-body {
       min-height: 5em;
    }
    .etasticJQM-rwd3 .ui-block-a {

      float: left;
      width: 20.95%;
    }
     
    .etasticJQM-rwd3 .ui-block-b {
      float: left;
      width: 53.95%;
    }

    .etasticJQM-rwd3 .ui-block-c {
      float: left;
      width: 24.925%;
    }
    .etasticJQM-rwd3 > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .etasticJQM-rwd3 > div + div .ui-body {
        border-left-width: 0;
    }
    
    .etasticJQM-rwd3 .ui-block-a img{
max-width:80px;
padding: 3px;
}
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 105em) {
    .etasticJQM-rwd3 .ui-body {
      font-size: 125%;
    }
    .etasticJQM-rwd3 .ui-block-b,
    .etasticJQM-rwd3 .ui-block-c {
      float: left;
      width: 49.95%;
    }
    .etasticJQM-rwd3 .ui-block-a,
    .etasticJQM-rwd3 .ui-block-c {
      float: left;
      width: 24.925%;
    }
    
    .etasticJQM-rwd3 .ui-block-a img {
      max-width:160px;
      padding: 5px;
    }
    
    .etasticJQM-rwd3 .ui-block-b {
      font-size: 130%;
    }
    
}











/* rwd4 Basic styles a (a1, a2) and b blocks*/



.etasticJQM-rwd4 .ui-body {

    border-color: #ddd;
    padding:3px 3px 3px 3px;

}
.etasticJQM-rwd4 p {
    color: #777;
    line-height: 140%
}
/* Stack all blocks to start */
.etasticJQM-rwd4 .ui-block-a,
.etasticJQM-rwd4 .ui-block-b {
    width: 100%;
    float: none;
}

/* Collapsing borders */
.etasticJQM-rwd4 > div + div .ui-body {
    border-top-width: 0;
}


	.etasticJQM-rwd4 .ui-block-a img {
		margin-top: 20px;
		max-width: 90%;
		padding: 3px;
		max-height:300px;
	}
	
	
/* 1st breakpoint a - Float A and B, leave C full width on bottom */
@media all and (min-width: 40em) {
	
     .etasticJQM-rwd4 .ui-block-a {
      float: left;
      width: 34.925%;
    }

    .etasticJQM-rwd4 .ui-block-b {
      float: left;
      width: 64.925%;
    }	
    
.etasticJQM-rwd4 .ui-body {
    padding:1px 1px 1px 1px;
}    
 
    .etasticJQM-rwd4 {
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .etasticJQM-rwd4 .ui-body-a {
      min-height: 4em;
    }
    
    .etasticJQM-rwd4 .ui-block-a2 h2 {
      font-size: 1.1em;
      margin:0px;
      padding:0px;
    }
    
    .etasticJQM-rwd4 .ui-block-a p,
    .etasticJQM-rwd4 .ui-block-b p {
      font-size: 1em;
      padding: 0px;
    }
    .etasticJQM-rwd4 > div + div .ui-body {
        border-top-width: 1px;
    }
    .etasticJQM-rwd4 > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .etasticJQM-rwd4 > div:last-child .ui-body {
        border-left-width: 0;
    }
        .etasticJQM-rwd4 .ui-block-b .ui-body-a{
       padding:3px;
    }
	.etasticJQM-rwd4 .ui-block-a img {
		margin-top: 20px;
		max-width: 90%;
		padding: 3px;
		max-height:100%;
	}}
	
/* 1st breakpoint b - Float A and B, leave C full width on bottom */
@media all and (min-width: 40em) {

	.etasticJQM-rwd4 .ui-body {
    border-color: #ddd;
    padding:3px 3px 3px 3px;
    }
    .etasticJQM-rwd4 .ui-block-b .ui-body .ui-body-a {
      margin-top:3px;
    }
	.etasticJQM-rwd4 .ui-block-a img {
		margin-top: 1px;
		max-width: 90%;
		padding: 4px;
		max-height:100%;
	}
}	
	
	
/* 2nd breakpoint -*/
@media all and (min-width: 48em) {
   

     .etasticJQM-rwd4 .ui-block-a {
      float: left;
      width: 29.925%;
    }

    .etasticJQM-rwd4 .ui-block-b {
      float: left;
      width: 69.925%;
    }
    
    .etasticJQM-rwd4 .ui-block-b .ui-body-a{
       font-size: 175%;
       min-height: 6em;
       padding:12px;
    }
    
    .etasticJQM-rwd4 > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .etasticJQM-rwd4 > div + div .ui-body {
        border-left-width: 0;
    }
	.etasticJQM-rwd4 .ui-block-a img {
		margin-top: 10px;
		max-width: 90%;
		padding: 9px;
		max-height:100%;
	}
}
	/* 3rd breakpoint  */
	@media all and (min-width: 60em) {
	
	.etasticJQM-rwd4 .ui-block-b .ui-body-a{
       font-size: 200%;
       padding:16px;
       min-height: 7em;
    }
    
}

/* 4th breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {

        .etasticJQM-rwd4 .ui-block-a {
      float: left;
      width: 24.925%;
    }
    
    .etasticJQM-rwd4 .ui-block-b{
      float: left;
      width: 74.95%;
    }
    
	.etasticJQM-rwd4 .ui-block-a img {
		margin-top: 10px;
		max-width: 90%;
		padding: 9px;
		max-height:100%;
	}

}