@charset "utf-8";
body {
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
	background-image:
    linear-gradient(
      #4f8e97, #93c2c9, #4f8e97
    );
	//*background-image:url(images/bgline.jpg);*//
	margin-top:0;
	height:100%;
	
}
input {min-height:35px;
	font-size:1.2em !important;
}
#datefield {
	max-width:50px;
	max-height:35px;
	font-size:1.5em;
}
.notebox500px {width:500px; height:40px;}
.txt1PT1em {font-size:1.1em;}
.txt1PT2em {font-size:1.2em;}
.txt1PT3em {font-size:1.3em;}
.txt1PT4em {font-size:1.4em;}
.txt1PT5em {font-size:1.5em;}
.txt1PT6em {font-size:1.6em;}
.txt1PT7em {font-size:1.7em;}
.txt1PT8em {font-size:1.8em;}
.txt1PT9em {font-size:1.9em;}
.txt2PTem {font-size:2em;}
.txt2PT1em {font-size:2.1em;}
.txt2PT2em {font-size:2.2em;}
.txt2PT3em {font-size:2.3em;}
.txt2PT4em {font-size:2.4em;}
.txt2PT5em {font-size:2.5em;}
.txt2PT6em {font-size:2.6em;}
.txt2PT7em {font-size:2.7em;}
.txt2PT8em {font-size:2.8em;}
.txt2PT9em {font-size:2.9em;}
.txt3PTem {font-size:3em;}
.txt3PT1em {font-size:3.1em;}
.txt3PT2em {font-size:3.2em;}
.txt3PT3em {font-size:3.3em;}
.txt3PT4em {font-size:3.4em;}
.txt3PT5em {font-size:3.5em;}
.txt3PT6em {font-size:3.6em;}
.txt3PT7em {font-size:3.7em;}
.txt3PT8em {font-size:3.8em;}
.txt3PT9em {font-size:3.9em;}
.txt4PTem {font-size:4em;}
.onecol {width:8.333%;}
.twocol {width:16.666%;}
.threecol {width:25%;}
.fourcol {width:33.333%;}
.fivecol {width:41.666%;}
.sixcol {width:50%}
.sevencol {width:58.333%;}
.eightcol {width:66.666%;}
.ninecol {width:75%}
.tencol {width:83.333%}
.elevencol {width:91.666%}
.twelvecol {width:100%;}

.reportitem {font-size:.8em; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

.fullwidth {width:100%;}
.inlineblock {display:inline-block;}
.pagecontainer {width:600px; margin-right:auto; margin-left:auto; border:1px solid #000; border-radius:8px;}
#onedigitbox {
	width:1em; 
	max-height:10px !important; 
	line-height:10px; 
	padding:0; 
	text-align:center; 
}
#twodigitbox {
	width:1.6em; 
	max-height:10px !important; 
	line-height:10px; 
	padding:0; 
	text-align:center; 
}
.moneyfield {width:45px;}
.txt50field {width:50px;}
.txt75field {width:75px;}
.txt100field {width:100px;}
.txt125field {width:125px;}
.txt150field {width:150px;}
.txt175field {width:175px;}
.txt200field {width:200px;}
.txt225field {width:225px;}
.txt250field {width:250px;}
.txt275field {width:275px;}
.txt300field {width:300px;}
.txt90pctfield {width:90%;}
.txt95pctfield {width:95%;}
.txt100pctfield {width:100%;}
.div5pct {width:5%;}
.div10pct {width:10%;}
.div15pct {width:15%;}
.div20pct {width:20%;}
.div25pct {width:25%;}
.div30pct {width:30%;}
.div35pct {width:35%;}
.div40pct {width:40%;}
.div45pct {width:45%;}
.div50pct {width:50%;}
.margin5 {margin:5px;}
.margin10 {margin:10px;}
.margin15 {margin:15px;}
.margin20 {margin:20px;}
.margin5rt {margin-right:5px;}
.margin10rt {margin-right:10px;}
.margin15rt {margin-right:15px;}
.margin20rt {margin-right:20px;}
.margin25rt {margin-right:25px;}
.margin30rt {margin-right:30px;}
.margin35rt {margin-right:35px;}
.margin40rt {margin-right:40px;}
.margin5lt {margin-left:5px;}
.margin10lt {margin-left:10px;}
.margin15lt {margin-left:15px;}
.margin20lt {margin-left:20px;}
.margin5top {margin-top:5px;}
.margin10top {margin-top:10px;}
.margin15top {margin-top:15px;}
.margin20top {margin-top:20px;}
.margin5bot {margin-bottom:5px;}
.margin10bot {margin-bottom:10px;}
.margin15bot {margin-bottom:15px;}
.margin20bot {margin-bottom:20px;}
.entrycodedivs {width:25%;}
.permissiondivs {width:33.333%;}
.padding5px {padding:5px;}
.graybglt {background-color:#F9F9F9;}
.graybg {background-color:#F2F2F2;}
.graybgdrk {background-color:#CCC;}
.providermaindiv {text-align:left; margin:10px 0 0 2px; padding:2px; width:98%; border:1px solid #EAEAEA; border-radius:10px; box-shadow:2px 2px 2px #CCC;}
.providersubdiv  {display:inline-block; text-align:left; padding:5px;}
.providersubtitle {font-weight:bold; font-size:1.2em; text-align:center; width:100%;}

@media only screen and (max-device-width:480px) {
.fortyfive2full, .fortyeight2full, .fifty2full {
	width:100% !important;
}
}

.fortyfive2full {
	width:45%;
}
.fortyeight2full {
	width:48%;
}
.fifty2full {
	width:50%;
}
.borderlined {border:1px solid #000;}


@media only screen and (max-device-width:480px) {

.pagecontainer {width:335px;}
.providermaindiv {width:96%;}
.notebox500px {width:300px; height:40px;}
.onecol {width:100%;}
.twocol {width:100%;}
.threecol {width:30%;}
.fourcol {width:100%; display:inline-block;}
.fivecol {width:100%;}
.sixcol {width:100%}
.sevencol {width:100%;}
.eightcol {width:100%;}	
.txt125field {width:100%; !important}
.div5pct {width:15%;}
.div10pct {width:20%;}
.div15pct {width:30%;}
.div20pct {width:90%;}
.div25pct {width:90%;}
.div30pct {width:90%;}
.div35pct {width:90%;}
.div45pct {width:90%;}
.entrycodedivs {width:31.333%;}
.permissiondivs {width:48.333%;}
}

@media only screen and (max-device-width:820px) {
.div45pct {width:48%;}	
}
	
h1 {
	font-size: 22px;
	color:#FC0;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 2px 0 #000,
    1px 3px 3px #000;
	letter-spacing: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top:0px;
	margin-bottom:15px;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
	
	
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	
	
	-moz-border-top-left-radius:15px;
	-moz-border-top-right-radius:15px;
	
	
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
}
h2 {
	font-size: 18px;
	font-weight: bold;
}

a:link {
	color:#69C;
}
a:visited {
	color: #69c;
}
a:hover {
	color: #F00;
}
a:active {
	color: #F00;
}

#admin-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}


#clist {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-left: auto;
	margin-right: auto;

}
.clienttable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

.clienttable_titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}

#roomcondition {
	min-height:55px; 
	width:100%; 
	border:1px solid #000 !important;  
	margin-left:auto; 
	margin-right:auto;
}

.maincontainer {
	font-size: 12px;
	width: 96%;
	min-height: 750px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	padding:0 0 50px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	border: solid;
	border-width: 1px;
	border-color: #000;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	-moz-border-top-left-radius: 15px;
	-moz-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
	box-shadow: 0 1px 0px 0px black, 0 -1px 0px 0px black, 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);
	-webkit-box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
	-webkitbox-shadow: 0 1px 0px 0px black, 0 -1px 0px 0px black, 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);
	-moz-box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
	-moz-box-shadow: 0 1px 0px 0px black, 0 -1px 0px 0px black, 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);

	
	
	//*-webkit-box-shadow: 1px 5px 2px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 5px 2px 5px rgba(0,0,0,0.25);
	box-shadow: 1px 5px 2px 5px rgba(0,0,0,0.25);*//
}

.printercontainer {
	font-size: 12px;
	width: 96%;
	min-height: 750px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	padding:0 0 50px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;	
}

.headerimg {
	
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	
	
	-moz-border-top-left-radius:15px;
	-moz-border-top-right-radius:15px;
	
	
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
}

#botline {
	border-style:solid;
	border-width:thin;
	border-left-color:#FFF;
	border-right-color:#FFF;
	border-top-color:#FFF;
	border-bottom-color:#000000;
	padding-bottom:5px;
}

#submit {
    background-color:#339;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #fff;
    font-family: 'Arial';
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    border:none;
	padding:8px;
	margin-bottom:5px;
}



#submit:hover {
    border: none;
    background:	#0C6;
    box-shadow: 0px 0px 1px #777;
    color: #000;
	font-size: 13px;
	font-weight:bold;
}

img { max-width: 100%; height: auto}



.generalbuttons {
	display:inline-block;
	font-size: 1em !important;
	background: #e3eff5 !important;
    padding: 4px 12px;
	margin: 2px;
	line-height:20px;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	border: solid 1px #da7c0c;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    
}

#nav_button_submit {
    display: inline-block;
    outline:none; 
    cursor: pointer;
    border: solid 1px #da7c0c;
    background: #e3eff5;
    text-align: center;
    text-decoration: none;
    /*font-size: 10px/50% Arial, Helvetica, sans-serif #ffffff;*/
	/*font-size: 1.5vh;*/
	font-size:1em !important;
	color:#005984;
    /*padding1: .5em .5em .55em;*/
	/*padding-top: 2px !important;*/
	/*line-height:2px !important;*/
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .3em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	/*margin:3px 2px;*/
}

.nav_button_small {
    display: inline-block;
    outline:none; 
    cursor: pointer;
    border: solid 1px #da7c0c;
    background: #e3eff5;
    text-align: center;
    text-decoration: none;
    font-size: 10px/50% Arial, Helvetica, sans-serif #ffffff;
	font-size: 1.5vh;
    padding1: .5em 2em .55em;
	padding: 2px 4px;
	line-height:10px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .3em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin:3px 2px;
}

.nav_button_medium {
    display: inline-block;
    outline:none; 
    cursor: pointer;
    border: solid 1px #da7c0c;
    background: #e3eff5;
    text-align: center;
    text-decoration: none;
    font-size: 15px/50% Arial, Helvetica, sans-serif #ffffff;
	font-size: 1.5vh;
    padding1: .5em 2em .55em;
	padding: 8px 4px;
	line-height:10px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .3em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin:3px 2px;
}

.nav_button {
    display: inline-block;
    /*outline:solid;*/
    cursor: pointer;
    border: solid 1px #da7c0c;
    background: #e3eff5;
    text-align: center;
    text-decoration: none;
    font-size: 10px/50% Arial, Helvetica, sans-serif #ffffff;
	font-size: 1.5vh;
    padding1: .5em 2em .55em;
	padding: 8px 4px;
	line-height:10px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .3em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin:3px 2px;
}

.nav_button:link, .generalbuttons:link{
    color:#004080 !important;
}

.nav_button:visited, .generalbuttons:visited {
	color:#004080 !important;
}

.nav_button:hover, .generalbuttons:hover, .nav_button_medium:hover, .nav_button_small:hover, #nav_button_submit:hover {
	color:#ffffff !important;
    background: #0074c4;
    background: -webkit-gradient(linear, left top, left bottom, from(#0074c4), to(#3186ae));
    background: -moz-linear-gradient(top,  #0074c4,  #3186ae);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074c4', endColorstr='#3186ae');
}

.nav_button:active, .generalbuttons:active, .nav_buttons:link, .nav_button_medium:active, .nav_button_small:active {
    position: relative;
    top: 1px;
}


.pgcontainer {width:100%; margin-left:auto; margin-right:auto;
}
	
 
.clientcontainer {
	width: 300px;
	font-size: 1.35rem;
	border:0px solid #000;
	height:25px;
	padding-top:10px;}
	
.clientbox{
    background-color: white;
    float:left;
    margin-left:auto;
	margin-right:auto;
	padding-left:1px;
	border:0px solid #000;
	vertical-text-align: middle !important;}
	
.clienttext{
    padding-left: 3px;
    color:black;
    font-weight:bold;
    text-align:left;
	margin-left:auto;
	margin-right:auto;
	}

.iconcontainer {width: 300px;
	margin-left:auto; 
	margin-right:auto;
	border-bottom:1px solid #000;
	height:35px;}

.iconbox{
    background-color: white;
    float:left;
	border:0px solid #000;
	padding-left:1px;
	margin-left:auto;
	margin-right:auto;}
	
.icontext{
    color:black;
    font-weight:bold;
    text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-right:15px;}

.bot_instructions {
	text-align: center; 
	padding-top:15px; 
	line-height:15px;
	color:#09F;
}

.accbal {	
	color:white; 
	font-size:13px;
	line-height:30px;
	padding: 5px 10px;
	border: 1px solid #000; 
	border-radius:25px;
	box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
}
#BgGreen {
	background-color:#339900; 
}

#BgRed {
	background-color:#cc0000;  
}

.clientnavicon {
	width:25px !important;
	height:25px !important;
	border:0px !important;
}

	/*Begin Pay History Table CSS*/
.PHTable {
	max-width:650px;
	margin-left:auto;
	margin-right:auto;
	border:1px #FC0 dashed;
}	
.PHRow {
	width:100%;
	border:0px #000 dashed;
}
.PHDiv {
	display:inline-block;
}
.PHTitles {
	font-weight:bold;
	text-decoration:underline;
}
.PHSumLine {
	border:1px;
	border-color:#000;
	border-top:double;
	width:50%;
}

	/*End Pay History Table CSS*/
	

@media only screen and (min-width:600px)
{
.nav_button {
    display: inline-block;
    outline:none; 
    cursor: pointer;
    border: solid 1px #da7c0c;
    background: #e3eff5;
    text-align: center;
    text-decoration: none;
    font-size: 10px/50% Arial, Helvetica, sans-serif #ffffff;
	font-size: 2.0vh;
    padding1: .5em 2em .55em;
	padding: 16px 8px;
	line-height:10px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .3em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin:3px 2px;
}
}

@media screen and (max-width:480px) and (min-width:325px) 
{
.clientnavicon {
	width:35px !important;
	height:35px !important;  
}
#clientnavicon {
	width:35px !important;
	height:35px !important;
}
.pagetitle {
	font-size:1.5em;
}

	/*Begin Pay History Table CSS*/
	
.PHTable {
	width:100%;
	border:1px #FC0 dashed;
	text-align:left;
}
.PHLeftSpacer {
	width:40px;
	text-align:left;
	border:0px #F00 solid;
}
.PHDate {
	width:50px;
	text-align:left;
	vertical-align:top;
	padding:4px 0 0 0;
}

.PHDateFont {
	font-size:1em;
	padding:4px 0 0 0;
}
.PHDetails {
	width:100px;
	text-align:left;
	vertical-align:top;
	padding:4px 0 0 0;
}
.PHCredits {
	width:40px;
	text-align:left;
	vertical-align:top;
	padding:4px 0 0 0;
}
.PHDebits {
	width:45px;
	text-align:left;
	vertical-align:top;
	padding:4px 0 0 0;
}
.PHInvoices {
	width:40px;
	text-align:left;
	vertical-align:top;
	padding:4px 0 0 0;
}

	/*End Pay History Table CSS*/
	
#roomcondition {
	min-height:55px; 
	min-width:100% !important; 
	border:1px solid #000 !important;  
	margin-left:auto; 
	margin-right:auto;
}	

}

@media screen and (max-width:699px) and (min-width:481px) 
{
.clientnavicon {
	width:35px !important;
	height:35px !important;  
}
#clientnavicon {
	width:35px !important;
	height:35px !important;
}

	/*Begin Pay History Table CSS*/
	
.PHTable {
	max-width:650px;
	margin-left:auto;
	margin-right:auto;
	border:1px #FC0 dashed;
}

.PHLeftSpacer {
	width:60px;
	text-align:left;

}
.PHDate {
	width:10%;
	text-align:left;
}
.PHDetails {
	width:45%;
	text-align:left;
}
.PHCredits {
	width:8%;
	text-align:right;
	margin:0 10px 0 0;
}
.PHDebits {
	width:8%;
	text-align:right;
	margin:0 10px 0 0;
}
.PHInvoices {
	width:8%;
	text-align:right;
	margin:0 0 0 5px;
}

	/*End Pay History Table CSS*/
	


}

@media screen and (max-width:1000px) and (min-width:700px) 
{


.clientnavicon {
	width:35px !important;
	height:35px !important;  
}
#clientnavicon {
	width:35px !important;
	height:35px !important;
}

	/*Begin Pay History Table CSS*/
	
.PHTable {
	max-width:650px;
	margin-left:auto;
	margin-right:auto;
	border:1px #FC0 dashed;
}
.PHLeftSpacer {
	width:60px;
	text-align:left;
	white-space:nowrap;
}
.PHDate {
	width:50px;
	text-align:left;
}
.PHDetails {
	width:270px;
	text-align:left;
}
.PHCredits {
	width:45px;
	text-align:right;
	margin:0 10px 0 0;
}
.PHDebits {
	width:45px;
	text-align:right;
	margin:0 10px 0 0;
}
.PHInvoices {
	width:45px;
	text-align:right;
	margin:0 0 0 8px;
}

	/*End Pay History Table CSS*/

}

@media screen and (max-width:2000px) and (min-width:1001px) 
{
.clientnavicon {
	width:3em !important;
	height:3em !important;
}

	/*Begin Pay History Table CSS*/
	
.PHTable {
	max-width:650px;
	margin-left:auto;
	margin-right:auto;
	border:1px #FC0 dashed;
}
.PHLeftSpacer {
	width:50px;
}
.PHDate {
	width:50px;
	text-align:left;
}
.PHDetails {
	width:270px;
	text-align:left;
}
.PHCredits {
	width:50px;
	text-align:right;
	margin:0 5px 0 0;
}
.PHDebits {
	width:50px;
	text-align:right;
	margin:0 5px 0 0;
}
.PHInvoices {
	width:50px;
	text-align:right;
	margin:0 0 0 5px;
}

	/*End Pay History Table CSS*/

}