/* Jun additional CSS for responsive */
@media only screen and (max-width: 775px) {
	.linkLogin1, .linkLogin2, .linkLogin3 {
		display: none !important;
	}

	.headerImg {
		width: 100% !important;
	}
    #heading {
		padding-top: 10px!important;
	}
	#heading h1 span {
		font-size: 26px!important;
	}
	body .content {
		width: 100% !important;
	}

		body .content .top {
			background: none;
		}

			body .content .top .bottom {
				background: none;
			}
	#popupContainer {
		width: 75% !important;
		left: 43px!important;
	}

	#navSite .mobileLogin a {
		display: block !important;
	}

	#middle {
		height: auto !important;
		width: auto!important;
	}
	#middle .html00 h2 {
		width: 90%!important;
	}
	#left {
		display: block;
		margin: 0 auto;
		background: none !important;
		background-position: center center !important;
		position: relative !important;
		height: auto !important;
	}
	/* End the centering the left, middle and right column */
	
	#right {
		position: relative !important;
		left: auto !important;
		border-left: 0 none !important;
		margin: 10px auto !important;
		width: 100% !important;
		max-width: 206px;
		height: auto !important;
		/*float: none !important;*/
	}

	.adminRedStatusLink, .adminGreyStatusLink, .adminBlueStatusLink {
		display: none!important;
	}
}

@media only screen and (max-width: 568px) {
	body .content .headPanel h3 {
		float: none;
	}

	body .content .headPanel p.byline {
		float: none !important;
	}
}

@media only screen and (max-width: 440px) {
	body form table td img {
		margin: 8px auto;
		height: auto;
		width: 100%;
	}

	body table.editAccount td {
		display: block;
		text-align: left;
	}
}

@media only screen and (max-width: 480px) {
	body .content .top .bottom img {
		/*float: none;*/
		display: block;
	}
}

@media only screen and (max-width: 520px) {
	body .schedule {
		overflow-x: scroll;
	}
}

@media only screen and (max-width: 480px) {
	body .inner {
		overflow-x: scroll;
	}

	body .content form input[type="text"], body .content form input[type="password"] {
		width: 100%;
		max-width: 92%;
		border: 1px solid #616161;
		padding: 10px;
		background-color: #fffff8;
		font-size: 14px;
	}

	body .content form input[type="submit"] {
		padding: 8px 14px;
		min-width: auto;
		font-size: 17px;
		cursor: pointer;
	}

	body .content .Page_eCommerceSetup {
		margin-top: -30px;
	}

	body .content form#frmMain .divSetup .divRow {
		margin-bottom: 14px;
	}

	body .content form#frmMain .divSetup h3 {
		margin: 30px 0;
	}

	body .content form#frmMain .divSetup .divRow:nth-child(1n) .col1 {
		font-weight: bold;
		display: block;
		padding: 0 0 2px;
	}

	body .content form#frmMain .divSetup .col2 {
		margin-top: 4px;
		width: 100%;
		max-width: 100%;
		display: block;
		box-sizing: initial;
	}

		body .content form#frmMain .divSetup .col2 input {
			width: 100%;
			max-width: 100%;
			border: 1px solid #616161;
			padding: 10px;
			background-color: #fffff8;
			font-size: 14px;
		}

	body .content input[type="submit"] {
		padding: 8px 14px;
		min-width: auto;
		font-size: 17px;
		cursor: pointer;
	}

	body .content form#frmMain input[type="text"] {
		position: relative;
		left: 0;
		width: 100%;
		max-width: 92%;
		border: 1px solid #616161;
		padding: 10px;
		background-color: #fffff8;
		font-size: 14px;
		margin: 8px 0 10px;
		margin-right: 6px;
	}

	.Page_eCommerceSettings * {
		vertical-align: middle;
	}

	body .content table.editAccount tr td input[type="text"], body .content table.editAccount tr td input[type="password"] {
		width: 100%;
		max-width: 92%;
		border: 1px solid #616161;
		padding: 10px;
		background-color: #fffff8;
		font-size: 14px;
	}

	body .content table.editAccount tr td input[type="submit"] {
		padding: 8px 14px;
		min-width: auto;
		font-size: 17px;
		cursor: pointer;
	}

	body .content table.editAccount {
		width: 100% !important;
	}

		body .content table.editAccount tr td {
			width: 100% !important;
		}

			body .content table.editAccount tr td input[type="text"] {
				width: 100%;
				max-width: 92%;
				border: 1px solid #616161;
				padding: 10px;
				background-color: #fffff8;
				font-size: 14px;
			}

			body .content table.editAccount tr td input[type="submit"] {
				padding: 8px 14px;
				min-width: auto;
				font-size: 17px;
				cursor: pointer;
			}

			body .content table.editAccount tr td input[type="text"], body .content table.editAccount tr td input[name="email"], body .content table.editAccount tr td input[name="password"], body .content table.editAccount tr td input[name="FirstName"], body .content table.editAccount tr td input[name="LastName"], body .content table.editAccount tr td input[name="Phone"] {
				width: 100%;
				max-width: 92%;
				border: 1px solid #616161;
				padding: 10px;
				background-color: #fffff8;
				font-size: 14px;
			}

	body .content form#frmActivateRequest > label {
		width: 100%;
	}

		body .content form#frmActivateRequest > label > input, body .content form#frmActivateRequest > label > textarea {
			position: relative;
			left: 0;
			width: 100%;
			max-width: 92%;
			border: 1px solid #616161;
			padding: 10px;
			background-color: #fffff8;
			font-size: 14px;
			margin: 8px 0 10px;
		}

	body .content form#frmActivateRequest > button#Submit {
		padding: 8px 14px;
		min-width: auto;
		font-size: 17px;
		cursor: pointer;
	}

	body .content table.editAccount tr td input[type="submit"] {
		padding: 8px 14px;
		min-width: auto;
		font-size: 17px;
		cursor: pointer;
	}

	body form .schedule .bottom input[type="submit"] {
		padding: 8px 14px;
		min-width: auto;
		font-size: 17px;
		cursor: pointer;
	}

	body form .schedule table.tableSchedule tr td input[type="text"] {
		position: relative;
		left: 0;
		width: 100%;
		max-width: 86%;
		border: 1px solid #616161;
		padding: 10px;
		background-color: #fffff8;
		font-size: 14px;
		margin: 8px 0 10px;
	}

	body form .schedule table.tableSchedule tr td button {
		padding: 8px 14px;
		min-width: auto;
		font-size: 17px;
		cursor: pointer;
		margin-bottom: 10px;
	}

	body > .schedule {
		overflow-x: scroll;
	}

	body .content form table.editAccount tr td {
		width: 97% !important;
	}

	body .content form input[type="text"], body .content form textarea {
		width: 100%;
		max-width: 92%;
		border: 1px solid #616161;
		padding: 10px;
		background-color: #fffff8;
		font-size: 14px;
	}

	body .content form input[type="submit"] {
		padding: 8px 14px;
		min-width: auto;
		font-size: 17px;
		cursor: pointer;
	}
}

@media only screen and (max-width: 540px) {
	body .content .top {
		background: none !important;
	}

		body .content .top .bottom {
			background: none !important;
		}

	body .headPanel p.byline > span {
		margin-left: 14px;
	}
}
@media only screen and (max-width: 360px) {
	#heading h1 span {
		font-size: 20px!important;
	}
}