@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
	body{
    -webkit-text-size-adjust: 100%;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    padding: 5px;
  }
	#site {
		padding: 0;
		width: 100%;
	}
	#wrapper {
		padding-left: 0px;
		width: 100%;
	}
	#menu {
		float: none;
		width: 100%;
		margin: auto;
	}
	#content {
		float: none;
		width: 100%;
		border-left: 0px none;
	}

	#menu .footer {
		display: none;
	}
	#content .footer {
		display: block;
		width: 100%;
		margin: 25px 0 10px;
	}
	#menu-wrapper {
		width: 170px;
		margin: 0 auto;
	}
	#menu-wrapper div {
		padding: 3px 7px;
	}
	#menu-toggle {
		display: block;
		width: 170px;
		border-radius: 5px 5px 5px 5px;
		background: url("../img/arrow_down.png") no-repeat 94% 7px #e8c660;
	}
	#menu-toggle.active {
		display: block;
		width: 170px;
		border-radius: 5px 5px 0 0;
		background: url("../img/arrow_up.png") no-repeat 94% 7px #e8c660;
	}
	#menulist {
		display: none;
		position: absolute;
		z-index: 2;
		width: 170px;
	}
	#menu-toggle,
	#menulist li a.button {
		margin: 0px;
		padding: 0px;
		border: 0px none;
		box-shadow: none;
		text-align: left;
	}
	#menulist li {
		border-top: 1px solid #000;
	}
	#menulist li a.button {
		width: 100%;
		border-radius: 0px;
	}
	#menulist li a.button:hover {
		background-color: #b89630;
	}
	#menulist li:last-child a.button {
		border-radius: 0 0 5px 5px;
	}
	.menuset {
		display: none;
	}
	h1 {
		margin-top: 20px;
	}
	.ui-dialog {
		padding: 0;
		overflow: hidden;
	}
}

@media only screen and (max-device-width: 480px), only screen and (max-width: 440px) {
	div#dialog {
		padding: 0;
		width: 320px;
		max_width: 320px;
		overflow: hidden;
	}
	fieldset table {
		width: 290px;
		max_width: 290px;
	}
	input[type="text"],
	input[type="password"],
	textarea {
		max-width: 200px;
	}
	#loaded_checkbox {
		display: block;
		clear: both;
	}
}