/* The *:focus rule is reset and suppresses link outlining.
 * You _must_ remember to redefine your own outline, as it’s an important accessibility aid. E.g.
 * *:focus
 *   outline: #ccc dotted medium */
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after {
  content: ""; }

th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

a img {
  border: none; }

body {
  font-size: 14px;
  line-height: 21px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
  color: #444; }
body h1:first-child, body h2:first-child, body h3:first-child, body h4:first-child {
  margin-top: 0; }
body h1 {
  font-size: 36px;
  margin-bottom: 14px;
  line-height: 43.2px; }
body h2 {
  font-size: 28px;
  margin: 14px 0 14px;
  line-height: 33.6px; }
body h3 {
  font-size: 22px;
  margin: 14px 0 14px;
  line-height: 26.4px; }
body h4 {
  font-size: 18px;
  margin: 9px 0 9px;
  line-height: 21.6px; }
body h5 {
  font-size: 16px;
  margin: 9px 0 9px;
  line-height: 19.2px; }
body h6 {
  font-size: 14px;
  margin: 9px 0 9px;
  line-height: 16.8px; }
body h1:first-child, body h2:first-child, body h3:first-child, body h4:first-child {
  margin-top: 0; }
body h1 {
  font-size: 36px;
  margin-bottom: 14px;
  line-height: 43.2px; }
body h2 {
  font-size: 28px;
  margin: 14px 0 14px;
  line-height: 33.6px; }
body h3 {
  font-size: 22px;
  margin: 14px 0 14px;
  line-height: 26.4px; }
body h4 {
  font-size: 18px;
  margin: 9px 0 9px;
  line-height: 21.6px; }
body h5 {
  font-size: 16px;
  margin: 9px 0 9px;
  line-height: 19.2px; }
body h6 {
  font-size: 14px;
  margin: 9px 0 9px;
  line-height: 16.8px; }
body p {
  padding-bottom: 14px; }
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-weight: bold; }
body em {
  font-style: italic; }
body strong {
  font-weight: bold; }
body span.highlight, body em.highlight, body strong.highlight {
  background-color: #ff6;
  padding: 2px;
  margin: 0 -2px; }
body ul, body dl {
  list-style: inside;
	padding-left: 0;
  margin: 0 0 14px; }
body ol {
	padding-left: 0;
  margin: 0 0 14px; }
body li {
  padding: 0 0 2px; }
body ol li {
	margin-left: 10px; }
body small {
  font-size: 11px; }
body big {
  font-size: 17px; }

h1, h2, h3, h4, h5, h6 {
  color: #333;
  letter-spacing: -1px; }

ol li {
  list-style: decimal;
  margin-left: 1.9em; }

#header ul.nav {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#header ul.nav li a {
  line-height: 220%;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold; }

#feature ul li a, #feature ol li a, #feature dl li a {
  color: inherit;
  font-weight: bold; }

#footer {
  font-size: 90%; }

#header {
  overflow: hidden;
  display: inline-block;
  width: 750px;
  margin: 0 auto;
  position: relative;
  height: 64px; }
#header {
  display: block; }
#header .title {
  width: 242px;
  height: 38px;
  display: block;
  position: absolute;
  top: 12px;
  left: 20px; }
#header ul.nav {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  display: inline-block;
  float: right;
  text-align: right;
  margin-top: 15px; }
#header ul.nav {
  display: block; }
#header ul.nav li {
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px; }
#header ul.nav li.first {
  padding-left: 0px; }
#header ul.nav li.last {
  padding-right: 0px; }
#header ul.nav li {
  padding: 0 15px;
  line-height: 14px; }
#header ul.nav li a {
  display: inline-block; }

#page {
  width: 750px;
  margin: 25px auto 0;
  overflow: hidden;
  display: inline-block; }
#page {
  display: block; }
#page .content_with_sidebar {
  width: 449px;
  float: left; }
#page .footer {
  clear: both; }

#feature {
  padding: 45px 30px 30px; }
#feature p img {
  float: left;
  padding-right: 30px; }

#main, #book_header {
  padding: 45px 30px 30px; }
#main img.left, #book_header img.left {
  float: left;
  padding: 0 20px 0 0;
  margin-bottom: 20px; }

#main {
  clear: both; }
#main .book {
  clear: both;
  overflow: hidden;
  display: inline-block;
  padding: 25px 0 15px; }
#main .book {
  display: block; }
#main .book h3 {
  margin-top: 15px; }

#book_header {
  padding-bottom: 0; }

#page #notice {
  margin: -15px 0 15px; }

#sidebar {
  float: left;
  width: 241px;
  padding-bottom: 25px; }
#sidebar #notice.flash {
  padding: 10px;
  margin: 10px 0; }

#page.book #sidebar {
  margin-bottom: 20px;
  padding-top: 45px;
  padding-right: 30px;
  width: 211px; }
#page.book #sidebar p {
  font-size: 85%; }

#page .section.footer {
  padding: 20px 30px 35px; }

#footer {
  width: 750px;
  text-align: center;
  margin: 0 auto;
  padding: 15px 20px 5px;
  clear: both; }
#footer ul {
  display: inline;
  margin-right: 5px; }
#footer ul li {
  display: inline;
  padding: 0 8px 0 5px;
  line-height: 1em;
  border-right: 1px solid #666; }
#footer ul li:last-child {
  border-right: none; }
#footer ul li a {
  padding: 0;
  margin: 0; }

html, body, #header {
  background-position: top center; }

html {
  background-image: url('../images/main_bg.png?1252449211'); }

body {
  background-image: url('../images/top_bg.jpg?1252446936');
  background-repeat: no-repeat; }

#notice.flash {
  background-repeat: no-repeat;
  background-position: 10px center;
  border: 1px dashed;
  padding: 10px;
  margin-top: 60px;
  margin-left: 10px;
  margin-right: 10px; }
#notice.flash.error {
  color: #D8000C;
  background-color: #FFD9DA; }
#notice.flash.info {
  color: #00529B;
  background-color: #BDE5F8; }
#notice.flash.warning {
  color: #98674C;
  background-color: #FBF4BD; }
#notice.flash.success {
  color: #4F8A10;
  background-color: #DFF2BF; }

#header {
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  box-shadow: 1px 1px 8px #333333;
  -webkit-box-shadow: 1px 1px 8px #333333;
  -moz-box-shadow: 1px 1px 8px #333333;
  border-bottom: 1px solid #fff;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9), color-stop(0.5, #f4f4f4)); }
#header .title {
  text-indent: -9999em;
  overflow: hidden;
  background-image: url('../images/logo.png?1252523493');
  background-repeat: no-repeat;
  background-position: 50% 50%; }
#header ul.nav li {
  border-left: 1px solid #dddddd;
  border-right: 1px solid white; }
#header ul.nav li.alpha {
  border-left: none; }
#header ul.nav li.omega {
  border-right: 0; }
#header ul.nav li a {
  color: #333; }
#header ul.nav li a:hover {
  color: #666; }
#header ul.nav li a.special {
  color: #24659C; }

#page {
  box-shadow: 1px 1px 8px #333333;
  -webkit-box-shadow: 1px 1px 8px #333333;
  -moz-box-shadow: 1px 1px 8px #333333;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color: #fff;
  position: relative; }
#page #feature {
  border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px; }
#page div:last-child {
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px; }
#page a {
  color: #24659C; }
#page a.button {
  /* setup colors */
  /* Defaut button state */
  /* Hover button state */
  /* Active button state */
  color: white;
  font-weight: bold;
  background-position: center center;
  /* set button colors for each state */
  background-color: #1f3e5e;
  background-image: url('../images/button_bg.png?1253207487');
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4484c1), to(#1f3e5e));
  background-image: -moz-linear-gradient(left top, left bottom, from(#4484c1), to(#1f3e5e));
  border-color: #213343;
  border-bottom-color: #213343;
  border-right-color: #213343;
  text-shadow: #1f3e5e 1px 1px 1px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding: 1px 18px;
  line-height: 28px;
  text-decoration: none; }
#page a.button:hover, #page a.button:focus {
  background-color: #1d4267;
  background-image: url('../images/button_bg.png?1253207487');
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4b8ccc), to(#1d4267));
  background-image: -moz-linear-gradient(left top, left bottom, from(#4b8ccc), to(#1d4267));
  border-color: #1b3349;
  border-bottom-color: #1b3349;
  border-right-color: #1b3349; }
#page a.button:active {
  background-color: #1b3e61;
  background-image: url('../images/button_bg.png?1253207487');
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3272b0), to(#1b3e61));
  background-image: -moz-linear-gradient(left top, left bottom, from(#3272b0), to(#1b3e61));
  border-color: #1e3346;
  border-bottom-color: #1e3346;
  border-right-color: #1e3346; }
#page a.button:active {
  border-width: 2px;
  padding: 0px 17px; }
#page a.button::-moz-focus-inner {
  border: none;
  padding: 0; }
#page a.button:focus {
  outline: none; }
#page a.button span.arrow {
  font-family: "Lucida Grande", Lucida, Arial, sans_serif;
  font-size: 18px;
  line-height: 14px -4px;
  margin-left: 4px; }

#feature .highlight {
  background: #e0ede6; }
#feature a {
  color: #C1272D; }

#main .book {
  border-top: 1px solid #eee; }
#main blockquote {
  background: #fdfff1 url('../images/blockquote.png?1254032171') 11px 20px no-repeat;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 20px 25px 0 30px;
  margin: 15px 0;
  font-size: 95%; }

body.home #feature {
  border-bottom: 1px solid #8EACBF;
  background-color: #b6d0df;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#edf8ff), to(#b6d0df), color-stop(0.4, #c3dae9)); }

a#subscribe_btn {
  /* setup colors */
  /* Defaut button state */
  /* Hover button state */
  /* Active button state */
  color: #3e4104;
  font-weight: bold;
  background-position: center left;
  /* set button colors for each state */
  background-color: #c7cb7b;
  background-image: url('../images/button_bg.png?1253207487');
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfcdc), to(#c7cb7b));
  background-image: -moz-linear-gradient(left top, left bottom, from(#fbfcdc), to(#c7cb7b));
  border-color: #6a6d3a;
  border-bottom-color: #6a6d3a;
  border-right-color: #6a6d3a;
  text-shadow: #fbfcdc 1px 1px 1px;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-width: 2px;
  border-style: solid;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  padding: 2px 20px;
  line-height: 32px;
  text-decoration: none;
  font-weight: bold; }
a#subscribe_btn:hover, a#subscribe_btn:focus {
  background-color: #d5d89d;
  background-image: url('../images/button_bg.png?1253207487');
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfeeb), to(#d5d89d));
  background-image: -moz-linear-gradient(left top, left bottom, from(#fdfeeb), to(#d5d89d));
  border-color: #75783c;
  border-bottom-color: #75783c;
  border-right-color: #75783c; }
a#subscribe_btn:active {
  background-color: #c7cb7b;
  background-image: url('../images/button_bg.png?1253207487');
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfcda), to(#c7cb7b));
  background-image: -moz-linear-gradient(left top, left bottom, from(#fbfcda), to(#c7cb7b));
  border-color: #535537;
  border-bottom-color: #5f6139;
  border-right-color: #5f6139; }
a#subscribe_btn:active {
  border-width: 3px;
  padding: 1px 19px; }
a#subscribe_btn::-moz-focus-inner {
  border: none;
  padding: 0; }
a#subscribe_btn:focus {
  outline: none; }
a#subscribe_btn span.arrow {
  font-family: "Lucida Grande", Lucida, Arial, sans_serif;
  font-size: 20px;
  line-height: 16px -4px;
  margin-left: 4px; }

.light {
  color: #999; }

#page .subscription_options {
  display: block;
  margin: 0px 0 25px; }
#page .subscription_options.inactive a.account_link {
  /* setup colors */
  /* Defaut button state */
  /* Hover button state */
  /* Active button state */
  color: white;
  font-weight: bold;
  background-position: center center;
  /* set button colors for each state */
  background-color: #1f3e5e;
  background-image: url('../images/button_bg.png?1253207487');
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4484c1), to(#1f3e5e));
  background-image: -moz-linear-gradient(left top, left bottom, from(#4484c1), to(#1f3e5e));
  border-color: #213343;
  border-bottom-color: #213343;
  border-right-color: #213343;
  text-shadow: #1f3e5e 1px 1px 1px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding: 1px 18px;
  line-height: 28px;
  text-decoration: none; }
#page .subscription_options.inactive a.account_link:hover, #page .subscription_options.inactive a.account_link:focus {
  background-color: #1d4267;
  background-image: url('../images/button_bg.png?1253207487');
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4b8ccc), to(#1d4267));
  background-image: -moz-linear-gradient(left top, left bottom, from(#4b8ccc), to(#1d4267));
  border-color: #1b3349;
  border-bottom-color: #1b3349;
  border-right-color: #1b3349; }
#page .subscription_options.inactive a.account_link:active {
  background-color: #1b3e61;
  background-image: url('../images/button_bg.png?1253207487');
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3272b0), to(#1b3e61));
  background-image: -moz-linear-gradient(left top, left bottom, from(#3272b0), to(#1b3e61));
  border-color: #1e3346;
  border-bottom-color: #1e3346;
  border-right-color: #1e3346; }
#page .subscription_options.inactive a.account_link:active {
  border-width: 2px;
  padding: 0px 17px; }
#page .subscription_options.inactive a.account_link::-moz-focus-inner {
  border: none;
  padding: 0; }
#page .subscription_options.inactive a.account_link:focus {
  outline: none; }
#page .subscription_options.inactive a.account_link span.arrow {
  font-family: "Lucida Grande", Lucida, Arial, sans_serif;
  font-size: 18px;
  line-height: 14px -4px;
  margin-left: 4px; }
#page .subscription_options.active a.account_link {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -1px;
  border-right: 1px solid #ddd;
  display: inline-block;
  margin-right: 2px;
  padding-right: 12px; }
#page #logout {
  margin-left: 5px;
  font-size: 13px; }

ul.downloads {
  border-bottom: 1px solid #eee; }
ul.downloads li {
  border-top: 1px solid #eee;
  padding: 15px 0;
  list-style-type: none; }
ul.downloads li .title {
  color: #000;
  font-size: 114%;
  display: block; }
ul.downloads li .version {
  clear: both;
  font-size: 90%;
  color: #666;
  display: inline-block; }
ul.downloads li .links {
  font-size: 90%;
  display: inline-block; }
ul.downloads li .links a {
  padding-left: 10px; }

#footer {
  color: #aaa; }
#footer a {
  color: #ddd; }

#page .section.footer {
  background-color: #f2f2f2;
  border-top: 1px solid #ddd;
  position: relative; }
#page .section.footer .clear {
  clear: both; }
#page .section.footer h2 {
  margin: 0 25px 0 0;
  float: left;
  position: relative; }
#page .section.footer #warescription_newsletter input.textbox {
  width: 250px; }
#page .section.footer .titles {
  position: relative;
  top: -21px;
  z-index: 100;
  overflow: hidden;
  display: inline-block; }
#page .section.footer .titles {
  display: block; }
#page .section.footer .edition_title {
  float: left;
  margin-top: 0;
  display: inline-block;
  padding: 31px 15px 10px;
  cursor: pointer;
  color: #999; }
#page .section.footer .edition_title:hover {
  text-decoration: underline;
  color: #666; }
#page .section.footer .edition_title.here {
  border: 1px solid #ddd;
  color: #555;
  cursor: default;
  padding-left: 14px;
  padding-right: 14px;
  border-top: none;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  background: #fff;
  box-shadow: 0 2px 2px #e5e5e5;
  -webkit-box-shadow: 0 2px 2px #e5e5e5;
  -moz-box-shadow: 0 2px 2px #e5e5e5;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff), color-stop(.2, #fcfcfc), color-stop(.4, #f5f5f5),color-stop(.8, #fcfcfc));
  background: -moz-linear-gradient(left top, left bottom, from(#fff), to(#fff), color-stop(.4, #f5f5f5)); }
#page .section.footer .edition_title.here:hover {
  text-decoration: none; }
#page .section.footer .edition {
  margin-top: 10px;
  font-size: 90%;
  position: relative; }
#page .section.footer .edition .section {
  display: inline-block;
  width: 449px;
  padding-right: 30px; }
#page .section.footer .edition .aside {
  width: 191px;
  position: absolute;
  top: 0;
  right: 0px;
  padding: 10px 0 0 20px;
  border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  background: url('../images/edition_details.png?1254026456') no-repeat; }
#page .section.footer .edition .aside ul {
  list-style-type: none; }

#login_panel {
  overflow: hidden;
  display: inline-block;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  margin-bottom: 15px;
  background: #d5eaf4;
  border-left: 1px solid #c3cbd1;
  border-bottom: 1px solid #c3cbd1;
  /* Specific Elements */ }
#login_panel {
  display: block; }
#login_panel #forms {
  background: #d5eaf4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dceffa), to(#cae5f4), color-stop(0.2, #cfe6f3));
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  clear: both;
  display: block; }
#login_panel #notice.flash {
  padding: 10px;
  margin: 60px 10px 0 10px; }
#login_panel fieldset {
  display: block;
  color: #114773;
  padding: 15px 20px; }
#login_panel fieldset.form a.cancel:hover, #login_panel fieldset.form a.openid_link:hover, #login_panel fieldset.form #forgotten_password a:hover, #login_panel fieldset.form a.terms:hover {
  background: #E5F2F9; }
#login_panel fieldset.form a.terms {
  font-size: 90%; }
#login_panel a.tab {
  cursor: default;
  z-index: 0;
  text-align: center;
  position: relative;
  float: left;
  width: 50%;
  text-decoration: none;
  color: #114773;
  font-size: 130%;
  font-weight: bold;
  display: inline-block;
  padding: 12px 0;
  text-shadow: 1px 1px 1px #d6eaf5;
  background: #d5eaf4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#edf8ff), to(#dbeefa), color-stop(.5, #e4f5ff), color-stop(.51, #ddf0fb)); }
#login_panel a.tab:focus {
  outline: none; }
#login_panel a.tab.hidden {
  z-index: 1;
  background: #8ab6cf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c3e1f4), to(#8ab6cf), color-stop(.5, #a0c6dd), color-stop(.51, #9ec5dc));
  cursor: pointer;
  width: 50%;
  margin-bottom: -1px;
  border-bottom: 1px solid #729db2; }
#login_panel a.tab.hidden#signup_tab {
  border-right: 1px solid #729db2;
  border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px; }
#login_panel a.tab.hidden#login_tab {
  border-left: 1px solid #729db2;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px; }
#login_panel #login_tab {
  border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px; }
#login_panel #signup_tab {
  margin-right: -1px; }
#login_panel #openid input.textbox {
  width: 10em; }
#login_panel #openid .field {
  display: block; }
#login_panel #openid .field a.cancel {
  display: inline-block; }
#login_panel .openid_link, #login_panel a.cancel {
  padding: 2px 0 2px;
  display: inline-block;
  float: left;
  font-size: 90%;
  margin: 5px 0 0 8px; }
#login_panel a.button {
  float: left; }
#login_panel #forgotten_password {
  clear: both;
  font-size: 90%;
  display: block;
  padding-top: 15px; }

form {
  clear: both; }
form label {
  font-size: 90%;
  display: block; }
form select {
  font-size: 110%; }
form input.textbox, form textarea {
  outline: 0;
  display: inline-block;
  font-size: 120%;
  width: 200px;
  margin-bottom: 10px;
  font-size: .94em;
  width: 90%;
  border: 1px solid;
  border-top-color: #aaa;
  border-bottom-color: #d8d8d8;
  border-left-color: #bbb;
  border-right-color: #bbb;
  padding: 3px 4px;
  background: #fefefe; }
form input.textbox:focus, form textarea:focus {
  background: #fefeee;
  border: 1px solid #989898; }
form input.checkbox, form label.checkbox {
  display: inline-block; }
form p {
  padding: 15px 0 5px;
  overflow: hidden;
  display: inline-block; }
form p {
  display: block; }
form input.wrong:focus {
  outline: 2px solid #d0a5a5;
  background: #fef2f2; }