/* TYPOGRAPHY */

html,body,
ul#nav-tools,
#footer p, 
form#register-signIn .securityTip{font-size:88%; color:#FFF;}
select, input, textarea{font-size:100%;}
body.landing #footer p,
body.about #footer p{color:#333; font-size:95%;}
#footer #col_4 p{text-align:right; margin-bottom:5px;}

/* text and forms */
h1,h2,h3,h4,h5,h6{font-weight:bold;color:#CF3;}
h1{font-size:150%;}
h2{font-size:130%;}
h3{font-size:115%; margin-bottom:.25em;}
h4{font-size:100%;}
h5{font-size:105%;}
h6{font-size:105%;}

.daisy-doc.hide-header h1.daisy-document-name,
#nav-main h2{ display:none;}

body.fixed #content.welcome #content-inner h2,
body.fixed #content.registrationClosed #content-inner h2,
body.popup #content h2,
body.fixed #content.oauth_userDiscovery #protected-container h2{width:100%;}

body.landing,
body.about{color:#333;}

body.landing h2,
body.about h2{margin-bottom:.35em; font-size:185%; font-weight:300; color:#333;}

body.landing #content-inner h2{color:#333;}
body.landing #content-inner h2.lead{color:#f90; font-size:270%; padding-top:15px; margin:0; padding:0; font-weight:bold;}
body.landing #featuredApps-container h2{margin-bottom:.6em;}

body.landing #myAccount-box h2{font-weight:bold;}

#protected-container h3{color:white !important;}

body.register #content h2,
body.fixed #content h2 {margin-bottom:.5em;color:#CF3;}	
body.fixed #content h2{width:75%;}/* non-oauth */
body.fixed #content .appDetail-content-inner h2{width:85%;}/* oauth flow */
/*body.fixed #content .appDetail-content-inner h2{width:100%;} SH: not 100% here because there are other oauth pages not like userDiscovery that still may need this width, hence it is specified lower down the list - must test this to make sure*/

#content.accountSettings h2{margin-bottom:.5em;}

/* Registration: Choose Category Phone */
form#chooseCategory h3{color:#FFF; margin-bottom:.5em;}

/* Location History and Requests */
/* SH: not sure if requests ever use an h3 like this...perhaps when requests occur on different days */
#locations-container h3,
#requests-container h3{font-weight:normal; color:#FFF; font-size:100%; position:relative; margin: 0 0 1em 0; padding: 0 0 .35em 0; border-bottom:1px solid #CEDAE2; z-index:20;}

/* Accuracy form */
ul#editPermissionSettings li h3{margin-bottom:1em; margin-left:-.5em; padding-left:30px; height:25px; line-height:25px;}
ul#editPermissionSettings li h3.sans_graphic{margin-bottom:.25em; padding-left:0; height:auto; line-height:normal; color:#FFF;}

h2 + h3{margin-top:.5em;}

/* FOOTER */
body.landing #footer h3,
body.about #footer h3{color:#333; font-size:105%; margin-bottom:.75em;}

h4.textBubble{color:#FFF; margin-bottom:1em; height:100%;}/* height for text zoom */

ul#endUserNotice h4{margin-bottom:.25em; }

ul.faq li h4,
ul#emailHelp li h4{font-weight:normal;}

strong,
span#currentLocation{font-weight:bold;}
em{font-style:italic;}	
input,select,option,textarea{color:#333;}


p + h2,
p + h3,
p.arrow + h3{margin-top:2em;}
p{margin-bottom:1em;}
.shareLocation-content p:last-child{margin-bottom:0;}

/* because width of logged in pages needs to be 100% - targeting 
   all logged out, fixed sized pages to make width smaller - there are 
	exceptions to this rule  */
	
/* non-oauth sans icon, needs to be slightly less in width than oauth */
body.register #main-content p,
body.fixed #content p,
body.fixed #content form#finishAcctSetup p,
body.fixed #content form#accountInfo fieldset.email p,
body.fixed #content form#sendAgain p,
body.fixed #content form#continue p,
body.fixed #content form#notProvisioned p,
body.fixed #content.oauth_userDiscovery .appDetail-content-inner h2,
body.fixed #content.oauth_userDiscovery .appDetail-content-inner p,
body.fixed #content.oauth_userDiscovery .appDetail-content-inner form{width:75%;}

/* oauth sentences that use icon, needs to be slightly more in width than non-oauth */
body.fixed #content .appDetail-content-inner form#accountInfo fieldset.email p,
body.fixed #content .appDetail-content-inner p,
body.fixed #content .appDetail-content-inner form#sendAgain p,
body.fixed #content .appDetail-content-inner form#notProvisioned p{width:85%;}

/* exceptions to above exceptions - usually p tags inside forms need to extend width of form */
body.fixed #content form p,
body.fixed #content #yesHelpMe-container p,
body.fixed #content.welcome p,
body.fixed #content.registrationClosed p,
/*body.fixed.popup #content p, SH: not needed anymore from what I can see. also, it's body.popup now 

/* because at 100% the box the p tag is inside extends 
   to edge of box, minus padding which is bad */
body.register #content form p{width:auto;}

/* login: anti-phishing */
body.fixed #content .securityTip{width:55%;}
body.fixed #content .securityTip,
form#register-signIn .securityTip{ color:#EEE;}

.pre-list{margin:1em 0 .5em 0;}
.box#myAccount-box .pre-list{margin:0;}
.box#myAccount-box ul#carriers-list li#note{font-style:italic; font-size:90%;}

/* location */
.locationTime{margin-left:.25em; display:inline-block;}
#locations-container .locationDetail-content-inner p.actualLocation{position:relative; width:89%;}

/* applications pager */
.pager-container{font-size:100%;}

/* LANDING PAGE */
body.landing #lead-container p{font-size:170%; font-weight:300; line-height:130%;  margin:0 0 20px 0; padding:0;}

/* errors and notes */
.errorMsg {color:#FC0; font-weight:bold; margin-bottom:1em; font-size:100%;}
.required{color:#FC0;}
.note{background-color:#6C6C6C; padding:.35em .5em; border:1px dotted #CEDAE2}
.display-none{display:none;}

/* register */
body.register #main-content form p.errorMsg{margin-top:-.25em; margin-bottom:1.25em;}
form#timeRestriction p.errorMsg{margin-bottom:1em;}
body.register #main-content form p.note{margin-bottom:1.25em; padding-bottom:1em; font-weight:bold;}
/* BUG: 25052 - story 071 */
ol#tagUpgrade.orderedList li p.note{margin:1em 0 0 0; background:transparent; padding:0; border:0;}

/* links */
a:link{color:#9CF;}
a:visited{color:#CCE5FF;}
a:hover{color:#9FF;}
a:focus{color:#9FF;}
a:active{color:#9FF;}

/* default for revised pages */
body.landing a,
body.about a{color:#333; color:#094970;}
body.landing a:visited,
body.about a:visited,
body.landing a:hover,
body.about a:hover,
body.landing a:focus,
body.about a:focus,
body.landing a:active,
body.about a:active{color:#265B90; color:#1E5B90;}

body.landing #content-inner h2.lead a{text-decoration:none; color:#f90;}

body.landing #nav-tools a,
body.about #nav-tools a{font-size:150%; text-decoration:none; font-weight:300; }

/* featured apps have no text decoration until hover */
body.landing #featuredApps-container ul li p a{text-decoration:none;}
body.landing #featuredApps-container ul li p a:hover{text-decoration:underline;}

/* for landing page most links are default gray, so blue is on hover
   whereas for other pages this may be reverse */
body.landing #nav-tools a, 
body.about #nav-tools a,
body.landing #featuredApps-container ul li p a, 
body.landing #featuredApps-container ul li p a:hover,
body.landing #footer a,
body.about #footer a{color:#333;}

body.landing #nav-tools a:hover, 
body.about #nav-tools a:hover, 
body.landing #footer a:hover,
body.about #footer a:hover{color:#094970; color:#265B90; color:#1E5B90;}

/* needs span: in order for link to be block and hit area be size of link */
/* FF3, IE6 and IE7 all recognize bottom margin when it is a.foo-link {display:inline-block;} except FF2, hence the span instead */
span.home-link,
span.help-link{display:block; position:relative; top:0; margin-bottom:1em;}

/* location history: clear link */
#locations-container ol.locations li a.clear-link{position:absolute; top:0; right:0;}
/* location history: clear this data link */
fieldset.checkbox #clearLocationHistoryOptionDisabled{color:#AAA}
/* location history: prev and next */
#locations-container .prevNext{text-align:right;}	

/* Registration Provisioning Steps 1,2,3,4 - information text */
ol#provisioningSteps li .step{font-weight:normal;}
ol#provisioningSteps li.nonactive .step{color:#909090;}

/* BING */
.MSVE_CopyrightForeground span {color: #FFF;}
.MSVE_CopyrightBackground span {color: #CCC;}