/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
font-weight: inherit;
font-style: inherit;
font-family: inherit; }
body {
line-height: 18px; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal; }
table, td, th {
vertical-align: middle; }
blockquote, q {
quotes: "\201C" "\201D"; }
blockquote:before, q:before {
content: open-quote; }
blockquote:after, q:after {
content: close-quote; }
a, button:focus, input, textarea {
outline: none; }
a img {
border: none; }
strong {
font-weight: bold; }
em {
font-style: italic; }
span.reset {
display: block;
height: 1px;
margin-top: -1px;
clear: both; }
input[type=hidden] {
display: none; }
input[disabled='disabled'] {
color: #cccccc;
background: none; }
form {
overflow: visible; }
ul {
list-style: none; }
/* Basic element styles */
a {
text-decoration: none; }
blockquote {
margin: 1.5em;
font-style: italic; }
strong {
font-weight: bold; }
em, dfn {
font-style: italic; }
dfn {
font-weight: bold; }
sup, sub {
line-height: 0; }
abbr, acronym {
border-bottom: 0; }
address {
margin: 0 0 1.5em;
font-style: italic; }
del {
text-decoration: line-through; }
pre, code {
display: block;
background: white;
padding: 9px; }
pre, code, tt {
font: 1em "andale mono", "lucida console", monospace;
line-height: 1.5; }
/* Base typography */
body {
line-height: 18px;
font-size: 13px;
font-family: Helvetica, Arial, sans-serif; }
body h2, body h3, body h4, body h5, body h6 {
line-height: 18px;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-weight: bold; }
body h1 {
font-size: 36px;
font-weight: normal;
line-height: 1;
margin-bottom: 0px; }
body h2 {
font-size: 24px;
line-height: 22px;
margin-bottom: 24px; }
body h3 {
font-size: 18px;
line-height: 18px;
margin-bottom: 18px; }
body h4 {
font-size: 14px;
line-height: 18px; }
body h5 {
font-size: 13px;
font-weight: bold;
margin-bottom: 18px; }
body h6 {
font-size: 1em;
font-weight: bold; }
body h1 img, body h2 img, body h3 img, body h4 img, body h5 img, body h6 img {
margin: 0; }
body p {
font-size: 13px;
line-height: 18px;
margin: 0 0 18px; }
/* HTML5 Defaults */
section, article, header, footer, nav {
display: block; }
/* Fixing Some RAILS MADNESS!!! *. */
div.fieldWithErrors {
display: inline;
padding: 0;
margin: 0; }
div.fieldWithErrors label {
color: #bb0000; }
.spinButton {
padding: 9px 24px;
border: 1px solid rgba(0, 0, 0, 0.5);
border-weight: 1px;
border-style: solid;
border-color: #7b7b7b #737373 #636363 #737373;
border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.5);
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 12px;
background: #eeeeee;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#cccccc));
background-image: -moz-linear-gradient(0% 100% 90deg, #cccccc, #fafafa);
color: #424242;
cursor: pointer;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px; }
.spinButton:hover, .spinButton:focus {
background: white;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#dddddd));
background-image: -moz-linear-gradient(0% 100% 90deg, #dddddd, white);
text-decoration: none; }
.spinButton:active {
background: #a9a8a7;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#fafafa));
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
text-decoration: none; }
.notice-wrap {
position: fixed;
top: 0px;
right: 18px;
width: 350px;
z-index: 10001; }
* html .notice-wrap {
position: absolute; }
.notice-item {
height: 60px;
background-color: black;
background-color: rgba(0, 0, 0, 0.7);
background-image: url("../images/flash_info.png");
background-position: 9px 50%;
background-repeat: no-repeat;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.8);
color: #eeeeee;
padding: 9px 9px 0 54px;
font-size: 12px;
font-weight: normal;
display: block;
position: relative;
margin: 0 0 12px 0; }
.notice-item.error {
background-image: url("../images/flash_error.png");
background-position: 9px 50%;
background-repeat: no-repeat; }
.notice-item.notice {
background-image: url("../images/flash_info.png");
background-position: 9px 50%;
background-repeat: no-repeat; }
.notice-item-close {
width: 31px;
height: 29px;
position: absolute;
font-family: Arial;
font-size: 12px;
font-weight: bold;
right: -11px;
top: -10px;
cursor: pointer;
text-indent: -5000em;
background-image: url("../images/close.png");
background-repeat: no-repeat; }
.hth_background {
display: none;
background-color: black;
background-color: rgba(0, 0, 0, 0.8);
position: fixed;
z-index: 10000;
top: 0;
left: 0;
width: 100%;
height: 100%; }
/* Chat Styles */
#hth-chat-widget .widget-inner {
position: relative;
max-width: 1024px;
min-width: 768px;
min-height: 100%;
margin: 0 auto;
background: #eeeeee; }
#hth-chat-widget .widget-inner #chat-status {
width: 30%;
height: 100%;
min-height: 100%;
position: absolute;
top: 0;
background: #222222; }
#hth-chat-widget .widget-inner #chat-wrapper {
width: 70%;
height: 100%;
min-height: 100%;
margin-left: 30%;
background: #eeeeee; }
#hth-chat-widget .widget-inner #chat-wrapper #chat-display {
padding: 36px;
overflow: auto;
border-bottom: 1px solid #cccccc; }
#hth-chat-widget .widget-inner #chat-wrapper #chat-display .composing {
opacity: 0.4;
filter: alpha(opacity=40); }
#hth-chat-widget .widget-inner #chat-wrapper #chat-display #original_question {
background: #f6f6f6;
display: block;
padding: 9px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
margin-bottom: 18px; }
#hth-chat-widget .widget-inner #chat-wrapper #chat-form {
position: absolute;
width: 70%;
bottom: 0;
border-top: 1px solid white; }
#hth-chat-widget .widget-inner #chat-wrapper #chat-form form {
margin: 36px;
height: 214px;
position: relative; }
#hth-chat-widget .widget-inner #chat-wrapper #chat-form form #hth_send_image {
position: absolute;
right: 0;
top: -3px;
padding: 6px 9px;
font-size: 11px; }
#hth-chat-widget .widget-inner #chat-wrapper #chat-form form textarea {
height: 86px;
width: 94.5%;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
border: 1px solid #c9c8c7;
padding: 15px;
font-size: 12px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 0;
background-image: url("../images/input_shadow.png");
background-repeat: repeat-x; }
#hth-chat-widget .widget-inner #chat-wrapper #chat-form form textarea:focus {
border: 1px solid #0e5291;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
background-image: url("../images/input_shadow_rev.png");
background-position: bottom;
background-repeat: repeat-x; }
#hth-chat-widget .widget-inner #chat-wrapper #chat-form form .markedit-preview {
background: #f9f9f9;
border: 1px solid white;
height: 86px;
width: 94.5%;
padding: 15px;
margin: 0;
font-size: 12px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px; }
#hth-chat-widget .widget-inner #chat-wrapper #chat-form form #hth_send {
position: absolute;
right: 0;
bottom: 0; }
#hth-chat-widget .widget-inner #chat-wrapper #chat-form form .hth_controls {
position: absolute;
bottom: 0;
left: 0; }
#hth-chat-widget .widget-inner #chat-wrapper #chat-form form .hth_controls button {
margin-right: 6px; }
#hth-chat-widget .widget-inner #chat-wrapper #chat-form form .hth_hint {
display: none;
position: absolute;
left: 0;
bottom: 5px;
margin-left: 190px;
margin-right: 120px; }
#hth-chat-widget #chat-status {
position: relative; }
#hth-chat-widget #chat-status #chat_timer_display {
display: block;
position: absolute;
bottom: 0px;
left: 18px;
width: 270px; }
#hth-chat-widget #chat-status #chat_timer_display dl {
margin-bottom: 18px;
padding: 18px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #3d3d3d;
font-weight: bold; }
#hth-chat-widget #chat-status #chat_timer_display dl dd {
color: #898989;
float: left; }
#hth-chat-widget #chat-status #chat_timer_display dl dt {
color: #bfbfbf;
text-align: right; }
/* Inlines */
#hth-question-widget {
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
padding: 18px 18px 9px 18px;
background: #fafafa;
margin-bottom: 36px;
display: none; }
#hth-question-widget #hth-inline-offer-header {
position: relative;
margin-bottom: 18px;
font-weight: normal;
color: #666666;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4); }
#hth-question-widget #hth-inline-offer-header span.count {
background: #0e5291;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: white;
padding: 4px 9px;
margin: 0 4px; }
#hth-question-widget #hth-inline-offer-list {
list-style: none;
margin: 0;
padding: 0;
width: 100%; }
#hth-question-widget #hth-inline-offer-list li {
border-top: 1px solid #e1e1e1;
position: relative;
margin: 1px 0 0 0;
font-size: 12px;
line-height: 18px;
width: 100%;
min-height: 44px; }
#hth-question-widget #hth-inline-offer-list li img {
vertical-align: middle;
margin-right: 6px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
width: 27px;
height: 27px; }
#hth-question-widget #hth-inline-offer-list li a.hth_profile {
padding: 9px 0;
display: block;
font-weight: bold;
float: left; }
#hth-question-widget #hth-inline-offer-list li a.accept {
color: #424242;
float: right;
white-space: nowrap;
padding: 4px 10px;
margin: 9px 0; }
#hth-question-widget #hth-inline-offer-list li a.accept.spinner span {
display: block;
padding-left: 36px;
background-image: url("../images/spinner_dots.gif");
background-repeat: no-repeat;
background-position: left 49%; }
#hth-question-widget #hth-inline-offer-list li span.tuition_rate {
display: block;
float: right;
padding: 5px 7px 5px 8px;
margin: 9px 9px 9px 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
background: #dddddd;
color: #666666;
font-size: 11px; }
/* Modals */
#hth-feedback-widget .widget-inner, #hth-end-session-widget .widget-inner {
-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.9);
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
margin: 0 auto;
background-color: #eeeeee;
position: absolute;
width: 900px; }
#hth-feedback-widget .widget-inner .spinButton, #hth-end-session-widget .widget-inner .spinButton {
padding: 6px 8px; }
#hth-feedback-widget .widget-inner .from, #hth-end-session-widget .widget-inner .from {
padding: 36px;
overflow: auto; }
#hth-feedback-widget .widget-inner #feedback_text, #hth-end-session-widget .widget-inner #feedback_text {
margin-bottom: 18px; }
#hth-feedback-widget .widget-inner #hth_positive_feedback_send, #hth-end-session-widget .widget-inner #hth_positive_feedback_send {
float: right;
background-color: #bae57e;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8e37d), to(#85a45a));
background-image: -moz-linear-gradient(0% 100% 90deg, #b8e37d, #85a45a); }
#hth-feedback-widget .widget-inner #hth_negative_feedback_send, #hth-end-session-widget .widget-inner #hth_negative_feedback_send {
float: left;
background-color: #e58b8b;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e58b8b), to(#a46363));
background-image: -moz-linear-gradient(0% 100% 90deg, #e58b8b, #a46363);
color: #372121; }
#browser_unsupported {
margin: 18px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.7);
margin-bottom: 36px;
padding: 18px 18px 1px 18px; }
#browser_unsupported p span {
display: block;
width: 36px;
height: 35px;
float: left;
background-image: url("../images/flash_error.png");
margin: 0 18px 9px 0; }
#hth_sidebar {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.7);
background-image: url("../images/metal_background.jpg");
margin: 0 18px 18px 18px;
color: #666666; }
#hth_sidebar #hth_session_status p {
padding: 8px 12px 11px 12px;
margin: 0; }
#hth_sidebar #hth_session_status p .spinButton {
text-align: center;
display: block;
padding: 6px 8px 8px; }
#hth_sidebar #hth_session_status, #hth_sidebar #hth-offer-widget, #hth_sidebar #hth-presence-widget {
display: none;
border-bottom: 1px solid #bbbbbb; }
#hth_sidebar #hth_session_status h4, #hth_sidebar #hth-offer-widget h4, #hth_sidebar #hth-presence-widget h4 {
position: relative;
padding: 8px 6px;
margin-bottom: 1px;
font-weight: normal;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4); }
#hth_sidebar #hth_session_status h4 span.count, #hth_sidebar #hth-offer-widget h4 span.count, #hth_sidebar #hth-presence-widget h4 span.count {
background: #0e5291;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: white;
padding: 2px 7px;
margin-right: 4px; }
#hth_sidebar #hth_session_status a.toggle, #hth_sidebar #hth-offer-widget a.toggle, #hth_sidebar #hth-presence-widget a.toggle {
position: absolute;
right: 9px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width: 18px;
height: 18px;
text-indent: -5000em; }
#hth_sidebar #hth_session_status a.toggle.up, #hth_sidebar #hth-offer-widget a.toggle.up, #hth_sidebar #hth-presence-widget a.toggle.up {
background-image: url("../images/mini_up.png");
background-repeat: no-repeat;
background-position: 50% 50%; }
#hth_sidebar #hth_session_status a.toggle.up:hover, #hth_sidebar #hth-offer-widget a.toggle.up:hover, #hth_sidebar #hth-presence-widget a.toggle.up:hover {
background-image: url("../images/mini_up.png");
background-repeat: no-repeat;
background-position: 50% 50%; }
#hth_sidebar #hth_session_status a.toggle.down, #hth_sidebar #hth-offer-widget a.toggle.down, #hth_sidebar #hth-presence-widget a.toggle.down {
background-image: url("../images/mini_down.png");
background-repeat: no-repeat;
background-position: 50% 50%; }
#hth_sidebar #hth_session_status a.toggle.down:hover, #hth_sidebar #hth-offer-widget a.toggle.down:hover, #hth_sidebar #hth-presence-widget a.toggle.down:hover {
background-image: url("../images/mini_down.png");
background-repeat: no-repeat;
background-position: 50% 50%; }
#hth_sidebar #hth_session_status #user-list, #hth_sidebar #hth_session_status #hth-offer-list, #hth_sidebar #hth-offer-widget #user-list, #hth_sidebar #hth-offer-widget #hth-offer-list, #hth_sidebar #hth-presence-widget #user-list, #hth_sidebar #hth-presence-widget #hth-offer-list {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #999999; }
#hth_sidebar #hth_session_status #user-list li, #hth_sidebar #hth_session_status #hth-offer-list li, #hth_sidebar #hth-offer-widget #user-list li, #hth_sidebar #hth-offer-widget #hth-offer-list li, #hth_sidebar #hth-presence-widget #user-list li, #hth_sidebar #hth-presence-widget #hth-offer-list li {
position: relative;
margin: 1px 0 0 0;
font-size: 12px;
line-height: 18px; }
#hth_sidebar #hth_session_status #user-list li img, #hth_sidebar #hth_session_status #hth-offer-list li img, #hth_sidebar #hth-offer-widget #user-list li img, #hth_sidebar #hth-offer-widget #hth-offer-list li img, #hth_sidebar #hth-presence-widget #user-list li img, #hth_sidebar #hth-presence-widget #hth-offer-list li img {
vertical-align: middle;
margin-right: 6px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
width: 23px;
height: 23px; }
#hth_sidebar #hth_session_status #user-list li a, #hth_sidebar #hth_session_status #hth-offer-list li a, #hth_sidebar #hth-offer-widget #user-list li a, #hth_sidebar #hth-offer-widget #hth-offer-list li a, #hth_sidebar #hth-presence-widget #user-list li a, #hth_sidebar #hth-presence-widget #hth-offer-list li a {
padding: 2px;
display: block;
font-weight: normal;
background: rgba(255, 255, 255, 0.3); }
#hth_sidebar #hth_session_status #user-list li a span, #hth_sidebar #hth_session_status #hth-offer-list li a span, #hth_sidebar #hth-offer-widget #user-list li a span, #hth_sidebar #hth-offer-widget #hth-offer-list li a span, #hth_sidebar #hth-presence-widget #user-list li a span, #hth_sidebar #hth-presence-widget #hth-offer-list li a span {
color: #646260; }
#hth_sidebar #hth_session_status #user-list li a:hover, #hth_sidebar #hth_session_status #user-list li a:focus, #hth_sidebar #hth_session_status #hth-offer-list li a:hover, #hth_sidebar #hth_session_status #hth-offer-list li a:focus, #hth_sidebar #hth-offer-widget #user-list li a:hover, #hth_sidebar #hth-offer-widget #user-list li a:focus, #hth_sidebar #hth-offer-widget #hth-offer-list li a:hover, #hth_sidebar #hth-offer-widget #hth-offer-list li a:focus, #hth_sidebar #hth-presence-widget #user-list li a:hover, #hth_sidebar #hth-presence-widget #user-list li a:focus, #hth_sidebar #hth-presence-widget #hth-offer-list li a:hover, #hth_sidebar #hth-presence-widget #hth-offer-list li a:focus {
text-decoration: none;
background: rgba(255, 255, 255, 0.5); }
#hth_sidebar #hth_session_status #user-list li a:active, #hth_sidebar #hth_session_status #hth-offer-list li a:active, #hth_sidebar #hth-offer-widget #user-list li a:active, #hth_sidebar #hth-offer-widget #hth-offer-list li a:active, #hth_sidebar #hth-presence-widget #user-list li a:active, #hth_sidebar #hth-presence-widget #hth-offer-list li a:active {
text-decoration: none; }
#hth_sidebar #hth_session_status #user-list li a.accept, #hth_sidebar #hth_session_status #hth-offer-list li a.accept, #hth_sidebar #hth-offer-widget #user-list li a.accept, #hth_sidebar #hth-offer-widget #hth-offer-list li a.accept, #hth_sidebar #hth-presence-widget #user-list li a.accept, #hth_sidebar #hth-presence-widget #hth-offer-list li a.accept {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: white;
background: #0e5291;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
position: absolute;
right: 4px;
top: 3px;
white-space: nowrap;
padding: 1px 6px; }
#hth_sidebar #hth_session_status #user-list li a.accept:hover, #hth_sidebar #hth_session_status #hth-offer-list li a.accept:hover, #hth_sidebar #hth-offer-widget #user-list li a.accept:hover, #hth_sidebar #hth-offer-widget #hth-offer-list li a.accept:hover, #hth_sidebar #hth-presence-widget #user-list li a.accept:hover, #hth_sidebar #hth-presence-widget #hth-offer-list li a.accept:hover {
background: #001f5e; }
#hth_sidebar #hth_session_status #user-list li .info, #hth_sidebar #hth_session_status #hth-offer-list li .info, #hth_sidebar #hth-offer-widget #user-list li .info, #hth_sidebar #hth-offer-widget #hth-offer-list li .info, #hth_sidebar #hth-presence-widget #user-list li .info, #hth_sidebar #hth-presence-widget #hth-offer-list li .info {
position: absolute;
right: 0;
top: 3px; }
#hth_sidebar #hth_session_status #user-list li .info .whuffie, #hth_sidebar #hth_session_status #hth-offer-list li .info .whuffie, #hth_sidebar #hth-offer-widget #user-list li .info .whuffie, #hth_sidebar #hth-offer-widget #hth-offer-list li .info .whuffie, #hth_sidebar #hth-presence-widget #user-list li .info .whuffie, #hth_sidebar #hth-presence-widget #hth-offer-list li .info .whuffie {
float: right;
margin: 0;
font-weight: bold;
color: white;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 1px 5px;
font-size: 11px;
margin-right: 6px; }
#hth_sidebar #hth_session_status #user-list li .info .status, #hth_sidebar #hth_session_status #hth-offer-list li .info .status, #hth_sidebar #hth-offer-widget #user-list li .info .status, #hth_sidebar #hth-offer-widget #hth-offer-list li .info .status, #hth_sidebar #hth-presence-widget #user-list li .info .status, #hth_sidebar #hth-presence-widget #hth-offer-list li .info .status {
float: right;
font-size: 9px;
text-transform: uppercase;
white-space: nowrap;
padding-right: 9px; }
#hth_sidebar #hth_sidebar_footer {
position: relative;
border-top: 1px solid #eeeeee;
-moz-border-radius: 0 0 9px 9px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
padding: 6px 12px 6px 11px;
text-align: right; }
#hth_sidebar #hth_sidebar_footer #hth-connection-widget p {
font-size: 9px;
text-transform: uppercase;
text-align: right;
white-space: nowrap;
margin: 0px;
padding: 0px; }
#hth_sidebar #hth_sidebar_footer #hth-balance-widget {
position: absolute;
left: 6px;
top: 5px; }
#hth_sidebar #hth_sidebar_footer #hth-balance-widget p {
font-size: 11px; }
#hth_sidebar #hth_sidebar_footer #hth-balance-widget p span.balance {
display: block;
float: left;
font-weight: bold;
color: white;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 1px 5px;
font-size: 11px;
margin-right: 6px; }
#hth_menu_widget {
display: block;
background: #666666;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.4);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.4);
position: absolute;
right: 18px;
top: 16px;
padding: 6px 9px 5px 8px;
font-size: 11px;
line-height: 11px;
min-height: 11px;
min-width: 12px;
text-align: center; }
#hth_menu_widget.connecting, #hth_menu_widget.disconnecting, #hth_menu_widget.attached {
background-color: orange; }
#hth_menu_widget.connected {
background-color: green; }
#hth_menu_widget.disconnected, #hth_menu_widget.authentication_failed {
background-color: red; }
#hth-feedback-widget .widget-inner textarea {
width: 98%;
padding: 1%;
font-size: 14px; }
#hth_sidebar #hth_session_status p.spinner_dot {
background-image: url("../images/spinner_dots.gif");
background-repeat: no-repeat;
background-position: 10px 14px;
padding-left: 43px; }
#hth_sidebar #hth_session_status p.tick {
background-image: url("../images/hth_tick.png");
background-repeat: no-repeat;
background-position: 10px 10px;
padding-left: 30px; }
#connection_status {
text-transform: uppercase;
font-size: 9px;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
padding-left: 13px;
background-image: url("../images/hth_status.png");
background-repeat: no-repeat;
background-position: 1px 1px; }
#connection_status.connecting {
background-position: 1px -95px; }
#connection_status.connected {
background-position: 1px -48px; }
#connection_status.disconnecting, #connection_status.disconnected, #connection_status.authentication_failed {
background-position: 1px 1px; }
/* Custom Front */
body.custom_front {
background: #555555;
height: none; }
body.custom_front section {
width: 500px;
margin: 0 auto;
padding: 72px 0;
position: relative;
z-index: 200; }
body.custom_front section #header_link {
display: block;
font-size: 36px;
margin-bottom: 72px; }
body.custom_front section #header_link a {
color: #eeeeee;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.9);
letter-spacing: -1px; }
body.custom_front section .content h1 {
color: #777777;
font-size: 24px;
margin-bottom: 18px;
padding-bottom: 18px;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
border-bottom: 1px solid #aaaaaa; }
body.custom_front section .content h3 {
color: #777777;
font-size: 16px;
margin-bottom: 20px;
font-weight: normal;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9); }
body.custom_front section .content form {
margin-top: 36px; }
body.custom_front section .content form ol {
background-color: #eeeeee;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
list-style: none; }
body.custom_front section .content form ol li label {
font-weight: normal;
color: #666666; }
body.custom_front section.pages {
width: 700px; }
body.custom_front section.pages .content {
padding: 36px;
background: #eeeeee;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
list-style: none; }
body.custom_front section.pages.front .content, body.custom_front section.users.new .content, body.custom_front section.users.create .content {
padding: 0;
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none; }
body.custom_front section.pages.front #sign_in, body.custom_front section.users.new #sign_in, body.custom_front section.users.create #sign_in {
position: absolute;
top: 81px;
right: 0; }
body.custom_front section.pages.front #sign_in a, body.custom_front section.users.new #sign_in a, body.custom_front section.users.create #sign_in a {
border: 0;
padding: 9px 24px; }
body.custom_front section.pages.front blockquote, body.custom_front section.users.new blockquote, body.custom_front section.users.create blockquote {
margin: 0;
padding: 0 0 18px 0; }
body.custom_front section.pages.front blockquote p, body.custom_front section.users.new blockquote p, body.custom_front section.users.create blockquote p {
font-size: 16px;
font-style: normal;
font-weight: normal;
color: #eeeeee;
text-shadow: 0 0px 40px rgba(0, 0, 0, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.9); }
body.custom_front section.pages.front p.detail, body.custom_front section.users.new p.detail, body.custom_front section.users.create p.detail {
color: #eeeeee;
font-size: 12px;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.9); }
body.custom_front section.sessions, body.custom_front section.passwords, body.custom_front section.pages.front, body.custom_front section.users {
width: 500px; }
body.custom_front section.sessions h2, body.custom_front section.passwords h2, body.custom_front section.pages.front h2, body.custom_front section.users h2 {
font-size: 16px;
font-style: normal;
font-weight: normal;
color: #eeeeee;
text-shadow: 0 0px 40px rgba(0, 0, 0, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.9); }
body.custom_front section.sessions #errorExplanation h2, body.custom_front section.sessions #errorExplanation p, body.custom_front section.passwords #errorExplanation h2, body.custom_front section.passwords #errorExplanation p, body.custom_front section.pages.front #errorExplanation h2, body.custom_front section.pages.front #errorExplanation p, body.custom_front section.users #errorExplanation h2, body.custom_front section.users #errorExplanation p {
text-shadow: none;
color: #cc0000; }
body.custom_front section.sessions p, body.custom_front section.passwords p, body.custom_front section.pages.front p, body.custom_front section.users p {
color: #eeeeee;
font-size: 12px;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.9); }
body.custom_front section.sessions p.warning, body.custom_front section.passwords p.warning, body.custom_front section.pages.front p.warning, body.custom_front section.users p.warning {
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9); }
body.custom_front section.sessions p.sign_up, body.custom_front section.passwords p.sign_up, body.custom_front section.pages.front p.sign_up, body.custom_front section.users p.sign_up {
margin-top: 36px;
padding: 24px 18px;
background: #eeeeee;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
color: #666666;
font-weight: bold;
text-align: right;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9); }
body.custom_front section.sessions p.sign_up #sign_up, body.custom_front section.passwords p.sign_up #sign_up, body.custom_front section.pages.front p.sign_up #sign_up, body.custom_front section.users p.sign_up #sign_up {
padding: 6px 12px;
margin-left: 9px; }
body.custom_front section#flash {
margin-bottom: 36px;
padding: 0;
background: #eeeeee;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7); }
body.custom_front section#flash div {
padding: 18px; }
body.custom_front section#flash div.flash_error, body.custom_front section#flash div.flash_failure {
padding: 18px 18px 18px 54px;
background-image: url("../images/flash_error.png");
background-position: 9px 50%;
background-repeat: no-repeat; }
body.custom_front section#flash div.flash_success {
padding: 18px 18px 18px 54px;
background-image: url("../images/flash_info.png");
background-position: 9px 50%;
background-repeat: no-repeat; }
body.custom_front nav#meta {
position: fixed;
bottom: 9px;
z-index: 100; }
body.custom_front nav#meta ul li a {
display: block;
font-size: 12px;
font-weight: normal;
line-height: 27px;
color: #eeeeee;
text-shadow: 0px -1px 1px black;
padding-left: 31px;
background-image: url("../images/meta_nav_indicator.png");
background-repeat: no-repeat;
background-position: 18px 50%; }
body.custom_front nav#meta ul li a:hover, body.custom_front nav#meta ul li a:focus {
color: #cccccc; }
body.custom_front nav#meta ul li a:active {
color: white; }
/* Main Layout */
html {
height: 100%; }
body.spin.default {
height: 100%;
background: #dddddd; }
/* Generic Shared Between custom and default views */
body.spin input, body.spin textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
border: 1px solid #c9c8c7;
padding: 3px;
font-size: 1.3em;
width: 97.5%;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-image: url("../images/input_shadow.png");
background-repeat: repeat-x; }
body.spin input:focus, body.spin textarea:focus {
border: 1px solid #0e5291;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
background-image: url("../images/input_shadow_rev.png");
background-position: bottom;
background-repeat: repeat-x; }
body.spin label {
display: block;
cursor: pointer;
margin-bottom: 9px;
font-size: 13px;
font-weight: bold;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
body.spin form ol {
position: relative;
background-color: #dddddd;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
padding: 18px 18px 1px 18px;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
list-style: none; }
body.spin form ol a.password_reminder {
position: absolute;
right: 0px;
top: 0px;
font-weight: normal;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
body.spin form ol li.checkbox input {
width: 18px; }
body.spin form ol li.checkbox label {
display: inline;
font-weight: bold; }
body.spin form ol li {
position: relative;
padding-bottom: 18px; }
body.spin form ol li ol#checkbox_list {
float: left;
margin-bottom: 18px; }
body.spin form ol li ol#checkbox_list li {
padding: 3px 6px 3px 3px;
margin: 0 0 6px 0; }
body.spin form ol li ol#checkbox_list li input {
float: none;
display: inline;
margin: 0;
width: 13px;
border: 0; }
body.spin form ol li ol#checkbox_list li label {
float: none;
display: inline;
margin-left: 6px;
font-weight: bold; }
body.spin form ol input, body.spin form ol textarea {
padding: 6px; }
body.spin form ol textarea {
height: 100px;
width: 97.5%; }
body.spin form ol img {
float: left;
margin-bottom: 12px; }
body.spin form ol p.warning {
clear: both;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 6px 12px;
color: #888888;
background: #fefefe;
margin: 12px 0;
font-size: 11px;
font-weight: bold;
border: 1px solid #dddddd; }
body.spin form ol #checkbox_list {
background: white; }
body.spin form ol #checkbox_list ul {
margin: 0 0 0 18px; }
body.spin form ol #checkbox_list ul li a {
border-left: 1px solid #bbbbbb;
margin: 0; }
body.spin form .errorExplanation {
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
background: #f5f5f5;
border: 2px solid #bb0000;
padding: 36px;
margin-bottom: 36px; }
body.spin form .errorExplanation ul {
list-style: none;
margin: 0;
padding: 0; }
body.spin form .errorExplanation ul li {
background: white;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-bottom: 3px;
padding: 3px 6px;
color: #bb0000; }
section#specializein_variant {
position: relative;
max-width: 1024px;
min-width: 768px;
min-height: 100%;
margin: 0 auto;
background: #eeeeee;
/* Avatar Sizes */
/* Voting Buttons */
/* User Dashboard */
/* User Public Profile */
/* User profile edit page */
/* Subject Lists */ }
section#specializein_variant a {
color: blue; }
section#specializein_variant a:hover, section#specializein_variant a:focus {
color: #0000dd; }
section#specializein_variant a:active {
color: yellow; }
section#specializein_variant section#tools {
width: 30%;
height: 100%;
min-height: 100%;
position: absolute;
top: 0;
color: white;
background: #555555; }
section#specializein_variant section#tools nav#main {
background: #555555;
position: relative;
z-index: 1000; }
section#specializein_variant section#tools nav#main #header_link a {
display: block;
height: 54px;
padding: 18px;
color: #aaaaaa;
font-size: 36px;
letter-spacing: -3px;
line-height: 54px;
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.7); }
section#specializein_variant section#tools nav#main #header_link a:hover, section#specializein_variant section#tools nav#main #header_link a:focus {
background-color: rgba(0, 0, 0, 0.2); }
section#specializein_variant section#tools nav#main #header_link a:active {
color: yellow; }
section#specializein_variant section#tools nav#main ul li {
position: relative; }
section#specializein_variant section#tools nav#main ul li a {
display: block;
font-size: 18px;
line-height: 52px;
min-height: 52px;
padding-left: 18px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
color: white;
text-shadow: 0px -1px 1px black; }
section#specializein_variant section#tools nav#main ul li a:hover, section#specializein_variant section#tools nav#main ul li a:focus {
background: rgba(0, 0, 0, 0.1); }
section#specializein_variant section#tools nav#main ul li a:active {
color: yellow;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.4); }
section#specializein_variant section#tools nav#main ul ul li a {
border-left: 1px solid rgba(0, 0, 0, 0.4);
position: relative;
padding-left: 48px;
background: rgba(0, 0, 0, 0.2); }
section#specializein_variant section#tools nav#main ul ul li a:hover, section#specializein_variant section#tools nav#main ul ul li a:focus {
background: rgba(0, 0, 0, 0.3); }
section#specializein_variant section#tools nav#main ul ul li a span {
display: block;
position: absolute;
left: 18px;
top: 17px;
background: #666666;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.4);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.4);
height: 18px;
width: 19px;
background-image: url("../images/submenu_icons.png"); }
section#specializein_variant section#tools nav#main ul ul li.ask_a_question a span {
background-position: 0 0; }
section#specializein_variant section#tools nav#main ul ul li.edit_your_profile a span {
background-position: 0 -56px; }
section#specializein_variant section#tools nav#main ul ul li.change_password a span {
background-position: 0 -109px; }
section#specializein_variant section#tools nav#main ul ul li.buy_tuition_time a span {
background-position: 0 -163px; }
section#specializein_variant section#tools nav#main ul ul li.transaction_history a span {
background-position: 0 -217px; }
section#specializein_variant section#tools nav#main li.selected {
border-left: 1px solid rgba(0, 0, 0, 0.4); }
section#specializein_variant section#tools nav#main li.selected a, section#specializein_variant section#tools nav#main li.selected a:hover, section#specializein_variant section#tools nav#main li.selected a:focus, section#specializein_variant section#tools nav#main li.selected a:active {
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-left: 1px solid rgba(0, 0, 0, 0.2);
background-image: url("../images/main_nav_indicator.png");
background-repeat: no-repeat;
background-position: right 50%; }
section#specializein_variant section#tools nav#main li.selected ul li a, section#specializein_variant section#tools nav#main li.selected ul li a:hover, section#specializein_variant section#tools nav#main li.selected ul li a:focus, section#specializein_variant section#tools nav#main li.selected ul li a:active {
border-top: 1px solid rgba(255, 255, 255, 0.2);
background-image: none; }
section#specializein_variant section#tools .search_form {
padding: 18px;
position: relative;
background: #555555;
z-index: 1000; }
section#specializein_variant section#tools .search_form input {
float: left;
background-color: #777777;
border-color: #444444;
color: #eeeeee;
padding: 6px;
width: 95%; }
section#specializein_variant section#tools .search_form input:focus {
background-color: #999999; }
section#specializein_variant section#tools .search_form button {
background-image: none;
background-color: transparent;
border: 0;
padding: 6px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
position: absolute;
right: 21px;
top: 21px;
color: white;
text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.7); }
section#specializein_variant section#tools #hth_sidebar {
position: relative;
z-index: 1000; }
section#specializein_variant section#tools nav#meta {
position: absolute;
bottom: 9px;
z-index: 500; }
section#specializein_variant section#tools nav#meta ul li a {
display: block;
font-size: 12px;
font-weight: normal;
line-height: 27px;
color: #eeeeee;
text-shadow: 0px -1px 1px black;
padding-left: 31px;
background-image: url("../images/meta_nav_indicator.png");
background-repeat: no-repeat;
background-position: 18px 50%; }
section#specializein_variant section#tools nav#meta ul li a:hover, section#specializein_variant section#tools nav#meta ul li a:focus {
color: #0000dd; }
section#specializein_variant section#tools nav#meta ul li a:active {
color: yellow; }
section#specializein_variant section.main {
width: 70%;
min-height: 100%;
margin-left: 30%;
color: #555555;
background: #eeeeee;
padding: 36px 0; }
section#specializein_variant section.main .content {
margin: 0 36px; }
section#specializein_variant section.main .content table.questions {
margin-bottom: 18px;
width: 100%;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #e1e1e1; }
section#specializein_variant section.main .content table.questions tr.empty_message {
display: none; }
section#specializein_variant section.main .content table.questions tr.question td {
border-top: 1px solid #e3e3e3;
padding: 9px 9px 5px 9px;
vertical-align: top;
background: #fefefe; }
section#specializein_variant section.main .content table.questions tr.question td a {
font-weight: normal; }
section#specializein_variant section.main .content table.questions tr.question td.avatar {
width: 52px; }
section#specializein_variant section.main .content table.questions tr.question td.avatar img {
width: 52px;
height: 52px; }
section#specializein_variant section.main .content table.questions tr.question td.question_text {
padding-left: 0; }
section#specializein_variant section.main .content table.questions tr.question td.question_text img {
float: none;
vertical-align: middle;
border: 1px solid #dddddd;
margin: 6px;
padding: 6px;
background-color: #f6f6f6; }
section#specializein_variant section.main .content table.questions tr.question td.question_text h4 {
font-size: 14px;
margin-bottom: 0px; }
section#specializein_variant section.main .content table.questions tr.question td.question_text p {
font-size: 11px;
margin-bottom: 18px; }
section#specializein_variant section.main .content table.questions tr.question td.question_text p:last-child {
margin-bottom: 0; }
section#specializein_variant section.main .content table.questions tr.question td.question_text .full {
position: relative;
overflow: hidden; }
section#specializein_variant section.main .content table.questions tr.question td.question_text .full a.toggle {
display: block;
position: absolute;
right: 0;
bottom: 0;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 18px;
height: 18px;
text-indent: -5000em;
opacity: 0.3; }
section#specializein_variant section.main .content table.questions tr.question td.question_text .full a.toggle.up {
background-image: url("../images/mini_up.png");
background-repeat: no-repeat;
background-position: 50% 50%; }
section#specializein_variant section.main .content table.questions tr.question td.question_text .full a.toggle.down {
background-image: url("../images/mini_down.png");
background-repeat: no-repeat;
background-position: 50% 50%; }
section#specializein_variant section.main .content table.questions tr.question td.answer_count {
width: 75px; }
section#specializein_variant section.main .content table.questions tr.question td.answer_count a {
display: block;
width: 75px;
height: 52px;
background-image: url("../images/diagonal_stripe.png"); }
section#specializein_variant section.main .content table.questions tr.question td.answer_count a span {
margin-left: 15px;
display: block; }
section#specializein_variant section.main .content table.questions tr.question td.answer_count a span.number {
padding-top: 14px;
font-size: 18px;
line-height: 9px; }
section#specializein_variant section.main .content table.questions tr.question td.answer_count a span.description {
font-size: 9px;
text-transform: uppercase; }
section#specializein_variant section.main .content table.questions tr.question td.answer_count a:hover, section#specializein_variant section.main .content table.questions tr.question td.answer_count a:focus {
text-decoration: none; }
section#specializein_variant section.main .content table.questions tr.question td.time_ago {
vertical-align: middle;
color: #bbbbbb;
font-size: 9px;
line-height: 14px;
text-transform: uppercase;
text-align: right;
padding: 9px 18px 9px 9px;
white-space: nowrap;
width: 80px; }
section#specializein_variant section.main .content table.questions tr.question td.time_ago a {
color: #999999; }
section#specializein_variant section.main .content table.questions tr:hover td.question_text .full a.toggle {
opacity: 0.8; }
section#specializein_variant section.main .content table.questions tr.empty_message {
display: none; }
section#specializein_variant section.main .content table.questions tr.question.realtime td.offer_link {
text-align: right;
vertical-align: middle;
padding: 9px; }
section#specializein_variant section.main .content table.questions tr.question.realtime td.offer_link a {
opacity: 0.2;
display: block;
float: right;
padding: 0;
margin-right: 9px; }
section#specializein_variant section.main .content table.questions tr.question.realtime td.offer_link a span {
display: block;
padding: 9px 29px 9px 11px;
margin-right: 10px;
background-image: url("../images/hth_indicator.gif");
background-repeat: no-repeat;
background-position: right 0;
white-space: nowrap; }
section#specializein_variant section.main .content table.questions tr.question.realtime td.offer_link a.offer, section#specializein_variant section.main .content table.questions tr.question.realtime td.offer_link a.offer.waiting {
opacity: 1; }
section#specializein_variant section.main .content table.questions tr.question.realtime td.offer_link a.offer span {
background-position: right -30px; }
section#specializein_variant section.main .content table.questions tr.question.realtime td.offer_link a.offer.waiting span {
background-position: right -70px; }
section#specializein_variant section.main .content table.questions tr.question.realtime.inactive td {
background: #f7f7f7; }
section#specializein_variant section.main .content table.questions tr.question.realtime.inactive td.question_text h4 a {
color: #bbbbbb; }
section#specializein_variant section.main .content table.questions tr.question.realtime.inactive td.time_ago * {
color: #bbbbbb; }
section#specializein_variant section.main .content table.questions tr.question.realtime.inactive td.time_ago * abbr {
border: 0; }
section#specializein_variant section.main .content table.questions.realtime tr.empty_message td {
background: white;
border-top: 1px solid #e3e3e3;
padding: 9px; }
section#specializein_variant section.main .content table.questions.profile tr.empty_message {
display: none; }
section#specializein_variant section#questions nav.subject {
min-height: 36px;
margin-bottom: 18px;
background-color: #dddddd;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
text-shadow: 0 1px 1px white;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px; }
section#specializein_variant section#questions nav.subject .current_subject {
padding: 9px;
float: left; }
section#specializein_variant section#questions nav.subject .child_subjects {
float: right;
padding: 6px 6px 0px 10px;
margin: 0;
list-style: none; }
section#specializein_variant section#questions nav.subject .child_subjects li {
float: left;
margin-left: 6px;
margin-bottom: 4px;
line-height: 2em;
font-style: italic; }
section#specializein_variant section#questions nav.subject .child_subjects li a {
font-style: normal;
font-size: 11px;
line-height: 17px;
display: block;
background: #eeeeee;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 3px 6px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8); }
section#specializein_variant section#questions article.question {
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
padding: 18px;
background: #fafafa;
margin-bottom: 36px; }
section#specializein_variant section#questions article.question h1 {
font-size: 18px;
border-bottom: 1px solid #dddddd;
padding-bottom: 18px;
margin-bottom: 18px; }
section#specializein_variant section#questions article.question .avatar_medium {
float: left;
margin-right: 18px;
margin-bottom: 18px; }
section#specializein_variant section#questions article.question .body {
margin-left: 100px; }
section#specializein_variant section#questions article.question section.question_footer {
clear: both;
border-top: 1px solid #dddddd;
padding-top: 18px;
margin-top: 18px;
font-size: 11px;
line-height: 11px;
color: #bbbbbb; }
section#specializein_variant section#questions article.question section.question_footer a {
color: #888888; }
section#specializein_variant section#questions article.question section.question_footer .mark_flag {
float: right; }
section#specializein_variant section#questions article.question ul.taglist {
display: none; }
section#specializein_variant section#questions section.answers {
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
padding: 18px;
background: #fafafa;
margin-bottom: 36px; }
section#specializein_variant section#questions section.answers article.answer {
border-bottom: 1px solid #d9d9d9;
border-top: 1px solid white;
padding-bottom: 18px;
padding-top: 18px;
position: relative; }
section#specializein_variant section#questions section.answers article.answer:first-child {
border-top: 0;
padding-top: 0; }
section#specializein_variant section#questions section.answers article.answer:last-child {
border-bottom: 0px solid #dddddd;
padding-bottom: 0px;
margin-bottom: 0px; }
section#specializein_variant section#questions section.answers article.answer .tools {
width: 44px;
margin-bottom: 18px;
float: left; }
section#specializein_variant section#questions section.answers article.answer .tools .avatar_small {
margin-right: 18px;
margin-bottom: 3px; }
section#specializein_variant section#questions section.answers article.answer .tools .controls {
width: 44px;
opacity: 0.1; }
section#specializein_variant section#questions section.answers article.answer .tools .controls .whuffie {
width: 44px;
text-indent: -5000em;
margin-bottom: 3px; }
section#specializein_variant section#questions section.answers article.answer .tools .controls .vote-for button, section#specializein_variant section#questions section.answers article.answer .tools .controls .vote-against button, section#specializein_variant section#questions section.answers article.answer .tools .controls .vote-abstain button {
height: 25px;
width: 44px;
background-color: #89b87c;
background-image: url("../images/thumbs.png");
background-repeat: no-repeat;
background-position: 47% 1px; }
section#specializein_variant section#questions section.answers article.answer .tools .controls .vote-for button:hover, section#specializein_variant section#questions section.answers article.answer .tools .controls .vote-for button:focus, section#specializein_variant section#questions section.answers article.answer .tools .controls .vote-against button:hover, section#specializein_variant section#questions section.answers article.answer .tools .controls .vote-against button:focus, section#specializein_variant section#questions section.answers article.answer .tools .controls .vote-abstain button:hover, section#specializein_variant section#questions section.answers article.answer .tools .controls .vote-abstain button:focus {
background-color: #759e6a; }
section#specializein_variant section#questions section.answers article.answer .tools .controls .vote-against button {
background-color: #b87c7c;
background-position: 47% -34px; }
section#specializein_variant section#questions section.answers article.answer .tools .controls .vote-against button:hover, section#specializein_variant section#questions section.answers article.answer .tools .controls .vote-against button:focus {
background-color: #9e6a6a; }
section#specializein_variant section#questions section.answers article.answer .tools .controls .vote-abstain button {
background-position: 47% -68px; }
section#specializein_variant section#questions section.answers article.answer .body {
margin-left: 63px;
margin-bottom: 18px; }
section#specializein_variant section#questions section.answers article.answer section.answer_footer {
clear: both;
font-size: 11px;
line-height: 11px;
color: #bbbbbb;
margin-left: 63px;
position: relative; }
section#specializein_variant section#questions section.answers article.answer section.answer_footer div.favourite {
position: absolute;
left: -63px;
top: -3px;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
width: 44px;
height: 18px;
text-indent: -5000em;
background-color: #fbde2d;
background-image: url("../images/star.png");
background-repeat: no-repeat;
background-position: 50% -1px; }
section#specializein_variant section#questions section.answers article.answer section.answer_footer form.mark_favourite {
width: 44px;
height: 18px;
position: absolute;
left: -63px;
top: -3px; }
section#specializein_variant section#questions section.answers article.answer section.answer_footer form.mark_favourite button {
width: 44px;
height: 18px;
text-indent: -5000em;
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3), 0px -1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3), 0px -1px 0px rgba(255, 255, 255, 0.8);
background-image: url("../images/star.png");
background-repeat: no-repeat;
background-position: 50% 0px; }
section#specializein_variant section#questions section.answers article.answer section.answer_footer a {
color: #888888; }
section#specializein_variant section#questions section.answers article.answer section.answer_footer .mark_flag {
position: absolute;
right: 0px;
top: -3px; }
section#specializein_variant section#questions section.answers article.answer section.answer_footer .show_comments {
padding-right: 12px;
margin-right: 9px;
color: black;
opacity: 0.5; }
section#specializein_variant section#questions section.answers article.answer section.answer_footer .show_comments:hover, section#specializein_variant section#questions section.answers article.answer section.answer_footer .show_comments:focus {
opacity: 0.8; }
section#specializein_variant section#questions section.answers article.answer section.answer_footer .show_comments.down {
background-image: url("../images/mini_down.png");
background-repeat: no-repeat;
background-position: right 50%; }
section#specializein_variant section#questions section.answers article.answer section.answer_footer .show_comments.up {
background-image: url("../images/mini_up.png");
background-repeat: no-repeat;
background-position: right 50%; }
section#specializein_variant section#questions section.answers article.answer .comments {
margin-top: 18px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
padding: 18px;
background: white; }
section#specializein_variant section#questions section.answers article.answer .comments .comment {
border-bottom: 1px solid #dddddd;
margin-bottom: 18px; }
section#specializein_variant section#questions section.answers article.answer .comments .comment:last-child {
border-bottom: 0px;
padding-bottom: 0px;
margin-bottom: 0px; }
section#specializein_variant section#questions section.answers article.answer .comments .comment .avatar_small {
margin-right: 18px;
margin-bottom: 9px;
float: left; }
section#specializein_variant section#questions section.answers article.answer .comments .comment section.comment_footer {
clear: both;
margin-left: 63px;
padding: 0 0 18px 0;
font-size: 11px;
line-height: 11px;
color: #bbbbbb;
position: relative; }
section#specializein_variant section#questions section.answers article.answer .comments .comment section.comment_footer a {
color: #888888; }
section#specializein_variant section#questions section.answers article.answer .comments .comment section.comment_footer .mark_flag {
position: absolute;
right: 0px;
top: -3px; }
section#specializein_variant section#questions section.answers article.answer:hover .controls, section#specializein_variant section#questions section.answers article.answer:active .controls {
opacity: 1; }
section#specializein_variant section#questions section.sessions {
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
padding: 18px 18px 9px 18px;
background: #fafafa;
margin-bottom: 36px; }
section#specializein_variant section#questions section.sessions h3 {
font-weight: normal;
font-size: 14px; }
section#specializein_variant section#questions section.sessions ul li {
padding: 9px 0;
border-top: 1px solid #eeeeee; }
section#specializein_variant section#questions section.sessions ul li a {
font-weight: bold; }
section#specializein_variant section#questions section.sessions ul li .avatar_small {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
width: 27px;
height: 27px;
vertical-align: middle;
margin-right: 6px; }
section#specializein_variant section#questions section.sessions ul li a.transcript {
margin-top: 3px;
margin-left: 9px;
float: right; }
section#specializein_variant section#questions section.sessions ul li span.time_ago {
margin-left: 36px;
color: #aaaaaa; }
section#specializein_variant section#payments_on_account form ol {
position: relative; }
section#specializein_variant section#payments_on_account form ol li.powered_by_worldpay {
position: absolute;
right: 18px;
bottom: 18px;
width: 139px;
height: 33px;
padding: 3px;
z-index: 1000; }
section#specializein_variant section#payments_on_account form ol li.powered_by_worldpay a {
display: block;
width: 139px;
height: 33px;
padding: 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: white url("../images/worldpay/poweredByRBSWorldPay.gif") 50% 50% no-repeat;
text-indent: -5000em;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8); }
section#specializein_variant section#payments_on_account ul.refund_policy {
margin-top: 36px;
padding: 18px 18px 12px 36px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #dddddd;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
list-style: circle;
color: #aaaaaa; }
section#specializein_variant section#payments_on_account ul.refund_policy li {
margin-bottom: 6px; }
section#specializein_variant section#accounts section.dashboard_header .account_balance {
position: absolute;
right: 9px;
top: 9px;
padding: 9px 14px;
line-height: 18px;
background: #eeeeee;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3); }
section#specializein_variant section#accounts section.dashboard_header .account_balance span {
font-weight: bold; }
section#specializein_variant section#accounts section.transactions {
background: white;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 18px; }
section#specializein_variant section#accounts section.transactions h3 {
font-weight: normal;
padding-bottom: 18px;
margin-bottom: 0px;
border-bottom: 1px solid #dddddd; }
section#specializein_variant section#accounts section.transactions nav {
background-color: #eeeeee;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-top: 36px;
overflow: auto; }
section#specializein_variant section#accounts section.transactions nav ul {
position: relative; }
section#specializein_variant section#accounts section.transactions nav ul .prev_page, section#specializein_variant section#accounts section.transactions nav ul .next_page {
display: block;
padding: 9px 18px;
background-repeat: no-repeat; }
section#specializein_variant section#accounts section.transactions nav ul .prev_page {
float: right;
padding-right: 18px;
margin-right: 18px;
background-image: url("../images/arrow_next.png");
background-position: right 50%; }
section#specializein_variant section#accounts section.transactions nav ul .next_page {
float: left;
padding-left: 18px;
margin-left: 18px;
background-image: url("../images/arrow_prev.png");
background-position: left 50%; }
section#specializein_variant section#accounts section.transactions table {
width: 100%; }
section#specializein_variant section#accounts section.transactions table tr th {
padding: 4px 8px;
color: #555555;
text-shadow: 0 1px 0px rgba(255, 255, 255, 0.9);
font-weight: bold;
background-color: #eeeeee;
font-size: 10px; }
section#specializein_variant section#accounts section.transactions table tr th.amount {
text-align: right; }
section#specializein_variant section#accounts section.transactions table tr td {
padding: 4px 8px; }
section#specializein_variant section#accounts section.transactions table tr td.amount {
font-weight: bold;
text-align: right; }
section#specializein_variant section#accounts section.transactions table tr td.negative {
color: #990000; }
section#specializein_variant section#accounts section.transactions table tr.entry td {
border-top: 1px solid #eeeeee; }
section#specializein_variant section#accounts section.transactions table tr.balance td {
border-top: 2px solid #dddddd; }
section#specializein_variant .body img {
padding: 4px;
background: white;
vertical-align: middle;
border: 1px solid #dddddd; }
section#specializein_variant div.pagination {
clear: both;
margin-bottom: 18px;
background-color: #dddddd;
min-height: 36px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px; }
section#specializein_variant div.pagination .prev_page, section#specializein_variant div.pagination .next_page {
display: block;
padding: 9px 18px;
background-repeat: no-repeat; }
section#specializein_variant div.pagination .prev_page {
float: right;
padding-right: 18px;
margin-right: 18px;
background-image: url("../images/arrow_next.png");
background-position: right 50%; }
section#specializein_variant div.pagination .next_page {
float: left;
padding-left: 18px;
margin-left: 18px;
background-image: url("../images/arrow_prev.png");
background-position: left 50%; }
section#specializein_variant .avatar_small {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
width: 44px;
height: 44px; }
section#specializein_variant .avatar_medium {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
width: 81px;
height: 81px; }
section#specializein_variant .whuffie {
height: 18px;
border: 0;
cursor: pointer;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #dddddd;
color: #888888;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
section#specializein_variant .whuffie:hover, section#specializein_variant .whuffie:focus {
background: #eeeeee;
color: #333333; }
section#specializein_variant section.dashboard_header {
position: relative;
padding: 9px;
background-color: #dddddd;
min-height: 36px;
margin-bottom: 18px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px; }
section#specializein_variant section.dashboard_header img.avatar_small {
float: left;
margin-right: 9px;
width: 36px;
height: 36px; }
section#specializein_variant section.dashboard_header h2.user_name {
margin-top: 2px;
margin-bottom: 2px;
line-height: 16px;
font-size: 16px;
font-weight: normal;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
section#specializein_variant section.dashboard_header p {
margin: 0;
font-size: 12px;
line-height: 12px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
section#specializein_variant #users section.dashboard_header dl.subject_subscriptions dt {
display: block;
position: absolute;
right: 9px;
top: 9px;
padding: 0; }
section#specializein_variant #users section.dashboard_header dl.subject_subscriptions dt a {
display: block;
float: left;
line-height: 24px;
color: #424242;
padding: 5px 12px; }
section#specializein_variant #users section.dashboard_header dl.subject_subscriptions dt a.edit {
border-width: 0px 1px 0 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0.9); }
section#specializein_variant #users section.dashboard_header dl.subject_subscriptions dt a.show {
border-width: 0px 0 0 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.3);
text-indent: -5000em;
width: 12px;
background-image: url("../images/mini_down.png");
background-repeat: no-repeat;
background-position: 14px 15px; }
section#specializein_variant #users section.dashboard_header dl.subject_subscriptions dt a.show.hide {
background-image: url("../images/mini_up.png");
background-repeat: no-repeat;
background-position: 14px 15px; }
section#specializein_variant #users section.dashboard_header dl.subject_subscriptions dd {
display: none;
min-width: 200px;
position: absolute;
right: 9px;
top: 49px;
background: rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
padding: 9px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
z-index: 10000; }
section#specializein_variant #users section.dashboard_header dl.subject_subscriptions dd ul li span {
display: block;
padding: 9px 12px;
margin-bottom: 1px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #eeeeee;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
section#specializein_variant #users section.dashboard_header dl.subject_subscriptions dd ul li ul {
margin-left: 9px; }
section#specializein_variant #users section.dashboard_header dl.subject_subscriptions dd ul li ul li span {
background: #dddddd; }
section#specializein_variant #users section.dashboard_header dl.subject_subscriptions dd span.pointer {
background-image: url("../images/subject_dropdown_triangle.png");
display: block;
width: 14px;
height: 11px;
position: absolute;
right: 12px;
top: -11px; }
section#specializein_variant #users .questions {
clear: both; }
section#specializein_variant section.profile img.avatar_medium {
float: left;
margin-bottom: 36px; }
section#specializein_variant section.profile section {
margin-left: 162px;
margin-bottom: 36px; }
section#specializein_variant section.profile dl.user_details {
clear: both;
background: #dddddd;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
overflow: auto;
padding: 9px;
margin-bottom: 36px; }
section#specializein_variant section.profile dl.user_details dt, section#specializein_variant section.profile dl.user_details dd {
float: left;
margin-bottom: 6px; }
section#specializein_variant section.profile dl.user_details dt {
clear: both;
font-weight: bold;
margin-right: 9px;
margin-left: 3px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
section#specializein_variant section.profile dl.user_details .mark_flag {
float: right; }
section#specializein_variant form.profile_edit fieldset {
position: relative;
background: #dddddd;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
padding: 18px 18px 1px 18px;
margin-bottom: 18px; }
section#specializein_variant form.profile_edit fieldset ol {
-webkit-box-shadow: none;
-moz-box-shadow: none;
background: transparent;
padding: 0; }
section#specializein_variant form.profile_edit fieldset ol li.avatar_upload img.avatar_meta {
margin-right: 9px; }
section#specializein_variant form.profile_edit fieldset ol li.avatar_upload label {
margin-bottom: 7px; }
section#specializein_variant form.profile_edit fieldset ol li.avatar_upload input {
background: transparent;
border: 0;
padding: 0;
font-size: 12px;
width: 50%; }
section#specializein_variant form.profile_edit fieldset ol li.avatar_upload p {
margin-bottom: 0; }
section#specializein_variant form.profile_edit span.tutor_highlight, section#specializein_variant form.profile_edit span.subject_highlight {
display: block;
width: 37%;
background-color: black;
color: white;
font-weight: normal;
background-color: rgba(0, 0, 0, 0.7);
background-image: url("../images/flash_info.png");
background-repeat: no-repeat;
background-position: 18px 50%;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 18px 18px 18px 64px;
position: absolute;
z-index: 10000;
right: -24px;
top: -24px; }
section#specializein_variant form.profile_edit span.tutor_highlight_pointer, section#specializein_variant form.profile_edit span.subject_highlight_pointer {
opacity: 0.7;
display: block;
background: url("../images/right_highlight_arrow.png");
width: 18px;
height: 18px;
position: absolute;
left: -18px;
top: 25px; }
section#specializein_variant form.profile_edit span.subject_highlight {
right: -9px;
top: -10px; }
section#specializein_variant #questions dl.subjects {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8); }
section#specializein_variant dl.subjects {
clear: both;
background: #dddddd;
padding: 18px; }
section#specializein_variant dl.subjects dt {
position: relative; }
section#specializein_variant dl.subjects dt span {
position: absolute;
right: 0;
top: 0; }
section#specializein_variant dl.subjects dd {
margin: 0;
padding: 0; }
section#specializein_variant dl.subjects dd ul {
list-style: none;
margin: 9px 0 0px; }
section#specializein_variant dl.subjects dd ul li {
margin: 0; }
section#specializein_variant dl.subjects dd ul li span {
display: block;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 6px 8px;
background: white;
margin-bottom: 1px; }
section#specializein_variant dl.subjects dd ul li label, section#specializein_variant dl.subjects dd ul li input {
display: inline; }
section#specializein_variant dl.subjects dd ul li input {
width: 18px; }
section#specializein_variant dl.subjects dd ul li ul {
padding: 0;
margin: 0; }
section#specializein_variant dl.subjects dd ul li ul li {
margin: 0 0 0 18px;
padding: 0; }
section#specializein_variant dl.subjects dd ul li ul li span {
background: #f9f9f9; }
section#specializein_variant fieldset.subjects dl.subjects {
padding: 0; }
section#specializein_variant fieldset.subjects dl.subjects ul li {
padding: 0; }
section#specializein_variant dl.subjects.chooser dt {
height: 27px;
font-size: 22px;
font-weight: normal; }
section#specializein_variant dl.subjects.chooser dd ul li span {
padding: 0; }
section#specializein_variant dl.subjects.chooser dd ul li span a {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 6px 8px;
display: block;
margin-right: 9px; }
section#specializein_variant dl.subjects.chooser dd ul li span:hover {
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
position: relative;
z-index: 10000; }
/* Chat session and transscript display */
#hth_conversations .heading {
background: #f6f6f6;
display: block;
padding: 9px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
margin-bottom: 18px; }
dl.session {
background: #dddddd;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 18px; }
dl.session dt.remote {
float: right; }
dl.session dt.local {
float: left; }
dl.session dt {
clear: both; }
dl.session dt img {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8); }
dl.session dt abbr, dl.session dt span {
display: none; }
dl.session dd {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
overflow: visible;
background: white;
padding: 18px;
margin: 0 56px 18px 56px; }
dl.session dd img {
float: none;
vertical-align: middle;
border: 1px solid #dddddd;
margin: 6px;
padding: 6px;
background-color: #f6f6f6;
max-width: 94%; }
dl.session dt.chat_user_status {
display: none; }
dl.session dd.chat_user_message {
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.8);
background-color: #dddddd;
background-image: url("../images/flash_info.png");
background-repeat: no-repeat;
background-position: 10px 50%;
margin: 0 0 18px 0;
padding: 18px 18px 18px 58px; }
dl.session dd.chat_user_warning {
background-image: url("../images/flash_error.png"); }
#chat-display dl.session {
background: transparent;
padding: 0 18px 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none; }
/* Misc Layout */
#hth_confirmation_widget {
display: none;
width: 300px;
z-index: 100000;
background: rgba(0, 0, 0, 0.8);
position: absolute;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); }
#hth_confirmation_widget .message {
color: #eeeeee;
font-weight: bold;
padding: 18px;
margin: 0; }
#hth_confirmation_widget .cancel {
float: left; }
#hth_confirmation_widget .confirm {
float: right; }
#hth_confirmation_widget .spinButton {
border: 0;
margin: 0 18px 18px; }
#hth_confirmation_widget span.pointer {
background-image: url("../images/confirmation_triangle_down.png");
background-repeat: no-repeat;
background-position: 50% 0;
display: block;
width: 100%;
height: 11px;
position: absolute;
bottom: -11px; }
#hth_confirmation_widget span.pointer.down {
background-image: url("../images/confirmation_triangle_down.png");
right: 12px;
top: -11px; }
#zenbox_tab {
display: none; }
nav#admin {
z-index: 1000;
position: absolute;
top: 0;
width: 100%;
font-size: 11px; }
nav#admin ul {
list-style: none;
padding: 6px 6px 6px 0;
background: rgba(0, 0, 0, 0.7);
float: right; }
nav#admin ul li a {
float: left;
display: block;
padding: 3px 6px;
background: #777777;
margin-left: 6px;
color: white;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px; }