@charset "utf-8";
/* CSS Document */



/* Default CSS View */

@media screen and (min-width: 1920px){
	
	.form-style-10 .checkBox input, 
	.form-style-10 .checkBox label, 
	.form-style-10 .socHist input, 
	.form-style-10 .socHist label,
	.form-style-10 .optionBox input, 
	.form-style-10 .optionBox label {
		font-size: 1em;
	}
	.patientInfo h3 span.notification {
		font-size: 1.5em
	}
	.patientInfo h3 span {
		font-size: 1.25em;
	}
	.FSRFV {
		font-size: 1em;
		min-width: 47%;
	}	
	#companyNameTable .tableHeader {
		font-size: 1em;
	}
	
	#companyNameTable li {
		font-size: 1.25em;
		padding: 10px 15px;
	}
	.jesusSearchInput{
		width:1210px;
	}
	#siteSearch {
		display: none;
	}
	#healthHistorySet .labelHeading {
		width:75%;
	}
	#healthHistorySet label {
		font-size:1.4em;
	}
	#healthHistorySet input[type="checkbox"],#healthHistorySet .optionBox input[type="radio"] {
		width:20px;
		height:20px;
	}

}

/* Desktop CSS View */

@media screen and (max-width:1920px) and (min-width: 1281px){

	.form-style-10 .checkBox input, 
	.form-style-10 .checkBox label, 
	.form-style-10 .socHist input, 
	.form-style-10 .socHist label,
	.form-style-10 .optionBox input, 
	.form-style-10 .optionBox label {
		font-size: 1em;
	}
	.patientInfo h3 span.notification {
		font-size: 1.25em
	}
	.patientInfo h3 span {
		font-size: 1em;
	}
	.FSRFV {
		font-size: 1em;
		min-width: 47%;
	}	
	#companyNameTable .tableHeader {
		font-size: 1em;
	}
	
	#companyNameTable li {
		font-size: 1.25em;
		padding: 10px 15px;
	}
	.jesusSearchInput{
		width:575px;
	}
	#siteSearch {
		display: none;
	}
	#healthHistorySet .labelHeading {
		width:65%;
	}
}

/* Tablet View */

@media screen and (max-width:1280px) and (min-width: 961px){
	

	#companyName h3{
		margin-top: 7px;
		font-size: .65em;
	}
	.profileOptions .buttonStyle1 {
    	font: bold 1em/2em Arial, Helvetica;
	}
	.submitButton {
    	font: bold 1em/2em Arial, Helvetica;
	}
	.patientInfo h3{
		font-size: 1.3em;
		padding: 10px 0px;
	}
	form.iospass input.idnumber{
		margin: 20px 3.3%;
		min-height: 110px;
		width: 10%;
		font-size: 4em;
	}
	.form-style-10 .checkBox input[type=checkbox],
	.form-style-10 .socHist input[type=checkbox],
	.form-style-10 .optionBox input[type=radio] {
		width:25px;
		height: 25px;
	 }
	.FSRFV {
		font-size: 1em;
		min-width: 45%;
	}
	
	#companyNameTable .tableHeader {
		font-size: 1em;
	}
	#healthHistorySet .labelHeading {
		width:50%;
	}
	#companyNameTable li {
		font-size: 1.5em;
		padding: 15px 15px;
	}
	#searchform #searchfield {
		font: bold 1.5em/2em Arial, Helvetica;
	}
	#searchform #searchbutton {
		font: bold 1.5em/2em Arial, Helvetica;
	}
	#jesusSearchTop {
		display:none
	}
	.jesusSearchInput{
		width: 70%;
	}
	.jesusSearchSelect{
		width: 25%;
	}
	.jesusSearchHolder{
		width: 5%;
	}
	.buzzTile figcaption{
		font-size: 1em;
	}

}

/* Mobile view */

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

	#companyName h3{
		display:none;
	}
	.form-style-10{
		width: 100%;
		min-width: 320px;
		
	}
	.tableLabel {
		text-align:left;
		display: inline-block;
		width: 100%;
	}
	.tableInput, .tableSelect {
		display:inline-block;
		width: 100%;
	}
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
	.profileOptions .buttonStyle1 {
    	font: bold 1.25em/2em Arial, Helvetica;
	}
	.submitButton {
    	font: bold 1.25em/2em Arial, Helvetica;
	}
	.staffOptions a {
		width: 98%;
		margin: 10px 0px;
	}
	.profileOptions {
		margin-top: 5px;
		width: 100%;
		float:left;
	}
	form.iospass input.idnumber{
		margin: 20px 3.3%;
		min-height: 70px;
		width: 10%;
		font-size: 2em;
	
	}
	.form-style-10 .checkBox input[type=checkbox],
	.form-style-10 .socHist input[type=checkbox],
	.form-style-10 .optionBox input[type=radio] {
		width:20px;
		height: 20px;
	 }
	.form-style-10 .optionBox label {
		font-size:.95em
	}
	
	.form-style-10 input[type="button"], 
	.form-style-10 input[type="submit"],
	.form-style-10 .submit{
		width: 100%;
		font-size: 1.5em;
		margin: 10px 0px;
	}
	.FSRFV {
		font-size: 2em;
		min-width: 96%;
	}
	#healthHistorySet .labelHeading {
		width:50%;
	}
	.form-style-10 .checkBox label, .form-style-10 .socHist label, .form-style-10 .optionBox label {
		font-size:.95em;
	}
	#companyNameTable .tableHeader {
		font-size: 1em;
	}
	
	#companyNameTable li {
		font-size: 2em;
		padding: 20px 15px;
	}
	#Search {
		padding:5px 20px
	}
	#searchform input {
		padding: 0px 10px;
	}
	#searchform #searchfield {
		padding: 0px 10px;
		width: 80%;
		font: bold 1.5em/2em Arial, Helvetica;
	}
	#searchform #searchbutton {
		padding: 0px 10px;
		width: 18%;
		font: bold 1.5em/2em Arial, Helvetica;
	}
	#jesusSearchTop, #companyName {
		display:none
	}
	.jesusSearchInput{
		width: 70%;
	}
	.jesusSearchSelect{
		width: 25%;
	}
	.jesusSearchHolder{
		width: 5%;
	}
	#billingModules {
		padding: 0;
	}
/*
#billingBuzz {
	display:none;
}
*/

	.buzzTile{
		display: block;
	}
	.buzzTile figcaption{
		font-size: 1.2em;
	}
	.dataTable {
		display: block;
		/*margin: 44px 0 0 0;*/
	}

	.dataCaption {
		/*position: fixed;*/
		top: 0;
		text-align: center;
		height: 44px;
		line-height: 44px;
		z-index: 5;
		border-bottom: 2px solid #999;
	}

	.dataRow { 
		position: relative;
		display: block;
		border-bottom: 1px solid #ccc; 

	}

	.dataHeader-row {
		display: none;
	}
	
	.dataCell { 
		display: block;

		border: none;
		position: relative;
		height: 45px;
		line-height: 45px;
		text-align: left;
	}

	.dataPrimary:after {
		content: "";
		display: block;
		position: absolute;
		right:20px;
		top:18px;
		z-index: 2;
		width: 0; 
		height: 0; 
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent; 
		border-right:10px solid #ccc;

	}
	.dataCell:nth-of-type(n+2) { 
		display: none; 
	}
	.dataTable input[type="radio"],
	.dataTable input[type="checkbox"] {
		display: block;
		position: absolute;
		z-index: 1;
		width: 99%;
		height: 100%;
		opacity: 0;
	}
	.dataTable input[type="radio"]:checked,
	.dataTable input[type="checkbox"]:checked {
	  z-index: -1;
	}
	.dataTable input[type="radio"]:checked ~ .dataCell,
	.dataTable input[type="checkbox"]:checked ~ .dataCell {
		display: block;

		border-bottom: 1px solid #eee; 
	}
	.dataTable input[type="radio"]:checked ~ .dataCell:nth-of-type(n+2),
	.dataTable input[type="checkbox"]:checked ~ .dataCell:nth-of-type(n+2) {
		
		background: #e0e0e0;
	}
	.dataTable input[type="radio"]:checked ~ .dataCell:nth-of-type(n+2):before,
	.dataTable input[type="checkbox"]:checked ~ .dataCell:nth-of-type(n+2):before {
		content: attr(data-label);
		display: inline-block;
		width: 60px;
		background: #999;
		border-radius: 10px;
		height: 20px;
		margin-right: 10px;
		font-size: 12px;
		line-height: 20px;
		text-align: center;
		color: white;
	}
	.dataTable input[type="radio"]:checked ~ .dataPrimary,
	.dataTable input[type="checkbox"]:checked ~ .dataPrimary  {
		border-bottom: 2px solid #999;
	}
	.dataTable input[type="radio"]:checked ~ .dataPrimary:after,
	.dataTable input[type="checkbox"]:checked ~ .dataPrimary:after {
		position: absolute;
		right:18px;
		top:22px;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent; 
		border-top:10px solid #ccc;
		z-index: 2;
	}
	.halfWidth {
		width: 98%;
	}
}

/* Tablet View */

@media screen and (max-width:500px) and (min-width: 320px){
	.jesusSearchInput{
		width: 60%;
	}
	.jesusSearchSelect{
		width: 25%;
	}
	.jesusSearchHolder{
		width: 15%;
	}
}