/* Welcome to TTMIE - v4.10 */

/*
 * Bootstrap v2.0.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a:focus {
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

a:hover,
a:active {
  outline: 0; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle; }

button,
input {
  *overflow: visible;
  line-height: normal; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  vertical-align: top; }

.clearfix {
  *zoom: 1; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: ""; }

.clearfix:after {
  clear: both; }

.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  /* Make inputs at least the height of their button counterpart */
  /* Makes inputs behave like true block-level elements */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, "Dotum", sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  background-color: #ffffff; }

a {
  color: #0088cc;
  text-decoration: none; }

a:hover {
  color: #005580;
  text-decoration: underline; }

.row {
  margin-left: -20px;
  *zoom: 1; }

.row:before,
.row:after {
  display: table;
  content: ""; }

.row:after {
  clear: both; }

[class*="span"] {
  float: left;
  margin-left: 20px; }

.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px; }

.span12 {
  width: 940px; }

.span11 {
  width: 860px; }

.span10 {
  width: 780px; }

.span9 {
  width: 700px; }

.span8 {
  width: 620px; }

.span7 {
  width: 540px; }

.span6 {
  width: 460px; }

.span5 {
  width: 380px; }

.span4 {
  width: 300px; }

.span3 {
  width: 220px; }

.span2 {
  width: 140px; }

.span1 {
  width: 60px; }

.offset12 {
  margin-left: 980px; }

.offset11 {
  margin-left: 900px; }

.offset10 {
  margin-left: 820px; }

.offset9 {
  margin-left: 740px; }

.offset8 {
  margin-left: 660px; }

.offset7 {
  margin-left: 580px; }

.offset6 {
  margin-left: 500px; }

.offset5 {
  margin-left: 420px; }

.offset4 {
  margin-left: 340px; }

.offset3 {
  margin-left: 260px; }

.offset2 {
  margin-left: 180px; }

.offset1 {
  margin-left: 100px; }

.row-fluid {
  width: 100%;
  *zoom: 1; }

.row-fluid:before,
.row-fluid:after {
  display: table;
  content: ""; }

.row-fluid:after {
  clear: both; }

.row-fluid > [class*="span"] {
  float: left;
  margin-left: 2.127659574%; }

.row-fluid > [class*="span"]:first-child {
  margin-left: 0; }

.row-fluid > .span12 {
  width: 99.99999998999999%; }

.row-fluid > .span11 {
  width: 91.489361693%; }

.row-fluid > .span10 {
  width: 82.97872339599999%; }

.row-fluid > .span9 {
  width: 74.468085099%; }

.row-fluid > .span8 {
  width: 65.95744680199999%; }

.row-fluid > .span7 {
  width: 57.446808505%; }

.row-fluid > .span6 {
  width: 48.93617020799999%; }

.row-fluid > .span5 {
  width: 40.425531911%; }

.row-fluid > .span4 {
  width: 31.914893614%; }

.row-fluid > .span3 {
  width: 23.404255317%; }

.row-fluid > .span2 {
  width: 14.89361702%; }

.row-fluid > .span1 {
  width: 6.382978723%; }

.container {
  margin-left: auto;
  margin-right: auto;
  *zoom: 1; }

.container:before,
.container:after {
  display: table;
  content: ""; }

.container:after {
  clear: both; }

.container-fluid {
  padding-left: 20px;
  padding-right: 20px;
  *zoom: 1; }

.container-fluid:before,
.container-fluid:after {
  display: table;
  content: ""; }

.container-fluid:after {
  clear: both; }

p {
  margin: 0 0 9px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px; }

p small {
  font-size: 11px;
  color: #999999; }

.lead {
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 200;
  line-height: 27px; }

/*
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
*/
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  color: #999999; }

h1 {
  font-size: 30px;
  line-height: 36px; }

h1 small {
  font-size: 18px; }

h2 {
  font-size: 24px;
  line-height: 36px; }

h2 small {
  font-size: 18px; }

h3 {
  line-height: 27px;
  font-size: 18px; }

h3 small {
  font-size: 14px; }

h4,
h5,
h6 {
  line-height: 18px; }

h4 {
  font-size: 14px; }

h4 small {
  font-size: 12px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 11px;
  color: #999999;
  text-transform: uppercase; }

.page-header {
  padding-bottom: 17px;
  margin: 18px 0;
  border-bottom: 1px solid #eeeeee; }

.page-header h1 {
  line-height: 1; }

ul,
ol {
  padding: 0;
  margin: 0 0 9px 25px; }

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li {
  line-height: 18px; }

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none; }

dl {
  margin-bottom: 18px; }

dt,
dd {
  line-height: 18px; }

dt {
  font-weight: bold;
  line-height: 17px; }

dd {
  margin-left: 9px; }

.dl-horizontal dt {
  float: left;
  clear: left;
  width: 120px;
  text-align: right; }

.dl-horizontal dd {
  margin-left: 130px; }

hr {
  margin: 18px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid white; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

.muted {
  color: #999999; }

abbr[title] {
  border-bottom: 1px dotted #dddddd;
  cursor: help; }

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 18px;
  border-left: 5px solid #eeeeee; }

blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22.5px; }

blockquote small {
  display: block;
  line-height: 18px;
  color: #999999; }

blockquote small:before {
  content: '\2014 \00A0'; }

blockquote.pull-right {
  float: right;
  padding-left: 0;
  padding-right: 15px;
  border-left: 0;
  border-right: 5px solid #eeeeee; }

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ""; }

address {
  display: block;
  margin-bottom: 18px;
  line-height: 18px;
  font-style: normal; }

small {
  font-size: 100%; }

cite {
  font-style: normal; }

code,
pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8; }

pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12.025px;
  line-height: 18px;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  white-space: pre;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word; }

pre.prettyprint {
  margin-bottom: 18px; }

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

form {
  margin: 0 0 18px; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 27px;
  font-size: 19.5px;
  line-height: 36px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #eeeeee; }

legend small {
  font-size: 13.5px;
  color: #999999; }

label,
input,
button,
select,
textarea {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px; }

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

label {
  display: block;
  margin-bottom: 5px;
  color: #333333; }

input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 210px;
  height: 18px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.uneditable-textarea {
  width: auto;
  height: auto; }

label input,
label textarea,
label select {
  display: block; }

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  /* IE7 */
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
  /* IE9 and down */ }

input[type="image"] {
  border: 0; }

input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: #ffffff;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto; }

select,
input[type="file"] {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 28px; }

input[type="file"] {
  line-height: 18px \9; }

select {
  width: 220px;
  background-color: #ffffff; }

select[multiple],
select[size] {
  height: auto; }

input[type="image"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

textarea {
  height: auto; }

input[type="hidden"] {
  display: none; }

.radio,
.checkbox {
  padding-left: 18px; }

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px; }

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px; }

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle; }

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px; }

input,
textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s; }

input:focus,
textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */ }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.input-mini {
  width: 60px; }

.input-small {
  width: 90px; }

.input-medium {
  width: 150px; }

.input-large {
  width: 210px; }

.input-xlarge {
  width: 270px; }

.input-xxlarge {
  width: 530px; }

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
  float: none;
  margin-left: 0; }

input,
textarea,
.uneditable-input {
  margin-left: 0; }

input.span12, textarea.span12, .uneditable-input.span12 {
  width: 930px; }

input.span11, textarea.span11, .uneditable-input.span11 {
  width: 850px; }

input.span10, textarea.span10, .uneditable-input.span10 {
  width: 770px; }

input.span9, textarea.span9, .uneditable-input.span9 {
  width: 690px; }

input.span8, textarea.span8, .uneditable-input.span8 {
  width: 610px; }

input.span7, textarea.span7, .uneditable-input.span7 {
  width: 530px; }

input.span6, textarea.span6, .uneditable-input.span6 {
  width: 450px; }

input.span5, textarea.span5, .uneditable-input.span5 {
  width: 370px; }

input.span4, textarea.span4, .uneditable-input.span4 {
  width: 290px; }

input.span3, textarea.span3, .uneditable-input.span3 {
  width: 210px; }

input.span2, textarea.span2, .uneditable-input.span2 {
  width: 130px; }

input.span1, textarea.span1, .uneditable-input.span1 {
  width: 50px; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #eeeeee;
  border-color: #ddd;
  cursor: not-allowed; }

.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853; }

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
  border-color: #c09853; }

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: 0 0 6px #dbc59e;
  -moz-box-shadow: 0 0 6px #dbc59e;
  box-shadow: 0 0 6px #dbc59e; }

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853; }

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48; }

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
  border-color: #b94a48; }

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392; }

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48; }

.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847; }

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847; }

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
  -moz-box-shadow: 0 0 6px #7aba7b;
  box-shadow: 0 0 6px #7aba7b; }

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847; }

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b; }

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7; }

.form-actions {
  padding: 17px 20px 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: #eeeeee;
  border-top: 1px solid #dddddd;
  *zoom: 1; }

.form-actions:before,
.form-actions:after {
  display: table;
  content: ""; }

.form-actions:after {
  clear: both; }

.uneditable-input {
  display: block;
  background-color: #ffffff;
  border-color: #eee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed; }

:-moz-placeholder {
  color: #999999; }

::-webkit-input-placeholder {
  color: #999999; }

.help-block,
.help-inline {
  color: #555555; }

.help-block {
  display: block;
  margin-bottom: 9px; }

.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px; }

.input-prepend,
.input-append {
  margin-bottom: 5px; }

.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  *margin-left: 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
  position: relative;
  z-index: 2; }

.input-prepend .uneditable-input,
.input-append .uneditable-input {
  border-left-color: #ccc; }

.input-prepend .add-on,
.input-append .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 white;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #cccccc; }

.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.input-prepend .active,
.input-append .active {
  background-color: #a9dba9;
  border-color: #46a546; }

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px; }

.input-append input,
.input-append select .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.input-append .uneditable-input {
  border-left-color: #eee;
  border-right-color: #ccc; }

.input-append .add-on,
.input-append .btn {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px; }

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  margin-bottom: 0; }

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none; }

.form-search label,
.form-inline label {
  display: inline-block; }

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0; }

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle; }

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px; }

.control-group {
  margin-bottom: 9px; }

legend + .control-group {
  margin-top: 18px;
  -webkit-margin-top-collapse: separate; }

.form-horizontal .control-group {
  margin-bottom: 18px;
  *zoom: 1; }

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: ""; }

.form-horizontal .control-group:after {
  clear: both; }

.form-horizontal .control-label {
  float: left;
  width: 140px;
  padding-top: 5px;
  text-align: right; }

.form-horizontal .controls {
  margin-left: 160px;
  /* Super jank IE7 fix to ensure the inputs in .input-append and input-prepend don't inherit the margin of the parent, in this case .controls */
  *display: inline-block;
  *margin-left: 0;
  *padding-left: 20px; }

.form-horizontal .help-block {
  margin-top: 9px;
  margin-bottom: 0; }

.form-horizontal .form-actions {
  padding-left: 160px; }

table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent; }

.table {
  width: 100%;
  margin-bottom: 18px; }

.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd; }

.table th {
  font-weight: bold; }

.table thead th {
  vertical-align: bottom; }

.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0; }

.table tbody + tbody {
  border-top: 2px solid #dddddd; }

.table-condensed th,
.table-condensed td {
  padding: 4px 5px; }

.table-bordered {
  border: 1px solid #dddddd;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd; }

.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0; }

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0; }

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0; }

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px; }

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0; }

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9; }

.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #f5f5f5; }

table .span1 {
  float: none;
  width: 44px;
  margin-left: 0; }

table .span2 {
  float: none;
  width: 124px;
  margin-left: 0; }

table .span3 {
  float: none;
  width: 204px;
  margin-left: 0; }

table .span4 {
  float: none;
  width: 284px;
  margin-left: 0; }

table .span5 {
  float: none;
  width: 364px;
  margin-left: 0; }

table .span6 {
  float: none;
  width: 444px;
  margin-left: 0; }

table .span7 {
  float: none;
  width: 524px;
  margin-left: 0; }

table .span8 {
  float: none;
  width: 604px;
  margin-left: 0; }

table .span9 {
  float: none;
  width: 684px;
  margin-left: 0; }

table .span10 {
  float: none;
  width: 764px;
  margin-left: 0; }

table .span11 {
  float: none;
  width: 844px;
  margin-left: 0; }

table .span12 {
  float: none;
  width: 924px;
  margin-left: 0; }

table .span13 {
  float: none;
  width: 1004px;
  margin-left: 0; }

table .span14 {
  float: none;
  width: 1084px;
  margin-left: 0; }

table .span15 {
  float: none;
  width: 1164px;
  margin-left: 0; }

table .span16 {
  float: none;
  width: 1244px;
  margin-left: 0; }

table .span17 {
  float: none;
  width: 1324px;
  margin-left: 0; }

table .span18 {
  float: none;
  width: 1404px;
  margin-left: 0; }

table .span19 {
  float: none;
  width: 1484px;
  margin-left: 0; }

table .span20 {
  float: none;
  width: 1564px;
  margin-left: 0; }

table .span21 {
  float: none;
  width: 1644px;
  margin-left: 0; }

table .span22 {
  float: none;
  width: 1724px;
  margin-left: 0; }

table .span23 {
  float: none;
  width: 1804px;
  margin-left: 0; }

table .span24 {
  float: none;
  width: 1884px;
  margin-left: 0; }

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/assets/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  *margin-right: .3em; }

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0; }

.icon-white {
  background-image: url("/assets/glyphicons-halflings-white.png"); }

.icon-glass {
  background-position: 0 0; }

.icon-music {
  background-position: -24px 0; }

.icon-search {
  background-position: -48px 0; }

.icon-envelope {
  background-position: -72px 0; }

.icon-heart {
  background-position: -96px 0; }

.icon-star {
  background-position: -120px 0; }

.icon-star-empty {
  background-position: -144px 0; }

.icon-user {
  background-position: -168px 0; }

.icon-film {
  background-position: -192px 0; }

.icon-th-large {
  background-position: -216px 0; }

.icon-th {
  background-position: -240px 0; }

.icon-th-list {
  background-position: -264px 0; }

.icon-ok {
  background-position: -288px 0; }

.icon-remove {
  background-position: -312px 0; }

.icon-zoom-in {
  background-position: -336px 0; }

.icon-zoom-out {
  background-position: -360px 0; }

.icon-off {
  background-position: -384px 0; }

.icon-signal {
  background-position: -408px 0; }

.icon-cog {
  background-position: -432px 0; }

.icon-trash {
  background-position: -456px 0; }

.icon-home {
  background-position: 0 -24px; }

.icon-file {
  background-position: -24px -24px; }

.icon-time {
  background-position: -48px -24px; }

.icon-road {
  background-position: -72px -24px; }

.icon-download-alt {
  background-position: -96px -24px; }

.icon-download {
  background-position: -120px -24px; }

.icon-upload {
  background-position: -144px -24px; }

.icon-inbox {
  background-position: -168px -24px; }

.icon-play-circle {
  background-position: -192px -24px; }

.icon-repeat {
  background-position: -216px -24px; }

.icon-refresh {
  background-position: -240px -24px; }

.icon-list-alt {
  background-position: -264px -24px; }

.icon-lock {
  background-position: -287px -24px; }

.icon-flag {
  background-position: -312px -24px; }

.icon-headphones {
  background-position: -336px -24px; }

.icon-volume-off {
  background-position: -360px -24px; }

.icon-volume-down {
  background-position: -384px -24px; }

.icon-volume-up {
  background-position: -408px -24px; }

.icon-qrcode {
  background-position: -432px -24px; }

.icon-barcode {
  background-position: -456px -24px; }

.icon-tag {
  background-position: 0 -48px; }

.icon-tags {
  background-position: -25px -48px; }

.icon-book {
  background-position: -48px -48px; }

.icon-bookmark {
  background-position: -72px -48px; }

.icon-print {
  background-position: -96px -48px; }

.icon-camera {
  background-position: -120px -48px; }

.icon-font {
  background-position: -144px -48px; }

.icon-bold {
  background-position: -167px -48px; }

.icon-italic {
  background-position: -192px -48px; }

.icon-text-height {
  background-position: -216px -48px; }

.icon-text-width {
  background-position: -240px -48px; }

.icon-align-left {
  background-position: -264px -48px; }

.icon-align-center {
  background-position: -288px -48px; }

.icon-align-right {
  background-position: -312px -48px; }

.icon-align-justify {
  background-position: -336px -48px; }

.icon-list {
  background-position: -360px -48px; }

.icon-indent-left {
  background-position: -384px -48px; }

.icon-indent-right {
  background-position: -408px -48px; }

.icon-facetime-video {
  background-position: -432px -48px; }

.icon-picture {
  background-position: -456px -48px; }

.icon-pencil {
  background-position: 0 -72px; }

.icon-map-marker {
  background-position: -24px -72px; }

.icon-adjust {
  background-position: -48px -72px; }

.icon-tint {
  background-position: -72px -72px; }

.icon-edit {
  background-position: -96px -72px; }

.icon-share {
  background-position: -120px -72px; }

.icon-check {
  background-position: -144px -72px; }

.icon-move {
  background-position: -168px -72px; }

.icon-step-backward {
  background-position: -192px -72px; }

.icon-fast-backward {
  background-position: -216px -72px; }

.icon-backward {
  background-position: -240px -72px; }

.icon-play {
  background-position: -264px -72px; }

.icon-pause {
  background-position: -288px -72px; }

.icon-stop {
  background-position: -312px -72px; }

.icon-forward {
  background-position: -336px -72px; }

.icon-fast-forward {
  background-position: -360px -72px; }

.icon-step-forward {
  background-position: -384px -72px; }

.icon-eject {
  background-position: -408px -72px; }

.icon-chevron-left {
  background-position: -432px -72px; }

.icon-chevron-right {
  background-position: -456px -72px; }

.icon-plus-sign {
  background-position: 0 -96px; }

.icon-minus-sign {
  background-position: -24px -96px; }

.icon-remove-sign {
  background-position: -48px -96px; }

.icon-ok-sign {
  background-position: -72px -96px; }

.icon-question-sign {
  background-position: -96px -96px; }

.icon-info-sign {
  background-position: -120px -96px; }

.icon-screenshot {
  background-position: -144px -96px; }

.icon-remove-circle {
  background-position: -168px -96px; }

.icon-ok-circle {
  background-position: -192px -96px; }

.icon-ban-circle {
  background-position: -216px -96px; }

.icon-arrow-left {
  background-position: -240px -96px; }

.icon-arrow-right {
  background-position: -264px -96px; }

.icon-arrow-up {
  background-position: -289px -96px; }

.icon-arrow-down {
  background-position: -312px -96px; }

.icon-share-alt {
  background-position: -336px -96px; }

.icon-resize-full {
  background-position: -360px -96px; }

.icon-resize-small {
  background-position: -384px -96px; }

.icon-plus {
  background-position: -408px -96px; }

.icon-minus {
  background-position: -433px -96px; }

.icon-asterisk {
  background-position: -456px -96px; }

.icon-exclamation-sign {
  background-position: 0 -120px; }

.icon-gift {
  background-position: -24px -120px; }

.icon-leaf {
  background-position: -48px -120px; }

.icon-fire {
  background-position: -72px -120px; }

.icon-eye-open {
  background-position: -96px -120px; }

.icon-eye-close {
  background-position: -120px -120px; }

.icon-warning-sign {
  background-position: -144px -120px; }

.icon-plane {
  background-position: -168px -120px; }

.icon-calendar {
  background-position: -192px -120px; }

.icon-random {
  background-position: -216px -120px; }

.icon-comment {
  background-position: -240px -120px; }

.icon-magnet {
  background-position: -264px -120px; }

.icon-chevron-up {
  background-position: -288px -120px; }

.icon-chevron-down {
  background-position: -313px -119px; }

.icon-retweet {
  background-position: -336px -120px; }

.icon-shopping-cart {
  background-position: -360px -120px; }

.icon-folder-close {
  background-position: -384px -120px; }

.icon-folder-open {
  background-position: -408px -120px; }

.icon-resize-vertical {
  background-position: -432px -119px; }

.icon-resize-horizontal {
  background-position: -456px -118px; }

.dropdown {
  position: relative; }

.dropdown-toggle {
  *margin-bottom: -3px; }

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid black;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: ""; }

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px; }

.dropdown:hover .caret,
.open.dropdown .caret {
  opacity: 1;
  filter: alpha(opacity=100); }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  padding: 4px 0;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px; }

.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.dropdown-menu .divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid white;
  *width: 100%;
  *margin: -5px 0 5px; }

.dropdown-menu a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc; }

.dropdown.open {
  *z-index: 1000; }

.dropdown.open .dropdown-toggle {
  color: #ffffff;
  background: #ccc;
  background: rgba(0, 0, 0, 0.3); }

.dropdown.open .dropdown-menu {
  display: block; }

.pull-right .dropdown-menu {
  left: auto;
  right: 0; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid black;
  content: "\2191"; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

.typeahead {
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15); }

.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0; }

.fade.in {
  opacity: 1; }

.collapse {
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  position: relative;
  overflow: hidden;
  height: 0; }

.collapse.in {
  height: auto; }

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
  filter: alpha(opacity=20); }

.close:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer; }

.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-image: -ms-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(top, white, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  *margin-left: .3em; }

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6; }

.btn:active,
.btn.active {
  background-color: #cccccc \9; }

.btn:first-child {
  *margin-left: 0; }

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear; }

.btn:focus {
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn.active,
.btn:active {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  outline: 0; }

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  background-color: #e6e6e6;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.btn-large [class^="icon-"] {
  margin-top: 1px; }

.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px; }

.btn-small [class^="icon-"] {
  margin-top: -1px; }

.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px; }

.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff; }

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75); }

.btn-primary {
  background-color: #0074cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0055cc; }

.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9; }

.btn-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406; }

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9; }

.btn-danger {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f; }

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9; }

.btn-success {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351; }

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9; }

.btn-info {
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4; }

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9; }

.btn-inverse {
  background-color: #414141;
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  border-color: #222222 #222222 black;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222; }

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9; }

button.btn,
input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px; }

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0; }

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px; }

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px; }

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px; }

.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em; }

.btn-group:before,
.btn-group:after {
  display: table;
  content: ""; }

.btn-group:after {
  clear: both; }

.btn-group:first-child {
  *margin-left: 0; }

.btn-group + .btn-group {
  margin-left: 5px; }

.btn-toolbar {
  margin-top: 9px;
  margin-bottom: 9px; }

.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1; }

.btn-group .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.btn-group .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px; }

.btn-group .btn:last-child,
.btn-group .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px; }

.btn-group .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px; }

.btn-group .btn.large:last-child,
.btn-group .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px; }

.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active,
.btn-group .btn.active {
  z-index: 2; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  *padding-top: 3px;
  *padding-bottom: 3px; }

.btn-group .btn-mini.dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 1px;
  *padding-bottom: 1px; }

.btn-group .btn-small.dropdown-toggle {
  *padding-top: 4px;
  *padding-bottom: 4px; }

.btn-group .btn-large.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open {
  *z-index: 1000; }

.btn-group.open .dropdown-menu {
  display: block;
  margin-top: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.btn .caret {
  margin-top: 7px;
  margin-left: 0; }

.btn:hover .caret,
.open.btn-group .caret {
  opacity: 1;
  filter: alpha(opacity=100); }

.btn-mini .caret {
  margin-top: 5px; }

.btn-small .caret {
  margin-top: 6px; }

.btn-large .caret {
  margin-top: 6px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black; }

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 0.75;
  filter: alpha(opacity=75); }

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853; }

.alert-heading {
  color: inherit; }

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847; }

.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad; }

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px; }

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0; }

.alert-block p + p {
  margin-top: 5px; }

.nav {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none; }

.nav > li > a {
  display: block; }

.nav > li > a:hover {
  text-decoration: none;
  background-color: #eeeeee; }

.nav .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase; }

.nav li + .nav-header {
  margin-top: 9px; }

.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0; }

.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.nav-list > li > a {
  padding: 3px 15px; }

.nav-list > .active > a,
.nav-list > .active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc; }

.nav-list [class^="icon-"] {
  margin-right: 2px; }

.nav-list .divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid white;
  *width: 100%;
  *margin: -5px 0 5px; }

.nav-tabs,
.nav-pills {
  *zoom: 1; }

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: ""; }

.nav-tabs:after,
.nav-pills:after {
  clear: both; }

.nav-tabs > li,
.nav-pills > li {
  float: left; }

.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px; }

.nav-tabs {
  border-bottom: 1px solid #dddddd; }

.nav-tabs > li {
  margin-bottom: -1px; }

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 18px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd; }

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default; }

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: #ffffff;
  background-color: #0088cc; }

.nav-stacked > li {
  float: none; }

.nav-stacked > li > a {
  margin-right: 0; }

.nav-tabs.nav-stacked {
  border-bottom: 0; }

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #dddddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

.nav-tabs.nav-stacked > li > a:hover {
  border-color: #ddd;
  z-index: 2; }

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px; }

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px; }

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu {
  margin-top: 1px;
  border-width: 1px; }

.nav-pills .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px; }

.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #005580;
  border-bottom-color: #005580; }

.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
  border-top-color: #333333;
  border-bottom-color: #333333; }

.nav > .dropdown.active > a:hover {
  color: #000000;
  cursor: pointer; }

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > .open.active > a:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999; }

.nav .open .caret,
.nav .open.active .caret,
.nav .open a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100); }

.tabs-stacked .open > a:hover {
  border-color: #999999; }

.tabbable {
  *zoom: 1; }

.tabbable:before,
.tabbable:after {
  display: table;
  content: ""; }

.tabbable:after {
  clear: both; }

.tab-content {
  display: table;
  width: 100%; }

.tabs-below .nav-tabs,
.tabs-right .nav-tabs,
.tabs-left .nav-tabs {
  border-bottom: 0; }

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none; }

.tab-content > .active,
.pill-content > .active {
  display: block; }

.tabs-below .nav-tabs {
  border-top: 1px solid #dddddd; }

.tabs-below .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0; }

.tabs-below .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

.tabs-below .nav-tabs > li > a:hover {
  border-bottom-color: transparent;
  border-top-color: #ddd; }

.tabs-below .nav-tabs .active > a,
.tabs-below .nav-tabs .active > a:hover {
  border-color: transparent #dddddd #dddddd #dddddd; }

.tabs-left .nav-tabs > li,
.tabs-right .nav-tabs > li {
  float: none; }

.tabs-left .nav-tabs > li > a,
.tabs-right .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px; }

.tabs-left .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #dddddd; }

.tabs-left .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; }

.tabs-left .nav-tabs > li > a:hover {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee; }

.tabs-left .nav-tabs .active > a,
.tabs-left .nav-tabs .active > a:hover {
  border-color: #dddddd transparent #dddddd #dddddd;
  *border-right-color: #ffffff; }

.tabs-right .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #dddddd; }

.tabs-right .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.tabs-right .nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd; }

.tabs-right .nav-tabs .active > a,
.tabs-right .nav-tabs .active > a:hover {
  border-color: #dddddd #dddddd #dddddd transparent;
  *border-left-color: #ffffff; }

.navbar {
  *position: relative;
  *z-index: 2;
  overflow: visible;
  margin-bottom: 18px; }

.navbar-inner {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); }

.navbar .container {
  width: auto; }

.btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  border-color: #222222 #222222 black;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); }

.btn-navbar:hover,
.btn-navbar:active,
.btn-navbar.active,
.btn-navbar.disabled,
.btn-navbar[disabled] {
  background-color: #222222; }

.btn-navbar:active,
.btn-navbar.active {
  background-color: #080808 \9; }

.btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px; }

.nav-collapse.collapse {
  height: auto; }

.navbar {
  color: #999999; }

.navbar .brand:hover {
  text-decoration: none; }

.navbar .brand {
  float: left;
  display: block;
  padding: 8px 20px 12px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  color: #ffffff; }

.navbar .navbar-text {
  margin-bottom: 0;
  line-height: 40px; }

.navbar .btn,
.navbar .btn-group {
  margin-top: 5px; }

.navbar .btn-group .btn {
  margin-top: 0; }

.navbar-form {
  margin-bottom: 0;
  *zoom: 1; }

.navbar-form:before,
.navbar-form:after {
  display: table;
  content: ""; }

.navbar-form:after {
  clear: both; }

.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px; }

.navbar-form input,
.navbar-form select {
  display: inline-block;
  margin-bottom: 0; }

.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px; }

.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 6px;
  white-space: nowrap; }

.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0; }

.navbar-search {
  position: relative;
  float: left;
  margin-top: 6px;
  margin-bottom: 0; }

.navbar-search .search-query {
  padding: 4px 9px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #ffffff;
  background-color: #626262;
  border: 1px solid #151515;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

.navbar-search .search-query:-moz-placeholder {
  color: #cccccc; }

.navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc; }

.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
  padding: 5px 10px;
  color: #333333;
  text-shadow: 0 1px 0 white;
  background-color: #ffffff;
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  outline: 0; }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0; }

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px; }

.navbar-fixed-top {
  top: 0; }

.navbar-fixed-bottom {
  bottom: 0; }

.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0; }

.navbar .nav.pull-right {
  float: right; }

.navbar .nav > li {
  display: block;
  float: left; }

.navbar .nav > li > a {
  float: none;
  padding: 10px 10px 11px;
  line-height: 19px;
  color: #999999;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.navbar .nav > li > a:hover {
  background-color: transparent;
  color: #ffffff;
  text-decoration: none; }

.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #222222; }

.navbar .divider-vertical {
  height: 40px;
  width: 1px;
  margin: 0 9px;
  overflow: hidden;
  background-color: #222222;
  border-right: 1px solid #333333; }

.navbar .nav.pull-right {
  margin-left: 10px;
  margin-right: 0; }

.navbar .dropdown-menu {
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.navbar .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px; }

.navbar .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 10px; }

.navbar-fixed-bottom .dropdown-menu:before {
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto; }

.navbar-fixed-bottom .dropdown-menu:after {
  border-top: 6px solid white;
  border-bottom: 0;
  bottom: -6px;
  top: auto; }

.navbar .nav .dropdown-toggle .caret,
.navbar .nav .open.dropdown .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff; }

.navbar .nav .active .caret {
  opacity: 1;
  filter: alpha(opacity=100); }

.navbar .nav .open > .dropdown-toggle,
.navbar .nav .active > .dropdown-toggle,
.navbar .nav .open.active > .dropdown-toggle {
  background-color: transparent; }

.navbar .nav .active > .dropdown-toggle:hover {
  color: #ffffff; }

.navbar .nav.pull-right .dropdown-menu,
.navbar .nav .dropdown-menu.pull-right {
  left: auto;
  right: 0; }

.navbar .nav.pull-right .dropdown-menu:before,
.navbar .nav .dropdown-menu.pull-right:before {
  left: auto;
  right: 12px; }

.navbar .nav.pull-right .dropdown-menu:after,
.navbar .nav .dropdown-menu.pull-right:after {
  left: auto;
  right: 13px; }

.breadcrumb {
  padding: 7px 14px;
  margin: 0 0 18px;
  list-style: none;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, white, whitesmoke);
  background-image: -ms-linear-gradient(top, white, whitesmoke);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(whitesmoke));
  background-image: -webkit-linear-gradient(top, white, whitesmoke);
  background-image: -o-linear-gradient(top, white, whitesmoke);
  background-image: linear-gradient(top, white, whitesmoke);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 0 white;
  box-shadow: inset 0 1px 0 white; }

.breadcrumb li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  text-shadow: 0 1px 0 white; }

.breadcrumb .divider {
  padding: 0 5px;
  color: #999999; }

.breadcrumb .active a {
  color: #333333; }

.pagination {
  height: 36px;
  margin: 18px 0; }

.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

.pagination li {
  display: inline; }

.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #dddddd;
  border-left-width: 0; }

.pagination a:hover,
.pagination .active a {
  background-color: #f5f5f5; }

.pagination .active a {
  color: #999999;
  cursor: default; }

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default; }

.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.pagination-centered {
  text-align: center; }

.pagination-right {
  text-align: right; }

.pager {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
  *zoom: 1; }

.pager:before,
.pager:after {
  display: table;
  content: ""; }

.pager:after {
  clear: both; }

.pager li {
  display: inline; }

.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #dddddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; }

.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5; }

.pager .next a {
  float: right; }

.pager .previous a {
  float: left; }

.pager .disabled a,
.pager .disabled a:hover {
  color: #999999;
  background-color: #fff;
  cursor: default; }

.modal-open .dropdown-menu {
  z-index: 2050; }

.modal-open .dropdown.open {
  *z-index: 2050; }

.modal-open .popover {
  z-index: 2060; }

.modal-open .tooltip {
  z-index: 2070; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000; }

.modal-backdrop.fade {
  opacity: 0; }

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999999;
  /* IE6-7 */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

.modal.fade {
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -ms-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
  top: -25%;
  /* top: -100px; */ }

.modal.fade.in {
  top: 50%;
  /* top: 20px; */ }

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eeeeee; }

.modal-header .close {
  margin-top: 2px; }

.modal-body {
  overflow-y: auto;
  max-height: 400px;
  padding: 15px; }

.modal-form {
  margin-bottom: 0; }

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 0 white;
  box-shadow: inset 0 1px 0 white;
  *zoom: 1; }

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: ""; }

.modal-footer:after {
  clear: both; }

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0); }

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.tooltip.top {
  margin-top: -2px; }

.tooltip.right {
  margin-left: 2px; }

.tooltip.bottom {
  margin-top: 2px; }

.tooltip.left {
  margin-left: -2px; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid black; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid black; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 5px; }

.popover.top {
  margin-top: -5px; }

.popover.right {
  margin-left: 5px; }

.popover.bottom {
  margin-top: 5px; }

.popover.left {
  margin-left: -5px; }

.popover.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black; }

.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid black; }

.popover.bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black; }

.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid black; }

.popover .arrow {
  position: absolute;
  width: 0;
  height: 0; }

.popover-inner {
  padding: 3px;
  width: 280px;
  overflow: hidden;
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }

.popover-title {
  padding: 9px 15px;
  line-height: 1;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eeeeee;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.popover-content {
  padding: 14px;
  background-color: #ffffff;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0; }

.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1; }

.thumbnails:before,
.thumbnails:after {
  display: table;
  content: ""; }

.thumbnails:after {
  clear: both; }

.thumbnails > li {
  float: left;
  margin: 0 0 18px 20px; }

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 1;
  border: 1px solid #dddddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); }

a.thumbnail:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); }

.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

.thumbnail .caption {
  padding: 9px; }

.label {
  padding: 1px 4px 2px;
  font-size: 10.998px;
  font-weight: bold;
  line-height: 13px;
  color: #ffffff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.label:hover {
  color: #ffffff;
  text-decoration: none; }

.label-important {
  background-color: #b94a48; }

.label-important:hover {
  background-color: #953b39; }

.label-warning {
  background-color: #f89406; }

.label-warning:hover {
  background-color: #c67605; }

.label-success {
  background-color: #468847; }

.label-success:hover {
  background-color: #356635; }

.label-info {
  background-color: #3a87ad; }

.label-info:hover {
  background-color: #2d6987; }

.label-inverse {
  background-color: #333333; }

.label-inverse:hover {
  background-color: #1a1a1a; }

.badge {
  padding: 1px 9px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px; }

.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer; }

.badge-error {
  background-color: #b94a48; }

.badge-error:hover {
  background-color: #953b39; }

.badge-warning {
  background-color: #f89406; }

.badge-warning:hover {
  background-color: #c67605; }

.badge-success {
  background-color: #468847; }

.badge-success:hover {
  background-color: #356635; }

.badge-info {
  background-color: #3a87ad; }

.badge-info:hover {
  background-color: #2d6987; }

.badge-inverse {
  background-color: #333333; }

.badge-inverse:hover {
  background-color: #1a1a1a; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }

  to {
    background-position: 40px 0; } }

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }

  to {
    background-position: 40px 0; } }

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }

  to {
    background-position: 40px 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }

  to {
    background-position: 40px 0; } }

.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: -ms-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: -o-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: linear-gradient(top, whitesmoke, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.progress .bar {
  width: 0%;
  height: 18px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px; }

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-danger .bar {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); }

.progress-danger.progress-striped .bar {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-success .bar {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); }

.progress-success.progress-striped .bar {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-info .bar {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); }

.progress-info.progress-striped .bar {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-warning .bar {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); }

.progress-warning.progress-striped .bar {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.accordion {
  margin-bottom: 18px; }

.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.accordion-heading {
  border-bottom: 0; }

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px; }

.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5; }

.carousel {
  position: relative;
  margin-bottom: 18px;
  line-height: 1; }

.carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative; }

.carousel .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -ms-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left; }

.carousel .item > img {
  display: block;
  line-height: 1; }

.carousel .active,
.carousel .next,
.carousel .prev {
  display: block; }

.carousel .active {
  left: 0; }

.carousel .next,
.carousel .prev {
  position: absolute;
  top: 0;
  width: 100%; }

.carousel .next {
  left: 100%; }

.carousel .prev {
  left: -100%; }

.carousel .next.left,
.carousel .prev.right {
  left: 0; }

.carousel .active.left {
  left: -100%; }

.carousel .active.right {
  left: 100%; }

.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid white;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50); }

.carousel-control.right {
  left: auto;
  right: 15px; }

.carousel-control:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 15px 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75); }

.carousel-caption h4,
.carousel-caption p {
  color: #ffffff; }

.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  color: inherit;
  letter-spacing: -1px; }

.hero-unit p {
  font-size: 18px;
  font-weight: 200;
  line-height: 27px;
  color: inherit; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.hide {
  display: none; }

.show {
  display: block; }

.invisible {
  visibility: hidden; }

/*
 * Bootstrap Responsive v2.0.2
 * TTMIE Edition - iPad portrait more like desktop
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: ""; }

.clearfix:after {
  clear: both; }

.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  /* Make inputs at least the height of their button counterpart */
  /* Makes inputs behave like true block-level elements */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.hidden {
  display: none;
  visibility: hidden; }

.visible-phone {
  display: none; }

.visible-tablet {
  display: none; }

.visible-desktop {
  display: block; }

.hidden-phone {
  display: block; }

.hidden-tablet {
  display: block; }

.hidden-desktop {
  display: none; }

@media (max-width: 767px) {
  .visible-phone {
    display: block; }

  .hidden-phone {
    display: none; }

  .hidden-desktop {
    display: block; }

  .visible-desktop {
    display: none; } }
@media (min-width: 768px) and (max-width: 979px) {
  .visible-tablet {
    display: block; }

  .hidden-tablet {
    display: none; }

  .hidden-desktop {
    display: block; }

  .visible-desktop {
    display: none; } }
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0); }

  .page-header h1 small {
    display: block;
    line-height: 18px; }

  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #cccccc; }

  .form-horizontal .control-group > label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left; }

  .form-horizontal .controls {
    margin-left: 0; }

  .form-horizontal .control-list {
    padding-top: 0; }

  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px; }

  .modal {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0; }

  .modal.fade.in {
    top: auto;
    /* top: 20px; */ }

  .modal-header .close {
    padding: 10px;
    margin: -10px; }

  .carousel-caption {
    position: static; } }
@media (max-width: 767px) {
  body {
    padding-left: 20px;
    padding-right: 20px; }

  .navbar-fixed-top {
    margin-left: -20px;
    margin-right: -20px; }

  .container {
    width: auto; }

  .row-fluid {
    width: 100%; }

  .row {
    margin-left: 0; }

  .row > [class*="span"],
  .row-fluid > [class*="span"] {
    float: none;
    display: block;
    width: auto;
    margin: 0; }

  .thumbnails [class*="span"] {
    width: auto; }

  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 28px;
    /* Make inputs at least the height of their button counterpart */
    /* Makes inputs behave like true block-level elements */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    width: auto; }

  /* JC for iPhone small screen */
  .modal.fade.in {
    top: 20%; } }
/* formerly lower and @media (min-width: 980px) { */
@media (min-width: 768px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important; } }
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1; }

  .row:before,
  .row:after {
    display: table;
    content: ""; }

  .row:after {
    clear: both; }

  [class*="span"] {
    float: left;
    margin-left: 20px; }

  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px; }

  .span12 {
    width: 724px; }

  .span11 {
    width: 662px; }

  .span10 {
    width: 600px; }

  .span9 {
    width: 538px; }

  .span8 {
    width: 476px; }

  .span7 {
    width: 414px; }

  .span6 {
    width: 352px; }

  .span5 {
    width: 290px; }

  .span4 {
    width: 228px; }

  .span3 {
    width: 166px; }

  .span2 {
    width: 104px; }

  .span1 {
    width: 42px; }

  .offset12 {
    margin-left: 764px; }

  .offset11 {
    margin-left: 702px; }

  .offset10 {
    margin-left: 640px; }

  .offset9 {
    margin-left: 578px; }

  .offset8 {
    margin-left: 516px; }

  .offset7 {
    margin-left: 454px; }

  .offset6 {
    margin-left: 392px; }

  .offset5 {
    margin-left: 330px; }

  .offset4 {
    margin-left: 268px; }

  .offset3 {
    margin-left: 206px; }

  .offset2 {
    margin-left: 144px; }

  .offset1 {
    margin-left: 82px; }

  .row-fluid {
    width: 100%;
    *zoom: 1; }

  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: ""; }

  .row-fluid:after {
    clear: both; }

  .row-fluid > [class*="span"] {
    float: left;
    margin-left: 2.762430939%; }

  .row-fluid > [class*="span"]:first-child {
    margin-left: 0; }

  .row-fluid > .span12 {
    width: 99.999999993%; }

  .row-fluid > .span11 {
    width: 91.436464082%; }

  .row-fluid > .span10 {
    width: 82.87292817100001%; }

  .row-fluid > .span9 {
    width: 74.30939226%; }

  .row-fluid > .span8 {
    width: 65.74585634900001%; }

  .row-fluid > .span7 {
    width: 57.182320438000005%; }

  .row-fluid > .span6 {
    width: 48.618784527%; }

  .row-fluid > .span5 {
    width: 40.055248616%; }

  .row-fluid > .span4 {
    width: 31.491712705%; }

  .row-fluid > .span3 {
    width: 22.928176794%; }

  .row-fluid > .span2 {
    width: 14.364640883%; }

  .row-fluid > .span1 {
    width: 5.801104972%; }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0; }

  input.span12, textarea.span12, .uneditable-input.span12 {
    width: 714px; }

  input.span11, textarea.span11, .uneditable-input.span11 {
    width: 652px; }

  input.span10, textarea.span10, .uneditable-input.span10 {
    width: 590px; }

  input.span9, textarea.span9, .uneditable-input.span9 {
    width: 528px; }

  input.span8, textarea.span8, .uneditable-input.span8 {
    width: 466px; }

  input.span7, textarea.span7, .uneditable-input.span7 {
    width: 404px; }

  input.span6, textarea.span6, .uneditable-input.span6 {
    width: 342px; }

  input.span5, textarea.span5, .uneditable-input.span5 {
    width: 280px; }

  input.span4, textarea.span4, .uneditable-input.span4 {
    width: 218px; }

  input.span3, textarea.span3, .uneditable-input.span3 {
    width: 156px; }

  input.span2, textarea.span2, .uneditable-input.span2 {
    width: 94px; }

  input.span1, textarea.span1, .uneditable-input.span1 {
    width: 32px; } }
/* Switched away from @media (max-width: 979px) { */
@media (max-width: 767px) {
  body {
    padding-top: 0; }

  .navbar-fixed-top {
    position: static;
    margin-bottom: 18px; }

  .navbar-fixed-top .navbar-inner {
    padding: 5px; }

  .navbar .container {
    width: auto;
    padding: 0; }

  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px; }

  .navbar .nav-collapse {
    clear: left; }

  .navbar .nav {
    float: none;
    margin: 0 0 9px; }

  .navbar .nav > li {
    clear: both;
    float: none; }

  .navbar .nav > li > a {
    margin-bottom: 2px; }

  .navbar .nav > .divider-vertical {
    display: none; }

  .navbar .nav .nav-header {
    color: #999999;
    text-shadow: none; }

  .dropdown-menu li {
    float: left; }

  .navbar .nav > li > a,
  .navbar .dropdown-menu a {
    padding: 6px 15px;
    font-weight: bold;
    color: #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }

  .navbar .dropdown-menu li + li a {
    margin-bottom: 2px; }

  .navbar .nav > li > a:hover,
  .navbar .dropdown-menu a:hover {
    background-color: #222222; }

  .navbar .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: block;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

  .navbar .dropdown-menu:before,
  .navbar .dropdown-menu:after {
    display: none; }

  .navbar .dropdown-menu .divider {
    display: none; }

  .navbar-form,
  .navbar-search {
    float: none;
    padding: 9px 15px;
    margin: 9px 0;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }

  .navbar .nav.pull-right {
    float: none;
    margin-left: 0; }

  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px; }

  .btn-navbar {
    display: block; }

  .nav-collapse {
    overflow: hidden;
    height: 0; } }
@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1; }

  .row:before,
  .row:after {
    display: table;
    content: ""; }

  .row:after {
    clear: both; }

  [class*="span"] {
    float: left;
    margin-left: 30px; }

  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px; }

  .span12 {
    width: 1170px; }

  .span11 {
    width: 1070px; }

  .span10 {
    width: 970px; }

  .span9 {
    width: 870px; }

  .span8 {
    width: 770px; }

  .span7 {
    width: 670px; }

  .span6 {
    width: 570px; }

  .span5 {
    width: 470px; }

  .span4 {
    width: 370px; }

  .span3 {
    width: 270px; }

  .span2 {
    width: 170px; }

  .span1 {
    width: 70px; }

  .offset12 {
    margin-left: 1230px; }

  .offset11 {
    margin-left: 1130px; }

  .offset10 {
    margin-left: 1030px; }

  .offset9 {
    margin-left: 930px; }

  .offset8 {
    margin-left: 830px; }

  .offset7 {
    margin-left: 730px; }

  .offset6 {
    margin-left: 630px; }

  .offset5 {
    margin-left: 530px; }

  .offset4 {
    margin-left: 430px; }

  .offset3 {
    margin-left: 330px; }

  .offset2 {
    margin-left: 230px; }

  .offset1 {
    margin-left: 130px; }

  .row-fluid {
    width: 100%;
    *zoom: 1; }

  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: ""; }

  .row-fluid:after {
    clear: both; }

  .row-fluid > [class*="span"] {
    float: left;
    margin-left: 2.564102564%; }

  .row-fluid > [class*="span"]:first-child {
    margin-left: 0; }

  .row-fluid > .span12 {
    width: 100%; }

  .row-fluid > .span11 {
    width: 91.45299145300001%; }

  .row-fluid > .span10 {
    width: 82.905982906%; }

  .row-fluid > .span9 {
    width: 74.358974359%; }

  .row-fluid > .span8 {
    width: 65.81196581200001%; }

  .row-fluid > .span7 {
    width: 57.264957265%; }

  .row-fluid > .span6 {
    width: 48.717948718%; }

  .row-fluid > .span5 {
    width: 40.170940171000005%; }

  .row-fluid > .span4 {
    width: 31.623931624%; }

  .row-fluid > .span3 {
    width: 23.076923077%; }

  .row-fluid > .span2 {
    width: 14.529914530000001%; }

  .row-fluid > .span1 {
    width: 5.982905983%; }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0; }

  input.span12, textarea.span12, .uneditable-input.span12 {
    width: 1160px; }

  input.span11, textarea.span11, .uneditable-input.span11 {
    width: 1060px; }

  input.span10, textarea.span10, .uneditable-input.span10 {
    width: 960px; }

  input.span9, textarea.span9, .uneditable-input.span9 {
    width: 860px; }

  input.span8, textarea.span8, .uneditable-input.span8 {
    width: 760px; }

  input.span7, textarea.span7, .uneditable-input.span7 {
    width: 660px; }

  input.span6, textarea.span6, .uneditable-input.span6 {
    width: 560px; }

  input.span5, textarea.span5, .uneditable-input.span5 {
    width: 460px; }

  input.span4, textarea.span4, .uneditable-input.span4 {
    width: 360px; }

  input.span3, textarea.span3, .uneditable-input.span3 {
    width: 260px; }

  input.span2, textarea.span2, .uneditable-input.span2 {
    width: 160px; }

  input.span1, textarea.span1, .uneditable-input.span1 {
    width: 60px; }

  .thumbnails {
    margin-left: -30px; }

  .thumbnails > li {
    margin-left: 30px; } }

/* jQuery UI - v1.9.1 - 2012-11-07
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.datepicker.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px);
  clip: rect(1px, 1px, 1px, 1px); }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  zoom: 1; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-state-disabled {
  cursor: default !important; }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  cursor: default; }

* html .ui-autocomplete {
  width: 1px; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em; }

.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker-cover {
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px; }

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%; }

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  zoom: 1;
  font-weight: normal; }

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px; }

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5; }

.ui-menu .ui-state-disabled a {
  cursor: default; }

.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em; }

.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em; }

.ui-menu .ui-menu-icon {
  position: static;
  float: right; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

* html .ui-tooltip {
  background-image: none; }

body .ui-tooltip {
  border-width: 2px; }

.ui-widget {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #ddd;
  background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
  color: #333; }

.ui-widget-content a {
  color: #333; }

.ui-widget-header {
  border: 1px solid #7CDDB5;
  background: #7cddb5 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
  color: #fff;
  font-weight: bold; }

.ui-widget-header a {
  color: #fff; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #c77405;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: white url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
  color: #fff; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #fff; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #fff; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); }

.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(images/ui-icons_222222_256x240.png); }

.ui-widget-content .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_ffffff_256x240.png); }

.ui-state-default .ui-icon {
  background-image: url(images/ui-icons_ef8c08_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(images/ui-icons_ef8c08_256x240.png); }

.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_ef8c08_256x240.png); }

.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_228ef1_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_ffd27a_256x240.png); }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-widget-overlay {
  background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50); }

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: black url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.borderRadius {
  -moz-border-radius: 5px;
  border-radius: 5px; }

.borderRadiusTp {
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

.borderRadiusBtm {
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }

.ddcommon {
  position: relative;
  display: -moz-inline-stack;
  zoom: 1;
  display: inline-block;
  *display: inline;
  cursor: default; }

.ddcommon ul {
  padding: 0;
  margin: 0; }

.ddcommon ul li {
  list-style-type: none; }

.borderRadiusTp ul li:last-child {
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  border-bottom: 0 none #c3c3c3; }

.borderRadiusBtm ul li:first-child {
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border-bottom: 1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll {
  opacity: .5;
  /* standard: ff gt 1.5, opera, safari */
  -ms-filter: "alpha(opacity=50)";
  /* ie 8 */
  filter: alpha(opacity=50);
  /* ie lt 7 */
  -khtml-opacity: .5;
  /* safari 1.x */
  -moz-opacity: .5;
  /* ff lt 1.5, netscape */
  color: #999999; }

.ddcommon .clear {
  clear: both; }

.ddcommon .shadow {
  -moz-box-shadow: 5px 5px 5px -5px #888888;
  -webkit-box-shadow: 5px 5px 5px -5px #888888;
  box-shadow: 5px 5px 5px -5px #888888; }

.ddcommon input.text {
  color: #7e7e7e;
  padding: 0 0 0 0;
  position: absolute;
  background: #fff;
  display: block;
  width: 98%;
  height: 98%;
  left: 2px;
  top: 0;
  border: none; }

.ddOutOfVision {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.borderRadius .shadow {
  -moz-box-shadow: 5px 5px 5px -5px #888888;
  -webkit-box-shadow: 5px 5px 5px -5px #888888;
  box-shadow: 5px 5px 5px -5px #888888; }

.borderRadiusBtm .shadow {
  -moz-box-shadow: -5px -5px 5px -5px #888888;
  -webkit-box-shadow: -5px -5px 5px -5px #888888;
  box-shadow: -5px -5px 5px -5px #888888; }

.borderRadiusTp .border, .borderRadius .border {
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }

.borderRadiusBtm .border {
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

img.fnone {
  float: none !important; }

.ddcommon .divider {
  width: 0;
  height: 100%;
  position: absolute; }

.ddcommon .arrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 4px; }

.ddcommon .arrow:hover {
  background-position: 0 100%; }

.ddcommon .ddTitle {
  padding: 0;
  position: relative;
  display: inline-block;
  width: 100%; }

.ddcommon .ddTitle .ddTitleText {
  display: block; }

.ddcommon .ddTitle .ddTitleText .ddTitleText {
  padding: 0; }

.ddcommon .ddTitle .description {
  display: block; }

.ddcommon .ddTitle .ddTitleText img {
  position: relative;
  vertical-align: middle;
  float: left; }

.ddcommon .ddChild {
  position: absolute;
  display: none;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  zoom: 1;
  z-index: 9999; }

.ddcommon .ddChild li {
  clear: both; }

.ddcommon .ddChild li .description {
  display: block; }

.ddcommon .ddChild li img {
  border: 0 none;
  position: relative;
  vertical-align: middle;
  float: left; }

.ddcommon .ddChild li.optgroup {
  padding: 0; }

.ddcommon .ddChild li.optgroup .optgroupTitle {
  padding: 0 5px;
  font-weight: bold;
  font-style: italic; }

.ddcommon .ddChild li.optgroup ul li {
  padding: 5px 5px 5px 15px; }

.ddcommon .noBorderTop {
  border-top: none 0 !important;
  padding: 0;
  margin: 0; }

/*************** default theme **********************/
.dd {
  border: 1px solid #c3c3c3; }

.dd .divider {
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid white;
  right: 24px; }

.dd .arrow {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(/msdropdown/images/msdropdown/skin1/dd_arrow.gif) no-repeat; }

.dd .arrow:hover {
  background-position: 0 100%; }

.dd .ddTitle {
  color: #000;
  background: #e2e2e4 url(/msdropdown/images/msdropdown/skin1/title-bg.gif) repeat-x left top; }

.dd .ddTitle .ddTitleText {
  padding: 5px 20px 5px 5px; }

.dd .ddTitle .ddTitleText .ddTitleText {
  padding: 0; }

.dd .ddTitle .description {
  font-size: 12px;
  color: #666; }

.dd .ddTitle .ddTitleText img {
  padding-right: 5px; }

.dd .ddChild {
  border: 1px solid #c3c3c3;
  background-color: #fff;
  left: -1px; }

.dd .ddChild li {
  padding: 5px;
  background-color: #fff;
  border-bottom: 1px solid #c3c3c3; }

.dd .ddChild li .description {
  color: #666; }

.dd .ddChild li .ddlabel {
  color: #333; }

.dd .ddChild li.hover {
  background-color: #f2f2f2; }

.dd .ddChild li img {
  padding: 0 6px 0 0; }

.dd .ddChild li.optgroup {
  padding: 0; }

.dd .ddChild li.optgroup .optgroupTitle {
  padding: 0 5px;
  font-weight: bold;
  font-style: italic; }

.dd .ddChild li.optgroup ul li {
  padding: 5px 5px 5px 15px; }

.dd .ddChild li.selected {
  background-color: #d5d5d5;
  color: #000; }

.mejs-container {
  position: relative;
  background: #000;
  font-family: Helvetica, Arial; }

.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
  width: 100%;
  height: 100%; }

/* Start: LAYERS */
.mejs-background {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mejs-poster {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-overlay-play {
  cursor: pointer; }

.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url(/mediaelement/bigplay.png) top left no-repeat; }

.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -100px; }

.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: #333;
  background: url(/mediaelement/background.png);
  background: rgba(0, 0, 0, 0.9);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); }

.mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url(/mediaelement/loading.gif) center center no-repeat; }

/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
  position: absolute;
  background: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
  background: url(/mediaelement/background.png);
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  height: 30px;
  width: 100%; }

.mejs-container .mejs-controls div {
  list-style-type: none;
  background-image: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 11px;
  line-height: 11px;
  background: 0;
  font-family: Helvetica, Arial;
  border: 0; }

.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  font-size: 0px;
  line-height: 0;
  text-decoration: none;
  margin: 7px 5px;
  padding: 0;
  position: absolute;
  height: 16px;
  width: 16px;
  border: 0;
  background: transparent url(/mediaelement/controls.png) 0 0 no-repeat; }

/* End: CONTROL BAR */
/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
  color: #fff;
  display: block;
  height: 17px;
  width: auto;
  padding: 8px 3px 0 3px;
  overflow: hidden;
  text-align: center;
  padding: auto 4px; }

.mejs-container .mejs-controls .mejs-time span {
  font-size: 11px;
  color: #fff;
  line-height: 12px;
  display: block;
  float: left;
  margin: 1px 2px 0 0;
  width: auto; }

/* End: Time (current / duration) */
/* Start: Play/pause */
.mejs-controls .mejs-play button {
  background-position: 0 0; }

.mejs-controls .mejs-pause button {
  background-position: 0 -16px; }

/* End: Play/pause */
/* Stop */
.mejs-controls .mejs-stop button {
  background-position: -112px 0; }

/* End: Play/pause */
/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
  width: 200px;
  padding-top: 5px; }

.mejs-controls .mejs-time-rail span {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer; }

.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 5px;
  background: #333;
  background: rgba(50, 50, 50, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
  background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#1E1E1E,endColorstr=#3C3C3C); }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #3caac8;
  background: rgba(60, 170, 200, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
  background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#2C7C91,endColorstr=#4EB7D4);
  width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current {
  width: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#FFFFFF,endColorstr=#C8C8C8); }

.mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  border: solid 2px #333333;
  top: -2px;
  text-align: center; }

.mejs-controls .mejs-time-rail .mejs-time-float {
  visibility: hidden;
  position: absolute;
  display: block;
  background: #eee;
  width: 36px;
  height: 17px;
  border: solid 1px #333333;
  top: -26px;
  margin-left: -18px;
  text-align: center;
  color: #111; }

.mejs-controls .mejs-time-rail:hover .mejs-time-float {
  visibility: visible; }

.mejs-controls .mejs-time-rail .mejs-time-float-current {
  margin: 2px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0; }

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px #eeeeee;
  border-color: #eeeeee transparent transparent transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: 15px;
  left: 13px; }

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0; }

.mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px; }

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-mute button {
  background-position: -16px -16px; }

.mejs-controls .mejs-unmute button {
  background-position: -16px 0; }

.mejs-controls .mejs-volume-button {
  position: relative; }

.mejs-controls .mejs-volume-button .mejs-volume-slider {
  display: none;
  height: 115px;
  width: 25px;
  background: url(/mediaelement/background.png);
  background: rgba(50, 50, 50, 0.7);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: -115px;
  left: 0;
  z-index: 1;
  position: absolute;
  margin: 0; }

.mejs-controls .mejs-volume-button:hover {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
  display: block; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.5);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 4px;
  top: -3px;
  width: 16px;
  height: 6px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  cursor: N-resize;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin: 0; }

/* End: Mute/Volume */
/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
  position: relative; }

.mejs-controls .mejs-captions-button button {
  background-position: -48px 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url(/mediaelement/background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
  visibility: visible; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0px 5px; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px; }

.mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0; }

.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  -xborder-right: solid 1px white;
  width: 10000px; }

.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: #222;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
  overflow: hidden;
  border: 0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block {
  font-size: 11px;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #333333;
  border-bottom: solid 1px #333333;
  cursor: pointer; }

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none; }

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  /*background: #333;*/
  background: #666;
  background: rgba(102, 102, 102, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
  background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px; }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis; }

.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  /*font-weight: bold;*/
  line-height: 22px;
  font-size: 12px;
  color: #fff; }

.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline; }

.mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal; }

.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0; }

.mejs-captions-position-hover {
  bottom: 45px; }

.mejs-captions-text {
  padding: 3px 5px;
  background: url(/mediaelement/background.png);
  background: rgba(20, 20, 20, 0.8); }

/* End: TRACK (Captions and Chapters) */
.mejs-clear {
  clear: both; }

/* Start: ERROR */
.me-cannotplay a {
  color: #fff;
  font-weight: bold; }

.me-cannotplay span {
  padding: 15px;
  display: block; }

/* End: ERROR */
/* Start: Loop */
.mejs-controls .mejs-loop-off button {
  background-position: -64px -16px; }

.mejs-controls .mejs-loop-on button {
  background-position: -64px 0; }

/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px; }

.mejs-controls .mejs-backlight-on button {
  background-position: -80px 0; }

/* End: backlight */
/* Start: picture controls */
.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0; }

/* End: picture controls */

/* HaruKorean.com Style Basis */
a.plainlink:link, a.plainlink:visited, a.plainlink:hover, a.plainlink:active {
  text-decoration: none; }

.truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.break-word {
  word-wrap: break-word; }

.break-all-word {
  word-wrap: break-word;
  word-break: break-all; }

.xlate {
  display: none; }

body.korean .xlate.korean {
  display: block; }

body.korean .xlate.koreanInline {
  display: inline; }

body.english .xlate.english {
  display: block; }

body.english .xlate.englishInline {
  display: inline; }

.onlyfor {
  display: none; }

body.member .onlyfor.member {
  display: block; }

body.member .onlyfor.memberInline {
  display: inline; }

body.learner .onlyfor.learner {
  display: block; }

body.learner .onlyfor.learnerInline {
  display: inline; }

body.native .onlyfor.native {
  display: block; }

body.native .onlyfor.nativeInline {
  display: inline; }

.nodataAvailable .comments-nav {
  display: none; }

.nodataAvailable .sentences-nav {
  display: none; }

div.beaconalert.highlightBeacon {
  font-weight: bold; }

div#sentencesView button.sentences.index, div#sentencesView button.sentences.needcorrection, div#sentencesMyView button.sentences.index, div#sentencesMyView button.sentences.needcorrection, div#sentencesNeedCorrectionView button.sentences.index, div#sentencesNeedCorrectionView button.sentences.needcorrection {
  display: inline; }

button.sentences.index {
  display: none; }

button.sentences.needcorrection {
  display: none; }

button.sentences.my {
  display: none; }

button.sentences.sentences_clear {
  display: none; }

button.comments.comments_clear {
  display: none; }

body.learner div#sentencesView button.sentences.my, body.learner div#sentencesMyView button.sentences.my, body.learner div#sentencesNeedCorrectionView button.sentences.my {
  display: inline; }
body.learner div#sentencesView button.sentences.index, body.learner div#sentencesMyView button.sentences.index, body.learner div#sentencesNeedCorrectionView button.sentences.index {
  display: inline; }
body.learner div#sentencesView button.sentences.needcorrection, body.learner div#sentencesMyView button.sentences.needcorrection, body.learner div#sentencesNeedCorrectionView button.sentences.needcorrection {
  display: inline; }

body.native div#sentencesView button.sentences.my, body.native div#sentencesMyView button.sentences.my, body.native div#sentencesNeedCorrectionView button.sentences.my {
  display: none; }
body.native div#sentencesView button.sentences.index, body.native div#sentencesMyView button.sentences.index, body.native div#sentencesNeedCorrectionView button.sentences.index {
  display: inline; }
body.native div#sentencesView button.sentences.needcorrection, body.native div#sentencesMyView button.sentences.needcorrection, body.native div#sentencesNeedCorrectionView button.sentences.needcorrection {
  display: inline; }

/*
div#sentencesView, div#sentencesMyView, div#sentencesNeedCorrectionView {
	button.sentences.index, button.sentences.my, button.sentences.needcorrection { display:inline; } 
}
*/
/* Loading indicators */
div.loadingIndicator {
  display: none; }

div.loading div.loadingIndicator {
  display: block; }

div.sentences-lowernav {
  display: none; }

div.comments-lowernav {
  display: none; }

@charset "UTF-8";
/* Edited by YOONA SUN for HARUKOREAN 2.0 */
/* updated @20130618 */
/* Beacons styling added for mobile */
/* TTMIE v2.4.1 Post iPad/iPhone Fix */
/* TTMIE v2.1 - twitter bootstrap,some unification with HaruK,watch out for wrapper/maincontent/sidebar */
/* TTMIE v2.2 - adjusted mainContent ->maincontent,took into account .noSidebar/.oneSidebar for different screen resolutions */
/* JC Already included:bootstrap.css */
/* JC Already included:ttmie-responsive.css */
/* Body font override */
body {
  font-family: Helvetica,Arial,"Dotum",sans-serif; }

/* ==|== primary styles ===================================================== Author:Yoona Sun ========================================================================== */
/* bootstrap reset override */
label {
  display: inline; }

/* ttmie engine */
/* HaruKorean Naming Standards:* Colors:harukNameOfColor * Styles:styleNamesShouldBeCamelCased <- no underscores or dashes */
/* header bgcolor,sectionSubscriberBox,buttons on signup */
/* sectionSubscriberBox */
/* buttons on lesson for subscriber */
/* sectionHeading,lessonCategoryTitle */
/* pageTitle,lessonTtile,SectionTitle */
/* lessonTitle,lessonDescription,*/
/* sectionBox,sectionLessonTitle */
/* sectionWriteComment */
/* sectionTags */
/* sectionBoxBorder */
/* buttons on on comments submit */
/* linked text to lesson */
/* pureCSSmenu background */
/* TopPureCSS background */
/* ************common elements***************** */
.dashedBottom {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #cccccc; }

.dashedTop {
  border-top: 1px dotted #cccccc; }

.whiteText {
  color: #FFF; }

/* for overwrite on all ttmie css */
form {
  margin: 0 0 6px; }

p {
  font-family: Helvetica,Arial,"Dotum",sans-serif; }

/* CSS Document */
/*COLOR*/
/*orginal background-color:#CDE7E3;
lighter background-color:#DCEFEB;
*/
/*FONT*/
/* Major Elements */
/* JC in the merged HaruK/TTMIE engine,we use #topbar. #navbar is inside your #topbar. */
/* JC however,we can ignore #topbar by just not styling it */
/* JC#topbar {
	width:100%;
	position:fixed;
	top:0px;
	height:25px;
	background-color:#333333;
	z-index:100;
}
#topbarContent {
	margin:0px auto;
	width:980px;
	color:#ffffff;
	text-align:right;
	padding-top:5px;
}
#topbar a {
	color: white;
}
*/
/* added @5.2 */
a.topbarRightLink:link, a.topbarRightLink:visited {
  color: #C6C6C6;
  text-decoration: none; }
a.topbarRightLink:hover, a.topbarRightLink:active {
  color: #79CADC;
  text-decoration: none; }

.navbar .nav {
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF",sans-serif;
  font-size: 1.05em;
  font-weight: bold; }

.navbar .nav > li > a {
  color: #DDDDDD; }

#wrapper {
  width: 980px;
  margin: 0px auto;
  background: white;
  padding: 32px 0px 25px 0px;
  border-radius: 32px; }

/* JC had to move header outside #wrapper to unify with HaruK */
#header {
  width: 980px;
  margin: 0px auto;
  height: 80px;
  position: relative; }

#logo {
  padding-left: 30px;
  margin-top: 0px;
  float: left; }

/* JC redo wrapper/maincontent/sidebar */
.noSidebar #maincontent {
  /* width:900px;
  */
  /* JC not for ttmie */
  min-height: 700px;
  margin-left: 30px;
  margin-right: 20px;
  background-color: white; }

.noSidebar #sidebar {
  display: none; }

.oneSidebar #maincontent {
  width: 600px;
  min-height: 1000px;
  margin-left: 30px;
  margin-right: 20px;
  background-color: white;
  float: left; }

.oneSidebar #sidebar {
  width: 300px;
  min-height: 700px;
  margin-left: 0px;
  /* borrow from #maincontent */
  margin-right: 30px;
  background-color: white;
  float: left;
  /* JC moved from #rightColumn to unify with HaruK */ }

#footer {
  clear: both;
  margin: 0px auto;
  width: 980px; }

/* ****************************** for Common ****************************** */
#sectionMarketing {
  background-color: #CDE7E3;
  border-radius: 12px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.19922) 1px 1px 2px, rgba(0, 0, 0, 0.09766) 1px 1px 5px; }

.MarketingPhrases {
  padding: 20px;
  color: #333333;
  font-family: Arial,Helvetica,"Dotum",sans-serif;
  font-weight: normal; }

.sectionBusinessExerciseMarketing {
  background-color: #CDE7E3;
  border-radius: 12px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.19922) 1px 1px 2px, rgba(0, 0, 0, 0.09766) 1px 1px 5px;
  padding: 20px;
  color: #333333;
  font-family: Arial,Helvetica,"Dotum",sans-serif;
  font-weight: normal; }

.sectionMarketingBig {
  background-color: #F4EFE7;
  border-radius: 12px;
  margin: 0 30px 16px 30px;
  padding-bottom: 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.19922) 1px 1px 2px, rgba(0, 0, 0, 0.09766) 1px 1px 5px; }

.haveNothing {
  background-color: #CDE7E3;
  border-radius: 12px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.19922) 1px 1px 2px, rgba(0, 0, 0, 0.09766) 1px 1px 5px;
  padding: 10px 20px;
  color: #333333;
  font-family: Arial,Helvetica,"Dotum",sans-serif; }

.fltlft {
  float: left; }

.fltrt {
  float: right; }

.breaker {
  clear: both; }

.pageBreaker {
  clear: both;
  padding-top: 16px; }

.categoryTitle {
  font-weight: bold;
  padding-left: 10px;
  padding-bottom: 5px; }

.booster {
  background-color: #66CC33; }

.booster1 {
  background-color: #66CC33; }

.basic {
  background-color: #79C9DB; }

.premium {
  background-color: #9999FF; }

.sentencebuilder1 {
  background-color: #9999FF; }

.sentencebuilder2 {
  background-color: #9999FF; }

.minidialog1 {
  background-color: #9999FF; }

.minidialog2 {
  background-color: #9999FF; }

.minidialog3 {
  background-color: #9999FF; }

.videovocab1 {
  background-color: #87B7CD; }

.videovocab2 {
  background-color: #87B7CD; }

.videovocab3 {
  background-color: #87B7CD; }

.idiomatic1 {
  background-color: #87B7CD; }

.idiomatic2 {
  background-color: #87B7CD; }

.dramaphrases1 {
  background-color: #87B7CD; }

.situational0 {
  background-color: #9999FF; }

.journal {
  background-color: #7CDDB5; }

.classic {
  background-color: #F93; }

.harukclassic {
  background-color: #87B7CD; }

.freetrial {
  background-color: #F26620; }

.upgrade {
  background-color: #1abc9c; }

.ttmik {
  background-color: #739bcd; }

.audiolesson {
  background-color: #9999FF; }

.videolesson {
  background-color: #87B7CD; }

.topiklesson {
  background-color: #F7BA31; }

.gobtn {
  border: none;
  background: #34495e;
  color: white;
  font-size: 15px;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
  padding: 6px 8px;
  border-radius: 4px; }

.gobtn:hover, .gobtn:focus {
  cursor: pointer;
  background-color: #4e6d8d;
  color: white;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; }

.gobtn:active, .btn.active {
  background-color: #2c3e50;
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.gobtn.disabled, .btn[disabled] {
  background-color: #95a5a6;
  color: white; }

/* ****************************** only for HOME (Welcome & HomeIndex) ****************************** */
.welcomeSectionTitleBox {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.welcomeSectionBigTitle {
  font-family: Arial, Helvetica, "Dotum" sans-serif;
  font-size: 1.5em;
  color: #FFF;
  padding-top: 12px;
  padding-left: 16px; }

.welcomeSectionTitle {
  font-family: Arial,Helvetica,"Dotum",sans-serif;
  color: #FFF;
  padding-left: 16px;
  padding-bottom: 8px;
  clear: left; }

#welcomeSectionExercises {
  background-color: #EDEDED;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px; }

.welcomeExerciseWrapper {
  clear: left; }

.welcomeExerciseBgBox {
  background: #FFF;
  -moz-box-shadow: rgba(0, 0, 0, 0.19922) 1px 1px 2px, rgba(0, 0, 0, 0.09766) 1px 1px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.19922) 1px 1px 2px, rgba(0, 0, 0, 0.09766) 1px 1px 5px;
  box-shadow: rgba(0, 0, 0, 0.19922) 1px 1px 2px, rgba(0, 0, 0, 0.09766) 1px 1px 5px;
  padding: 2px 0 0 6px; }

.welcomeExerciseIconBox {
  float: left;
  padding-top: 16px;
  padding-left: 10px; }

.welcomeExerciseIconBox .businessOnly {
  display: none; }

.welcomeExerciseIconBox:hover .businessOnly {
  display: block; }

.welcomeExerciseIcon {
  padding-bottom: 0px; }

.welcomeExerciseIcon img:hover {
  -moz-box-shadow: 0 0 8px #666;
  -webkit-box-shadow: 0 0 8px #666;
  box-shadow: 0 0 8px #666;
  border-radius: 15px; }

.levelBasic {
  color: white;
  padding: 7px 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #739bcd;
  margin-left: 0px;
  margin-top: 8px;
  width: 80px;
  text-align: center;
  float: left; }

.levelPremium {
  color: white;
  padding: 7px 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #6666cc;
  margin-left: 0px;
  margin-top: 8px;
  width: 80px;
  text-align: center;
  float: left; }

.levelBusiness {
  color: white;
  padding: 7px 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #330066;
  margin-left: 0px;
  margin-top: 8px;
  width: 80px;
  text-align: center;
  float: left; }

.welcomeExerciseImageBox {
  float: left;
  padding-left: 14px;
  padding-top: 12px; }

.welcomeExerciseImage img {
  height: 100px; }

.welcomeExerciseTextBox {
  float: left;
  width: 200px;
  padding-left: 14px;
  padding-top: 15px; }

.welcomeExerciseBox {
  float: left;
  width: 450px;
  padding-left: 14px;
  padding-top: 15px; }

.welcomeExerciseTitle {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-align: left;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  color: #333333;
  line-height: 20px;
  padding-bottom: 3px;
  padding-top: 3px; }

/* .welcomeExerciseTitle a:hover {
	text-decoration:none;
	color: #30F;
}
*/
.welcomeExerciseDescription {
  font-family: Arial,Helvetica,"Dotum",sans-serif;
  font-weight: normal;
  color: #666;
  line-height: 20px; }

.welcomeExerciseToggleBox {
  float: right;
  padding-right: 8px; }

.welcomeExerciseToggle {
  padding: 15px 0 8px 2px; }

.welcomeExerciseToggle img:hover {
  -moz-box-shadow: 0 0 6px #666;
  -webkit-box-shadow: 0 0 6px #666;
  box-shadow: 0 0 6px #666;
  border-radius: 6px; }

.welcomeAnswerNum {
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 0.8em;
  color: #333333;
  padding: 8px;
  border: 1px solid #999999;
  background-color: #FFF;
  width: 15px; }

.breakLine {
  clear: left;
  border-bottom: 1px dotted #CCC;
  padding-top: 16px;
  padding-bottom: 0px; }

#welcomeSectionLessons {
  background-color: #EDEDED;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px; }

.welcomeLessonSection {
  padding: 0px;
  margin-bottom: 6px; }

.levelBasicLesson {
  float: left;
  color: white;
  padding: 7px 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #79CADC;
  margin-left: 0px;
  margin-top: 8px;
  width: 80px;
  text-align: center; }

.levelPremiumLesson {
  float: left;
  color: white;
  padding: 7px 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #6666cc;
  margin-left: 0px;
  margin-top: 8px;
  width: 80px;
  text-align: center; }

.levelBusinessLesson {
  float: left;
  color: white;
  padding: 7px 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #330066;
  margin-left: 0px;
  margin-top: 8px;
  width: 80px;
  text-align: center; }

.levelDescription {
  float: left;
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  font-weight: bold;
  color: #333; }

.welcomeLessonWrapper {
  background-color: #EDEDED;
  clear: left;
  -moz-box-shadow: 0 0 3px #999;
  -webkit-box-shadow: 0 0 3px #999;
  box-shadow: 0 0 3px #999;
  padding: 10px 12px; }

.welcomeLessonWrapper:hover {
  -moz-box-shadow: 0 0 3px #555;
  -webkit-box-shadow: 0 0 3px #555;
  box-shadow: 0 0 3px #555; }

.welcomeLessonThumbBox {
  float: left;
  width: 300px; }

.welcomeLessonBox {
  float: left;
  margin-left: 6px;
  width: 270px; }

.welcomeLessonTitle {
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  color: #333333;
  padding-top: 8px; }

.welcomeLessonDescription {
  padding: 3px 10px 6px 3px; }

/* JC lesson description (notes) hide/show */
/* max-height: This can shrink if there isn't enough text */
/* overflow: Prevents overflowing text from being seen */
div.lessonDescriptionBox.showInitialLessonDescription div.lessonDescriptionBody {
  max-height: 10em;
  overflow: hidden; }

.showInitialLessonDescription #showAllLessonDescriptionButton {
  display: block;
  margin-top: 0px; }

.showInitialLessonDescription #makeSmallLessonDescriptionButton {
  display: none;
  margin-top: 0px; }

.showAllLessonDescription #showAllLessonDescriptionButton {
  display: none;
  margin-top: 0px; }

.showAllLessonDescription #makeSmallLessonDescriptionButton {
  display: block;
  margin-top: 0px; }

/* **********JC************* Lesson write butons */
div.bigblueroundinside {
  padding-top: 15px; }

div.bigblueroundinside.readonly {
  padding-top: 15px;
  display: none; }

/* **********JC************* Comment write buttons */
div.bigyellowroundinside {
  float: right;
  background: #C1E5E9;
  border-radius: 12px;
  padding: 13px;
  width: 80px;
  margin: 0px 0px 6px 0px;
  text-align: center;
  font-family: Arial, Helvetica, "나눔고딕", "NanumGothic" , "NanumGothicOTF", "Dotum", sans-serif;
  font-weight: bold;
  font-size: 1.125em;
  color: #29235C; }

div.bigyellowroundinside:hover {
  cursor: pointer;
  background-color: #79CADC; }

div.bigyellowroundinside.readonly {
  padding-top: 13px;
  display: none; }

/* STYLE for 시리즈 인덱스*/
.seriesbasicexercises {
  background-color: #79C9DB;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.seriesbooster1 {
  background-color: #66CC33;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.seriesbasic.sectionLessons .stageSelector, .seriesbasic.sectionLessons #lessons-header {
  display: none; }

.seriesbusiness.sectionLessons .stageSelector, .seriesbusiness.sectionLessons #lessons-header {
  display: none; }

/* 전체 목록 보기 & 접어두기 펼쳐보기 */
.homeSeriesRoundedLowerTab {
  float: right;
  background-color: #EDEDED;
  padding: 6px 10px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  margin-right: 10px;
  font-weight: bold; }

.homeSeriesRoundedLowerTab:hover {
  cursor: pointer;
  color: #79CADC; }

.homeTrialSeriesRoundedLowerTab {
  float: right;
  padding: 6px 10px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  margin-right: 10px;
  color: #FFF; }

.homeTrialSeriesRoundedLowerTab:hover {
  cursor: pointer; }

.onlyWhenLessonsShow.welcomeLessonToggle {
  background: #ededed url(http://harukaccel.x2o.net/uploads/medium/file/112/index_fold.png) no-repeat;
  width: 42px;
  height: 20px; }

.onlyWhenLessonsHide.welcomeLessonToggle {
  background: #ededed url(http://harukaccel.x2o.net/uploads/medium/file/111/index_expand.png) no-repeat;
  width: 42px;
  height: 20px; }

.welcomeLessonToggle {
  float: right;
  padding: 6px 10px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  margin-right: 10px;
  background-color: #EDEDED; }

.welcomeLessonToggle:hover {
  cursor: pointer;
  color: #79CADC; }

.lessonMore {
  float: left;
  margin-top: 4px;
  margin-bottom: 4px; }

/* 그리드뷰 리스트뷰 */
.home_series_view.listView .bindShowList {
  background-color: #1E1E1E;
  opacity: 0.9; }

.home_series_view.gridView .bindShowGrid {
  background-color: #1E1E1E;
  opacity: 0.9; }

.home_series_view.listView .bindShowGrid {
  background-color: #1E1E1E;
  opacity: 0.3; }

.home_series_view.listView .bindShowGrid:hover {
  background-color: #1E1E1E;
  opacity: 0.7;
  cursor: pointer; }

.home_series_view.gridView .bindShowList {
  background-color: #1E1E1E;
  opacity: 0.3; }

.home_series_view.gridView .bindShowList:hover {
  background-color: #1E1E1E;
  opacity: 0.7;
  cursor: pointer; }

.home_series_view.lessonsHide .onlyWhenLessonsShow {
  display: none; }

.home_series_view.lessonsShow .onlyWhenLessonsHide {
  display: none; }

.welcomeSectionTitles {
  float: left; }

.gridOption {
  float: right;
  margin-right: 16px;
  margin-top: 10px; }

.bindShowList {
  width: 42px;
  height: 38px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  float: left;
  background: url(http://harukaccel.x2o.net/uploads/medium/file/110/icons_grid4.png) 0px 0px no-repeat; }

.bindShowGrid {
  width: 42px;
  height: 38px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  float: left;
  background: url(http://harukaccel.x2o.net/uploads/medium/file/110/icons_grid4.png) 0px -38px no-repeat; }

.lessonGridElement {
  margin: 10px 6px;
  background: #b4b4b5 url(http://ttmieaccel.x2o.net/uploads/medium/file/300/icon_gridlock.png) no-repeat;
  border-radius: 6px;
  width: 70px;
  height: 70px;
  float: left;
  text-align: center;
  line-height: 102px;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF; }

.lessonGridElement:hover {
  color: #FFFFFF; }

.dummyFirst {
  background: url(http://ttmieaccel.x2o.net/uploads/medium/file/299/icon_gridstart.png) no-repeat; }

.dummyLast {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/133/icon_gridfinish.png) no-repeat; }

.lessonGridElement.lessonComplete {
  background: url(http://ttmieaccel.x2o.net/uploads/medium/file/302/icon_gridunlock.png) no-repeat; }

/* *********************************************************** Lessons  ********************************************************************** */
.lessonSectionBigTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  color: #FFF;
  padding-top: 12px;
  padding-left: 16px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px; }

.lessonSectionTitle {
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 0.8em;
  font-weight: bold;
  color: #FFF;
  padding-left: 16px;
  padding-bottom: 8px;
  clear: left; }

#sectionLesson {
  background-color: #FFFFFF; }

/* *********************************** Lesson Lists : 레슨 리스트  *********************************** */
.listLessonSection {
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  font-weight: bold;
  color: #333;
  padding: 16px 6px 6px 6px;
  clear: left;
  background-color: #FFFFFF; }

.listLessonWrapper {
  background-color: #F6F6F6;
  margin-bottom: 8px;
  clear: left;
  -moz-box-shadow: 0 0 3px #999;
  -webkit-box-shadow: 0 0 3px #999;
  box-shadow: 0 0 3px #999; }

.listLessonWrapper:hover {
  -moz-box-shadow: 0 0 3px #555;
  -webkit-box-shadow: 0 0 3px #555;
  box-shadow: 0 0 3px #555; }

.listLessonTitle {
  /*float:left;*/
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 20px;
  color: #666;
  padding: 16px 12px 6px 100px; }

.lessonSubTitle {
  /*float: left;*/
  font-family: Arial, Helvetica, "Dotum", sans-serif;
  font-weight: normal;
  font-size: 1em;
  line-height: 20px;
  color: #666;
  padding: 0px 12px 2px 100px; }

.categoryPlatelesson {
  /* 레슨 리스트에서 써머리 출력하기 */ }
  .categoryPlatelesson .listLessonTitle {
    float: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 20px;
    color: #666;
    padding: 16px 12px 6px 12px; }
  .categoryPlatelesson .lessonSubTitle {
    float: left;
    width: 250px;
    font-family: Arial, Helvetica, "Dotum", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    padding: 6px 12px 2px 12px; }
  .categoryPlatelesson .listLessonDescription {
    font-size: 13px; }
  .categoryPlatelesson .listLessonDescription .lessonOnly {
    display: block; }
  .categoryPlatelesson .categoryImageBox {
    display: none; }

/* 레슨 인덱스에서 썸네일 출력 컨트롤 */
.listLessonThumbBox {
  float: left;
  width: 94%;
  margin-left: 3%; }

.categoryPlatelesson .listLessonThumbBox img {
  width: 100%; }

.listLessonThumb {
  margin: 10px; }

.listLessonThumb img {
  width: 290px; }

.listLessonThumb img:hover {
  -moz-box-shadow: 0 0 3px #666;
  -webkit-box-shadow: 0 0 3px #666;
  box-shadow: 0 0 3px #666; }

.listLessonBox {
  margin: 0px 14px 0px 0px; }

.listLessonTag {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.875em;
  color: #666666;
  padding-top: 5px; }

.listLessonDate {
  font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
  font-weight: normal;
  text-align: left;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: normal;
  color: #666666; }

.listLessonDescription {
  color: #999999;
  padding: 8px 0px;
  line-height: 20px; }

.listLessonDescription .lessonOnly {
  display: none; }

/*added */
.lessonsListSeriesSectionTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  color: white;
  padding: 16px 0px 0px 16px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  /*background-color: #79CADC;*/ }

.lessonsListSeriesSectionDescriptionForBasicExercises {
  padding-left: 16px;
  padding-bottom: 6px;
  color: #FFF; }

.lessonsListSeriesSectionDescriptionForBasicLessons {
  padding-left: 16px;
  padding-bottom: 6px;
  color: #FFF; }

.lessonsListSeriesSectionDescriptionForEssayEssays {
  padding-left: 16px;
  padding-bottom: 6px;
  color: #FFF; }

.lessonsListSeriesSectionDescriptionForBusinessExercises {
  padding-left: 16px;
  padding-bottom: 6px;
  color: #FFF; }

.lessonsListSeriesSectionDescriptionForBusinessLessons {
  padding-left: 16px;
  padding-bottom: 6px;
  color: #FFF; }

.lessonBox.mediumLesson.categoryEssay .categoryImageBox {
  display: none; }

/* 레슨 리스트 헤더부분 각 시리즈별로 다르게 출력하기 from lessons plate */
.lessonsListSeriesSectionDescriptionForBasicExercises {
  display: none; }

.lessonsListSeriesSectionDescriptionForBasicLessons {
  display: none; }

.lessonsListSeriesSectionDescriptionForBusinessExercises {
  display: none; }

.lessonsListSeriesSectionDescriptionForBusinessLessons {
  display: none; }

.lessonsListSeriesSectionDescriptionForEssayEssays {
  display: none; }

.seriesbasic.sectionExercises .lessonsListSeriesSectionDescriptionForBasicExercises {
  display: block; }

.seriesbasic.sectionLessons .lessonsListSeriesSectionDescriptionForBasicLessons {
  display: block; }

.seriesbusiness.sectionExercises .lessonsListSeriesSectionDescriptionForBusinessExercises {
  display: block; }

.seriesbusiness.sectionLessons .lessonsListSeriesSectionDescriptionForBusinessLessons {
  display: block; }

.seriesessay.sectionEssays .lessonsListSeriesSectionDescriptionForEssayEssays {
  display: block; }

.sectionBusinessExerciseMarketing {
  display: none; }

.seriesbusiness.sectionExercises .sectionBusinessExerciseMarketing {
  display: block; }

/* 데이 탭 숨기기 */
.episodeBubble {
  font-weight: bold;
  color: #666;
  padding: 4px 2px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #CDE7E3;
  margin-left: 24px;
  margin-top: 8px;
  width: 62px;
  text-align: center;
  font-size: 1.125em; }

.seriesfreetrial_premium .episodeBubble {
  display: none; }

.seriessentencebuilder1 .episodeBubble {
  display: none; }

.seriessentencebuilder2 .episodeBubble {
  display: none; }

.seriesminidialog1 .episodeBubble {
  display: none; }

.seriesminidialog2 .episodeBubble {
  display: none; }

.seriesminidialog3 .episodeBubble {
  display: none; }

.seriesvideovocab1 .episodeBubble {
  display: none; }

.seriesvideovocab2 .episodeBubble {
  display: none; }

.seriesvideovocab3 .episodeBubble {
  display: none; }

.seriesidiomatic1 .episodeBubble {
  display: none; }

.seriesidiomatic2 .episodeBubble {
  display: none; }

.seriesdramaphrases1 .episodeBubble {
  display: none; }

.seriessituational0 .episodeBubble {
  display: none; }

/* 레슨 리스트 - 핀보드 인덱스 */
.lessonListingContainer.seriespinboard {
  background-color: #EDEDED;
  border-radius: 12px; }

.seriespinboard .lessons-content {
  background-color: transparent;
  padding: 16px 12px 16px 12px; }

.seriespinboard .lessonsListSeriesSectionTitle {
  display: none; }

.seriespinboard .lessonsListSeriesSectionDescription {
  display: none; }

.seriespinboard .stageSelector {
  display: none; }

.seriespinboard #lessons-header {
  display: none; }

.lessonListingContainer.seriespinboard .lesson_display {
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  background-color: #EDEDED; }

.seriespinboard .pinboard_display {
  float: left;
  background-color: #FFFFFF;
  width: 279px;
  border-radius: 4px;
  border: 1px solid #CCC;
  margin: 0px 3px 6px 3px; }

.lessonBox.pinboardIndex .categoryImageBox {
  display: none; }

.lessonBox.pinboardIndex.categorypinboardimage .listLessonThumbBox img {
  width: 270px;
  padding: 4px; }

/* 핀보드 인덱스에서 써머리 출력하기 */
.lessonBox.categorypinboardimage .listLessonDescription .lessonOnly {
  display: block; }

.lessonBox.categorypinboardtext .listLessonDescription .lessonOnly {
  display: block; }

/* *********************************** Lesson Page : 레슨 페이지   *********************************** */
/* YOONA fixing style for haruk2.0 */
.lessonMediaVideoBox {
  margin-top: 15px;
  padding: 0 10px; }

.mejs-container {
  margin: 0px auto;
  width: 300px;
  height: 30px; }

/* END */
.lessonNavTitle {
  border-top: 3px solid #999999;
  font-size: 0.8em;
  margin-bottom: 8px;
  color: #666666; }

/*.lessonTopicBox { border:5px solid #CDE7E3; border-radius: 25px; }
.lessonTopic { margin: 20px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.6em; }*/
#sectionLessonTopic {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 5px; }

.lessonTypeillustBox {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  background-color: #C1E5E9;
  border: 5px solid #C1E5E9;
  min-height: 70px; }

.lessonTypeTopicBox {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border: 5px solid #C1E5E9;
  min-height: 105px; }

.lessonTypeBox {
  float: left;
  width: 140px; }

.lessonType {
  padding: 10px 10px;
  font-size: 1.05em;
  font-weight: bold;
  line-height: 18px;
  border-right: 3px solid #C1E5E9; }

.lessonTopicBox {
  float: left;
  width: 450px; }

.lessonTopic {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  padding: 8px 10px 0 10px;
  line-height: 23px; }

.lessonTopicKo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  padding: 4px 15px 0 15px; }

.lessonTopicTag {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  padding: 3px 15px 0 15px; }

.lessonVideoWrapper {
  width: 100%;
  height: 338px;
  background-color: #333333;
  color: #FFF; }

.lessonMediaVimeoBox iframe {
  width: 600px;
  height: 338px;
  background-color: #333333;
  color: #FFF; }

.lessonDescription {
  border-top: 1px dotted #CCC;
  margin: 0px 10px;
  padding-top: 10px;
  color: #999; }

.lessonNoteBox {
  background-color: #DCEFEE;
  min-height: 160px;
  border-radius: 15px; }

/* -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; */
.lessonNote {
  font-family: Arial, Helvetica, "Dotum", sans-serif;
  font-weight: normal;
  color: #333;
  padding: 20px; }

.lessonNote p {
  font-family: Arial, Helvetica, "Dotum", sans-serif;
  font-weight: normal;
  color: #333; }

.lessonNoteMore {
  width: 70px;
  height: 20px;
  background-color: #DCEFEE;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  float: right;
  margin-right: 30px;
  color: #333;
  text-align: center;
  padding-top: 0px; }

.lessonNoteMore:hover {
  cursor: pointer;
  color: #29235C; }

.lessonNoteLess {
  width: 70px;
  height: 20px;
  background-color: #DCEFEE;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  float: right;
  margin-right: 30px;
  color: #333;
  text-align: center;
  padding-top: 0px; }

.lessonNoteLess:hover {
  cursor: pointer;
  color: #29235C; }

.beginnerstip {
  float: left; }

.lessonCheckBox {
  float: right; }

.lessonCheck {
  font-size: 0.9em; }

/* JC #sectionLessonComment -> .sentences-content  */
/* YOONA fixing style for haruk2.0*/
.sentences-content {
  font-size: 12px; }

.comments-content {
  font-size: 12px; }

/* END */
/* JC  .lessonCommentTitle  needs to be more generic like .commentsSectionTitle */
.commentsSectionTitle {
  background-color: #C1E5E9;
  color: #29235C;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 8px;
  text-align: center; }

/* YOONA fixing style for haruk2.0*/
.comment_display {
  margin-top: 0px;
  border-bottom: 1px dashed #79CADC;
  clear: both;
  padding: 5px 0px; }

.commentIconBox {
  float: left;
  width: 40px;
  margin: 6px; }

.commentIcon {
  /*JC*/ }
  .commentIcon img {
    width: 30px;
    height: 30px; }

.whosaid {
  color: #43BCC7;
  clear: left;
  line-height: 18px; }

.whoreplied {
  color: #43BCC7;
  clear: left; }

/* YOONA fixing style for haruk2.0*/
.commentTextBox {
  float: left;
  margin-top: 3px;
  max-width: 485px; }

.replyButton {
  float: right;
  color: #79CADC;
  padding-right: 10px; }

.commentDate {
  clear: left; }

.commentReplyWrapper {
  margin-left: 50px;
  border-top: 1px dotted #999;
  padding: 8px 0px; }

.replyTextBox {
  float: left;
  width: 480px;
  margin-top: 3px; }

/* 댓글 관련 */
.lessonCommentPrompt {
  margin: 6px; }

.writeCommentTitle {
  padding-bottom: 8px; }

.writeComment {
  width: 590px; }

.writeComment textarea {
  max-width: 590px;
  font-family: Helvetica, Arial, "Dotum", sans-serif; }

.commentSubmitBtn {
  float: right;
  background: #29235C;
  border-radius: 12px;
  padding: 16px;
  width: 120px;
  margin: 3px 0px 12px 0px;
  text-align: center;
  font-family: Arial, Helvetica, "나눔고딕", "NanumGothic" , "NanumGothicOTF", "Dotum", sans-serif;
  font-weight: bold;
  font-size: 1.125em;
  color: #FFF; }

.commentSubmitBtn:hover {
  background-color: #79CADC; }

.commentComments .commentCommentEntryArea form textarea {
  width: 508px;
  font-family: Helvetica, Arial, "Dotum", sans-serif; }

/*레슨 체크 관련 */
#lessonCheckConfirmation {
  float: right;
  margin: 15px 10px 8px 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  border: 1px solid #CCC;
  text-shadow: white 0 1px 0;
  border-radius: 5px;
  padding: 4px 6px 2px 4px; }

#lessonCheckConfirmation:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3)); }

.unfinishedContent {
  color: #333333; }

.finishedCotent {
  color: #666666; }

#checkOffLesson:hover {
  cursor: pointer;
  color: #79CADC; }

.callNextLesson {
  float: right;
  margin: 20px 10px 12px 10px; }

.callNextLesson:hover {
  cursor: pointer;
  color: #79CADC; }

/*페이지 내비게이션: 레슨/연습문제 리스트 아래*/
#sectionPageNav {
  background-color: #EDEDED;
  min-height: 45px;
  margin: 0 auto;
  text-align: center;
  /*border-left: 1px solid #CCC; border-right: 1px solid #CCC;*/
  border-top: 1px solid #CCC; }

.pageNavigation {
  padding: 10px 5px;
  margin: 0 auto;
  text-align: center; }

.pageNum {
  background-color: #DDD;
  color: #333;
  float: left;
  margin: 0 2px;
  padding: 3px 5px;
  font: 11px 'WebFont', Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
  border: 1px solid #BFBFBF; }

.pageNum:hover {
  border-color: black; }

/* ****************************************************** Exercises : 연습문제  ***************************************************************** */
.exerciseSectionBigTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  color: #FFF;
  padding-top: 12px;
  padding-left: 16px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px; }

.exerciseSectionTitle {
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 0.8em;
  font-weight: bold;
  color: #FFF;
  padding-left: 16px;
  padding-bottom: 8px;
  clear: left; }

#sectionExercises {
  background-color: #EDEDED;
  padding-left: 12px;
  padding-right: 12px; }

#lessons-header {
  padding: 10px 12px 10px 12px;
  background-color: #DDD; }

/* *********************************** Exercises Lists: 연습문제 리스트  *********************************** */
.exerciseWrapper {
  clear: left; }

.exerciseIconBox {
  float: left;
  padding-top: 12px; }

.exerciseIconBox .businessOnly {
  display: none; }

.exerciseIconBox:hover .businessOnly {
  display: block; }

.exerciseIcon {
  padding-bottom: 10px; }

.exerciseIcon img:hover {
  -moz-box-shadow: 0 0 6px #666;
  -webkit-box-shadow: 0 0 6px #666;
  box-shadow: 0 0 6px #666;
  border-radius: 15px; }

.lessons-content {
  background-color: #EDEDED;
  padding: 10px 12px; }

.lesson_display {
  border-bottom: 1px dotted #999;
  padding-bottom: 12px;
  background-color: white;
  border-radius: 10px; }

.lesson_display:hover {
  -moz-box-shadow: 0 0 3px #D5E5F5;
  -webkit-box-shadow: 0 0 3px #D5E5F5;
  box-shadow: 0 0 3px #D5E5F5; }

.lessonListingContainer.seriesbasic.sectionExercises .listLessonTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 20px;
  color: #666;
  padding: 16px 12px 6px 104px; }

.lessonListingContainer.seriesbasic.sectionExercises .lessonSubTitle {
  float: left;
  width: 400px;
  font-family: Arial, Helvetica, "Dotum", sans-serif;
  font-weight: normal;
  font-size: 1em;
  line-height: 20px;
  color: #666;
  padding: 0px 12px 2px 12px; }

.lessonListingContainer.seriesbasic.sectionExercises .lessonAssignment {
  display: none; }

.stageSelector {
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 10px;
  border-top: 1px dotted #DDD; }

.tagSelector {
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 10px;
  border-top: 1px dotted #DDD; }

select {
  width: 120px; }

button.stageSelectorGo {
  vertical-align: top;
  line-height: 24px;
  font-size: 14px; }

/* 연습문제 - 리스트 - 푼문제, 안푼문제 구분 표시하기 - 이미지 반대로 바꿈 */
.mediumLesson {
  background-image: url(http://harukaccel.x2o.net/uploads/medium/file/127/index_unfinished.png);
  background-repeat: no-repeat;
  background-position: top right; }

.mediumLesson.lessonComplete {
  background-image: url(http://harukaccel.x2o.net/uploads/medium/file/128/index_finished.png);
  background-repeat: no-repeat;
  background-position: top right; }

/* 연습문제 - 아이콘 */
.categoryImageBox {
  float: left;
  width: 82px;
  height: 82px;
  background-repeat: none;
  margin-top: 12px;
  margin-left: 8px; }

/*베이직 연습문제에서 이미지 안나타나게 하기*/
.lessonBox.mediumLesson.categoryTypeA .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryTypeB .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryTypeC .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryTypeD .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryTypeE .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryTypeF .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryTypeH .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryTypeI .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryTypeG .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryTypeJ .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryTypeK .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryTypeL .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryTypeM .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryTypeN .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryReview .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryBasicReview .listLessonThumbBox {
  display: none; }

/*비즈니스 연습문제에서 이미지 안나타나게 하기*/
.lessonBox.mediumLesson.categoryBETelephone .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryBEMeeting .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryBEPresentation .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryBEEmail .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryBESocializing .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryBEDiscussion .listLessonThumbBox {
  display: none; }

.exerciseImageBox {
  float: left;
  padding-left: 14px;
  padding-top: 12px; }

.exerciseImage img {
  height: 100px; }

.exerciseTextBox {
  float: left;
  width: 200px;
  padding-left: 14px;
  padding-top: 15px; }

.exerciseBox {
  float: left;
  width: 340px;
  padding-left: 14px;
  padding-top: 15px; }

.exerciseTitle {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  color: #333333;
  line-height: 20px;
  padding-bottom: 5px; }

.exerciseTitle a:hover {
  text-decoration: none; }

.exerciseSub {
  font-family: Arial, Helvetica, "Dotum", sans-serif;
  color: #333;
  line-height: 18px; }

.exerciseToggleBox {
  float: right; }

.exerciseToggle {
  padding: 15px 0 8px 2px; }

.answerNum {
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 0.8em;
  color: #333333;
  padding: 8px;
  border: 1px solid #999999;
  background-color: #FFF;
  width: 15px; }

#sectionStage {
  background-color: #29235C;
  min-height: 80px;
  padding: 15px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px; }

.currentStage {
  color: #FFF; }

.gotoStage {
  padding-top: 8px; }

/* *********************************** Exercises Page: 연습문제 페이지 *********************************** */
.breadcrumb {
  margin: 0 0 6px 0;
  padding: 7px 14px;
  font-family: Arial, Helvetica, "Dotum", sans-serif;
  font-size: 0.8em;
  color: #999; }

.breadcrumb a:hover {
  color: #999;
  text-decoration: underline; }

.breadcrumb a:link {
  color: #999;
  text-decoration: none; }

.bread {
  float: left;
  font-size: 0.8em;
  font-family: Arial, Helvetica, "Dotum", sans-serif;
  font-weight: bold;
  color: #999;
  width: 550px; }

.gotolist {
  float: right;
  font-size: 0.8em;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/79/gotolist.png);
  background-repeat: no-repeat; }

#sectionExerciseTopic {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 5px;
  border: 5px solid #C1E5E9;
  border-radius: 25px; }

/* 
.exerciseIconBox { } 
*/
.exerciseTypeillustBox {
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  background-color: #C1E5E9;
  min-height: 60px; }

.exerciseTypeillust {
  font-size: 1.4em;
  padding: 16px 10px 16px 16px;
  font-weight: bold;
  line-height: 20px; }

.exerciseTypeTopicBox {
  /*border-bottom-left-radius:25px; border-bottom-right-radius: 25px; border:5px solid #C1E5E9;*/ }

.exerciseTypeBox {
  float: left;
  width: 140px; }

.exerciseType {
  padding: 10px 10px;
  font-size: 1.05em;
  font-weight: bold;
  line-height: 18px; }

.exerciseTopicBox {
  float: left; }

.exerciseTopic {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.25em;
  padding: 8px 10px 0 10px;
  line-height: 22px; }

.exerciseTopicKo {
  font-family: Arial, Helvetica, "Dotum", sans-serif;
  font-size: 1.05em;
  padding: 10px 15px 10px 15px;
  font-weight: bold;
  color: #999; }

.exerciseTopicTag {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  padding: 3px 15px 10px 12px; }

.exerciseTopicTag a:hover {
  color: #79CADC; }

.exerciseTopicTag img {
  width: 30px;
  padding: 0 5px; }

.lessonAssignment {
  border-top: 1px dotted #CCC;
  margin: 0px 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 1.05em;
  font-weight: normal;
  color: #666; }

.exerciseDescription {
  margin: 0px 10px;
  padding-top: 10px;
  font-family: Arial, Helvetica, 'Dotum', sans-serif;
  font-size: 0.95em;
  font-weight: normal;
  color: #666;
  letter-spacing: -0.1em; }

/* 문장 입력 */
#sectionWrite {
  background-color: #DCEFEE;
  min-height: 240px;
  -moz-box-shadow: 0 0 3px #999;
  -webkit-box-shadow: 0 0 3px #999;
  box-shadow: 0 0 3px #999; }

#sectionWrite:hover {
  -moz-box-shadow: 0 0 3px #333;
  -webkit-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333; }

.writeTitle {
  float: left;
  margin: 15px 20px;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, Helvetica, 'Helvetica Neue' sans-serif; }

.writeTextNum {
  float: right;
  margin-top: 12px;
  text-align: right;
  padding-right: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  font-style: italic; }

.writeIntendedTextNum {
  float: right;
  margin-top: 0px;
  margin-bottom: 5px;
  text-align: right;
  padding-right: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  font-style: italic; }

.writeForm {
  clear: left; }

.writeForm textarea {
  max-width: 538px;
  font-family: Helvetica, Arial, "Dotum", sans-serif;
  padding: 10px; }

.writeSubForm {
  margin-top: 1px; }

.writeSubForm textarea {
  max-width: 555px;
  font-family: Helvetica, Arial, "Dotum", "Helvetica Neue", sans-serif;
  font-size: 1.0em; }

.writeSentence {
  width: 538px;
  margin-left: 20px;
  font-size: 1.4em;
  color: #555;
  font-family: Arial, Helvetica, "나눔고딕", "NanumGothic" , "NanumGothicOTF", "Dotum", sans-serif;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 22px; }

.intendedMeaning {
  width: 555px;
  margin-left: 20px;
  font-size: 1.0em;
  color: #999; }

/* 비공개, 공유 옵션 */
.sentenceHiddenPrompt {
  margin: 2px 20px; }

.lessonPracticeSharePrompt {
  margin-left: 20px; }

.sentenceShareTwitterPrompt {
  margin-left: 20px; }

/* 문장 등록 버튼 */
/*.writeSubmitBtn { float: right; background:#79CADC; border-radius: 20px; padding: 20px; width: 150px; margin: 3px 20px 12px 0px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 1.4em;}*/
.bigblueroundinside {
  float: right;
  background: #79dcc4;
  border-radius: 6px;
  padding: 16px;
  width: 120px;
  margin: 3px 20px 12px 0px;
  text-align: center;
  font-family: Arial, Helvetica, "나눔고딕", "NanumGothic" , "NanumGothicOTF", "Dotum", sans-serif;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; }

.bigblueroundinside:hover {
  cursor: pointer;
  background: #66CAD7; }

/* 문장 작성 피드백: 문장이 등록되었습니다 */
#sectionPostWrite {
  border: 1px dotted #79cadc;
  border-radius: 10px;
  padding: 4px; }

.postConfirm {
  background-color: #F2F0E6;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  padding: 1%;
  border-radius: 6px;
  width: 98%; }

.postMore {
  margin: 5px 0 2px 0;
  text-align: center; }

.postNext {
  float: left;
  margin-left: 20px; }

/* 다음 연습문제로 */
.gotoNextExercise {
  margin: 5px; }

.goNextBtn {
  display: inline-block;
  padding: 4px 10px 2px 5px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-image: -ms-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(top, white, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer; }

.goNextBtn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear; }

/* 문장/교정 출력 */
.sentenceTitle {
  background-color: #66CAD7;
  color: #FFF;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 8px;
  text-align: center; }

.sentenceWrapper {
  margin-top: 0px;
  border-top: 1px dotted #999;
  clear: both; }

/* YOONA fixing style for haruk2.0*/
.sentence_display {
  margin-top: 7px;
  border-top: 1px dashed #79CADC;
  clear: both;
  width: 100%; }

.sentencesHidden {
  font-weight: bold;
  font-size: 0.95em;
  text-align: center;
  margin: 5px 0;
  color: #999; }

.avatarBox {
  float: left;
  width: 30px;
  margin: 10px 10px 5px 5px; }

.avatarBox img {
  width: 30px; }

.whoBox {
  float: left;
  padding-top: 3px;
  line-height: 14px; }

.who {
  float: left;
  margin-top: 5px;
  color: #43BCC7;
  font-size: 0.875em; }

.sentencesBox {
  margin-left: 0px;
  float: left;
  width: 85%; }

/* 작성한 문장 출력 */
.sentence_display .sentences {
  color: #333;
  margin-top: 3px;
  line-height: 19px;
  clear: left;
  padding-bottom: 5px; }

.sentence_display .sentences:hover {
  cursor: pointer;
  color: #9999FF; }

.sentences_view {
  width: 100%; }

#lesson_sentencesothers {
  clear: both;
  margin-top: 6px; }

/* 교정문 출력 */
.repliedBox {
  float: left;
  max-width: 480px; }

.sentenceCorrection .corrections {
  clear: left;
  color: #333; }

.intendedTitle {
  clear: left;
  color: #999;
  padding-top: 5px;
  border-top: 1px dotted #CCC;
  font-size: 0.875em; }

.sentencesIntended {
  float: left;
  padding-bottom: 5px;
  color: #999;
  line-height: 18px; }

.myHidden {
  background-color: #DDD; }

.sentenceToggleBox {
  float: right;
  margin-top: 5px;
  margin-right: 5px; }

.correctionWrapper {
  clear: both;
  background-color: #F2F0E6;
  margin-left: 0px; }
  .correctionWrapper .newCorrectionButton {
    display: none; }

body.native .correctionWrapper .newCorrectionButton {
  display: block; }

.correctionBox {
  float: left;
  padding: 8px 15px 15px 15px;
  color: #333;
  line-height: 18px; }

.correctionBox ul, ol {
  margin: 0px; }

.sentenceCorrection {
  padding-bottom: 10px;
  padding-top: 3px; }

/* END */
.correctionTitle {
  float: left;
  color: #999;
  font-size: 0.875em;
  padding-left: 10px;
  padding-bottom: 5px; }

.correction {
  float: left;
  font-family: Arial, Helvetica, 'Dotum', sans-serif;
  font-weight: bold;
  font-size: 0.95em;
  margin: 4px 10px 6px 12px;
  line-height: 18px;
  color: #222; }

.sentencesUnpublished {
  text-align: center;
  margin: 5px 0;
  color: #999;
  border-bottom: 1px dotted #999;
  padding-bottom: 3px;
  border-top: 1px dotted #999;
  padding-top: 3px;
  background-color: #DDD; }

.lesson_hidden_sentences_count {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  margin: 5px 0;
  color: #999;
  border-bottom: 1px dotted #999;
  padding-bottom: 3px;
  border-top: 1px dotted #999;
  padding-top: 3px;
  background-color: #DDD;
  clear: both; }

.prevBox {
  float: left;
  font-size: 0.875em;
  padding-left: 6px;
  letter-spacing: 1px; }

.nextBox {
  float: right;
  font-size: 0.875em;
  padding-right: 6px;
  letter-spacing: 1px; }

/* ************** each plate class styling for 레슨,연습문제,에세이,무료체험 리스트 ********************* */
/*연습문제*/
.lessonBox.exerciseIndex .categoryIcon {
  float: left;
  width: 80px;
  height: 80px;
  background-repeat: none;
  margin-top: 12px;
  margin-left: 12px; }

/* added for HARUKOREAN2.0 */
/* 아이콘 가리기 for 레슨 
.lessonBox.mediumLesson.categoryTTMIKLevel1.exerciseIndex .categoryIcon { display:none;}
.lessonBox.mediumLesson.categoryTTMIKLevel2.exerciseIndex .categoryIcon { display:none;}
.lessonBox.mediumLesson.categoryTTMIKLevel3.exerciseIndex .categoryIcon { display:none;}
.lessonBox.mediumLesson.categoryTTMIKLevel4.exerciseIndex .categoryIcon { display:none;}

.lessonBox.mediumLesson.categoryMiniDialogue.exerciseIndex .categoryIcon { display:none;}
.lessonBox.mediumLesson.categorySentenceBuilder.exerciseIndex .categoryIcon { display:none;}
.lessonBox.mediumLesson.categoryVideoVocabulary.exerciseIndex .categoryIcon { display:none;}
.lessonBox.mediumLesson.categoryIdiomaticExpressions.exerciseIndex .categoryIcon { display:none;}
.lessonBox.mediumLesson.categoryKoreanDramaPhrases.exerciseIndex .categoryIcon { display:none;}
.lessonBox.mediumLesson.categorySituationalPhrases.exerciseIndex .categoryIcon { display:none;} */
.lessonBox.mediumLesson.categoryPlateexercise .categoryIcon {
  display: none; }

/* 레슨 이미지 가리기 for 연습문제 */
.lessonBox.mediumLesson.categoryKoreanDictationExercise.exerciseIndex .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categorySentencemakingexercise.exerciseIndex .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryQuestions.exerciseIndex .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categoryPhotos.exerciseIndex .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categorytypeA.exerciseIndex .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categorytypeB.exerciseIndex .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categorytypeC.exerciseIndex .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categorytypeD.exerciseIndex .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categorytypeE.exerciseIndex .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categorytypeF.exerciseIndex .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categorytypeG.exerciseIndex .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categorytypeH.exerciseIndex .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categorytypeI.exerciseIndex .listLessonThumbBox {
  display: none; }

.lessonBox.mediumLesson.categorytypeJ.exerciseIndex .listLessonThumbBox {
  display: none; }

/*에세이*/
.lessonBox.essayIndex .categoryBlock {
  padding-left: 12px;
  padding-top: 12px; }

.lessonBox.essayIndex .essayTitles {
  float: left;
  max-width: 410px; }

.lessonBox.essayIndex .listLessonTitle {
  width: 380px;
  padding-top: 2px; }

.lessonBox.essayIndex .lessonSubTitle {
  width: 380px; }

.lessonBox.essayIndex .listLessonThumbBox {
  float: left;
  width: 150px; }

.lessonBox.essayIndex .listLessonThumbBox img {
  width: 150px;
  height: 85px; }

/* 무료체험 */
.lessonListingContainer.seriesfreetrial .lessonsListSeriesSectionDescription {
  display: none; }

.lessonListingContainer.seriesfreetrial .stageSelector {
  display: none; }

.lessonListingContainer.seriesfreetrial .lessonsListSeriesSectionTitle {
  padding: 16px; }

/* ***************************************************************** 스테이지 뱃지 ***************************************************************** */
.stageBadgeImage {
  width: 100px;
  height: 100px; }

.stageBadgeElement {
  margin: 10px;
  width: 150px;
  height: 150px;
  float: left;
  text-align: center; }

.stageBadgeSmallIcon {
  display: none; }

.stageBadgeIcon {
  display: block; }

.badgeName {
  font-size: 15px;
  font-weight: bold;
  margin-top: 5px; }

.badgeSeriesName {
  font-size: 13px;
  line-height: 16px;
  margin-top: 5px; }

/* 레슨 페이지 속 뱃지 섹션 */
#sectionBadges {
  padding: 12px;
  background-color: #EDEDED;
  border-radius: 6px;
  margin-bottom: 5px; }

.sectionBadgesTitle {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #9999FF; }

.badge_Title {
  font-size: 13px;
  font-weight: bold;
  text-align: center; }

.badge_Img {
  margin: 5px auto;
  text-align: center; }

.badge_Name {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #9999FF; }

/* ***************************************************************** 무료체험센터 ***************************************************************** */
.trialCenterTitle {
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
  font-weight: bold;
  font-size: 22px;
  color: #666;
  padding: 20px 20px 0px 20px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.trialCenterDescription {
  color: #666;
  font-size: 1em;
  padding: 20px; }

.trialcenter_trial_html {
  padding: 20px 12px;
  background-color: #ECECEC;
  border-radius: 4px;
  margin-bottom: 8px; }

.trialCenterIcon {
  float: left;
  width: 100px;
  height: 100px;
  background-image: url(http://harukaccel.x2o.net/uploads/medium/file/109/trialcenter_icon.png);
  margin-left: 10px; }

.trialCenterIcon.series_trialbooster {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/123/article22icon_booster.png) 0px 0px no-repeat; }

.trialCenterIcon.series_trialbasic {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/109/trialcenter_icon.png) 0px 0px no-repeat; }

.trialCenterIcon.series_trialbusiness {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/109/trialcenter_icon.png) 0px -100px no-repeat; }

.trialCenterIcon.series_trialjournal {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/109/trialcenter_icon.png) 0px -200px no-repeat; }

.trialCenterBox {
  float: left;
  width: 80%; }

.trialTitle {
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
  font-weight: bold;
  font-size: 19px;
  margin-top: 10px;
  margin-left: 10px; }

.trialText {
  padding: 10px; }

.trialOptions {
  padding: 10px 0 10px 10px;
  float: left; }

.trialStarted {
  margin-left: 10px;
  max-width: 170px; }

.trialStarted:hover {
  cursor: hand; }

.trialCenterbtn {
  border: none;
  background: #F26620;
  color: white;
  font-size: 15px;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
  padding: 10px;
  border-radius: 4px; }

.trialCenterbtn:hover, .trialCenterbtn:focus {
  background-color: #FF9966;
  color: white;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; }

.trialCenterbtn:active, .trialCenterbtn.active {
  background-color: #FF6633;
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.trialCenterbtn.disabled, .trialCenterbtn[disabled] {
  background-color: #95a5a6;
  color: white; }

.upgradebtn {
  border: none;
  background: #1abc9c;
  color: #FFF;
  font-size: 15px;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
  padding: 10px;
  border-radius: 4px; }

.upgradebtn:hover, .upgradebtn:focus {
  background-color: #2fe2bf;
  color: #FFF;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; }

.upgradebtn:active, .upgradebtn.active {
  background-color: #66CC99;
  color: #FFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.upgradebtn.disabled, .upgradebtn[disabled] {
  background-color: #95a5a6;
  color: #FFF; }

.startbtn {
  border: none;
  background: #999;
  color: white;
  font-size: 15px;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
  padding: 10px;
  border-radius: 4px; }

.startbtn:hover, .startbtn:focus {
  background-color: #666666;
  color: white;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; }

.startbtn:active, .startbtn.active {
  background-color: #888888;
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.startbtn.disabled, .startbtn[disabled] {
  background-color: #95a5a6;
  color: white; }

/* ***************************************************************** 1:1질문 ****************************************************************** */
#sectionQuestion {
  background-color: #DCEFEE;
  min-height: 200px;
  -moz-box-shadow: 0 0 3px #999;
  -webkit-box-shadow: 0 0 3px #999;
  box-shadow: 0 0 3px #999; }

.questionBox {
  background-color: #95C11F; }

.questionSectionTitle {
  background-color: #C1E5E9;
  padding: 14px 20px 10px 20px;
  font-size: 13px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  font-family: Arial, Helvetica, "Dotum", sans-serif;
  font-weight: normal; }

.questionWriteTitle {
  float: left;
  margin-left: 20px;
  margin-bottom: 8px; }

.questionWriteNum {
  float: right;
  margin-right: 20px;
  margin-bottom: 8px; }

.questionSubmitBtn {
  float: right;
  background: #999999;
  border-radius: 20px;
  padding: 20px;
  width: 150px;
  margin: 10px 20px 10px 0;
  text-align: center;
  font-size: 16px; }

.freeWritingBox {
  background-color: #575756;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px; }

.freeWritingSubmitBtn {
  background-color: #9CC;
  border-radius: 20px;
  padding: 20px;
  width: 120px;
  margin-right: 20px;
  margin-top: 10px;
  text-align: center;
  font-size: 16px; }

/* *********************************************************** 일기쓰기 **************************************************************** */
#sectionDiary {
  background-color: #EDF4F8;
  min-height: 200px;
  -moz-box-shadow: 0 0 3px #999;
  -webkit-box-shadow: 0 0 3px #999;
  box-shadow: 0 0 3px #999; }

.welcomeJournal {
  float: left;
  padding: 5px;
  font-size: 1.3em;
  margin-top: 10px; }

.welcomeJournalButton {
  float: right;
  padding: 14px 20px 12px 20px;
  background-color: #999;
  border-radius: 12px;
  color: #FFF;
  font-size: 1.4em;
  margin-right: 8px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.welcomeJournalButton:hover {
  background-color: #666; }

.routeSeriesCalendar.gotolist {
  float: right;
  background-image: none; }

.OutOfCreditsPhrases {
  background-color: #EDEDED;
  padding: 14px; }

/* *********************************************************** 마이노트 **************************************************************** */
.mynoteTab {
  float: left;
  margin-right: 9px; }

.mynoteTab:hover {
  -moz-box-shadow: 0 0 6px #666;
  -webkit-box-shadow: 0 0 6px #666;
  box-shadow: 0 0 6px #666;
  border-radius: 5px; }

.mynoteLastTab {
  float: left;
  margin-right: 0px; }

.mynoteLastTab:hover {
  -moz-box-shadow: 0 0 6px #666;
  -webkit-box-shadow: 0 0 6px #666;
  box-shadow: 0 0 6px #666;
  border-radius: 5px; }

.sectionMynoteBigTitle {
  background-color: #79CADC;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  font-size: 1em;
  font-weight: bold;
  color: #333;
  padding: 8px 14px; }

.sectionMynoteTitle {
  font-size: 0.8em;
  padding: 10px 14px;
  border-top: 1px dotted #79CADC;
  border-bottom: 1px dotted #79CADC; }

.newCorrectionBox {
  width: 100%; }

.newCorrection {
  background-color: #FFF;
  padding: 14px;
  font-size: 1.125em;
  font-weight: bold;
  color: #333; }

.sentenceBox {
  width: 100%;
  background-color: #DDD;
  border-top: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC; }

.intended {
  padding: 5px 14px;
  font-size: 0.8em;
  color: #333; }

.sentence {
  padding: 0px 14px 5px 14px;
  font-size: 1em; }

.bookmarkCheckBtn {
  float: right;
  width: 34px;
  height: 34px;
  background-image: url(./img/bookmark_off.png);
  margin-right: 12px; }

.readCheckBtn {
  float: right;
  width: 34px;
  height: 34px;
  background-image: url(./img/read_off.png);
  margin-right: 12px; }

.passCheckBtn {
  float: right;
  width: 34px;
  height: 34px;
  background-image: url(./img/pass.png); }

/*모든 교정*/
.mynoteCoBuWrapper {
  clear: left;
  background-color: #FFF; }

.mynoteCorrectionBox {
  float: left;
  width: 540px; }

.mynoteCorrection {
  padding: 5px 14px;
  font-size: 1em;
  font-weight: bold; }

.mynoteButtonBox {
  float: left;
  width: 40px;
  padding: 10px; }

.bookmarkBtn {
  width: 34px;
  height: 34px;
  background-image: url(./img/bookmark_off.png);
  background-repeat: no-repeat;
  padding-bottom: 5px; }

.bookmarkedBtn {
  width: 34px;
  height: 34px;
  background-image: url(./img/bookmark_on.png);
  background-repeat: no-repeat;
  padding-bottom: 5px; }

.readBtn {
  width: 34px;
  height: 34px;
  background-image: url(./img/read_off.png);
  background-repeat: no-repeat; }

.mynoteSentenceBox {
  clear: left;
  width: 100%;
  background-color: #DDD;
  border-top: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC; }

/*다운로드*/
.sectionDownloadBigTitle {
  background-color: #FF6600;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  font-size: 1em;
  font-weight: bold;
  color: #FFF;
  padding: 8px 14px; }

.downloadButton {
  float: left;
  background-color: #FF6600;
  width: 277px;
  margin: 5px 6px 5px 0;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  color: #FFF; }

.printButton {
  float: left;
  background-color: #FF6600;
  width: 277px;
  margin: 5px 0 5px 0;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  color: #FFF; }

.sectionDownloadDescription {
  clear: left;
  background-color: #DADADA;
  border-radius: 15px;
  padding: 14px;
  margin-top: 5px;
  font-size: 0.8em; }

/*1:1답변*/
.mynoteQuestionBox {
  background-color: #575757;
  padding: 15px 25px;
  color: #DDDDDD; }

.mynoteNoAnswerBox {
  background-color: #DDDDDD;
  border-bottom: 1px dotted #666;
  padding: 15px 25px;
  color: #999; }

.mynoteAnswerBox {
  background-color: #DDDDDD;
  border-bottom: 1px dotted #666; }

.mynoteAnswerBoxTitle {
  background-color: #575757;
  width: 115px;
  margin-left: 25px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #DDDDDD;
  padding: 5px 25px; }

.mynoteAnswer {
  color: #575757;
  font-size: 0.8em;
  padding: 15px 25px; }

/* 포인트 */
.pointBox {
  float: left;
  margin-right: 40px; }

.pointNum {
  max-width: 120px;
  border-bottom: 1px solid #EDEDED;
  font-size: 32px;
  margin: 5px;
  padding: 10px;
  text-align: center; }

.pointText {
  text-align: center; }

/* **************************************************** Right Column: 사이드바 스타일 ******************************************************** */
#sidebarSNS {
  height: 56px;
  padding-bottom: 5px; }

.ico_facebook {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/49/ico_fb.png);
  width: 56px;
  float: left;
  margin-left: 35px; }

.ico_facebook:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/50/ico_fb_hover.png); }

.ico_twitter {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/51/ico_twtitter.png);
  width: 56px;
  float: left; }

.ico_twitter:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/52/ico_twitter_hover.png); }

.ico_youtube {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/53/ico_ytube.png);
  width: 56px;
  float: left; }

.ico_youtube:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/54/ico_ytube_hover.png); }

.ico_mail {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/55/ico_mail.png);
  width: 56px;
  float: left; }

.ico_mail:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/56/ico_mail_hover.png); }

.sidebarTitle {
  margin: 0px; }

.sidebarStatisticsTitle {
  padding: 6px 10px; }

.sidebarStatistics {
  border: 1px solid #ECECEC;
  margin-bottom: 5px;
  padding: 8px; }

.sidebarBannericonBasic {
  float: left;
  width: 70px;
  height: 70px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/123/basic_on.png); }

.sidebarBannericonBasicplus {
  float: left;
  width: 70px;
  height: 70px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/125/basicplus_on.png); }

.sidebarBannericonBusiness {
  float: left;
  width: 70px;
  height: 70px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/127/business_on.png); }

.sidebarBannerStageText {
  float: left;
  width: 214px;
  margin-bottom: 5px;
  padding: 16px 4px;
  line-height: 18px;
  font-size: 0.95em; }

/* NEW ICON FOR YOU ARE NOW SECTION */
.sidebarSeriesBlock .sidebarSeriesIcon {
  float: left;
  width: 70px;
  height: 70px;
  background-image: url(http://harukaccel.x2o.net/uploads/medium/file/104/youarenow_icon.png); }

.sidebarSeriesBlock.series_booster1 .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/126/youarenow_beginner.png) 0px 0px no-repeat; }

.sidebarSeriesBlock.series_basic .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/104/youarenow_icon.png) 0px -70px no-repeat; }

.sidebarSeriesBlock.series_basicexercises .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/104/youarenow_icon.png) 0px -70px no-repeat; }

.sidebarSeriesBlock.series_freetrial_basic .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/104/youarenow_icon.png) 0px -140px no-repeat; }

.sidebarSeriesBlock.series_premium .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/104/youarenow_icon.png) 0px -210px no-repeat; }

.sidebarSeriesBlock.series_journal .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/104/youarenow_icon.png) 0px -350px no-repeat; }

.sidebarSeriesBlock.series_freetrial_premium .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/104/youarenow_icon.png) 0px -280px no-repeat; }

.sidebarSeriesBlock.series_freetrial_journal .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/104/youarenow_icon.png) 0px -420px no-repeat; }

.sidebarSeriesBlock.series_videovocab1 .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/136/youarenow_premiums.png) 0px 0px no-repeat; }

.sidebarSeriesBlock.series_videovocab2 .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/136/youarenow_premiums.png) 0px -70px no-repeat; }

.sidebarSeriesBlock.series_videovocab3 .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/136/youarenow_premiums.png) 0px -140px no-repeat; }

.sidebarSeriesBlock.series_idiomatic1 .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/136/youarenow_premiums.png) 0px -210px no-repeat; }

.sidebarSeriesBlock.series_idiomatic2 .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/136/youarenow_premiums.png) 0px -280px no-repeat; }

.sidebarSeriesBlock.series_dramaphrases1 .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/136/youarenow_premiums.png) 0px -350px no-repeat; }

.sidebarSeriesBlock.series_sentencebuilder1 .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/136/youarenow_premiums.png) 0px -420px no-repeat; }

.sidebarSeriesBlock.series_sentencebuilder2 .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/136/youarenow_premiums.png) 0px -490px no-repeat; }

.sidebarSeriesBlock.series_minidialog1 .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/136/youarenow_premiums.png) 0px -560px no-repeat; }

.sidebarSeriesBlock.series_minidialog2 .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/136/youarenow_premiums.png) 0px -630px no-repeat; }

.sidebarSeriesBlock.series_minidialog3 .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/136/youarenow_premiums.png) 0px -700px no-repeat; }

.sidebarSeriesBlock.series_situational0 .sidebarSeriesIcon {
  background: url(http://harukaccel.x2o.net/uploads/medium/file/136/youarenow_premiums.png) 0px -770px no-repeat; }

.sidebarBannericonJournal {
  float: left;
  width: 70px;
  height: 70px;
  background: url(http://harukaccel.x2o.net/uploads/medium/file/104/youarenow_icon.png) 0px -350px no-repeat; }

.sidebarSignUpBanner {
  width: 300px;
  height: 83px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/116/signup2.png);
  margin-bottom: 5px; }

.sidebarSignUpBanner:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/117/signup_on2.png);
  cursor: pointer; }

.sidebarImageBanner {
  padding: 0px;
  margin-bottom: 5px; }

.sidebarPriceLink {
  width: 300px;
  height: 53px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/119/prices_link.png);
  margin-bottom: 5px; }

.sidebarPriceLink:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/120/prices_link_on.png);
  cursor: pointer; }

/* added @4.18 : EDITING */
.sidebarBannerTitle {
  padding: 3px 6px;
  background-color: #ECECEC;
  height: 28px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.05em;
  font-weight: bold; }

.sidebarBannerSpace {
  width: 300px;
  height: 8px;
  clear: both; }

.sidebarBannericon {
  float: left;
  width: 70px; }

.sidebarBannerText {
  float: left;
  width: 210px;
  margin-bottom: 5px;
  padding: 16px 4px 8px 4px;
  line-height: 17px; }

.sidebarBannerImg {
  float: left;
  width: 210px;
  margin-bottom: 5px;
  padding: 0px; }

.sidebarBannerUnderline {
  clear: both;
  border-bottom: 1px dotted #B1B1B1;
  margin: 4px 0px; }

.sidebarBannerNewUpdate {
  clear: both;
  width: 300px;
  height: 18px; }

.sidebarBannerNewsIcon {
  float: left;
  width: 70px;
  height: 70px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/148/whatsnew2.png); }

.sidebarBannerLastline {
  clear: both;
  border-bottom: 1px solid #D9D9D9;
  margin: 4px 0px; }

.sidebarAvailablePoints {
  font-size: 2.1em;
  color: #999;
  margin-bottom: 6px; }

.sidebarTotalPoints {
  font-size: 1.4em;
  color: #999;
  margin-bottom: 6px; }

.sidebarLinkTitle {
  padding: 3px 6px;
  border-top: 1px dotted #666; }

.sidebarLink {
  margin-bottom: 5px;
  padding: 12px;
  background-color: #FFFFFF;
  border: 0px solid #CCC;
  /*-moz-box-shadow: 0 0 1px #666; -webkit-box-shadow: 0 0 1px #666; box-shadow: 0 0 1px #666;*/ }

.sidebarBannerTitle {
  padding: 3px 6px;
  border-top: 1px dotted #666; }

.sidebarBanner {
  border: 0px solid #CCC;
  margin-bottom: 5px;
  padding: 8px; }

/* 레슨 페이지 사이드바 */
.sideListTitle {
  background-color: #79CADC;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 8px 10px; }

.sideListLessons {
  border-bottom: 1px dotted #CCC;
  font-size: 0.875em;
  padding: 10px 5px; }

/* 연습문제 페이지 사이드바 */
.sideListExercises {
  border-bottom: 1px dotted #CCC;
  font-size: 0.875em;
  padding: 10px 5px; }

/* **********************************************************  사이드바 없는 페이지 *************************************************************** */
#oneContentWrapper {
  background: white;
  padding: 32px 0px;
  border-radius: 32px; }

#oneContent {
  width: 920px;
  margin-left: 30px;
  margin-right: 30px; }

#firstColumn {
  float: left;
  width: 300px; }

#secondColumn {
  float: left;
  width: 300px;
  margin-left: 10px; }

#thirdColumn {
  float: left;
  width: 300px;
  margin-left: 10px; }

/* 문법 목록 페이지 grammer list page*/
.grammerListTitle {
  border-top: 1px dotted #999;
  padding: 5px;
  margin-bottom: 10px;
  margin-right: 15px; }

.navbar-text {
  display: inline; }

.navbar-fixed-top .brand {
  display: none; }

/*.navbar .navbar-text>a {
	color: #999;
}
*/
.navbar .nav > li.i-nav {
  display: none; }

/* 어바웃/회사소개/이용약관/멤버쉽 설명 페이지 등등 ARTICLE PAGES */
.stuffTitle {
  background-color: #79CADC;
  border-radius: 6px;
  padding: 12px 16px;
  color: #FFF;
  font-size: 1.4em;
  margin-bottom: 16px; }

.stuffContent {
  font-family: Arial,Helvetica,"Dotum",sans-serif;
  color: #666;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  margin: 0px 5px; }

.upgradeTitle {
  border-radius: 12px;
  padding: 12px 16px;
  color: #FFF;
  font-size: 1.125em;
  margin-bottom: 6px; }

.articleBody {
  font-family: "Trebuchet MS", "Lucida Grande", "Tahoma","Helvetica","Arial", "hiragino kaku gothic pro", "Malgun Gothic", "나눔고딕", "NanumGothic" , "NanumGothicOTF", "Dotum", sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #666;
  margin: 5px 10px; }

.articlesImage {
  width: 100%; }

.articlesImage img {
  width: 60%; }

/* ****************************** for Upgrade / Subscription Page ****************************** */
.paymentBox {
  float: left;
  margin-right: 10px;
  background-color: #E8E8E8;
  border-radius: 8px;
  margin-bottom: 12px; }

.payTitle {
  width: 420px;
  height: 20px;
  color: white;
  font-size: 1.3em;
  font-weight: bold;
  padding: 15px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.payTitle.booster a:link, .payTitle.booster a:visited {
  color: #FFF; }
.payTitle.booster a:hover, .payTitle.booster a:active {
  color: #666; }

.payTitle.basic a:link, .payTitle.basic a:visited {
  color: #FFF; }
.payTitle.basic a:hover, .payTitle.basic a:active {
  color: #666; }

.payTitle.premium a:link, .payTitle.premium a:visited {
  color: #FFF; }
.payTitle.premium a:hover, .payTitle.premium a:active {
  color: #79CADC; }

.payTitle.journal a:link, .payTitle.journal a:visited {
  color: #FFF; }
.payTitle.journal a:hover, .payTitle.journal a:active {
  color: #666; }

.payTitleMore {
  float: right;
  font-size: 0.75em;
  font-weight: normal; }

.payMethod {
  clear: both;
  background-color: #999;
  color: white;
  font-size: 1em;
  padding: 4px 0px 4px 15px; }

.paySubscription {
  color: black;
  font-size: 1em;
  clear: both;
  border-top: 1px solid #999; }

.payDescription {
  max-width: 420px;
  padding: 12px; }

.payPeriod {
  padding: 12px 0px 12px 25px;
  float: left;
  min-width: 80px; }

.payPrice {
  padding: 12px 0px 12px 20px;
  float: left;
  min-width: 100px; }

.payRate0 {
  padding: 12px 0px 12px 20px;
  float: left;
  min-width: 30px;
  margin-left: 10px;
  margin-right: 10px; }

.payRate10 {
  padding: 12px 0px 12px 20px;
  float: left;
  min-width: 30px;
  margin-left: 10px;
  margin-right: 10px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/244/rate10.png);
  background-repeat: no-repeat;
  background-position: center; }

.payRate11 {
  padding: 12px 0px 12px 20px;
  float: left;
  min-width: 30px;
  margin-left: 10px;
  margin-right: 10px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/245/rate11.png);
  background-repeat: no-repeat;
  background-position: center; }

.payButton {
  margin: 6px 25px 6px 0px;
  padding: 5px 7px 5px 8px;
  float: right;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #E0E0E0; }

.paySaleBox {
  float: left;
  margin-right: 6px;
  background-color: #D2F9F5;
  border-radius: 8px;
  margin-bottom: 12px;
  border: 1px solid #E0E0E0;
  width: 99%; }

.paySaleText {
  color: black;
  font-size: 18px;
  padding: 25px;
  float: left;
  font-weight: bold; }

.paySaleButton {
  margin: 15px 30px;
  padding: 10px;
  float: right;
  border-radius: 5px;
  background-color: white; }

.withoutPaypal {
  width: 100%; }

.withoutPaypal iframe {
  width: 560px;
  height: 315px; }

/* ************************************************************* FOOTER: 푸터 ****************************************************************** */
.copyright {
  font-size: 0.95em;
  margin: 10px;
  text-align: center; }

.footerMenu {
  margin-top: 45px;
  padding: 35px 0 36px;
  border-top: 1px solid #E5E5E5;
  font-size: 1.05em; }

.footerNav {
  font-size: 0.875em; }

.footerInfo {
  font-size: 0.875em;
  color: #999;
  text-align: center;
  line-height: 16px;
  padding-bottom: 8px; }

#footer_content {
  padding: 4%;
  width: 92%;
  background-color: #333;
  margin-top: 10px;
  border-radius: 10px; }

.footer_left {
  float: left;
  border-right: 1px dotted #999;
  margin: 5px;
  min-width: 280px; }

.footer_center {
  float: left;
  border-right: 1px dotted #999;
  margin: 5px;
  min-width: 280px; }

.footer_right {
  float: left;
  margin: 5px;
  min-width: 280px; }

/* *************************************************** LOGIN/SIGN UP: 로그인 / 회원가입 페이지 *********************************************** */
.etcPageTitle {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
  padding: 12px 20px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

#signUpContainer {
  width: 300px;
  margin: 15px; }

.signupTitle {
  font-size: 1.8em;
  font-weight: bold;
  color: #9999ff;
  padding: 0px;
  margin-bottom: 12px; }

.signBox {
  width: 280px;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 21px;
  background-color: #EDEDED; }

.signupSubTitle {
  color: #666;
  padding: 6px 0px 15px 0px; }

.signTextWrap {
  width: 120px;
  float: left; }

.signText {
  padding-bottom: 21px; }

.signFormWrap {
  float: left;
  width: 250px; }

.signForm {
  padding-left: 10px; }

.loginForm label[for="user_email"] {
  color: #3c3c3c; }

.loginForm input[name="user[email]"] {
  background: white; }

.loginFormAlternatives {
  font-family: "Lucida Grande", "Tahoma","Helvetica","Arial", "hiragino kaku gothic pro", "나눔고딕", "NanumGothic" , "NanumGothicOTF", "Dotum", sans-serif;
  font-size: 0.95em;
  font-weight: bold; }

.signupAlternatives {
  margin-botton: 5px; }

.loginFormSNSButton {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 1.125em;
  color: white;
  text-align: center;
  line-height: 15px;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 15px;
  width: 180px; }

.loginFormSNSButton.snsFacebook {
  background: #3B5998; }

.loginFormSNSButton.snsTwitter {
  background: #66CAD7; }

.loginFormSNSButton.snsGoogle {
  background: #4D4D4C; }

.loginFormOther {
  font-family: "Lucida Grande", "Tahoma","Helvetica","Arial", "hiragino kaku gothic pro", "나눔고딕", "NanumGothic" , "NanumGothicOTF", "Dotum", sans-serif;
  font-size: 0.95em;
  font-weight: bold;
  margin-top: 10px; }

.signupFormOther {
  font-family: "Lucida Grande", "Tahoma","Helvetica","Arial", "hiragino kaku gothic pro", "나눔고딕", "NanumGothic" , "NanumGothicOTF", "Dotum", sans-serif;
  font-size: 0.95em;
  font-weight: bold;
  margin-top: 70px; }

.registerButtonBox {
  float: right;
  width: 250px; }

.checkbox {
  text-align: right; }

.termsOfUse {
  font-family: Arial, Helvetica, "Dotum", sans-serif;
  font-weight: normal;
  font-size: 0.875em;
  color: #666;
  text-align: right;
  margin-right: 25px; }

.registerButton {
  padding: 15px 25px;
  border-radius: 12px;
  margin: 5px 25px 0 0;
  width: 100px;
  float: right; }

.findPassword {
  padding-left: 30px;
  font-size: 0.8em; }

.button {
  padding: 15px 25px;
  border-radius: 12px;
  text-align: center; }

.signDescriptionBox {
  padding: 20px 12px 0px 12px;
  background-color: #ECECEC;
  border-radius: 4px;
  margin-bottom: 4px; }

.signSelectBox {
  float: left;
  padding: 15px; }

.signSelectBox .button:hover {
  color: #FFF;
  text-decoration: underline; }

#snsLoginBox {
  padding: 30px;
  background-color: #E8E8E8; }

.snsLogin {
  float: left;
  width: 250px;
  padding: 10px;
  background-color: #29235C;
  margin-bottom: 10px;
  margin-right: 15px;
  border-radius: 12px;
  text-align: center;
  color: #FFF; }

.marketingPageBox {
  padding: 30px; }

#pageBox {
  border-left: 1px solid #F3F3F3;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 30px 20px 15px 20px;
  background-color: #E8E8E8; }

/* **************************************************************** Profile 계정******************************************************************* */
.profileMemberSince {
  color: #5a5a5a; }

.profileLocalTime {
  color: #5a5a5a; }

.profilePersonLink {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left; }

/* Account */
.profileRoleTitle {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 1.125em; }

.profileRole {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 1em;
  color: #5a5a5a; }

.profileSubscription {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 1em;
  color: #5a5a5a; }

.profileEmail {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 1em;
  color: #5a5a5a; }

/* Social */
.profileSocial {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  background-color: #EDEDEC;
  padding: 12px;
  font-size: 13px;
  line-height: 24px; }

.profileSocialTitle {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 1.05em;
  border-bottom: 1px solid #666; }

.profileSocialExplaination {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  color: #5a5a5a; }

.profileTwitterActive {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  color: #5a5a5a; }

.profileTwitterLinkedTo {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  color: #5a5a5a; }

.profileTwitterActiveLinks {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  color: #5a5a5a; }

.profileTwitterConnect {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  color: #5a5a5a; }

.profileFacebookActive {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  color: #5a5a5a; }

.profileFacebookActiveLinks {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  color: #5a5a5a; }

.profileFacebookConnect {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  color: #5a5a5a; }

/* Avatar */
.profileAvatarTitle {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 1.05em; }

.profileAvatarImage {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  color: #5a5a5a; }

.profileAvatarImage img {
  border: 1px solid #CCC;
  padding: 2px; }

.profileAvatarExplaination {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 0.875em;
  color: #5a5a5a; }

.profileAvatarUploadForm {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  color: #5a5a5a;
  margin-top: 15px; }

/* update your profile */
.profileGeneralSettingsTitle {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 1.05em; }

.profileGeneralSettings {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  color: #5a5a5a; }

/* ********** Public Profile : 프로필 페이지 ********** */
.aboutMeTitle {
  font-size: 18px;
  margin: 5px 0px; }

.profileMemberFor {
  font-size: 13px; }

.profileAboutMeTitle {
  background-color: #D6ECEF;
  padding: 20px 20px 0px 20px; }

.profileAboutMeContent {
  background-color: #D6ECEF;
  padding: 0px 20px 20px 20px; }

/*Export Sentences & Corrections */
.ExportSubtitle {
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 1em;
  color: #3c3c3c;
  font-weight: bold;
  padding-top: 10px; }

.exportNotes {
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 1em;
  color: #3c3c3c; }

#exportRequestArea {
  padding: 6px 0px; }

.requestExportButton {
  background: #66cad7;
  border-radius: 10px;
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  color: white;
  padding: 5px 10px; }
  .requestExportButton:hover {
    background: #3ebccc;
    cursor: pointer; }
  .requestExportButton a:link, .requestExportButton a:visited, .requestExportButton a:hover, .requestExportButton a:active {
    text-decoration: none;
    color: white; }

.spaceAboveButton {
  padding: 6px 0px; }

/*#requestStatusRefresh.requestExportButton {
	background:none;
	color:$harukStudent;
}
div#howAmIDoing.ui-tabs-panel span#requestStatusRefresh.requestExportButton {
	background:none;
	color: $harukStudent;
}
*/
/* 공개 프로필 아래 댓글 */
#person_sentences {
  margin-top: 55px; }

#person_comments {
  margin-top: 55px; }

#personSentencesView .sentences_view {
  width: 100%; }

/* point ****************************** */
div.point_marker {
  width: 50%; }

/* override twitter bootstrap defaults */
body {
  background-image: none;
  margin: 0;
  font-family: Arial,Helvetica,"Dotum" sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 20px;
  color: #666666;
  background-color: #D6ECEF;
  leftmargin: 0px;
  topmargin: 0px;
  padding-left: 0px;
  padding-right: 0px; }

a {
  color: #666666;
  text-decoration: none; }

a:hover {
  color: #79CADC;
  text-decoration: none; }

/* ****************************************************Membership Series Visible Display************************************************* */
.visible-visitor {
  display: none; }

body.logged_out .visible-visitor {
  display: block; }

.visible-member {
  display: none; }

body.logged_in.member .visible-member {
  display: block; }

.visible-learner {
  display: none; }

body.logged_in.learner .visible-learner {
  display: block; }

.visible-native {
  display: none; }

body.logged_in.native .visible-native {
  display: block; }

.series_active_basic_block, .series_active_essay_block, .series_active_oneonone_block, .series_active_business_block, .subscription_current_block, .trial_active_block {
  display: none; }

body.series_active_basic .series_active_basic_block {
  display: block; }
body.series_active_basic .series_active_basic_inline {
  display: inline; }

body.series_active_essay .series_active_essay_block {
  display: block; }
body.series_active_essay .series_active_essay_inline {
  display: inline; }

body.series_active_oneonone .series_active_oneonone_block {
  display: block; }
body.series_active_oneonone .series_active_oneonone_inline {
  display: inline; }

body.series_active_business .series_active_business_block {
  display: block; }
body.series_active_business .series_active_business_inline {
  display: inline; }

body.subscription_current .subscription_current_block {
  display: block; }
body.subscription_current .subscription_current_inline {
  display: inline; }

body.trial_active .trial_active_block {
  display: block; }
body.trial_active .trial_active_inline {
  display: inline; }

/* ******************************************************** 기타 / 추가된 스타일 ************************************************************** */
.trialExpired {
  margin: 10px;
  padding: 10px;
  border: 1px solid grey; }

.sentence_timestamp {
  display: none; }

body.native .sentence_timestamp {
  display: block;
  margin-top: 5px;
  color: #999;
  float: left;
  font-size: 11px; }

/*  **nice round button with giant white text** */
/* ** 인디케이터 ** */
.nothingIndicator {
  border: 1px dotted #CCC;
  padding: 10px 15px;
  border-radius: 7px;
  font-family: Arial,Helvetica,"Dotum",sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #999; }

.loadingIndicatorTitle {
  font-family: Arial,Helvetica,"Dotum",sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #999; }

#lessonSentencesView {
  width: 100%;
  /* JC */ }
  #lessonSentencesView .nothingIndicator {
    margin-top: 5px;
    margin-bottom: 5px; }

#lessonSentencesOthersView {
  width: 100%;
  /* JC */ }
  #lessonSentencesOthersView .nothingIndicator {
    margin-top: 5px;
    margin-bottom: 5px; }

/* Stage Indicator */
.homeSeriesWrapper {
  margin-bottom: 45px; }

.basic .stageIndicator {
  display: none; }

.business .stageIndicator {
  display: none; }

/* **문장관련** */
div.sentence_by_you {
  color: blue; }

div.sentence_by_other {
  color: green; }

div.sentences-nav {
  margin-left: 3px;
  margin-top: 12px;
  margin-bottom: 12px;
  /* margin-left:10px;
  */
  /* Sentences are not usually bound like comments are in a box */
  float: right; }

div.lessons-nav {
  margin-left: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  float: right; }

div.comments-nav {
  margin-left: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  float: right; }

/* **sentence toggles 문장 토글 버튼** */
.sentenceBookmarkButton {
  float: right;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/75/bookmark_un.png);
  background-repeat: none;
  width: 30px;
  height: 30px;
  opacity: .70;
  margin-left: 5px; }

.sentenceBookmarkButton:hover {
  opacity: 1.00;
  cursor: pointer; }

.sentenceBookmarkButton.bookmarked {
  float: right;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/74/bookmark_ed.png);
  background-repeat: none;
  width: 30px;
  height: 30px;
  margin-left: 5px; }

.sentenceAckButton {
  float: right;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/77/exercise_un.png);
  background-repeat: none;
  width: 30px;
  height: 30px;
  opacity: .70; }

.sentenceAckButton:hover {
  opacity: 1.00;
  cursor: pointer; }

.sentenceAckButton.acked {
  float: right;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/76/exercise_ed.png);
  background-repeat: none;
  width: 30px;
  height: 30px; }

/* ***********************************************JC sentence & comments input form -- Probably needs a lot of adjustment for TTMIE*********************************************** */
form#sentenceForm input[type='text'] {
  margin-left: 15px; }

input#sentence_content {
  line-height: 2em;
  font-size: 1.2em;
  width: 640px; }

input#sentence_meaning {
  line-height: 1.2em;
  font-size: 1em;
  width: 640px; }

/* 문장 페이지 > 교정해주세요! */
form#correction_form textarea {
  width: 100%;
  height: 90px;
  font-family: Helvetica,Arial,"Dotum",sans-serif; }

form#comment_form {
  margin-top: 15px;
  margin-left: 10px;
  width: 680px; }

form#comment_form textarea {
  width: 550px;
  height: 70px;
  font-family: Helvetica,Arial,"Dotum",sans-serif; }

form#commentForm {
  margin-top: 15px;
  width: 100%; }

form#commentForm textarea[name="comment[comment]"] {
  float: left;
  width: 78%;
  font-family: Helvetica,Arial,"Dotum",sans-serif; }

div.comment_display {
  min-width: 100%;
  /* plus left and right 10px margin for 700px */ }
  div.comment_display div.comment_avatar {
    float: left;
    margin: 10px;
    padding: 3px; }
  div.comment_display div.comment_lesson_link {
    float: left;
    margin-right: 10px; }
  div.comment_display div.comment_content_box {
    float: left;
    position: relative; }
  div.comment_display div.comment_timestamp {
    font-size: 0.8em;
    color: #666666;
    text-decoration: none;
    padding-bottom: 10px; }
  div.comment_display div.comment_content {
    font-size: 1em;
    color: #666666;
    margin-top: 14px;
    margin-right: 10px;
    width: 500px;
    /*width:590px;
    */ }
    div.comment_display div.comment_content a.comment_content:link, div.comment_display div.comment_content a.comment_content:visited, div.comment_display div.comment_content a.comment_content:hover, div.comment_display div.comment_content a.comment_content:active {
      font-size: 1.5em;
      text-decoration: none;
      color: black; }
  div.comment_display div.comment_lesson a:link, div.comment_display div.comment_lesson a:visited, div.comment_display div.comment_lesson a:hover, div.comment_display div.comment_lesson a:active {
    margin-top: 5px;
    font-size: 1em;
    color: #6699FF;
    text-decoration: none; }
  div.comment_display span.correction_counter_box {
    float: right;
    text-align: center;
    width: 60px;
    height: 60px;
    background: white;
    margin: 10px 5px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding-top: 3px; }

.comments-content {
  width: 100%; }

.sentences-content {
  width: 100%; }

div.comments-content div.nothingIndicator {
  border: 1px dotted #aeaeae;
  border-radius: 7px 7px 7px 7px;
  color: #aeaeae;
  font-family: Arial,Helvetica,"Dotum",sans-serif;
  font-style: normal;
  font-weight: normal;
  padding: 10px 15px;
  text-align: left;
  margin: 5px 0px; }

/* div.sentences-content div.nothingIndicator {
	width: 100%
}
*/
/* ****************************************replies to the Corrections & Comments 댓글 *** */
/* a normal comment or correction */
.comment .greatCorrectionButton {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  color: #00b3cd;
  margin-right: 5px;
  margin-bottom: 12px;
  padding: 3px 9px 4px 9px;
  cursor: pointer;
  background: #F2ECE4;
  border-radius: 11px; }
  .comment .greatCorrectionButton:hover {
    font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    font-size: 0.95em;
    color: #00b3cd;
    background: #bef0f0;
    background: #d7d2d2; }
.comment .greatCorrectionButtonWait {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 0.95em;
  color: #00b3cd;
  margin-right: 5px;
  margin-bottom: 12px;
  padding: 3px 9px 4px 9px;
  cursor: pointer;
  background: #F2ECE4;
  border-radius: 11px;
  display: none; }
.comment .replyToCommentButton {
  float: right;
  color: #79CADC;
  padding-right: 10px;
  padding-top: 3px; }
  .comment .replyToCommentButton:hover {
    cursor: pointer;
    color: #29235C; }

/* *****************************************replies are inside a .commentComments 댓글 안에 댓글** */
.commentComments {
  /*do not show nested comment forms*/ }
  .commentComments .comment {
    margin-left: 50px;
    border-top: 1px dotted #999;
    padding: 0px 0px;
    margin: 5px; }
    .commentComments .comment .greatCorrectionButton {
      display: none; }
    .commentComments .comment .greatCorrectionButtonWait {
      display: none; }
    .commentComments .comment .replyToCommentButton {
      display: none; }
  .commentComments .commentCommentEntryArea {
    display: none; }
  .commentComments .commentCommentEntryArea form textarea[name="comment[comment]"][name="comment[comment]"] {
    margin: 12px 12px;
    font-family: Helvetica,Arial,"Dotum",sans-serif; }
  .commentComments .bigblueround {
    /*float:right;
    margin-right:12px;
    margin-bottom:12px;
    padding-right:0px;
    @include roundCommentbutton;
    width:130px;
    height:40px;
    color:white;
    background:#66CAD7;
    border:0px solid #6699FF;
    color:#FFF;
    cursor:pointer;
    padding:0px 10px;
    text-align:center;
    text-shadow:rgba(0,0,0,.1) 0 -1px 0;
    text-transform:uppercase;
    border-radius:12px;
    */
    float: right;
    background: #79CADC;
    border-radius: 20px;
    padding: 20px;
    margin: 3px 20px 12px 0px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 1.4em; }
    .commentComments .bigblueround:hover {
      background: #00b3cd;
      cursor: pointer; }
    .commentComments .bigblueround.readonly {
      background: #999999; }
    .commentComments .bigblueround a:link, .commentComments .bigblueround a:visited, .commentComments .bigblueround a:hover, .commentComments .bigblueround a:active {
      text-decoration: none;
      color: white; }
  .commentComments div.bigblueround div.bigblueroundinside {
    float: right;
    background: #79CADC;
    border-radius: 10px;
    padding: 20px;
    width: 150px;
    margin: 3px 20px 12px 0px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 1.4em; }
  .commentComments div.bigblueround div.bigblueroundinside.readonly {
    float: right;
    background: #79CADC;
    border-radius: 10px;
    padding: 20px;
    width: 150px;
    margin: 3px 20px 12px 0px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    display: none; }

/*REPLY BUTTON OVERWRITE.commentComments div.bigblueround div.bigblueroundinside {
	float:right;
	background:#79CADC;
	border-radius:10px;
	padding:10px 5px;
	width:70px;
	margin:0px 20px 0px 0px;
	text-align:center;
	font-family:Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
	font-weight:bold;
	font-size: 1.4em;
}
*/
.comment_display .commentComments .comment {
  margin-left: 50px; }

.comment_display .commentComments .commentCommentEntryArea {
  margin: 8px 8px 8px 50px;
  padding: 0 0 8px 0;
  background-color: #DDDDDD;
  	/* **YOONA fixing **
  	border-top:1px dotted #999;
          -moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-radius:5px;
  	-moz-box-shadow:rgba(0,0,0,.2) 0 2px 4px;
  	-webkit-box-shadow:rgba(0,0,0,.2) 0 2px 4px;
  	box-shadow:rgba(0,0,0,.2) 0 2px 4px;** */ }

.comment_display .commentComments .commentCommentEntryArea .bigblueroundinside {
  float: right;
  width: 70px;
  margin: 0px 20px 0px 0px;
  text-align: center;
  border: none;
  background: #79CADC;
  color: #FFF;
  font-size: 15px;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
  padding: 10px;
  border-radius: 6px; }

.comment_display .commentComments .commentCommentEntryArea .bigblueroundinside:hover {
  background: #C1E5E9;
  cursor: pointer; }

/*ADDED BY YOONA @4.5*/
.commentReplyBTN {
  float: right;
  background: #29235C;
  border-radius: 10px;
  padding: 20px;
  margin: 3px 20px 12px 0px;
  text-align: center;
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
  font-weight: bold;
  font-size: 1em; }
  .commentReplyBTN:hover {
    background: #00b3cd;
    cursor: pointer; }
  .commentReplyBTN.readonly {
    background: #999999; }
  .commentReplyBTN a:link, .commentReplyBTN a:visited, .commentReplyBTN a:hover, .commentReplyBTN a:active {
    text-decoration: none;
    color: white; }

.commentReplyBTN.readonly {
  float: right;
  background: #79CADC; }

/* also normal comments for true comments have no "great" button */
#sentenceCommentsView .comment .greatCorrectionButton, #lessonCommentsView .comment .greatCorrectionButton, #personCommentsView .comment .greatCorrectionButton {
  display: none; }

/* ****************************************** Articles, info Pages Style for TEXT EDITOR *********************************************** */
/* added style with Jeff & Yoona for DISPLAY NONE AND MYNOTE STYLING*/
.exerciseOnly {
  display: none; }

.sectionExercises .exerciseOnly {
  display: block; }

.exerciseOnlyInline {
  display: none; }

.sectionExercises .exerciseOnlyInline {
  display: inline; }

.lessonOnly {
  display: none; }

.sectionLessons .lessonOnly {
  display: block; }

.lessonOnlyInline {
  display: none; }

.sectionLessons .lessonOnlyInline {
  display: inline; }

.essayOnly {
  display: none; }

.sectionEssays .essayOnly {
  display: block; }

.essayOnlyInline {
  display: none; }

.sectionEssays .essayOnlyInline {
  display: inline; }

.sectionEssays .essayHidden {
  display: none; }

#lesson_sentences div.sentence_lesson {
  display: none; }

#lesson_sentencesothers div.sentence_lesson {
  display: none; }

#personNewCorrectionsView div.sentence_lesson {
  clear: left;
  color: #999;
  padding-bottom: 5px; }

#sentencesMyView div.sentence_lesson {
  clear: left;
  color: #999;
  padding-bottom: 5px; }

#personBookmarksView div.sentence_lesson {
  clear: left;
  color: #999;
  padding-bottom: 5px; }

/*
#personNewCorrectionsView div.avatarBox {display:none;}
#sentencesMyView div.avatarBox {display:none;}
#personBookmarksView div.avatarBox {display:none;}

#personNewCorrectionsView div.who {display:none;}
#sentencesMyView div.who {display:none;}
#personBookmarksView div.who {display:none;}
*/
#personNewCorrectionsView div.sentences {
  font-size: 1.125em; }

#sentencesMyView div.sentences {
  font-size: 1.125em; }

#personBookmarksView div.sentences {
  font-size: 1.125em; }

#personNewCorrectionsView div.correctionWrapper {
  background-color: #DDD;
  border-top: 1px dotted #CCC;
  margin-left: 0px; }

#sentencesMyView div.correctionWrapper {
  background-color: #DDD;
  border-top: 1px dotted #CCC;
  margin-left: 0px; }

#personBookmarksView div.correctionWrapper {
  background-color: #DDD;
  border-top: 1px dotted #CCC;
  margin-left: 0px; }

#personNewCorrectionsView div.correctionBox {
  font-size: 1.2em;
  padding-top: 10px; }

#sentencesMyView div.correctionBox {
  font-size: 1.2em;
  padding-top: 10px; }

/* YOONA fixing */
#personBookmarksView div.correctionBox {
  padding-top: 10px; }

/* **Style for Home_Visitor_plate** */
#visitorcontent {
  margin-left: 5px; }

.visitorHomeButton01 {
  float: right;
  margin-right: 10px;
  width: 253px;
  height: 69px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/213/seemembership.png);
  background-repeat: none; }

.visitorHomeButton01:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/214/seemembershipOn.png);
  background-repeat: none;
  cursor: pointer; }

.visitorHomeButton02 {
  margin-left: 20px;
  margin-right: 10px;
  float: right;
  width: 281px;
  height: 69px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/215/gobuy.png);
  background-repeat: none; }

.visitorHomeButton02:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/216/gobuyOn.png);
  background-repeat: none;
  cursor: pointer; }

.visitorMembershipBox {
  background-color: #EEE9E3;
  border-radius: 12px;
  margin: 20px 10px 10px 0px;
  padding-bottom: 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.199) 1px 1px 2px, rgba(0, 0, 0, 0.098) 1px 1px 5px; }

.vmLeftBox {
  float: left;
  width: 450px;
  padding: 35px 35px 20px 35px; }

.vmRightBox {
  float: left;
  margin-top: 35px;
  padding: 0px 35px 20px 35px;
  border-left: solid 1px #8787E8; }

.visitorMembership {
  background-color: #FFFFFF;
  width: 400px;
  height: 45px;
  border-radius: 8px;
  margin: 10px 10px 2px 0px;
  padding: 12px 25px 8px 25px; }

.membershipText {
  float: left;
  width: 256px; }

.priceBasic {
  float: left;
  width: 141px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/225/priceBasic.png);
  background-repeat: none; }

.priceBasic:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/226/priceBasicOn.png);
  background-repeat: none;
  cursor: pointer; }

.pricePlus {
  float: left;
  width: 141px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/227/pricePlus.png);
  background-repeat: none; }

.pricePlus:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/228/pricePlusOn.png);
  background-repeat: none;
  cursor: pointer; }

.priceBusiness {
  float: left;
  width: 141px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/229/priceBusiness.png);
  background-repeat: none; }

.priceBusiness:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/230/priceBusinessOn.png);
  background-repeat: none;
  cursor: pointer; }

.visitorTitle {
  font-size: 22px;
  color: #9999FF;
  font-family: Georgia, Times New Roman, serif;
  margin: 5px 12px;
  line-height: 32px;
  font-style: italic; }

.vmSubscription {
  float: left;
  margin: 35px 10px 20px 0px;
  width: 150px;
  height: 150px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/219/Subscription.png);
  background-repeat: none; }

.vmSubscription:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/220/SubscriptionOn.png);
  background-repeat: none;
  cursor: pointer; }

.vmFreeTrial {
  float: left;
  margin-top: 35px;
  margin-bottom: 20px;
  width: 150px;
  height: 150px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/221/freeTrial.png);
  background-repeat: none; }

.vmFreeTrial:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/222/freeTrialOn.png);
  background-repeat: none;
  cursor: pointer; }

.tutorialLeftBox {
  margin-top: 20px; }

.tutorialRightBox {
  margin-top: 25px; }

.testimonialTitle {
  font-family: Georgia, Times New Roman, serif;
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  color: #9999FF;
  margin: 0 2%;
  border-bottom: 1px dashed #999;
  padding-bottom: 12px; }

.testimonial {
  width: 44%;
  float: left;
  margin: 1% 2%;
  padding: 4px; }

.testimonialwho {
  font-family: Georgia, Times New Roman, serif;
  font-size: 13px;
  font-weight: bold;
  padding: 4px;
  font-style: italic; }

.testimonialwhat {
  font-family: Georgia, Times New Roman, serif;
  font-size: 16px;
  font-weight: normal;
  padding: 4px;
  line-height: 24px; }

.testimonialUnderline {
  border-bottom: 1px dashed #999; }

.teacher1 {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  width: 142px;
  font-size: 0.875em;
  line-height: 16px; }

.teacher2 {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  width: 142px;
  font-size: 0.875em;
  line-height: 16px; }

.teacher3 {
  float: left;
  margin-bottom: 5px;
  width: 142px;
  font-size: 0.875em;
  line-height: 16px; }

.natives {
  float: left;
  margin-right: 10px;
  width: 80px;
  margin-bottom: 5px;
  font-size: 0.875em;
  line-height: 16px; }

.learnMoreButton {
  background-image: url(); }

.learnMoreButton:hover {
  background-image: url(); }

.visitorLCBox {
  border-top: solid 1px #9C9B9B;
  border-bottom: solid 1px #9C9B9B;
  padding: 20px;
  margin-top: 20px; }

.LCleft {
  width: 440px;
  float: left;
  margin-right: 10px; }

.LCright {
  width: 430px;
  float: left;
  font-size: 0.95em;
  line-height: 18px;
  min-height: 160px; }

.gotoLCfb {
  width: 154px;
  height: 34px;
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/223/LCButton.png);
  background-repeat: none;
  margin-top: 40px; }

.gotoLCfb:hover {
  background-image: url(http://ttmieaccel.x2o.net/uploads/medium/file/224/LCButtonOn.png);
  background-repeat: none;
  cursor: pointer; }

.visitorG9Box {
  border: solid 1px #9C9B9B;
  padding: 16px;
  margin-top: 15px; }

/* ************************************** Sentence Page 문장 페이지 *************************************** */
.sentence_page .lessonImage img {
  width: 100%; }

.sentence_wrote {
  margin: 10px 0px 5px 0px;
  font-size: 15px;
  font-family: Georgia, serif; }

.sentence_contentbox {
  background-color: #EDEDED;
  padding: 12px;
  border-radius: 4px;
  margin: 5px 0px; }

.sentence_avatar {
  float: left;
  width: 60px; }

.sentence_avatar img {
  width: 100%; }

.sentence_sentencecontent {
  float: left;
  font-size: 18px;
  width: 86%;
  margin-left: 2%;
  line-height: 28px; }

.intended_label {
  padding: 2px 5px; }

.meaning {
  padding: 5px;
  background-color: #EDEDED;
  padding: 6px 12px;
  border-radius: 4px; }

.related_lesson {
  float: left;
  padding-left: 5px; }

.sentence_related_lesson {
  float: left;
  font-weight: bold;
  padding-left: 8px; }

.sentence_sentence {
  font-size: 16px;
  background-color: #EDEDED;
  padding: 8px;
  border-radius: 6px; }

.correctionOptionsContainer {
  margin-top: 12px; }

.correctionfield {
  float: left;
  width: 100%; }

.sentence_nativebtn {
  float: left; }

.correctionTrustedNative {
  float: left;
  background-color: #EDEDED;
  padding: 16px;
  border-radius: 4px; }

.correctionTweetBox {
  float: left; }

.correctionTweetTitle {
  padding: 6px 12px;
  background-color: #C1E5E9;
  border-radius: 4px; }

.correctionObjective {
  margin-top: 25px;
  border-top: 1px solid #66CAD7;
  padding-top: 5px; }

.perfect_title {
  font-weight: bold;
  color: #66CAD7; }

.gibberish_title {
  font-weight: bold;
  color: #66CAD7; }

.correctionOptionPerfect {
  float: left;
  margin-right: 20px; }

#correction_form_perfect {
  float: left; }

.correctionOptionGibberish {
  float: left;
  margin-right: 20px; }

#gibberishCorrectionWrite {
  float: right; }

/* ************************************** page navigation for sentences 문장 리스트 넘기기 ********************************************/
div.sentences-nav .paginator.page-number {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #777;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding: 4px 10px 5px 10px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.sentences.sentences_first_page {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #999;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px; }

.sentences.sentences_first_page:hover {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3));
  background: -moz-linear-gradient(top, #fcfcfc, #f3f2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f2f3'); }

.sentences.sentences_first_page:active {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f3), to(#fcfcfc));
  background: -moz-linear-gradient(top, #f3f2f3, #fcfcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f3', endColorstr='#fcfcfc'); }

a.sentences.sentences_first_page, .sentences.sentences_first_page a {
  color: #FFFFFF;
  display: block;
  text-decoration: none; }

.sentences.sentences_previous_page {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #999;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px; }

.sentences.sentences_previous_page:hover {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3));
  background: -moz-linear-gradient(top, #fcfcfc, #f3f2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f2f3'); }

.sentences.sentences_previous_page:active {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f3), to(#fcfcfc));
  background: -moz-linear-gradient(top, #f3f2f3, #fcfcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f3', endColorstr='#fcfcfc'); }

a.sentences.sentences_previous_page, .sentences.sentences_previous_page a {
  color: #FFFFFF;
  display: block;
  text-decoration: none; }

.sentences.sentences_next_page {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #999;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px; }

.sentences.sentences_next_page:hover {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3));
  background: -moz-linear-gradient(top, #fcfcfc, #f3f2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f2f3'); }

.sentences.sentences_next_page:active {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f3), to(#fcfcfc));
  background: -moz-linear-gradient(top, #f3f2f3, #fcfcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f3', endColorstr='#fcfcfc'); }

a.sentences.sentences_next_page, .sentences.sentences_first_page a {
  color: #FFFFFF;
  display: block;
  text-decoration: none; }

.sentences.sentences_last_page {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #999;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px; }

.sentences.sentences_last_page:hover {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3));
  background: -moz-linear-gradient(top, #fcfcfc, #f3f2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f2f3'); }

.sentences.sentences_last_page:active {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f3), to(#fcfcfc));
  background: -moz-linear-gradient(top, #f3f2f3, #fcfcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f3', endColorstr='#fcfcfc'); }

a.sentences.sentences_last_page, .sentences.sentences_last_page a {
  color: #FFFFFF;
  display: block;
  text-decoration: none; }

/* **************************************** page navigation for lessons and comments 리스트 넘기기 *****************************************/
div.lessons-nav .paginator.page-number {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #777;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding: 4px 10px 5px 10px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.lessons.lessons_first_page {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #999;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px; }

.lessons.lessons_first_page:hover {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3));
  background: -moz-linear-gradient(top, #fcfcfc, #f3f2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f2f3'); }

.lessons.lessons_first_page:active {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f3), to(#fcfcfc));
  background: -moz-linear-gradient(top, #f3f2f3, #fcfcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f3', endColorstr='#fcfcfc'); }

a.lessons.lessons_first_page, .lessons.lessons_first_page a {
  color: #FFFFFF;
  display: block;
  text-decoration: none; }

.lessons.lessons_previous_page {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #999;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px; }

.lessons.lessons_previous_page:hover {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3));
  background: -moz-linear-gradient(top, #fcfcfc, #f3f2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f2f3'); }

.lessons.lessons_previous_page:active {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f3), to(#fcfcfc));
  background: -moz-linear-gradient(top, #f3f2f3, #fcfcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f3', endColorstr='#fcfcfc'); }

a.lessons.lessons_previous_page, .lessons.lessons_previous_page a {
  color: #FFFFFF;
  display: block;
  text-decoration: none; }

.lessons.lessons_next_page {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #999;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px; }

.lessons.lessons_next_page:hover {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3));
  background: -moz-linear-gradient(top, #fcfcfc, #f3f2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f2f3'); }

.lessons.lessons_next_page:active {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f3), to(#fcfcfc));
  background: -moz-linear-gradient(top, #f3f2f3, #fcfcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f3', endColorstr='#fcfcfc'); }

a.lessons.lessons_next_page, .lessons.lessons_first_page a {
  color: #FFFFFF;
  display: block;
  text-decoration: none; }

.lessons.lessons_last_page {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #999;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px; }

.lessons.lessons_last_page:hover {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3));
  background: -moz-linear-gradient(top, #fcfcfc, #f3f2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f2f3'); }

.lessons.lessons_last_page:active {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f3), to(#fcfcfc));
  background: -moz-linear-gradient(top, #f3f2f3, #fcfcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f3', endColorstr='#fcfcfc'); }

a.lessons.lessons_last_page, .lessons.lessons_last_page a {
  color: #FFFFFF;
  display: block;
  text-decoration: none; }

/* ********************************** page navigation for comments 댓글 리스트 넘기기 ************************************* */
div.comments-nav .paginator.page-number {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #777;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding: 4px 10px 5px 10px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.comments.comments_first_page {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #999;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px; }

.comments.comments_first_page:hover {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3));
  background: -moz-linear-gradient(top, #fcfcfc, #f3f2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f2f3'); }

.comments.comments_first_page:active {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f3), to(#fcfcfc));
  background: -moz-linear-gradient(top, #f3f2f3, #fcfcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f3', endColorstr='#fcfcfc'); }

a.comments.comments_first_page, .sentences.sentences_first_page a {
  color: #FFFFFF;
  display: block;
  text-decoration: none; }

.comments.comments_previous_page {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #999;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px; }

.comments.comments_previous_page:hover {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3));
  background: -moz-linear-gradient(top, #fcfcfc, #f3f2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f2f3'); }

.comments.comments_previous_page:active {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f3), to(#fcfcfc));
  background: -moz-linear-gradient(top, #f3f2f3, #fcfcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f3', endColorstr='#fcfcfc'); }

a.comments.comments_previous_page, .comments.comments_previous_page a {
  color: #FFFFFF;
  display: block;
  text-decoration: none; }

.comments.comments_next_page {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #999;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px; }

.comments.comments_next_page:hover {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3));
  background: -moz-linear-gradient(top, #fcfcfc, #f3f2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f2f3'); }

.comments.comments_next_page:active {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f3), to(#fcfcfc));
  background: -moz-linear-gradient(top, #f3f2f3, #fcfcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f3', endColorstr='#fcfcfc'); }

a.comments.comments_next_page, .comments.comments_first_page a {
  color: #FFFFFF;
  display: block;
  text-decoration: none; }

.comments.comments_last_page {
  background: #e6e6e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #999;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  text-align: center;
  text-shadow: white 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px; }

.comments.comments_last_page:hover {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3));
  background: -moz-linear-gradient(top, #fcfcfc, #f3f2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f2f3'); }

.comments.comments_last_page:active {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f3), to(#fcfcfc));
  background: -moz-linear-gradient(top, #f3f2f3, #fcfcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f3', endColorstr='#fcfcfc'); }

a.comments.comments_last_page, .comments.comments_last_page a {
  color: #FFFFFF;
  display: block;
  text-decoration: none; }

/* ********************************************** Notifications 알림 / page: update ****************************************************** */
/* beacon Styling */
.logged_in #beaconalerts {
  /* top & left Required if not in navbar */
  /* top:0px;left:175px; */
  width: 30px; }
  .logged_in #beaconalerts #beaconalertBox {
    width: 320px;
    left: -160px;
    top: 40px;
    position: absolute; }

.logged_in #beaconalerts {
  line-height: 21px;
  background: transparent;
  position: relative;
  /* display:fixed; */
  /* used if out of navbar */
  /* used if in twitter Bootstrap navbar */
  display: block;
  float: left;
  z-index: 1040; }
  .logged_in #beaconalerts .beaconJewel {
    background: #000000;
    color: #FFF;
    width: 25px;
    height: 22px;
    border-radius: 5px; }
    .logged_in #beaconalerts .beaconJewel a:link, .logged_in #beaconalerts .beaconJewel a:hover, .logged_in #beaconalerts .beaconJewel a:visited, .logged_in #beaconalerts .beaconJewel a:active {
      text-decoration: none; }
  .logged_in #beaconalerts .beaconJewel.shining {
    background: #ff0000;
    font-weight: bold; }
  .logged_in #beaconalerts a.beaconClear {
    display: none; }
  .logged_in #beaconalerts .beaconheader {
    height: 25px;
    padding-top: 10px;
    text-align: center; }
    .logged_in #beaconalerts .beaconheader a:link, .logged_in #beaconalerts .beaconheader a:hover, .logged_in #beaconalerts .beaconheader a:visited, .logged_in #beaconalerts .beaconheader a:active {
      color: white; }
  .logged_in #beaconalerts #beaconalertBox {
    border-left: 2px solid #00b3cd;
    border-right: 2px solid #00b3cd;
    border-bottom: 2px solid #00b3cd;
    border-radius: 0px;
    background: white;
    display: none;
    /* items inside beaconalertBox */ }
    .logged_in #beaconalerts #beaconalertBox .beaconalert.beaconTypePoints {
      font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
      font-weight: normal;
      font-style: normal;
      text-align: left;
      font-size: 0.95em;
      color: #00b3cd; }
    .logged_in #beaconalerts #beaconalertBox .beaconalert.beaconTypeCorrection {
      font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
      font-weight: normal;
      font-style: normal;
      text-align: left;
      font-size: 0.95em;
      color: #5a5a5a;
      background: #E4FFD4; }
    .logged_in #beaconalerts #beaconalertBox .beaconalert.beaconTypeAdmirer {
      font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
      font-weight: normal;
      font-style: normal;
      text-align: left;
      font-size: 0.95em;
      color: #6666cc; }
  .logged_in #beaconalerts .beaconalert {
    border-top: 1px dotted #00b3cd;
    padding: 10px 15px 12px 10px;
    margin-bottom: 0px;
    font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    font-size: 0.95em;
    color: Black;
    /*background:url(/assets/images/arr_blue_2.gif) 5px 15px no-repeat;*/ }

.logged_out #beaconalerts {
  display: none; }

#beaconalerts .beaconJewel.unreadBeacons {
  background: red; }

/* beaconReplay  */
#beaconalertReplayBox {
  font-family: Helvetica,Arial,Verdana,Dotum,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: 1.05em;
  background: #e4e7e1;
  padding: 10px 15px; }
  #beaconalertReplayBox a:link, #beaconalertReplayBox a:visited, #beaconalertReplayBox a:hover, #beaconalertReplayBox a:active {
    color: #00b3cd;
    text-decoration: none; }

.beaconReplay {
  border: 1px solid #66cad7;
  border-radius: 10px;
  padding: 12px;
  margin: 10px 10px 5px 0px;
  width: 674px;
  background: #bef0f0; }

.beaconReplayDate {
  font-size: 0.8em;
  color: #666; }

.beaconReplayMessage {
  font-family: Arial,Helvetica,"나눔고딕","NanumGothic","NanumGothicOTF","Dotum",sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  color: #666; }

/* Beacon for Smartphones ----------- */
@media (max-width: 767px) {
  .logged_in #beaconalerts {
    /* top & left Required if not in navbar */
    /* top:0px; left:20px;width:30px; */ }
    .logged_in #beaconalerts #beaconalertBox {
      width: 250px;
      left: -80px;
      position: absolute; }

  /* visitor Home */
  .vhomeWhole img {
    width: 99%; }

  .tutorialRightBox iframe {
    width: 300px;
    height: 168px; }

  .testimonial {
    width: 98%;
    margin: 1%; } }
/* ==|=====================================================================================================
  
Javascript size detection : .jssmall .jsmedium .jslarge .jsxlarge

========================================================================================================== */
/* JC New styles for Yoona to integrate: Javascript size detection - Indicator */
.jssizeIndicator {
  color: grey; }

.jssmall .jssizeIndicator {
  color: red; }

.jsmedium .jssizeIndicator {
  color: green; }

.jslarge .jssizeIndicator {
  color: blue; }

.jsxlarge .jssizeIndicator {
  color: orange; }

/* *****************************Javascript size detection - Styles*************************************** */
/* Small Screen:**************************** iPone 3GS/4/4S/5 Portrait 320 */
.jssmall {
  /* ****폰트 사이즈*/
  /* ****로그인 후 홈 화면 Home Index 연습문제&레슨 리스트*/
  /* ****카테고리 리스트 - NEW INDEX with Category */
  /*연습문제리스트*/
  /*레슨 리스트 - INDEX*/
  /*레슨페이지*/
  /*댓글*/
  /*연습문제페이지*/
  /*문장입력*/
  /*문장등록하기버튼*/
  /*문장출력 - 아이폰 */
  /* 문장 페이지 */
  /*마이노트*/
  /*SIGNUP*/
  /*Profile_Upgrade*/
  /* ****로그인 전 홈 화면 visitor Home */
  /* Articles */ }
  .jssmall #wrapper {
    width: 100%;
    padding: 10px 0px;
    border-radius: 12px;
    margin: 0 auto; }
  .jssmall #header {
    width: 100%; }
  .jssmall #maincontent {
    width: 96%;
    padding: 1% 2%;
    border-radius: 12px;
    margin: 0px auto; }
  .jssmall #topbarContent {
    width: 100%; }
  .jssmall #menunav li a {
    width: 70px; }
  .jssmall .navbar-fixed-top {
    margin-left: 0px;
    margin-right: 0px; }
  .jssmall .navbar-fixed-top .navbar-inner {
    padding: 0px; }
  .jssmall .navbar-fixed-top .brand {
    display: inline; }
  .jssmall .navbar .nav > li.i-nav {
    display: inline; }
  .jssmall #rightColumn {
    display: none; }
  .jssmall #sidebar {
    display: none; }
  .jssmall #footer {
    display: none; }
  .jssmall .footerMenu {
    display: none; }
  .jssmall .copyright {
    display: none; }
  .jssmall .footerInfo {
    display: none; }
  .jssmall .footerMenu .pull-right {
    display: none; }
  .jssmall #precontent {
    display: none; }
  .jssmall .sectionMarketingBig {
    display: none; }
  .jssmall .writeForm textarea {
    font-size: 1.125em; }
  .jssmall .form#commentForm textarea[name="comment[comment]"] {
    font-size: 1.125em; }
  .jssmall .listLessonThumbBox {
    width: 92%;
    margin: 0 4%; }
  .jssmall .listLessonTitle {
    padding: 12px 6px 0px 12px; }
  .jssmall .lessonSubTitle {
    width: 90%;
    padding: 6px 12px 0px 12px; }
  .jssmall .listLessonBox {
    float: left;
    width: 55%; }
  .jssmall .lessonBox.essayIndex .essayTitles {
    max-width: 100%; }
  .jssmall .lessonBox.essayIndex .listLessonThumbBox {
    padding: 8px 0px 8px 0px; }
  .jssmall .lessonBox.essayIndex .listLessonTitle {
    width: 90%;
    padding-top: 2px;
    margin-left: 5%; }
  .jssmall .lessonBox.essayIndex .lessonSubTitle {
    width: 90%;
    padding-top: 2%;
    margin-left: 5%; }
  .jssmall .welcomeSectionTitles {
    width: 60%; }
  .jssmall .categoryPlatelesson .listLessonThumbBox {
    width: 96%;
    margin: 1% 2%; }
  .jssmall .categoryPlatelesson .lessonSubTitle {
    width: 94%; }
  .jssmall .categoryPlatelesson .listLessonDescription {
    width: 94%; }
  .jssmall .insertCategories {
    background-color: red; }
  .jssmall .wowimg img {
    width: 258px;
    padding-left: 14px;
    padding-right: 14px; }
  .jssmall .categoryImageBox {
    margin-left: 5px; }
  .jssmall .lessonListingContainer.seriesbasic.sectionExercises .lessonSubTitle {
    width: 150px; }
  .jssmall .listLessonThumb img {
    width: 265px; }
  .jssmall .welcomeLessonDescription {
    width: 260px; }
  .jssmall #sectionMarketingBig {
    margin: 0 5px; }
  .jssmall #welcomeSectionExercises {
    padding-left: 6px;
    padding-right: 6px; }
  .jssmall .welcomeExerciseIcon img {
    width: 100px; }
  .jssmall .welcomeExerciseBox {
    width: 170px; }
  .jssmall .welcomeExerciseImageBox {
    display: none; }
  .jssmall .welcomeExerciseTextBox {
    width: 170px; }
  .jssmall .welcomeExerciseToggleBox {
    float: left; }
  .jssmall .welcomeExerciseToggle {
    padding: 2px 8px 5px 5px;
    float: left; }
  .jssmall .welcomeAnswerNum {
    float: left; }
  .jssmall .exerciseIcon img {
    width: 100px; }
  .jssmall .exerciseBox {
    width: 170px; }
  .jssmall .exerciseImageBox {
    display: none; }
  .jssmall .exerciseTextBox {
    width: 170px; }
  .jssmall .exerciseToggleBox {
    float: left; }
  .jssmall .exerciseToggle {
    padding: 2px 8px 5px 5px;
    float: left; }
  .jssmall .answerNum {
    float: left; }
  .jssmall #welcomeSectionLessons {
    padding-left: 6px;
    padding-right: 6px; }
  .jssmall .welcomeLessonBox {
    clear: left;
    margin-left: 10px;
    margin-bottom: 15px;
    width: 270px; }
  .jssmall .welcomeLessonTitle {
    font-size: 1em; }
  .jssmall .lessonTypeTopicBox {
    min-height: 150px; }
  .jssmall .lessonTypeBox {
    width: 100px; }
  .jssmall .lessonType {
    padding: 8px;
    font-size: 0.875em; }
  .jssmall .lessonTopicBox {
    width: 200px; }
  .jssmall .lessonTopic {
    font-size: 1.125em;
    padding: 8px;
    line-height: 20px; }
  .jssmall .lessonTopicKo {
    padding: 0px 8px 5px 8px; }
  .jssmall .lessonVideoWrapper {
    width: 310px; }
  .jssmall .lessonMediaVimeoBox iframe {
    width: 310px;
    height: 175px; }
  .jssmall .commentIconBox {
    width: 30px;
    margin: 3px 6px 3px 0px; }
  .jssmall .commentTextBox {
    width: 210px; }
  .jssmall .commentReplyWrapper {
    margin-left: 36px; }
  .jssmall .replyTextBox {
    width: 220px; }
  .jssmall .writeComment {
    width: 300px; }
  .jssmall .writeComment textarea {
    width: 300px; }
  .jssmall div.comment_display {
    min-width: 270px; }
  .jssmall .commentComments .commentCommentEntryArea form textarea {
    width: 215px; }
  .jssmall #comment_comment {
    width: 310px; }
  .jssmall .form#commentForm {
    width: 310px; }
  .jssmall .exerciseTypeTopicBox {
    min-height: 80px; }
  .jssmall .exerciseTopicBox {
    width: 300px; }
  .jssmall .exerciseTopicKo {
    padding: 8px 16px;
    font-size: 1.2em; }
  .jssmall .exerciseTopicTag {
    padding: 5px; }
  .jssmall #sectionWrite {
    min-height: 250px; }
  .jssmall .writeSentence {
    width: 89%;
    margin-left: 10px; }
  .jssmall .intendedMeaning {
    width: 89%;
    margin-left: 10px; }
  .jssmall .writeSubmitBtn {
    padding: 10px;
    border-radius: 12px;
    margin-right: 12px;
    font-size: 1.2em; }
  .jssmall .bigblueroundinside {
    width: 80px;
    margin: 6px;
    font-size: 1.0em;
    border-radius: 4px;
    padding: 6px; }
  .jssmall .sentence_display {
    width: 100%; }
  .jssmall .sentence_display .sentences {
    padding-right: 0px; }
  .jssmall .intendedTitle {
    clear: left;
    padding-top: 6px;
    padding-bottom: 0px; }
  .jssmall .sentencesIntended {
    clear: left;
    padding-top: 2px;
    padding-bottom: 5px;
    color: #555;
    width: 100%; }
  .jssmall .correctionWrapper {
    width: 100%; }
  .jssmall .correctionBox {
    padding-left: 10px;
    padding-right: 10px; }
  .jssmall .sentence_sentencecontent {
    font-size: 16px;
    width: 70%;
    line-height: 24px; }
  .jssmall .mynoteTab {
    margin-right: 4px; }
  .jssmall .mynoteTab img {
    width: 48px; }
  .jssmall .mynoteLastTab img {
    width: 48px; }
  .jssmall .newCorrectionBox {
    width: 310px; }
  .jssmall .sentenceBox {
    width: 310px; }
  .jssmall .mynoteCorrectionBox {
    width: 250px; }
  .jssmall .mynoteSentenceBox {
    width: 310px; }
  .jssmall .downloadButton {
    width: 130px; }
  .jssmall .printButton {
    width: 130px; }
  .jssmall .stageBadgeSmallIcon {
    display: block; }
  .jssmall .stageBadgeIcon {
    display: none; }
  .jssmall .snsLogin {
    width: 220px; }
  .jssmall .sectionMarketingBig {
    display: none; }
  .jssmall .sectionMarketingBig img {
    display: none; }
  .jssmall .paymentBox {
    margin-left: 0px; }
  .jssmall .payTitle {
    width: 280px; }
  .jssmall .withoutPaypal iframe {
    width: 310px;
    height: 175px; }
  .jssmall .vhomeWhole img {
    width: 99%; }
  .jssmall .tutorialRightBox iframe {
    width: 300px;
    height: 168px; }
  .jssmall .visitorNewsBox {
    width: 280px; }
  .jssmall .leftNewsBox img {
    width: 260px; }
  .jssmall .rightNewsBox iframe {
    width: 280px;
    height: 157px; }
  .jssmall .visitorcontentOnlyDesktop {
    display: none; }
  .jssmall .visitorHomeButton01 {
    width: 80px;
    float: left;
    font-size: 1.1em;
    padding: 5px 10px; }
  .jssmall .visitorHomeButton02 {
    width: 80px;
    font-size: 1.1em;
    padding: 5px 10px; }
  .jssmall .visitorMembershipBox {
    width: 300px;
    padding-bottom: 0px; }
  .jssmall .visitorTitle {
    font-size: 15px;
    line-height: 20px; }
  .jssmall .vmLeftBox {
    width: 280px;
    padding: 10px; }
  .jssmall .vmRightBox {
    width: 280px;
    padding: 0 10px 10px 10px;
    margin-top: 0px; }
  .jssmall .visitorMembership {
    width: 260px;
    margin: 0 0 5px 0;
    padding: 10px; }
  .jssmall .priceBasic {
    display: none; }
  .jssmall .priceBusiness {
    display: none; }
  .jssmall .pricePlus {
    display: none; }
  .jssmall .vtLeftBox {
    padding: 0px; }
  .jssmall .vtRightBox {
    padding: 0px;
    border-left: 0px;
    margin-top: 10px; }
  .jssmall .vtRightBox iframe {
    width: 280px;
    height: 157px; }
  .jssmall .visitorLCBox {
    display: none; }
  .jssmall .testimonial {
    width: 98%;
    margin: 1%; }
  .jssmall .videoTutorial iframe {
    width: 280px;
    height: 157px; }
  .jssmall .articlesImage img {
    width: 100%; }

/* jssmallEND */
/* Medium Screen: ************************** GalaxyNote2 Portrait 400 */
/* Medium Screen: ************************** iPone 3GS/4/4S Landscape 480 */
/* Medium Screen: ************************** iPone 5 Landscape 568 */
.jsmedium {
  /* ****로그인 후 홈 화면 Home Index 연습문제&레슨 리스트*/
  /*레슨페이지 */
  /*연습문제 - 문장입력 */
  /*문장출력 - 아이폰 */
  /* 문장 페이지 */
  /* 마이노트 */
  /*레슨 리스트*/
  /*레슨 리스트 - NEW INDEX with Category : series_dashboard_category*/
  /*연습문제 리스트*/
  /* visitor Home */
  /*Profile_Upgrade*/
  /* Articles */ }
  .jsmedium #wrapper {
    width: 100%;
    padding: 10px 0px;
    border-radius: 12px;
    margin: 0 auto; }
  .jsmedium #header {
    width: 100%; }
  .jsmedium #maincontent {
    width: 96%;
    padding: 1% 2%;
    border-radius: 12px;
    margin: 0px; }
  .jsmedium .navbar-fixed-top {
    margin-left: 0px;
    margin-right: 0px; }
  .jsmedium .navbar-fixed-top .navbar-inner {
    padding: 0px; }
  .jsmedium .navbar-fixed-top .brand {
    display: inline; }
  .jsmedium .navbar .nav > li.i-nav {
    display: inline; }
  .jsmedium #rightColumn {
    display: none; }
  .jsmedium #sidebar {
    display: none; }
  .jsmedium #footer {
    display: none; }
  .jsmedium .footerMenu {
    display: none; }
  .jsmedium .copyright {
    display: none; }
  .jsmedium .footerInfo {
    display: none; }
  .jsmedium .footerMenu .pull-right {
    display: none; }
  .jsmedium .listLessonBox {
    min-width: 55%; }
  .jsmedium .categoryPlatelesson .listLessonTitle {
    padding: 12px 0px 0px 12px; }
  .jsmedium .categoryPlatelesson .lessonSubTitle {
    margin-top: 10px;
    padding: 12px;
    width: 92%; }
  .jsmedium .categoryPlatelesson .listLessonThumbBox img {
    padding-right: 24px; }
  .jsmedium .lessonBox.essayIndex .essayTitles {
    max-width: 60%; }
  .jsmedium .lessonBox.essayIndex .lessonSubTitle {
    margin: 0px 6px 6px 6px; }
  .jsmedium .lessonBox.essayIndex .listLessonThumbBox {
    float: left;
    width: 30%;
    margin-top: 3px;
    margin-left: 5%; }
  .jsmedium .lessonBox.essayIndex .listLessonThumbBox img {
    width: 100%;
    height: 56%; }
  .jsmedium .welcomeSectionTitles {
    width: 60%; }
  .jsmedium .gridOption {
    margin-bottom: 16px; }
  .jsmedium #sectionWrite {
    min-height: 280px; }
  .jsmedium .writeSentence {
    width: 93%;
    margin-left: 10px; }
  .jsmedium .intendedMeaning {
    width: 93%;
    margin-left: 10px; }
  .jsmedium .intendedTitle {
    margin-right: 10px; }
  .jsmedium .sentencesIntended {
    clear: left;
    padding-top: 2px;
    padding-bottom: 5px;
    color: #555; }
  .jsmedium .sentence_sentencecontent {
    font-size: 18px;
    width: 78%;
    line-height: 28px; }
  .jsmedium .mynoteTab {
    margin-right: 6px; }
  .jsmedium .mynoteTab img {
    width: 71px; }
  .jsmedium .mynoteLastTab img {
    width: 71px; }
  .jsmedium .insertCategories {
    background-color: yellow; }
  .jsmedium .wowimg img {
    padding-left: 24px;
    padding-right: 24px; }
  .jsmedium .wowtext {
    padding-top: 10px;
    margin-left: 20px; }
  .jsmedium .lessonListingContainer.seriesbasic.sectionExercises .lessonSubTitle {
    padding: 6px 6px 6px 16px; }
  .jsmedium .sectionMarketingBig {
    display: none; }
  .jsmedium .sectionMarketingBig img {
    display: none; }
  .jsmedium .visitorcontentOnlyDesktop {
    display: none; }
  .jsmedium .visitorHomeButton01 {
    width: 150px;
    font-size: 1.2em;
    padding: 15px; }
  .jsmedium .visitorHomeButton02 {
    width: 150px;
    font-size: 1.2em;
    padding: 15px; }
  .jsmedium .vmLeftBox {
    padding: 25px 5px 0px 10px; }
  .jsmedium .vmRightBox {
    margin-top: 0px; }
  .jsmedium .vtLeftBox {
    padding: 5px 0px; }
  .jsmedium .vtRightBox {
    padding: 0px;
    border-left: 0px; }
  .jsmedium .vtRightBox iframe {
    height: 236px; }
  .jsmedium .visitorG9Box {
    margin-right: 30px; }
  .jsmedium .paymentBox {
    margin-left: 5px; }
  .jsmedium .withoutPaypal iframe {
    width: 450px;
    height: 252px; }
  .jsmedium .videoTutorial iframe {
    width: 360px;
    height: 202px; }

/* jsmediumEND */
/* Large Screen: **************************** GalaxyNote2 Landscape 600 */
/* Large Screen: **************************** Nexus Portrait, GalaxyTab Portrait 600 */
/* Large Screen: **************************** iPad Portrait, OptimusView Portrait 768 */
.jslarge {
  /* ****로그인 후 홈 화면 Home Index 연습문제&레슨 리스트*/
  /*강의 리스트*/
  /*강의 페이지*/
  /* @4.5 */
  /*연습문제 리스트*/
  /*연습문제 페이지 
  .exerciseDescription img{ }*/
  /*문장 입력*/
  /*문장 출력*/
  /*마이노트*/
  /* visitor Home */
  /*레슨 리스트 - NEW INDEX with Category */
  /*Profile_Upgrade*/ }
  .jslarge #header {
    width: 100%; }
  .jslarge #wrapper {
    width: 96%;
    margin: 0 auto;
    padding: 15px 10px; }
  .jslarge #maincontent {
    width: 98%;
    padding: 0px;
    margin: 1%; }
  .jslarge #footer {
    display: none; }
  .jslarge #rightColumn {
    display: none; }
  .jslarge #sidebar {
    display: none; }
  .jslarge .listLessonThumbBox {
    width: 45%;
    margin-left: 18px;
    margin-top: 10px; }
  .jslarge .categoryPlatelesson .listLessonTitle {
    padding: 18px 0px 0px 18px; }
  .jslarge .categoryPlatelesson .lessonSubTitle {
    width: 45%;
    padding: 6px 0px 0px 12px; }
  .jslarge .lessonBox.essayIndex .essayTitles {
    max-width: 70%; }
  .jslarge .lessonBox.essayIndex .listLessonThumbBox {
    max-width: 23%;
    margin-top: 3px;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 1%; }
  .jslarge .lessonBox.essayIndex .listLessonThumbBox img {
    width: 100%;
    height: 56%; }
  .jslarge .lessonVideoWrapper {
    width: 94%; }
  .jslarge .lessonMediaVimeoBox iframe {
    width: 685px;
    height: 386px; }
  .jslarge .writeComment {
    width: 94%; }
  .jslarge .writeComment textarea {
    width: 94%; }
  .jslarge .commentComments .commentCommentEntryArea form textarea {
    width: 595px; }
  .jslarge .exerciseBox {
    width: 460px; }
  .jslarge .exerciseTextBox {
    width: 300px; }
  .jslarge .writeSentence {
    width: 92%; }
  .jslarge .intendedMeaning {
    width: 92%; }
  .jslarge .sentence_display {
    width: 100%; }
  .jslarge #lessonSentencesView .sentence_display {
    width: 100%; }
  .jslarge #lessonSentencesOthersView .sentence_display {
    width: 100%; }
  .jslarge .mynoteTab {
    margin-right: 8px; }
  .jslarge .mynoteTab img {
    width: 107px; }
  .jslarge .mynoteLastTab img {
    width: 107px; }
  .jslarge .sentenceBox {
    width: 685px; }
  .jslarge .mynoteCorrectionBox {
    width: 625px; }
  .jslarge .mynoteSentenceBox {
    width: 685px; }
  .jslarge .downloadButton {
    width: 320px; }
  .jslarge .printButton {
    width: 320px; }
  .jslarge #mynotesContent .sentence_display {
    width: 100%; }
  .jslarge .sectionMarketingBig {
    display: none; }
  .jslarge .sectionMarketingBig img {
    display: none; }
  .jslarge .vhomeWhole img {
    width: 99%; }
  .jslarge .visitorcontentOnlyDesktop {
    display: none; }
  .jslarge .visitorHomeButton01 {
    width: 150px;
    font-size: 1.2em;
    padding: 15px; }
  .jslarge .visitorHomeButton02 {
    width: 150px;
    font-size: 1.2em;
    padding: 15px; }
  .jslarge .insertCategories {
    background-color: green; }
  .jslarge .paymentBox {
    margin-left: 0px; }
  .jslarge .insertCategories {
    background-color: grey; }

/* jslargeEND */
/* X-Large Screen: ************************** GalaxyTab Landscape, Nexus Landscape, iPad Landscape, Desktop */
.jsxlarge {
  /* ****로그인 후 홈 화면 Home Index 연습문제&레슨 리스트*/ }
  .jsxlarge #logo {
    margin-top: 18px; }
  .jsxlarge #rightColumn {
    display: block; }
  .jsxlarge #sidebar {
    display: block; }
  .jsxlarge .insertCategories {
    background-color: grey; }
  .jsxlarge .listLessonThumbBox {
    width: 45%;
    margin-left: 18px;
    margin-top: 10px; }
  .jsxlarge .categoryPlatelesson .listLessonTitle {
    padding: 18px 0px 0px 18px; }
  .jsxlarge .categoryPlatelesson .lessonSubTitle {
    width: 45%; }

/* jsxlargeEND */