/* Add additional stylesheets below
-------------------------------------------------- */
/*
  Bootstrap's documentation styles
  Special styles for presenting Bootstrap's documentation and examples
*/


/* Body and structure
-------------------------------------------------- */

body {
  position: relative;
  padding-top: 40px;
}

/* Code in headings */
h3 code {
  font-size: 14px;
  font-weight: normal;
}
.visible-1200 {
	display: none;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* Tweak navbar brand link to be super sleek
-------------------------------------------------- */

body #main > .navbar {
  font-size: 13px;
}

/* Change the docs' brand */
body #main > .navbar .brand {
  font-size: 21px;
  line-height: 25px;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  
  color: #999;
	padding-left: 140px;
	background: url('../img/community_solutions_logo.png') no-repeat center left;
}

body #main > .navbar .other-navbar-links .brand {
	margin-left: -2px !important;
}


/* For navbar-spacer */
body #main > #main-contain .navbar .brand {
  font-size: 21px;
  line-height: 25px;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  
  color: #999;
	padding-left: 140px;
	background: url('../img/community_solutions_logo.png') no-repeat center left;
}

body #main > #main-contain .navbar-spacer-1 .navbar-inner, body #main > #main-contain .navbar-spacer-2 .navbar-inner {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

body #main > .navbar .navbar-inner {
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
			box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}

/*
body #main > .navbar .navbar-inner {
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
			box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
*/

body #main > .navbar .brand:hover {
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4);
}


/* Sections
-------------------------------------------------- */

/* padding for in-page bookmarks and fixed navbar */
section {
  /*padding-top: 30px;*/
  padding-top: 0;
}
section > .page-header,
section > .lead {
  color: #5a5a5a;
}
section > ul li {
  margin-bottom: 5px;
}

/* Separators (hr) */
.bs-docs-separator {
  margin: 40px 0 39px;
}

/* Faded out hr */
hr.soften {
  height: 1px;
  margin: 70px 0;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border: 0;
}

/* ribbonbar */
#progress-text {
	font-size: 14px;
	font-weight: normal;
	color: #555555;
	text-shadow: none;
	line-height: 30px;
	position: absolute;
}

.ribbonbar .placeholder input {
	padding-top: 4px;
	padding-bottom: 4px;
}

#results-link-label {
	margin-right: 43px;
}
	
.ribbonbar {
	padding: 10px 0 0;
	color: #ddd;
	/*
		background-image:-moz-linear-gradient(top, #333333, #222222);
	background-image:-ms-linear-gradient(top, #333333, #222222);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c6c6c), color-stop(100%, #555));
*/
	
	background-color:#555;
	background-color:#555;
	background-repeat:repeat-x;
	background-image:-khtml-gradient(linear, left top, left bottom, from(#6c6c6c), to(#555));
	background-image:-moz-linear-gradient(top, #6c6c6c, #555);
	background-image:-ms-linear-gradient(top, #6c6c6c, #555);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c6c6c), color-stop(100%, #555));
	background-image:-webkit-linear-gradient(top, #6c6c6c, #555);
	background-image:-o-linear-gradient(top, #6c6c6c, #555);
	background-image:linear-gradient(top, #6c6c6c, #555);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#565656', GradientType=0);*/
}
.ribbonbar p {
	margin: 0;
	line-height: 2.1;
	font-weight: bold;
}

/* Questionnaire */
.image {
	margin-left: 0.5em;
}
.question .alert {
	padding: 8px;
	margin: 0 -8px;
	background: none;
  	border: 0;
  	clear: both;
  	display: inline;
}
.question .alert p {
	margin: 0;
}
footer .btn-large {
	float: right;
}
.questionnaire-section {
	margin: 0 0 2em;
}
.q-desc {
	float: left;
	width: 75%;
	margin-right: 4%;
}
/*
.question.error {
	margin: 22px -9px 0;
	padding: 8px;
	background: #f2dede;
	border: solid #eed3d7 1px;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
*/

#questionnaire section.notes {
	margin-top: 21px;

}

#questionnaire section.question, #questionnaire section:first-child {
	margin: 22px -9px 0;
	padding: 8px 8px 0 8px;
	background: rgba(0, 0, 0, 0);
	border: solid rgba(0, 0, 0, 0) 1px;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}



#questionnaire section.error {
	margin: 22px -9px 0;
	padding: 8px 8px 0 8px;
	background: #f2dede;
	border: solid #eed3d7 1px;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

#questionnaire section.error input { 
  background-color: #ffffff;
  border: 1px solid #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

#questionnaire section.error .btn-group .btn {
  border-color: #b94a48;
}

#questionnaire section.error .btn-group.no-js {
	border: 1px solid #b94a48;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}


#questionnaire section.error input:focus {
  border-color: #943b3a;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 140, 137, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 140, 137, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 140, 137, 0.6);
}

#questionnaire .error #project-name-div p {
	display: block;
	color: #b94a48;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#questionnaire #project-name-div p {
	display: none;
}



#project-name-div .placeholder {
	cursor: text;
	background: rgba(0,0,0,0);
}

#project-name-div .placeholder span {
	z-index: 1;
}

#project-name-div input {
	background: white;
}

#accordion2 {
	display: none;
}

/* Jumbotrons
-------------------------------------------------- */

/* Base class
------------------------- */
.jumbotron {
  position: relative;
  padding: 40px 0;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
  background: #020031; /* Old browsers */
  background: -moz-linear-gradient(45deg,  #020031 0%, #6d3353 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* IE10+ */
  background: linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.jumbotron h1 {
  font-size: 80px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
}
.jumbotron p {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 30px;
}

/* Link styles (used on .masthead-links as well) */
.jumbotron a {
  color: #fff;
  color: rgba(255,255,255,.5);
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.jumbotron a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,.25);
}

/* Download button */
.masthead .btn {
  padding: 19px 24px;
  font-size: 24px;
  font-weight: 200;
  color: #fff; /* redeclare to override the `.jumbotron a` */
  border: 0;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}
.masthead .btn:hover {
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
}
.masthead .btn:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
          box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
}


/* Pattern overlay
------------------------- */
.jumbotron .container {
  position: relative;
  z-index: 2;
}
.jumbotron:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/bs-docs-masthead-pattern.png) repeat center center;
  opacity: .4;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {

  .jumbotron:after {
    background-size: 150px 150px;
  }

}

/* Masthead (docs home)
------------------------- */
.masthead {
  padding: 70px 0 80px;
  margin-bottom: 0;
  color: #fff;
}
.masthead h1 {
  font-size: 120px;
  line-height: 1;
  letter-spacing: -2px;
}
.masthead p {
  font-size: 40px;
  font-weight: 200;
  line-height: 1.25;
}

/* Textual links in masthead */
.masthead-links {
  margin: 0;
  list-style: none;
}
.masthead-links li {
  display: inline;
  padding: 0 10px;
  color: rgba(255,255,255,.25);
}

/* Social proof buttons from GitHub & Twitter */
.bs-docs-social {
  padding: 15px 0;
  text-align: center;
  background-color: #f5f5f5;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
}

/* Quick links on Home */
.bs-docs-social-buttons {
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.bs-docs-social-buttons li {
  display: inline-block;
  padding: 5px 8px;
  line-height: 1;
  *display: inline;
  *zoom: 1;
}

/* Subhead (other pages)
------------------------- */
.subhead {
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.subhead h1 {
  font-size: 60px;
}
.subhead p {
  margin-bottom: 20px;
}
.subhead .navbar {
  display: none;
}



/* Marketing section of Overview
-------------------------------------------------- */

.marketing {
  text-align: center;
  color: #5a5a5a;
}
.marketing h1 {
  margin: 60px 0 10px;
  font-size: 60px;
  font-weight: 200;
  line-height: 1;
  letter-spacing: -1px;
}
.marketing h2 {
  font-weight: 200;
  margin-bottom: 5px;
}
.marketing p {
  font-size: 16px;
  line-height: 1.5;
}
.marketing .marketing-byline {
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.25;
  color: #999;
}
.marketing-img {
  display: block;
  margin: 0 auto 30px;
  max-height: 145px;
}



/* Footer
-------------------------------------------------- */

.footer {
  clear: both;
  text-align: center;
  padding: 30px 0;
  margin-top: 30px;
  border-top: 1px solid #e5e5e5;
  background-color: #f5f5f5;
}
.footer p {
  margin-bottom: 0;
  color: #777;
}
.footer-links {
  margin: 10px 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}
.footer-links li:first-child {
  padding-left: 0;
}



/* Special grid styles
-------------------------------------------------- */

.show-grid {
  margin-top: 10px;
  margin-bottom: 20px;
}
.show-grid [class*="span"] {
  background-color: #eee;
  text-align: center;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  min-height: 40px;
  line-height: 40px;
}
.show-grid [class*="span"]:hover {
  background-color: #ddd;
}
.show-grid .show-grid {
  margin-top: 0;
  margin-bottom: 0;
}
.show-grid .show-grid [class*="span"] {
  margin-top: 5px;
}
.show-grid [class*="span"] [class*="span"] {
  background-color: #ccc;
}
.show-grid [class*="span"] [class*="span"] [class*="span"] {
  background-color: #999;
}



/* Mini layout previews
-------------------------------------------------- */
.mini-layout {
  border: 1px solid #ddd;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);
          box-shadow: 0 1px 2px rgba(0,0,0,.075);
}
.mini-layout,
.mini-layout .mini-layout-body,
.mini-layout.fluid .mini-layout-sidebar {
  height: 300px;
}
.mini-layout {
  margin-bottom: 20px;
  padding: 9px;
}
.mini-layout div {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.mini-layout .mini-layout-body {
  background-color: #dceaf4;
  margin: 0 auto;
  width: 70%;
}
.mini-layout.fluid .mini-layout-sidebar,
.mini-layout.fluid .mini-layout-header,
.mini-layout.fluid .mini-layout-body {
  float: left;
}
.mini-layout.fluid .mini-layout-sidebar {
  background-color: #bbd8e9;
  width: 20%;
}
.mini-layout.fluid .mini-layout-body {
  width: 77.5%;
  margin-left: 2.5%;
}



/* Download page
-------------------------------------------------- */

.download .page-header {
  margin-top: 36px;
}
.page-header .toggle-all {
  margin-top: 5px;
}

/* Space out h3s when following a section */
.download h3 {
  margin-bottom: 5px;
}
.download-builder input + h3,
.download-builder .checkbox + h3 {
  margin-top: 9px;
}

/* Fields for variables */
.download-builder input[type=text] {
  margin-bottom: 9px;
  font-family: Menlo, Monaco, "Courier New", monospace;
  font-size: 12px;
  color: #d14;
}
.download-builder input[type=text]:focus {
  background-color: #fff;
}

/* Custom, larger checkbox labels */
.download .checkbox {
  padding: 6px 10px 6px 25px;
  font-size: 13px;
  line-height: 18px;
  color: #555;
  background-color: #f9f9f9;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  cursor: pointer;
}
.download .checkbox:hover {
  color: #333;
  background-color: #f5f5f5;
}
.download .checkbox small {
  font-size: 12px;
  color: #777;
}

/* Variables section */
#variables label {
  margin-bottom: 0;
}

/* Giant download button */
.download-btn {
  margin: 36px 0 108px;
}
#download p,
#download h4 {
  max-width: 50%;
  margin: 0 auto;
  color: #999;
  text-align: center;
}
#download h4 {
  margin-bottom: 0;
}
#download p {
  margin-bottom: 18px;
}
.download-btn .btn {
  display: block;
  width: auto;
  padding: 19px 24px;
  margin-bottom: 27px;
  font-size: 30px;
  line-height: 1;
  text-align: center;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}



/* Misc
-------------------------------------------------- */

/* Make tables spaced out a bit more */
h2 + table,
h3 + table,
h4 + table,
h2 + .row {
  margin-top: 5px;
}

/* Example sites showcase */
.example-sites {
  xmargin-left: 20px;
}
.example-sites img {
  max-width: 100%;
  margin: 0 auto;
}

.scrollspy-example {
  height: 200px;
  overflow: auto;
  position: relative;
}


/* Fake the :focus state to demo it */
.focused {
  border-color: rgba(82,168,236,.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
     -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
          box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
  outline: 0;
}

/* For input sizes, make them display block */
.docs-input-sizes select,
.docs-input-sizes input[type=text] {
  display: block;
  margin-bottom: 9px;
}

/* Icons
------------------------- */
.the-icons {
  margin-left: 0;
  list-style: none;
}
.the-icons li {
  float: left;
  width: 25%;
  line-height: 25px;
}
.the-icons i:hover {
  background-color: rgba(255,0,0,.25);
}

/* Example page
------------------------- */
.bootstrap-examples h4 {
  margin: 10px 0 5px;
}
.bootstrap-examples p {
  font-size: 13px;
  line-height: 18px;
}
.bootstrap-examples .thumbnail {
  margin-bottom: 9px;
  background-color: #fff;
}



/* Bootstrap code examples
-------------------------------------------------- */

/* Base class */
.bs-docs-example {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

/* Echo out a label for the example */
.bs-docs-example:after {
  content: "Example";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}

/* Remove spacing between an example and it's code */
.bs-docs-example + .prettyprint {
  margin-top: -20px;
  padding-top: 15px;
}

/* Tweak examples
------------------------- */
.bs-docs-example > p:last-child {
  margin-bottom: 0;
}
.bs-docs-example .table,
.bs-docs-example .progress,
.bs-docs-example .well,
.bs-docs-example .alert,
.bs-docs-example .hero-unit,
.bs-docs-example .pagination,
.bs-docs-example .navbar,
.bs-docs-example > .nav,
.bs-docs-example blockquote {
  margin-bottom: 5px;
}
.bs-docs-example .pagination {
  margin-top: 0;
}
.bs-navbar-top-example,
.bs-navbar-bottom-example {
  z-index: 1;
  padding: 0;
  height: 90px;
  overflow: hidden; /* cut the drop shadows off */
}
.bs-navbar-top-example .navbar-fixed-top,
.bs-navbar-bottom-example .navbar-fixed-bottom {
  margin-left: 0;
  margin-right: 0;
}
.bs-navbar-top-example {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}
.bs-navbar-top-example:after {
  top: auto;
  bottom: -1px;
  -webkit-border-radius: 0 4px 0 4px;
     -moz-border-radius: 0 4px 0 4px;
          border-radius: 0 4px 0 4px;
}
.bs-navbar-bottom-example {
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}
.bs-navbar-bottom-example .navbar {
  margin-bottom: 0;
}
form.bs-docs-example {
  padding-bottom: 19px;
}

/* Images */
.bs-docs-example-images img {
  margin: 10px;
  display: inline-block;
}

/* Tooltips */
.bs-docs-tooltip-examples {
  text-align: center;
  margin: 0 0 10px;
  list-style: none;
}
.bs-docs-tooltip-examples li {
  display: inline;
  padding: 0 10px;
}

/* Popovers */
.bs-docs-example-popover {
  padding-bottom: 24px;
  background-color: #f9f9f9;
}
.bs-docs-example-popover .popover {
  position: relative;
  display: block;
  float: left;
  width: 260px;
  margin: 20px;
}

/* Dropdowns */
.bs-docs-example-submenus {
  min-height: 180px;
}
.bs-docs-example-submenus > .pull-left + .pull-left {
  margin-left: 20px;
}
.bs-docs-example-submenus .dropup > .dropdown-menu,
.bs-docs-example-submenus .dropdown > .dropdown-menu {
  display: block;
  position: static;
  margin-bottom: 5px;
  *width: 180px;
}



/* Responsive docs
-------------------------------------------------- */

/* Utility classes table
------------------------- */
.responsive-utilities th small {
  display: block;
  font-weight: normal;
  color: #999;
}
.responsive-utilities tbody th {
  font-weight: normal;
}
.responsive-utilities td {
  text-align: center;
}
.responsive-utilities td.is-visible {
  color: #468847;
  background-color: #dff0d8 !important;
}
.responsive-utilities td.is-hidden {
  color: #ccc;
  background-color: #f9f9f9 !important;
}

/* Responsive tests
------------------------- */
.responsive-utilities-test {
  margin-top: 5px;
  margin-left: 0;
  list-style: none;
  overflow: hidden; /* clear floats */
}
.responsive-utilities-test li {
  position: relative;
  float: left;
  width: 25%;
  height: 43px;
  font-size: 14px;
  font-weight: bold;
  line-height: 43px;
  color: #999;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.responsive-utilities-test li + li {
  margin-left: 10px;
}
.responsive-utilities-test span {
  position: absolute;
  top:    -1px;
  left:   -1px;
  right:  -1px;
  bottom: -1px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.responsive-utilities-test span {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}



/* Sidenav for Docs
-------------------------------------------------- */

.bs-docs-sidenav {
  width: 228px;
  margin: 30px 0 0;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
  background-image: url(../img/glyphicons-halflings-white.png);
  opacity: 1;
}
.bs-docs-sidenav.affix {
  top: 40px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}




/* Responsive
-------------------------------------------------- */

/* Desktop large
------------------------- */
@media (min-width: 1200px) {

	#save-questionnaire-label {
		margin-top: 20px;
	}

	#saveLinkCSS3Modal .modal-body .control-group input {
		 width: 100%;
		 box-sizing: border-box;
		 min-height: 30px;
	}

	.btn-group.no-js {
		margin-left: 0;
	}

	#email-results-modal .placeholder span {
		display: none;
	}

	.modal .form-horizontal {
		margin-bottom: 0;
	}
	.placeholder {
		background: white;
		clear: both;
	}
	.placeholder span {
		position: absolute;
		padding: 5px;
		margin-left: 3px;
		color: #999;
	}
	.placeholder input, .placeholder textarea, .placeholder select {
		position: relative;
		margin: 0;
		border-width: 1px;
		padding: 6px;
		background: transparent;
		font: inherit;
	}
	/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.placeholder input, .placeholder textarea, .placeholder select {
			padding-top: 4px;
			padding-bottom: 4px;
		}
	}
	
	/* Curstom styling to deal with accordion fixed layout */
	.ui-accordion .placeholder {
		margin-top: -20px;
		background: none;
	}
	
	.ui-accordion .placeholder span {
		position: relative;
		top: 25px;
		z-index: 99999;
		cursor: text;
	}
	
	.ui-accordion textarea, .ui-accordion input {
		background: white;
	}
	
	/* .accordion .ui-accordion-content .error .controls input */
	.ui-accordion .ui-accordion-group:last-of-type .ui-accordion-content .control-group:nth-child(3) .placeholder {
		position: relative;
		top: -20px;
	}
	

	#accordion2 .ui-accordion .ui-accordion-group:last-of-type .ui-accordion-content .control-group:nth-child(3).error + .control-group:nth-child(4) button {
		margin-top: 14px;
	}
	
	#accordion2 .ui-accordion .ui-accordion-group:last-of-type .ui-accordion-content .control-group:nth-child(3) + .control-group:nth-child(4) button {
		margin-top: 26px;
	}
	

	#main-content {
		padding-top: 13px;
	}

	.navbar-spacer-1 {
		margin-left: -25px;
		margin-top: -39px;
	}
	
	.navbar-spacer-2 {
		margin-left: -25px;
		margin-top: -37px;
	}

	#email-results-modal .control-label, #give-feedback-modal .control-label, #emailResultsCSS3Modal .control-label, #giveFeedbackCSS3Modal .control-label {
		text-align: left;
	}
	
	#email-results-modal .controls, #give-feedback-modal .controls, #emailResultsCSS3Modal .controls, #giveFeedbackCSS3Modal .controls {
		display: block;
		width: 100%;
		margin-left: -13px;
	}
	
	#email-results-modal .controls input, #give-feedback-modal .controls input, #emailResultsCSS3Modal .controls input, #giveFeedbackCSS3Modal .controls input {
		width: 100%;
	}
	
	#give-feedback-modal .controls textarea {
		width: 100%;
	}

	.results-btn {
	  display: none;
	}

	#actions-box {
		display: none;
	}

	#main-contain .no-js {
		margin-left: 0;
		position: static;
	}

	.ribbonbar .row-fluid {
		padding: 0 2px;
	}
	
	.ribbonbar {
		padding-top: 13px;
	}

	.question .popover {
		max-width: 606px;
	}
	
	.notes .popover {
		max-width: 658px;
	}

	body #main > .navbar .brand, body #main > #main-contain .navbar .brand {
		margin-left: 16px;
	}
	
	.alert-error .no-js ~ p {
		padding-top: 0.7em;
		float: right;
		display: block;
		width: 137px;
	}
	
	.alert-error p {
		padding-top: 0.7em;
		padding-bottom: 0.7em;
		float: right;
		display: block;
		width: 110px;
	}
	
	.ribbonbar #permalink {
		width: 90%;
	}
	
	.btn-group {
		margin-left: 50px;
	}
	
	.ribbonbar .progress {
		border: 1px solid rgb(204, 204, 204);
	}
	
	/* results */
	.nav-collapse {
		display: none;
	}
	
	
	#main-contain {
		width: 1170px;
		margin: 0 auto;
	}
	
	#main-content {
		float: left;
		width: 72%;
	}
	
	.finish-btn, .next-btn {
	  padding: 4px 12px;
	  font-size: 14px;
	  float: right;
	}
	
	.results-btn {
	  padding: 4px 12px;
	  font-size: 14px;
	  float: left;
	}
	
	.question .btn-group .btn-resize {
	  padding: 4px 12px;
	  font-size: 14px;
	}
	
	.btn-group .btn {
		width: 55px;
	}
	
	.btn-group {
		float: right;
	}
	
	#permalink, .sidebar-ribbon .btn {
		margin-left: 8px;
	}
	
	#permalink {
		margin-bottom: 14px;
	}
				
		
			
	/*
	.ui-state-default:after {
		content: '\f0d8';
		font-family: FontAwesome;
		float: right;
	}
	.ui-corner-all:after {
		content: '\f0d7';
	}
	.no-expand.ui-corner-all:after {
		content: '';
	}
	.no-expand.ui-state-default:after {
		content: '';
	}
	.no-expand.ui-state-active:after {
		content: '';
	}
	*/

	.ui-state-default a:after {
		content: '\f0d8';
		font-family: FontAwesome;
		float: right;
	}
	
	.ui-corner-all a:after {
		content: '\f0d7';
	}
	.no-expand.ui-corner-all a:after {
		content: '';
	}
	.no-expand.ui-state-default a:after {
		content: '';
	}
	.no-expand.ui-state-active a:after {
		content: '';
	}
	
	.accordion .ui-state-default {
		  cursor: pointer;
		  background-color: #f5f5f5;
		  *background-color: #e6e6e6;
		  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
		  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
		  background-repeat: repeat-x;
	}
	.accordion .ui-state-default:hover {
		  color: #333333;
		  text-decoration: none;
		  background-position: 0 -15px;
		  -webkit-transition: background-position 0.1s linear;
			 -moz-transition: background-position 0.1s linear;
			   -o-transition: background-position 0.1s linear;
				  transition: background-position 0.1s linear;
		  background-color: #e6e6e6;
		  *background-color: #d9d9d9;
	}
	/*
	.ui-state-default:focus {
		  outline: thin dotted #333;
		  outline: 5px auto -webkit-focus-ring-color;
		  outline-offset: -2px;
	}
	*/
	.accordion .ui-state-default:active {
		  color: #333333;
		  background-color: #e6e6e6;
		  *background-color: #d9d9d9;
			background-color: #cccccc \9;
			  background-image: none;
		  outline: 0;
		  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
			 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
				  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	}
	.ui-accordion-header .ui-state-default, .ui-accordion-content {
		border-radius: 0;
		padding: 9px 15px;
		border-left: 1px solid #d6d6d6;
		border-right: 1px solid #d6d6d6;
		border-bottom: 0;
	}
	.ui-accordion-group:nth-child(1) .ui-accordion-content {
		background-image: linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 97%, rgb(235,235,235) 100%);
		background-image: -o-linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 97%, rgb(235,235,235) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 97%, rgb(235,235,235) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 97%, rgb(235,235,235) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 97%, rgb(235,235,235) 100%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.96, rgb(249,249,249)),
			color-stop(0.97, rgb(247,247,247)),
			color-stop(1, rgb(235,235,235))
		);
	}
	
	.ui-accordion-group:nth-child(3) .ui-accordion-content {
		background-image: linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 97.5%, rgb(235,235,235) 100%);
		background-image: -o-linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 97.5%, rgb(235,235,235) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 97.5%, rgb(235,235,235) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 97.5%, rgb(235,235,235) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 97.5%, rgb(235,235,235) 100%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.96, rgb(249,249,249)),
			color-stop(0.975, rgb(247,247,247)),
			color-stop(1, rgb(235,235,235))
		);
	}
	
	.ui-accordion-group:nth-child(4) .ui-accordion-content {
		background-image: linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 98.5%, rgb(235,235,235) 100%);
		background-image: -o-linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 98.5%, rgb(235,235,235) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 98.5%, rgb(235,235,235) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 98.5%, rgb(235,235,235) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(249,249,249) 96%, rgb(247,247,247) 98.5%, rgb(235,235,235) 100%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.96, rgb(249,249,249)),
			color-stop(0.985, rgb(247,247,247)),
			color-stop(1, rgb(235,235,235))
		);
	}
	
	.ui-accordion-content:last-of-type {
		border-bottom: 1px solid #d6d6d6;
	}
	.ui-accordion-content p {
		font-weight: normal;
		color: rgb(51, 51, 51);
	}
	.ui-accordion-header {
		margin-top: 0 !important;
		
		border-right: 1px solid #d6d6d6;
		border-left: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
		padding: .5em 1em .5em 1em;
	}
	.ui-accordion-group:first-child .ui-accordion-header {
		border-top: 1px solid #d6d6d6;
	}
	.ui-icon {
		display: none;
	}
	.ui-helper-reset {
		margin: 0;
		outline: 0;
		line-height: 1.3;
		text-decoration: none;
		font-size: 100%;
		list-style: none;
	}
	
	.accordion i {
		font-size: 20px;
		display: inline-block;
		vertical-align: sub;
		padding-right: 10px;
	}
	

	/* questionnaire */
	.ribbonbar {
		width: 25%;
		float: right;
		
		color: #222;
		
		width: 300px;
		
		position: fixed;
		margin-left: 870px;
		
		background: none;
	}
	
	body {
		margin-left: 25px;
		background: url('../img/site-bg-1200.png') #ebebeb;
		background-repeat: repeat-y;
		background-position: center;
	}
	
	.footer {
		margin-left: -25px;
	}
	
	.sidebar-only {
		margin-left: 870px;
	}
	
	.sidebar-only #accordion2 {
		overflow: auto;
	}
	
	.sidebar-ribbon .container .row-fluid {
		overflow-x: auto;
	}
	
	/*
	.sidebar-ribbon .container {
		overflow-x: hidden;
		overflow-y: auto;
	}
	*/
	
	#progress-text {
		font-size: 14px;
		font-weight: normal;
		color: rgb(85, 85, 85);
		text-shadow: none;
		line-height: 30px;
	}
	
	#progress-text {
		border-bottom: none;
	}
	
	.ribbonbar .container {
		width: 100%;
		position: relative;
	}
	.ribbonbar [class*="span"] {
		width: 95%;
	}
	
	.ribbonbar p, .ribbonbar [for="permalink"] {
		font-size: 21px;
		font-weight: 400;
		line-height: 2.1;
		color: #424242;
		border-bottom: solid #ddd 1px;
		margin: 0 0 10px;	
	}
	.ribbonbar .btn {
		float: none;
	}
	.visible-1200 {
		display: inline;
	}
	
	#bookmark-desc, #save-questionnaire-desc {
		color: rgb(51, 51, 51);
		-webkit-box-sizing: border-box;
		font-size: 14px;
		float:left;
		width: 100%;
		line-height: 20px;
		border: 0;
	}

	/*results */
	#accordion2 {
		display: block;
	}
	.accordion-toggle.btn {
		text-align: left;
	}
	.accordion-toggle:after {
		content: '\f0d8';
		font-family: FontAwesome;
		float: right;
	}
	.accordion-toggle.collapsed:after {
		content: '\f0d7';
	}
	






	#accordion3 .ui-accordion-group .ui-accordion-header {
		padding: 0;
	}

	.ui-accordion-header a,
	.ui-accordion-header a:link,
	a.ui-accordion-header,
	a.ui-accordion-header:link {
		display:block;
		padding: .5em 1em .5em 1em;
		
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		color:#424242;
		font-size: 14px;
		font-weight: normal;		
	}
	
	.ui-accordion-header a:focus,
	.ui-accordion-header a:hover,
	.ui-accordion-header a:active,
	a.ui-accordion-header:focus,
	a.ui-accordion-header:hover,
	a.ui-accordion-header:active {
		
	}
	.ui-accordion-content{
	padding: 9px 15px;
	color: #424242;
	}

	
	.ui-accordion-header a:hover {
		text-decoration: none;
	}
	
	.ui-accordion-header a:focus {
		text-decoration: none;
	}





	.no-js .ui-accordion-header a {
		font-size: 17px;
		line-height: 25px;
		padding: 0;
		outline: 0;
		cursor: default;
	}
	
	.ui-accordion-header i {
		vertical-align: middle;
	}
	
	.no-js .ui-accordion-header {
		border: 0;
	}
	
	.no-js .ui-accordion-group:first-child .ui-accordion-header {
		border-top: 0;
	}
	
	.no-js .ui-accordion-content{
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
		border: 0;
	}









  .bs-docs-container {
    max-width: 970px;
  }
  .bs-docs-sidenav {
    width: 258px;
  }
  .bs-docs-sidenav > li > a {
    width: 230px \9; /* Override the previous IE8-9 hack */
  }
}

@media (min-width: 980px) and (max-width: 1199px) {

#save-questionnaire-label {
	display: none;
}

.method-text-box {
	width: 750px;
}

#saveLinkCSS3Modal .modal-body .control-group input {
	 width: 100%;
	 box-sizing: border-box;
	 min-height: 30px;
}

#email-results-modal .placeholder span {
	display: none;
}

.modal .form-horizontal {
	margin-bottom: 0;
}
.placeholder {
	background: white;
	clear: both;
}
.placeholder span {
	position: absolute;
	padding: 5px;
	margin-left: 3px;
	color: #999;
}
.placeholder input, .placeholder textarea, .placeholder select {
	position: relative;
	margin: 0;
	border-width: 1px;
	padding: 6px;
	background: transparent;
	font: inherit;
}
/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.placeholder input, .placeholder textarea, .placeholder select {
		padding-top: 4px;
		padding-bottom: 4px;
	}
}

#main-contain #main-content.with-top-bar {
	padding-top: 60px;
}

#main-contain #main-content.no-top-bar {
	padding-top: 13px;
}

.navbar-spacer-1 {
	margin-left: -25px;
	margin-top: -39px;
}

.navbar-spacer-2 {
	margin-left: -25px;
	margin-top: -37px;
}

#email-results-modal .control-label, #give-feedback-modal .control-label, #emailResultsCSS3Modal .control-label, #giveFeedbackCSS3Modal .control-label {
	text-align: left;
}

#email-results-modal .controls, #give-feedback-modal .controls, #emailResultsCSS3Modal .controls, #giveFeedbackCSS3Modal .controls {
	display: block;
	width: 100%;
	margin-left: -13px;
}

#email-results-modal .controls input, #give-feedback-modal .controls input, #emailResultsCSS3Modal .controls input, #giveFeedbackCSS3Modal .controls input {
	width: 100%;
}

#give-feedback-modal .controls textarea {
	width: 100%;
}

.results-btn {
  display: none;
}

body {
	background: url('../img/site-bg-980-1199.png') #ebebeb;
	background-repeat: repeat-y;
	background-position: center;
}

.questionnaire-section .next-btn, .questionnaire-section .finish-btn {
	float: right;
}

.question .popover {
	max-width: 681px;
}

.notes .popover {
	max-width: 757px;
}

body #main > .navbar .brand, body #main > #main-contain .navbar .brand {
	margin-left: 4px;
}

.ribbonbar {
	position:fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	margin-bottom: 0;
	margin-top: 0;
	height: 37px;
	
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
			box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}


.ribbonbar .container {
	height: 37px;
	margin-top: -2px;
}

#results-link-label label {
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	margin: 0;
}

#progress-label {
	margin-left: 0;
}

.ribbonbar #permalink {
	width: 448px;
}

.alert-error .no-js ~ p {
	padding-top: 0.7em;
	float: right;
	display: block;
	width: 137px;
}

.alert-error p {
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	float: right;
	display: block;
	width: 110px;
}

.btn-group {
	margin-left: 68px;
}

.btn-group.no-js {
	margin-left: 0;
}

#questionnaire .finish-btn, #questionnaire .next-btn {
  padding: 4px 12px;
  font-size: 14px;
  float: right;
}

.btn-group .btn {
	width: 55px;
}
.btn-group {
	float: right;
}

	/* results */
	.nav-collapse {
		display: none;
	}
	
	
	.sidebar-only {
		display: none !important;
	}
}


/* Desktop
------------------------- */
@media (max-width: 979px) {

.method-text-box {
	width: 530px;
}

#saveLinkCSS3Modal .modal-body .control-group input {
	 width: 100%;
	 box-sizing: border-box;
	 min-height: 30px;
}

.modal .form-horizontal {
	margin-bottom: 0;
}
#main-content {
	padding-top: 13px;
}

.navbar-spacer-1 {
	margin-left: -25px;
	margin-top: 1px;
	margin-bottom: 0;
}

.navbar-spacer-2 {
	margin-left: -25px;
	margin-top: 3px;
	margin-bottom: 0;
}

#email-results-modal .control-label, #give-feedback-modal .control-label, #emailResultsCSS3Modal .control-label, #giveFeedbackCSS3Modal .control-label {
	text-align: left;
}

#email-results-modal .controls, #give-feedback-modal .controls, #emailResultsCSS3Modal .controls, #giveFeedbackCSS3Modal .controls {
	display: block;
	width: 100%;
	margin-left: -13px;
}

#email-results-modal .controls input, #give-feedback-modal .controls input, #emailResultsCSS3Modal .controls input, #giveFeedbackCSS3Modal .controls input {
	width: 100%;
}

#give-feedback-modal .controls textarea {
	width: 100%;
}

body {
	background: url('../img/site-bg-980.png') #ebebeb;
	background-repeat: repeat-y;
	background-position: center;
}

.question .popover {
	max-width: 514px;
}

.notes .popover {
	max-width: 541px;
}

body #main > .navbar .brand {
	margin-left: 4px !important;
}

body #main > .navbar .brand, body #main > #main-contain .navbar .brand {
	margin-left: 4px !important;
}

.alert-error .no-js ~ p {
	padding-top: 0.7em;
	display: block;
	width: 137px;
	float: right;
}

.alert-error p {
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	display: block;
	width: 110px;
	float: right;
}

  /* Unfloat brand */
  body #main > .navbar-fixed-top .brand {
    float: left;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  
	body #main > .navbar .brand, body #main > #main-contain .navbar .brand {
		padding-left: 125px;
		margin-left: 15px;
	}
	
  /* Inline-block quick links for more spacing */
  .quick-links li {
    display: inline-block;
    margin: 5px;
  }

  /* When affixed, space properly */
  .bs-docs-sidenav {
    top: 0;
    width: 218px;
    margin-top: 30px;
    margin-right: 0;
  }
}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {

.navbar #navbar-inner .btn-navbar, .navbar #navbar-inner .btn-navbar:focus {
  margin-right: -6px;
}

#email-results-modal .placeholder span {
	display: none;
}
.placeholder {
	background: white;
	clear: both;
}
.placeholder span {
	position: absolute;
	padding: 5px;
	margin-left: 3px;
	color: #999;
}
.placeholder input, .placeholder textarea, .placeholder select {
	position: relative;
	margin: 0;
	border-width: 1px;
	padding: 6px;
	background: transparent;
	font: inherit;
}
/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.placeholder input, .placeholder textarea, .placeholder select {
		padding-top: 4px;
		padding-bottom: 4px;
	}
}

.navbar #navbar-actions-btn {
	display: none;
}

.nav-collapse {
display: none;
}

.btn-group {
	margin-left: 29px;
}

.btn-group.no-js {
	margin-left: 0;
}

.navbar {
	position: fixed;

}

.finish-btn, .next-btn {
  padding: 4px 12px;
  font-size: 14px;
  float: right;
}

.results-btn {
  display: none;
}

.question .btn-group .btn-resize {
  padding: 4px 12px;
  font-size: 14px;
}

.btn-group .btn {
	width: 54px;
}

.btn-group {
	float: right;
}


  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }
  
  .navbar-inner .container {
  	width: 724px;
  }
  body #main > .navbar-fixed-top .brand {
  	margin-left: 0;
  }
  .btn-navbar {
  	display: none;
  }
  
  /* Widen masthead and social buttons to fill body padding */
  .jumbotron {
    margin-top: -20px; /* Offset bottom margin on .navbar */
  }
  /* Adjust sidenav width */
  .bs-docs-sidenav {
    width: 166px;
    margin-top: 20px;
  }
  .bs-docs-sidenav.affix {
    top: 0;
  }
}

/* Tablet
------------------------- */
@media (max-width: 767px) {

.question .btn-group.no-js {
	width: 100%;
	box-sizing: border-box;
}

.question .btn-group.no-js .radio-btn-lbl {
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 11px;
}


.question .btn-group.no-js .radio-btn-lbl:first-of-type {
	box-sizing: border-box;
	float: left;
	width: 50%
}

.question .btn-group.no-js .radio-btn-lbl:last-of-type {
	box-sizing: border-box;
	float: right;
	width: 50%;
	padding-left: 0;
}



.question .btn-group.no-js .radio-btn-lbl .btn {
	float: left;
	width: 25%

}

.question .btn-group.no-js .radio-btn-lbl input {
	margin-top: 7px;
	margin-right: 15%;
	float: right;
	width: 25%;
}







/*
.question .btn-group.no-js .radio-btn-lbl:first-of-type {
	box-sizing: border-box;
	float: left;
	width: 50%
}

.question .btn-group.no-js .radio-btn-lbl:last-of-type {
	box-sizing: border-box;
	float: right;
	width: 50%;
}

.question .btn-group.no-js .radio-btn-lbl .btn {
	width: 50%
	display: block;
		margin-left: auto;
	margin-right: auto;
}

.question .btn-group.no-js .radio-btn-lbl input {
	margin-top: 7px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
*/






.modal .form-horizontal {
	margin-bottom: 20px;
}
.placeholder {
	background: white;
	clear: both;
}
.placeholder span {
	position: absolute;
	padding: 11px 5px 5px 5px;
	margin-left: 3px;
	color: #999;
}

.notes .placeholder span {
	padding: 5px 5px 5px 5px;
}

.placeholder input, .placeholder textarea, .placeholder select {
	position: relative;
	margin: 0;
	border-width: 1px;
	padding: 6px;
	background: transparent;
	font: inherit;
}
/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.placeholder input, .placeholder textarea, .placeholder select {
		padding-top: 4px;
		padding-bottom: 4px;
	}
}

.textarea .placeholder span {
	position: absolute;
	padding: 5px;
	margin-left: 3px;
	color: #999;
}
.modal .modal-footer .btn-resize {
  display: block;
  width: 100%;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          
          
  padding: 11px 0;
  margin-left: 0;
  font-size: 17.5px;
}

.navbar-spacer-1 {
	margin-left: -40px;
	margin-right: -40px;
	margin-top: 1px;
	margin-bottom: 0;
}

.navbar-spacer-2 {
	margin-left: -40px;
	margin-right: -40px;
	margin-top: 3px;
	margin-bottom: 0;
}

#email-results-modal .span4, #give-feedback-modal .span4, #emailResultsCSS3Modal .span4, #giveFeedbackCSS3Modal .span4 {
	display: none;
}

#email-results-modal .controls, #give-feedback-modal .controls, #emailResultsCSS3Modal .controls, #giveFeedbackCSS3Modal .controls {
	display: block;
	width: 100%;
	min-height: 42px !important;
}

#email-results-modal .span8, #give-feedback-modal .span8, #emailResultsCSS3Modal .span8, #giveFeedbackCSS3Modal .span8 {
	padding-left: 13px;

}

#email-results-modal .control-group, #give-feedback-modal .control-group, #emailResultsCSS3Modal .control-group, #giveFeedbackCSS3Modal .control-group {
	margin-bottom: 21px;
}

#emailResultsCSS3Modal .control-group, #giveFeedbackCSS3Modal .control-group {
	margin-bottom: 10px;
}
#email-results-modal .control-group:last-of-type, #give-feedback-modal .control-group:last-of-type, #emailResultsCSS3Modal .control-group:last-of-type, #giveFeedbackCSS3Modal .control-group:last-of-type {
	margin-bottom: 0px;
}

#save-results-modal input, #email-results-modal .controls input, #give-feedback-modal .controls input, .css3Modal .controls input {
	min-height: 40px !important;
	padding-top: 0;
	padding-bottom: 0;
}

#email-results-modal .required-txt, #give-feedback-modal .feedback-info-txt, #give-feedback-modal .required-txt, #giveFeedbackCSS3Modal .feedback-info-txt, #giveFeedbackCSS3Modal .required-txt {
	display: none;
}


#overview .pull-left {
	width: 100%;
}

#actions-box {
	display: none;
}

.method-text-box {
	width: 100%;
}

body #main > .navbar .brand, body #main > #main-contain .navbar .brand {
	margin-left: 21px !important;
}

#project-name-div {
	margin-top: -30px;
}

.txt-resize {
	min-height: 42px !important;
}

.alert-error .btn-group ~ p {
	padding-top: 0.7em;
	padding-bottom: 0;
	float: none;
	width: auto;
}

.navbar {
	position: fixed;
	padding: 0 20px;s
}

.finish-btn, .next-btn, .results-btn {
  padding: 11px 19px;
  font-size: 17.5px;
  float: right;
  width: 100%;
}

.question .btn-group .btn-resize {
    padding: 11px 19px;
  font-size: 17.5px;
}

.btn-group .btn {
	width: 50%;
}


  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }
  
  	body #main > .navbar .brand, body #main > #main-contain .navbar .brand {
  		max-width: 58%;
  	}
  	
    /* questionnaire */
	.question .span1 {
		float: left;
		width: 10%;
	}
	.question .span11 {
		float: left;
		width: 90%;
	}
  .question .btn-group {
  	width: 100%;
  }
  .question .btn-large {
  	width: 50%;
  }
  .question .alert {
  	border: 1;
  	display: block;
  }
  .question .alert-error {
	  background: #f2dede;
	}
	.q-desc {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	
	.question.error {
		margin: 0;
		padding: 30px 0 0;
		background: none;
		border: 0;
	}
	footer .btn-large {
		width: 100%;
	}


  /* Widen masthead and social buttons to fill body padding */
  .jumbotron {
    padding: 40px 20px;
    margin-top:   -20px; /* Offset bottom margin on .navbar */
    margin-right: -20px;
    margin-left:  -20px;
  }
  .masthead h1 {
    font-size: 90px;
  }
  .masthead p,
  .masthead .btn {
    font-size: 24px;
  }
  .marketing .span4 {
    margin-bottom: 40px;
  }
  .bs-docs-social {
    margin: 0 -20px;
  }

  /* Space out the show-grid examples */
  .show-grid [class*="span"] {
    margin-bottom: 5px;
  }

  /* Sidenav */
  .bs-docs-sidenav {
    width: auto;
    margin-bottom: 20px;
  }
  .bs-docs-sidenav.affix {
    position: static;
    width: auto;
    top: 0;
  }

  /* Unfloat the back to top link in footer */
  .footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer p {
    margin-bottom: 9px;
  }
}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {

body #main > .navbar .brand, body #main > #main-contain .navbar .brand {
	margin-left: 3px !important;
}

#project-name-div {
	margin-top: -30px;
}

.txt-resize {
	min-height: 42px !important;
}

.alert-error p {
	padding-top: 0.7em;
	float: none;
	width: auto;
}

.navbar {
	position: fixed;
	padding: 0 20px;s
}

.finish-btn, .next-btn, .results-btn {
  padding: 11px 19px;
  font-size: 17.5px;
  float: right;
  width: 100%;
}


.question .btn-group .btn-resize {
    padding: 11px 19px;
  font-size: 17.5px;
}

.btn-group .btn {
	width: 50%;
}



  /* Remove padding above jumbotron */
  body {
    padding-top: 0;
  }

  /* Change up some type stuff */
  h2 small {
    display: block;
  }
  
	body #main > .navbar .brand, body #main > #main-contain .navbar .brand {
		padding-left: 15px;
		margin-left: 0;
		max-width: 80%;
		background: none;
  }

  /* Downsize the jumbotrons */
  .jumbotron h1 {
    font-size: 45px;
  }
  .jumbotron p,
  .jumbotron .btn {
    font-size: 18px;
  }
  .jumbotron .btn {
    display: block;
    margin: 0 auto;
  }

  /* center align subhead text like the masthead */
  .subhead h1,
  .subhead p {
    text-align: center;
  }

  /* Marketing on home */
  .marketing h1 {
    font-size: 30px;
  }
  .marketing-byline {
    font-size: 18px;
  }

  /* center example sites */
  .example-sites {
    margin-left: 0;
  }
  .example-sites > li {
    float: none;
    display: block;
    max-width: 280px;
    margin: 0 auto 18px;
    text-align: center;
  }
  .example-sites .thumbnail > img {
    max-width: 270px;
  }

  /* Do our best to make tables work in narrow viewports */
  table code {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
  }

  /* Examples: dropdowns */
  .bs-docs-example-submenus > .pull-left {
    float: none;
    clear: both;
  }
  .bs-docs-example-submenus > .pull-left,
  .bs-docs-example-submenus > .pull-left + .pull-left {
    margin-left: 0;
  }
  .bs-docs-example-submenus p {
    margin-bottom: 0;
  }
  .bs-docs-example-submenus .dropup > .dropdown-menu,
  .bs-docs-example-submenus .dropdown > .dropdown-menu {
    margin-bottom: 10px;
    float: none;
    max-width: 180px;
  }

  /* Examples: modal */
  .modal-example .modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  /* Tighten up footer */
  .footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
	padding: 0 10px 0 0;
}

#overview {
	padding-top: 0;
}

.page-header {
	margin-top: 0;
}

.page-header h3 {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 21px;
	font-weight: 400;
  line-height: 25px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #424242;
}

.page-header {
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 21px;
}

h3 {
	font-size: 21px;
	font-weight: 400;
  line-height: 25px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #424242;
}

h4 {
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #424242;
}

.bs-docs-separator {
	border-bottom: 1px dashed rgb(255, 255, 255);
	border-top: 1px dashed #d5d5d5;
	margin: 20px 0;
}

.icon-info-sign {
	font-size: 21px !important;
}

.alert-placeholder {
	background-color: rgba(0, 0, 0, 0);
	border: none;
}

.alert-placeholder p {
	display: none !important;
}

.btn-group-box {
	margin-bottom: 10px !important;
}

.alert-error {
	border: 1px solid black;
}

.responses {
	margin-left: 85%;
}

.btn-navbar-td {
	vertical-align: top;
}

.ribbonbar .accordion p {
	font-size: 14px;
	line-height: 20px;
	border-bottom: 0;
}

.ribbonbar .accordion input {
	width: 95%;
}

.ribbonbar .accordion textarea {
	width: 100%;
}

.accordion-toggle .icon-link, .accordion-toggle .icon-save, .accordion-toggle .icon-envelope-alt, .accordion-toggle .icon-comment, .nav-collapse .icon-link, .nav-collapse .icon-save, .nav-collapse .icon-envelope-alt, .nav-collapse .icon-comment {
	font-size: 20px;
	padding-right: 10px;
}

#accordion2 .accordion-toggle {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}

#accordion2 .collapse {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}

#accordion2 .accordion-group {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	margin-bottom: -2px;
}

.navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
  background-color: #E5E5E5;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D3D3D3), to(#E5E5E5), color-stop(.5,#DFDFDF));
  background: -moz-linear-gradient(top, #D3D3D3 0%, #DFDFDF 50%, #E5E5E5 100%);
  color: rgb(66, 66, 66);
  text-shadow: none;
  margin-left: -1px;
  margin-right: 5px;
  }
  
.question .icon-info-sign {
	margin-left: -0.55em;
	text-decoration: none;
	color: rgb(51, 51, 51);
	display: inline;
	line-height: 3px;
}

.notes .icon-info-sign {
	margin-left: -0.05em;
	text-decoration: none;
	color: rgb(51, 51, 51);
	display: inline;
}

.question .btn-link:hover , .question .btn-link:focus, .notes .btn-link:hover , .notes .btn-link:focus {
	text-decoration: none;
}

.image .icon-info-sign {
	line-height: 41px;
}

.questionnaire-section .popover-title {
	font-size: 17px;
	font-weight: 400;
	line-height: 25px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #424242;
}

.nav-collapse i {
	vertical-align: sub;
}

#actions-box i {
	padding-right: 10px;
	font-size: 17px;
}

#actions-box ul {
	margin-left: 20px;
}

#actions-box button {
	font-size: 14px;
	color: #424242;
	padding-left: 0;
}

#actions-box button:hover {
	text-decoration: none;
}

#actions-box {
	margin-top: 35px;
}

.accordion .controls .btn-primary {
	margin-left: 5px;
}

.form-required {
	color: #b94a48;
}

#accordion .icon-link, #accordion .icon-save, #accordion .icon-envelope-alt, #accordion .icon-comment {
	outline: 0;
}

.radio-btn-lbl:first-of-type span {
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;

	-moz-border-top-right-radius: 0;
	-moz-border-bottom-right-radius: 0;

	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.radio-btn-lbl:last-of-type span {
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-left: 0;

	-moz-border-top-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	-moz-border-left: 0;

	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-left: 0;
}

.radio-btn-lbl {
	display: inline;
}

.navbar-spacer-1 .navbar-inner, .navbar-spacer-2 .navbar-inner {
	background-color: inherit;
	background-image: none;
	border: inherit;
}

#main-contain .navbar-inner .btn-navbar-td .btn-navbar {
	margin-right: 9px;
}

body .navbar-spacer-1, body .navbar-spacer-2 {
	position: static;
}

.btn-navbar-td {
	width: 35px;
}

.btn-navbar-td button {
	width: 31px;
}

.btn-navbar-td i {
	margin-left: -1px;
}

.tooltip-inner {
	font-size: 12px;
	max-width: 200px;
}

.btn-group .btn {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.notes-box {
	font-size: 17px;
	font-weight: 400;
	line-height: 25px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #424242;
	margin: 10px 0;
}

.question .radio-btn-lbl input {
	position: absolute;
	left: -99999999px;
}

.btn-group.no-js .radio-btn-lbl .btn {
	outline: 0;
}

.question .no-js .radio-btn-lbl .btn-resize {
	border: 0;
	background-image: none;
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
	text-shadow: none;
	margin-top: 4px;
}

.question .no-js .radio-btn-lbl span {
	width: 39px;
	padding-top: 0px;
	padding-bottom: 4px;
}

.question .no-js .radio-btn-lbl input {
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.question .no-js .radio-btn-lbl input {
	position: static;
	left: auto;
}


.css3ModalBg {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	cursor: default;
}

/*
.navbar-inverse .navbar-inner {
	background-color:#222;
	background-color:#222222;
	background-repeat:repeat-x;
	background-image:-khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
	background-image:-moz-linear-gradient(top, #333333, #222222);
	background-image:-ms-linear-gradient(top, #333333, #222222);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
	background-image:-webkit-linear-gradient(top, #333333, #222222);
	background-image:-o-linear-gradient(top, #333333, #222222);
	background-image:linear-gradient(top, #333333, #222222);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
#navbar-actions-btn {
	display: none;
	float: right;
	padding: 7px 10px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #2c2c2c;
	background-image: -moz-linear-gradient(top, #333333, #222222);
	background-image: -ms-linear-gradient(top, #333333, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
	background-image: -webkit-linear-gradient(top, #333333, #222222);
	background-image: -o-linear-gradient(top, #333333, #222222);
	background-image: linear-gradient(top, #333333, #222222);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}
#navbar-actions-btn:hover,
#navbar-actions-btn:active,
#navbar-actions-btn.active,
#navbar-actions-btn.disabled,
#navbar-actions-btn[disabled] {
	background-color: #222222;
}
#navbar-actions-btn:active, #navbar-actions-btn.active {
	background-color: #080808 \9;
}
*/


/* Custom navbar colour scheme */

#navbar-inner {
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff222222', GradientType=0);

}

.navbar-subnav #navbar-inner {
  background-color: #f6f6f6;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
  background-repeat: repeat-x;
  border: 1px solid #e5e5e5;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff1f1f1', GradientType=0);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.navbar-subnav-fixed #navbar-inner {
  border-color: #d5d5d5;
  border-width: 0 0 1px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* Custom navbar-btn colour scheme */

#navbar-inner .btn-navbar, #navbar-inner .btn-navbar:focus {
  float: right;
  padding: 7px 10px;
  /*margin-right: 5px;*/
  margin-right: 9px;
  margin-left: 5px;
  background-color: #1f1f1f;
  *background-color: #151515;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#262626), to(#151515));
  background-image: -webkit-linear-gradient(top, #262626, #151515);
  background-image: -o-linear-gradient(top, #262626, #151515);
  background-image: linear-gradient(top, #262626, #151515);
  background-image: -moz-linear-gradient(top, #262626, #151515);
  background-repeat: repeat-x;
  border-color: #151515 #151515 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff262626', endColorstr='#ff151515', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

#navbar-inner .btn-navbar:hover,
#navbar-inner .btn-navbar:focus,
#navbar-inner .btn-navbar:active,
#navbar-inner .btn-navbar.active,
#navbar-inner .btn-navbar.disabled,
#navbar-inner .btn-navbar[disabled] {
  background-color: #151515;
  *background-color: #080808;
}

#navbar-inner .btn-navbar:active,
#navbar-inner .btn-navbar.active {
  background-color: #000000 \9;
}

#navbar-inner .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}





.ribbonbar .row-fluid .placeholder {
	clear: none;
	background: rgba(0, 0, 0, 0);
	display: inline;
}

.ribbonbar .row-fluid .placeholder #permalink, .ribbonbar .row-fluid input {
	background: white;
}


.next-btn, .finish-btn {
	margin-top: 14px;
}



/* no-js tab navbar */

#nav-menu-hotspot {
	display: none;
}

.navbar.no-js #nav-menu-hotspot {
	display: block;
}

.other-navbar-links {
	display: none;
}

.navbar.no-js .other-navbar-links {
	display: block;
}

#accordion2 .ui-accordion-content .btn {
	margin-top: 14px;
}




.navbar.no-js #navbar-save-link, .navbar.no-js #navbar-save-pdf, .navbar.no-js #navbar-email-results, .navbar.no-js #navbar-give-feedback {
	position: relative;
	z-index: 11;
	
}





.navbar.no-js #nav-dropdown #navbar-save-link:focus {
	position: relative;
	left: 0;
	margin-top: 0;
	margin-left: -2px;
	z-index: 12;
}

.navbar.no-js #nav-menu-hotspot:hover ~ #nav-dropdown #navbar-save-link:focus {
	position: relative;
	left: 0px;
	margin-top: 0px;
	margin-left: 0;
	z-index: 12;
}

.navbar.no-js #nav-dropdown #navbar-save-link:focus + .other-navbar-links {
	top: -4px !important;
}

.navbar.no-js #nav-dropdown #navbar-save-link:focus + .other-navbar-links a {
	position: relative;
	left: 0;
}





.navbar.no-js #nav-dropdown #navbar-save-pdf:focus {
	position: relative;
	left: 0px;
	margin-top: 42px;
	margin-left: -2px;
	z-index: 12;
}

.navbar.no-js #nav-menu-hotspot:hover ~ #nav-dropdown #navbar-save-pdf:focus {
	position: relative;
	left: 0px;
	margin-top: -1px;
	margin-left: 0;
	z-index: 12;
}

.navbar.no-js #nav-dropdown #navbar-save-pdf:focus + .other-navbar-links {
	top: -4px !important;
}

.navbar.no-js #nav-dropdown #navbar-save-pdf:focus + .other-navbar-links a {
	position: relative;
	left: 0;
}





.navbar.no-js #nav-dropdown #navbar-email-results:focus {
	position: relative;
	left: 0px;
	margin-top: 85px;
	margin-left: -2px;
	z-index: 12;
}

.navbar.no-js #nav-menu-hotspot:hover ~ #nav-dropdown #navbar-email-results:focus {
	position: relative;
	left: 0px;
	margin-top: -1px;
	margin-left: 0;
	z-index: 12;
}

.navbar.no-js #nav-dropdown #navbar-email-results:focus + .other-navbar-links {
	top: -4px !important;
}


.navbar.no-js #nav-dropdown #navbar-email-results:focus + .other-navbar-links a {
	position: relative;
	left: 0;
}





.navbar.no-js #nav-dropdown #navbar-give-feedback:focus {
	position: relative;
	left: 0px;
	margin-top: 128px;
	margin-left: -2px;
	z-index: 12;
}

.navbar.no-js #nav-menu-hotspot:hover ~ #nav-dropdown #navbar-give-feedback:focus {
	position: relative;
	left: 0px;
	margin-top: -1px;
	margin-left: 0;
	z-index: 12;
}

.navbar.no-js #nav-dropdown #navbar-give-feedback:focus + .other-navbar-links {
	top: -4px !important;
}

.navbar.no-js #nav-dropdown #navbar-give-feedback:focus + .other-navbar-links a {
	position: relative;
	left: 0;
}





.navbar.no-js #nav-dropdown a:focus + .other-navbar-links {
	left: 0px;
}

.navbar.no-js #nav-dropdown {
	width: 100%;
	overflow: visible;
}

.navbar.no-js .nav-collapse ul li > a {
	position: absolute;
	left: 9999px;
}

.navbar.no-js .other-navbar-links a {
	font-size: 13px;
	font-weight: bold;
	color: rgb(153, 153, 153);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	display: block;
	
	
	line-height: 20px;
	
	margin-bottom: 2px;
	padding-bottom: 9px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 9px;
	
	text-decoration: none;
	
	margin-right: 50px;
}

.navbar.no-js .other-navbar-links a:hover, .navbar.no-js .other-navbar-links a:focus {
  background-color: #E5E5E5;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D3D3D3), to(#E5E5E5), color-stop(.5,#DFDFDF));
  background: -moz-linear-gradient(top, #D3D3D3 0%, #DFDFDF 50%, #E5E5E5 100%);
  color: rgb(66, 66, 66);
  text-shadow: none;
  margin-left: -1px;
  margin-right: 26px;
}

.navbar.no-js .other-navbar-links {
	position: absolute;
	z-index: 10;
	left: 9999px;
	top: 0px;
	padding-top: 3px;

	margin-left: -1px;
	padding-left: 22px;

	width: 100%;
	height: 183px;
	overflow: hidden;
	
	background-color: #2c2c2c;
	background-image: -moz-linear-gradient(top, #232323, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#232323), to(#222222));
	background-image: -webkit-linear-gradient(top, #232323, #222222);
	background-image: -o-linear-gradient(top, #232323, #222222);
	background-image: linear-gradient(top, #232323, #222222);
	background-repeat: repeat-x;
	

			
	-webkit-box-shadow: 0 4px 10px -3px  rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 4px 10px -3px  rgba(0, 0, 0, 0.5);
			box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.5);


}

.navbar.no-js #nav-menu-hotspot:hover + #nav-dropdown {
	height: 180px;
}



.navbar.no-js #nav-dropdown:hover {
	height: 180px;
}

.navbar.no-js #nav-menu-hotspot:hover + #nav-dropdown ul a {
	position: static;
	left: 0;
	margin-left: -1px;
}

.navbar.no-js #nav-dropdown ul:hover li a {
	position: relative;
	left: -1px;
}

.navbar.no-js #nav-dropdown:hover li a {
	position: relative;
	left: -1px;
}

.navbar.no-js #nav-dropdown ul a {
	position: absolute;
	left: 9999px;
}



.navbar.no-js *:hover .other-navbar-links {
	display: none;	
}




.navbar.no-js #nav-dropdown:hover ul li #navbar-save-link:focus, .navbar.no-js #nav-dropdown:hover ul li #navbar-save-pdf:focus, .navbar.no-js #nav-dropdown:hover ul li #navbar-email-results:focus, .navbar.no-js #nav-dropdown:hover ul li #navbar-give-feedback:focus {
	margin-top: -1px;
	margin-bottom: 2px;
}

.navbar.no-js #nav-dropdown:hover ul li #navbar-save-link:focus {
	top: 1px;
}
.navbar.no-js #nav-dropdown:hover ul li #navbar-save-link {
	top: -1px;
}

.navbar.no-js:hover #nav-dropdown ul a:focus ~ .other-navbar-links {
	display: block;
	left: 0 !important;
	height: 183px;
	z-index: 11;

	background-color: #2c2c2c;
	background-image: -moz-linear-gradient(top, #2e2e2e, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e2e2e), to(#222222));
	background-image: -webkit-linear-gradient(top, #2e2e2e, #222222);
	background-image: -o-linear-gradient(top, #2e2e2e, #222222);
	background-image: linear-gradient(top, #2e2e2e, #222222);
	background-repeat: repeat-x;

}


.navbar.no-js table tr:first-of-type:hover ~ .nav-collapse-tr #nav-dropdown ul .other-navbar-links {

	background-color: #2c2c2c;
	background-image: -moz-linear-gradient(top, #242424, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#242424), to(#222222));
	background-image: -webkit-linear-gradient(top, #242424, #222222);
	background-image: -o-linear-gradient(top, #242424, #222222);
	background-image: linear-gradient(top, #242424, #222222);
	background-repeat: repeat-x;

}



.accordion .ui-accordion-content .error .controls div {
	background: #f2dede;
	padding: 16px 0 0 0;
	width: 100%;
	position: relative;
	z-index: 1;
	
	margin-top: -12px;
	
	border: solid #eed3d7 1px;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;

}

.accordion .ui-accordion-content .error .controls input, .accordion .ui-accordion-content .error .controls textarea {
	position: relative;
	z-index: 2;
}

.ribbonbar.no-js .accordion .ui-accordion-content .error .controls div {
	width: 274px;
	background: #f2dede;
	padding: 16px 0 0 0;
	position: relative;
	z-index: -1;
	
	margin-top: -22px;
	
	border: solid #eed3d7 1px;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
	
}

.accordion .ui-accordion-content .error .controls div p {
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 7px;
	color: #b94a48;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	display: block;
}

.accordion .ui-accordion-content .controls div p {
	display: none;
}

.accordion .ui-accordion-content .error .controls input[type="text"], .accordion .ui-accordion-content .error .controls textarea {
	color: #555555;
}

.accordion .ui-accordion-content .error .controls input, .accordion .ui-accordion-content .error .controls textarea {
  border-color: #b94a48;
  background-color: #ffffff;
  border: 1px solid #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

.accordion .ui-accordion-content .error .controls input:focus, .accordion .ui-accordion-content .error .controls textarea:focus {
  border-color: #943b3a;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 140, 137, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 140, 137, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 140, 137, 0.6);
}

#accordion2 .ui-accordion .ui-accordion-group:last-of-type .ui-accordion-content .control-group:nth-child(3) .controls div {
	margin-top: -32px;
	width: 99.3%;
}





.modal .modal-body .error .controls div {
	background: #f2dede;
	padding: 11px 6px 0 6px;
	width: 100%;
	position: relative;
	z-index: -1;
	
	margin-top: -12px;
	
	border: solid #eed3d7 1px;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;

}

.modal .modal-body .error .controls input, .modal .modal-body .error .controls textarea {
  border-color: #b94a48;
  background-color: #ffffff;
  border: 1px solid #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

.modal .modal-body .error .controls input:focus,.modal .modal-body .error .controls textarea:focus {
  border-color: #943b3a;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 140, 137, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 140, 137, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 140, 137, 0.6);
}


.modal .modal-body .error .controls input[type="text"], .modal .modal-body .error .controls textarea {
	color: #555555;
}

.modal .modal-body .error .controls div p {
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 7px;
	color: #b94a48;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	display: block;
}

.modal .modal-body .controls div p {
	display: none;
}

.modal .modal-body .error .placeholder {
	cursor: text;
	background: rgba(0,0,0,0);
}

.modal .modal-body .error .placeholder span {
	z-index: 1;
}

.modal .modal-body .error input, .modal .modal-body .error textarea {
	background: white;
}

.ui-sortable .ui-state-default {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
			border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

#sortable {
	list-style-type: none;
	margin-left: 0;
}

html, body {
	height: 100%;
}

#wrap {
	min-height: 100%;
}

#main {
	/*overflow:auto;*/
	padding-bottom: 20px; /* must be same height as the footer */
}  

#footer {
	position: relative;
	margin-top: -20px; /* negative value of footer height */
	height: 20px;
	clear:both;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.question {
	margin-top: 22px;
}

#questionnaire section.error {
	transition: background 0.25s ease-out;
}

#questionnaire section.question {
	transition: background 0.25s ease-out;
}

.no-js .ui-accordion-group .ui-accordion-content {
	background-image: none;
}

.no-js .ui-accordion-group .ui-accordion-content textarea {
	background-color: #ffffff;
}

.ribbonbar .progress .bar {
	background-image: -moz-linear-gradient(top, #30aae3, #009bdd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#30aae3), to(#009bdd));
	background-image: -webkit-linear-gradient(top, #v, #009bdd);
	background-image: -o-linear-gradient(top, #30aae3, #009bdd);
	background-image: linear-gradient(to bottom, #30aae3, #009bdd);
}

@media print {
	@page  {
		size:8.5in 11in;
		/*margin: 1cm 13px 1cm 13px;*/
		margin: 1cm 0px 1cm 34px;
	}
	.navbar-fixed-top {
		display: none;
	}
	.brand[href]:after {
		content: '';
	}
	.navbar-spacer-1, .navbar-spacer-2 {
		display: block;
		margin: 0;
		padding: 0;
	}
	.btn-navbar-td {
		display: none;
	}
	#overview .results-btn {
		display: none;
	}
	.footer {
		display: none;
	}
	
	/*
	body #main > #main-contain .navbar .navbar-inner .container .brand {
		background: url('../img/community_solutions_logo_print.png') no-repeat center left !important;
	}
	*/
	
	body #main > #main-contain .navbar .navbar-inner .container .brand:before {
		content: url('../img/community_solutions_logo_print.png') !important;
		position: absolute;
		top: 8px;
		left: 1px;
	}
	
	.ribbonbar * {
		display: none;
	}
	#main-contain {
		margin-left: -20px;
	}
	#main-content {
		width: 100%;
	}
	#overview, #questionnaire {
		padding-right: 19px;
	}
	
	#questionnaire .hidden {
		display: block;
		visibility: visible;
	}
	
	.next-btn, .finish-btn {
		display: none;
	}
	
	.placeholder span {
		display: none;
	}
	
	#project-name-div label.visible-desktop {
		display: inherit !important;
		float: left;
	}
	
	#questionnaire section.error {
		background: rgba(0, 0, 0, 0);
		border: solid rgba(0, 0, 0, 0) 1px;
	}
	
	#questionnaire .error #project-name-div p {
		display: none;
	}
	
	.question .alert-error {
		background-color: rgba(0, 0, 0, 0);
	}
	
	.alert-error p {
		display: none !important;
	}	

}

/* Special Styling for Backend (no @media min-width: 1200px mode)
------------------------- */
@media (min-width: 1200px) {
	body.backend .placeholder {
		background: white;
		clear: both;
	}
	body.backend .placeholder span {
		position: absolute;
		padding: 5px;
		margin-left: 3px;
		color: #999;
	}
	body.backend .placeholder input, .placeholder textarea, .placeholder select {
		position: relative;
		margin: 0;
		border-width: 1px;
		padding: 6px;
		font: inherit;
	}
	/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		body.backend .placeholder input, body.backend .placeholder textarea, body.backend .placeholder select {
			padding-top: 4px;
			padding-bottom: 4px;
		}
	}
	
	body.backend .navbar-spacer-2 {
		margin-left: -25px;
		margin-top: -37px;
	}
	
	body.backend  {
		background: url('../img/site-bg-980-1199.png') #ebebeb;
		background-repeat: repeat-y;
		background-position: center;
	}
	
	
	body.backend #main > .navbar .brand, body.backend #main > #main-contain .navbar .brand {
		margin-left: 4px;
	}
	
	
	body.backend #main-content {
		float: none;
		width: 940px;
		margin-left: 103px;
		margin-right: 103px;
	}
	
	body.backend .navbar-inner .container {
		width: 940px;
	}

}

@media (min-width: 768px) {
	/* Admin page */
	.unpublished-changes-txt {
		width: 80%;
		float: left;
	}
	
	.unpublished-changes-btn {
		float: right;
	}
}

.unpublished-changes-div {
	padding-right: 14px;
	padding-bottom: 0;
}

/* Edit section and edit category */
body.backend .control-label.notes-box + select {
	float: left;
	margin-top: 7px;
	margin-left: 10px;
}

@media (min-width: 650px) {
	/* Edit section and edit category */
	body.backend .weight-div, body.backend .cat-colour-div {
		float: right;
	}
	
	body.backend .weight-div .control-label.notes-box {
		margin-left: 10px;
	}
}

@media (max-width: 649px) {
	/* Edit section and edit category */
	body.backend .weight-div, body.backend .cat-colour-div {
		float: left;
		clear: both;
	}
	
	body.backend .weight-div .control-label.notes-box {
		margin-left: 0px;
		margin-right: 17px;
	}
	
	body.backend .cat-colour-div .control-label.notes-box {
		margin-right: 6px;
	}
	
	body.backend .control-group select {
		display: inline-block;
		width: 72%;
		max-width: 220px;
	}
}

@media (min-width: 980px) {
	body.backend #catname {
		width: 52%;
	}
}

@media (max-width: 979px) {
	body.backend #catname {
		width: 40%;
	}
}

@media (max-width: 767px) {
	body.backend #catname {
		width: 32%;
		min-width: 180px;
	}
}

body.backend .btn-navbar-td, body.backend .btn-navbar-td .btn-navbar {
	width: auto;
	height: auto;
	display: block;
	white-space: nowrap;
}

@media (min-width: 980px) {
	body.backend .btn-navbar-td {
		margin-right: -15px;
	}
}