
body {
  margin: 0px;
  font-family: Helvetica, Verdana, Arial;

  background-color: #fff;
  background-repeat: repeat-x;
  background-image:url('http://assets.helpjuice.com/themes/cube-theme/images/bg.png');
}


#content-wrapper {
  width: 960px;
  margin: auto auto;
}
.container,  body #content-wrapper #content {
  width: 760px;
  margin-top: 0px;
  float: left;

  /*position: relative; <-- conflicts with hj_promo*/
}

body #mainframe{
  background-color: #fff;
  padding: 0px;
  margin-top: 30px;

  -moz-border-radius: 2px;  
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;

  -moz-box-shadow:    0px -2px 10px #cbcbcb;
  -webkit-box-shadow: 0px -2px 10px #cbcbcb;
  -o-box-shadow:      0px -2px 10px #cbcbcb;         
  box-shadow:         0px -2px 10px #cbcbcb;
}

body #mainframe .center {
  margin: auto auto;

  width: 735px;
  padding-left: 25px;
  padding-top: 25px;
  padding-bottom: 25px;

  float: left;

  background-color: #FAFAFA;
}
body #mainframe .center h1 {
  font-size: 34px;
  color: #2c2c2c;
  text-align: center;

  letter-spacing: -1px;
}

body #mainframe .center.mini {
  padding-top: 13px;
  padding-bottom: 5px;
}

body #mainframe .center.mini #breadcrumbs {
  font-size: 11px;
  color: #cbcbcb;
  width: 380px;
  float: left;
  padding-top: 7px;
}
body #mainframe .center.mini #breadcrumbs a {
  color: #9fb4bb;
  margin-right: 3px;
  margin-left: 3px;
}
body #mainframe .center.mini #question-search {
  width: 310px;
  float: right;
  margin-top: 0px !important;
}
body #mainframe .center.mini #question-search #instant_search {
  width: 285px !important;
}

body #mainframe .center.mini #question-search .watermark_container .watermark {
  width: 550px;
  font-size: 13px;
  margin-right: 10px;
}

body #mainframe #search-btn {
  width: 76px;
  height: 32px;
  background: url('http://assets.helpjuice.com/themes/cube-theme/images/search-btn-normal.png') no-repeat;
  display: block;
  float: left;
  margin-top: 25px;
} 
body #mainframe #search-btn:hover {
  background: url('http://assets.helpjuice.com/themes/cube-theme/images/search-btn-hover.png') no-repeat;
}
body #mainframe #search-btn:active {
  background: url('http://assets.helpjuice.com/themes/cube-theme/images/search-btn-active.png') no-repeat;
}

body #mainframe #search-btn span {
  display: block;
  width: 0px;
  height: 0px;
  overflow: hidden;
}


body #mainframe hr{
  color: #ebf0f1;
  background-color: #ebf0f1;
  height: 1px;
  width: 760px;
  border: 0px;
}


body #mainframe .center.mini #question-search #instant_search {
  width: 710px;
  padding-top: 4px;
  padding-bottom: 4px;

  font-size: 12px;

  margin: 0px;
  margin-bottom: 7px;

  -moz-border-radius: 2px;  
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;

  background: white url("http://assets.helpjuice.com/themes/cube-theme/images/search-icon.png") 7px 6px no-repeat;
}


body #question-search {
  width: 530px;
  margin-top: 0px;
}


body #question-search #instant_search {
  width: 710px;

  padding: 10px 12px 10px 25px;

  background: white url("http://assets.helpjuice.com/themes/cube-theme/images/search-icon.png") 8px 13px no-repeat;  

  margin-top: 0px;
  margin-bottom: 0px;

  border-width: 1px;
  border-style: solid;
  border-color: #A8ACBC #BABDCC #C0C3D2;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
  -moz-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
  -ms-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
  -o-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
  box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
}

body #question-search #instant_search:focus {
    outline: none;
    border-color: #66b1ee;
    -webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -moz-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -ms-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -o-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
}

body #question-search .watermark {
  font-family: Helvetica, "Lucida Grande", Verdana, Arial;
  font-size: 14px;
  color: #BBB;
  left: 31px;
  top: 2px;
  display: block;
  font-style: normal;
  width: 200px;
}

body #results .question .question-information {
  font-size: 11px;
  color: #999;
  float: left;
  width: 350px;
  margin-top: 7px;
}
body #results .question .question-information .question-votes
{
  display: inline;
  background-image: url('https://s3.amazonaws.com/assets.helpjuice.com/themes/cube-theme/images/thumbsup.png');
  
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding-left: 16px;
  
  margin-right: 15px;
  
}
body #results .question .question-information .question-breadcrumbs
{
  display: inline;
}
body #results .question .question-information .question-breadcrumbs a {
  color: #999;
  text-decoration: none;
}
body #results .question .question-information .question-breadcrumbs a:hover {
  text-decoration: underline;
}
body #results .question .question-information .question-breadcrumbs span {
  font-size: 10px;
  letter-spacing: 0px;
  margin-left: 2px;
  margin-right: 2px;
  color: #C2C2C2;
}


body #results {
  width: 705px;
  margin-left: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
}

body #results .was-this-helpful {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 14px;
  width: 260px;
  color: #95a2a7;
  
  float:left;
}

body #results .was-this-helpful #loading{
  font-size: 14px !important;
  font-weight: bold !important;
  font-family: Helvetica, Verdana, Sans-serif, Arial !important;
  padding: 0px !important;
  border-bottom: 0px;
  
}

body #results .was-this-helpful .response {
  background-image: none;
  
  padding: 2px 8px;

  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #1E72A1;
  background: #84E4F6;
  background: -moz-linear-gradient(top, rgba(132, 228, 246, 1) 1%, rgba(68, 175, 228, 1) 2%, rgba(47, 138, 216, 1) 96%, rgba(53, 159, 223, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(132, 228, 246, 1)), color-stop(2%,rgba(68, 175, 228, 1)), color-stop(96%,rgba(47, 138, 216, 1)), color-stop(100%,rgba(53, 159, 223, 1)));
  background: -webkit-linear-gradient(top, rgba(132, 228, 246, 1) 1%,rgba(68, 175, 228, 1) 2%,rgba(47, 138, 216, 1) 96%,rgba(53, 159, 223, 1) 100%);
  background: -o-linear-gradient(top, rgba(132, 228, 246, 1) 1%,rgba(68, 175, 228, 1) 2%,rgba(47, 138, 216, 1) 96%,rgba(53, 159, 223, 1) 100%);
  background: -ms-linear-gradient(top, rgba(132, 228, 246, 1) 1%,rgba(68, 175, 228, 1) 2%,rgba(47, 138, 216, 1) 96%,rgba(53, 159, 223, 1) 100%);
  background: linear-gradient(top, rgba(132, 228, 246, 1) 1%,rgba(68, 175, 228, 1) 2%,rgba(47, 138, 216, 1) 96%,rgba(53, 159, 223, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84e4f6', endColorstr='#359fdf',GradientType=0 );
  border-top: 1px solid #2077A5;
  border-bottom: 1px solid #124E7E;
  font-weight: bold;
  font-size: 13px;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
}
body #results .was-this-helpful .response span,a {
  color: #fff;
  color: rgba(255,255,255,.85);
  text-decoration: none;
}
body #results .was-this-helpful .response span:hover {
  color:#fff;
}

body #results .was-this-helpful .response#yes {
  float: right;
  margin-right: 10px;
}
body #results .was-this-helpful .response#no{
  float: right;
}
body #results .was-this-helpful b {
  line-height: 20px;
}


#results #question-headline {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ebf0f1;
  padding-bottom: 8px;
}
#results .question #question-headline {
  font-size: 21px;
}

body #question-list .category {
  font-family: Helvetica, Verdana, Arial;
  margin-bottom: 20px;
  margin-top: 10px;
  float: left;
  text-align: left;
  height: 100%;
}

body #question-list.two-column .category {
  width: 342px;
  margin-right: 39px;
  margin-left: 39px;
}

body #question-list.three-column .category {
  width: 263px;
  margin-right: 20px;
  margin-left: 0px;
}

body #question-list .category h2 a {
  font-family: Helvetica, Verdana, Arial;
  font-size: 17px;
  font-weight: bold;

  background-image: url('http://assets.helpjuice.com/themes/cube-theme/images/category-icon.png');
  background-repeat: no-repeat;
  padding-left: 22px;
  background-position: 0px 3px;
}

body #question-list .category li {
  list-style: none;
  margin-top: 5px;
  margin-bottom: 5px;
}
body #question-list .category li a {
  color: #898989;
  font-size: 13px;
  text-decoration: none;
  line-height: 100%;
  list-style: none;  
}

body #results #contact-support {
  font-size: 11px;
  color: #9dbcc7;
  text-align: center;
  font-weight: normal;
  font-family: Helvetica, Verdana, Arial;
  margin-bottom: 5px;
  margin-top: 15px;
}

body #results #contact-support a {
  text-decoration: none;
  color: #89a7b2;
  border-bottom: 1px dotted #d2dee3;
}


body #results .hj_promo {
  position: absolute;

  bottom: 35px;
  left: 159px;
  width: 981px !important;
  text-align: center;

  opacity: 0.4;
}

body #results .hj_promo a {
  text-decoration: none;
}

body #results .question {
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: auto;
}
body #results .question .answer_sample {
  font-size: 14px;
  color: #333;
  margin: 0px;
  margin-top: 7px;
}

body #results .question.preview {
  background: url('http://assets.helpjuice.com/themes/cube-theme/images/question-icon.png') 0px 14px no-repeat;
  padding-left: 25px;
}
body #results .question.preview p {
  margin: 0px !important;
}
body #results .question.preview .answer {
  margin: 0px !important;
}

body #results .question h2 {
  color: #0068DE;
  font-size: 18px;
  line-height: 100%;
}
body #results .question #question-link {
  text-decoration: none;
}
body #results .question #question-link:hover h2 {
  text-decoration: underline;
}
body #results .question .question-information .question-breadcrumbs
{
  display: inline;
}
body #results .question .question-information .question-breadcrumbs a {
  color: #999;
  text-decoration: none;
}
body #results .question .question-information .question-breadcrumbs a:hover {
  text-decoration: underline;
}
body #results .question .question-information .question-breadcrumbs span {
  font-size: 10px;
  letter-spacing: 0px;
  margin-left: 2px;
  margin-right: 2px;
  color: #C2C2C2;
}

body #results p {
  line-height: 140%;
  font-size: 15px;
}

#helpjuice-sidebar {
  float: left;
  width: 180px;
  margin-top: 40px;
  margin-left: 8px;
  padding-left: 10px;
  
}

#helpjuice-sidebar .headline {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #CCCCCC;
  width: 180px;
  
  padding: 0px;
  margin: 0px;
  padding-bottom: 4px;  
  margin-bottom: 12px;  
}

#helpjuice-sidebar ul,ol {
  padding:0px;
  margin:0px;
}
#helpjuice-sidebar li {
  color: #666;
  list-style: none;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom:7px;
}
#helpjuice-sidebar li a {
  color:#0068DE;
  text-decoration: none;
}
#helpjuice-sidebar li a:hover {
  color:#0068DE;
  text-decoration: underline;
}

#helpjuice-sidebar ol.related-questions li{
  font-size: 13px;
  list-style-type: decimal;
  list-style-position: inside;
  color: #9FB4BB;
}

#helpjuice-sidebar li span {

  font-size: 12px;
  padding: 5px;
  color:#9C9C9C;
  
  -moz-border-radius:     90px;  
  -webkit-border-radius:  90px;
  -o-border-radius:       90px;
  border-radius:          90px;
}

#helpjuice-sidebar ul.question-stats {
  margin-bottom: 35px;
}
#helpjuice-sidebar ul.question-stats li.question-stat{
  background-image: url('https://s3.amazonaws.com/assets.helpjuice.com/themes/cube-theme/images/icons.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 21px;
  
  font-size: 12px;
  line-height: 160%;
  border-bottom: 1px dotted #dbdbdb;
  padding-bottom: 5px;
  height: 17px;
}
#helpjuice-sidebar ul.question-stats li.question-stat.views {
  background-position: 0px -50px;
}
#helpjuice-sidebar ul.question-stats li.question-stat.date {
  background-position: 0px -74px;
}
#helpjuice-sidebar ul.question-stats li.question-stat.votes {
  background-position: 0px 0px;
}


#helpjuice-sidebar #contact-support {
  font-size: 11px;
  line-height: 130%;
  text-align: center;
  margin-top: 30px;
  border-top: 1px solid #CCC;
  padding-top: 10px;
}
#helpjuice-sidebar #contact-support a {
  color: #333;
  font-weight: bold;
}



body #contact_support_form #question_submit {
  background-image: none;
  
  font-weight: bold;
  font-size: 13px !important;
  padding: 10px 16px;
  margin-left: 0px;
  
  color:#fff;
	color: rgba(255,255,255,0.8);
  text-decoration: none;
  text-shadow: 0 -1px 0px #1E6BB3;
  
  -webkit-border-radius:4px;
  -moz-border-radius:   4px;
  border-radius:        4px;
  
  border: 1px solid #1F6DB6;
  -moz-box-shadow: inset 0px 1px 0px #9bc9f3;
  -webkit-box-shadow: inset 0px 1px 0px #9BC9F3;
  box-shadow: inset 0px 1px 0px #9BC9F3;
  
  background: #3492EB;
  background: -moz-linear-gradient(top, #3492EB 0%, #0A5FAD 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3492EB), color-stop(100%,#0A5FAD));
  background: -webkit-linear-gradient(top, #3492EB 0%,#0A5FAD 100%);
  background: -o-linear-gradient(top, #3492EB 0%,#0A5FAD 100%);
  background: -ms-linear-gradient(top, #3492EB 0%,#0A5FAD 100%);
  background: linear-gradient(top, #3492EB 0%,#0A5FAD 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3492EB', endColorstr='#0A5FAD',GradientType=0 );
 
}

body #contact_support_form #question_submit:hover {
  text-shadow: 1px 0px 0px #1f6db6;
  color:#fff;
  
	color: rgba(255,255,255,1);
	-moz-box-shadow: 1px 0px 0px #9bc9f3;
	-webkit-box-shadow:  0px -1px 0px #9bc9f3;
	box-shadow:  0px -1px 0px #9bc9f3;
	
  cursor: pointer;
}


