body, body[orient="profile"], body[orient="landscape"]{ 
	width:100%; 
	font: bold 12px Helvetica ;
	background:#000; /*url(images/bgs/parchment.gif) -5px 5px; */
	color:#FFF;
	margin:0px;
}			
h1 { margin-top:-5px; margin-bottom:1px}
a img { border:none }
a {color:inherit; text-decoration:none}
	
	
	
/* ---------------------------------------------------- */

	#bar {												/* Bar with buttons */
		position:relative; top:0px; left:0px;
		background:#000 url('images/barGradient.png') repeat-x;
		width:100%;  height:44px;
		margin-top:0px; margin-bottom:0px;
		padding-bottom:0px;
	}
		#bar img {				/* buttons like + and edit and done */
			position:relative;
			top: 0px;
		}
		
	#controls {
		position:absolute;
		width:170px;
		left:150px; top:5px;
		text-align:right;
	}
	body[orient="profile"]   #controls {position:absolute; left:150px} /* adding 'position' may fix the problem */
	body[orient="landscape"] #controls {position:absolute; left:250px}
		                  

	#info {												/* Tiny line of instructions */		
		position:absolute; top:0px;left:130px;
		color:#FFF;
		text-shadow: 2px 2px 2px #000;
		height:40px; width:125px;
		text-align:center;
	}
	
/* ---------------------------------------------------- */
	
	#buttons {											/*  Holder of all app buttons */
/*		margin:0px;
		margin-top:0px;
		position:relative;
*/	}
	
		.app, .tel {											/* an .app holds an icon img and a p */
			display:inline; float:left;
			width:75px;  height:90px;
			text-align:center;
			position:relative;
		}	

			.appicon, .telicon {
				width:57px; height:57px;
				margin:8px 5px 1px 5px;
			}
			.delButtonImg {		position:absolute; top:0px; left:0px;}
			.swapButtonImg {	position:absolute; top:10px; left:32px;}
			
			.app p, .tel p {
				margin-top:2px;
				overflow:hidden;		/* don't show 2nd line of a name */
			}
			
			.check {
				position:absolute; top:-7px; left:0px; 
				opacity:.9  !important;
			}
		.category {
			clear:both; position:relative;
			background:#88D url('images/barGradient.png') repeat-x;
			height:25px;  width:100%;
		}
		img.catDone {
			height:20px; position:absolute; left:280px; top:0px;
		}
		.category div { 
			position:relative; left:10px; top:5px; 
			font-size: 10px;	color:#FFF; 
			height:25px;  width:100%;
/*			text-shadow: 0px 0px 20px #003;
*/			
			}
		
		
		#custom {
			display:none;
			margin:15px 10px;
			height:150px;
			border: 1px solid #999;
			-webkit-border-radius: 10px;
/*			padding:15px;
*/		}
			
/* ---------------------------------------------------- */
	div.message {
		border: 1px solid #999;
		-webkit-border-radius: 10px;
		margin-top:9px;
		padding:10px;
		width:298px;
	}