html{width:100%; width:auto; overflow-y:scroll;}
body {margin:30px auto; min-width:600px; max-width:1500px; width:auto; background:#000; color:#FFF; text-align: center;}
body#popup {margin:10px auto; min-width:580px; max-width:580px; width:auto;}

#container{background:#000; padding:10px 0 0 0;}

/* TOP */
#top{margin:0; padding-left:15px; width:auto; height:auto;}
#top.landingPg { margin:0 auto; width:50%; padding-left:0;}
#top a img {border-style: none;}

/* NON-lANDING PAGES - logo and header  */
#top #branding {margin:0 0 20px 0; display:block;}
#top #branding h1 {margin:0; line-height:61px; text-align:left;}
#top #theLostPhone_logo{margin-right:10px; display:block; float:left;}/* see GRAPHICS.CSS for logo img */
#top #theLostPhone_logo a{width:60px; height:61px; display:block; cursor:pointer; text-indent:-9999px;}

/* LANDING PAGE logo and header ONLY */
#top.landingPg #branding {margin:0 auto 15px auto;}
#top.landingPg #branding h1 {margin:0 auto; line-height:102px; width:425px;}/* width set so it centers */
#top.landingPg #theLostPhone_logo{margin-right:15px;}/* see GRAPHICS.CSS for logo img */
#top.landingPg #theLostPhone_logo a{width:102px; height:102px;}

/* MIDDLE */
#middle {background-color:#999; padding:15px; margin:15px 0; position:relative;}
#content{width:50%; margin:0 auto;}
#popup #content{width:90%;}
#content.pleaseWait{text-align:center;}

ol#app-instructions{list-style:none; margin:0 auto; text-align:left; width:100%; width:50%; font-size:105%;}
ol#app-instructions li{margin:0 0 10px 0; min-height:50px; padding:5px 0 5px 60px;}/* see GRAPHICS.CSS for li imgs */
ol#app-instructions li.fb_share{background:transparent; position:absolute; right:10px; top:30%; width:170px; padding-left:0; height:auto; padding:10px 10px 10px 20px; border-left:1px dotted #222;}

/* FACEBOOK content */
#fb_login{margin:1em 0;}/* register.jsp: "Connect with Facebook" btn */

/* MAP */
#map_canvas{
	margin:auto;
	width:500px; 
	height:300px;  
	background-color:white; 
	
	/* revised */
	margin:.5em auto;
	width:100%;
	height:220px;
	border:1px solid #333;
	}

ul#map_links{position:absolute; float:right; top:26%; left:76%;}
ul#map_links li{margin-bottom:.5em;}
ul#map_links li.fb_share{margin-top:5em; width:170px; padding:10px 10px 10px 20px; border-left:1px dotted #222;}

/* TERMS */
ol#termsAndConditions{list-style:inside decimal;}
ol#termsAndConditions li{margin-bottom:.75em;}

/* FOOTER: CENTERED, use this class for choose statement (.landingPg) */
#footer {text-align:center;}
#footer ul#footer-content{padding:0;}
#footer ul#footer-content li{display:inline; float:none; padding:0 .125em;}
#footer ul#footer-content li#protectedBy{float:none; display:block; margin-top:1.5em; }

/* FOOTER: SHARED STYLES - protected by Veriplace */
.protectedBy{line-height:28px; height:28px; float:left; display:block;}
.veriplace{margin-left:.5em; float:left;}/* see GRAPHICS.CSS for Veriplace graphic styling */

/* FOOTER: LANDING PAGE ONLY - CENTERED protected by Veriplace */
.protectedBy-container{margin:0 auto; width:50%; height:28px; line-height:28px; position:relative;}
.protectedBy-container .protectedBy-content{margin:0 auto; display:block; width:200px; vertical-align:middle;}