﻿@media screen and (max-width: 825px) /* width changed from 767 to 825 because mainPanel is 790px + 35px margin */
{
	.mostUsedMobile
	{
		height: 110px;
	}
	.mobile-hide
	{
		display: none !important;
	}
	.MobileDiv
	{
		display: block !important;
		width: 100% !important;
	}
	.mobileMax200px
	{
		width: 100% !important;
		max-width: 300px !important;
	}
	.mobileAlignCenter
	{
		text-align: center !important;
	}
	.mobileAlignMiddle
	{
		vertical-align: middle !important;
	}
	div, input
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		white-space: inherit;
	}
	.mobileWidth100Percent
	{
		width: 100% !important;
	}
	.mobileWidth80Percent
	{
		width: 80% !important;
	}
	.mobileWidthAuto
	{
		width: auto !important;
	}
	.mobileBold
	{
		font-weight: bold !important;
	}
	.mobileUnderline
	{
		text-decoration: underline !important;
	}
	.mobileAlignRight
	{
		text-align: right !important;
	}
	.mobileNoPadding
	{
		padding: 0px !important;
	}
	.mobilePaddingBottom5px
	{
		padding-bottom: 5px !important;
	}
	.mobileTop0px
	{
		top: 0px !important;
	}
	.mobileLeft0px
	{
		left: 0px !important;
	}
	.mobileMarginTop3px
	{
		margin-top: 3px !important;
	}
	.panelMain
	{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		min-height: 0px;
		clear: both;
		float: none;
	}
	.panelButtons
	{
		height: auto;
	}
	.divAsideLink
	{
		width: 100%;
		min-height: 0px;
		clear: both;
		float: none;
		text-align: right;
		padding-top: 2px;
		padding-right: 10px;
	}
	.masterBanner
	{
		overflow: hidden;
	}

	.MasterContentPlaceholder
	{
		width: 100% !important;
	}

	.mainDiv
	{
		width: 100% !important;
	}

	.MasterFooter
	{
		width: 100% !important;
		margin: 0px auto;
		padding-top: 5px;
		min-height: 5px;
		clear: both;
	}
	.Stages
	{
		width: 100% !important;
	}
	/*
		.stage, .activeStage
		{
			padding-top: 2px;
			padding-bottom: 7px;
			padding-left: 3px;
			padding-right: 3px;
			height: 19px;
		}
		*/
	.stage, .activeStage
	{
		display: table-cell;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	/*Ruthy*/
	.divMobileTitle
	{
		display: table;
		width: 100%; /* border:0px; border-collapse:collapse; padding:0px 0px 0px 0px;margin: 0px 0px 0px 0px;*/
	}
	.divMobileStageTitle
	{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		display: inline;
		vertical-align: super;
	}
	.divMobileStageTitleLabel
	{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-size: 1.16em;
		margin-top: 0px;
		margin-bottom: 0px;
		color: #04a9e3;
		font-weight: bold;
	}
	.divMobileTitle img
	{
		border: 0px;
		border-collapse: collapse;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.divRegularTitle
	{
		display: none;
	}
	.stage
	{
		background-image: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.stage .stageBackground
	{
		background-image: url('../images/GreyStrip.png');
	}
	.stage img[src*="Blue"]
	{
		display: none;
	}
	.activeStage
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-image: none;
	}
	.activeStage .stageBackground
	{
		background-image: url('../images/BlueStrip.png');
	}
	.activeStage img[src*="Grey"]
	{
		display: none;
	}
	.middleStage img[src*="end"]
	{
		display: none;
	}
	.middleStage img[src*="beforeActive"]
	{
		display: none;
	}
	.lastStage img[src*="middle"]
	{
		display: none;
	}
	.lastStage img[src*="beforeActive"]
	{
		display: none;
	}
	.beforeStage img[src*="end"]
	{
		display: none;
	}
	.beforeStage img[src*="middle"]
	{
		display: none;
	}


	/*End Ruthy*/

	.inputDivHeaderCell
	{
		/*		padding: 7px 0px 0px 0px !important;*/
		padding-top: 7px;
		display: block !important; /*width: 100% !important;*/
	}

	.inputDivCell
	{
		padding: 4px 0px 0px 0px !important;
		display: block !important; /*width: 100% !important;*/
	}
	.inputDivErrorCell
	{
		padding: 4px 0px 0px 0px;
		display: block !important;
		width: 100% !important;
	}
	.inputDivRemarkCell
	{
		padding: 0px 0px 0px 0px;
		display: block !important;
		width: 100% !important;
	}

	.infoDivHeaderCell
	{
		/*		padding: 7px 0px 0px 0px !important;*/
		padding-top: 7px !important;
		display: block !important; /*width: 100% !important;*/
		font-weight: bold !important;
	}
	.infoDivHeaderCell label
	{
		font-weight: bold !important;
	}
	.infoDivCell
	{
		padding: 4px 0px 0px 0px !important;
		display: block !important; /*width: 100% !important;*/
		font-weight: normal !important;
	}
	.infoDivCell label
	{
		font-weight: normal !important;
	}
	.width130px
	{
		width: 160px;
	}
	.width150px
	{
		width: 190px;
	}
}
