/* Step #1 - Eric Meyer's Reset */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Step #2: */



/* Step #2: Global Styles */

html 
{  
}

body 
{
    position        : relative;
    font-family     : Arial, Helvetica, Sans-Serif;
    font-size       : 14px;
    line-height     : 150%; 
	color			: #363738;
}

h1 
{
  font-size		 : 36px;
  line-height    : 38px;  
  margin-bottom  : 20px;
  font-family	: 'PT Sans', sans-serif;
  color			: #497591;
}

.MembershipForm h1 {
    font-size		 : 24px;
    font-family	: 'PT Sans', sans-serif;
    color		: #497591;
    text-transform: uppercase;
    margin-bottom: -24px;
    font-weight: bold;
}

#primary h1 {
    text-align: left;
    margin-left: 33px;
}

h2 
{
  font-size    : 22px;
  line-height    : 125%;  
}

h3 
{
  font-size    : 16px;
  font-weight    : bold;
  margin-bottom  : 5px;
}

h4 
{
    font-size      : 14px;
    font-weight    : bold;
    margin-bottom  : 5px;
}

h5 
{    
    font-weight    : bold;
    margin-bottom  : 10px;
	color: #497591;
}

h6 
{
    font-weight    : bold;
    margin-bottom  : 5px;
}

p 
{
	margin-bottom    : 26px;
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
    font-weight    : bold;
}

em 
{
    font-style    : italic;
}

u 
{
}

a 
{
  text-decoration: underline;
  color: #b19879;
  color: #9B856B
}

a:active
{
  outline: none;
  color: #b19879;
  color: #9B856B;
}

a:visited 
{
  color: #b19879;
  color: #9B856B;
}

a:hover 
{
	outline: none;
	text-decoration: none;
	color: #b19879;
	color: #9B856B;
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}


/* Step #3: Specific Styles */
#content,
#primary,
#secondary,
#banner,
header,
footer
{
    -moz-box-sizing     : border-box;
    -ms-box-sizing      : border-box;
    -webkit-box-sizing  : border-box;
    box-sizing          : border-box;
}

.button,
a.button
{
	background: #b19879 url(images/bgBtn.png) repeat-x top left;
	color: #ffffff;
	display: inline-block;
	padding: 7px 3%;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: 400;
	text-decoration: none;
}

.button:hover,
a.button:hover
{
	background-color: #9d876b;
	text-decoration: none;
}

a.button.color2,
input[type="submit"].color2
{
	background-color: #e8e7e5;
	color: #363738;
}

a.button.color2:hover,
input[type="submit"].color2:hover
{
	background-color: #cccccc;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
	text-decoration: underline;
}

/*___ DIV _________________________________________________________________*/

header
{
    position        : relative;
    display         : block;
    width      		: 980px;
    margin      	: 0 auto 20px;
    height      	: 120px;
	background    	: #ffffff;
	border-top    	: 5px solid #497591;
}

header nav
{
	width: 65%;
	float: right;
}

#content
{
    position        : relative;
    display         : block;
    width			: 980px;
    margin          : 0 auto 10px;
    overflow        : hidden;
	background    	: #ffffff;
	padding			: 1% 0.75% 1.5%;
}

.manager #content,
.confirmation #content
{
	padding			: 5%;
	text-align		: center;
}

.MembershipForm #content
{
	padding: 2%;
	text-align: center;
}

.ie7 #content,
.ie7 .MembershipForm #content
{
	width: 950px;
	padding: 1%; 
}

#banner
{
	background		: url(images/bgBanner.jpg) no-repeat top left;
	height			: 184px;
	width			: 960px;
	color			: #ffffff;
	text-shadow		: 1px 1px 1px #000000;
	padding			: 5.6% 0 0 3%;
	margin-bottom	: 12px;
}

.ie7 #banner
{
	height: 100%;
	width: 925px;
}

.intro
{
	background: #ebeff2;
	padding: 1.5%;
	margin-bottom: 30px;
}

.cta
{
	background: #e3e6e8;
	padding: 1.5% 1%;
	margin: 10px auto 0;
	width: 98%;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, .05);
}

#primary
{
  position: relative;
  width: 79.5%;  
  padding: 0 2% 0 1%;
  margin-bottom: 10px;
  float: left;
  border-right: 1px solid #c9c9c9;
}

.QuestionnaireSection #primary
{
	padding: 0 0 0 1%;
}

.MembershipForm #primary
{
	float: right;
	padding: 0; 
	border-left: 1px solid #c9c9c9;
	border-right: none;
	width: 70%;
}

.ie7 #primary
{
	width: 77%;
	padding-right: 1%;
}

.ie7 .MembershipForm #primary
{
	width: 70%;
}

#secondary
{
  position: relative;
  float: right;
  width: 20.5%;
  padding: 10px 0 15px 10px;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  text-align: left;
}

.MembershipForm #secondary
{
	float: left;
	padding: 0 1% 15px 0;
	width: 30%
}

.ie7 .MembershipForm #secondary
{
	width: 25%;
}

.QuestionnaireSection #secondary,
.Evaluation #secondary
{
	padding-top: 0;
}


footer
{
    position: relative;
    display: block;    
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px;
    background: #ffffff;
    line-height: 22px;
}

.ie7 footer
{
	width: 940px;
}

.info 
{    
    line-height: 140%;
    width: 980px;
    margin: 0 auto 10px;
    
}

.manager .field-group
{
    width			: 80%;
	margin			: 0 auto;
	border			: none;
	padding			: 4% 2%;
	margin-bottom	: 20px;
	text-align		: left;
	overflow		: hidden;
    margin-top: -65px;
}

.error
{
	color: red;
	text-align: center;
	margin-bottom: 10px;
}

#content + #legend {
	position: fixed;
	width: 500px;
	padding: 20px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -270px;
	border:solid 1px black;
	background: white;
	z-index: 999;
	display: none;
}

#legend-veil {
	position :fixed;
	background: black;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 998;
	display: none;
}

/*___ SPAN _________________________________________________________________*/

#banner h1 span
{
	font-family		: 'PT Sans', Arial, sans-serif;
	font-size		: 24px;
	display			: block;
}

.QuestionnaireSection h1 span,
.Questionnaire h1 span,
.Evaluation h1 span
{
	font-size		: 16px;
	font-family		: 'PT Sans', sans-serif;
	color			: #444444;
	display			: block;
}

.Evaluation .popup,
.Evaluation .print
{
    display: block;
    position: absolute;
    top: 30px;
    right: 220px;
    border: 1px solid #c9c9c9;
    padding: 4px 7px;
    color: #888;
    cursor: pointer;
}
		
.Evaluation .print
{
	right: 320px;
}

.home #content h3 span
{
	font-size		: 15px;
	font-family		: 'PT Sans', Arial, sans-serif;
	color			: #444444;
	display			: block;
	line-height		: 140%;
	margin-top		: 7px;
	text-transform	: none;
}

.bookmarks li span
{
	width			: 10px;
	height			: 15px;
	position		: absolute;
	top				: 15px;
	right			: 10px;
	text-indent		: -9999em;
}

.item-1 span
{
	background		: url(images/numbers.png) no-repeat top left;
}

.item-2 span
{
	background		: url(images/numbers.png) no-repeat -27px top;
}

.item-3 span
{
	background		: url(images/numbers.png) no-repeat center top;
}

.bookmarks li.item-4 span
{
	background: url(images/numbers.png) no-repeat -78px top;
	top: 20px;
}

.bookmarks li.item-5 span
{
	background: url(images/numbers.png) no-repeat top right;
	top: 20px;
}

label span 
{
    display         : inline-block;
	vertical-align	: middle;
    width           : 34%;
	font-weight		: bold;
	text-align		: right;
	
    padding-right: 17px;
    color: rgb(64,64,64);
}

.invited-email,
.invited-date
{
	display: inline-block;
	vertical-align: middle;
	width: 30%;
}

.invited-email
{
	font-weight: bold;
	width: 46%;
	margin-left: 3%;
}

.manager .field-group .existing span
{
	font-weight: normal;
}

.manager .field-group .existing span:before
{
	content: ":: ";
}

.notification
{
	/*display: none; <-- we need this to display on page '/questionnaire/contribute/' */
}

.dwn
{
	font-size: 75%;
	padding-left: .4em;
}

.start span
{
	display: inline-block;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}

li.question span.number
{
	position: absolute;
	top: 20px;
	left: 0;
}

.points
{
	display: block;
	float: right;
	margin: -5px 0 48px;
    font-family: "PT Sans Narrow", sans-serif;
    color: #497590;
    font-weight: bold;
    width: 140px;
    text-align: right;
    font-size: 18px;
}

/*___ H1 _________________________________________________________________*/
header h1
{
	margin-bottom	: 0;
}

#banner h1
{
	margin-bottom	: 8px;
	font-family		: 'PT Sans Narrow', Arial Narrow, sans-serif;
	font-size		: 47px;
	margin-bottom	: 0;
	color			: #ffffff;
}

.QuestionnaireSection #content h1,
.Questionnaire #content h1,
.Evaluation #content h1
{
	font-family		: 'PT Sans Narrow', Arial Narrow, sans-serif;
	font-size		: 28px;
	border-bottom	: 1px solid #c9c9c9;
	padding-bottom	: 10px;
	line-height		: 30px;
}

.Evaluation #content h1
{
	padding-left: 1%;
}

/*___ H2 _________________________________________________________________*/

.cta h2
{
	font-family		: 'PT Sans', Arial, sans-serif;
	font-size		: 26px;
	margin-bottom	: 0;
	width			: 78%;
}

.ie7 .cta h2
{
	font-size: 22px;
}

.QuestionnaireSection #primary h2,
.Questionnaire #primary h2,
.Evaluation #primary h2
{
	font-family		: 'PT Sans Narrow', Arial Narrow, sans-serif;
	font-size		: 24px;
	color			: #888888;
	margin-bottom	: 7px;
}

li.section h2
{
	border-top: 1px solid #C9C9C9;
	padding-top: 20px;
}

li.section:first-child h2
{
	border-top: none;
	padding-top: 0;
}

#secondary h2
{
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #444444;
	margin: 30px 0 0;
	border-top: 1px solid #C9C9C9;
	padding-top: 5px;
}

#secondary h2:first-of-type
{
	border-top: none;
	padding: 0;
	margin-top: 0;
}

.MembershipForm #secondary h2
{
	margin-bottom: 3px;
}

/*___ H3 _________________________________________________________________*/

.home #content h3
{
	color			: #497591;
	width			: 100%;
	float			: left;
	font-family		: 'PT Sans Narrow', Arial Narrow, sans-serif;
	font-size		: 28px;
	line-height		: 115%;
	font-weight		: normal;
	text-transform	: uppercase;
}

.field-group h3,
form h3 
{
    margin 			: 24px 0 32px 0;
    padding 		: 1%;
    color: gray;
    border-bottom: 1px solid lightgray;
    text-transform: uppercase;
    font-weight: normal;
    font-family		: 'PT Sans Narrow', Arial Narrow, sans-serif;
}

#secondary h2 + h3
{
	margin-top: 7px;
}

.survey-list h3
{
	color: #67686A;
    font-family: "PT Sans";
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}

.survey-list h4 {
    color: #9B856B;
    font-weight: normal;
}

/*___ H4 _________________________________________________________________*/

.home .bookmarks h4
{
	font-size		: 20px;
	font-family		: "PT Sans Narrow", sans-serif;
	font-weight		: 400;
}

#secondary h4
{
	margin-bottom: 0;
}

.Evaluation #primary h4{position: relative; padding-left: 20px; cursor: pointer;}

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

.intro p
{
	font-size: 18px;
	line-height: 150%;
	margin-bottom: 14px;
	padding: 0 2% 0 1%;
	font-family: 'PT Sans', sans-serif;
}

.home .bookmarks a p
{
	color			: #444444;
	margin-bottom	: 0;
}

.bookmarks p
{
	margin-bottom: 0;
}

.QuestionnaireSection #content h2 + p,
.Questionnaire #content h2 + p
{
	font-size		: 16px;
	line-height		: 140%;
}

table p
{
	margin-bottom	: 0px;
}

footer p
{
	margin-bottom: 0;
}

.copyright
{
	margin-bottom: 0;
}

.GlossaryListing ul li p
{
	margin-bottom: 0px;
}

.caption
{
	font-style: italic;
	text-align: center;
	max-width: 605px;
	margin: 5px auto 26px;
}

.bibliography p
{
	text-indent: -3em;
	margin-left: 3em;
}

.question h3 p
{
	margin-bottom: 0;
}

#content + #legend li p {
	margin-left: -20px;
}

/*___ UL/OL _________________________________________________________________*/

#top
{
	position	: absolute;
	top			: -4px;
	right		: 0;
	background	: #497591;
	padding		: 0px 10px 1px;
	color		: #ffffff;
	font-size	: 13px;
	font-family	: 'PT Sans', Arial, Sans-serif;
}

header #main
{  
	display		: block;
	font-family	: 'PT Sans', Arial, Sans-Serif;
	text-align	: right;
	margin		: -45px 10px 0 0;
}

footer ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: right;
}

.login-help
{
	width		: 60%;
	margin		: 0 auto;
	display		: block;
	text-align	: left;
}

table td ul
{
	list-style-type	: disc;
	margin			: 5px 0 5px 25px;
}

.toc
{
	line-height		: 120%;
}

#secondary .nav li
{
	padding-top: 10px;
	line-height: 120%
}

.existing
{
	margin: 20px 3%;
}

.manager .toolbar
{
	float: right;
}

.manager .existing .toolbar
{
	margin-top: -27px;
}

.manager .responseset-form .toolbar
{
	margin-right: 8.4%;
}

.bookmarks
{
	overflow: hidden;
	display: block;
	margin: 0 0 30px;
	padding: 0;
}

.dropdown
{
	position: relative;
	margin: 10px 0;
}

.dropdown > li > ul
{
	display: none;
	z-index: 9999;
	/*border: 1px solid rgba(0,0,0,.25);*/
	background: rgba(0,0,0,.05);
	white-space: nowrap;
    text-align: center;
	width: 252px;
    margin-left: 8px;

}

.dropdown > li:hover > ul
{
	display: block;
}

#secondary .toolbar
{
	overflow: hidden;
	display: block;
    position: absolute;
    top: 18px;
    right: 0;
}

.TextPage #primary ul,
.ReferenceListing #primary ul
{
	list-style-type: disc;
	margin: 10px 0 26px 25px;
}

.ReferenceListing #primary ul ul
{
	list-style-type: circle;
	margin: 0 0 10px 25px;
}

.TextPage #primary ol
{
	list-style-type: decimal;
	margin: 26px 0 26px 35px;
}

.question p + ul
{
	margin: -20px 0 20px 15px;
	list-style-type: disc;
}

.survey-list > li
{
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #C9C9C9;
    margin-left: 5px;
    position: relative;
    width: 266px;
}

.survey-list > li:first-child
{
	border: none;
	padding-top: 7px;
}

.filter
{
	position: absolute;
	top: 30px;
	right: 10px;
	z-index: 10;
	min-width: 200px;
}

.filter ul
{
	background: #ffffff;
	box-shadow: 0 2px 4px rgba(34, 25, 25, 0.5);
	font-size: 12px;
	display: none;
}

.filter li:hover ul
{
	display: block;
}

/*___ LI _________________________________________________________________*/

.menu li
{
    position: relative;
    display: inline-block;
	vertical-align: middle;
	padding: 6px 0 3px 3px;
}

#top li
{
	padding: 2px 3px;
}

#top li:after,
.info .menu li:after
{
	content: "| ";
	color: #ffffff;
	margin-left: 5px;
}

#top li:last-child:after,
.info .menu li:last-child:after
{
	content: none;
}

.activity li 
{
    font-size: 11px;
}

.ie7 .menu li
{
    display: inline;
}

.ie7 #top li
{
	width: 110px;
	text-align: center;
}

.toc li
{
	margin: 0;
    height: 48px;
}

.bookmarks li
{
	float: left;
	width: 30.3%;
	padding: 2% 1.5% 1% 1.5%;
	min-height: 130px;
	position: relative;
}

.bookmarks li.item-2, .bookmarks li.item-3, .bookmarks li.item-5
{
	background		: url(images/dots.png) repeat-y top left;
}

.bookmarks li.item-4, .bookmarks li.item-5
{	
	width: 47%;
	padding-top: 26px;
	min-height: 110px;
}

.bookmarks li.item-4
{
	clear: left;
	background: url(images/dots.png) repeat-x top left;
}

.bookmarks li.item-5
{
	background: url(images/dots.png) repeat-x top left, url(images/dots.png) repeat-y top left;
}

.bookmarks li:hover
{
	background-color: #edeef0;
	text-decoration	: none;
}

.manager .field-group ul > li
{
	font-weight: bold;
	display: block;
	overflow: hidden;
	padding: 20px 0;
	background: url("images/dots.png") repeat-x scroll left top transparent;
}

.manager .field-group li:first-child
{
	background: none;
	padding-top: 0;
}

.manager .field-group .toolbar li,
.manager .toolbar li
{
	padding: 0;
	background: none;
	overflow: visible;
	display: inline-block;
	vertical-align: middle;
}

footer li
{
	display: inline-block;
	vertical-align: middle;
}

.ie7 footer li
{
	display: inline;
}

footer li:nth-child(2)
{
	padding: 0 5px;
}

.dropdown > li
{
	position: relative;
	height: auto;
}

.dropdown > li > ul > li
{
	margin: 0;
	float: none;
	border: none;
}

#secondary .toolbar li
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
    font-size: 10px;
    text-align: center;
    color: gray;
}

.ie7 #secondary .toolbar li
{
	display: inline;
}

.GlossaryListing #primary ul li
{
	margin-bottom: 12px;
	overflow: hidden;
}

.links > li
{
	padding-left: 130px;
	position: relative;
	margin-bottom: 40px;
	min-height: 75px;
}

.links li li
{
	list-style-type: decimal;
	margin: 0 0 0 40px;
}

ol.evaluation > li.question
{
	position: relative;
	padding: 20px 0 0 7%;
	overflow: hidden;
	border-top: 1px solid #EAEAEA;
	width: 90%;
}

.evaluation > .question:first-child
{
	border: none;
}

ol.evaluation > li ol.evaluation li.question
{
	margin-left: -7%;
}

.evaluation > li .question:first-child
{
	border-top: 1px solid #EAEAEA;
}

.ReferenceListing li
{
	padding: 2px 0;
}

.ReferenceListing ul ul li
{
	padding: 0;
}

#content + #legend li {
	padding-left: 20px;
	position: relative;
}

/*___ STRONG/B _________________________________________________________________*/

/*___ EM/I _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

header h1 a
{
	display		: block;
	text-indent	: -9999em;
	height		: 100px;
	width		: 324px;
	background	: url(images/logo.png) no-repeat top left;
	margin		: 5px 0 0 15px;
}

header .menu a,
header .menu a:visited
{
    color: #888888;
    padding: 2px 5px;
	text-decoration: none;
}

header .menu a:hover,
header .menu li.current a
{
    text-decoration: none;
    color: #444444;
}

header #top a
{
	color: #ffffff;
	padding: 2px;
}

header #top a:hover
{
	text-decoration: underline;
}

.info a
{
	color: #ffffff;
	text-decoration: none;
}

.mindfly.loggedin a
{
	color: #9B856B;
}

.info a:hover
{
	text-decoration: underline;
}

.cta .button
{
	position: relative;
	float: right;
	background: url(images/ctaBtn.png) no-repeat top left;
	padding: 8px 45px 8px 35px;
	margin-top: -34px;
	font-weight: 700;
	font-size: 17px;
}

.cta .button:hover
{
	background: url(images/ctaBtn.png) no-repeat bottom left;
	text-decoration: none;
}

.bookmarks a
{
	text-decoration: none;
	display: block;
}

.toc a
{
	display			: block;
	margin-left		: 0;   
}

.toc li.current a
{
	background		: #497591;
	color			: #ffffff;
	text-decoration	: none;
}

.toc li {
    padding: 5px 12px;
    width: 248px;
    border-bottom: 1px solid #e9e7e5;
    position: relative;
}

.toc li.current {
    background		: #497591;
	color			: #ffffff;
	text-decoration	: none;
}

.toc li.current h3 {
    color: white;
}

.toc li.current .brief {
    color: #bed5e4;
}

.toc li.current:hover {
    background		: #497591;
}

.toc li:hover {
    background: rgba(0, 0, 0, .05);
}

.toc li h3 {
    font-size: 16px;
    position: absolute;
    top: 12px;
    color: #67686a;
}

.toc li .brief {
    font-size: 11px;
    display: block;
    position: absolute;
    bottom: 12px;
    color: #9b856b;
}

#secondary a
{
	text-decoration: none;
}

#secondary a:hover
{
	text-decoration: underline
}

.clear a
{
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background: #cccccc;
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 8px;
    text-align: center;
    line-height: 15px;
    vertical-align: middle;
    text-transform: lowercase;
    font-size: 11px;
    font-weight: bold;
    margin-left: 4px;
}

.clear a:hover
{
	background: #d26060;
	color: white;
}

.next.button
{
	float: right;
	margin-right: 20px;
}

.previous
{
	float: right;
	margin: 8px 15px 0 0;
}

.FAQListing #secondary a.button,
.checklist #secondary a.button,
.TextPage #secondary a.button,
.LinkListing #secondary a.button,
.ReferenceListing #secondary a.button
{
	display: block;
	margin: 15px 0;
	text-align: center;
}

#secondary a.button:hover
{
	text-decoration: none;
}

#secondary a.button.small
{
	display: block;
	text-align: center;
	height: 25px;
	line-height: 25px;
	padding: 0 7px;
	margin: 2px 0 0;
	background: #dce2e5 url(images/bgBtn.png) repeat-x left -4px;
	background: #e8e7e5 url(images/bgBtn.png) repeat-x left -4px;
	color: #363738;
}

#secondary a.button.small:hover
{
	background-color: #d0dae0;
	background-color: #cccccc;
	text-decoration: none;
}

a.button-huge
{
	display: block;
	width: 98%;
	height: 52px;
	color: #ffffff;
	background: #b19879 url(images/bgBtn-Huge.png) repeat-x top left;
	text-decoration: none;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: 52px;
	cursor: pointer;
}

#secondary a.button-huge:hover
{
	background-color: #9d876b;
	color: #ffffff;
	text-decoration: none;
}

.GlossaryListing ul li .start
{
	display: block;
	float: right;
	text-decoration: none;
}

.GlossaryListing ul li .start:hover
{
	text-decoration: underline;
}

.checklist a[href$="pdf"]
{
	background: url(images/iconPDF.png) no-repeat left center;
	font-size: 17px;
	padding-left: 30px;
}

#secondary .toolbar a
{
	height: 22px;
	width: 22px;
	display: block;
    background: transparent;
    border-radius: 12px;
    border: 1px solid #67686A;
    color: #67686A;
}

#secondary .delete-button {
    font-size: 12px;
}

#secondary .toolbar a:hover {
    background: #67686A;
    color: white;
    text-decoration: none;
}

#secondary .toolbar .invite
{

	width: 22px;
}


#secondary .toolbar li::before {
    font-family: 'fontello';
    /*content: '\e800';*/
    position: absolute
}

.toolbar .manage { background: url(images/iconSettings.png) no-repeat top left;}
.toolbar .manage:hover { background: url(images/iconSettings.png) no-repeat bottom left; }
.toolbar .quit {	background: url(images/iconDelete.png) no-repeat top left; }
.toolbar .quit:hover { background: url(images/iconDelete.png) no-repeat bottom left; }


.filter li a
{
	border: 1px solid #C9C9C9;
	display: block;
	padding: 4px 7px;
	text-decoration: none;
	color: #888;
	background: url(images/arrow.png) no-repeat center right;
}

.filter li li a
{
	border: none;
	background: none;
	color: #9B856B;
	padding: 5px 7px;
}

.filter li li a:hover
{
	color: #fff;
	background: #9B856B;
}

#legend .close {
	border: none;
	border-radius: none;
	background: black none;
	color: white;
	height: 25px;
	width: 25px;
	line-height: 25px;
	text-align: center;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 0;
	margin: 0;
	font-size: 15px;
	cursor: pointer;
}

#legend .close:hover {
	background: #9B856B;
	color: black;
}

/*___ TABLE _________________________________________________________________*/

table
{
	width: 100%;
	margin: 0 0 10px -10px;
	border-bottom: 1px solid #EAEAEA;
}

/*___ TR _________________________________________________________________*/

tr
{
	position: relative;
    border:1px solid rgba(0,0,0,.25)
}

tr.areaSpecific
{
	background: #f0f8f4;
}

tr:hover
{
    box-shadow: inset 4px 0 0 0 red;
    border-right: 1px solid red;
    border-left: 1px solid red;
}

/*___ TH/TD _________________________________________________________________*/

thead,
thead tr:hover
{
	background	: #497591;
	color		: #ffffff;
}

th
{
	padding		: 5px 10px;
}

td
{
    border-top: 1px solid rgba(0, 0, 0, .15);
    border-right: 1px solid rgba(0, 0, 0, .15);
	padding			: 15px 10px 10px;
	vertical-align	: middle;
}

.checklist td
{
	border: 1px solid #eaeaea;
}

th:first-child
{
	text-align	: left;
}

th:first-child,
tr td:first-child
{
	padding-left	: 10px;
	vertical-align	: top;
    font-weight: bold;
}

th:last-child
{
	padding-right	: 10px;
}

td.clear
{
	padding: 15px 15px 5px;
}

tr.indent-1 td
{
	border-top: none;
}

tr.indent-1 td:nth-child(1)
{
	position: absolute;
	left: 50px
}

tr.indent-1 td:nth-child(2)

{
	padding-left: 60px;
}

/*___ IMG _________________________________________________________________*/

.links img
{
	position: absolute;
	top: 0;
	left: 0;
}

.caption img
{
	display: block;
	margin-bottom: 5px;
}

.Evaluation h4 img
{
	position: absolute;
	top: 1px;
	left: 0;
}

img[style*="left"]
{
	float: left;
	margin: 0 10px 10px 0;
}

img[style*="right"]
{
	float: right;
	margin: 0 0 10px 10px;
}

/*___ FIELDSET _________________________________________________________________*/

fieldset
{
    width			: 80%;
	margin			: 0 auto 20px;
	padding			: 4% 2%;
	text-align		: left;
	overflow		: hidden;
}

.ie7 fieldset
{
	margin: 0 0px 20px 0px;
}

fieldset.focus 
{
    /*margin-top  : 25%;   */ 
}

.manager .field-group fieldset,
fieldset.member-invite
{
	box-shadow: none;
	border: none;
	width: 100%;
	padding: 0;
}

.MembershipForm #primary fieldset
{
    width: 90%;
}

/*___ FORM _________________________________________________________________*/

#top li form
{
	display: inline;
}

.invited form
{
	display: inline-block;
	vertical-align: middle;
	width: 16%;
}

/*___ INPUT/TEXTAREA/SELECT __________________________________________*/

input[type='text'], input[type='password']
{
    padding		: 8px;
    width       : 40%;
    border-radius: 2px;
    border: 1px solid lightgray;
}

.profile-form input[type='text'], .changePassword-form input[type='password'] {
    width: 46% !important;
}

input[type='text']:hover, input[type='password']:hover
{
    border: 1px solid darkgray;
}

.manager input[type="text"]
{
	width: 52.5%;
}

input[type='submit'] 
{
    padding: 10px 24px;
	color		: #ffffff;
	float		: right;
	cursor      : pointer;
    background: #bad5a2;
    border: 1px solid #aac390;
    border-radius: 2px;
    font-family: 'PT Sans', Arial, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
}

.MembershipForm .oneColumn input[type="submit"],
.confirmation .oneColumn input[type="submit"]
{
	margin-right: 15%;
}

.profile-form input[type="submit"],
.changePassword-form input[type="submit"]
{
	margin-right: 79px;
}

input#btn-member-invite
{
	margin-right: 109px;
}

#secondary .dropdown input[type="submit"]
{
	background: none;
	padding: 5px;
	float: none;
	margin: 0;
	color: gray;
	font-family: 'PT Sans', Arial, Sans-Serif;
	font-size: 14px;
	width: 100%;
    text-align: center;
    border: none!important;
    border-radius: 0;
}

#secondary .dropdown input[type="submit"]:hover
{
	background: #497591;
	color: #ffffff;
}

#secondary input[type='submit']
{
	margin: 10px 1% 0px 0;
}

input[type='submit']:hover
{
    background-color: #aac390;
}

input[type='submit'].menu
{
    border: none;
    padding: 0;
    background: none;  
	margin-right: 0;
}

input[type='submit'].menu:hover 
{
        
    color: #ffffff;
	text-decoration: underline;
}

.invited li input[type="submit"]
{
	margin-right: 0;
}

.member-invite input
{
	display: inline-block;
	vertical-align: middle;
	float: left;
	margin-top: 10px;
}

/*___ LABEL _________________________________________________________________*/

label 
{
    font-family: 'PT Sans', Arial, Sans-Serif;
    display         : block;
    margin-bottom   : 1em;
}

.field-group 
{
  margin-bottom : 5%;
}

/*___ CITE _________________________________________________________________*/

.mindfly
{
	display: block;
	font-size: .75rem;
	float: right;
	margin-top: 4px;
}

.mindfly.loggedin
{
	margin-top: 0;
}

/*___Group/Section/Class_________________________________________________________________*/

.searchbox {
    background: #e9e7e5;
    display: block;
    width: 262px;
    height: 78px;
    padding: 5px;
}

#secondary .searchbox h2 {
    color: #497591;
    font-weight: bold;
    font-family	: 'PT Sans Narrow', sans-serif;
    font-size: 16px;
    margin: 16px;
    letter-spacing: 1px;
}

.searchbox input {
    width: 254px;
    border: none;
    font-size: 14px;
    font-family	: 'PT Sans', sans-serif;
    padding: 4px;
    
}

.CountyResourcesPage #secondary {
    width: 30%;
    float: left;
    padding-top: 0;
}

.CountyResourcesPage #primary {
    width: 70%;
    float: right;
    border: none;
    padding-left: 32px;
}

.CountyResourcesPage #primary h1 {
    margin-left: 0;
    margin: 24px 0 26px 0;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
}

.county-nav {
    width: 271px;
    border-right: 1px solid #e9e7e5;
}

.county-nav li {
    height: 32px;
    padding: 8px 16px;
    line-height: 31px;
    vertical-align: middle;
    font-size: 16px;
    width: 240px;
    color: gray;
    border-bottom: 1px solid #e9e7e5;
}

.county-nav li:hover {
    text-decoration: none;
    background: #497590;
    color: white;
}


.county-nav:last-child {
    border-bottom: none;
}

.county-nav a {
    text-decoration: none;
}

.county-nav a:hover {
    text-decoration: none!important;
    border: none;
}

.county-maps {
    width: 100%;
}

.county-maps li {
    height: 48px;
    line-height: 48px;
    border-top: 1px solid #e9e7e5;
    vertical-align: middle;
}

.county-maps li:hover {
    background: rgba(0, 0, 0, .03);
}

.county-maps li i {
    display: block;
    font-size: 24px;
    margin-right: 10px;
    float: left;
    color: #67686A;
}

.county-maps:last-child {
    border-bottom: 1px solid #e9e7e5;
}

.county-maps a {
    text-decoration: none;
}

.county-maps .map-name {
    display: block;
    float: left;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
}

.submit-secondary {
    padding: 9px 24px;
	color		: #67686A!important;
	float		: right;
	cursor      : pointer;
    background: transparent;
    border: 1px solid #e9e7e5;
    border-radius: 2px;
    font-family: 'PT Sans', Arial, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none!important;
}

.submit-secondary:hover {
    background: #e9e7e5;
    text-decoration: none!important;
}

.login-form input[type="submit"] {
    margin-right: 21%!important
}


.QuestionnaireSection #primary, .Evaluation #primary {
    float: right;
    width: 70%;
    border: none;
    padding-left:32px;
}

.QuestionnaireSection #secondary, .Evaluation #secondary {
    float: left;
    width: 30%
}

.secondary-header {
    background: #e9e7e5;
    display: block;
    width: 262px;
    height: 56px;
    padding: 5px;
}

.secondary-header h2 {
    color: #497591!important;
    font-weight: bold!important;
    font-family	: 'PT Sans Narrow', sans-serif!important;
    font-size: 16px!important;
    margin: 18px 16px 16px 16px!important;
    letter-spacing: 1px!important;
}

.add-survey-btn {
    background: #bad5a2!important;
    display: block;
    border-radius: 2px;
    border: 1px solid #aac390;
    width: 250px;
    text-align: center;
    color: white;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    margin: 16px 8px 0 8px;
}

.add-survey-btn:hover {
    background: #aac390!important;
    color: white!important;
    text-decoration: none !important;
    cursor: default;
    border-radius: 2px 2px 0 0;
}

.QuestionnaireSection input[type='text'] {
    font-size: 11px;
    width: 92%;
}

.notes-field span {
    display: none;
    margin-left: 0;
    position: relative;
    padding-bottom: 0
}

.QuestionnaireSection input[value='1']:before {
    background: orange;
    width: 24px;
    height: 24px;
}

.notefield.unsaved {
    background: rgb(245, 245, 245);
    font-style: italic;
    position: relative;
}

input[type="radio"].clickAction {
    width: 0;
    height: 0;
}

input[type="radio"].clickAction:before {
    width: 22px;
    height: 22px;
    background: transparent;
    color: rgba(0,0,0,.5);
    display: block;
    position: absolute;
    font-family: "fontello";
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 12px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    margin: -14px -6px 0 0;
    cursor: pointer;
}

input[value='1'].clickAction:before {
    content: "\e801";
    margin: -14px -6px 0 -6px!important;
}

input[value='1'].clickAction:checked:before {
    border: 1px solid #67d399;
    background: #67d399;
    color: white!important;
}

input[value='1'].clickAction:hover:before {
    border: 1px solid #67d399;
    color: #67d399;
}

input[value='0'].clickAction:before {
    content: '\e802';
    margin: -14px -6px 0 -7px!important;
}

input[value='0'].clickAction:checked:before {
    border: 1px solid #df9673;
    background: #df9673;
    color: white!important;
}

input[value='0'].clickAction:hover:before {
    border: 1px solid #df9673;
    color: #df9673;
}


input[value='-1'].clickAction:before {
    content: '\e805';
    line-height: 26px;
    margin: -14px -6px 0 -6px!important;
}

input[value='-1'].clickAction:checked:before {
    background: rgba(0, 0, 0,.5);
    width: 24px;
    height: 24px;
    border: none!important;
    color: white!important;
}

input[value='-1'].clickAction:hover:before {
    border: none;
    color: rgba(0, 0, 0, .5);
    border: 1px solid rgba(0, 0, 0, .5);
}

input[value='Notes'] {
    width: 46px;
    height: 24px;
    background: rgba(0,0,0,.05);
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
    text-align: center;
    border-radius: 2px;
    color: rgba(0, 0, 0, .8);
}
    input[value='Notes']:hover {
        background: rgba(0,0,0,.1)
    }

.QuestionnaireSection table p {
    font-size: 1;
    font-family: "PT Sans", sans-serif;
}

.QuestionnaireSection table li {
    font-size: .9em;
    font-family: "PT Sans", sans-serif;
}

.Evaluation .question .number {
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    text-align: center;
    line-height: 32px;
    background: rgb(64, 64, 64);
    font-size: 9px;
}

.Evaluation .question .number + p {
    display: block;
    background: rgba(0, 0, 0, .05);
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .05);
    padding: 8px 16px;
    font-family: "PT Sans", sans-serif;
    font-size: 1em;
}

.Evaluation h4 {
    height: 32px;
    display: block;
    line-height: 32px;
    vertical-align: middle;
    border-top: 1px solid rgba(0, 0, 0, .25);
    border-bottom: 1px solid rgba(0, 0, 0, .25);
    margin-top: 60px;
    font-family: "PT Sans", sans-serif;
    margin-bottom: 20px;
}

.Evaluation h4 img {
    display: inline-block;
    padding-right: 16px;
    position: relative
}

.answer-notes {
    display: block;
    font-style: italic;
    font-family: "PT Sans", sans-serif;
    font-size: .9em;
    color: rgba(0, 0, 0, .65);
}

.survey-answer {
    margin-bottom: 24px;
}

.answer-yn {
    font-family: "PT Sans", sans-serif;
    font-weight: bold!important;
    font-size: 16px;
}

.answer-yn.Yes {
    color: #67d399!important;
}

.answer-yn.Yes:before {
    content: "\e801";
    font-family: 'fontello';
    margin-right: 8px;
    color: #67d399;
}

.answer-yn.No {
    color: #df9673;
}

.answer-yn.No:before {
    content: "\e802";
    font-family: 'fontello';
    margin-right: 8px;
    color: #df9673;
}

.survey-answer + p {
    margin-top: 32px;
}

.QuestionnaireSection table {
 
}

.notes-field.unsaved::after {
    content: "Press enter to save.";
    position: relative;
    font-size: .75em;
    margin-top: -16px;
    color: rgba(0, 0, 0, .6);
}

.QuestionnaireSection .next.button {
    padding: 10px 24px;
	color		: #ffffff;
	float		: right;
	cursor      : pointer;
    background: #bad5a2;
    border: 1px solid #aac390;
    border-radius: 2px;
    font-family: 'PT Sans', Arial, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 10px;
    margin-top: 10px;
}

.QuestionnaireSection .next.button:hover {
    background: #aac390;
}

.survey-list li .toolbar {
    display: none!important;
}

.survey-list li:hover .toolbar {
    display: block!important;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */