/*
		Responsive layouts
	*/

	@media (min-width: 1200px) 
	{
		#button_row
		{
			/* change font size */
		}
		.mainbutton
		{
			/* change width (default: 80px) */
			width: 80px;
		}
		#stuentrydiv
		{
			/* change font size */
		}
		.stucol1
		{
			/* default width: 80px */
			width: 110px;
		}
		.stucol2
		{
			/* default width: 150px */
			width: 220px;
		}
		.stucol3
		{
			/* default width: 80px */
			width: 80px;
		}
		.purchcol1
		{
			/* default width: 210px */
			width: 330px;
		}
		.purchcol2
		{
			/* default width: 50px */
			width: 50px;
		}
		.tdcol1
		{
			/* default: 220px */
			width: 220px;
		}
		.tdcol2
		{
			/* default: 110px */
			width: 110px;
		}
		div.transactionInnerDiv
		{
			height: 10em; 
		}
		.transactionBox
		{
			/* default width: 450px */
			width: 450px;
		}
		.transactionOuterTable
		{
			/* change font size */
		}
		#studentPhoto
		{
			/* maybe change dimensions (default: 80x100px) */
		}
		#stusearchdiv
		{
			/* change font size */
		}
		table#stuSearchResultTable div#stuSearchResultInnerDiv
		{
			/* default height: 200px */
			height: 350px;
		}
		table#stuSearchResultTable .c1
		{
			/* default width: 90px */
			width: 100px;
		}
		table#stuSearchResultTable .c2
		{
			/* default width: 90px */
			width: 100px;
		}
		table#stuSearchResultTable .c3
		{
			/* default width: 120px */
			width: 140px;
		}
		table#stuSearchResultTable .c4
		{
			/* default width: 120px */
			width: 150px;
		}
		#tabdiv
		{
			/*width: 425px !important;*/
		}
		#tabbox
		{
			/* change font size */
		}
		.menuitem_button
		{
			/* change button height/width (default: 75/75px) */
			width: 20%;
			height: 75px;
		}
		.numpadbut
		{
			/* default: 40/32px */
			width: 40px;
			height: 32px;
		}
	}

	@media (min-width: 980px) 
	{
		#button_row
		{
			/* change font size */
		}
		.mainbutton
		{
			/* change width (default: 80px) */
			width: 80px;
		}
		#stuentrydiv
		{
			/* change font size */
		}
		.stucol1
		{
			/* default width: 80px */
			width: 110px;
		}
		.stucol2
		{
			/* default width: 150px */
			width: 220px;
		}
		.stucol3
		{
			/* default width: 80px */
			width: 80px;
		}
		.purchcol1
		{
			/* default width: 210px */
			width: 330px;
		}
		.purchcol2
		{
			/* default width: 50px */
			width: 50px;
		}
		.tdcol1
		{
			/* default: 220px */
			width: 220px;
		}
		.tdcol2
		{
			/* default: 110px */
			width: 110px;
		}
		div.transactionInnerDiv
		{
			height: 10em; 
		}
		.transactionBox
		{
			/* default width: 450px */
			width: 450px;
		}
		.transactionOuterTable
		{
			/* change font size */
		}
		#studentPhoto
		{
			/* maybe change dimensions (default: 80x100px) */
		}
		#stusearchdiv
		{
			/* change font size */
		}
		table#stuSearchResultTable div#stuSearchResultInnerDiv
		{
			/* default height: 200px */
			height: 350px;
		}
		table#stuSearchResultTable .c1
		{
			/* default width: 90px */
			width: 100px;
		}
		table#stuSearchResultTable .c2
		{
			/* default width: 90px */
			width: 100px;
		}
		table#stuSearchResultTable .c3
		{
			/* default width: 120px */
			width: 140px;
		}
		#tabdiv
		{
			/*width: 425px !important;*/
		}
		#tabbox
		{
			/* change font size */
		}
		.menuitem_button
		{
			/* change button height/width (default: 75/75px) */
			width: 75px;
			height: 75px;
		}
		.numpadbut
		{
			/* default: 40/32px */
			width: 40px;
			height: 32px;
		}
	}

	@media (min-width: 768px) and (max-width: 980px) 
	{
		#button_row
		{
			/* change font size */
			font-size: 12px;
		}
		.mainbutton
		{
			/* change width (default: 80px) */
			width: 65px;
		}
		#stuentrydiv
		{
			/* change font size */
			font-size: 12px;
		}
		.stucol1
		{
			/* default width: 80px */
			width: 80px;
		}
		.stucol2
		{
			/* default width: 150px */
			width: 130px;
		}
		.stucol3
		{
			/* default width: 80px */
			width: 60px;
		}
		.purchcol1
		{
			/* default width: 210px */
			width: 330px;
		}
		.purchcol2
		{
			/* default width: 50px */
			width: 40px;
		}
		.tdcol1
		{
			/* default: 220px */
			width: 180px;
		}
		.tdcol2
		{
			/* default: 110px */
			width: 90px;
		}
		div.transactionInnerDiv
		{
			height: 10em; 
		}
		.transactionBox
		{
			/* default width: 450px */
			width: 390px;
		}
		.transactionOuterTable
		{
			/* change font size */
			font-size: 12px;
		}
		#studentPhoto
		{
			/* maybe change dimensions (default: 80x100px) */
		}
		#stusearchdiv
		{
			/* change font size */
			font-size: 12px;
		}
		table#stuSearchResultTable div#stuSearchResultInnerDiv
		{
			/* default height: 200px */
			height: 350px;
		}
		table#stuSearchResultTable .c1
		{
			/* default width: 90px */
			width: 75px;
		}
		table#stuSearchResultTable .c2
		{
			/* default width: 90px */
			width: 60px;
		}
		table#stuSearchResultTable .c3
		{
			/* default width: 120px */
			width: 70px;
		}
		#mainbuttondiv_right
		{
			width: 350px !important;
		}
		#tabdiv
		{
			/*width: 350px !important;*/
		}
		#tabbox
		{
			/* change font size */
			font-size: 10px;
		}
		.menuitem_button
		{
			/* change button height/width (default: 75/75px) */
			width: 60px;
			height: 60px;
		}
		.numpadbut
		{
			/* default: 40/32px */
			width: 35px;
			height: 28px;
		}
		ul#myTab li a
		{
			font-size: 12px;
			line-height: 12px;
		}
	}

	@media (max-width: 768px) 
	{
		#button_row
		{
			/* change font size */
			font-size: 12px;
		}
		.mainbutton
		{
			/* change width (default: 80px) */
			width: 65px;
		}
		#stuentrydiv
		{
			/* change font size */
			font-size: 12px;
			line-height: 16px;
		}
		.stucol1
		{
			/* default width: 80px */
			width: 80px;
		}
		.stucol2
		{
			/* default width: 150px */
			width: 130px;
		}
		.stucol3
		{
			/* default width: 80px */
			width: 60px;
		}
		.purchcol1
		{
			/* default width: 210px */
			width: 330px;
		}
		.purchcol2
		{
			/* default width: 50px */
			width: 40px;
		}
		.tdcol1
		{
			/* default: 220px */
			width: 180px;
		}
		.tdcol2
		{
			/* default: 110px */
			width: 90px;
		}
		div.transactionInnerDiv
		{
			height: 3em; 
		}
		.transactionBox
		{
			/* default width: 450px */
			width: 390px;
		}
		.transactionOuterTable
		{
			/* change font size */
			font-size: 12px;
		}
		#studentPhoto
		{
			/* maybe change dimensions (default: 80x100px) */
		}
		#stusearchdiv
		{
			/* change font size */
			font-size: 12px;
		}
		table#stuSearchResultTable div#stuSearchResultInnerDiv
		{
			/* default height: 200px */
			height: 350px;
		}
		table#stuSearchResultTable .c1
		{
			/* default width: 90px */
			width: 80px;
		}
		table#stuSearchResultTable .c2
		{
			/* default width: 90px */
			width: 80px;
		}
		table#stuSearchResultTable .c3
		{
			/* default width: 120px */
			width: 100px;
		}
		#mainbuttondiv_right
		{
			width: 350px !important;
		}
		#tabdiv
		{
			/*width: 350px !important;*/
		}
		#tabbox
		{
			/* change font size */
			font-size: 10px;
		}
		.menuitem_button
		{
			/* change button height/width (default: 75/75px) */
			width: 60px;
			height: 60px;
		}
		.numpadbut
		{
			/* default: 40/32px */
			width: 35px;
			height: 28px;
		}
		ul#myTab li a
		{
			font-size: 12px;
			line-height: 12px;
		}
	}

	@media (max-width: 480px) 
	{
		#button_row
		{
			/* change font size */
			font-size: 12px;
		}
		.mainbutton
		{
			/* change width (default: 80px) */
			width: 65px;
		}
		#stuentrydiv
		{
			/* change font size */
			font-size: 12px;
		}
		.stucol1
		{
			/* default width: 80px */
			width: 60px;
		}
		.stucol2
		{
			/* default width: 150px */
			width: 130px;
		}
		.stucol3
		{
			/* default width: 80px */
			width: 60px;
		}
		.purchcol1
		{
			/* default width: 210px */
			width: 330px;
		}
		.purchcol2
		{
			/* default width: 50px */
			width: 40px;
		}
		.tdcol1
		{
			/* default: 220px */
			width: 180px;
		}
		.tdcol2
		{
			/* default: 110px */
			width: 90px;
		}
		div.transactionInnerDiv
		{
			height: 3em; 
		}
		.transactionBox
		{
			/* default width: 450px */
			width: 390px;
		}
		.transactionOuterTable
		{
			/* change font size */
			font-size: 12px;
		}
		#studentPhoto
		{
			/* maybe change dimensions (default: 80x100px) */
		}
		#stusearchdiv
		{
			/* change font size */
			font-size: 12px;
		}
		table#stuSearchResultTable div#stuSearchResultInnerDiv
		{
			/* default height: 200px */
			height: 350px;
		}
		table#stuSearchResultTable .c1
		{
			/* default width: 90px */
			width: 80px;
		}
		table#stuSearchResultTable .c2
		{
			/* default width: 90px */
			width: 80px;
		}
		table#stuSearchResultTable .c3
		{
			/* default width: 120px */
			width: 100px;
		}
		#mainbuttondiv_right
		{
			width: 350px !important;
		}
		#tabdiv
		{
			/*width: 350px !important;*/
		}
		#tabbox
		{
			/* change font size */
			font-size: 10px;
		}
		.menuitem_button
		{
			/* change button height/width (default: 75/75px) */
			width: 60px;
			height: 60px;
		}
		.numpadbut
		{
			/* default: 40/32px */
			width: 35px;
			height: 28px;
		}
		ul#myTab li a
		{
			font-size: 12px;
			line-height: 12px;
		}
	}