/* buttons and graphics: No position information here for buttons */

/* NAVIGATION */
ul#nav-tools li#nav_facebook,
ul#nav-tools li#nav_twitter,
ul#nav-tools li#nav_blogger,
ul#nav-tools li#nav_youTube{width:32px; height:32px; text-indent:-9999px;}
ul#nav-tools li#nav_facebook{ background:url(../images/icon_facebook_32.png) 13px 0 no-repeat;}
ul#nav-tools li#nav_twitter{background:url(../images/icon_twitter_32.png) center 0 no-repeat;}
ul#nav-tools li#nav_blogger{background:url(../images/icon_blogger.png) center 0 no-repeat; }
ul#nav-tools li#nav_youTube{background:url(../images/icon_youTube_32.png) center 0 no-repeat;}

/* --- BUTTONS --- */
.button, input.button, .tab {
	text-indent: -9000px;  
	height:32px;
	/*\*/
	display: block;
	/*/
	display: inline-block;
 	/**/	
	border: none;
	text-decoration: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
	margin: 0 5px 0 0;
	-moz-outline:none;
	border:0;
	float:left;
   }
	
/* special cases */	
#content.plansBenefits #buttons .button{margin:0 0 0 5px;}
#content.plansBenefits #buttons .contactSales,
#content.plansBenefits #buttons .registerNow{float:right;}

body.locationAccessOverview .box a.button {height:40px;}

/* btns */
.getStarted_orange,
.getStarted_green,
.getStarted_blue{position:absolute; left:-1px; bottom:11px; width:258px; height:40px; background-position:0 0; background-repeat:no-repeat;}

.getStarted_orange{background-image:url(../images/btn_getStarted_all_orange.png);}
.getStarted_green{background-image:url(../images/btn_getStarted_all_green.png);}
.getStarted_blue{background-image:url(../images/btn_contestInfo_all_blue.png);}

.getStarted_orange:hover,
.getStarted_green:hover,
.getStarted_blue:hover{background-position:0 -40px;}

.tab {height:33px;}

/* removes dotted outline in FF */
.button:focus::-moz-focus-inner, .tab:focus::-moz-focus-inner {-moz-outline: none; outline:none; border:none;}
button::-moz-focus-inner {-moz-outline: none; border: none; outline:none;}

/* --- GRAPHICS --- */
.wm-logo-sm{width:80px; height:15px; display:block; background:url(../images/wavemarket.png) 0 0 no-repeat; float:left; margin-right:.5em;}

/* LANDING PAGE */
/* landing headline lead */
body.locationAccessOverview #lead-container #lead-img{background:url(../images/itsAContest.png) 0 0 no-repeat; width:107px; height:106px;}
/* smartphones box */
#smartphones-img{ width:183px; height:157px; background:url(../images/supportedPhones_sm.png) 0 0 no-repeat; }
.icon-container ul#smartphones-list li#android{background:url(../images/logo_android.png) center center no-repeat;}
.icon-container ul#smartphones-list li#blackberry{background:url(../images/logo_blackberry.png) center center no-repeat;}
.icon-container ul#smartphones-list li#winMo{background:url(../images/logo_winMo.png) center center no-repeat;}
/* allphones box */
#allphones-img{ width:175px; height:138px; background:url(../images/moreCoverage_sm.png) 0 0 no-repeat;}
.icon-container ul#allphones-list li#att{background:url(../images/logo_att_sm.png) center center no-repeat;} 
.icon-container ul#allphones-list li#sprint{background:url(../images/logo_sprint_sm.png) center center no-repeat;}
.icon-container ul#allphones-list li#tmobile{background:url(../images/logo_tmobile_sm.png) center center no-repeat;}
/* contest box */
#contest-img{width:80px; height:135px; background:url(../images/contest-img.png) 0 0 no-repeat;}

/* home and welcome */
#forum-icon,
#news-icon,
#blog-icon,
#geofencingSection-icon,
#universalLocationServiceSection-icon{margin-bottom:20px; text-indent:-9999px; width:50px; height:50px; float:left;} /* NO ICONS YET */
#geofencingSection-icon,
#universalLocationServiceSection-icon{margin-bottom:0;}/* see #sectionName-container in layout_main.css */

#geofencingSection-icon{background:url(../images/icon_geofencing_sm.png) 0 0 no-repeat; }
#universalLocationServiceSection-icon{background:url(../images/icon_universalLocationService_sm.png) 0 0 no-repeat;}

#forum-icon{background:url(../images/icon_forum.png) 0 0 no-repeat; width:65px; height:50px; float:left;}

body.welcome #geofencing-icon,
body.welcome #universalLocationService-icon,
body.welcome #painPoints-icon{width:75px; height:75px; text-indent:-9999px;}

body.welcome #geofencing-icon{background:url(../images/icon_geofencing.png) 0 0 no-repeat;}
body.welcome #universalLocationService-icon{background:url(../images/icon_universalLocationService.png) 0 0 no-repeat;}
body.welcome #painPoints-icon{background:url(../images/icon_painPoints.png) 0 0 no-repeat;}

body.welcome #geofencing-icon a,
body.welcome #universalLocationService-icon a,
body.welcome #painPoints-icon a{display:block; width:75px; height:75px;}
body.welcome #universalLocationService-icon a{height:75px;}

#forum-icon a{display:block; width:75px; height:75px;}

/* Section headers */
#sectionName-container h2#header_universalLocationService_section{background:url(../images/header_universalLocationService_section.png) 0 center no-repeat; width:516px; height:50px; text-indent:-9999px;}

/* My Apps, Real Users and Sim Users signed out landing pages  */
#myApps-img{width:300px; height:322px; text-indent:-9999px; background:url(../images/myApps.png) 0 0 no-repeat; float:left; margin-right:1em;}
#realUsers-img{width:300px; height:322px; text-indent:-9999px; background:url(../images/realUsers.png) 0 0 no-repeat; float:left; margin-right:1em;}
#simUsers-img{width:300px; height:322px; text-indent:-9999px; background:url(../images/simUsers.png) 0 0 no-repeat; float:left; margin-right:1em; display:inline-block; display:-moz-inline-block;}

/* FAQs */
ul#faqs-list li h3{padding-left:17px; background:url(../images/faq-question-mark.png) 0 2px no-repeat;}
ul#faqs-list li p{margin-left:17px; margin-left:0;}

/* PLANS & BENEFITS and BILLING GRAPHICS */
#processingMessage{background:url(../images/spinner.gif) 0 0 no-repeat; width:24px; height:24px; line-height:24px; padding-left:34px;}

/* BUG:25131 - see layout_main.css for related elements positioning */
table.my-projects.app-keys td .question-mark,
.cvv2-example .question-mark{
	padding:0; 
	width:20px; 
	height:25px;
	display:block;
	text-indent:-9999px;
	border:0;
	background:transparent url(../images/question-mark.png) 0 0 no-repeat;
}
.cvv2-example .question-mark{background-position:0 5px;}

/* the below must be inline for FF2 not to puke on hover */
table.comparisonChart .information-mark{
	margin-left:5px;
	padding:0; 
	width:13px; 
	height:13px;
	text-indent:-9999px;
	border:0;
	background:transparent url(../images/information-mark.png) 0 0 no-repeat;
	display:-moz-inline-block; 
	display:inline-block;
	position:relative;
	}

table.comparisonChart td.compareResult .checkmark{
	margin:0 auto;
	padding:0; 
	width:15px; 
	height:15px;
	display:block;
	text-indent:-9999px;
	border:0;
	background:transparent url(../images/checkmark.png) 0 0 no-repeat;
	}

/* SIDENAV ON STATE ARROW */
#side-nav li.current,
body #content.daisy-doc .tutorialNav-container .current,
#documentNavigation li.active-navnode{background:url(../images/arrow.gif) 0 2px no-repeat;}

/* TUTORIALS XXX: may use img tag which override background */
.tutorial-featured-img,
.tutorial-img{display:block; float:left; border:1px solid #666;}
.tutorial-featured-img{float:right;}
.tutorial-featured-img{
	width:160px; 
	height:120px; 
	background:transparent url(../images/tutorials/tutorials_gettingStarted_featured.png) 0 0 no-repeat;
	text-indent:-9999px;
	}
.tutorial-img{margin:0 15px 0 0; width:220px; height:165px;}

/* enlarge image icon and link */
.enlarge{margin:5px 15px 0 0; width:222px; height:auto; line-height:15px; float:left; display:block; clear:left;}
.magnifier{width:20px; height:15px; display:block; float:left; line-height:15px; background: url(../images/magnifier.png) 0 center no-repeat;}
#phoneFinder-icon{width:40px; height:45px; background:url(../images/icon_phoneFinder.png) 0 0 no-repeat; float:left; margin:0 .65em 0 0;}

/* SUPPORTED PHONES */
#supportedPhones-img{width:225px; height:193px; background:url(../images/supportedPhones.png) 0 0 no-repeat;}
#content.supportedPhonesPg ul#supportedPhones-list li#android{background:url(../images/logo_android.png) 0 center no-repeat;}
#content.supportedPhonesPg ul#supportedPhones-list li#blackberry{background:url(../images/logo_blackberry.png) 0 center no-repeat;}
#content.supportedPhonesPg ul#supportedPhones-list li#winMo{background:url(../images/logo_winMo.png) 0 center no-repeat;}
/* need more coverage */
#moreCoverage-img{width:250px; height:198px; background:url(../images/moreCoverage.png) 0 0 no-repeat;}
ul#moreCoverage-list li#att{background:url(../images/logo_att.png) 0 center no-repeat; }
ul#moreCoverage-list li#sprint{background:url(../images/logo_sprint.png) 0 center no-repeat;}
ul#moreCoverage-list li#tmobile{background:url(../images/logo_tmobile.png) 0 center no-repeat;}

/* INTRO */
#freedomMode-img{width:200px; height:40px; background:url(../images/intro_freedomMode.png) 0 0 no-repeat;}
#professionalMode-img{width:200px; height:40px; background:url(../images/intro_professionalMode.png) 0 0 no-repeat;}

/* FOOTER */
/*#footer {background: transparent url(../images/bkgd_footer.png) 0 0 repeat-x; width:100%; height:250px;}*/
#col_3 ul li#facebook div{background:url(../images/icon_facebook.png) 0 center no-repeat;}
#col_3 ul li#twitter div{background:url(../images/icon_twitter.png) 0 center no-repeat;}
#col_3 ul li#blogger div{background:url(../images/icon_blogger.png) 0 center no-repeat;}
#col_3 ul li#youTube div{background:url(../images/icon_youTube_24.png) 0 center no-repeat;}

/* --- buttons --- */
.iAcceptCreateAcct{ width:230px; background:transparent url(../images/btn_IAcceptCreateAcct_all.png) 0 0 no-repeat;}
.iAcceptCreateAcct:hover,
.iAcceptCreateAcct:focus{background-position:-230px;}	

.acceptImage{ width:135px; background:transparent url(../images/btn_acceptImage_all.png) 0 0 no-repeat;}
.acceptImage:hover,
.acceptImage:focus{background-position:-135px;}	

.cancel{width:110px; background:transparent url(../images/btn_cancel_all.png) 0 0 no-repeat;}
.cancel:hover,
.cancel:focus,	
.cancel.disabled,
.cancel.disabled:hover,.cancel.disabled:focus{background-position:-110px;}
.cancel.disabled,
.cancel.disabled:hover,.cancel.disabled:focus{cursor:default;}

.contactSales{width:135px; background:transparent url(../images/btn_contactSales_all.png) 0 0 no-repeat;}
.contactSales:hover,
.contactSales:focus{background-position:-135px;}	

.ok{width:110px; background:transparent url(../images/btn_ok_all.png) 0 0 no-repeat;}
.ok:hover,
.ok:focus {background-position:-110px;}

.registerNow{width:135px; background:transparent url(../images/btn_registerNow_all.png) 0 0 no-repeat;}
.registerNow:hover,
.registerNow:focus{background-position:-135px;}

.save{width:110px; background:transparent url(../images/btn_save_all.png) 0 0 no-repeat;}
.save:hover,
.save:focus {background-position:-110px;}

.send{width:110px; background:transparent url(../images/btn_send_all.png) 0 0 no-repeat;}
.send:hover,
.send:focus {background-position:-110px;}	

.skip{width:110px; background:transparent url(../images/btn_skip_all.png) 0 0 no-repeat;}
.skip:hover,
.skip:focus {background-position:-110px;}

.submit{width:110px; background:transparent url(../images/btn_submit_all.png) 0 0 no-repeat;}
.submit:hover,
.submit:focus{	background-position:-110px;}
.submit.disabled,
.submit.disabled:hover,
.submit.disabled:focus{background-position:-220px; cursor:default;}

.submitForReview{width:170px; background:transparent url(../images/btn_submitForReview_all.png) 0 0 no-repeat;}
.submitForReview:hover,
.submitForReview:focus {background-position:-170px;}

.yesCloseMyAccount{width:195px; background:transparent url(../images/btn_yesCloseMyAccount_all.png) 0 0 no-repeat;}
.yesCloseMyAccount:hover,
.yesCloseMyAccount:focus {background-position:-195px;}

.yesDelete{width:135px; background:transparent url(../images/btn_yesDelete_all.png) 0 0 no-repeat;}
.yesDelete:hover,
.yesDelete:focus {background-position:-135px;}

.yesRemove{width:135px; background:transparent url(../images/btn_yesRemove_all.png) 0 0 no-repeat;}
.yesRemove:hover,
.yesRemove:focus {background-position:-135px;}