/* TYPOGRAPHY.CSS */

/* DEFAULT FONT SIZE */
html,body{font-size:88%;}
select, input, textarea, pre, code, tt{font-size:100%;}
/* #container{font-size: 0.8em;}needs this somehow */
code{font-size:110%; line-height:130%;}/* DAISY strips code tag */
.code_type{font-family: "Courier New", Courier, monospace;}/* in text, not in code samples */

/* DEFAULT MARGINS */
h2, h3, h4, h5 {margin-bottom:.125em;}

h2 + p, h3 + p, h4 + p, h5 + p {margin-top:0;}

p + h2, p + h3, p + h4, p + h5,
ol + h2, ol + h3, ol + h4, ol + h5,
ul + h2, ul + h3, ul + h4, ul + h5,
table + h2, table + h3, table + h4, table + h5{margin-top:1.5em;}
h2 + h3{margin-top:1em;}

#content_main.close-account h3 + p{margin:1em 0 2em 0;}

/* HEADERS: DEFAULT FONT SIZE */
h1{font-size:140%; font-size:150%; }
h2{font-size:135%; font-size:130%; font-weight:300; color:#000; font-size:185%;}
h3, p.register-now{font-size:115%;}
h4{font-size:100%;}
h5{font-size:105%;}
h6{font-size:105%;}

/* HEADERS: DEFAULT COLOR, STYLE and WEIGHT */
h1, h2, h3, h4, h5, h6{font-weight:300; color:#000; border:0;}
h3, h4, h5, h6{font-weight:bold;}

/* HEADERS: SPECIAL CASES (font size, color, style, weight and margins) */
/* BUG:22047 - H1 for Downloads and landing page of Documentation should not appear */
#content.daisy-doc h1,
#content.daisy-doc #content-inner h1,
#content.daisy-doc #content-inner_daisyLiteralHTML h1{display:none;}

/* Supported Phones */
h2.supportedPhones-header{margin-bottom:1em;}

/* LANDING PAGE (welcome and home) */
body.welcome .box,
body.home .box{color:#FFF;}

body.welcome .box#forum-box,
body.welcome .box#blog-box,
body.welcome .box#news-box{color:#333;} 

.box#forum-box h2,
.box#news-box h2,
.box#blog-box h2,
#sectionName-container h2{margin-left:60px; line-height:50px;}
.box#forum-box h2{line-height:115%; position:relative; margin-left:70px;}

body.welcome h2,
body.locationAccessOverview h2{font-weight:300; color:#000; font-size:185%;}
body.locationAccessOverview #lead-container h2{color:#c00; font-size:225%;}

body.locationAccessOverview h2.veriplaceHeader{font-weight:300; color:#333; font-size:270%; text-align:center;}

/* headers are links, but remain styled as headers and not links (welcome and home) */
#smartphoneGeofencing-content h2 a,
#locationAccess-content h2 a,
#painPoints-content h2 a{color:#333; text-decoration:none;}

body.locationAccessOverview .box h3,
body.welcome .box h3{color:white; font-size:175%; font-weight:300; margin:18px 6px 12px 6px; min-height:75px;}

body.locationAccessOverview .box#contest-box h3,
body.welcome .box#contest-box h3{min-height:1px; margin-bottom:6px;}

body.locationAccessOverview #content #featuredApps-container h2,
body.locationAccessOverview #content #news-blog-container h2{margin-top:0; margin-bottom:.5em;}

/*
body.welcome #content #news-blog-container h2{color:red;}
*/

/* FREE */
em.free-emphasis{color:#F90; text-transform:uppercase; font-weight:bold; font-style:normal;}

/* MY APPS */
/* header and in some cases links inline within header */
#content.application h2{height:40px; margin-bottom:20px;}
#content.application h2 span.back-to-apps-link{margin-left:.5em; font-size:90%; font-weight:normal; position:static;color:#000;}
	
#applications-development h2,
#applications-review h2,
#applications-published h2{margin-bottom:.5em;}

/* applications (app header IS a link) !!! also will probably merge to one class if they
   prove to be the same styling */
#applications-development h3 a,
#applications-review h3 a,
#applications-published h3 a{margin-left:10px; line-height:40px; display:inline;}
		
/* application (app name header is NOT a link e.g. all application detail pages) */	
#content.application h2,
#content.application h3 a{margin-left:50px; line-height:40px; display:block;}
	
#content.application h3{margin-bottom:.125em;}
#content.application h3.editNotice{line-height:115%; display:block; height:auto; margin-bottom:1em;}/* revised */
#content.application h3.editNotice a{display:inline; font-weight:normal; margin-left:0; /* revised */line-height:115%;}/* Edit link - revised in order for there to be consistent spacing when link is or is not present */
#content.application h3 span.back-to-apps-link a{color:#006EAA;}	
#content.application #content-inner.apps-branding h3{margin-top:3em; padding:.325em 0 .325em .5em; background-color:#F2F2F2;}/* applications page: app name */	

/* TUTORIALS */
/* may not need if text preceeds first tutorial listed */
/* no idea why first-child doesn't work in this case */
body.tutorials-landing #content.daisy-doc h2:first-child,
body.tutorials-landing #content.daisy-doc h2.firstChild_ie6{margin-top:0;}
body.tutorials #content.daisy-doc h2 span.back-link{margin-left:.25em; font-size:90%; font-weight:normal;}
/* TEMP FIX for above */
body.tutorials-landing #content h2,
body.tutorials #content h3{margin-top:2em; margin-bottom:1em; margin-top:30px; margin-bottom:15px;}

/* GLOBAL HEADER style 
body.tutorials-landing #content h2,*/
body.tutorials #content h3,
#content.application #content-inner.apps-branding h3{padding:.325em 0 .325em .5em; background:#F2F2F2;}

body.tutorials #content.daisy-doc .tutorialNav-container h3{margin-top:0; padding:0; background:none; color:#333;}

/* My Apps > End User Notice */
ul#end-user-notice h4{margin-top:0; color:#000;}

table.myProjects-table td.header{text-align:right;}

/*--- TEXT ---*/
p{margin: 0 0 1em 0;}

/* landing page */
body.locationAccessOverview #lead-container p{font-size:170%; color:#333; font-weight:300; display:block;}
body.locationAccessOverview .box#allphones-box p{font-size:130%; color:white; text-align:center; font-weight:bold;} 

body.locationAccessOverview .box#contest-box ul{color:white;}
body.locationAccessOverview .box#contest-box p{margin: 0 6px 6px 6px; font-size:120%; color:white; font-weight:300;}
body.locationAccessOverview .box#contest-box p.contestDate{font-size:175%; font-weight:300; }
body.locationAccessOverview .box#contest-box p.deadline{margin-top:24px; font-size:85%;}

/* login */
p.register-now{width:370px; position:absolute; top:5.75em; left:420px; width:450px;}
p.register-now.projects-login{top:4.5em;}
p.register-now.support-login{top:3.5em;}

.pre-list{margin-bottom:.25em;}
#content.application p.pre-list{margin:.5em 0 .25em 0;}/* special case */

/* My Apps */
#content.application p{margin-top:0;}
#applications-development p{ margin-top:2em;}
ul#end-user-notice li p{font-style:italic; /* revised */ color:#111; font-style:normal;}/* end user notice */
.change-link{font-weight:normal; margin-left:.25em;}/* application branding - icons - (change) link */

/* Billing */
/* this may need to be forwarded to new structure */
p.acct-balance{font-size:115%; margin-top:0;}	
/* REVISED see last rule above */
p.align-w-billing-table{margin-left:27.75%;}

/* only submit once and spinner text when billing forms are submitted */
p#processingMessage,
p#onlySubmitOnceMessage{margin-top:2em;}

/* REVISED: new name framedBox-container */
.inner_content_container p:last-child{margin-bottom:0; }
.framedBox-container p:last-child{margin-bottom:0;}

/* tutorials */
.enlarge{font-size:90%;}
p.topOfPage{text-align:right; padding-top:2em; clear:both;}


/*--- special text styles ---*/
/* FONT COLOR */
.required { color:#F00;}
.negative-balance,
.errorMsg{color:#F00;}
.ok-balance{color:#006EAA;}
.low-balance{color:#F90}

pre, 
code, 
#content.daisy-doc table th{color:#555;}/* code examples and table headers*/
table.my-projects.users-simulated th{color:#333;}

.dash{border-bottom:1px dashed #999; margin-bottom:15px;}

/* Tutorials Sample Code: java code examples */
.code_Expression,
.code_Number,
.code_Special {color:#000;}
.code_lineNumber {color:#CCC;}
.code_Variable {color:#B8860B;}
.code_type,
.code_Type {color:#228B22;}/* uppercase used in code samples */
.code_Package {color:#5F9EA0;}
.code_Char {color:#BC8F8F;}
.code_Comment {color:#B22222;}
.code_String {color:#BC8F8F;}
.code_Reserved {color:#A020F0;}
.code_Constant {color:#5F9EA0;}

/* FONT STYLE, WEIGHT */
.roman,
#content_main.billing .pseudo-label,
.framedBox-container .pseudo-label { font-weight:normal;}
/* took away .billing class because billing form requires 
   #content to extend to edge of page, should this create issue 
	later we will cross that bridge when we get there, but through 
	a site search, the use of .billing concerned only this */

.daisy-doc#content_main_inner em,
em{font-style:italic;}

strong,
.negative-balance,
.ok-balance,
.low-balance,
.note span,
.pseudo-label,
.errorMsg,
#content.daisy-doc table th,
#content.daisy-doc table th p,
table.my-projects.users-simulated th{font-weight:bold;}
#content.daisy-doc table th{text-align:right;}

em strong {font-style:oblique;}

/* don't like how it always shows hz scrollbar, so took it out 
	overflow-x: scroll; 
*/
pre{margin:0 0 1em 0; padding:.5em; border:1px dotted #999; background-color:#F9F9F9; overflow:auto;overflow-y:hidden;}
pre.tutorials_iframe{margin-bottom:0; border:0; background:none; height:auto;}
/* iframes see bug 25304 */
body.tutorials iframe{margin:0 0 1em 0; padding:0; border:1px dotted #999; background-color:#F9F9F9; overflow:auto;height:236px;}/* most iframes height were good at 236px */

/* SH: TEMP WORK AROUND, see bug 25304, any height less than 236px is set manually */
/* using the java sdk */
/* configure the client */
iframe#dsy169-wm_newClient{height:100px;}
iframe#dsy169-wm_newClientAppToken{height:219px;}
iframe#dsy169-wm_newClientFactory{height:210px;}
/* prepare a callback */
iframe#dsy170-wm_callback{height:50px;}
iframe#dsy170-wm_serverCallback{height:100px;}
iframe#dsy170-wm_defaultCallbackFactory{height:135px;}
/* identify the user */
iframe#dsy171-wm_userDiscoveryRedirect{height:219px;}
/* get the user's location */
iframe#dsy172-wm_getLocationCompletion{height:287px;}

/* using the web tier java sdk */
/* using the JSP */
iframe#dsy174-wm_tutorialJSP_wait{height:219px;}
iframe#dsy174-wm_tutorialJSP_error{height:170px;}
iframe#dsy174-wm_tutorialJSP_positionFailure{height:168px;}
/* Inheriting from AbstractVeriplaceServlet */
iframe#dsy175-wm_tutorialServlet_page{height:168px;}
/* Inheriting from Using Spring MVC */
iframe#dsy176-wm_tutorialSpring_page{height:168px;}
	
/* MARGINS and OTHER */
h3 + form .errorMsg {margin-top:.875em;}
.note {background-color:#EEE; padding: 4px;}
.note_sm{font-size:90%;}/* alt note style: small text */
.billing_note{padding:6px; margin:0; color:#006EAA; font-weight:bold; font-size:110%; border:1px dashed #3399cc;}/* account credit note */

/* BLOG - WELCOME PAGE */
ul.news-blog li span.publishDate{color:#333; font-style:italic; font-size:90%;}
ul.news-blog li p.blog-summary{margin-top:.5em; margin-bottom:0;}

/* because it is inline vs. block */
table.comparisonChart a.tooltip,
table.comparisonChart a.tooltip:hover{background:transparent; text-decoration:none;}
table.comparisonChart td a.tooltip:hover span{width:275px; text-align:left;}

/* otherwise, icon appears over tooltip text */
table.comparisonChart a.tooltip{position:relative;}
table.comparisonChart a.tooltip:hover{position:relative; z-index:100;}
table.comparisonChart a.tooltip:hover span{position:absolute; z-index:100;}

/* IMAGES */
#lead-img,
ul#smartphones-list li#android,
ul#smartphones-list li#blackberry,
ul#smartphones-list li#winMo,
ul#allphones-list li#att,
ul#allphones-list li#sprint,
ul#allphones-list li#tmobile,
ul#allphones-list li#verizon,
#smartphones-img,
#allphones-img,
#freedomMode-img,
#professionalMode-img,
#featuredApps-container ul li #uShip-img,
#featuredApps-container ul li #tweetMyCity-img,
#featuredApps-container ul li #theLostPhone-img,
#featuredApps-container ul li #currentCity-img,
#contest-img,
#supportedPhones-img,
#moreCoverage-img{text-indent:-9999px;}

/*--- LINKS ---*/
a {cursor:pointer; color:#38b1e9; font-weight:bold; text-decoration:none;}
a:link, a:visited{color:#38b1e9;}
a:hover, a:active, a:focus {color:#38b1e9; text-decoration:underline;}


/* top nav (sign in, sign out, manage account ...) */
ul#nav-tools li a{text-align: center; font-size:110%; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; line-height:32px;}/* match LL */
ul#nav-tools li a:link, ul#nav-tools li a:visited{color:#333;}
ul#nav-tools li a:hover{color:#333;}
ul#nav-tools li a:active{color:#333;}
ul#nav-tools li a:focus{color:#333;}

/* tabs */
#main-nav a {font-size:105%;font-weight:bold; letter-spacing:0; text-decoration: none; color:white;}
#main-nav a:hover,
#main-nav li.on a {color:white}

/* landing page */
body.locationAccessOverview .box a{color:white;}

body.welcome .box#forum-box a,
body.welcome .box#blog-box a,
body.welcome .box#news-box a{color:#333;} 

/* ON state */
#side-nav li.current a,
p.register-now,
#documentNavigation li .active-navnode,
body #content.daisy-doc .tutorialNav-container .current a{font-weight:bold; color:#38b1e9;}

/* DAISY side nav */
#documentNavigation li a{text-decoration:underline;}
#documentNavigation li .active-navnode,
body #content.daisy-doc .tutorialNav-container .current a{font-family:Arial, sans-serif; text-decoration:none;}
#side-nav li.current a{text-decoration:none;}

/* FOOTER */
#footer{font-size:93%; font-family:Verdana, Arial, Helvetica, sans-serif;}
#footer h3{color:#FFF; font-size:105%; margin-bottom:1em;}
#footer #col_4 p{text-align:left; margin-bottom:5px; line-height:140%;}
#footer,
#footer a:link, #footer a:visited,
#footer a:hover, #footer a:active, #footer a:focus{color:#FFF;}
#footer a{text-decoration:none;}

/* BUG:25131 - pure CSS tooltip for keys and cvv2 in updateBilling */	
a.tooltip,
a.tooltip_cvv2{position:relative; z-index:50;}

a.tooltip:hover,
a.tooltip_cvv2:hover {background:#F2F2F2; text-decoration:none;} /*BG color is a must for IE6*/

a.tooltip span,
a.tooltip_cvv2 span {display:none; padding:.55em;  width:310px; color:#111; background:#FCFCFC ; border:1px solid #111;}

a.tooltip:hover span,
a.tooltip_cvv2:hover span{display:inline; position:absolute; top:0; left:35px; line-height:130%;}

a.tooltip_cvv2 span{background: white url(../images/cvv2.png) 0 0 no-repeat; width:235px; height:246px;}
a.tooltip_cvv2:hover span{top:-123px; text-indent:-9999px; z-index:50; left:40px;}

/* Welcome and Home landing page */
#pricing-container p.seePlans_link a{display:block; text-align:right;}

/* HR */
body.sdk #content.daisy-doc hr{margin:2em 0; display:block; border:0; border-bottom:1px dashed #666; }

/*--- FORMS ---*/	
input,select,option{color:#333;}
label,
form#updateBilling .expDate-label {font-weight:bold;}

/*--- clear-both --- */	
.clear-both,
.clear {
	clear: both;
	display: block;
	float: none;
	font: 1px/1px monospace;
	margin-top: -1px; padding-top: 1px;
}

/*--- dynamic elements ---*/
.object-shown{display:block;}
.object-hidden, .display-none,
#content.application h2.display-none{display:none;}


/*--- Header and Footer nav ---*/
ul li.lastLink{border-right:0 !important;}