/* =============================================================================
   Media Queries
   ========================================================================== */


@media screen and (min-width: 20px) and (max-width: 767px) {
	.leftBar {left: -205px; width:205px; text-align: left; padding-left: 30px;}
	.menu a {font-size: .9em; margin-top:20px; font-weight: 400; padding: 3px 0 3px 35px;}
	a.ove, a.int, a.wif, a.loc, a.adm {background: url("../images/assetsMob01.png") no-repeat;}
	a.ove, a:hover.ove {background-position: -15px -18px; color: #767676;}
	a.int, a:hover.int {background-position: -15px -82px; color: #767676;}
	a.wif, a:hover.wif {background-position: -15px -140px; color: #767676;}
	a.loc, a:hover.loc {background-position: -13px -195px; color: #767676;}
	a.adm, a:hover.adm {background-position: -15px -260px; color: #767676;}
	a.ove.active, a.int.active, a.wif.active, a.loc.active, a.adm.active {background: url("../images/assetsMob02.png") no-repeat;}
	a.ove.active {background-position: -15px -18px;}
	a.int.active {background-position: -15px -82px;}
	a.wif.active {background-position: -15px -140px;}
	a.loc.active {background-position: -13px -195px;}
	a.adm.active {background-position: -15px -260px;}
	h4 {overflow: auto; text-align: left;}
	.enable, .disable {display: block; margin-top: 10px; float: none;}
	.logo {background: none; text-align: left; margin: 40px 0;}
	.logo {width: 50%;}
	.login .logo {display: block;width: 60px; margin-left: 0;}
	.login h1 {font-size: 3em;}
	.loginTitle, .loginForm {display: block;width: 100%;}
	.login .wrap {margin-top: 30px;}
	.wrap {margin-left: 0px;}
	.main {margin:20px;}
	.header {min-height:50px; padding: 0 20px; overflow: hidden;}
	.adminMenuButton {width: 105px;}
	.adminMenuButton span {padding: 7px 10px;}
	.dropdown {width: 105px; line-height: 15px; font-size: .7em;}
	.dropdown a {margin: 5px 0;}
	.header .adminMenu {margin-right:0px;}
	.header .languageSelector, .header .languageSelector form, .header .adminMenu form {margin:0px;}
	.header .languageSelector select {border-top:0; border-left:0; border-right:0; height: auto; font-size: .7em; min-width: 150px;}
	.MobMenu {display: block;}
	h1 {font-size: 2em;} h2 {font-size: 1.1em;} h3 {font-size: 1.5em; padding-bottom: 10px;}
	table {width:100%; border:0; color: #4a4a4a; font-size: .8em;}
	table td { padding: 10px;}
	.accordion h3 {background:#ffb546 url("../images/accordionAssets.png") no-repeat 100% -5px; font-size: 1.1em; padding: 5px 20px;}
	.accordion h3.ui-state-active {background:#ffb546 url("../images/accordionAssets.png") no-repeat 100% -75px;}
	#tabs ul {font-size:1em; }
	#tabs ul li a {min-width: 100px; padding: 10px;}
	input[type="submit"].right {float: none;}
	.actionButton {display: inline-block; margin: 0px auto; width: 100%;}
	.success, .error {width:100%;}
	.actionBox .left {width:100%;}
	.modal {left: 5%; width: 90%;}
}