#mobileListCtrlPanel {
	margin:9px;
	position:relative;
	width:100%;
	height:46px;
}

#mobileListCtrlPanel div {
	display:inline-block;
}

#mobileListCtrlPanel > div {
	position:absolute;
}

#mobileListSetBtns {
	top: 4px;
	letter-spacing:-4px;
	word-spacing:-1px;
}

#mobileListSetBtns > input {
	margin-left:0px;
	margin-right:0px;
	border:none;
	vertical-align:text-bottom;
	height:37px;
	letter-spacing:normal;
	word-spacing:normal;
	font-family: "Helvetica";
	font-size: 17px;
	font-weight: bold;
	width: 60px;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

#mobileListCtrlPanel .mobileListSelected {
	color:white;
	background-color: #366EDF;
	background: -webkit-gradient(linear, left top, left bottom, from(#2362DD), to(#7A9DE9), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC));
	background: linear-gradient(to bottom, #2362DD 0%, #366EDF 50%, #215FDC 50%, #7A9DE9 100%);
}

#mobileListCtrlPanel .mobileListUnselected {
	color:black;
	background-color: #366EDF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFED), to(#FFD8B7), color-stop(0.5, #FFF6E5), color-stop(0.5, #FFFBEA));
	background: linear-gradient(to bottom, #FFFFED 0%, #FFF6E5 50%, #FFFBEA 50%, #FFD8B7 100%);
}

#mobileListCtrlPanel #mobileListSet1Btn {
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
}

#mobileListCtrlPanel #mobileListSet2Btn {
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}

#dataListHint {
	left: 50%;
	width:65px;
	line-height:46px;
	font-weight:bold;
	font-size:17px;
	vertical-align:middle;
	text-align:center;
}

@media screen and (max-width: 350px) {
	#dataListHint {
		margin-left: -28px;
	}
}

@media screen and (min-width: 350px) {
	#dataListHint {
		margin-left: -41px;
	}
}

#mobileListAddBtn, #mobileListDelBtn {
	width: 46px;
	height: 46px;
}

#mobileListAddBtn > div, #mobileListDelBtn > div {
	width: 39px;
	height: 35px;
}

#mobileListAddBtn > div > div, #mobileListDelBtn > div > div {
	left: 8px;
	top: 14px;
	width: 23px;
	height: 4px;
}

#mobileListAddBtn > div > div > div, #mobileListDelBtn > div > div > div {
	left: 9px;
	top: -9px;
	width: 4px;
	height: 23px;
}

/* overwrite margin of iPad RectList which is 30px;*/
#mobileListsDataList {
	margin-left: 9px;
	margin-right: 9px;
}