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

@media all and (min-width: 768px) and (max-width: 1149px) {
	
	#login_frame .tabletMenu				{ display: none; }

	#admin_frame,
	#profuser_frame,
	#patient_frame,
	#cowner_frame		{ overflow: visible; }
	.contentFrame		{ overflow: visible; }
	
	#main_content { width: 100%;}
	.site_frame		{ padding: 0 8px 160px 8px; }
	.content		{ width: 100%; height: auto; min-height: 100%; background: #ffffff url('headerBg.jpg') no-repeat top right; }
	.header			{ width: auto; height: 100px; background: url('logo.png') no-repeat 0 8px; }

	.footerMenuRow		{ padding: 70px 0 27px 17px; text-align: left; }	
	.footerFooterRow	{ padding: 0 0 0 17px; color: #ffffff; text-align: left; }	

	.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; }
	
	.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: 20%; }
	.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: 73%; }
	.inputRow span.niceditbox	{ margin: 0 5px 0 0; }
	.inputRow .niceditbox span	{ max-width: 100%; }
	.inputRow span.long span	{ width: 100%; max-width: 90%; }
	input.long,
	textarea.long		{ width: 60%; }
	.inputRow input,
	.inputRow select,
	.inputRow textarea,
	.row input,
	.row select,
	.row textarea		{ max-width: 100%; }
	.inputRow span span input.long,
	.inputRow span span select.long,
	.inputRow span span textarea.long	{ width: 100%; max-width: 495px; }
	
	#admin_frame .inputRow span		{ max-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; padding: 5px 10px 5px 0; display: block; 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; }
	
	#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; }
	
	.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; }
	.row span						{ display: inline-block; }
	.row span.error					{ padding: 0; }
	.profuserPatient select			{ margin: 0 4px 0 1px; }
	.profuserPatient .row span.patientBlock		{ display: block; padding: 1px 0; }
	
	.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; }

	.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.goals	{ max-width: 50%; display: inline-block; }
	.programDataBox .programDatas .inputRow span.fullWidth	{ width: 100%; max-width: 100%; }
	.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: 400px; }
	
	.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: 83%; }
	
	#patient_frame .articleFrame .articleNavigHeadings		{ border-top: 1px solid #dedede; }

/* mobil optimalization by Sz. David */

			/* health calender */
		
	.healthCalendarContent {
			width: 65%;
	}
	.healthCalendarNavig {
		width: 30%;
		padding-right: 0px;
		float: right;
	}
	.halfBox .halfBoxLeft, .halfBox .halfBoxRight {
  width: 50%;
  float: left;
	}
	.videoBox {
  width: auto;
		padding: 0 10px;
	}
	
	/* general */
	
	.profuserPatient .yearOnly select			{ margin: 0 4px 0 1px; }
	#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%;}
}