.columnContainer {padding-top: 1em; background: #fff; border: solid #eee; border-width: 1px 0}
.columnContent {padding-top: 0}
.subContent {margin-bottom: 2em}
.subContent.last {margin-bottom: 0}
.columnContent h3 {padding-bottom: 0.5em}
.columnContent p.image {text-align: center}
.columnContent p.image img {padding: 4px; border: 1px solid #eee}
.subContent img.portrait {float: left; margin: 0 1em 0.5em 0}
.columnContent ol li {margin-bottom: 1em; padding: 0.25em 42px 0; color: #cb7500; background: transparent no-repeat left top; font-size: 144%; line-height: 1.1}
.columnContent ol .step1 {background-image: url(http://1.assets.lingr.com/images/help/bullets/star-1.gif.v1207804456)}
.columnContent ol .step2 {background-image: url(http://3.assets.lingr.com/images/help/bullets/star-2.gif.v1207804456)}
.columnContent ol .step3 {background-image: url(http://4.assets.lingr.com/images/help/bullets/star-3.gif.v1207804456)}
.columnContent ol li img {display: block; float: none; margin: 0.5em auto 0; padding: 4px; border: 1px solid #eee}
.columnContent ol li img.helper {padding: 0; border: 0}
.columnContent ul {margin: 0 3em 1em; list-style-type: circle}
.columnContent ul li {margin-bottom: 0.25em; font-size: 122%}
table {margin: 0.5em auto 1em; color: #555; border-collapse: collapse; border-spacing: 0}
table th, table td {line-height: 1.1}
table th {padding: 0.2em 0.25em; color: #cb7500}
table td {padding: 0.2em 0 0.2em 0.5em; border: solid #eee; border-width: 1px 0}
table td.text {padding: 0.2em 0.5em 0.2em 1em; color: #000}
#apiKeys {padding: 0.5em 0.25em}
#apiKeys .createKey {padding: 0.25em 0 0; text-align: center}
#apiKeys .createKey span {text-transform: none}
#apiKeys .createKey a {padding: 0 20px}
#apiKeys .createKey a.inProgress, #apiKeys li div.delete a.inProgress {background: transparent url(http://4.assets.lingr.com/images/shared/progress-flower-orange.gif.v1207804455) no-repeat left center}
#apiKeys li div.permission a.inProgress {background: transparent url(http://4.assets.lingr.com/images/shared/progress-flower-orange.gif.v1207804455) no-repeat right center}
#apiKeys ul {margin: 0; list-style: none}
#apiKeys ul li {margin: 0 0 1.25em; padding-bottom: 0.5em; border-bottom: 1px solid #eee; line-height: 1}
#apiKeys li div {padding-bottom: 0.25em}
#apiKeys li div.status {padding-bottom: 0}
#apiKeys li div.delete {text-align: right; text-transform: lowercase}
#apiKeys li div.delete a {padding-left: 20px}
#apiKeys li div.permission a {padding-right: 20px}
#apiKeys li .label {color: #888; font-size: 122%; line-height: 1; text-transform: lowercase}
#apiKeys li .value {color: #793b00; font-size: 144%}
#apiKeys li div.title a.value, #apiKeys li div.permission a.value {color: #0f5887}
#apiKeys li .title .value:focus, #apiKeys li .title .value:hover, #apiKeys li div.permission a.value:focus, #apiKeys li div.permission a.value:hover {color: #de8000; cursor: pointer}
#apiKeys li form {display: inline; text-transform: none}
#apiKeys li form input {float: none; width: auto; font-size: 144%; line-height: 1}
#apiKeys li form input.editor_ok_button {margin: 0 0.5em; line-height: 1; text-transform: uppercase}
#apiKeys li .status .value {color: #768000}
#apiKeys li.disabled .status .value {color: #801500}
body.tools#index .info {margin-bottom: 0.5em; text-align: center}
body.tools#index .columnContent p {text-align: left}
body.tools#index img.toolLogo {float: left; margin-right: 10px}
body.tools#index img.screenshot {margin-bottom: 0.5em; border: 1px solid #ccc}
.download {width: 75%; margin: 0 auto 1.5em; padding: 1.5em 0; background: #fff url(http://2.assets.lingr.com/images/backgrounds/gradient-green.png.v1207804455) repeat-x left bottom; border: solid #d9dba6; border-width: 1px 0; text-align: center}
.download#lingrNotifier {padding-bottom: 1em}
.download span, .download a {display: block; line-height: 1}
.download span, .download span.os strong {color: #555}
.download span.os {padding-bottom: 0.75em; color: #888; font-size: 144%}
.download span.details {font-size: 107%}
.download#osX span.details {margin-top: 0.45em}
.download a {vertical-align: middle; font-size: 144%; line-height: 1}
.download#windows a, .download#osX a {margin: 0.55em 0 0.15em}
.download#lingrNotifier a {margin: 0.55em 0 0}
.download a img {vertical-align: middle; position: relative; bottom: 0.3em; margin-right: 0.25em}
.releaseNotes {padding-bottom: 0.75em; text-align: center}
.releaseNotes a {padding: 0 1em; font-size: 122%}