/* ==========================================================================================

    Global Styles

   =========================================================================================== */


html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
  background-repeat: repeat;
  background-attachment: fixed;
  font-family: proxima-nova, "Helvetica Neue", Arial, sans-serif;
  background-color: #AFBCC8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#515c68), color-stop(100%, #afbcc8));
  background-image: -moz-linear-gradient(90deg, #afbcc8, #515c68);
  color: #212F40;
  z-index: 1;
}
a,a:link {
  color: #228ed0;
  text-decoration: none;
}
a:hover {
  color: #114d96;
  text-decoration: none;¶
}
.bg-pattern {
  position: fixed;
  height: 100%;
  width: 100%;
  background: url("http://dev.zacparker.com/asana/img/bg-pattern.png");
  z-index: -1;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
}
.wrapper {
  width: 1000px;
}
.button {
  background-color: #1F8DD6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#74c1ed), color-stop(5%, #1f8dd6));
  background-image: -moz-linear-gradient(90deg, #1F8DD6 95%, #74C1ED);
  border: 1px solid #114D97;
  color: #fff;
  border-radius: 3px;
  box-shadow: 0 -1px rgba(0, 0, 0, 0.12) inset;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  padding: 5px 10px 4px;
  text-shadow: 0 -1px #114D97;
  white-space: nowrap;
}
.button:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#74c1ed), color-stop(100%, #1f8dd6));
  background-image: -moz-linear-gradient(90deg, #1f8dd6 0%, #74c1ed);
  text-decoration: none;
}
.button-alternative {
  background-color: #ced7df;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfdff), color-stop(5%, #ced7df));
  background-image: -moz-linear-gradient(90deg, #ced7df 95%, #fbfdff);
  border: 1px solid #9babb9;
  color: #596572;
  border-radius: 3px;
  box-shadow: 0 -1px rgba(0, 0, 0, 0.12) inset;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  padding: 5px 10px 4px;
  white-space: nowrap;
}
.button-alternative:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfdff), color-stop(100%, #ced7df));
  background-image: -moz-linear-gradient(90deg, #ced7df 0%, #fbfdff);
  text-decoration: none;
}


/* ==========================================================================================

    Header Styles

   =========================================================================================== */
.top-bg {
  width: 998px;
  background: url("http://dev.zacparker.com/asana/img/top-wrapper-bg.png") 0 0 repeat;
  height: 81px;
  margin: 0 0 0 -499px;
  position: absolute;
  top: 0;
  left: 50%;
}
.top-wrapper {
  padding-top: 5px;
}
#company-support-portal {
  padding: 0;
  margin: 0 auto;
  position: relative;
  min-height: 100%;
}
#company-header {
  background: url("http://dev.zacparker.com/asana/img/header-bg.jpg") 0 0 no-repeat;
  height: 286px;
  border-bottom: 1px solid #93a8be;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  z-index: -1;
}
#company-body {
  padding-bottom: 140px;
}
.support-search-big .outer {
  background: #094e78;
  border: none;
  margin: 145px 0 0 65px;
  width: 830px;
  height: auto;
  padding: 5px;
  border-radius: 4px;
}
.support-search-big .inner {
  height: 60px;
  width: 820px;
  background: #e7f0f6;
  color: #094e78;
  border: none;
  border-radius: 4px;
  -moz-box-shadow: inset 1px 1px 2px #444;
  -webkit-box-shadow: inset 1px 1px 2px #444;
  padding-left: 10px;
  overflow: hidden;
}
.question-big {
  font-size: 18px;
}
.question-big,
.ui-autocomplete-input {
  font-size: 24.5px;
  font-family: proxima-nova;
  top: 24px;
  left: 10px;
}
.support-search-big #q {
  width: 70%;
  overflow: hidden;
  margin-top: 19px;
  padding-top: 0;
}
#question-mask,
.ui-autocomplete-input {
  color: #074d7c;
}
#question-mask {
  position: absolute;
  top: 22px;
  left: 25px;
}
.topic h4 {
  text-transform: uppercase;
  font-weight: 600;
}
.topic h4 a {
  color: #596572;
}
.topic h4 a:hover {
  color: #9cacbc;
}
.support-search-big #support-search-submit::before {
  content: url("http://dev.zacparker.com/asana/img/search.png");
  display: block;
  height: 29px;
  width: 26px;
  float: left;
  margin: -3px 7px 0 -12px;
}
.support-search-big #support-search-submit {
  border-radius: 3px;
  font-family: "proxima-nova";
  font-size: 22px;
  margin: 0;
  padding: 12px 10px 8px 22px;
  position: absolute;
  right: 11px;
  _right: 18px;
  text-align: center;
  top: 11px;
  width: 195px;
}
#support-search-submit span {
  font-size: 22px;
}
#company-support-portal h1 {
  margin: 20px 0 0 20px;
  width: 190px;
}
#company-support-portal .login-signup {
  margin: 20px 20px 0 0;
}
#company-support-portal .login-signup .button,
#company-support-portal .login-signup .button-alternative {
  font-size: 15px;
  font-weight: 500;
  padding: 5px 10px 8px;
  z-index: 2;
}
#company-support-portal .login-signup .button span,
#company-support-portal .login-signup .button-alternative span {
  font-size: 19px;
}
#company-support-portal .login-signup .button {
  color: #fff;
}
#company-support-portal .login-signup .button-alternative {
  color: #434c55;
  margin-left: 15px;
}
.login-signup {
  z-index: 2;
}


/* ==========================================================================================

    Index Page Content Area

   =========================================================================================== */


#support-wrapper {
  background: #E7F0F6;
  padding: 20px 0;
  margin-top: 80px;
}
#support-main {
  padding: 0 30px;
  width: 700px;
  float: left;
  border-right: 1px dotted #8b9aa8;
}
#support-main .support-body {
  min-height: 490px;
}
#support-main .content {
  padding: 5px 0 5px 10px;
}
.topic {
  float: left;
  width: 50%;
  padding: 0;
  margin: 20px 0;
}
.topic ul,
.topic p {
  padding-left: 30px;
}
.topic ul a span {
  font-size: 75%;
}
.topic li > a {
  line-height: 18px;
}
.topic li {
  padding-left: 35px;
}
.topic .articles {
  color: #9cacba;
  font-weight: 600;
  font-size: 12px;
  padding-left: 10px;
}
.topic h4 {
  padding: 5px 0 5px 30px;
  font-size: 17px;
}
.topic-description {
  padding: 0 0 5px 0;
  margin-bottom: 0;
}
.topic .more {
  font-size: 16px;
}
.topic81942 {
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  width: 646px;
  margin: 0 auto 25px;
  height: 57px;
}
.topic81942 h4 {
  font-family: "proxima-nova";
  text-transform: uppercase;
  font-weight: 600;
  color: #596572;
  margin: 0 0 0 5px;
  padding: 0;
}
.topic81942 h4 img {
  margin-right: 15px;
}
.topic81942 .topic-description {
  padding-left: 0;
  width: 310px;
}
.topic81942 a {
  float: right;
  padding-right: 18px;
  font-size: 18px;
  text-decoration: underline;
}
.topic81942 a > span {
  font-size: 95%;
}
.topic81942 p {
  float: left;
  left: 93px;
  width: 420px;
}
.topic82000 h4 {
  background: url("http://dev.zacparker.com/asana/img/new.png") 0 0 no-repeat;
}
.topic50188 h4 {
  background: url("http://dev.zacparker.com/asana/img/video.png") 0 0 no-repeat;
}
.topic82001 h4 {
  background: url("http://dev.zacparker.com/asana/img/my_account.png") 0 0 no-repeat;
}
.topic82963 h4 {
  background: url("http://dev.zacparker.com/asana/img/collaborating.png") 0 1px no-repeat;
}
.topic82002 h4 {
  background: url("http://dev.zacparker.com/asana/img/projects.png") 0 0 no-repeat;
}
.topic82006 h4 {
  background: url("http://dev.zacparker.com/asana/img/email.png") 0 -2px no-repeat;
}
.topic82010 h4 {
  background: url("http://dev.zacparker.com/asana/img/security.png") 0 0 no-repeat;
}
.topic44422,
.topic91675,
.topic90441 {
  display: none;
}
.community-connect {
  background: #cbdded;
  border: 1px solid #6e7e8f;
  padding: 20px;
  width: 641px;
  margin: 10px auto 25px;
  height: 123px;
}
.community-connect img {
  margin-right: 15px;
  display: block;
}
.community-connect h4 {
  display: none;
}
.community-connect p {
  display: none;
}
.community-connect .community-description,
.community-connect .explore {
  display: block;
  color: #596572;
}
.community-connect h3 {
  font-size: 18px;
  font-weight: 500;
  color: #596572;
}
.community-connect ul {
  position: relative;
  left: 60px;
  width: 255px;
  list-style-type: none;
}
.community-connect li {
  width: 255px;
  list-style-type: none;
}
.community-connect .explore {
  font-size: 18px;
  width: 95px;
  float: left;
  position: relative;
  top: 10px;
  left: 60px;
  line-height: 25px;
}
.community-connect .explore span {
  font-size: 83px;
  float: right;
  margin-top: -20px;
  font-weight: 500;
}

.community-connect .button {
  width: 160px;
  padding: 15px 20px 15px 15px;
  float: right;
  color: #fff;
  font-size: 18px;
  margin: -60px 30px 0 0;
}


/* ==========================================================================================

    Search

   =========================================================================================== */


.search h3 {
  font-size: 36px;
  color: #596572;
  font-family: proxima-nova;
  font-weight: 600;
}
.search .notice h4 {
  font-size: 18px;
  color: #596572;
  font-family: proxima-nova;
  font-weight: 500;
}
#support-main #search-results .meta {
  color: #9cacbc;
}


/* ==========================================================================================

    Index Page Sidebar Area

   =========================================================================================== */


#support-side {
  background: #E7F0F6;
  float: left;
  padding: 0 10px;
  width: 215px;
  margin: 0;
}
#support-side .button-alternative,
#support-side .button {
  font-size: 18px;
  color: #596572;
  padding: 12px 10px 14px;
}
#support-side .button-alternative span,
#support-side .button span {
  font-size: 26.5px;
  position: relative;
  top: 2px;
}
#support-side .button {
  color: #fff;
  font-size: 16px;
}
#support-side .button span {
  font-size: 22px;
}
#support-side .button-alternative img {
  margin: 0 10px 0 0;
}
#support-side .content {
  margin-bottom: 20px;
  padding: 0 18px;
}
#support-side .content:first-child {
  padding-bottom: 20px;
  border-bottom: 1px dotted #8b9aa8;
}
#support-side .content h3 {
  font-size: 17px;
  color: #596572;
  font-weight: 500;
  margin-bottom: 10px;
}
#support-side .content .twitter-updates {
  font-size: 15px;
}
.twitter-icon {
  padding: 2px 5px 0 0;
}
#tweets {
  margin-top: 5px;
  font-size: 14px;
}
#tweets .tweet_time a {
  color: #228ED0;
}
#tweets .tweet_time a:hover {
  color:#114D96;
}
.tweet_time a {
  padding-bottom: 5px;
}



/* ==========================================================================================

    Article Area

   =========================================================================================== */


.article .title h3 {
  font-size: 36px;
  color: #596572;
  font-family: proxima-nova;
  font-weight: 600;
}
#support-main .title .meta {
  font-size: 14px;
  color: #9cacba;
  font-family: proxima-nova;
  font-weight: 300;
}
#support-main .title {
  border-bottom: none;
  padding-bottom: 0;
}
.article-content p {
  color: #212f40;
  font-size: 14px;
  line-height: 22px;
}
.article .community-connect li > a {
  line-height: 18px;
  font-size: 14px;
}
.article .community-connect li{
  margin: 0 0 5px;
}
#rate_article_container {
  background: #fff;
  width: 661px;
  border: 1px solid #afbcc7;
  padding: 10px;
  height: 50px;
  margin-bottom: 20px;
}
#rate_article span {
  display: none;
}
#rate_article div {
  float: left;
  width: auto;
  padding-top: 2px;
}
#rate_article {
  padding-top: 10px;
}
#rate_article p {
  color: #596572;
  font-size: 16px;
  margin: 5px 25px 0 10px;
}
#rate_article a:hover {
  text-decoration: none;
}
#rate_article_container .rate-link-down a {
  background-position: 0 -30px;
}
#rate_article_container a {
    background: url("http://dev.zacparker.com/asana/img/rating-icons.png") no-repeat 0 0;
    border: none;
    border-radius: 0;
    float: left;
    height: 20px;
    margin: 0;
    overflow: hidden;
    text-indent: -0;
    width: 73px;
    padding: 5px 0 5px 35px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}


/* ==========================================================================================

    Topic List Area

   =========================================================================================== */


#support-main .toggle81942 img,
#support-main .toggle82000 img,
#support-main .toggle82001 img,
#support-main .toggle82006 img,
#support-main .toggle82010 img {
  margin: -30px 15px 0 0;
}
#support-main .toggle50188 img,
#support-main .toggle82963 img {
  margin: -20px 15px 0 0;
}
#support-main .toggle82002 img {
  margin: -25px 15px 0 0;
}
#toggle h3 {
  font-size: 36px;
  text-transform: uppercase;
  color: #596572;
  font-weight: 600;
}
#toggle img {
  float: left;
  margin: -30px 15px 0 0;
}
#toggle {
  padding-top: 15px;
  margin-bottom: 25px;
}
#breadcrumbs {
  font-size: 14px;
  font-weight: 300;
  margin-left: 10px;
}
#support-main .topic-list .article {
  margin-bottom: 25px;
}
#support-main .topic-list .article h4 {
  font-size: 20px;
  font-weight: 500;
}
#support-main .topic-list .article p {
  color: #212f40;
  font-weight: 300;
}
#support-main .topic-list .meta {
  font-size: 14px;
  color: #9cacbc;
  font-weight: 300;
}



/* ==========================================================================================

    Q & A / email

   =========================================================================================== */

.new-community-question h3,
.new-email h3 {
  font-size: 36px;
  text-transform: uppercase;
  color: #596572;
  font-weight: 600;
  margin-bottom: 15px;
}
.new-email h3 {
  font-size: 22px;
}
.new-community-question #form .label,
.new-email #form .label {
  font-size: 16px;
  font-weight: 600;
  color: #212F40;
}
.new-community-question #form .label span,
.new-email #form .label span {
  font-weight: 500;
  margin-left: 10px;
}
.new-community-question .button,
.new-email .button {
  font-size: 18px;
  font-weight: 500;
  padding: 9px 10px 11px;
}
#form h4 {
  color: #596572;
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 24px;
}
.gravatar-wrapper {
  float: left;
  margin-right: 15px;
}
.question-details h3 {
  font-size: 18px;
}
.question-details .meta {
  margin: 15px 0;
}
.email-success h3, .email-success h4 {
  color: #596572;
  font-weight: 600;
}
.email-success h3 {
  font-size: 24px;
}
.email-success h4 {
  font-size: 18px;
}
#form .input-block input[type="text"],
#form .input-block textarea {
  font-family: proxima-nova;
}
#modal .inner h1 {
  width: 600px;
  color: #596572;
  font-weight: 600;
}
#modal .inner .input-button {
  text-align: left;
}
#modal .inner .input-button span {
  padding: 0 15px 0 10px;
}
#support-main .articles .condensed {
  background-color: #e7f0f6;
  border: 1px solid #094e78;
}


/* ==========================================================================================

    Footer

   =========================================================================================== */


#footer {
  display: block;
  clear: both;
  position: relative;
  bottom: 0;
  left: 0;
  margin-top: -102px;
  background: #4b637a;
  color: #999;
  padding: 21px 0 30px;
  width: 100%;
  height: 50px;
  border-top: 1px solid #cbdded;
}
#footer ul,
#footer li {
  list-style-type: none;
  display: inline-block;
}
#footer a {
  display: block;
  color: #fff;
  margin-right: 30px;
  font-size: 16px;
  text-decoration: none;
}
#footer a:hover {
  color: #c9e5fa;
  text-decoration: none;
}
#footer .help {
  border-bottom: 5px solid #389dd9;
}
#social-media-links a {
  margin: 0 0 0 4px;
  padding-bottom: 2px;
}
#social-media-links a:hover{
  border-bottom: none;
}
.facebook-link {
  background: url("http://dev.zacparker.com/asana/img/facebook-small.png") 0 0;
}
.twitter-link {
  background: url("http://dev.zacparker.com/asana/img/twitter-small.png") 0 0;
}
.youtube-link {
  background: url("http://dev.zacparker.com/asana/img/youtube-small.png") 0 0;
}
.rss-link {
  background: url("http://dev.zacparker.com/asana/img/rss-small.png") 0 0;
}
.facebook-link,
.twitter-link,
.youtube-link,
.rss-link {
  display: block;
  height: 16px;
  width: 17px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.facebook-link:hover,
.twitter-link:hover,
.youtube-link:hover,
.rss-link:hover {
  background-position: 0 -18px;
}
.cat-link {
  display: block;
  height: 17px;
  width: 19px;
  background: url("http://dev.zacparker.com/asana/img/cat-small.png") 0 0 no-repeat;
}
a.cat-link:hover {
  background-position: 0 -20px;
}
#footer .legal {
  margin-top: 15px;
}
#footer .legal,
#footer .legal a {
  color: #fff;
  font-size: 11px;
  margin-right: 0;
}
#footer .legal li {
  margin: 0 10px 0 0;
}



/* ==========================================================================================

    Helper Styles

   =========================================================================================== */


.invisible { visibility: hidden; }
.cf:before, .cf:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.cf:after { clear: both; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.cf { zoom: 1; }
.fr { float: right; }
.fl { float: left; }