body{margin: 0px;padding: 0px;background:#eeeeee;color:#000;}
#header{height:40px;width:100%;margin:0px 0px 0px 0px;padding:0px;border:0px;}
#home{width:100%;border:0px;margin-right:0;margin-left:0;margin-top: 0px;margin-bottom:0px;padding: 0px;text-align: left;}
#main{margin:0px 0px 0px 0px;padding: 0px;border:0px black dashed;width:100%;}
#zip_distance{height: 28px;width:100%;font-size: 18px;padding:0px;margin:0px;text-indent:0px;-webkit-border-radius:6px;}
#focalSelect, #lensSelect, #unitsSelect, #formatSelect, #apertureSelect
{height: 30px;font-size: 18px;padding:0px;margin: 0px 0px 0px 0px;width:100%;-webkit-border-radius:6px;}
#layoutTable{width:100%;border:0px;padding:0px;font: normal normal normal 18px Arial, Helvetica, sans-serif;}
#outputTable{border-top:1px black solid;width: 100%;font: normal normal normal 18px Arial, Helvetica, sans-serif;}
#outputTable td{width: 25%;text-align:center;border-right:1px black dotted;border-top:1px black dotted;}
.adsense{text-align:center;clear:both;}
#notes{font: normal normal normal 17px Arial, Helvetica, sans-serif;padding:4px 4px 4px 4px;}
#distanceRow{margin:0px;padding:0px;width:100%}
#distancecell{margin:0px;padding:0px 3px 0px 0px;width:45%; vertical-align:middle;}
#unitscell{margin:0px;padding:0px 0px 0px 3px;width:55%; vertical-align:middle;}
#footer{font: normal normal normal 14px Arial, Helvetica, sans-serif;text-align:center;clear:both;border-top:0px black solid;margin:0px;padding:3px 3px 3px 3px;}

/* modify jQTouch theme */
.toolbar { /* modify the toolbar to be the same height as the image and set background color to color at right side of image */
    border: 0px;
    padding: 0px;
    height: 40px;
    width:100%;
    margin:0px;
    
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
		background-color: #949494;
}

.button, .back, .cancel, .add {
    top: 5px; /* dofmaster toolbar is only 40px instead of 45px, move button up 3px in DOFMaster */
}

.toolbar div.rightButton {
		position: absolute;
		top: 5px;
		right: 6px;
		height: 30px;
		font-weight: bold;
		text-align: center;
		color: white;
		text-shadow: rgba(0,0,0,0.6) 0px -1px 1px;
		line-height: 28px;
		border-width: 0 8px 0 8px;
		-webkit-border-image: url(images/button.png) 0 8 0 8;
}

.hide {
	display: none;
}

.toolbar div.backButton {
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    color: white;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.6);
    position: absolute;
    top: 5px;
    right: 6px;
	height: 30px;
    max-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-width: 0 8px 0 14px;
    -webkit-border-image: url(images/back_button.png) 0 8 0 14;
}