@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Nunito:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Lustria);
@import url(https://fonts.googleapis.com/css?family=Muli);
/* ====================================================
   Base styles
   ==================================================== */

*, input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

table,caption,tbody,tfoot,thead,tr,th,td
{ margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent; }

body { line-height:1; } ol,ul { list-style:none; } blockquote,q { quotes:none; } blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse;border-spacing:0; }

body {
  color: #72716D;
  font: normal 100%/1.5 "Open Sans", Arial, sans-serif;
  line-height: 1.6;
  background: url("https://my.slc.edu/ICSFileServer/Themes/MySLC_Mobile_First/Images/bg3.png") repeat scroll 0 0 #222;
}

main {
  display: block;
}

#main {
  background: #FFF;
  padding-left:2.66667%;
  padding-right:2.66667%;
  padding-bottom:2ex;
  min-height:350px; 
 	margin-top: .5em;
  margin-bottom:.5em;
}
#welcomeBackBar {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  font-size: 90%;
  z-index: 999;
  color: #EEE;
  background: #222;
  opacity: 1; 
  background-color: #A84848;
  background-color: rgba(168, 72, 72, 0.9);
  border-bottom: 2px solid #222;
  border-bottom-color: rgba(5, 5, 5, 0.2);
}

#siteWrapper {
  font-size: 85%;
}

@media (min-width: 1250px) {
  #siteWrapper {
    background-color: transparent;
    background-image: url("https://my.slc.edu/ICSFileServer/Themes/ResponsiveJICSSLC/Images/wide-header.jpg");
    background-position: center -20px;
    background-repeat: no-repeat;
  }
}
@media (max-width: 1249px) {
#siteWrapper {
  background-color: transparent;
  background-image: url("https://my.slc.edu/ICSFileServer/Themes/ResponsiveJICSSLC/Images/header.jpg");
  background-position: center 0px;
  background-repeat: no-repeat;
}
}

/* ===========================================
    Notification bar for article update
   =========================================== */

.notification {
  border: 1px solid;
  display: table;
  font-size: 85%;
  padding: 55px 0px 20px;
  transition: height .2s;
  width: 100%;
}

@media (min-width: 961px) {
header {
 width:960px; 
 margin:0 auto;
}
}

header h1 {
  margin-left: 1.25%;
  font-size: 400%;
  padding-top: 1.8em;
}

#crumbs {
  margin-top: -.8em;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 90%;
  color: #EEE;
  padding: 0 1.7%;
  margin-bottom: .5em;
  text-shadow: 1px 1px 1px #000;
}
#crumbs ol {
 font-size:100%;
 display:inline;
}
#crumbs a {
  color: #EEE;
  border-bottom: 1px dotted #DDD;
}
.search {
 float:right;
}

section {
 margin:.5em; 
}

a {
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
  color: #D53232;
  text-decoration: none;
}
a:hover {
	color: #A20000;
}

img {
  vertical-align: middle;
}

p {
  margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
  /*font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;*/
  font-weight: normal;
}

/*h1 {*/
/*  margin:0 0 0 1.25%;*/
/*  font-size: 400%;*/
/*  padding-top: 1.8em;*/
/*}*/

h1 a {
    padding-bottom: 5px;
    text-decoration: none;
    color: #F3F3F3;
    font-family: Californian FB, Lustria, Lucida, sans-serif;
    max-height: 250px;
    text-shadow: 1px 1px 1px #000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}

h1 a:hover {
  color: #F3F3F3;
}

/* added */
h1 {
  font-size: 200%;
  font-weight: bold;
}

h2 {
  font-family: Muli, sans-serif;
  font-size: 220%;
  font-weight: bold;
  line-height:normal;
}

.article-header h2, .clearfix h2 {
  /*color: #D53232;*/
  margin-top:.5em;
}

h3, h2.search-results-subheading {
  font-size: 180%;
  font-family: Muli, sans-serif;
  font-weight: normal;
  line-height:normal;
}

h3 {
  margin:.5ex 0 4px 0;
}

h4 {
  font-size: 110%;
  font-weight: bold;
  color: #444;
}
h5 {
	font-size:105%;
  font-weight:bold;
}
h6 {
 font-weight:bold; 
}

.section-area h1 {
  text-transform: capitalize;
}

ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

li a {
  text-decoration: none;
  border-bottom-color: transparent;
  background-repeat: no-repeat;
  background-position: left;
}

li a:hover {
  border-bottom: 1px dotted #F2C1C1;
  border-bottom-color: rgba(213, 50, 50, 0.5);
}; 

/*
 * Forms
 */
label {
  display: inline-block;
  /*font-size: 12px;*/
  vertical-align: middle;
}

input[type=checkbox] + label {
  display: inline-block;
  margin-left: 5px;
}

input, textarea {
  border: 1px solid #DBDBDB;
  border: 1px solid rgba(0, 0, 0, 0.13);
  outline: none;
  padding: 10px;
  vertical-align: middle;
}

textarea {
  height: 100px;
  padding: 7px 10px;
  resize: vertical;
}

textarea, input[type=text] {
  width: 100%;
}

input, textarea, select {
  color: #4D4D4D;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

/*
 * Buttons
 */
button, [role=button], [type=button], [type=submit] {
  background: transparent;
  border: 1px solid #D1D1D1;
  border: 1px solid rgba(0, 0, 0, 0.17);
  border-radius: 2px;
  box-shadow: inset 0 -2px #F6F6F6;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03);
  color: #4D4D4D;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  height: 23px;
  line-height: 21px;
  padding: 0 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

input[type=submit][disabled] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 8 */
  opacity: 0.4;
}

a[role="button"]:hover {
  text-decoration: none;
}

time {
  display: none;
}

/* ====================================================
   Helper classes
   ==================================================== */
/*
 * Clearfix: contain floats
 */

/*clearfix setting when the main div is missing*/
.clearfix {
  background: #FFF;
  border: 0px solid #FFF;
  padding: 2.66667%;
}

/*Regular clearfix*/
#main .clearfix {
  padding: 0;
  background: transparent;
}

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

.clearfix:after {
  clear: both;
}

.clearfix header {
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
}
/*
 * Column size
 */
@media (min-width: 768px){
  .main-column {
    float: left;
    width: 68%;
  }
  
  .side-column {
    float: right;
    width: 32%;
  }
}

section.main-column {
  width: 64%;
}

section.side-column  {
  margin:0;
}
/*
 * Dropdown carets
 */
button, [role=button], [type=button], [type=submit],
#user .dropdown-toggle {
  background: #ffffff;
  background: -webkit-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -moz-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -ms-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -o-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f4f4f4), color-stop(100%, #ededed));
  background: linear-gradient(to bottom, white 0%, #f4f4f4 50%, #ededed 100%);
  border-radius: 3px;
}

#user .dropdown-toggle:hover,
.comment-form-controls input[type=submit]:hover,
button:hover,
[role=button]:hover,
[type=button]:hover,
[type=submit]:hover {
  border-color: #bbb;
  box-shadow: inset 0 -1px #ccc;
  text-decoration: none;
}

#user .dropdown-toggle:active,
.comment-form-controls input[type=submit]:active,
button:active,
[role=button]:active,
[type=button]:active,
[type=submit]:active {
  background: #eee;
  background: -webkit-linear-gradient(top, whitesmoke 0%, #d5d5d5 100%);
  background: -moz-linear-gradient(top, whitesmoke 0%, #d5d5d5 100%);
  background: -ms-linear-gradient(top, whitesmoke 0%, #d5d5d5 100%);
  background: -o-linear-gradient(top, whitesmoke 0%, #d5d5d5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, whitesmoke), color-stop(100%, #d5d5d5));
  background: linear-gradient(to bottom, whitesmoke 0%, #d5d5d5 100%);
  border-color: #DDDDDD;
  box-shadow: inset 0 -2px #DDDDDD;
}

.dropdown-toggle {
  display: inline-block;
}

.dropdown-toggle:hover {
  text-decoration: none;
}

.dropdown-toggle:after {
  color: #888;
  content: "\25BE";
  font-family: "entypo";
  /*font-size: 14px;*/
  margin-left: 5px;
  padding-right: 2px;
}

#welcomeBackBar .dropdown-panel {
  padding: 10px 0;
}

.header .dropdown-panel {
  margin-top: 10px;
  float:left;
}

.dropdown-panel.pull-right {
  left:0;
  right:auto;
  }
.dropdown-panel.pull-right.with-caret:before {
  right:auto;
  left:9px;
}
.dropdown-panel.pull-right.with-caret:after{
  right:auto;
  left:10px
}
.dropdown-menu {
  background: #F4F2ED;
  border: 1px solid #DBD8D2;
  border-radius: 2px;
  font-size: 90%;
}
.dropdown-menu, [role="menuitem"] {
  color: #D53232 !important;
  padding: .4em .8em !important;
}
.dropdown-menu-end {
 left:0; 
}
.dropdown-menu-caret {
  margin-top:8px;
}
.dropdown-menu-caret:before, .dropdown-menu-caret:after {
  display:none;
}

.section-subscribe .dropdown-toggle,
.article-subscribe,
.article-unsubscribe {
  background: #fafafa;
  color: #B03009;
  border: 0px;
  box-shadow: none;
  background: Url(/hc/theming_assets/01HZH3P337CMN6WJ3XF0AMMHM3) no-repeat left #fafafa;
  /*background-size: 28%;*/
  padding-left: 18px;
  margin-top:1.2em;
}
.article-unsubscribe {
  background: Url(/hc/theming_assets/01HZH3P3CGWX37RZQH6NH9084S) no-repeat left #fafafa;
}
.article-subscribe:hover,
.article-unsubscribe:hover {
  box-shadow: none;
}

/*
 * Visibility: Category, Section and Article
 */
.visibility-internal:before {
  content: "\1F512";
  font-family: "entypo";
  /*font-size: .9em;*/
  margin-right: 5px;
}

/* ====================================================
   Content frame
   ==================================================== */
.header-inner, .footer-inner {

}
@media (max-width: 980 px) {

}
@media (min-width: 981px) {
  .header-inner, footer.footer {
    margin: 0 auto;
    width: 980px;
  }
  main {
    margin: 0 auto 0;
    width: 960px;
  }
}

/* ====================================================
   Header
   ==================================================== */
.header {
}

.logo {
  float: left;
}

.logo a {
  display: inline-block;
  line-height: 130px;
}

.logo img {
  max-height: 60px;
  vertical-align: middle;
}

.user-nav {
  margin: 7px auto;
  /*width: 20%;*/
  float:left;
}
@media (max-width: 984px)  {
  .topbar{
    width: 100%;
  }
}

@media (min-width: 984px) {
  .topbar{
    width: 984px;
    margin:auto;
  }
}

.user-nav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.user-nav > a {
  border-left: 1px solid #ECECEC;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  float: right;
  /*font-size: 12px;*/
  line-height: 22px;
  margin-left: 15px;
  padding-left: 15px;
}

.user-nav > a.login {
  /*font-size: 13px;*/
  margin-left: 30px;
  padding: 0 15px;
  float:left;
  display:inline-block;
}

.user-nav a.submit-a-request, .user-nav a.my-activities, .user-nav a.back-to-myslc {
  border: 0;
  color:#fff;
  display:inline-block;
  float:left;
}

.user-info {
  display: block;
  float:left;
 /* max-height: 15px; */
  margin-left: 30px;
}
.user-info a.my-activities {
 color:#333;
 float:none;
 line-height:normal;
}

.language-selector {
  display: inline-block;
}

.user-avatar {
  left: -5px;
  max-height: 15px;
  position: relative;
  top: -1px;
}

/* ====================================================
   Home
   ==================================================== */
.hero-unit {
  padding: 25px 60px 70px 60px;
}

.help-center-name {
  /*font-size: 35px;*/
}

/* ====================================================
   Parsed markdown
   ==================================================== */
.markdown {
  word-wrap: break-word;
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5 {
  padding: 0;
  margin: 0 0 10px 0;
  font-weight: bold;
  line-height: 13px;
  /*font-size: 13px;*/
}

.markdown img {
  display: block;
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
  height: auto;
  max-width: 100%;
  padding: 3px;
  margin-bottom: 10px;
}

.markdown p {
  margin-bottom: 10px;
}

.markdown ul,
.markdown ol {
  list-style-position: inside;
  margin: 0 0 10px 10px;
}

.markdown ul {
  list-style-type: disc;
}

.markdown ol {
  list-style-type: decimal;
}

.markdown ul > ul,
.markdown ol > ol {
  margin: 0 0 0 10px;
}

.markdown pre {
  background: #FBFBFB;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  margin-bottom: 10px;
}

.markdown blockquote {
  border-left: 1px solid #ECECEC;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  color: #8E8E8E;
  font-style: italic;
  padding-left: 10px;
  margin: 0 0 10px 0;
}

.markdown hr {
  margin-bottom: 10px;
  height: 2px;
  background-color: #ECECEC;
}

/* ====================================================
   Search
   ==================================================== */
.search-small {
  display: block;
  float: right;
  position: relative;
  padding:7px 9px 0 0;
}

/* this is for the search symbol*/
.search-small:before {
  content: "\1F50D";
  font-family: "entypo";
  font-size: 140%;
  right: 30px;
  line-height: 21px;
  position: absolute;
  top: 27%;
}

@media (min-width: 800px) {
  .search-small input[type=search] {
    /*font-size: 15px;*/
    padding: 2px 45px 2px 20px;
    width: 300px;
  }
  .search-small input[type=text] {
    border-radius: 20px;
    /*font-size: 18px;*/
    padding: 6px 45px 6px 20px;
    width: 300px;
  }
}
@media (max-width: 800px) {
  .search-small input[type=search] {
    /*font-size: 15px;*/
    padding: 2px 45px 2px 20px;
  }
  .search-small input[type=text] {
    border-radius: 20px;
    /*font-size: 18px;*/
    padding: 6px 45px 6px 20px;
  }
}


main .search-small {
  display: none;
}

.search-myslc {
 	font-size:120%;
  margin-top:2ex;
}

/* ====================================================
   Navigation pages: Home, Category and Section
   ==================================================== */
.knowledge-base {
  margin-bottom: 20px;
}

.knowledge-base h1 {
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 36px;
}

.knowledge-base:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.community h4 {
  float: right;
  margin: 0;
}

.trending-questions + h4 {
  margin-top: 65px;
}

.article-sidebar section {
  /*background: #fafafa;*/
  overflow: hidden;
  padding: 15px 0px 0px 20px;
  /*margin-top: 20px;*/
}

@media (max-width: 767px) {
  .community,
  .article-sidebar section {
    /*background: #fafafa;*/
    overflow: hidden;
    padding: 0px;
    margin: 0;
  }
}

.section-tree {
  margin-top:10px;
  /*padding: 20px 0px 30px;*/
  /*padding-left: 5.33334%;*/
}
.section-tree .section {
  padding-left: 10px;
  padding-bottom: 10px;
  background-color: #f4f2ee;
  -webkit-border-radius: 10px;
  float: left;
  width: 100%;
}

.subtle-wrap {
  margin-top: 15px;
}

.community {
  margin:25px 0;
}
.community h2 {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  /*font-size: 16px;*/
  margin-bottom: 8px;
  margin-top: 0;
  padding-bottom: 12px;
  text-transform: capitalize;
}

.community h2 a {
  /*font-size: 12px;*/
  margin-left: 5px;
}

.community h4 a {
  /*font-size: 11px;*/
  font-weight: normal;
  margin-left: 5px;
}
.category-tree .category h2 {
  margin-top: 25px;
  border-bottom: 1px #CCCCCC solid;
}
.category-tree .category {
	
}
.category-tree .category .section {
  margin-top: 55px;
  margin-bottom: -25px;
  padding: 10px;
  background-color: #f4f2ee;
  -webkit-border-radius: 10px;
}

.category-tree .category .section {
  width: 100%;
}
@media (min-width: 768px) {
.section-tree .section {
  margin: 0px 5px 20px;
  width: 48%;
}
/*.category-tree .category h2{*/
/* background-color: #fafafa;*/
/*}*/
.category-tree .category .section {
  width: 48%;
}

.category-tree .category .section ul {
  /*list-style-type: none;*/
  padding-left: 8px;
}

.category-tree .category .section ul li{
  padding-left: 8px;
  line-height: normal;
  margin-bottom: 8px;
}
}
.section-tree h3 {
  /*font-size: 20px;*/
  line-height: 24px;
  margin: 10px 0 5px;
}

.section-tree ul, ul.article-list {
  color: #B03009;
  margin:0 2em 0 1.5em;
  padding:0;
  text-indent:-.7em;
  list-style-type: disc;
}
.section-tree ul li, ul.article-list ul li {
 padding-left:.7em;   
}

.knowledge-base h4:before, .community h4:before {
  color: #D51B06;
  font-family: "entypo";
  /*font-size: 20px;*/
  margin-right: 10px;
  vertical-align: middle;
}

.article-list li, .community li {
  margin-bottom: 8px;
}

.category-list li {
  width: 296px;
  height: 203px;
  background: #333;
  display: block;
  margin-bottom: 25px;
  margin-right: 25px;
  overflow: hidden;
  text-align: center;
  color: #D51B06;
  float: left;
  font-weight: normal;
}

.category-list li a {
  border-bottom: 3px solid #FFFFFF;
  margin-top: 65px;
  padding: 11px;
}

.category-list li a:hover {
  text-decoration: none;
}

.section h3 {
  margin-bottom:1ex;
  line-height:normal;
}
.section h3 a {
  /*color: inherit;*/
  /*font-size: .85em;*/
  /*font-weight: normal;*/
}

div.please-log-in {
  display:none;
  font-size:110%;
	text-align: center; 
  margin:3ex auto -3ex auto; 
  padding: 20px; 
  width: 90%; 
  border: 1px #ccc solid;
}
.promoted-articles {
  width:100%;
}

.promoted-articles h3,
.promoted-articles ul {
  text-align: center;
}
.promoted-articles h3 {
 	margin-top:1em;
}

.knowledge-base .search {
  display:none;
  float: none;
  border: #A14444 2px solid;
  border-right: 0px;
  background-color: #A14444;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
}

.knowledge-base .search input[type="search"] {
  width: 85%;
  height: 40px;
  font-size: 20px;
}

.knowledge-base .search input[type="submit"] {
  width: 14.3%;
  font-size: 20px;
  height: 40px;
}

@media (max-width:678px) {
  .knowledge-base .search input[type="search"] {
    width: 80%;
  }
  .knowledge-base .search input[type="submit"] {
    width: 19%;
  }
}

.article-promoted span {
  cursor: default;
  margin-right: 5px;
  position: relative;
}

.article-promoted span:before,
.article-promoted span:after {
  display: none;
  position: absolute;
}

.article-promoted span:hover:before,
.article-promoted span:hover:after {
  display: block;
}

.article-promoted span:before {
  background: #222;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 4px;
  color: #FFF;
  content: attr(data-title);
  left: -10px;
  margin-top: 5px;
  padding: 3px 10px;
  top: 100%;
  white-space: nowrap;
  z-index: 1;
}

.article-promoted span:after {
  border-bottom: 5px solid #222;
  border-bottom: 5px solid rgba(0, 0, 0, 0.85);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -5px;
  width: 0;
}

.see-all-articles {
  display: inline-block;
  /*font-size: 12px;*/
  margin-top: 10px;
  text-decoration: underline;
}

.category-description, .section-description {

}

.section-subscribe, .section-unsubscribe {
  float: right;
  margin-top: 5px;
}

.category-list a, .section-list a {
  color: inherit;
  display: inline-block;
  /*font-size: 18px;*/
  margin-bottom: 10px;
}

/* ====================================================
   Subnav
   ==================================================== */
/*
.sub-nav {
  margin-bottom: 4px;
}

.sub-nav .breadcrumbs {
  float: left;
  font-size: 12px;
  margin-top: 5px;
}
*/
/* ====================================================
   Breadcrumbs
   ==================================================== */
.breadcrumbs ol {
  display: inline;
}
.breadcrumbs li {
  display: inline-block;
}

.breadcrumbs li + li:before {
  color: #EEE;
  content: ">";
}

.category-breadcrumbs .breadcrumbs li:last-child {
  display: none;
}

/* ====================================================
   Article
   ==================================================== */
.article-header h1 {
  /*text-transform: capitalize;*/
}

.article-author {
  font-weight: bold;
}

.article-metadata {
  float: left;
  padding-left: 55px;
  position: relative;
}

.article-avatar {
  left: 0;
  position: absolute;
  top: 0;
}

.article-avatar img {
  max-height: 38px;
  max-width: 38px;
}

.article-updated {
  color: #8E8E8E;
  /*font-size: 12px;*/
  margin-top: 5px;
}

.article-subscribe, .article-unsubscribe {
  float: right;
}

.article-sidebar {
  margin-top: -4px;
}

.article-sidebar h3 {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  /*font-size: 16px;*/
  /*padding-bottom: 15px;*/
  margin-top: 0;
/*  text-transform: uppercase;*/
}

/*.article-sidebar ul {*/
/*  margin-bottom: 60px;*/
/*}*/

.article-body,
.section-area .article-list {
  margin-top: 6px;
}

.article-body {
  word-wrap: break-word;
}
.article-body .callout {
  border: 2px #ccc solid; 
  border-radius: 5px; 
  padding: 10px; 
  margin-bottom: 2ex; 
  text-align: center;
}

.article-body p {
  margin-bottom: 0.7em;
}

.article-body img {
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
  height: auto;
  max-width: 100%;
  padding: 3px;
}

.article-body a {
  border-bottom: 1px dotted #F2C1C1;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: rgba(213, 50, 50, 0.5);
  border-bottom-color: rgba(213, 50, 50, 0.5);
}

.article-body a img:hover {
  border: 1px solid #B52A2A;
}
  

.article-body pre {
  background: #FBFBFB;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  font-size: 78%;
  white-space: pre;
}

.article-body blockquote {
  border-left: 1px solid #ECECEC;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  color: #8E8E8E;
  font-style: italic;
  margin: 20px 0;
  padding-left: 20px;
}

.article-body ul,
.article-body ol {
  margin-left: 1.2em;
  /*margin-top: -0.7em;*/
  margin-bottom: 0.7em;
  list-style-position: outside;
}

.article-body ol li, .article-body ul li {
  margin-bottom: 0.7em;
}

.article-body li li li {
  margin-bottom: 0em;
}

.article-body ul {
  list-style-type: disc;
}

.article-body ul ul, .article-body ol ul {
  list-style-type: circle;
}

.article-body ol {
  list-style-type: decimal;
}

.article-body ol ol, .article-body ul ol {
  list-style-type: lower-alpha;
}

.article-body ol ol ol, .article-body ol ul ol, .article-body ul ol ol, .article-body ul ul ol {
  list-style-type: lower-roman;
}
.article-body ol ul ul, .article-body ul ol ul, .article-body ul ul ul {
  list-style-type: square;
}
.article-body li li li ol {
  list-style-type: decimal;
}

.article-body li {
  margin-left: 20px;
}

.article-body table {
  border-collapse:collapse;
  margin-top:2ex;
}

.article-body td, .article-body th {
  border: 1px solid #ccc; 
  padding: 5px;
  vertical-align:top;
}

.article-body td ul, .article-body td ol {
  margin-left:0.2em;
  padding-left:0.2em;
}

.article-body td li {
  margin-bottom:0;
  margin-left:0;
}

.article-footer {
  margin: 20px 0 10px;
}

.article-footer .share {
  float: right;
}

.article-vote {
  float: left;
  position: relative;
}

.article-vote-count {
  position: absolute;
  left: 100%;
  margin-left: 100px;
  top: 0px;
  width: 250px;
}

.article-vote small {
  color: #8E8E8E;
  display: block;
}

.article-vote a:hover {
  text-decoration: none;
}

.article-vote-controls {
  position: absolute;
  right: -85px;
  top: 0px;
}

.article-vote-up, .article-vote-down {
  background: #d5d5d5;
  color: inherit;
  font-family: "entypo";
  border: none;
  border-radius: 50%;
  box-shadow: none;
  line-height: 30px;
  height: 30px;
  width: 30px;
}

.article-vote-up:before {
  color: #fafafa;
  content: "\1f44d";
}

.article-vote-down:before {
  color: #fafafa;
  content: "\1f44e";
}

.article-voted {
  box-shadow: inset 1px 1px 5px #666;
  opacity: 1;
}

.article-vote-up.article-voted {
  box-shadow: inset 1px 1px 5px #526F00;
  background-color: #6B9100 !important;
}

.article-vote-down.article-voted {
  box-shadow: inset 1px 1px 5px #99260E;
  background-color: #b7391e !important;
}

.article-more-questions {
  margin-bottom: 30px;
}

.article-comments {
  /*margin-top: 50px;*/
}

.article-comments .subtle-wrap {
  /*padding: 30px 30px 5px;*/
}

.recent-articles li, .related-articles li {
  margin-bottom: 5px;
}


/* ====================================================
   Social share links
   ==================================================== */
/* Common styles */
.share li {
  display: inline-block;
}

.share a, .share a:before {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  width: 30px;
}

.share a:before {
  display: inline-block;
  color: #FFF;
  font-family: "entypo";
  text-align: center;
}

.share a:hover {
  text-decoration: none;
}

.share-twitter:before {
  background: #00ACED;
  content: "\F309";
}

.share-facebook:before {
  background: #3B5998;
  content: "\F30C";
}

.share-linkedin:before {
  background: #4875B4;
  content: "\F318";
}

.share-googleplus:before {
  background: #CD3C2A;
  content: "\F30F";
}

/* Community questions and answers only */
.share-label {
  cursor: pointer;
}

.share-label + .share {
  background: #FFF;
  border: 1px solid #D1D1D1;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  left: 50%;
  line-height: 70px;
  margin: 10px 0 0 -75px;
  position: absolute;
  text-align: center;
  top: 100%;
  white-space: nowrap;
  width: 175px;
}

.share-label + .share:before, .share-label + .share:after {
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
}

.share-label + .share:before {
  top: -7px;
  border-right: 7px solid rgba(0, 0, 0, 0);
  border-bottom: 7px solid #CCC;
  border-left: 7px solid rgba(0, 0, 0, 0);
  margin-left: -6px;
}

.share-label + .share:after {
  top: -6px;
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #FFF;
  border-left: 6px solid rgba(0, 0, 0, 0);
  margin-left: -5px;
}

.share-label[aria-selected="true"] {
  color: #111;
}

.share-label[aria-selected="true"] + .share {
  display: block;
}

.share-label[aria-selected="false"] + .share {
  display: none;
}

/* ====================================================
   Attachments/Screencasts
   ==================================================== */
.attachment-list, .screencast-list {
  /*font-size: 11px;*/
  margin-top: 25px;
}

.attachment-list span, .screencast-list span {
  color: #8E8E8E;
}

.attachment-list li, .screencast-list li {
  margin-bottom: 10px;
}

.attachment-list li:before, .screencast-list li:before {
  background: #F2F2F2;
  border-radius: 3px;
  color: #8E8E8E;
  font-family: "entypo";
  margin-right: 5px;
  padding: 5px;
}

.attachment-list li:before {
  content: "\1F4CE";
}

.screencast-list li:before {
  content: "\1F4BB";
}

/* ====================================================
   Comments - Used in the Article page and Request page
   ==================================================== */
.comment, .comment-form {
  position: relative;
  padding-bottom: 40px;
}

.comment-container {
  margin-left: 90px;
}

.comment-avatar {
  float: left;
  display: inline-block;
}

.comment-avatar img {
  border-radius: 3px;
  max-width: 70px;
  max-height: 70px;
}

.comment-author {
  display: block;
  margin-top: -8px;
  /*font-size: 16px;*/
  line-height: 2;
}

.comment-published, .comment-delete {
  float: right;
  /*font-size: 11px;*/
}

.comment-published {
  color: #8E8E8E;
  display: none;
}

.comment-form textarea {
  border-radius: 2px 2px 0 0;
  border-width: 1px;
}

.comment-attachments {
  border-color: #DBDBDB;
  border-color: rgba(0, 0, 0, 0.13);
  border-style: solid;
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
  padding: 10px;
}

.comment-form {
  padding-bottom: 20px;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: right;
}

.comment-form-controls input[type=submit] {
  margin-left: 15px;
  padding: 0 20px;
  background: #ffffff;
  background: -webkit-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -moz-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -ms-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -o-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f4f4f4), color-stop(100%, #ededed));
  background: linear-gradient(to bottom, white 0%, #f4f4f4 50%, #ededed 100%);
  border-radius: 3px;
}

.comment-screencasts {
  float: left;
  margin-top: 3px;
}

/* ====================================================
   Requests
   ==================================================== */
/*
 * Shared
 */
.request-follow-up {
  text-align: right;
}

.follow-up-hint {
  display: inline-block;
  float: right;
  /*font-size: 13px;*/
  margin-top: 13px;
}

.request-actions, .request-details, .subscriptions-menu {
  margin: 30px 0 30px;
  padding: 15px 20px;
}

.request-actions li + li, .request-details li + li {
  margin-top: 10px;
}

.request-actions, .request-details, .subscriptions-menu, .form {
  background: #FBFBFB;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}

/*
 * Open requests
 */
.request {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding: 10px 30px 30px;
}

.request:first-child {
  border-top: 1px solid #ECECEC;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.request-status {
  color: #FFF;
  border-radius: 3px;
  display: inline-block;
  /*font-size: 11px;*/
  font-weight: normal;
  letter-spacing: 1px;
  padding: 2px 5px;
}

.request .request-status {
  float: right;
  margin-top: 18px;
}

.request-subject {
  margin-bottom: 3px;
}

.request-published {
  color: #8E8E8E;
  /*font-size: 12px;*/
  margin-bottom: 20px;
}

.request-link {
  border: 1px solid #D1D1D1;
  border: 1px solid rgba(0, 0, 0, 0.17);
  border-radius: 2px;
  display: inline-block;
  /*font-size: 12px;*/
  margin-top: 25px;
  padding: 3px 15px;
}

/*
 * Request lists
 */
.status-selection {
  display: inline-block;
  margin-left: 5px;
  margin-top: 20px;
}

.status-selection > button {
  font-weight: bold;
}

/*
 * All requests list
 */
.requests-search {
  border-radius: 15px;
  outline: none;
  padding: 5px 15px;
  margin-right: 30px;
  width: 250px;
}

.request-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 30px;
  text-align: left;
}

.request-table th {
  color: #8E8E8E;
  /*font-size: 11px;*/
  font-weight: normal;
}

.request-table td, .request-table th {
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-width: 1px 0;
  padding: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.request-table td:nth-child(1) {
  max-width: 50px;
}

.request-table td:nth-child(2) {
  max-width: 250px;
}

.request-table td:nth-child(3) {
  max-width: 60px;
}

.request-table td:nth-child(4) {
  max-width: 80px;
}

.request-table td:nth-child(5) {
  max-width: 80px;
}

/*
 * Request page
 */
.request-id {
  color: #8E8E8E;
  display: block;
  /*font-size: 13px;*/
}

.request-details {
  /*font-size: 12px;*/
}

.request-details dt ~ dt {
  margin-top: 15px;
}

.request-details dd {
  font-weight: bold;
  margin: 2px 0 0;
}

/*
 * Request statuses
 */
.request-open {
  background: #59BBE0;
}

.request-answered {
  background: #F5CA00;
}

.request-solved {
  background: #828282;
}

/*
 * Subscriptions
 */
.subscription {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding: 10px 30px;
}

.subscription:first-child {
  border-top: 1px solid #ECECEC;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.subscription-options {
  float: right;
}

/*
 * Submit a request form
 */

/* ====================================================
   Search results
   ==================================================== */
@media (min-width: 678px){
  body.community-enabled .search-results-column {
    float: left;
    width: 65%;
  }
  
  body.community-enabled .search-results-column ~ .search-results-column {
    width: 30%;
  }
}

.search-results-heading {
  /*font-size: 1.5em;*/
  font-weight: bold;
  padding: 10px 0;
}

.search-results-subheading {
  /*border-bottom: 1px solid #ECECEC;*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding-bottom: 10px;
  margin-bottom: 0;
}

.search-results-subheading-link {
  /*font-size: 13px;*/
  margin-left: 5px;
}

.search-result {
  margin: 0;
  padding: 20px 0;
}

.search-result + .search-result {
  border-top: 1px solid #ECECEC;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.search-results-list {
  margin: 0;
}

.search-result-link {
  font-size: 120%;
}

.search-result-description{
  padding-top: 16px;
}

.search-result-meta {
  padding-bottom: -8px;
  padding-left: -2px;
  font-size:95%;
  /*font-size: 10px;*/
}
a[target=_zendesk_lotus]{
  font-size: 12px;
}
.search-result-meta-name,
.search-result-meta-time,
.search-result-meta-count {
  /*font-size: 12px;*/
  color: #8E8E8E;
}

.search-result-meta a[target="_zendesk_lotus"] {
  display:none;
}

.search-result-meta-time:before,
.search-result-meta-count:before {
  display: inline-block;
  padding-right: 5px;
  content: '\2022';
  speak: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
}

.search-result-votes {
  background: #A8D119;
  border-radius: 2px;
  color: #FFF;
  display: inline-block;
  line-height: 1em;
  margin-left: 5px;
  padding: 4px 5px;
  position: relative;
  top: -2px;
}

.search-result-votes:before {
  content: "\1F44D";
  font-family: "entypo";
  margin-right: 3px;
}

/* ====================================================
   Forms
   ==================================================== */
.form {
  overflow: hidden;
  padding: 40px 55px;
}

.form-field + .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.form-field input[type=checkbox] + label {
  margin: 0 0 0 10px;
}

.form-field.required > label:after {
  content: "*";
  color: red;
  margin-left: 2px;
}

.form-field textarea, .form-field input {
  box-shadow: inset 0 1px #E3E3E3;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.11);
}

.form-field p {
  color: #72716D;
  /*font-size: 11px;*/
}

.form-field input[type=number], .form-field input.datepicker {
  width: 150px;
}

.form form + form,
.searchbox {
  margin-top: 25px;
}

.searchbox-suggestions {
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  border: solid 1px #ccc;
  padding: 10px 20px;
  max-height: 200px;
}

.searchbox-suggestions li {
  padding: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
  background: transparent url("/hc/theming_assets/01HZH3P22G6JV9DK70YMP6K6TP") 99% 50% no-repeat;
  background-size: 16px 16px;
}

.form footer {
  border-top: 1px solid #ECECEC;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  margin-top: 40px;
  padding-top: 25px;
  text-align: right;
}

.form footer a {
  color: #CCC;
  cursor: pointer;
  margin-right: 15px;
}

/* ====================================================
   Footer
   ==================================================== */
.footer {
padding: 1em 0;
color: #555;
}
.footer-inner {
	padding:0 1.25%;
}
.footer ul {
  margin:0;
  list-style-type:none;
}
.footer ul li {
  display:inline;
  margin-left:.5em;
  padding-left:.5em;
  border-left:1px #555 solid;
}
.footer ul li:first-child {
  display:inline;
  margin-left:0;
  padding-left:0;
  border-left:none;
}
/* ====================================================
   Error pages
   ==================================================== */
.error-page {
  margin: 0 auto;
  max-width: 500px;
  /*padding-top: 5%;*/
  float: left;
}

.error-page h1 {
  font-size: 180%;
  font-weight: bold;
  margin-top:.5ex;
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.error-page h2 {
  font-size: 130%;
  font-weight: bold;
}

.error-page > a {
  display: block;
  margin-top: 25px;
}

/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination {
  border-top: 1px solid #ECECEC;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  line-height: 0;
  padding: 20px 0;
  margin: 0.5em;
  text-align: center;
}

.pagination ul {
  display: inline-block;
}

.pagination li {
  float: left;
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
}

.pagination li + li {
  border-left: none;
}

.pagination a, .pagination span {
  display: inline-block;
  line-height: 20px;
  /*font-size: 12px;*/
  padding: 5px 12px;
}

.pagination-current {
  background-color: #F6F6F6;
  background-color: rgba(0, 0, 0, 0.03);
  color: #AAA;
}

.pagination-first {
  border-radius: 3px 0 0 3px;
}

.pagination-last {
  border-radius: 0 3px 3px 0;
}

/* ==========================================================================
   Chat
   ========================================================================== */
.chat {
  background: #FAFAFA;
  border: 1px solid #E0E0E0;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  bottom: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 13px;
  line-height: 35px;
  padding: 0 15px;
  position: fixed;
  right: 85px;
  -webkit-transition: bottom .5s ease-in, color .5s ease-in;
  -moz-transition: bottom .5s ease-in, color .5s ease-in;
  -o-transition: bottom .5s ease-in, color .5s ease-in;
  transition: bottom .5s ease-in, color .5s ease-in;
}

.chat:before {
  content: "\E720";
  font-family: "entypo";
  /*font-size: 16px;*/
  margin-right: 10px;
  vertical-align: middle;
}

.chat:hover {
  text-decoration: none;
}

.chat-available {
  bottom: 0;
}

.chat-unavailable {
  color: gray;
  cursor: default !important;
  bottom: -50px;
}

/* ====================================================
   Community
   ==================================================== */
.community {
 display:none; 
}
.community-heading {
  float: left;
  /*font-size: 18px;*/
  font-weight: bold;
  margin: 0;
}

.community-nav {
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.07);*/
  /*border-top: 0;*/
  /*margin-bottom: 55px;*/
  /*margin-top: 0;*/
  /*padding: 25px 0;*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  border-top: 0;
  margin-top: 0;
  background: #FFF;
  padding: 2.66667%;
}

.community-nav li {
  display: inline-block;
  padding-right: 30px;
}

.community-nav li + li {
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  padding-left: 30px;
}

.community-nav li:last-child {
  border: 0;
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
  top: -5px;
}

.community-nav li:last-child a {
  color: #158EC2;
}

.community-nav li:last-child a:before {
  content: "\270E";
  font-family: "entypo";
  /*font-size: 14px;*/
  margin-right: 10px;
  vertical-align: middle;
}

.community-sub-nav {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding: 15px 0;
  position: relative;
}

.community-sub-nav li {
  display: inline-block;
  margin-right: 30px;
}

.community-sub-nav .topic-add {
  position: absolute;
  right: 0;
  top: 10px;
}

.topic {
  display: inline-block;
  width: 49.5%;
  padding: 20px 30px 20px 0;
  vertical-align: top;
}

.topic-header, .question-header {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  display: table;
  padding-bottom: 10px;
}

.topic-header > *, .question-header > * {
  display: table-cell;
  vertical-align: middle;
}

.topic-header .topic-meta, .question-header .question-meta {
  padding: 0 15px;
  white-space: nowrap;
}

.topic-heading, .question-heading, .answer-list-heading {
  font-weight: bold;
  /*font-size: 13px;*/
  width: 100%;
}

h1.topic-heading {
  font-size: 180%;
  font-weight: bold;
  margin-top:.5ex;
  padding-top:0;
}

.topic-questions {
  margin-top: 45px;
}

.question, .answer {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding: 20px 0;
  position: relative;
}

.question-avatar, .answer-avatar {
  display: table-cell;
  margin-right: 10px;
  min-width: 50px;
  position: relative;
  vertical-align: top;
}

.question-avatar-agent:after, .answer-avatar-agent:after {
  background-color: transparent;
  background-image: url("/hc/theming_assets/01HZH3P2HEBCVEW0AAYM4EN4JB");
  background-image: url("/hc/theming_assets/01HZH3P2SN6E6S0MWKACAKA4KK");
  background-repeat: no-repeat;
  background-size: 14px;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 30px;
  top: 30px;
  content: " ";
}

.question-avatar img, .answer-avatar img {
  border-radius: 3px;
  max-height: 38px;
  max-width: 38px;
}

.question-body, .answer-body {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.question-body .answer-official-body {
  vertical-align: top;
  width: 100%;
}

.question-body p, .answer-body p, .answer-official-body p {
  margin: 0 0 5px;
}

.question-body .question-meta, .answer-body .answer-meta, .answer-official-body .answer-meta {
  float: left;
}

.question .answer {
  border: none;
  padding-bottom: 0;
}

.question-topic-list {
  margin: -20px 0 30px;
}

.question-topic-list li {
  display: inline-block;
  margin: 10px 10px 0 0;
}

.question-topic-list a {
  background: #f6f6f6;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  color: #C5C5C5;
  display: inline-block;
  /*font-size: 11px;*/
  padding: 7px 15px;
}

.question-title, .topic-title {
  margin: -3px 0 5px;
  /*font-size: 15px;*/
}

.question-title a, .topic-title a {
  font-weight: lighter;
}

.question-meta, .answer-meta, .topic-meta {
  color: #C5C5C5;
  /*font-size: 11px;*/
}

.topic-meta span + span:before, .question-meta span + span:before, .answer-meta span + span:before {
  content: "\2022";
  /*font-size: 10px;*/
  margin: 0 10px;
}

.answer-form {
  margin: 30px 0 0 95px;
}

.answer-form-controls {
  display: none;
  margin-top: 10px;
  text-align: right;
}

.answer-form-controls input[type=submit] {
  margin-left: 15px;
}

.answer-form-controls .pull-left {
  float: left;
}

.answer-official-heading {
  /*font-size: 14px;*/
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px;
}

.answer-list-heading {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin-top: 30px;
  padding-bottom: 20px;
}

.question-share, .answer-share {
  position: relative;
}

.related-questions h3 {
  /*font-size: 13px;*/
}

.related-questions li {
  margin-bottom: 10px;
}

.vote {
  display: table-cell;
  margin-left: 15px;
  margin-right: 10px;
  min-width: 95px;
  vertical-align: top;
}

.vote-sum, .vote-controls {
  display: inline-block;
  vertical-align: middle;
}

.vote-sum {
  /*font-size: 15px;*/
  font-weight: bold;
  min-width: 60px;
  padding-left: 10px;
  text-align: center;
}

.vote-controls {
  border-radius: 5px;
}

.vote-controls a {
  background: #FFF;
  border-color: #f6f6f6;
  box-shadow: none;
  color: #BBB;
  display: block;
  font-family: "entypo";
  /*font-size: 13px;*/
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
}

.vote-up {
  border-radius: 5px 5px 0 0;
}

.vote-down {
  border-radius: 0 0 5px 5px;
  border-top: 0;
}

.vote-up:before {
  content: "\E763";
}

.vote-down:before {
  content: "\E760";
}

.vote-controls:hover {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.vote-controls:hover a {
  background: #FFF;
  border-color: #A6A6A6;
  color: #BBB;
}

.vote-controls a:hover, .vote-controls [aria-selected=true] {
  background: #f6f6f6;
  color: #333;
}

.vote-controls a:active {
  background: #CCC;
  color: #111;
}

.answer-accept {
  color: #BBB;
  /*font-size: 15px;*/
  max-width: 15px;
  overflow: hidden;
  padding-top: 7px;
  position: absolute;
  white-space: nowrap;
}

.answer-accept:hover {
  text-decoration: none;
}

.answer-accept:before {
  content: "\2713";
  font-family: "entypo";
  margin-right: 5px;
}

.answer-accepted .answer-accept, .answer-accepted .vote-sum {
  color: green;
}

.topic-controls, .question-controls, .answer-controls {
  float: right;
  /*font-size: 11px;*/
}

.topic-edit, .question-edit, .answer-edit {
  margin-left: 25px;
}

.topic-edit:before, .question-edit:before, .answer-edit:before {
  color: #CCC;
  content: "\2022";
  /*font-size: 10px;*/
  margin-left: -16px;
  pointer-events: none;
  position: absolute;
}

@media print {
  a {
    color: #000;
    text-decoration: underline;
  }
  
  h1 a {
    color: #72716D;
    text-shadow: none;
  }
  
  h2 {
    font-weight: normal;
  }
  
  h4 {
    color: #72716D;
    font-weight: normal;
  }
  
  li a {
    text-decoration: underline;
  }
  
  body {
    background-color: #FFFFFF;
  }
  
  .article-body a {
    border-bottom: none;
  }
  
  header h1 {
    padding-top: 0px;
  }
  
  .category-tree
  .category
  .section {
    background-color: #FFFFFF;
  }
  
  ul.article-list {
    color: #72716D;
  }
  
  #welcomeBackBar {
    display: none;
  }
  
  #crumbs {
    color: #72716D;
    text-shadow: none;
  }
  
  #siteWrapper {
    background-image: none;
  }
  
  .footer {
    display: none;
  }
  
  .article-subscribe {
    display: none;
  }
  
  .recent-articles {
    display: none;
  }
  
  .comment-form {
    display: none;
  }
  
  .article-vote-controls {
    display: none;
  }
  
  .dropdown {
    display: none;
  }
  
  .search {
    display: none !important;
  }
}

/* For expandable Freeform content */
.ffexpander {
			background-image: url("https://my.slc.edu/ICS/UI/Common/Images/PortletImages/Icons/32/bullet_toggle_plus.png") !important;
			background-position: -9px -8px !important;
			background-repeat: no-repeat !important;
			padding-left: 18px !important;
		}
	h5.ffexpander {
			background-position: -9px -4px !important;
      margin-top:1ex;
		}	
	h4.ffexpander {
			background-position: -9px -4px !important;
      margin-top:1ex;
		}
		h3.ffexpander {
  		background-position: -9px 0 !important;
      background-size:50px 50px
      margin-top:1ex;
		}
		.ffexpander:hover {
			cursor: pointer;
			text-decoration: underline;
		}
		.ffexpandable-open {
			background-image: url("https://my.slc.edu/ICS/UI/Common/Images/PortletImages/Icons/32/bullet_toggle_minus.png") !important;
		}
		.ffexpandable {
			margin-left: 7px !important;
			border-left: 1px solid lightgray;
			padding-left: 9px;
		}
/* Just for article about tagging */
span.tag {
    background-color:#F8F9F9;
    border:1px solid #C2C8CC;
    border-radius:3px;
  	padding:3px 6px 4px 6px;
  	font-size:13px;
  }
/* Just for Genetics article */
.genetics h4 {
  margin-top:1ex;
}