@charset "UTF-8";
/*	--------------------------------------------------------------------------------------------------------------------------
	Mobile Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	@media screen and (orientation:portrait) { 
		body {
			width:320px;
		}
	}
	
	@media screen and (orientation:landscape) {
		body {
			width:480px;
		}
	}
	body {
		position:relative;
	}
	
	#main {
		padding-top:5px;
	}
	.mobileLink {
		display:none !important;
	}
	.fullsiteLink {
		display:inline;
	}
	
	h1 {
		width:auto; height:auto;
		margin-bottom:2px;
		word-spacing:-3px;
		background:none;
		font-size:26px;
		font:normal 22px "LondonBetweenRegular", Arial, Helvetica, sans-serif;
		color:#fff;
		text-align:center;
		text-shadow: #4c7186 2px 2px 2px;
		text-indent:0;
	}
	h1 span {
		color:#acffec;	
	}
	h2 {
		display:none;
	}
	.section {
		width:155px;	
	}
	.button {
		padding:3px;
		font-size:9px;
	}
	.name {
		width:140px;
		margin:0 4px 0 0;
		font-size:14px;
	}
	li.amountHolder {
		height:13px;
		padding: 3px 4px 6px;
		background-position:1px -158px;
	}
	.amount {
		width:41px;
		height:auto !important;
		font-size:12px
	}
	.total.amount {
		background-position:5px -202px;
		height:auto;
		width:80px;
		height:14px !important;
		font-size:14px;
		padding:4px;
	}
	.delete {
		right:-16px; top:4px;
	}
	.deleteMe {
		width:32px; height:32px;
		background:url(../images/btn_sprite.png) right 0 no-repeat;
		display:block;
		position:absolute;
		top:50%; left:50%;
		margin:-16px 0 0 -16px;
	}
	.button.large {
		font-size:15px;	
	}
	#topMenu {
		width:190px;
		position:inherit;
		margin:10px auto 10px auto !important;
		right:inherit; top:inherit;
	}
	#about {
		margin-right:0 !important;
	}
	#controls {
		margin-top:7px;	
	}
	#sectionHolder {
		width:100%;	
	}
	#result {
		margin:0;
		font-size:13px;
		padding:8px 20px;
	}
	#options {
		width:139px;
		margin-top:5px;
	}
	#resultsHolder #options a {
		width:auto;
		font-size:9px;
	}
	#footer {
		font-size:9px !important;	
	}
	.modal {
		width:250px;
		font-size:11px;
		padding:6px;
		position:inherit;
		left:inherit;
		top:inherit;
		margin:5px auto 0 auto;
	}
	.modal_close {
		width:12px; height:13px;
		background:none;
		color: #fff;
		font-weight: bold;
		left: -3px;
		top: -3px;
		text-decoration: none;
		text-indent:0;
	}
	#emailModal {
		left: 50% !important;
		margin: 0 0 0 -131px;
		position: absolute;
		top: 20px !important;
	}
	#alert.mobile.modal {
		display:block !important;	
	}
	#gritter-notice-wrapper {
		display:none !important;
	}