::-webkit-scrollbar { 
    display: none; 
}

h2 
{
	color: #025080;
	font-weight: bold;
	padding: 15px 0px;
}

ul {
	list-style: none;
}

input[type="text"], input[type="password"]
{
	width: 91%;
	//height: 45px;
	line-height: 45px;
	font-size: 1.0em;
	padding: 0px 10px;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	//border: 1px solid #999;
}

input[type="text"].person
{
	background: #fff url(../images/icon_person.png) right no-repeat;
	width: 230px;
	padding-right: 30px;
}

input[type="text"].email
{
	background: #fff url(../images/icon_email.png) right no-repeat;
	width: 230px;
	padding-right: 30px;
}

input[type="checkbox"]
{
}

input.check 
{
	width: 250px;
}

input.credit 
{
	width: 250px;
}

input.dollarAmount {
    width: 250px;
}

select.dateSelect 
{
	width: 120px;
}

.regularFormFields li 
{
	padding: 5px 0px;
}

select 
{
	width: 270px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #999;
}

body 
{
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;
	padding-top: 40px;
}

@media (max-width: 979px) {
  body {
    padding-top: 40px;
  }
}

buttonx
{
	cursor: pointer;
	border: 0;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-wekbit-border-radius: 15px;
	height: 43px;
	line-height: 43px;
	font-size: 1.0em;
	padding: 0px 11px;
	border: 1px solid #999;
}

button.add 
{
	background: #045081 url(../images/icon_add.png) 8px 12px no-repeat;
	padding-left: 30px;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
}

button.red 
{
	background-color: #a91000;
	color: #fff;
}

button.guestList 
{
	position: absolute;
	top: 18px;
	left: 100px;
	height: 31px;
	line-height: 31px;
	padding: 0px 20px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: none;
}

button:focus {
	outline:0;
}

strong 
{
	font-weight: bold;
}

a {
	text-decoration: none;
	-webkit-tap-hilight-color: rgba(0,0,0,0.5);
}

#header 
{
	position: fixed;
	z-index: 400;
	top: 0;
	left: 0;
	width: 100%;
	height: 54px;
	line-height: 54px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.6);
	background-color: #004478;
	background-image: linear-gradient(top, rgb(0,111,157) 0%, rgb(0,39,119) 100%);
	background-image: -o-linear-gradient(top, rgb(0,111,157) 0%, rgb(0,39,119) 100%);
	background-image: -moz-linear-gradient(top, rgb(0,111,157) 0%, rgb(0,39,119) 100%);
	background-image: -webkit-linear-gradient(top, rgb(0,111,157) 0%, rgb(0,39,119) 100%);
	background-image: -ms-linear-gradient(top, rgb(0,111,157) 0%, rgb(0,39,119) 100%);
	font-weight: normal;
	font-size: 1.25em;
	border-bottom: 1px solid #222c3a;
	text-shadow: rgba(0, 0, 0, 0.7) 0 1px 0;
	color: #fff;
}

#header #logo 
{
	background: url(../images/uk_logo.png) 24px 11px no-repeat;
	padding-left:92px;
}

#header #subnav 
{
	position: absolute;
	top: 0;
	right: 20px;
	font-size: .75em;
	color: #fff;
}

#header #subnav a, #header #subnav a:link, #header #subnav a:active, #header #subnav a:hover 
{
	color: #fff;
}

#main 
{
	position: absolute;
	z-index: 1;
	top: 54px;
	bottom: 20px;
	width: 100%;
	background-color: #fff;
	color: #8f8f8f;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#mainFrame 
{
	padding: 20px;
}

#mask 
{
	position: absolute;
	z-index: 200;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.6);
}

#message 
{
	height: 28px;
	line-height: 28px;
	color: #506d10;
	padding-left: 3%;
	background-image: linear-gradient(top, rgb(210,232,160) 0%, rgb(210,232,160) 100%);
	background-image: -o-linear-gradient(top, rgb(210,232,160) 0%, rgb(210,232,160) 100%);
	background-image: -moz-linear-gradient(top, rgb(210,232,160) 0%, rgb(210,232,160) 100%);
	background-image: -webkit-linear-gradient(top, rgb(210,232,160) 0%, rgb(210,232,160) 100%);
	background-image: -ms-linear-gradient(top, rgb(210,232,160) 0%, rgb(210,232,160) 100%);
}

.overlay 
{
	z-index: 500;
}



#footer 
{
	position: fixed;
	z-index: 300;
	left: 0;
	height: 20px;
	line-height: 20px;
	bottom: 0;
	width: 100%;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: .688em;
}

.pageSection 
{
	position: absolute;
	top: 10px;
	bottom: 10px;
	border: 1px solid #666;
	background-color: #fff;
}

.pageSection.left 
{
	left: 10px;
}

.pageSection.right 
{
	right: 10px;
}

.pageSection h1 
{
	background-color: #093f63;
	color: #fff;
	font-size: 1.1em;
	height: 40px;
	line-height: 40px;
	text-align: left;
	padding-left: 10px;
	overflow: hidden;
}



.scroll 
{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#letsGetStarted 
{
	width: 90%;
	max-width: 630px;
	min-width: 288px;
	margin: 30px auto;
	color: #464646;
}

#addPayerPopup 
{
	position: absolute;
	width: 320px;
	top: 40px;
	left: 50%;
	margin-left: -160px;
}

#addGuestPay 
{
	width: 75%;
	max-width: 750px;
	margin: 20px auto 0px auto;
	/*background: url(../images/linen.jpg) repeat;*/
	padding: 28px 0px 20px 21px;
}

#addGuestPayForm strong 
{
	color: #4b4b4b;
}

#addGuestPayForm li 
{
	float: left;
	position: relative;
	width: 50%;
	min-width: 300px;
	margin-top: 22px;
}

#addGuestPayForm li .checkboxBox 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#addGuestPayForm li .checkboxText 
{
	position: relative;
	top: 0;
	left: 25px;
	padding-right: 55px;
	font-size: .9em;
	color: #6b6b6b;
}

.subtext 
{
	color: #6b6b6b;
	
}

.red 
{
	color: #a81003;
}

#hasGuestPayers 
{
	width: 90%;
	max-width: 750px;
	margin: 0px auto;
}

#previousPayments table
{
	width: 100%;
	margin-top: 10px;
}

#previousPayments table thead th 
{
	padding: 5px;
	text-align: left;
	color: #fff;
	background-color: #333;
}

#previousPayments table tbody tr 
{
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #666;
}

#guestPaymentHistoryLabel 
{
	padding: 5px;
	color: #000;
	background-color: #666;
	font-size: .8em;
	font-weight: bold;
	cursor: pointer;
	line-height: 30px;
}

#guestPaymentHistory table 
{
	width: 100%;
	border: 1px solid #000;
	font-size: .8em;
	margin-bottom: 20px;
}

#guestPaymentHistory table thead th 
{
	color: #fff;
	background-color: #000;
	padding: 5px;
	text-align: left;
}

#guestPaymentHistory table tbody td 
{
	padding: 5px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #666;
}

.borderBox 
{
	border: 1px solid #000;
	padding: 0px;
	margin: 0px;
	line-height: 10px;
}

/* ##################### */
/* GUEST PAY PORTION CSS */
/* ##################### */

.pageBlock
{
	width: 75%;
	max-width: 750px;
	margin: 20px auto 0px auto;
	/*background: url(../images/linen.jpg) repeat;*/
	padding: 28px 20px 20px 21px;
	color: #000;
}

.pageBlock p 
{
	padding: 5px 0px;
}

#guestLogin
{
	width: 75%;
	max-width: 750px;
	margin: 20px auto 0px auto;
	/*background: url(../images/linen.jpg) repeat;*/
	padding: 28px 20px 20px 20px;
}

#pageBlock
{
	width: 75%;
	max-width: 750px;
	margin: 20px auto 0px auto;
	/*background: url(../images/linen.jpg) repeat;*/
	padding: 28px 20px 20px 20px;
	color: #000;
}

#mainStudentList li 
{
	background-color: #ccc;
	color: #000;
	padding: 5px;
	margin-top: 10px;
}

#mainStudentList li a 
{
	display: block;
	height: 100%;
	width: 100%;
	font-weight: bold;
	text-decoration: none;
}

#mainStudentList li a:link, #mainStudentList li a:visited, #mainStudentList li a:active, #mainStudentList li a:hover 
{
	color: #000;
}

.removeStudent 
{
	float: right;
}
	

#payerTable 
{
	width: 100%;
	border: 1px solid #515151;
}

#payerTable select
{
	width: 165px;
}

#payerTable thead
{
	height: 55px;
	background-color: #636363;
	color: #fff;
}

#payerTable thead tr th 
{
	vertical-align: middle;
	text-align: left;
	padding: 5px 0px 5px 16px;
}

#payerTable tbody tr 
{
	height: 68px;
	border-bottom: 1px solid #c2c2c2;
}

#payerTable tbody tr:last-child
{
	border: 0;
}

#payerTable tbody tr td 
{
	vertical-align: middle;
	padding-left: 16px;
}

#payerTable tbody tr td.delete
{
	width: 65px;
	position: relative;
	background: url(../images/icon_delete.png) 50% 50% no-repeat;
	cursor: pointer;
}

#payments h1 
{
	background-color: #003;
	color: #fff;
	font-size: 1.2em;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
}

p.periodChange {
	text-align: right;
	padding: .3em;
	background-color: #fff;
	color: #000;
	border-width: 1px 0px;
	border-color: #000;
	border-style: solid;
}

table.studentDetailTable {
	border-bottom: 2px solid #000;
	color: #000;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	font-size: .8em;
}

table.studentDetailTable thead tr th {
	background-color: #000;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: .5em 0;
}

table.studentDetailTable td {
	background-color: #fafafa;
	padding: 0.5em;
	vertical-align: middle;
	height: 2em;
}

table.studentDetailTable tbody tr:nth-child(odd) td {
	background-color: #efefef;
}

table.studentDetailTable tbody tr:last-child td {
	border-bottom: solid 1px #404040;
}

table.studentDetailTable tbody tr.invoiceItem td:last-child {
	text-align: right;
	white-space : nowrap;
}

table.studentDetailTable tfoot tr td {
	background-color: #d0d0ff;
	text-align: right;
	font-size: 1.5em;
}

table.studentDetailTable tfoot tr.estaid td {
	background-color: #d0d0aa;
	text-align: right;
	font-size: 1.5em;
	line-height: 1em;
}

table.studentDetailTable tfoot tr td b {
	font-weight: bold;
}

.validation-summary-errors
{
	color: #900;
}

.checkFormFields li 
{
	padding-top: 10px;
}

.checkFormFields li label 
{
	display: inline-block;
	width: 130px;
}

#accountSummaryTable tr td:first-child 
{
	padding-right: 8px;
}


.warning 
{
	font-weight: bold;
}

.paymentMessages 
{
	color: #506d10;
	background-color: #d2e8a0;
	padding: 3px;
}

@media (max-width: 800px) 
{
	#hasGuestPayers, #addGuestPay 
	{
		width: auto;
	}
}



@media (max-width: 500px) 
{
	#header 
	{
		line-height: 27px;
	}
	
	#logo 
	{
		height: 54px;
	}
	
	#subnav 
	{
		top: 30px !important;
	}
	
	#guestLogin 
	{
		width: auto;
		margin: 0;
		padding: 15px 0px 15px 15px;
	}
	
	.pageBlock 
	{
		width: auto;
		margin: 0 auto;
	}
}


@media (max-width: 380px) 
{
	
	#header 
	{
		font-size: 1em;
	}
	
	#mainFrame 
	{
		padding: 0;
	}
}

#maintenanceWindowForm select 
{
	width: auto;
}

fieldset 
{
	border-color: #000 !important;
	margin: 15px;
}

.adminTable tr td 
{
	padding: 8px;
}

#housingPaymentTable 
{
    width: 75%;
    margin-bottom: 10px;
    margin: 0px auto;
}

#housingPaymentTable td, th
{
    padding: 5px;
}

#housingPaymentTable th 
{
    background-color: #000;
    color: #fff;
}

#housingPaymentTable th:first-child, td:first-child 
{
    text-align: left;
}

#housingPaymentTable th:last-child, td:last-child 
{
    text-align: right;
}

#housingPaymentTable tfoot 
{
    font-weight: bold;
}

#housingPaymentTable tbody
{
    border-bottom: 1px solid #000;
}

#housingPaymentTable tbody tr:first-child td
{
    padding-top: 10px;
}

#housingPaymentTable tfoot tr td
{
    padding-top: 8px;
}

.instruction {
    display: none;
    padding: 8px 8px 8px 25px;
    border: 1px solid #999;
    cursor: pointer;
    background: #fff url('../images/close.png') no-repeat top left;
}

#fullPageLightBox {
	display: none;
     position: fixed;
     z-index: 9999;
     width: 100%;
     height: 100%;
     text-align: center;
     top: 0;
     left: 0;
     background: rgba(0,0,0,0.5);
}

#customLoader {
	position: absolute;
	top: 45%;
	left: 45%;
  border: 16px solid rgba(255,255,255,.5);
  border-radius: 50%;
  border-top: 16px solid #3498db;
  border-bottom: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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

.btn-primary {
	color: #fff !important;
}

.navbar-nav > li > a {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	margin-top: 8px;
}

.navbar-nav > li > a:hover {
	color: #fff !important;
	background-color: #357ebd !important; 
}

/* Page loader */

#loaderContainer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
}

.loader {
	position: absolute;
	top: calc(50% - 60px);
	left: calc(50% - 60px);
    border: 16px solid rgba(255,255,255,0.5);
    border-top: 16px solid rgba(80,160,200, 0.8);
	border-bottom: 16px solid rgba(80,160,200, 0.8);
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

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

#monthEndTable td:last-child {
	text-align: left !important;
}

#monthEndTable th {
	cursor: pointer;
}