/* LAYOUT MAIN */
/* use overflow-y:scroll if you don't want shifting to occur when pages need to scroll overflow-y:scroll; if you do add this, make sure you delete the same style in your popup */
html{width:100%; width:auto; overflow-y:scroll; /* revised */ height:100%;}
body{ margin:0 auto; padding:0; position:relative;  width:100%; height:100%; background:transparent; display:inline;}
#container{margin:0 auto 12px auto; background:transparent; border:0; min-width:980px; max-width:980px; width:980px; padding:20px 10px; padding-bottom:250px; position:relative; /* background:orange; */}

/* this container's function is to keep footer at btm of page and extend edge to edge of browser.
   needs border to pull content to bottom of viewport - thought it was hasLayout, but no */
#footer_container{position:relative; min-height:100%; border-bottom:1px solid #cdcdcd;} 

#content {margin-left:0; padding:0 0 0 10px; min-height:400px; background:white; width:605px; clear:both;/* background:pink; */} /* clear:both, in order to clear floating nav list items */
#content.login{padding-right:0; position:relative; z-index:20; width:auto;}

/* LANDING PAGE */
body.welcome #content,
body.locationAccessOverview #content{margin-top:0; padding:0; position:relative; /*min-height:900px;*/ clear:none; width:auto;}
body.locationAccessOverview #content{min-height:500px;}

#content.register{padding-right:25px; width:625px;}/* entire form needs room to grow */
#content.billing{padding-right:25px; width:auto;}

body.myApps-landingPg #content{width:auto;}

/* Developer Guide and My Projects  (DevGuide == .daisy-doc)
   pages with side nav (sans DevGuide) because it has its own version of side nav*/
#container.hasContentNav #content,
#container.hasContentNav #content.daisy-doc{padding-right:0; width:auto;}

body.popup #content.daisy-doc{padding-right:0;}/* because it didn't respond to popup.css file */

/* currently DAISY adds prefix to ID's in its content, so we need to use a class instead,
   this appears ONLY for tutorials as of now see bug 25304 */
/* default side nav - smaller width (My Apps, Test Tools, My Account)*/
body.welcome #content-inner{margin-left:0; float:left; width:600px;}

#content-inner,
.content-inner_daisyLiteralHTML,
body.sdk #content-inner{margin-left:200px; position:static; width:555px; width:auto; width:605px; /* background:#996; */}
body.locationAccessOverview #content-inner{margin-left:175px; width:auto;}

/* larger side nav (Devguide & tutorials) */
body.developerGuide #content-inner,
body.tutorials #content-inner,
.content-inner_daisyLiteralHTML{margin-left:245px; width:585px; width:605px;}/* longest image is 585px */

/* special cases */
#content.login #content-inner{margin-left:0; margin-right:0; width:375px;}
body.myApps-landingPg #content-inner,
body.simUsers-landingPg #content-inner,
body.realUsers-landingPg #content-inner{width:auto;}

body.myApps-landingPg #content-inner{margin-top:40px; margin-left:0;}

body.simUsers-landingPg #content-inner-inner,
body.realUsers-landingPg #content-inner-inner {margin-top:40px; width:340px; display:inline-block; display:-moz-inline-block;}

/* LANDING PAGE (body.welcome ) */
body.welcome #box-container{float:right; min-width:300px;}
body.welcome #smartphoneGeofencing-container,
body.welcome #locationAccess-container,
body.welcome #painPoints-container{margin-bottom:30px;}

body.welcome #geofencing-icon,
body.welcome #universalLocationService-icon,
body.welcome #painPoints-icon{width:75px; height:75px; float:left;}

body.welcome #smartphoneGeofencing-content,
body.welcome #locationAccess-content,
body.welcome #painPoints-content{margin-left:85px;}

/* SECTION NAME (location Access and Smartphone Geofencing have section titles above nav)*/
#sectionName-container{ margin-bottom:10px;}/* see graphics.css and typography.css for other styles */

/* LOGIN */
#register-yourself{width:350px;}

/* WELCOME (logged out) */
#content.daisy-doc ul.news-blog{margin:0 0 1em 0; list-style-type:none; list-style:none; position:relative;}
#content.daisy-doc ul.news-blog li{margin:0 0 1em 0; padding-left:17px; list-style:none; list-style-type:none; background:url(../images/arrow.gif) 0 2px no-repeat;}

/* How It Works subtab */
#howItWorks-diagram{
	width:375px; 
	height:89px; 
	display:block; 
	background:url(../images/howItWorks-diagram.png) 0 0 no-repeat;
	margin:2em auto;
	}
ul#howItWorks-points{list-style-type:disc; list-style:outside; margin:2em 0; background-color:#F2F2F2; padding:1em ;}
ul#howItWorks-points li{margin:0 0 1em 1em;}
ul#howItWorks-points li:last-child{margin-bottom:0;}

/* ABOUT */
#freedomMode-container,
#professionalMode-container{position:relative; margin:2em 0;}
#professionalMode-container{margin-bottom:3em;}

#freedomMode-container p,
#professionalMode-container p{margin-left:230px;}

#professionalMode-img,
#freedomMode-img{position:absolute; left:0;}


/* MY APPS */
/* list of apps header is in typography.css */	
#applications-development,
#applications-review,
#applications-published{margin-bottom:4em;}

/* application container for list of apps (applications.jsp) */
.appDetail{postion:static; padding:0; width:auto; margin-bottom:1em;}
.appDetail:last-child{margin-bottom:0;}

/* APP ICONS */
/* app icon next to header on My Apps pages 	*/
img.app-icon{position:static; float:left; width:40px; height:40px; border:1px solid #666;}

/* application branding icons to edit */
img.app-branding-icon{position:absolute; top:.75em; left:0; width:40px; height:40px; border:1px solid #666; }

/* default sizes and style */
img.app-branding-icon.sm,
img.app-preview-icon.sm{width:40px; height:40px; border:1px solid #666;}
img.app-branding-icon.lrg,
img.app-preview-icon.lrg{width:90px; height:90px; border:1px solid #666;}	

/* default positioning */
img.icon.sm,
img.icon.lrg,
img.app-branding-icon.sm,
img.app-branding-icon.lrg,
img.app-preview-icon.sm,
img.app-preview-icon.lrg{position:static;}

/* edit app icon preview */
img.app-preview-icon{margin-top:1.25em;}

/* End User Notice */
ul#end-user-notice{margin:1em 0; /* revised */ margin-top:0;}
ul#end-user-notice li{margin:0 0 2em 0;}

/* Additional Info (login, support) */
#additionalInfo-container{position:static; float:none; width:auto;}	

/* Consumer (key and secret) and Application (token and secret)  */	
table.my-projects{
	margin:.25em 0 1em 0; 
	padding:.05em;
	padding-right:0;
	position:static;
	width:auto;
	color:#000;
	background-color:#FFF;
	border-collapse:separate; 
	border:1px solid #F2F2F2;
	border-spacing: .25em;
	}

/* BUG:25131 */	
table.my-projects.app-keys{border-collapse:collapse;}
table.my-projects.app-keys tr{border:4px solid #FFF;}

table.my-projects th,
table.my-projects td{position:static; padding:.5em; background:#F2F2F2; border:0; line-height:20px;}

/* special cases */	
table.my-projects.users-simulated{width:auto; width:100%;}/* test accounts */
table.my-projects.users-real{width:65%}/* test accounts */
	
/* real phones table */
table.my-projects.users-real td .realPhoneNo{display:inline-block; display:-moz-inline-block; width:86%;}
table.my-projects.users-real td a.remove_link{margin-bottom:0;	position:static; display:inline-block; display:-moz-inline-block;}
	
/* BUG:23026 - in order for highlighting text not to also include title text */
/* FF2 collapses width when zoom because of floats */
table.my-projects.app-keys tr{background-color:#F2F2F2;}
table.my-projects.app-keys td{width:auto; float:left; float:none;}/* BUG:25131 */

table.my-projects.app-keys td.rowType{text-align:right;}
/* question mark - see graphics.css for image*/
table.my-projects.app-keys td.help{float:left; margin-left:2em; margin-left:0; float:none;}/* BUG:25131 */

/* my projects > billing */
/* BILLING FRAMED BOX */
.framedBox-container{margin:.5em 0 3em 0; padding:.3em; border:1px solid #F2F2F2; background:transparent; }
.framedBox-content{padding:1em; background:#F2F2F2;}

table.billing-prices,
table.comparisonChart{
	margin:-1em 0 0 0;
	padding:.05em;
	padding-right:0;
	position:static;
	border-collapse:separate;
	border:0;
	border-spacing: .25em;
	color:#000;
	width:100%;
	background-color:transparent;
	}
table.comparisonChart{margin:1.5em 0 1em 0; border-collapse:collapse; border-spacing:0; /*without header*/ margin-top:0;}

table.billing-prices th,
table.billing-prices td,
table.comparisonChart th,
table.comparisonChart td{padding:.5em; border:0; background:#FEFEFE; position:static;}

table.billing-prices th,
table.billing-prices td.userType,
table.billing-prices td.moreInfo,
table.comparisonChart th{background:transparent; border:0; color:#000;}

table.comparisonChart thead tr{border:0;}
table.comparisonChart tr{border:1px solid #CCC;}
table.comparisonChart tr.even{background:#E9E9E9;}
table.comparisonChart tr.even td{border-right:0; border-left:0;}

table.comparisonChart td{background:transparent;}
table.comparisonChart td.compareItem{padding:.5em; text-align:left; line-height:13px; width:50%;}
table.comparisonChart td.compareResult{text-align:center; width:25%; border-left:1px solid #EEE;}

table.billing-prices td{text-align:center;}
table.billing-prices td.moreInfo{text-indent:-9999px;}/* More Info header */
table.billing-prices td.pricingResult{text-align:left; background:#F2F2F2;}
table.billing-prices td.userType{text-align:right; width:27%; /* revised */ width:40%; }

table.billing-prices th,
table.comparisonChart th{text-align:center;}

table.billing-prices th.userType-header,
table.billing-prices th.userType-header{border:0;}
table.billing-prices th.userType-header span.userType-headerTxt{display:none;}

table.comparisonChart td.compareResult .no_checkmark{text-indent:-9999px;}

/* BUG:25131 - tooltip - see graphics.css for image */
.cvv2-example{position:absolute; top:-6px; left:25%; z-index:50;}/* needs this for positioning */

/* DAISY DOCUMENTS (mostly - lists include general list styles)*/
/* lists - this includes styling for non-daisy lists */
#content.daisy-doc ul,
#content.daisy-doc ol,
#content.daisy-doc ul ul,
#content.daisy-doc ol ol,
ul.bulleted-list,
ol.ordered-list {margin:0 0 1em 2em; padding:0; list-style-position:outside;}

/* tutorials */
#content.daisy-doc ul.tutorials_all{margin:0 1em 3.5em 1em; margin:0 .75em 3.5em .75em; list-style:none;/* align with header */}
#content.daisy-doc ol.tutorials_steps{list-style:none; margin-left:0;}/* numerical in case css is OFF */

ul.bulleted-list,
ol.ordered-list {margin-left:1.25em; }

#content.daisy-doc ul li,
#content.daisy-doc ol li,
ul.bulleted-list li,
ol.ordered-list li {margin:0 0 .5em 0; padding:0; list-style:outside; list-style-position:outside;}/* test removes list-styles */

#content.daisy-doc ul li,
ul.bulleted-list li{list-style-type:disc; }

#content.daisy-doc ul ul li{list-style-type:circle;}

#content.daisy-doc ol li,
#content.daisy-doc ol ol li,
ol.ordered-list li{list-style-type:decimal; }

/* special cases */
body.locationAccessOverview .box#contest-box ul{float:right; margin:12px 6px 0 6px; width:120px;}
body.locationAccessOverview .box#contest-box ul li{margin-bottom:18px;}

/* supported phones page */
#supportedPhones-img,
#moreCoverage-img{ margin:1em 0; display:inline-block; display:-moz-inline-block;}
#moreCoverage-img{float:right; margin-right:4em;}
#content.supportedPhonesPg ul#supportedPhones-list{margin:0 30px 2em 0; float:left; display:inline-block; display:-moz-inline-block;}
#content.supportedPhonesPg ul#supportedPhones-list li{margin:0 0 1em 0;line-height:40px; min-height:40px; display:block;}/* see graphics.css for carrier logos */
#content.supportedPhonesPg ul#supportedPhones-list li#android,
#content.supportedPhonesPg ul#supportedPhones-list li#blackberry,
#content.supportedPhonesPg ul#supportedPhones-list li#winMo{padding-left:50px;}

ul#moreCoverage-list{margin:1em 30px 2em 0; float:left; display:inline-block; display:-moz-inline-block;}
ul#moreCoverage-list li{margin:0 1em 1em 0; line-height:41px; min-height:41px; display:inline-block; display:-moz-inline-block; text-indent:-9999px; width:100px; display:block; margin-right:0; }/*see graphics.css for carrier logos */

/* FAQs */
ul#faqs-list{margin:1em 0 2em 0;}
ul#faqs-list li{margin:1em 0 2em 0;}

/* tutorials landing page */
#content.daisy-doc ul.tutorials_all{margin:0 1em 3.5em 1em; margin:0 .75em 3.5em .75em; list-style:none;}
#content.daisy-doc ul.tutorials_all li{margin-bottom:2em; list-style:none;}
#content.daisy-doc ul.tutorials_all li:last-child{margin-bottom:0;}
#content.daisy-doc ul.tutorials_all li.tutorial-featured-item{margin:0 -.75em 2em -.75em; padding:1em; display:block; min-height:127px; border:1px solid #efefef; background:#F7F7F7;}

/* tutorial inner pages */
/* next tutorial link at bottom of tutorial */
body.tutorials #content.daisy-doc .tutorials-footerNav{margin:3em 0 2em 0; padding:.5em; border-top:1px dashed #666; }
body.tutorials #content.daisy-doc .tutorials-footerNav ul,
body.tutorials #content.daisy-doc .tutorials-footerNav ul li{margin:0; padding:0; list-style:none;}
body.tutorials #content.daisy-doc .tutorials-footerNav ul li{display:-moz-inline-block; float:right; margin:0 0 0 10px;}

/* revised (multi sub-steps ONLY) OR if we want text to appear above the images float:left; */
#content.daisy-doc ol.tutorials_steps{list-style:none; margin-left:0;}/* numerical in case css is OFF */
#content.daisy-doc ol.tutorials_steps li{margin-bottom:55px; display:block; min-height:227px;}
#content.daisy-doc ol.tutorials_steps ul{display:block; margin-left:15px; margin-left:0;}
#content.daisy-doc ol.tutorials_steps ul li,
#content.daisy-doc ol.tutorials_steps ol li{margin-bottom:5px; min-height:1px; list-style:inside disc; display:list-item;}/* compromise, inside vs. outside for alignment-sake */
#content.daisy-doc ol.tutorials_steps ol li{list-style-type:decimal;}

/* LANDING PAGE */
/* landing headline lead */
#lead-container{margin:25px auto 0 auto; width:620px; min-height:106px; position:relative;}
#lead-container #lead-img{position:absolute; top:0; left:0;}
#lead-container .lead-content-inner{position:relative; margin-left:116px; min-height:106px;}
/* boxes: smartphones, allphones and test tools (currently contest) */
#features{margin:10px 0 30px 0; padding:0; margin-top:0;}/* may not need this eventually */
.icon-container{margin:0 0 16px 0; background:white; min-height:50px; position:relative; }
.icon-container ul{margin:0;}
.icon-container ul#smartphones-list li{margin:0 22px;}
.icon-container ul#smartphones-list li,
.icon-container ul#allphones-list li{display:block; width:40px; height:50px; line-height:40px; float:left;}
.icon-container ul#allphones-list li{margin-right:12px !important;}
.icon-container ul#allphones-list li{margin:0; width:52px;}
.icon-container ul#smartphones-list li#blackberry{height:50px; margin:0 15px;} /* margin establishes centeredness */
.icon-container ul#allphones-list li#sprint{height:45px;}
.icon-container ul#allphones-list li#verizon{margin-right:0 !important; position:relative; top:-3px;}

/* needs !important to override default styles, will revisit when not in fire drill  */
ul.carriers{margin:4em 0 2em 0 !important; padding:0;}
ul.carriers li{padding-left:0; display:block; width:90px; height:50px; line-height:40px; float:left; text-indent:-9999px; margin-right:51px !important;}

/* featured apps 
#content.daisy-doc #featuredApps-container,
#content.daisy-doc #featuredApps-container ul,
#content.daisy-doc #featuredApps-container ul li{margin:0; padding:0;}
#content.daisy-doc #featuredApps-container ul li{float:left; position:relative; width:412px; margin-right:25px; list-style: none;}
#content.daisy-doc #featuredApps-container ul li.even{margin-right:0;}
#content.daisy-doc #featuredApps-container ul li div{position:absolute; top:0; left:0;}
#content.daisy-doc #featuredApps-container ul li p{margin-left:75px; min-height:50px; margin-left:100px; min-height:60px;}*/

#smartphones-img{margin:20px auto 0 auto;}/* smartphones doesn't acknowlegde 20px btm margin on icon-container */
#allphones-img{margin:20px auto 0 auto;}
#contest-img{margin:12px 6px 0 6px; float:left;}

/* tables */
/* due to limited control of elements in Daisy, it doesn't match <pre> styling */
#content.daisy-doc table{margin-bottom:1em; }
#content.daisy-doc table th{padding:.5em; border:1px dotted #999; background-color:#F9F9F9; vertical-align:middle;}
#content.daisy-doc table td{padding:.5em;}

#content.daisy-doc table th,
#content.daisy-doc table td{border:1px dotted #006EAA; border:1px dotted #666;}

/* 4.0 Using the Location API tables */
#content.daisy-doc table.location-api-error-msgs th{width:25%;}
#content.daisy-doc table.location-api-error-msgs td{width:75%;}
#content.daisy-doc table.location-modes th{width:15%;}
#content.daisy-doc table.location-modes td{width:85%;}
/* 5.0 Using the Update Location API tables */
#content.daisy-doc table.update-location-api-error-msgs th{width:30%;}
#content.daisy-doc table.update-location-api-error-msgs td{width:70%;}

/* tutorials */
.tutorial-featured {margin-left:175px; margin-left:0;}

pre{overflow:hidden;}