html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
body {
  font: 13px/1.231 sans-serif;
  *font-size: small;
}
select,
input,
textarea,
button {
  font: 99% sans-serif;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
html {
  overflow-y: scroll;
}
a:hover,
a:active {
  outline: none;
}
ul,
ol {
  margin-left: 2em;
}
ol {
  list-style-type: decimal;
}
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: bold;
}
td {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
  padding: 15px;
}
textarea {
  overflow: auto;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
input:invalid,
textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
button {
  width: auto;
  overflow: visible;
}
.ptc-orange {
  color: #F78E1E;
}
.ptc-gold {
  color: #FFC637;
}
.ptc-yellow {
  color: #b8d331;
}
.ptc-green {
  color: #8ec752;
}
.ptc-teal {
  color: #6dc8bf;
}
.ptc-light-blue {
  color: #76bde6;
}
.ptc-blue {
  color: #008fd0;
}
.ptcnew-dark-teal {
  color: #005E5D;
}
.ptcnew-teal {
  color: #00857D;
}
.ptcnew-dark-red {
  color: #912F46;
}
.ptcnew-red {
  color: #BC204B;
}
.ptcnew-green {
  color: #4C8C2B;
}
.ptcnew-light-green {
  color: #84BD00;
}
.ptcnew-orange {
  color: #E57200;
}
.ptcnew-yellow {
  color: #F1B434;
}
.ptcnew-dark-blue {
  color: #236192;
}
.ptcnew-blue {
  color: #009CDE;
}
.ptcnew-purple {
  color: #833177;
}
.ptcnew-magenta {
  color: #B0008E;
}
.ptcnew-dark-grey {
  color: #53565A;
}
.ptcnew-white {
  color: #FFFFFF;
}
.ptcnew-gray {
  color: #C8C9C7;
}
.ptcnew-light-gray {
  color: #D9D9D6;
}
body,
select,
input,
textarea {
  color: #444;
  font-family: 'Helvetica Neue', HelveticaNeue, Arial, sans-serif;
  font-size: 13px;
}
body {
  background: #fff;
  line-height: 18px;
  word-wrap: break-word;
}
em {
  font-style: italic;
}
a {
  color: #009CDE;
  text-decoration: none;
}
a:hover {
  color: #006692;
  text-decoration: underline;
}
a:active {
  color: #003045;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: #444;
  font-family: 'Helvetica Neue', HelveticaNeue, Arial, sans-serif;
  font-weight: bold;
}
h1,
.h1 {
  font-size: 26px;
  line-height: 1.2;
}
h2,
.h2 {
  font-size: 26px;
  line-height: 1.2;
}
h3,
.h3 {
  font-size: 18.2px;
  line-height: 18px;
}
h4,
.h4 {
  font-size: 15.6px;
  line-height: 18px;
}
h5,
.h5 {
  font-size: 11.7px;
  line-height: 18px;
}
h6,
.h6 {
  font-size: 11.05px;
  line-height: 18px;
}
ul,
ol {
  margin-left: 20px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-left: 10px;
}
nav ul,
nav ul ul {
  margin: 0;
}
blockquote {
  color: #888;
  font-family: Georgia, Times, 'Times New Roman', serif;
  font-style: italic;
  padding: 5px 10px;
}
pre {
  color: #888;
  font-family: Consolas, 'Bitstream Vera Sans Mono', monospace;
  padding: 5px 10px;
}
hr {
  border-top: 1px solid #888;
  margin: 0;
}
::-moz-selection {
  background: #74cee2;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #74cee2;
  color: #fff;
  text-shadow: none;
}
a:link {
  -webkit-tap-highlight-color: #74cee2;
}
.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', Constantia, serif;
  font-style: italic;
  font-weight: normal;
}
p,
ul,
ol,
dl,
blockquote,
pre,
table,
fieldset,
hr,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 18px;
}
* :first-child {
  margin-top: 0;
}
.top {
  margin-top: 18px !important;
}
.no-top {
  margin-top: 0 !important;
}
.half-top {
  margin-top: 9px;
}
.bottom {
  margin-bottom: 18px;
}
.half-bottom {
  margin-bottom: 9px;
}
.group:before,
.group:after,
.row:before,
.row:after,
.horizontal:before,
.horizontal:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}
.group:after,
.row:after,
.horizontal:after {
  clear: both;
}
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}
.rel {
  position: relative;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.wrap {
  overflow: hidden;
}
.js .script-hidden {
  display: none;
}
.requiresFlash {
  display: none;
}
.flashPlaceholder {
  display: block;
}
.g1,
.g2,
.g3,
.g4,
.g5,
.g6,
.g7,
.g8,
.g9,
.g10,
.g11,
.g12,
.g13,
.g14,
.g15,
.g16,
.gx {
  display: inline;
  float: left;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
}
.gx {
  margin: 0;
}
.g1 {
  width: 40px;
}
.g2 {
  width: 100px;
}
.g3 {
  width: 160px;
}
.g4 {
  width: 220px;
}
.g5 {
  width: 280px;
}
.g6 {
  width: 340px;
}
.g7 {
  width: 400px;
}
.g8 {
  width: 460px;
}
.g9 {
  width: 520px;
}
.g10 {
  width: 580px;
}
.g11 {
  width: 640px;
}
.g12 {
  width: 700px;
}
.g13 {
  width: 760px;
}
.g14 {
  width: 820px;
}
.g15 {
  width: 880px;
}
.g16 {
  width: 940px;
}
.p1 {
  margin-left: 70px;
}
.p2 {
  margin-left: 130px;
}
.p3 {
  margin-left: 190px;
}
.p4 {
  margin-left: 250px;
}
.p5 {
  margin-left: 310px;
}
.p6 {
  margin-left: 370px;
}
.p7 {
  margin-left: 430px;
}
.p8 {
  margin-left: 490px;
}
.p9 {
  margin-left: 550px;
}
.p10 {
  margin-left: 610px;
}
.p11 {
  margin-left: 670px;
}
.p12 {
  margin-left: 730px;
}
.p13 {
  margin-left: 790px;
}
.p14 {
  margin-left: 850px;
}
.p15 {
  margin-left: 910px;
}
.b1,
.b2,
.b3,
.b4,
.b5,
.b6,
.b7,
.b8,
.b9,
.b10,
.b11,
.b12,
.b13,
.b14,
.b15,
.b16,
.bx {
  display: inline;
  float: left;
  margin-top: 0;
}
.bx {
  margin-left: -10px;
  margin-right: -10px;
}
.b1 {
  width: 60px;
}
.b2 {
  width: 120px;
}
.b3 {
  width: 180px;
}
.b4 {
  width: 240px;
}
.b5 {
  width: 300px;
}
.b6 {
  width: 360px;
}
.b7 {
  width: 420px;
}
.b8 {
  width: 480px;
}
.b9 {
  width: 540px;
}
.b10 {
  width: 600px;
}
.b11 {
  width: 660px;
}
.b12 {
  width: 720px;
}
.b13 {
  width: 780px;
}
.b14 {
  width: 840px;
}
.b15 {
  width: 900px;
}
.b16 {
  width: 960px;
}
body {
  height: 100%;
  background: #efefef;
}
.bg {
  width: 100%;
  margin-top: 0;
  position: relative;
}
.row {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
#header {
  background: #fff url(/img/bg-top.png) repeat-x bottom left;
  border-bottom: 1px solid #ccc;
  line-height: 22px !important;
  z-index: 20;
}
#user-nav {
  background: #fff url(/img/bg-top.png) repeat-x bottom left;
  border: 1px solid #ccc;
  border-top: 0;
  position: relative;
  z-index: 20;
  -webkit-box-shadow: 0 1px 2px #ccc;
  -moz-box-shadow: 0 1px 2px #ccc;
  -o-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
  height: 26px;
}
#user-nav a {
  padding: 2px 10px 1px;
}
#user-nav a:hover {
  background-color: #fff;
}
#user-nav .info a {
  border-right: solid 1px #ccc;
}
#user-nav .login a {
  border-left: solid 1px #ccc;
}
#user-nav .ir {
  background: url(/img/sprite/ptcu.png) no-repeat center center;
  width: 116px;
}
.logged-in .login {
  display: none;
}
#logged-in-nav {
  background: #fff url(/img/bg-top.png) repeat-x bottom left;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 50;
}
#logged-in-nav a {
  border-left: 1px solid #ccc;
  padding: 2px 10px 1px;
}
#logged-in-nav a:hover {
  background-color: #fff;
}
#logged-in-nav .add-new {
  background: url(/img/sprite/add.png) no-repeat 5px center;
  padding-left: 26px;
}
#branding {
  border-bottom: 1px solid #84bd00;
  padding: 5px 0;
}
#branding h1 {
  padding: 16px 0 6px 13px;
}
#branding h1 a {
  background: url(/img/sprite/ptcuniversity-learning-exchange-logo.png) no-repeat 0 0;
  display: block;
  height: 31px;
  width: 470px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
#branding h2 {
  font-size: 26px;
  font-weight: normal;
  padding-top: 20px;
}
#branding .tagline {
  text-align: right;
}
#primary-nav {
  height: 22px;
  padding: 7px 0 6px;
}
#primary-nav .gx {
  height: 18px;
}
#primary-nav .label-wrap {
  font-weight: bold;
  padding: 0 10px;
}
#primary-nav .select-wrap {
  margin: 0 10px;
  width: 190px;
}
#primary-nav .select-wrap select {
  width: 99%;
}
#primary-nav .input-wrap {
  width: 370px;
}
#primary-nav .input-wrap input {
  width: 99%;
}
#primary-nav .button-wrap {
  padding-left: 10px;
}
#primary-nav .button {
  margin-right: 1px;
}
.admin #primary-nav {
  height: 0;
}
.admin #primary-nav form {
  display: none;
}
.admin-table {
  clear: both;
  table-layout: fixed;
  margin: auto;
  word-wrap: break-word;
}
#body {
  background: #fff url(/img/bg-body.png) repeat-x 0 0;
  padding-bottom: 18px;
  z-index: 10;
}
#body .border-wrap {
  background: #fff url(/img/bg-wrap.png) repeat-x 0 0;
  border: 1px solid #ccc;
  border-top: none;
  padding: 18px 0;
  width: 962px;
}
#sidebar {
  position: relative;
  z-index: 15;
}
#sidebar .widget {
  background: #efefef url(/img/bg-side.png) repeat-x 0 0;
  border: 1px solid #ccc;
  padding: 5px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 18px;
}
#sidebar .ad {
  overflow: hidden;
  margin-bottom: 18px;
}
#sidebar .ad img {
  width: 100%;
}
.trial-banner {
  background: #74cee2;
  margin-top: 18px;
}
.trial-banner form {
  padding: 5px 10px;
}
.trial-banner .text {
  margin-top: 0;
}
.trial-banner label,
.trial-banner a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.trial-banner a {
  display: block;
  text-align: right;
}
#browse-widget {
  padding: 0 0 7px !important;
}
#browse-widget h4 {
  padding: 5px 10px;
}
#browse-widget .selected a {
  color: #000;
  background: #fff;
}
#browse-widget .underline {
  text-decoration: underline;
}
#browse-widget li:last-child {
  padding-bottom: 5px;
}
#browse-widget ul a {
  border-top: 1px solid #ccc;
  display: block;
  font-weight: bolder;
  line-height: 22px;
  padding: 1px 10px;
}
#browse-widget ul a:hover {
  color: #000;
  background: #fff;
}
#browse-widget ul ul {
  background: #fff;
  border-top: 1px solid #eee;
}
#browse-widget ul ul a {
  font-weight: normal;
  border-top: 0;
  background: #fff;
  line-height: 15px;
  padding: 5px 10px 5px 20px;
}
#browse-widget ul ul ul {
  background: #fff;
  border: none;
}
#browse-widget ul ul ul a {
  font-weight: normal;
  border-top: 0;
  background: #fff;
  line-height: 15px;
  padding: 2px 10px 2px 40px;
}
#footer {
  border-top: 1px solid #ccc;
  color: #888;
  padding: 18px 0;
  -webkit-box-shadow: inset 0px 3px 8px #ccc;
  -moz-box-shadow: inset 0px 3px 8px #ccc;
  -o-box-shadow: inset 0px 3px 8px #ccc;
  box-shadow: inset 0px 3px 8px #ccc;
}
#footer .ir {
  background: url(/img/sprite/ptcu.png) no-repeat center center;
  height: 16px;
  width: 117px;
}
#footer .copyright {
  color: #888;
  font-size: 11.05px;
  margin-top: 0 !important;
}
#footer .socialIcon {
  padding-right: 11.05px;
}
#footer .footer-title {
  color: #009CDE;
  padding-bottom: 10px;
  display: block;
  font-weight: normal;
}
#breadcrumbs,
#breadcrumbs a {
  color: #888;
  font-size: 11.7px;
}
#breadcrumbs span,
#breadcrumbs a span {
  margin: 0 5px;
}
#ajax-flash {
  display: none;
}
.pagination {
  color: #888;
  margin-top: 5px;
}
.pagination p {
  margin-top: 0 !important;
}
.pagination .horizontal {
  float: right;
}
.pagination .horizontal a,
.pagination .horizontal .current {
  padding: 0 5px;
}
.pagination .horizontal a:hover {
  background: #eee;
}
.pagination .current {
  background: #d0f0ff;
  color: #000;
  display: block;
  text-decoration: underline;
}
.pagination .disabled {
  display: none;
}
.listingForm {
  display: inline !important;
  float: right !important;
}
.listingForm input[type="checkbox"] {
  vertical-align: middle !important;
  margin: 0 2px 2px 0;
}
.listingForm label {
  font-weight: normal;
  vertical-align: bottom !important;
}
.header-bar {
  border-bottom: 1px solid #ccc;
  position: relative;
}
.header-bar h2 {
  line-height: 1.25;
  margin-top: 0;
}
.header-bar p {
  margin-top: 0;
}
.header-bar .view-all,
.header-bar .navi,
.header-bar .sort-wrap,
.header-bar .edit-link,
.header-bar .header-right {
  float: right;
  margin-top: 5px;
  vertical-align: bottom;
}
.header-bar .sort-wrap p {
  float: right;
  margin: 0 5px 0 0;
}
.header-bar .sort-wrap .sort {
  float: right;
  margin-bottom: 5px;
}
.footer-bar {
  border-top: 1px solid #ccc;
  margin-top: 18px !important;
}
.learn-more-link {
  font-size: 15.6px;
}
.profile {
  margin-bottom: 18px;
}
.profile ul {
  list-style: none;
  margin-left: 0;
}
ul#language-picker {
  list-style-type: none;
  margin: 10px 0;
}
ul#language-picker i {
  font-style: italic;
  color: #444;
}
ul#language-picker a {
  display: block;
  padding: 2px;
}
ul#language-picker a:hover {
  background: #efefef;
  text-decoration: none;
}
ul#language-picker a.current,
ul#language-picker a.current:hover {
  background: #d0f0ff;
}
ul#my-account-nav {
  list-style-type: none;
  margin: -10px 0 21px;
}
ul#my-account-nav li {
  text-align: center;
  display: inline-block;
  margin: 0 auto;
}
ul#my-account-nav li:first-child a {
  border: none;
  padding-left: 0;
}
ul#my-account-nav li a {
  border-left: 1px solid #ddd;
  color: #ccc;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0;
  padding: 4px 21px 0;
}
ul#my-account-nav li a:hover {
  color: #666;
  text-decoration: underline;
}
ul#my-account-nav li a.active {
  color: #333;
}
ul.user-details {
  display: block;
  list-style: none;
  margin: 14px 0 0;
}
.noResultsHeading {
  margin: 6px 0 4px;
}
.byLangBreakdown {
  list-style: none;
}
.pages-contact #view-content h3 {
  font-weight: normal;
}
.pages-contact #view-content p {
  margin-top: 3px;
  margin-bottom: 25px;
}
.pages-contact #view-content p:last-of-type {
  margin-bottom: 10px;
}
#contact {
  display: block;
  font-size: 16px;
  margin-top: 5px;
  padding: 7px 3px;
}
#contact label {
  font-size: 12px;
  font-weight: bolder;
  margin-left: 5px;
}
#contact input,
#contact textarea {
  margin: 5px;
  max-width: none;
  width: 98%;
}
.featured-slider {
  position: relative;
  overflow: hidden;
  width: 700px;
  height: 291px;
}
.featured-slider .items {
  width: 14000px;
  left: 0;
  position: absolute;
  top: 27px;
}
.featured-slider .navi a {
  background: url(/img/sprite/navi.png) no-repeat 0 0;
  display: block;
  float: left;
  height: 8px;
  margin: 10px 3px;
  width: 8px;
}
.featured-slider .navi a:hover {
  background-position: 0 -8px;
}
.featured-slider .navi a.active {
  background-position: 0 -16px;
}
.featured-slider .tutorial-block {
  float: left;
  width: 700px;
}
.featured-slider .tutorial-block .author,
.featured-slider .tutorial-block .author-separator {
  display: none !important;
}
.featured-slider .thumbnail-wrap,
#jqWindow .thumbnail-wrap {
  float: left;
  height: 222px;
  margin: 0 10px 0 0;
  overflow: hidden;
  width: 278px;
}
.featured-slider .thumbnail-wrap .thumbnail,
#jqWindow .thumbnail-wrap .thumbnail {
  width: 280px;
}
#jqWindow .tutorial-block {
  float: none;
}
#lazy-registration {
  background: #CEE599;
  margin: 7px 0px 7px;
  display: none;
  border: 1px solid #84BD00;
  padding: 5px 0px 4px;
  text-align: center;
  width: 100%;
  z-index: 7001;
}
#lazy-registration p {
  color: #000;
  display: inline-block;
  font-size: 18px;
  margin-top: 3px;
  padding-right: 7px;
}
#lazy-registration p span {
  font-weight: bold;
}
#lazy-registration .button {
  position: relative;
  top: -1px;
}
#lazy-registration a.close-link {
  color: #000;
  font-weight: bold;
  padding-left: 7px;
  position: relative;
  top: -9px;
}
.tutorials-index .tutorial-collection {
  margin-top: 18px !important;
}
.tutorial-collection .tutorial-block {
  height: 108px;
  line-height: 1.5;
  overflow: hidden;
  width: 340px;
}
.tutorial-collection .tutorial-block h3 {
  color: #444;
  font-family: 'Helvetica Neue', HelveticaNeue, Arial, sans-serif;
  font-weight: bold;
  font-size: 15.6px;
  line-height: 18px;
  margin-top: 18px;
  margin-top: 0 !important;
}
.tutorial-collection .tutorial-block .meta {
  padding-right: 10px;
}
.tutorial-collection .tutorial-block .display-name,
.tutorial-collection .tutorial-block .author,
.tutorial-collection .tutorial-block .view-count,
.tutorial-collection .tutorial-block .difficulty {
  display: block;
  margin-right: 0;
}
.tutorial-collection .tutorial-block .description,
.tutorial-collection .tutorial-block .author,
.tutorial-collection .tutorial-block .separator {
  display: none;
}
.tutorial-bottom.error404 .meta > * {
  display: none;
}
.tutorial-bottom.error404 .meta .title {
  display: block;
}
.tutorial-list .list-block {
  border-bottom: 1px dashed #ccc;
  float: left;
  margin-top: 0;
  padding: 9px;
  position: relative;
  width: 682px;
}
.tutorial-list .list-block:last-child {
  border-bottom: 0;
}
.tutorial-list .list-block h3 {
  color: #444;
  font-family: 'Helvetica Neue', HelveticaNeue, Arial, sans-serif;
  font-weight: bold;
  font-size: 15.6px;
  line-height: 18px;
  margin-top: 18px;
  margin-top: 0 !important;
}
.tutorial-list .altrow {
  background: #f4f4f4;
}
.tutorial-list .tutorial-block {
  margin-top: 0;
  width: 100%;
}
.tutorial-list .header-bar h3 {
  padding-right: 180px;
}
.highlight,
.highlight a {
  background: #FFC637;
  color: #000;
}
.tutorialContent {
  border-bottom: 1px solid #ddd;
  margin-bottom: 7px;
  margin: 0 0 7px !important;
  padding: 0 0 14px 0;
  display: inline;
  float: left;
  margin-top: 0;
  margin-left: -10px;
  margin-right: -10px;
}
.tutorial-view .no_min_height {
  min-height: 0px !important;
}
.tutorial-view header .rating {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 84px;
}
.tutorial-view .addthis_toolbox {
  display: inline-block;
  position: relative;
  top: 3px;
}
.tutorial-view .addthis_toolbox * {
  line-height: 1;
}
.tutorial-view .atclear {
  display: none;
}
#video {
  margin: 0;
  min-height: 550px;
  position: relative;
  margin-top: 18px !important;
}
#text {
  display: inline;
  float: left;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  width: 520px;
  margin-top: 18px !important;
}
#gallery {
  color: #888;
  float: right;
  margin-right: 0px;
  text-align: center;
  width: 160px;
  margin-top: 18px !important;
}
#gallery figure a {
  border: 1px solid #ccc;
  display: block;
  font-size: 1px;
  line-height: 0;
  overflow: hidden;
  position: relative;
  width: 158px;
}
#gallery figure a:hover {
  border-color: #888;
}
#gallery figure a:hover .expand {
  opacity: 1;
}
#gallery figure a img {
  width: 158px;
}
#gallery figcaption {
  line-height: 1.5;
  margin-bottom: 9px;
}
#gallery .expand {
  background: url(/img/sprite/expand.png) no-repeat 0 0;
  border: 1px solid #ccc;
  display: block;
  height: 18px;
  margin-top: 0;
  opacity: .4;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 18px;
}
.course-recommender {
  margin-bottom: 18px;
}
.course-recommender h4 {
  margin-bottom: 9px;
}
.course-recommender .course-thumb {
  float: left;
  margin-right: 10px;
}
.tutorial-recommender .inner {
  display: inline;
  float: left;
  margin-top: 0;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 18px;
}
.tutorial-recommender .tutorial-block {
  display: inline;
  float: left;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  width: 220px;
  margin-right: 0;
}
.tutorial-recommender .tutorial-block .meta {
  margin-top: 0 !important;
}
.tutorial-recommender .thumbnail-wrap,
.tutorial-recommender .thumbnail {
  height: 75.2px;
  width: 94px;
}
.tutorial-recommender h3 {
  font-size: 13px;
  line-height: 1.25;
}
.tutorial-recommender h4 {
  clear: left;
}
.tutorial-recommender .display-name,
.tutorial-recommender .separator,
.tutorial-recommender .author,
.tutorial-recommender .description {
  display: none !important;
}
.tutorial-bottom {
  display: inline;
  float: left;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  width: 700px;
  background: #eee;
  margin-top: 18px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-top: 9px;
  padding-bottom: 18px;
  padding-right: 10px;
  position: relative;
  z-index: 10;
  width: 680px;
}
#video-overlay {
  z-index: 999;
  display: none;
  background: #000;
  left: 0;
  height: 550px;
  position: absolute;
  top: 0;
  width: 100%;
}
#video-overlay-inner {
  margin: 18px;
}
#video-overlay-inner h4 {
  color: #fff;
}
#video-overlay-inner h4 a {
  margin-left: -20px !important;
}
#video-overlay-inner h4 a:hover {
  color: #009CDE;
  text-decoration: underline;
}
#video-overlay-inner .course-recommender {
  background: #444;
  border: 2px solid #666;
  float: left;
  margin-top: 100px;
  padding: 9px 0 29px 0;
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 3px 3px 6px #000;
  -moz-box-shadow: 3px 3px 6px #000;
  -o-box-shadow: 3px 3px 6px #000;
  box-shadow: 3px 3px 6px #000;
}
#video-overlay-inner .course-recommender img {
  float: left;
  padding-left: 20px;
  padding-top: 20px;
}
#video-overlay-inner .course-recommender div {
  float: left;
  width: 75%;
}
#video-overlay-inner .course-recommender div h6 {
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  margin-top: 0;
  padding-top: 20px;
  padding-left: 20px;
}
#video-overlay-inner .course-recommender div h4 {
  background: url('/img/tutorial_ad/ic_headline.png') right center no-repeat;
  color: #2db1ee;
  display: inline-block;
  font-size: 20px;
  font-weight: bolder;
  padding-left: 20px;
  padding-right: 22px;
}
#video-overlay-inner .course-recommender div a {
  margin-top: 20px;
  margin-left: 20px;
  padding: 3px 20px;
}
#video-overlay-inner .course-recommender div a span {
  background: url('/img/tutorial_ad/ic_button.png') right center no-repeat;
}
#video-overlay-inner .tutorial-recommender .tutorial-block {
  width: 202px;
}
#video-overlay-inner .tutorial-recommender .tutorial-block .thumbnail-wrap:hover {
  border-color: #fff;
  opacity: .8;
}
#video-replay {
  background: url(/img/replay.png) no-repeat center left;
  bottom: 18px;
  color: #fff;
  font-size: 15.6px;
  font-weight: bold;
  padding-left: 30px;
  position: absolute;
  right: 18px;
}
#video-resume {
  background: url(/img/playbutton.png) no-repeat center left;
  bottom: 18px;
  color: #fff;
  font-size: 15.6px;
  font-weight: bold;
  padding-left: 30px;
  position: absolute;
  left: 18px;
}
.tutorials-offerings .learn-more {
  height: 75px;
  position: relative;
}
.tutorials-offerings .learn-more img {
  position: absolute;
}
.tutorials-offerings .label {
  font-size: 11.7px;
  font-weight: bold;
  left: 0;
  letter-spacing: 1px;
  padding: 0 10px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -o-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.tutorials-offerings .info {
  overflow: hidden;
}
.tutorials-offerings .info p {
  margin-top: 9px;
}
.tutorials-offerings .course {
  background: #fff url(/img/bg-body.png) repeat-x 0 -70px;
  border: 2px solid #aaa;
  padding: 27px 10px 9px;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.tutorials-offerings .course .label {
  background: #aaa;
  color: #fff;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -o-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
}
.tutorials-offerings .course img {
  float: left;
  margin-right: 10px;
}
.tutorials-offerings .course .course-launch {
  background: #ffffff;
  border: 1px solid #cccccc;
  float: right;
  font-size: 12px;
  margin-left: 20px;
  padding: 10px;
  width: 180px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.tutorials-offerings .course .course-launch a {
  font-weight: bold;
}
.tutorials-offerings .course:after {
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 19px 28px 28px 28px;
  content: " ";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  bottom: -46px;
  left: 32px;
}
.tutorials-offerings .course:before {
  border-color: #aaa transparent transparent;
  border-style: solid;
  border-width: 20px 30px 30px 30px;
  content: " ";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  bottom: -50px;
  left: 30px;
}
.tutorials-offerings .course-options header h2 {
  margin: 27px 0 0;
}
.tutorials-offerings .course-options header p {
  margin-top: 0;
}
.tutorials-offerings .course-option {
  border-top: 1px solid #ccc;
  padding: 27px 0 5px 65px;
  margin-top: 9px;
  position: relative;
}
.tutorials-offerings .course-option .label {
  background: #fef79c;
}
.tutorials-offerings .course-option .button {
  float: right;
}
.tutorials-offerings .elearning {
  background: url(/img/elearning.jpg) no-repeat 10px 40px;
}
.tutorials-offerings .instructor {
  background: url(/img/instructor.jpg) no-repeat 10px 40px;
}
.tutorials-offerings .library {
  background: url(/img/library.jpg) no-repeat 10px 40px;
}
.tutorials-offerings .contact-advisor {
  background: url(/img/contact.png) no-repeat 10px 40px;
}
#video {
  position: relative;
}
.videoSignInOverlay {
  background: #333;
  height: 550px;
  opacity: .85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 999;
}
.videoOverlaySignInForm {
  position: absolute;
  display: block !important;
  color: #fff !important;
  font-size: 110%;
  left: 50% !important;
  margin-left: -250px !important;
  top: 18% !important;
  width: 500px !important;
}
.videoOverlaySignInForm .wrap {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.videoOverlaySignInForm h2 {
  color: #fff;
}
.promo_pages {
  font-size: 90% \9;
}
.promo_pages {
  *font-size: 90%;
}
.promo_pages #body .border-wrap {
  background: none;
  background-color: #fff;
}
.promoHeader {
  padding: 14px 0 28px;
}
.promoLauncher {
  margin-top: -7px;
  text-align: center;
}
.promoLauncher p {
  padding-bottom: 5px;
}
.promoNav {
  background: url('/img/colorbar.png') 0 0 repeat-y !important;
  list-style: none;
  padding: 2px 0 0 !important;
  width: 100%;
}
.promoNav.border-wrap {
  border-bottom: none !important;
}
.promoNav li {
  display: block;
  float: left;
  text-align: center;
  width: 50%;
}
.promoNav li a {
  border: 1px solid #eee;
  border-width: 0 0 1px;
  background: #bbb;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#999),color-stop(1,#ccc));
  background: -ms-linear-gradient(bottom,#999,#ccc);
  background: -moz-linear-gradient(center bottom,#999 30%,#ccc 90%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cccccc', endColorstr='#999999')";
  color: #fff;
  display: block;
  font-size: 19px;
  font-weight: normal;
  padding: 10px 0 12px;
}
.promoNav li a:hover {
  background: #ccc;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#aaa),color-stop(1,#ddd));
  background: -ms-linear-gradient(bottom,#aaa,#ddd);
  background: -moz-linear-gradient(center bottom,#aaa 30%,#ddd 90%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dddddd', endColorstr='#aaaaaa')";
  text-decoration: none;
}
.promoNav li a.current {
  color: #333;
  background: #ddd;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#eee));
  background: -ms-linear-gradient(bottom,#fff,#eee);
  background: -moz-linear-gradient(center bottom,#fff 30%,#eee 90%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dddddd', endColorstr='#ffffff')";
  cursor: default;
}
.promoNav li a {
  font-size: 25px \9;
}
.promoNav li a {
  *font-size: 25px;
}
.promo_pages h2 {
  font-size: 30px;
  font-size: 40px \9;
  font-weight: normal;
  padding-left: 14px;
}
.promo_pages h2 {
  font-size: 35px \9;
}
.promo_pages h2 {
  *font-size: 35px;
}
.promoSidebar {
  display: block;
  margin: 0 20px;
  width: 190px;
}
.promoTutorials {
  background: #fafafa;
  border: 1px solid #eee;
  -moz-border-radius: 3px;
  border-width: 1px;
}
.promoTutorials h6 {
  background: #ddd;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#eee));
  background: -ms-linear-gradient(bottom,#fff,#eee);
  background: -moz-linear-gradient(center bottom,#fff 30%,#eee 90%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dddddd', endColorstr='#ffffff')";
  -moz-border-radius: 3px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom: 1px solid #eee;
  color: #333;
  font-size: 13px;
  padding: 4px 10px;
}
.promoTutorials h6 {
  font-size: 16px \9;
}
.promoTutorials h6 {
  *font-size: 16px;
}
.promoTutorials .promoPlaylist {
  height: 522px;
  overflow-x: hidden;
  overflow-y: auto;
}
.promoTutorials .promoPlaylist a {
  text-decoration: none !important;
}
.promoTutorials .promoPlaylist a:last-child .thumbnail {
  border: none !important;
}
.promoTutorials .thumbnail {
  border-bottom: 1px dashed #777;
  display: block;
  position: relative;
  margin: 8px auto;
  padding: 7px 7px 3px;
  width: 140px;
}
.promoTutorials .thumbnail:hover {
  text-decoration: none;
}
.promoTutorials .thumbnail:hover img {
  border: 3px solid #66aaea;
  height: 114px;
  width: 134px;
}
.promoTutorials .thumbnail:hover p {
  color: #555;
}
.promoTutorials .thumbnail.currently_playing img {
  border: 5px solid #66aaea;
  height: 110px;
  width: 130px;
}
.promoTutorials .thumbnail.currently_playing P {
  color: #333 !important;
}
.promoTutorials .thumbnail img {
  border: 1px solid #ccc;
  height: 118px;
  width: 138px;
}
.promoTutorials .thumbnail p {
  color: #777;
  line-height: 15px;
  margin: 0;
  padding: 5px 0 9px;
}
.promoMoreTutorials {
  margin: -14px 0 35px;
  padding: 5px 5px 0 20px;
}
.promoMoreTutorials a {
  font-weight: bold;
}
.promoDownload {
  padding-bottom: 35px !important;
  padding-top: 0 !important;
}
.promoDownload h3,
.promoDownload p {
  padding-left: 45px;
  padding-right: 28px;
}
.promoDownload h3 {
  font-size: 24px;
  padding-top: 24px;
}
.promoDownload p {
  margin-top: 10px;
}
.promoDownloadFile {
  background: url(/img/download_icon.png) center 0 no-repeat;
  padding-top: 105px;
  text-align: center;
}
#prmSldrBody-1 {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 960px;
}
#prmSldrBody-1 .promoSlideWrap {
  width: 1920px;
}
#prmSldrBody-1 .panel {
  float: left;
  width: 960px;
}
.requiresFlash {
  overflow: hidden;
}
.tutorials-author .border-wrap {
  padding-top: 90px !important;
}
.tutorials-author #iframe_container {
  padding-top: 60px !important;
}
.tutorials-author h1 a {
  background: url(/img/sprite/ptcuniversity-learning-exchange-logo.png) no-repeat center center;
  float: left;
  height: 50px;
  padding: 5px 0;
  width: 470px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.tutorials-author .author-steps {
  float: left;
  font-size: 14.352px;
  list-style: none;
  line-height: 50px;
  margin: 0;
  padding: 5px 7px;
  text-align: center;
}
.tutorials-author .author-steps:before,
.tutorials-author .author-steps:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}
.tutorials-author .author-steps:after {
  clear: both;
}
.tutorials-author .author-steps li {
  float: left;
}
.tutorials-author .author-steps a {
  display: block;
  padding: 0 10px;
}
.tutorials-author .author-steps li {
  margin-left: 9px;
}
.tutorials-author .author-steps .active {
  font-weight: bold;
  text-decoration: underline;
}
.tutorials-author #header,
.tutorials-author #authoring-buttons {
  -webkit-box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
  -o-box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
  box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
}
.tutorials-author #authoring-buttons {
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-top: 0;
  bottom: -28px;
  line-height: 27px;
  padding: 0 10px;
  position: absolute;
  right: 10px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -o-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -o-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.tutorials-author #authoring-buttons .button {
  padding: 2px 20px;
}
.tutorials-author #header {
  position: fixed;
  top: 0;
  left: 0;
}
.tutorials-author #saveModal h2 {
  color: #888;
  margin-bottom: 9px;
}
.tutorials-author #preview #video {
  margin-left: 10px;
}
.tutorials-author #preview object {
  height: 550px;
  width: 700px;
}
.tutorials-author .thumbnail-wrap {
  clear: both;
  float: none;
}
.button,
button,
input[type="button"],
input[type="submit"] {
  background: #0079cf url(/img/button-blue.png) repeat-x 0 0;
  border: 1px solid #005b9c;
  border-bottom: 1px solid #003d69;
  color: #fff;
  cursor: pointer;
  display: block;
  display: inline-block;
  font-family: 'Helvetica Neue', HelveticaNeue, Arial, sans-serif;
  font-weight: bold;
  line-height: 18px;
  margin: -2px 5px 2px;
  padding: 1px 10px;
  text-shadow: 0px -1px 0px #004c83;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
  -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
  box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background: #006ab6;
  border-color: #003d69;
  border-bottom-color: #002e50;
  color: #e6e6e6;
  text-decoration: none;
  text-shadow: 0px -1px 0px #002e50;
}
.button:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active {
  background: #005b9c;
  border-color: #002e50;
  color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.light,
button.light,
input[type="button"].light,
input[type="submit"].light {
  background: #eee url(/img/button-light.png) repeat-x 0 0;
  background-image: -moz-linear-gradient(top,#eee,#d5d5d5);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#d5d5d5));
  border: 1px solid #bbbbbb;
  border-bottom: 1px solid #a2a2a2;
  color: #555;
  text-shadow: 0px 1px 0px #fff;
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
  -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}
.light:hover,
button.light:hover,
input[type="button"].light:hover,
input[type="submit"].light:hover {
  background: #d5d5d5;
  border-color: #a2a2a2;
  border-bottom-color: #888888;
  color: #3c3c3c;
  text-shadow: 0px 1px 0px #eee;
}
.light:active,
button.light:active,
input[type="button"].light:active,
input[type="submit"].light:active {
  background: #bbbbbb;
  border-color: #888888;
  color: #222222;
}
.disabled,
.disabled:hover .disabled:active {
  background: #dddddd !important;
  border: 1px solid #999999 !important;
  color: #666666 !important;
  cursor: default;
  position: static !important;
  text-shadow: none !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.like-button {
  background: #e7f5d8 url(/img/star.png) no-repeat 2px 2px;
  border: 1px solid #acdb7b;
  color: #578824 !important;
  display: block;
  display: inline-block;
  font-size: 11.05px;
  line-height: 1;
  padding: 2px 4px 2px 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.like-button .count {
  border-right: 1px solid #acdb7b;
  margin-right: 5px;
  padding-right: 4px;
}
.liked,
.like-button:hover {
  background-color: #dbf0c4;
  border-color: #578824;
  color: #578824;
  text-decoration: none;
}
form label {
  font-weight: bold;
  vertical-align: top;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="password"],
textarea,
select,
.dropdown-window {
  background: url(/img/bg-top.png) repeat-x bottom left;
  border: 1px solid #ccc;
  display: block;
  padding: 2px;
}
select {
  padding: 1px;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover,
.dropdown-window:hover,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
.dropdown-window:focus {
  background: #fff;
  border: 1px solid #888;
}
a.delete,
.delete a {
  color: #444;
  text-decoration: underline;
}
a.delete:hover,
.delete a:hover {
  background: #f00;
  color: #fff;
}
.filter {
  margin: 18px 0;
}
.filter label,
.filter select,
.filter input {
  float: left;
}
.filter select,
.filter input {
  margin: 0 10px 10px;
}
.filter .button {
  float: none;
}
label[for="Classification0ProductId"]:after,
.required label:after,
.password label:after {
  content: ' *';
}
.file input {
  display: block;
}
.input aside {
  color: #888;
  font: 11px/18px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  margin-bottom: 5px;
}
.radio,
.checkbox {
  padding-top: 18px;
}
.radio label,
.checkbox label {
  position: absolute;
  top: 0;
}
.radio input,
.checkbox input {
  float: left;
  height: 18px;
  margin-right: 8px;
}
.text input,
.password input,
.textarea textarea,
.file input {
  max-width: 600px;
  width: 95%;
}
.input {
  margin: 9px 0;
  position: relative;
}
.error label,
.error aside,
.error-message {
  color: red;
}
.file input {
  cursor: pointer;
}
.icon {
  background: url(/img/icons-common-small.png) no-repeat 0 0;
  display: block;
  height: 16px;
  text-indent: -9999px;
  width: 16px;
}
.email {
  background-position: 0 0px;
}
.facebook {
  background-position: 0 -20px;
}
.linkedin {
  background-position: 0 -40px;
}
.rss {
  background-position: 0 -60px;
}
.twitter {
  background-position: 0 -80px;
}
.email:hover {
  background-position: 0 -100px;
}
.facebook:hover {
  background-position: 0 -120px;
}
.linkedin:hover {
  background-position: 0 -140px;
}
.rss:hover {
  background-position: 0 -160px;
}
.twitter:hover {
  background-position: 0 -180px;
}
.message {
  background: #ffe39d url(/img/sprite/icon-warning.png) no-repeat 10px 10px;
  border: 3px solid #FFC637;
  margin-bottom: 18px;
  min-height: 40px;
  padding: 5px 10px 5px 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.message ul {
  padding-bottom: 9px;
  list-style-type: none;
  margin-top: 0;
}
.message ul li {
  padding: 8px 0 0 0;
}
.notice {
  background: #c8ecf4 url(/img/sprite/icon-notice.png) no-repeat 10px 10px;
  border: 3px solid #74cee2;
}
.success {
  background: #d8e9b1 url(/img/sprite/icon-success.png) no-repeat 10px 10px;
  border: 3px solid #b0d361;
}
#exposeMask {
  margin: 0;
}
.modal {
  background: none;
  display: none;
  margin: 0;
  width: 600px;
  z-index: 10000;
}
.modal .wrap {
  border: 3px solid #ccc;
  background: #fff;
  min-height: 80px;
  margin: 0;
  padding: 18px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 4px 10px rgba(0,0,0,0.5);
  -moz-box-shadow: 2px 4px 10px rgba(0,0,0,0.5);
  -o-box-shadow: 2px 4px 10px rgba(0,0,0,0.5);
  box-shadow: 2px 4px 10px rgba(0,0,0,0.5);
}
.modal .close {
  background: url(/img/sprite/close.png) no-repeat 0 0;
  cursor: pointer;
  display: block;
  height: 28px;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 28px;
}
.lightbox {
  display: inline-block;
  text-align: center;
  width: auto;
}
.lightbox img {
  display: block;
  margin: 0 auto;
}
.loading .wrap {
  background: #fff url(/img/loading.gif) no-repeat center center;
}
.horizontal li {
  float: left;
}
.horizontal a {
  display: block;
  padding: 0 10px;
}
.rateit {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.rateit .rateit-range {
  position: relative;
  display: inline-block;
  background: url(/img/sprite/stars.png) repeat-x 0 -28px;
  height: 14px;
  margin-top: 5px;
}
.rateit .rateit-hover,
.rateit .rateit-selected {
  position: absolute;
  margin-top: 0;
}
.rateit .rateit-hover {
  background: url(/img/sprite/stars.png) left -56px;
}
.rateit .rateit-selected {
  background: url(/img/sprite/stars.png) left -42px;
}
.rateit .rateit-reset {
  background: url(/img/sprite/stars.png) 0 0;
  width: 14px;
  height: 14px;
  display: inline-block;
  float: left;
  margin: 5px 2px 0 0;
}
.rateit .rateit-reset:hover {
  background-position: 0 -14px;
}
.rating {
  cursor: pointer;
  display: block;
  height: 14px;
  overflow: hidden;
  width: 70px;
}
.rating .over,
.rating .under,
.rating .clear {
  display: inline-block;
  background: url(/img/sprite/stars.png) repeat-x 0 0;
}
.rating .over {
  background-position: 0 -42px;
  height: 14px;
  position: absolute;
}
.rating .under {
  background-position: 0 -28px;
  height: 14px;
  position: absolute;
  width: 70px;
}
.rating .clear {
  height: 14px;
  left: 70px;
  position: absolute;
  width: 14px;
}
.rating .clear:hover {
  background-position: 0 -14px;
}
table {
  display: block;
  width: 95%;
}
table th {
  white-space: nowrap;
}
thead,
tbody {
  text-align: left;
}
td,
th {
  border: 1px solid #ccc;
  padding: 2px 10px;
}
.tooltip {
  border: 1px solid #ccc;
  background: #fff;
  display: none;
  margin: 0;
  padding: 4px 9px;
  width: 220px;
  z-index: 200;
  -webkit-box-shadow: 2px 4px 8px #999;
  -moz-box-shadow: 2px 4px 8px #999;
  -o-box-shadow: 2px 4px 8px #999;
  box-shadow: 2px 4px 8px #999;
}
.tooltip .title {
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}
.tooltip ul {
  margin-left: 0;
}
.tutorial-block {
  float: left;
  margin: 18px 0 0;
}
.thumbnail-wrap {
  background-color: #efefef;
  border: 1px solid #ccc;
  display: block;
  float: left;
  height: 94px;
  margin: 0 10px 0 0;
  overflow: hidden;
  text-align: center;
  position: relative;
  width: 118px;
}
.thumbnail-wrap:hover {
  border-color: #888;
  text-decoration: none;
}
.thumbnail-wrap .thumbnail {
  width: 120px;
}
.thumbnail-wrap .like-viewer,
.thumbnail-wrap .like-viewer:hover {
  background: #333 url(/img/star.png) no-repeat 2px 2px;
  bottom: 2px;
  color: #fff !important;
  display: block;
  font-size: 11.05px;
  font-weight: bold;
  left: 2px;
  line-height: 1;
  position: absolute;
  padding: 2px 4px 2px 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.meta {
  color: #888;
  list-style: none;
  margin: 7px 0 0 0;
  overflow: hidden;
}
.meta a {
  color: #888;
}
.meta a:hover {
  color: #000;
  text-decoration: underline;
}
.meta li {
  display: inline;
  margin-right: 5px;
}
.meta .tagline {
  background: url('/img/tutorial_ad/ic_link.png') right center no-repeat;
  float: right;
  padding-right: 14px;
}
.meta .tagline a {
  color: #009CDE;
}
.meta .tagline a:hover {
  color: #005A84;
}
.meta .title,
.meta .description {
  display: block;
  margin-right: 0;
}
.meta .title a,
.meta .description a {
  color: #009CDE;
}
.meta .title a:hover,
.meta .description a:hover {
  color: #006692;
}
.meta .description {
  color: #444;
  margin-top: 9px;
}
.edit-link,
.tutorial-state {
  background: #efefef;
  margin-top: 0 !important;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 9px;
}
.edit-link {
  display: none;
  z-index: 100;
}
.edit-link:hover {
  background: #009CDE;
  color: #fff;
  text-decoration: none;
}
.pending {
  background-color: #ddf3f8;
}
.rejected {
  background-color: #fbbf80;
}
.published {
  background-color: #c4de89;
}
.list-block:hover .tutorial-state {
  display: none;
}
.list-block:hover .edit-link,
.tutorial-view:hover .edit-link {
  display: block;
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}