A Lesson From Amazon: Focus On The Inputs

.fc * { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } .fc { FONT-SIZE: 13px; COLOR: #222222; FONT-FAMILY: helvetica,arial,sans-serif } .fc TABLE { FONT-SIZE: 13px; COLOR: #222222; FONT-FAMILY: helvetica,arial,sans-serif } .fc TD { FONT-SIZE: 13px; COLOR: #222222; FONT-FAMILY: helvetica,arial,sans-serif } .fc INPUT { FONT-SIZE: 13px; COLOR: #222222; FONT-FAMILY: helvetica,arial,sans-serif } .fc SELECT { FONT-SIZE: 13px; COLOR: #222222; FONT-FAMILY: helvetica,arial,sans-serif } .fc IMG { DISPLAY: block } .fc TD { empty-cells: show } .fc .data { COLOR: #484848; TEXT-ALIGN: left } .fc .label { FONT-WEIGHT: normal } .fc A { COLOR: #1d637d; TEXT-DECORATION: none } .fc A:hover { COLOR: #4a94d7; TEXT-DECORATION: underline } .fc .boxspacing { MARGIN-LEFT: auto; WIDTH: 100%; MARGIN-RIGHT: auto } .fc TABLE.indexinfo { MARGIN-LEFT: auto; WIDTH: 100%; MARGIN-RIGHT: auto } .fc TABLE.title { MARGIN-LEFT: auto; WIDTH: 100%; MARGIN-RIGHT: auto } .fc .boxspacing DIV.fctabs { WIDTH: 100% } .fc TD.spacer { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px } .fc .row TD { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-RIGHT-WIDTH: 0px } .fc .row1 TD { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-RIGHT-WIDTH: 0px } .fc .row2 TD { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-RIGHT-WIDTH: 0px } .fc .row1 TD { BORDER-BOTTOM: #dddddd 0px solid; BACKGROUND-COLOR: #ffffff } .fc .row2 TD { BORDER-BOTTOM: #dddddd 0px solid; BACKGROUND-COLOR: #efefef } .fc .rowheader { BACKGROUND-COLOR: #ffffff } .fc .horzline { HEIGHT: 0px; empty-cells: collapse } .fc .box { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px } .fc .tab { BACKGROUND-COLOR: #ffffff } .fc .activetab { FONT-WEIGHT: normal; BACKGROUND-COLOR: #ffffff } .fc .bicolor { COLOR: #484848 } .fc .pubdate { FONT-SIZE: 11px } .fc .fcchartimg { MARGIN: 8px 10px } .fc IMG.chart { MARGIN: 8px 10px } .fc .fcminichartimg { VERTICAL-ALIGN: middle } .fc .positive { COLOR: #00a00f } .fc .negative { COLOR: #da100f } .fc .header { PADDING-RIGHT: 0px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; TEXT-TRANSFORM: uppercase; COLOR: #222222; PADDING-TOP: 2px; TEXT-ALIGN: left } .fc .header .timestamp { COLOR: #666666 } .fc .headerborder { BORDER-BOTTOM: #222222 1px solid } .fc TH { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; COLOR: #1d637d; PADDING-TOP: 4px; BORDER-BOTTOM: #dddddd 1px solid; TEXT-ALIGN: left } .fc TH.data { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; COLOR: #1d637d; PADDING-TOP: 4px; BORDER-BOTTOM: #dddddd 1px solid; TEXT-ALIGN: left } .fc .subhead { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; TEXT-TRANSFORM: capitalize; COLOR: #1d637d; PADDING-TOP: 5px; TEXT-ALIGN: left } .fc TABLE.title { BORDER-TOP: #dddddd 0px solid; MARGIN-BOTTOM: 0px; BORDER-BOTTOM: #dddddd 0px solid } .fc .title TD { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 19px; PADDING-BOTTOM: 5px; TEXT-TRANSFORM: capitalize; COLOR: #1d637d; PADDING-TOP: 5px; TEXT-ALIGN: left } .fc .title TD.exchange { FONT-SIZE: 11px; COLOR: #666666; TEXT-ALIGN: right } .fc .rowheader TD { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; TEXT-TRANSFORM: uppercase; PADDING-TOP: 5px; BORDER-BOTTOM: #dddddd 1px solid; BACKGROUND-COLOR: #ffffff } .fc .fcdate { FONT-WEIGHT: bold; COLOR: #484848; TEXT-ALIGN: left } .fc .fcuparrow { BACKGROUND: url(http://images.financialcontent.com/studio-5.0/arrows/7/up.gif) no-repeat 0% 50% } .fc .fcdownarrow { BACKGROUND: url(http://images.financialcontent.com/studio-5.0/arrows/7/down.gif) no-repeat 0% 50% } .fc .fcneutralarrow { BACKGROUND: url(http://images.financialcontent.com/studio-5.0/arrows/7/dash.gif) no-repeat 0% 50% } .fc .attribution { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; COLOR: #999999; PADDING-TOP: 0px; WHITE-SPACE: nowrap; TEXT-ALIGN: right } .fc .morelink { PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: right } .fc .morelink A { BACKGROUND-POSITION: 0px 2px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(http://images.financialcontent.com/studio-5.0/media/icon_more.gif); COLOR: #000000; BACKGROUND-REPEAT: no-repeat } .fc .morelink A:hover { BACKGROUND-IMAGE: url(http://images.financialcontent.com/studio-5.0/media/icon_more_over.gif) } .fc .addwatchlistlink A { BACKGROUND-POSITION: 0px 2px; PADDING-LEFT: 13px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(http://images.financialcontent.com/studio-5.0/icons/icon_addwatch.gif); TEXT-TRANSFORM: capitalize; COLOR: #1d637d; BACKGROUND-REPEAT: no-repeat } .fc .addwatchlistlink A:hover { BACKGROUND-IMAGE: url(http://images.financialcontent.com/studio-5.0/icons/icon_addwatch_over.gif) } .fc .navlinks { PADDING-RIGHT: 0px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; LINE-HEIGHT: 18px; PADDING-TOP: 6px; BORDER-BOTTOM: #dddddd 1px solid; BACKGROUND-COLOR: #f7f7f7; TEXT-ALIGN: center } .fc .navlinks A.nav { FONT-WEIGHT: bold; COLOR: #1d637d; BACKGROUND-COLOR: #f7f7f7; TEXT-DECORATION: none } .fc .navlinks A.nav:hover { COLOR: #4a94d7; TEXT-DECORATION: underline } .fc .navlinks A.active { COLOR: #1d637d; TEXT-DECORATION: underline } .fc .divider { FONT-WEIGHT: normal; MARGIN: 0px 5px; COLOR: #1d637d } .fc TABLE.submenus { MARGIN-LEFT: auto; MARGIN-RIGHT: auto } .fc .submenus TD { PADDING-RIGHT: 3px; PADDING-LEFT: 2px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; WHITE-SPACE: nowrap } .fc .submenus TD A { BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 3px; MARGIN: -1px; BORDER-LEFT: #dddddd 1px solid; COLOR: #888888; PADDING-TOP: 3px; BORDER-BOTTOM: #dddddd 1px solid; TEXT-DECORATION: none } .fc .submenus TD A:hover { BORDER-RIGHT: #1d637d 1px solid; BORDER-TOP: #1d637d 1px solid; BACKGROUND: #f7f7f7; MARGIN: -1px; BORDER-LEFT: #1d637d 1px solid; COLOR: #4a94d7; BORDER-BOTTOM: #1d637d 1px solid } .fc .submenus .active A { BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #dddddd; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; COLOR: #4a94d7; BORDER-RIGHT-WIDTH: 0px } .fc .submenus .active A:hover { BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #dddddd; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; COLOR: #4a94d7; BORDER-RIGHT-WIDTH: 0px } .fc .submenus A.active { BORDER-RIGHT: #1d637d 1px solid; BORDER-TOP: #1d637d 1px solid; BACKGROUND: #ffffff; MARGIN: -1px; BORDER-LEFT: #1d637d 1px solid; COLOR: #1d637d; BORDER-BOTTOM: #1d637d 1px solid } .fc .submenus .divider { DISPLAY: none } .fc INPUT.text { BORDER-RIGHT: #bbbbbb 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #bbbbbb 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; BORDER-LEFT: #bbbbbb 1px solid; WIDTH: 95px; PADDING-TOP: 1px; BORDER-BOTTOM: #bbbbbb 1px solid; BACKGROUND-COLOR: #ffffff } .fc INPUT.ticker { BORDER-RIGHT: #bbbbbb 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #bbbbbb 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; BORDER-LEFT: #bbbbbb 1px solid; WIDTH: 95px; PADDING-TOP: 1px; BORDER-BOTTOM: #bbbbbb 1px solid; BACKGROUND-COLOR: #ffffff } .fc INPUT.go { BORDER-RIGHT: #1d637d 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #1d637d 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 85%; PADDING-BOTTOM: 2px; BORDER-LEFT: #1d637d 1px solid; CURSOR: pointer; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #1d637d 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #1d637d } .fc INPUT.button { BORDER-RIGHT: #1d637d 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #1d637d 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 85%; PADDING-BOTTOM: 2px; BORDER-LEFT: #1d637d 1px solid; CURSOR: pointer; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #1d637d 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #1d637d } .fc SELECT { BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; FONT-WEIGHT: normal; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: #dddddd 1px solid; BACKGROUND-COLOR: #ffffff } .fc A.lookup { FONT-SIZE: 11px; COLOR: #1d637d; TEXT-DECORATION: none } .fc A.lookup:hover { COLOR: #4a94d7; TEXT-DECORATION: underline } .fc .fctabs { MARGIN-TOP: 10px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 1px; BORDER-BOTTOM: #dddddd 1px solid } .fc .fctabs .tab { BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 8px; FLOAT: left; MARGIN-BOTTOM: -1px; PADDING-BOTTOM: 3px; MARGIN-LEFT: -1px; BORDER-LEFT: #dddddd 1px solid; MARGIN-RIGHT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: #dddddd 1px solid; BACKGROUND-COLOR: #ffffff } .fc .fctabs .activetab { BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff } .fc .fctabs .tab:hover { BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff } .fc .fctabs A.tab { FONT-WEIGHT: bold; FONT-SIZE: 11px; CURSOR: hand; TEXT-DECORATION: none } .fc .fctabs A.activetab { FONT-WEIGHT: bold; COLOR: #4a94d7; TEXT-DECORATION: underline } .fc .fctabs A.tab:hover { FONT-WEIGHT: bold; COLOR: #4a94d7; TEXT-DECORATION: underline } .fc .fctabs A.tab:hover { TEXT-DECORATION: none } .fc .sectors .data BR { MARGIN-TOP: 5px } .fc .sectors .data .active { BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: underline } .fc .sectors .active { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BACKGROUND-COLOR: #dddddd; BORDER-RIGHT-WIDTH: 0px } .fc .newsHoverBox { BORDER-RIGHT: #484848 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #484848 1px solid; PADDING-LEFT: 10px; BACKGROUND: #ffffff; PADDING-BOTTOM: 10px; MARGIN: 5px 0px 0px 35px; BORDER-LEFT: #484848 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #484848 1px solid } .fc .channellist IMG { DISPLAY: inline } .fc .channellist .image { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TEXT-ALIGN: center } .fc .channellist .content { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .fc .mediachannel IMG { BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px } .fc .mediachannel .label { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .fc .mediachannel .sidebar { BORDER-RIGHT: #dddddd 0px solid; BORDER-TOP: #dddddd 0px solid; FLOAT: left; MARGIN: 5px 12px 12px 0px; BORDER-LEFT: #dddddd 0px solid; WIDTH: 150px; BORDER-BOTTOM: #dddddd 0px solid } .fc .mediachannel .image { VERTICAL-ALIGN: top; WIDTH: 150px } .fc .mediachannel .title .data { MARGIN-TOP: 5px; FONT-WEIGHT: bold; FONT-SIZE: 18px; MARGIN-BOTTOM: 5px; COLOR: #999999 } .fc .mediachannel .channel { MARGIN-BOTTOM: 0px } .fc .mediachannel .channeltype { MARGIN-BOTTOM: 0px } .fc .mediachannel .language { MARGIN-BOTTOM: 0px } .fc .mediachannel .subbutton .rss { PADDING-RIGHT: 100px } .fc .mediachannel .rssbutton .rss IMG { BORDER-TOP-WIDTH: 0px; MARGIN-TOP: -1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-BOTTOM: 1px; BORDER-RIGHT-WIDTH: 0px } .fc .mediasearch FORM { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px } .fc .mediasearch INPUT.searchtxt { BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: normal; BORDER-LEFT: #999999 1px solid; WIDTH: 160px; BORDER-BOTTOM: #999999 1px solid } .fc .mediasearch INPUT.button { } .fc .mediasearch SELECT { } .snapshot .fcsnaptabs { BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT: #dddddd 1px solid } .snapshot .fcsnaptabs .spacer { DISPLAY: none } .snapshot .fcsnaptabs .tab { } .snapshot .fcsnaptabs .tab A { BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #dddddd 1px solid; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #dddddd 0px solid; CURSOR: hand; COLOR: #1d637d; PADDING-TOP: 3px; BORDER-BOTTOM: #dddddd 1px solid; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: center; TEXT-DECORATION: none } .snapshot .fcsnaptabs .activetab A { COLOR: #4a94d7; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: underline } .snapshot .fcsnaptabs A:hover { COLOR: #4a94d7; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: underline } .snapshot .fcsnaptabs A:hover { TEXT-DECORATION: none } .snapshot .charts .data A { FONT-WEIGHT: bold } .snapshot .charts .data { PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 3px } .snapshot .charts IMG { DISPLAY: block; MARGIN: 5px auto } .snapshot .data { FONT-SIZE: 11px } .snapshot2 { BORDER-RIGHT: #999 0px solid; BORDER-TOP: #999 0px solid; BORDER-LEFT: #999 0px solid; BORDER-BOTTOM: #999 0px solid; BACKGROUND-COLOR: #ffffff } .snapshot2 TD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 3px; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left } .snapshot2 TD.chart { PADDING-RIGHT: 0px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .snapshot2 .chart { MARGIN: 0px } .snapshot2 IMG.chart { MARGIN: 0px } .snapshot2 .title .inactive { DISPLAY: none } .snapshot2 .title .active { DISPLAY: none } .snapshot2 .quotes TD { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; COLOR: #5f5f5f; PADDING-TOP: 3px; BORDER-BOTTOM: #eeeeee 0px solid } .snapshot2 .quotes .active TD { COLOR: #000; BORDER-BOTTOM: #eeeeee 0px solid; BACKGROUND-COLOR: #efefef } .snapshot2 .quotes A { FONT-SIZE: 11px; COLOR: #7b97ac } .snapshot2 .quotes .active A { COLOR: #1d637d; TEXT-DECORATION: none } .snapshot2 .quotes .active .positive { COLOR: #00a00f } .snapshot2 .quotes .active .negative { COLOR: #da100f } .snapshot2 .quotes .change { TEXT-ALIGN: right } .snapshot2 .quotes .data { TEXT-ALIGN: right } .snapshot2 .attribution { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; TEXT-ALIGN: right } .snapshot2 .getquote .box { MARGIN: 0px 3px 3px; BACKGROUND-COLOR: #efefef } .snapshot3 { BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; BACKGROUND-COLOR: #ffffff } .snapshot3 .submenus { DISPLAY: none } .snapshot3 .data { FONT-SIZE: 11px } .marketupdates { } .marketupdates .header { } .marketupdates .row TD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #dddddd 0px solid; BACKGROUND-COLOR: #ffffff } .marketupdates .row1 TD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #dddddd 0px solid; BACKGROUND-COLOR: #ffffff } .marketupdates .row2 TD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #dddddd 0px solid; BACKGROUND-COLOR: #ffffff } .marketupdates TH.subhead { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px } .marketupdates TD.data A { COLOR: #484848 } .marketupdates TD.morelink { PADDING-TOP: 6px } .getquote { } .getquote H5 { PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; COLOR: #222222; PADDING-TOP: 2px; TEXT-ALIGN: left } .getquote .box { PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px } .watchlist .quotes .negative { TEXT-ALIGN: right } .watchlist .quotes .positive { TEXT-ALIGN: right } .watchlist .quotes .unchanged { TEXT-ALIGN: right } .stockquote .data { PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px } .stockquote .ticker A { FONT-WEIGHT: bold; FONT-SIZE: 11px } .stockquote DIV.chart { MARGIN-TOP: 0px; MARGIN-BOTTOM: 3px } .stockquote TABLE.submenus { MARGIN-LEFT: 0px; MARGIN-RIGHT: auto } .stockquote .submenus TD { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 7px; PADDING-TOP: 5px; WHITE-SPACE: nowrap } .stockquote .submenus TD A { BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 2px; MARGIN: -1px; BORDER-LEFT: #dddddd 1px solid; COLOR: #666666; PADDING-TOP: 2px; BORDER-BOTTOM: #dddddd 1px solid; TEXT-DECORATION: none } .stockquote .attribution { MARGIN-LEFT: 1px; TEXT-ALIGN: left } .fc .sidebar { DISPLAY: none } .stockquote2 { } .stockquote2 TABLE.maintable { BORDER-BOTTOM: #ccc 1px solid } .stockquote2 .row TD { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; PADDING-TOP: 2px } .stockquote2 .top { BORDER-TOP: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid } .stockquote2 .top A.ticker { FONT-WEIGHT: bold; FONT-SIZE: 13px; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 26px } .stockquote2 .top .timestamp { FONT-SIZE: 11px; PADDING-BOTTOM: 5px; COLOR: #666; TEXT-ALIGN: left } .stockquote2 .morelink A { FONT-WEIGHT: normal; BACKGROUND-IMAGE: none; MARGIN-LEFT: 3px } .stockquote2 .morelink A:hover { FONT-WEIGHT: normal; BACKGROUND-IMAGE: none; MARGIN-LEFT: 3px } .stockquote2 .last { FONT-WEIGHT: bold; FONT-SIZE: 16px } .stockquote2 .negative { FONT-WEIGHT: bold; FONT-SIZE: 16px } .stockquote2 .positive { FONT-WEIGHT: bold; FONT-SIZE: 16px } .stockquote2 .unchanged { FONT-WEIGHT: bold; FONT-SIZE: 16px } .stockquote2 TH { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; COLOR: #999; PADDING-TOP: 2px; BORDER-BOTTOM: #dddddd 0px solid; TEXT-ALIGN: left } .stockquote2 .toptable { BORDER-BOTTOM: #ccc 1px solid } .stockquote2 .bottomtable { } .stockquote2 .attribution { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-ALIGN: right } .stockquote3 TABLE.submenus { MARGIN-LEFT: 0px; MARGIN-RIGHT: auto } .stockquote3 .label { FONT-SIZE: 12px } .stockquote3 .data { FONT-SIZE: 12px } .stockquote3 .lasttrade { FONT-SIZE: 12px } .stockquote3 .moreinfo .submenus TD { PADDING-RIGHT: 3px; PADDING-LEFT: 2px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #ffffff } .stockquote3 .moreinfo .submenus TD A { BORDER-TOP-WIDTH: 0px; BACKGROUND-POSITION: 0px 4px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(http://images.financialcontent.com/studio-5.0/media/icon_more.gif); BORDER-BOTTOM-WIDTH: 0px; COLOR: #2f649e; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 0px } .stockquote3 .moreinfo .submenus TD A:hover { BORDER-TOP-WIDTH: 0px; BACKGROUND-POSITION: 0px 4px; BORDER-LEFT-WIDTH: 0px; BACKGROUND-IMAGE: url(http://images.financialcontent.com/studio-5.0/media/icon_more_over.gif); BORDER-BOTTOM-WIDTH: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: underline } .stockquote3 .attribution { MARGIN-LEFT: 1px; TEXT-ALIGN: left } .stockquote4 TH A { FONT-SIZE: 13px } .stockquote4 .label { FONT-SIZE: 12px } .stockquote4 .data { FONT-SIZE: 12px } .stockquote4 .lasttrade { FONT-SIZE: 12px } .stockquote4 .data { TEXT-ALIGN: right } .stockquote4 .lasttrade { TEXT-ALIGN: right } .stockquote4 DIV.menu { BORDER-TOP: #dddddd 1px solid } .stockquote4 DIV.menu A { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 30px; PADDING-TOP: 5px } .stockquote4 .attribution { PADDING-BOTTOM: 5px; TEXT-ALIGN: right } .stockquote4 TABLE.submenus { MARGIN-TOP: 5px } .stockquote4 .minichart { MARGIN: 10px } .markets TD.data { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: transparent } .markets TD.label { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: transparent } .markets A { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: transparent } .markets TD.divider { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: transparent } .markets TD.label { DISPLAY: none } .markets .data { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bolder; FONT-SIZE: 13px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px; WHITE-SPACE: nowrap } .markets .data A { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bolder; FONT-SIZE: 13px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px; WHITE-SPACE: nowrap } .markets .data A { FONT-SIZE: 16px; LINE-HEIGHT: 24px } .markets .lastprice { FONT-SIZE: 11px } .markets TD.divider { PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .markets .uparrow { FONT-SIZE: 55px; BACKGROUND: url(http://images.financialcontent.com/studio-5.0/arrows/15/green_up.gif) no-repeat } .markets .downarrow { FONT-SIZE: 55px; BACKGROUND: url(http://images.financialcontent.com/studio-5.0/arrows/15/red_down.gif) no-repeat } .stockquote5 .ticker { PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eff4f8 } .stockquote5 .ticker A { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Georgia,Times,serif } .stockquote5 .timestamp { PADDING-LEFT: 10px; FONT-SIZE: 10px; COLOR: #666 } .stockquote5 .quote { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid } .stockquote5 TH { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; WIDTH: auto; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM: #dddddd 0px solid; TEXT-ALIGN: center } .stockquote5 TD { WIDTH: auto } .stockquote5 .price { FONT-WEIGHT: bold; FONT-SIZE: 18px } .stockquote5 .data { FONT-WEIGHT: bold; TEXT-ALIGN: center } .marketsnapshot { WIDTH: 300px } .marketsnapshot TD { VERTICAL-ALIGN: top; WHITE-SPACE: nowrap; TEXT-ALIGN: left } .marketsnapshot TABLE { MARGIN-BOTTOM: 0px } .marketsnapshot .chart { MARGIN: 0px; VERTICAL-ALIGN: top } .marketsnapshot IMG.chart { MARGIN: 0px; VERTICAL-ALIGN: top } .marketsnapshot .title .inactive { DISPLAY: none } .marketsnapshot .title .active { DISPLAY: none } .marketsnapshot .quotes { BORDER-TOP: #dddddd 0px solid } .marketsnapshot .quotes TD { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; COLOR: #5f5f5f; PADDING-TOP: 2px; BORDER-BOTTOM: #dddddd 1px solid } .marketsnapshot .quotes .active { BORDER-BOTTOM: #eeeeee 1px solid; BACKGROUND-COLOR: #efefef } .marketsnapshot .quotes .active .data { COLOR: #000000 } .marketsnapshot .quotes A { FONT-SIZE: 11px; COLOR: #5f5f5f } .marketsnapshot .quotes .active A { COLOR: #000000; TEXT-DECORATION: none } .marketsnapshot .quotes .positive { COLOR: #48bf51 } .marketsnapshot .quotes .negative { COLOR: #dc5f5f } .marketsnapshot .quotes .active .positive { COLOR: #00a00f } .marketsnapshot .quotes .active .negative { COLOR: #da100f } .marketsnapshot .quotes .ticker { TEXT-ALIGN: left } .marketsnapshot .quotes .changeprice { TEXT-ALIGN: left } .marketsnapshot .quotes .lastprice { TEXT-ALIGN: right } .marketsnapshot .quotes .changepercent { TEXT-ALIGN: right } .marketsnapshot .attribution { DISPLAY: none } TABLE { BORDER-COLLAPSE: separate! important } AMZN Aug 19 2010, 08:10 PM EDT 127.57 Change % Change - 0.00% In the April 2010 Letter to Shareholders, Jeff Bezos tells Amazon.com shareholders about their focus on inputs, the customer, and their purposeful lack of discussion around financial metrics. 

A key lesson here is this: focus on the controllable inputs – this is a key tenet in Lean Thinking. When we focus on the controllable inputs, then the outcome will follow.

Such a simple and clear lesson, yet so many people and organizations fail to see.

Here's the letter:

Senior leaders that are new to Amazon are often surprised by how little time we spend discussing actual financial results or debating projected financial outputs. To be clear, we take these financial outputs seriously, but we believe that focusing our energy on the controllable inputs to our business is the most effective way to maximize financial outputs over time. Our annual goal setting process begins in the fall, and concludes early in the new year after we’ve completed our peak holiday quarter. Our goal setting sessions are lengthy, spirited, and detailoriented. We have a high bar for the experience our customers deserve and a sense of urgency to improve that experience.

We’ve been using this same annual process for many years. For 2010, we have 452 detailed goals with owners, deliverables, and targeted completion dates. These are not the only goals our teams set for themselves, but they are the ones we feel are most important to monitor. None of these goals are easy and many will not be achieved without invention. We review the status of each of these goals several times per year among our senior leadership team and add, remove, and modify goals as we proceed.

A review of our current goals reveals some interesting statistics:

• 360 of the 452 goals will have a direct impact on customer experience.
• The word revenue is used eight times and free cash flow is used only four times.
• In the 452 goals, the terms net income, gross profit or margin, and operating profit are not used once.

Taken as a whole, the set of goals is indicative of our fundamental approach. Start with customers, and work backwards. Listen to customers, but don’t just listen to customers – also invent on their behalf. We can’t assure you that we’ll meet all of this year’s goals. We haven’t in past years. However, we can assure you that we’ll continue to obsess over customers. We have strong conviction that that approach – in the long term – is every bit as good for owners as it is for customers.

In a world where there is much talk of gross margin, etc., Bezos and Amazon focus on the long-term health of the company and the customer experience.

This post originally appeared on Shmula and is republished here with permission.