@-ms-viewport { width: device-width; }

@media all and (min-width: 460px) and (max-width: 767px) {
	
	.tooltip span:first-child	{ left: 0; margin: 14px 0 0 0; }
	
	#login_frame .tabletMenu	{ display: none; }
	
	.fhLogo,
	.ssl				{ bottom: 73px; }
	
	.motto				{ font-size: 15px; padding: 20px 30px 0 0; }
	
	#admin_frame,
	#profuser_frame,
	#patient_frame,
	#cowner_frame		{ overflow: visible; }
	.contentFrame		{ overflow: visible; }
	
	#main_content { width: 100%;}
	.site_frame			{ padding: 0 10px 160px 3px; overflow: visible; }
	.content			{ width: 100%; height: auto; min-height: 100%; }
	.header				{ width: auto; height: 100px; background: url('logo.png') no-repeat 0 8px / auto 75%; }

	.loginBox			{ width: 263px; height: auto; min-height: 366px; margin: 0 auto; padding: 22px 20px 0 20px; position: relative; z-index: 1; display: block; vertical-align: top; background: url('loginBox.png') no-repeat; }

	.footerMenuRow		{ padding: 70px 0 27px 17px; text-align: left; }	
	.footerFooterRow	{ padding: 0 0 0 17px; color: #ffffff; text-align: left; }
	
	.menuBoxes .statBox .statBoxLabel		{ width: 60%; padding: 0; display: inline-block; vertical-align: top; text-align: left; }
	.menuBoxes .statBox .statBoxField		{ width: 38%; padding: 0; display: inline-block; vertical-align: top; text-align: right; }
	
	.facebookBox					{ display: none; }

	input.backBtn[type=button]		{ position: absolute; top: -22px; right: 20px; }
	input.helpBtn[type=button]		{ position: absolute; top: -22px; right: 60px; }
	.altInfo						{ position: absolute; top: -22px; right: 100px; }
	#profuser_frame input[type=button].helpBtn	{ width: 30px; height: 30px; background: url('profuserPageHelpTablet.png') no-repeat; }
	#profuser_frame input[type=button].backBtn	{ width: 30px; height: 30px; background: url('profuserPageBackTablet.png') no-repeat; }
	#profuser_frame .altInfo					{ width: 30px; height: 30px; background: url('profuserPageInfoTablet.png') no-repeat; }
	#patient_frame input[type=button].helpBtn	{ width: 30px; height: 30px; background: url('patientPageHelpTablet.png') no-repeat; }
	#patient_frame input[type=button].backBtn	{ width: 30px; height: 30px; background: url('patientPageBackTablet.png') no-repeat; }
	#patient_frame .altInfo						{ width: 30px; height: 30px; background: url('patientPageInfoTablet.png') no-repeat; }
	#cowner_frame input[type=button].helpBtn	{ width: 30px; height: 30px; background: url('ownerPageHelpTablet.png') no-repeat; }
	#cowner_frame input[type=button].backBtn	{ width: 30px; height: 30px; background: url('ownerPageBackTablet.png') no-repeat; }
	#cowner_frame .altInfo						{ width: 30px; height: 30px; background: url('ownerPageInfoTablet.png') no-repeat; }
	#admin_frame input[type=button].backBtn		{ width: 30px; height: 30px; background: url('adminPageBackTablet.png') no-repeat; }
	
	.row div				{ padding: 2px 0; }
	.inputRow label,
	.row label				{ width: 25%; }
	.inputRow .inputRow label	{ width: 30%; }
	.inputRow .inputRow span	{ width: 63%; }
	.inputRow .inputRow input,
	.inputRow .inputRow select,
	.inputRow .inputRow input.long	{ max-width: 63%; margin: 0 3px 0 0; }
	.inputRow span,
	.row span			{ max-width: 65%; }
	.inputRow .niceditbox span	{ max-width: 100%; }
	.inputRow span.long span	{ width: 100%; max-width: 90%; }
	.inputRow span.long select	{ width: 100%; max-width: 90%; }
	input.long,
	textarea.long		{ width: 60%; }
	select.smallbox,
	select.box			{ width: 60%; }
	.inputRow span span input.long,
	.inputRow span span select.long,
	.inputRow span span textarea.long	{ width: 100%;}
	
	.inputRow .formLabelArrowDown,
	.inputRow .formLabelArrowRight	{ width: 23%; }
	
	#stats_content .inputRow select	{ margin: 0 0 5px 0; }
	#stats_content label,
	#balance_content label		{ width: 100%; padding: 0; }
	
	.tabletMenu			{ width: auto; height: 73px; display: block; padding: 5px 10px 5px 0; position: relative; font-family: 'OfficinaSansBook'; font-size: 21px; text-transform: uppercase; }
	.tabletMainMenu,
	.tabletBoxes		{ width: auto; height: 25px; margin: 0 20px 0 0; padding: 0 0 0 20px; display: inline-block; vertical-align: middle; cursor: pointer; background: url('tabletMenu.png') no-repeat 0 2px; }
	
	#profuser_frame .tabletMainMenu,
	#profuser_frame .tabletBoxes		{ color: #036fa1; background: url('tabletMenuProfuser.png') no-repeat 0 4px; }
	#patient_frame .tabletMainMenu,
	#patient_frame .tabletBoxes			{ color: #d36301; background: url('tabletMenuPatient.png') no-repeat 0 4px; }
	#cowner_frame .tabletMainMenu,
	#cowner_frame .tabletBoxes			{ color: #2e9e14; background: url('tabletMenuOwner.png') no-repeat 0 4px; }
	#admin_frame .tabletMainMenu,
	#admin_frame .tabletBoxes			{ color: #2e9e14; background: url('tabletMenuAdmin.png') no-repeat 0 4px; }
	
	.menuBoxes				{ width: 100%; max-width: 100%; margin: 0; float: none; }
	.menuBoxes .mainMenu	{ width: 350px; margin: 0; display: none; }
	.menuBoxes .boxes		{ width: 350px; margin: 0; display: none; }
	.menuBoxes .mainMenu .mainMenu	{ width: auto; margin: 0; display: block; }

	.menuBoxes .visible		{ display: block; position: absolute; z-index: 10000; }
	.menuBoxes .hidden		{ display: none; }
	.menuBoxes .statBox				{ width: 250px; margin: -1px 0 0 0; }
	
	#profuser_frame .menuBoxes .statBoxHeader		{ background: url('profuserMainMenuLogout.jpg') repeat-x; color: #ffffff; }
	#cowner_frame .menuBoxes .statBoxHeader			{ background: url('ownerMainMenuLogout.jpg') repeat-x; color: #ffffff; }

	table	{ font-size: 11px; }
	th		{ padding: 7px 3px; font-size: 11px; line-height: 14px; }
	td		{ padding: 3px; }
	table .icon	{ white-space: normal; }
	
	.contentSubmenu ul				{ margin: 0; padding: 0; border: none; }
	.contentSubmenu ul li,
	.contentSubmenu ul li.selected,
	.contentSubmenu ul li.active,
	.contentSubmenu ul li.progInfoMenuitemSelected	{ margin: 0; padding: 4px; }
	
	#profuser_frame .contentSubmenu ul				{ border-bottom: 1px solid #036fa1; border-top: 1px solid #036fa1; background-color: #d8e8ef; }
	#profuser_frame .contentSubmenu ul li			{ display: block; border: none; background: none; }
	#profuser_frame .contentSubmenu ul li.selected,
	#profuser_frame .contentSubmenu ul li.active,
	#profuser_frame .contentSubmenu ul li.progInfoMenuitemSelected	{ background-color: #036fa1; color: #ffffff; border: none; }
	#profuser_frame .contentSubmenu ul li.selected a,
	#profuser_frame .contentSubmenu ul li.active a,
	#profuser_frame .contentSubmenu ul li.progInfoMenuitemSelected a	{ color: #ffffff; }
	#profuser_frame .contentSubmenu ul li.inactive	{ display: none; }

	#cowner_frame .contentSubmenu ul				{ border-bottom: 1px solid #2e9e14; border-top: 1px solid #2e9e14; background-color: #e8f5df; }
	#cowner_frame .contentSubmenu ul li			{ display: block; border: none; background: none; }
	#cowner_frame .contentSubmenu ul li.selected,
	#cowner_frame .contentSubmenu ul li.active,
	#cowner_frame .contentSubmenu ul li.progInfoMenuitemSelected	{ background-color: #2e9e14; color: #ffffff; border: none; }
	#cowner_frame .contentSubmenu ul li.selected a,
	#cowner_frame .contentSubmenu ul li.active a,
	#cowner_frame .contentSubmenu ul li.progInfoMenuitemSelected a	{ color: #ffffff; }
	#cowner_frame .contentSubmenu ul li.inactive	{ display: none; }

	#patient_frame .contentSubmenu ul				{ border-bottom: 1px solid #d36301; border-top: 1px solid #d36301; background-color: #faeac7; }
	#patient_frame .contentSubmenu ul li			{ display: block; border: none; background: none; }
	#patient_frame .contentSubmenu ul li.selected,
	#patient_frame .contentSubmenu ul li.active,
	#patient_frame .contentSubmenu ul li.progInfoMenuitemSelected	{ background-color: #d36301; color: #ffffff; border: none; }
	#patient_frame .contentSubmenu ul li.selected a,
	#patient_frame .contentSubmenu ul li.active a,
	#patient_frame .contentSubmenu ul li.progInfoMenuitemSelected a	{ color: #ffffff; }
	#patient_frame .contentSubmenu ul li.inactive	{ display: none; }

	#admin_frame .contentSubmenu ul				{ border-bottom: 1px solid #000000; border-top: 1px solid #000000; background-color: #dedede; }
	#admin_frame .contentSubmenu ul li			{ display: block; border: none; background: none; }
	#admin_frame .contentSubmenu ul li.selected,
	#admin_frame .contentSubmenu ul li.active,
	#admin_frame .contentSubmenu ul li.progInfoMenuitemSelected	{ background-color: #000000; color: #ffffff; border: none; }
	#admin_frame .contentSubmenu ul li.selected a,
	#admin_frame .contentSubmenu ul li.active a,
	#admin_frame .contentSubmenu ul li.progInfoMenuitemSelected a	{ color: #ffffff; }
	#admin_frame .contentSubmenu ul li.inactive	{ display: none; }
		
	.profuserPatient .patientReg .row div	{ display: block; }
	.row label						{ width: 25%; display: inline-block; padding: 0 15px 0 10px;}
	.row span						{ display: inline-block; }
	.row span.error					{ padding: 0; }
	.profuserPatient select			{ margin: 0 4px 0 1px; }
	
	.profuserPatient .patients .patientSearch		{ float: none; width: auto; max-width: 100%; margin: 0 0 -25px 0; padding: 10px 0 35px 0; }
	.profuserPatient .patients .inputRow label		{ margin: 0; width: 25%; }
	.profuserPatient .patients .inputRow input.taj	{ margin: 0 6px 0 -4px; }
	.profuserPatient .patients .patientList			{ width: auto; padding: 5px 0 0 0; float: none; border: none; }
	.profuserPatient .row span.patientBlock		{ display: block; padding: 1px 0; }
	
	.progLogRow .date				{ width: 18%; padding: 3px 1%; }
	
	.programDataBox					{ background: none; }
	.programDataBox .programDatas	{ width: auto; margin: 0 0 -15px 0; padding: 0 0 25px 0; display: block; background: url('separator.png') no-repeat 0 bottom / 100% auto; }
	.programDataBox .programDatas .inputRow label		{ width: 40%; }
	.programDataBox .programDatas .inputRow span		{ width: 50%; }
	.programDataBox .programDatas .inputRow span.fullWidth	{ width: 100%; max-width: 100%; }
	.programDataBox .programDatas .inputRow span.goals	{ max-width: 50%; display: inline-block; }
	.programDataBox .programDescription					{ width: 60%; padding: 0 10px; }
	
	.halfBox						{ background: none; }
	.halfBox .halfBoxLeft,
	.halfBox .halfBoxRight			{ width: auto; padding: 0; display: block; }
	
	.faq							{ overflow: visible; }
	.faqTToc						{ padding: 3px 5px; display: block; position: absolute; top: 14px; right: 0; color: #ffffff; font-family: 'OfficinaSansBook'; font-size: 17px; text-transform: uppercase; cursor: pointer; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -ms-border-radius: 8px 8px 8px 8px; -o-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; }
	.faq .faqContent				{ width: 100%; padding: 0; float: none; }
	.faq .youtube-player			{ width: auto; max-width: 100%; height: auto; }
	.faq .faqToc					{ width: 100%; margin: 0; display: none; float: none; position: absolute; top: 40px; right: 0; border: none; }
	.faq .faqToc ul					{ margin: 0; padding: 0; border-radius: 0; }
	.faq .faqToc ul li a			{ padding: 5px 10px; }

	.faq .visible					{ display: block; position: absolute; z-index: 3000; }
	.faq .hidden					{ display: none; }
	
	#profuser_frame .faqTToc		{ background: url('profuserButton.jpg') repeat-x; background: -webkit-gradient(linear, left top, left bottom bottom, from(#1b89bc), to(#014366)); background: -moz-linear-gradient(top,  #1b89bc,  #014366); border: none; }
	#patient_frame .faqTToc			{ background: url('patientButton.jpg') repeat-x; background: -webkit-gradient(linear, left top, left bottom bottom, from(#fab420), to(#ed850a)); background: -moz-linear-gradient(top,  #fab420,  #ed850a); border: none; }

	.seqProgramData .programIcon		{ display: none; }
	.seqProgramData .programDescription	{ width: 100%; padding: 0; float: none; }
	.seqProgramData .seqT				{ float: none; display: block; }
	.seqProgramData .seqT .programIcon	{ display: block; float: none; }
	
	.questionProfimage,
	.questionProfdatas,
	.questionProfbanner				{ width: auto; margin: 0; padding: 0; display: block; text-align: left; }
	.questionProfimage				{ margin: 0 0 10px 0; }
	.questionProfbanner				{ padding: 0 0 0 10px; }
	
	.quizBox .quizBoxAnswer			{ width: 70%; margin: 0; padding: 0 3% 0 0; }
	.quizBox .quizBoxNumber			{ width: 25%; }
	
	.journalAnswerBlock .scaled		{ width: 93%; }
	select.box,
	textarea.box					{ width: 375px; }
	
	table.diagramTable				{ width: auto; }
	div.chris_graph					{ width: auto; margin: 15px 0 0 15px; background: url('statBgTablet.png') no-repeat; }
	div.chris_graph_container		{ overflow: visible; }
	div.chris_graph_y				{ left: -50px; }
	div.chris_graph_x2				{ left: 89px; }
	div.chris_graph_x3				{ left: 152px; }
	div.chris_graph_x4				{ left: 216px; }
	div.chris_graph_x5				{ left: 275px; }
	div.chris_graph_x6				{ left: 341px; }
	div.chris_graph_x7				{ left: 405px; }
	div.chris_graph_bar2_lower,
	div.chris_graph_bar2_upper		{ left: 88px; }
	div.chris_graph_bar3_lower,
	div.chris_graph_bar3_upper		{ left: 151px; }
	div.chris_graph_bar4_lower,
	div.chris_graph_bar4_upper		{ left: 215px; }
	div.chris_graph_bar5_lower,
	div.chris_graph_bar5_upper		{ left: 274px; }
	div.chris_graph_bar6_lower,
	div.chris_graph_bar6_upper		{ left: 340px; }
	div.chris_graph_bar7_lower,
	div.chris_graph_bar7_upper		{ left: 404px; }
	
	.articleNavig .banner			{ display: none; }
	#patient_frame .articleFrame .articleContent	{ width: 100%; min-height: 200px; display: block; border: none; }
	#patient_frame .articleFrame .articleNavig		{ width: 100%; display: block; }
	#patient_frame .articleFrame .articleNavig h3	{ padding: 5px 0; }
	#patient_frame .articleFrame .articleListText,
	#patient_frame .articleFrame .article .articleListText	{ max-width: 67%; }
	
	#patient_frame .articleFrame .articleNavigHeadings		{ border-top: 1px solid #dedede; }
	
	#uim_content .basic_data_wrapper		{ margin: 0; padding: 0; background: none; }
	#uim_content .columns					{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }

	/* mobil optimalization by Sz. David */
	
	.img_responsive {
		display: block;
  max-width: 100%;
  height: auto;
	}
	span.calendarDayDate {
  padding-top: 3px;
	}
	/* invisible flash */
	
	.mainIcons .mainFlash, .almapatika {
		display: none;
	}
	#profuser_mainpage .mainIcons, #patient_mainpage .mainIcons, .mainIcons {
	  background: none;
	}
	.forgottenPassword, .practice {
		width: auto;
	}
	.clinicalStatBox .inputRow label {
		width: 100%;
		height: 60px;
		display: block;
	}
	.healthCalendarFrame {
		text-align: center;
		margin: -10px auto 0 auto;
	}
	.healthCalendarContent, .healthCalendarContent .calendarContent {
		width: 100%;
	}
	.healthCalendarNavig, .calendarNavig {
		width: auto;
		border: none;
	}
	
	#patient_frame table.navigCalendarBox td div {
		padding: 5px;
		width: auto;
	}
	#patient_frame table.calendarBox td {
		width: 12%;
	}
	.videoBox {
  width: auto;
		padding: 0 5px;
	}
	/* coordinator admin */
	
	.searchConditionRow, .searchConditionRow .inputRow span span.relation, .searchConditionRow .inputRow span span {
		width: 90%;
	}
	.operator {
		margin: 5px 0;
	}
	#coordinator_content .programDataBox .programDatas .tooltip .tooltipPopup, #profuser_content .programDataBox .programDatas .tooltip .tooltipPopup, #register_content .programDataBox .programDatas .tooltip .tooltipPopup, #profpartner_content .programDataBox .programDatas .tooltip .tooltipPopup, #admin_content .programDataBox .programDatas .tooltip .tooltipPopup {  left: 0px; top: 0px; width: 90%;}
	select.long { width: 280px; }

}
/* header responsive bugfix */

@media all and (max-width: 595px) {
	.header	{
		width: auto; 
		height: 60px; 
		margin: 0 0 5px 0; 
		background: url('phoneLogo.jpg') no-repeat;
	}
	.motto {
		width: 150px;
		float: right;
		padding: 12px;
	}
	.patientmotto {
		width: 150px;
		float: right;
		padding: 12px;
		padding: 5px;
		font-size: 12px;
		
	}
	input.backBtn[type=button]		{ position: absolute; top: 0; right: 5px; }
	input.helpBtn[type=button]		{ position: absolute; top: 25px; right: 5px; }
	.altInfo						{ position: absolute; top: 50px; right: 5px; }
	#profuser_frame input[type=button].helpBtn	{ width: 20px; height: 20px; background: url('profuserPageHelpTablet.png') no-repeat; background-size: 20px 20px; }
	#profuser_frame input[type=button].backBtn	{ width: 20px; height: 20px; background: url('profuserPageBackTablet.png') no-repeat; background-size: 20px 20px; }
	#profuser_frame .altInfo					{ width: 20px; height: 20px; background: url('profuserPageInfoTablet.png') no-repeat; background-size: 20px 20px; }
	#patient_frame input[type=button].helpBtn	{ width: 20px; height: 20px; background: url('patientPageHelpTablet.png') no-repeat; background-size: 20px 20px; }
	#patient_frame input[type=button].backBtn	{ width: 20px; height: 20px; background: url('patientPageBackTablet.png') no-repeat; background-size: 20px 20px; }
	#patient_frame .altInfo						{ width: 20px; height: 20px; background: url('patientPageInfoTablet.png') no-repeat; background-size: 20px 20px; }
	#cowner_frame input[type=button].helpBtn	{ width: 20px; height: 20px; background: url('ownerPageHelpTablet.png') no-repeat; background-size: 20px 20px; }
	#cowner_frame input[type=button].backBtn	{ width: 20px; height: 20px; background: url('ownerPageBackTablet.png') no-repeat; background-size: 20px 20px; }
	#cowner_frame .altInfo						{ width: 20px; height: 20px; background: url('ownerPageInfoTablet.png') no-repeat; background-size: 20px 20px; }
	#admin_frame input[type=button].backBtn		{ width: 20px; height: 20px; background: url('adminPageBackTablet.png') no-repeat; background-size: 20px 20px; }

}