.loader {
	border: 10px solid #f3f3f3;
	border-radius: 50%;
	border-top: 10px solid #3498db;
	width: 36px;
	height: 36px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	vertical-align: middle;
	float: right;
}

/* Safari */
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* Basic styles */
.rwd-main .ui-body {
    text-align: left;
    border-color: #ddd;
}
.rwd-main p {
    color: #777;
    line-height: 140%
}
/* Stack all blocks to start */
.rwd-main .ui-block-a,
.rwd-main .ui-block-b,
.rwd-main .ui-block-c {
    width: 100%;
    float: none;
}
.rwd-content .ui-block-d,
.rwd-content .ui-block-e{
	width:100%;
}
.ui-body {
    padding: 0;
}
.ui-btn-right{
	padding-left:10px;
}
.ui-header, .ui-footer {
    padding:10px;
	font-size: 125%;
}
.ui-input-text, .ui-input-search, .ui-select {
    margin: 0.2em 0;
}
.rwd-main .ui-body {
  /*font-size: 125%;*/
}
.rwd-content{
	float:left;
	width: 100%;
}
.ui-input-btn{
	width:30%;
}
.ui-grid-a .ui-block-a,
.ui-grid-a .ui-block-b{
	float: left;
    width: 40% !important;
}
.ui-grid-a .ui-block-b{
	margin-left:20%;
}
.ui-grid-a .ui-block-a,
.ui-grid-a .ui-block-b{
	padding:0;
	background-color: #F9F9F9;
    border-color: #F9F9F9;
}


 
.image{
	color: #000000;
    font-family: Georgia;
    text-decoration: none;
	font-size: 90%;
}

.wrapper {
	max-width:800px;
	width:95%;
	margin:0 auto;
	position:relative;
}

#Form1 textarea {
	width:100%;	
	margin:0 0 5px;
	padding:10px;
	
}
.phone{
	background: url("../Images/phone.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    float: right;
    height: 32px;
    overflow: hidden;
    padding-right: 10%;
    text-indent: 110%;
    white-space: nowrap;
    width: 32px;
}
.cards {
	list-style: none outside none;
    padding: 0;
	width:100%;
}
.cards li {
	display: inline;
	transition: all .2s;
	background-image: url(../Images/card_logos_s.png);
	background-position: 0 0;
	float: left;
	height: 28px;
	margin-right: 5px;
	text-indent: -9999px;
	width: 45px;
}
.cards .visa.off {
    background-position: 0 28px;
}
.cards .visa_electron {
    background-position: 180px 0;
}
.cards .visa_electron.off {
    background-position: 180px 28px;
}
.cards .mastercard {
    background-position: 135px 0;
}
.cards .mastercard.off{
    background-position: 135px 28px;
}
.cards .maestro {
    background-position: 90px 0;
}
.cards .maestro.off{
    background-position: 90px 28px;
}
.cards .discover {
    background-position: 45px 0;
}
.cards .discover.off {
    background-position: 45px 28px;
}
input.valid {
	background: url(../Images/tick.png) 98% center no-repeat;
}
/* Collapsing borders */
.rwd-main > 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) {
	
    .rwd-main .ui-block-a,
    .rwd-main .ui-block-c {
      float: left;
      width: 7.5%;
    }
    .rwd-main .ui-block-b{
      float: left;
      width: 85%;
    }
	
	.rwd-content .ui-block-d,
	.rwd-content .ui-block-e{
		margin-right: 5%;
		width: 45%;
	}
	
	.ui-input-btn{
		width:32%;
	}
	
	.image{
		font-size: 100%;
	}
	
	.phone{
		background: none;
		content: "";
		float: right;
		height: 32px;
		overflow: hidden;
		padding-right: 10px;
		padding-top: 12px;
		text-indent: 0;
		white-space: nowrap;
		width: auto;
	}
	.cards {
		list-style: none outside none;
		padding: 0;
	}
	
    .rwd-main > div + div .ui-body {
        border-top-width: 1px;
    }
    .rwd-main > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .rwd-main > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 55em) {
    .rwd-main .ui-block-a,
    .rwd-main .ui-block-c {
      float: left;
      width: 12.5%;
    }
    .rwd-main .ui-block-b{
      float: left;
      width: 75%;
    }
    .bgLogo{
		background:url("../Images/logo-gainesville.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		margin: 0 !important;
	}
	
	.ui-input-btn{
		width:30%;
	}
	
	.rwd-content .ui-block-d,
	.rwd-content .ui-block-e{
		margin-right: 5%;
		width: 45%;
	}
	
	.image{
		font-size: 100%;
	}
	
	.phone{
		background: none;
		content: "";
		float: right;
		height: 32px;
		overflow: hidden;
		padding-right: 10px;
		padding-top: 12px;
		text-indent: 0;
		white-space: nowrap;
		width: auto;
	}
	.cards {
		list-style: none outside none;
		padding: 0;
	}
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {
    .rwd-main .ui-block-a,
    .rwd-main .ui-block-c {
      float: left;
      width: 12.5%;
    }
    .rwd-main .ui-block-b{
      float: left;
      width: 75%;
    }
	
	.bgLogo{
		background:url("../Images/logo-gainesville.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		margin: 0 !important;
	}
	
	.ui-input-btn{
		width:22%;
	}
	
	.rwd-content .ui-block-d,
	.rwd-content .ui-block-e{
		margin-right: 5%;
		width: 45%;
	}
	
	.image{
		font-size: 100%;
	}
	
	.phone{
		background: none;
		content: "";
		float: right;
		height: 32px;
		overflow: hidden;
		padding-right: 10px;
		padding-top: 12px;
		text-indent: 0;
		white-space: nowrap;
		width: auto;
	}
	.cards {
		list-style: none outside none;
		padding: 0;
	}
}

input[type=number]::-webkit-outer-spin-button {
    display: none;
}
input[type=number]::-webkit-inner-spin-button {
    display: none;
}
ul.cards
{
	margin:10px;
	float: left;
}

 @media print 
 {
      .noprint  { display: none; } 
      #SummaryPayment  { display: inline; } 
     
 }