.bottom-sheet { position: fixed; right: 1em; bottom: -1px; width: 29.2em; z-index: 100000; border-radius: 6px 6px 0 0; /* box shadow */ -webkit-box-shadow: 0px 0px 6px 2px rgba(150, 150, 150, 0.3); -moz-box-shadow: 0px 0px 6px 2px rgba(150, 150, 150, 0.3); box-shadow: 0px 0px 6px 2px rgba(150, 150, 150, 0.3); }
@media only screen and (max-width: 360px) { .bottom-sheet { width: 100%; max-width: 29em; right: 0; } }
.bottom-sheet .sheet-head { padding: 0.6em 0.8em; background: #115566; border-radius: 4px 4px 0 0; overflow: hidden; }
.bottom-sheet .sheet-head h2 { color: white; font-size: 1em; float: left; margin: 0; line-height: 20px; }
.bottom-sheet .sheet-head h2.clickable { cursor: pointer; }
.bottom-sheet .sheet-head h2.clickable:hover { text-decoration: underline; }
.bottom-sheet .sheet-head .close { display: block; float: left; width: 18px; height: 18px; margin: 1px 0.4em 0 0; background: url(http://www.ti.com/graphics/shared/iconCloseModal-teal.png) no-repeat 0 0; cursor: pointer; }
.bottom-sheet .sheet-head .close:hover { background-position: 0 -100px; }
.bottom-sheet .sheet-head .toggle { position: relative; display: block; float: right; width: 18px; height: 18px; background: url(http://www.ti.com/graphics/shared/toggle-teal.png) no-repeat 0 0; cursor: pointer; color: #e0e0e0; margin-top: 1px; }
.bottom-sheet .sheet-head .toggle:hover:before { text-decoration: underline; }
.bottom-sheet .sheet-head .toggle:before { position: absolute; right: 18px; padding: 1px 5px; content: "Hide"; font-size: 11px; font-family: "Open Sans", sans-serif; }
.bottom-sheet .sheet-head .toggle.show { background-position: 0 -100px; }
.bottom-sheet .sheet-head .toggle.show:before { font-family: "Open Sans", sans-serif; content: "Show"; }
.bottom-sheet .sheet-body { display: none; position: relative; width: 100%; background: white; border: 1px solid #88acb2; border-top: none; }
.bottom-sheet .sheet-body .content { padding: 1.5em 1.5em; }
.bottom-sheet .sheet-body .content p { margin: 0 0 0.7em 0; }
.bottom-sheet .sheet-body .content.no-padding { padding: 0; }
.bottom-sheet .sheet-body .button-position { padding: 0 1.5em 1.5em; }
.bottom-sheet .sheet-body .button-position.center { text-align: center; }
@media only screen and (max-width: 360px) { .bottom-sheet .sheet-body .button-position .button { display: block; float: none; max-width: 100%; white-space: normal; text-align: center; }
  .bottom-sheet .sheet-body .button-position .button + .button { margin: 0.5em 0 0; } }
.bottom-sheet .sheet-body img { max-width: 100%; }
.bottom-sheet #registration .registration-form { background: url(http://www.ti.com/graphics/shared/registration-bg.jpg) no-repeat; background-position: right; background-position: top; }
.bottom-sheet #registration .registration-form .row { margin-bottom: 0.3em; }
.bottom-sheet #registration .registration-form .button { padding: 0.2em 0.6em; }
.bottom-sheet #registration .registration-form .validation.error { display: none; }
.bottom-sheet #registration .registration-form .desc { font-size: 0.88em; margin: 1em 0 0; padding: 0.9em 1em 0.5em; }
.bottom-sheet #registration .registration-form .button { font-size: 0.9em; }
.bottom-sheet #registration .grey-box { border: 1px solid #f0f0f0; background: whitesmoke; margin: 0 0 0.8em; padding: 0.8em; }
.bottom-sheet #registration .registration-confirm { display: none; }
.bottom-sheet .teal { color: #118899; }
.bottom-sheet .small { font-size: 0.9em; }