@charset "UTF-8";



/************  VALS Framework Image Maps ************/
.frameworkSmall {      /* used on VALS survey results pages */
  float: right;
  margin: 0 0 1em 15px;
  }
.frameworkSmall2 {      /* used on VALS types pages */
  float: left;
  margin: 0 25px 1em 0;
  }

.frameworkLarge {      /* used on VALS types overview page */
  float: left;
  width: 365px;
  margin-top:15px;
  }
.frameworkLarge .caption { margin-top:5px; }  
.frameworkLgAddInfo {    /* used on VALS types overview page */
  float: left;
  width: 175px;
  padding: 50px 0 0 20px;
  margin: 0;
  }


.caption {     /*  used for framework captions on VALS types overview and JVALS overview pages  */
  font-size:10px;
  margin-bottom:15px; 
}


/*********** VALS User Handbook Cheat Sheet tables **************/
.inn {background-color:#b41d8d;color:#fff;}
.thk {background-color:#00aeef;color:#fff;}
.bel {background-color:#5f9fa0;color:#fff;}
.ach {background-color:#b2d234;color:#fff;}
.str {background-color:#6b8f3d;color:#fff;}
.exp {background-color:#ed1c24;color:#fff;}
.mak {background-color:#b12325;color:#fff;}
.sur {background-color:#473e8d;color:#fff;}



/*********** VALS type pages **************/
h1.VALStypeColorBar { margin: 0 0 30px 0; }

/*********** "Members of this group typically..." list on VALS type pages **************/
.VALStypeCharacteristics {
  position:relative;
  width: 311px;
  margin: 20px 0 30px 244px;
  line-height:1.3;
}
.VALStypeCharacteristics h3 {
  font-size:13px;
  font-weight:bold;
  margin-top: 0;
  padding-top: 0;
  }
.VALStypeCharacteristics ul,
.VALStypeCharacteristics ul li { list-style-type:disc; }



/*************  VALS Survey *************/

#takeSurvey {
  background-color: #e3e3e3;
  border: 1px solid #bababa;   /* EBEBEB  */
  width: 10em;
  padding: 1em;
  margin: 1.5em auto 0 auto;
  font-size: 130%;
  font-weight: bold;
  text-align: center;
  }
  
  
ol#vals-survey {
  list-style-type: decimal;
  margin-left: 1em;
  padding-left: 0;
  }  
ol#vals-survey li {
  list-style-type: decimal;
  margin-left: 1.95em;
  margin-bottom: 1.5em;
  padding-left: 0;
  clear: both;
  }
#VALSsurvey .question {
  font-weight: bold;
  }
  
#VALSsurvey .wrapper1 {
  float: left;
  padding-right: 8px;
  margin-bottom: 1.5em;
  }
#VALSsurvey .wrapper2 {
  float: left;
  padding-right: 25px;
  }
#VALSsurvey .wrapper2 div {
  padding-bottom: 5px;
  }

#VALSsurvey .submit-section {
  padding-left: 3em;
  }
#VALSsurvey .noemail { color:#900; font-weight:bold; }


/********** VALS Survey Result Pages ************/

h1.valssurvey_result { line-height:1.4; margin-bottom:30px; }  /* increse line height of h1 on results pages, since we force a line break there and it looked squished  */
h1.valssurvey_result .valssurvey_result_prim { font-size:90%; }
h1.valssurvey_result .valssurvey_result_sec { font-size:90%; }
h1 .myresult { display:inline-block; margin:0 0 0; font-size:100%; color:#990000; }  /* the actual result type names (e.g., "Innovators") - since it's wrapped in span, global.css wants to make it smaller and grey, so reset it to larger and red */
p.myresult_wordy { font-weight:bold; margin-bottom:20px }  /* make bold the paragraph that states the primary/secondary type names (and give it some extra bottom margin) */


.valsresult_contact { 
  padding:10px 10px 0 10px;
  background-color: #F2F2F2;
  border: 1px solid #ccc;
/*  clear:both; */
  width:55%;
  margin-top:3.5em;
}


/**** VALS Lens ****/  /* no longer published */

.intro .subtitle { font-size: 70%; padding-bottom: 0.75em; }
ul.in-this-issue {
  list-style-type: disc;
  margin-bottom: 1.5em;
  font-size: 100%;
}
ul.in-this-issue li { list-style-type: disc; }
ul.in-this-issue li a {  text-decoration: none; }
ul.in-this-issue li a:hover { text-decoration: underline; }
.news-article {
  padding: 1.5em 0;
  border-top: 1px dashed #cbcbcb;
}

.news-article .valstype { font-weight:bold; }  /* used on old, client-only versions of VALS Lens */

.boilerplateFooter {    /* Why-ology News, VALS Lens, VALS Why-ology Trends */
  border-top: 1px dashed #cbcbcb;
  border-bottom: 1px dashed #cbcbcb;
  padding: 1em 0 0;
  margin: 2em 0 1em;
  font-size: 93%;
}
#also_featured + .boilerplateFooter { border-top: none !important; padding-top: 0; margin-top: 1em; } /* VALS Why-ology Trends */

#whynewsletter-sub-unsub div h3 {
  margin: 0;
  }
#whynewsletter-sub-unsub div.subscribe {
  width: 43%;
  float: left;
  padding: 10px;
  margin: 1em 3px 1.5em 0;
  font-size: 95%;
  text-align:center;
  background-color: #F2F2F2;
  border: 1px solid #dadada;
  }

#whynewsletter-sub-unsub div.unsubscribe {
  width: 43%;
  float: left;
  padding: 10px;
  margin: 1em 0 1.5em 3px;
  font-size: 95%;
  text-align:center;
  background-color: #F2F2F2;
  border: 1px solid #dadada;
  }





/************  GeoVALS Data Package Order Pages ************/

div.package {
  width: 100%;
  margin-top: 2em;
  }
.package fieldset {
  font-size: 0.9em;
  padding: 10px;
  }
.package fieldset h2 {
  margin-top: 0;
  padding-top: 0;
  line-height: 1;
  }
.package fieldset .row {
  font-size: 100%;
  padding-bottom: 5px;
  }
.package fieldset .button {
  clear: both;
  margin-top: 10px;
  }

.package fieldset div.price {
  margin-top: 1em;
  }
.package fieldset div.price label {
  font-weight: bold;
  padding: 0;
  margin: 0;
  vertical-align: 3px;
  }
.package fieldset div.description p {
  margin-bottom: 0;
  padding-bottom: 0;
  }

/**** Nationwide ****/
.package fieldset.nationwide div.description {
  margin-left: 2em;
  }

/**** Census Divisions ****/
.package fieldset.cen-div {
  width: 750px;
  }
.package fieldset.cen-div div.price {
  margin-top: 0em;
  }

.package fieldset.cen-div .cell {
  width: 31%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 5px;
  }
.package fieldset.cen-div ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  }
.package fieldset.cen-div ul li {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
  }

/**** States ****/
.package fieldset.state {
  width: 100%;
  }

/**** MSAs ****/
.package fieldset.MSA {
  width: 100%;
  }

/**** Do-It-Yourself (Custom)  ****/
.package fieldset.custom {
  width: 100%;
  }

/**** Targeting ****/
.package fieldset.targeting {
  width: 535px;
  }
.package fieldset.targeting div.price {
  margin-left: 2em;
  text-indent: -2em;
  }

.package fieldset.targeting div.description {
  margin-left: 2em;
  }
.package fieldset.targeting div.description p {
  margin-top: 1em;
  padding-top: 0;
  }
.package fieldset.targeting div.description textarea {
  margin-bottom: 1.5em;
  padding-bottom: 0;
  }




/****** Region Description Page /vals/geovals/definereg.shtml ****/

ul#regions-CenDiv-list {
  margin-left: 5px;
  padding-left: 0px;
  }
ul#regions-CenDiv-list li {
  margin-left: 5px;
  padding-left: 0px;
  }
ul#regions-CenDiv-list div.group {
  float: left;
  margin-left: 10px;
  margin-right: 20px;
  }

/***** Order Confirmation / Customer Information Page (on server) ******/
#geovalsCustInfo fieldset h2 {
  padding-left: 0.5em;
  }

fieldset.orderinfo {
  width: 100%;
  margin-bottom: 4em;
  }
fieldset.customerinfo {
  width: 100%;
  margin-top: 2em;
  }
  

fieldset.orderinfo .row .cell-header {
  width: 200px; /* 22em;*/
  }
fieldset.orderinfo .row .cell-data {
  width: 320px;/* 26em;*/
  padding-left: 0;
  }



#license-agreement {   /*    /vals/geovals/licenseag.shtml; also on server: licenseagree.shtml     */
   border: 1px solid #dadada;
  background-color: #f2f2f2;
  padding: 10px;
  margin: 3em 0;
  }
#license-agreement blockquote {
  margin-left: 1em;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  }