/*  
Theme Name: commonmind 
Theme URI: http://www.commonmind.com/ 
Description: The www.commonmind.com site style.
Version: 1.0 
Author: Ben Beverly 
Author URI: http://www.commonmind.com/
*/

html {
/** filter: expression(document.execCommand("BackgroundImageCache", false, true)); **/
}

body {
  background: #FFFFFF url(/images/gritty_background_2.png) 0 0; 
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
  font-family: Calibri, Arial, sans-serif;
  font-size: 15px;
  line-height: 120%;
  color: #000000;
  z-index: 0;
}

a { color: #00A0C6; outline: none; text-decoration: none; }
a:link { color: #00A0C6; text-decoration: none; }
a:visited { color: #00A0C6; text-decoration: none; }
a:active { color: #00A0C6; text-decoration: underline; }
a:hover { color: #00A0C6; text-decoration: underline; }

#logo, #homelogo, #bar_background, #answerbuttons_measure, #answerbuttons_moretraffic { behavior: url('images/iepngfix.htc'); }

#bar_background {
  position: fixed;
  z-index: 0;
  top: 0px;
  left: 2px;
  width: 101.5%;
  height: 101.5%;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

/** some magic going on with all the auto margins **/

div#wrapper {
  position: relative;
  border: 0px;
  margin: 0px auto;
  padding: 0px;
  background: url(/images/blackback.gif) 0px -6px repeat-x;
  z-index: 100;
}

div#page {
  position: static;
  border: 0px;
  margin: 0px auto;
  padding: 0px;
  width: 1020px;
}

div#header {
  position: static;
  padding: 0px;
  border: 0px;
  margin: 0px;
  height: 92px;
  text-align: left;
}

div#outer {
  position: relative;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  text-align: left;
}

#content {
  height: 100%;
  position: relative;
  width: 888px;
  top: 0px;
  left: 0px;
  border: 0px;
  margin: 0px auto;
  padding: 0px 0px 450px 0px;
  min-height: 450px !important;
}

#nextevent {
  position: relative;
  top: 0;
  left: 0;
  text-align: right;
  border: 0px;
  padding: 3px 62px;
  margin: 0px;
  width: 888px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 14px;
}
 
#nextevent a { color: #FFFFFF; }
#nextevent a:link { color: #FFFFFF; }
#nextevent a:visited { color: #FFFFFF; }
#nextevent a:hover { color: #FFFFFF; }
#nextevent a:active { color: #FFFFFF; }

.smallcaps {
  margin: 0px;
  padding: 0px;
  color: #004859;
  font-size: 10px;
  text-transform: uppercase;
}

.event_more {
  border-left: 1px solid #FFFFFF;
  margin: -2px 0px;
  padding: 2px 0px;
}

.event_more a {
  margin: 0px;
  padding: 0px 17px 0px 8px;
  background: transparent url(/images/arrow.png) right center no-repeat;
  color: #CCCCCC !important;
  outline: none !important;
}

.event_more a:link { color: #CCCCCC; text-decoration: none; }
.event_more a:visited { color: #CCCCCC; text-decoration: none; }
.event_more a:hover { color: #FFFFFF !important; text-decoration: none; }
.event_more a:active { color: #FFFFFF !important; text-decoration: none; }

#main_text {
  float: left;
  width: 558px;
  border: 0px;
  padding: 36px 46px 72px 46px;
  margin: 0px;
  background: #FFFFFF;
}

#left_col {
  float: left;
  clear: left;
  width: 236px;
  border: 0px;
  margin: 0px;
  padding: 16px 0px;
}

.left_col_box {
  float: left;
  clear: left;
  width: 198px;
  border: 0px;
  margin: 8px 0px;
  padding: 20px 16px 16px 22px;
  color: #FFFFFF;
  background: #004859;
}

.left_col_box p {
  margin: 0px;
  border: 0px;
  padding: 8px 0px;
  font-family: Calibri, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.1em;
  clear: both;
}

.left_col_box a { color: #FFFFFF; font-weight: bold; }
.left_col_box a:link { color: #FFFFFF; }
.left_col_box a:visited { color: #FFFFFF; }
.left_col_box a:hover { color: #FFFFFF; }
.left_col_box a:active { color: #FFFFFF; }

#quote_box {
  background: url(/images/quotebox_back.png) 0 0; 
}

#quote_rotate {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

#certifications_box {
  padding-top: 32px;
  padding-bottom: 32px;
  width: 216px;
  padding: 10px 20px 10px 0px;
/**
  background: url(/images/certifications_back.png) 0 0; 
**/
  background: transparent;
  text-align: right;
}

#quote_box blockquote {
  margin: 0px;
  border: 0px;
  padding: 16px 6px 8px 6px;
  font-size: 21px;
  line-height: 24px;
  font-style: italic;
}

#quote_box blockquote a {
  margin: 0px;
  border: 0px;
  padding: 0px;
  font-size: 13px;
  line-height: 10px;
  word-wrap: none;
  white-space: nowrap;
}

#quote_box p {
  color: #004859 !important;
  font-size: 21px;
  line-height: 15px;
  padding: 5px 0px 5px 30px;
  background: transparent url(/images/babyblue_titles.png) no-repeat 6px -32px;
}

.attribution {
  color: #004859 !important;
  font-size: 21px;
  line-height: 15px;
  padding: 5px 0px 5px 30px;
  text-align: right;
}

h1 {
  border: 0px;
  margin: 0px;
  padding: 0px;
  color: #00A0C6;
  font-weight: normal !important;
  font-size: 42px;
  border: 0px;
  margin: 16px 0px 20px 0px;
  padding: 5px 0px;
}

h2, .services_description {
  color: #000000;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  font-weight: normal;
  line-height: 105%;
}

h3 {
  border: 0px;
  margin: 8px 0px 4px 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
}

h4 {
  border: 0px;
  margin: 24px 0px 4px 0px;
  padding: 0px;
  font-size: 30px;
  line-height: 1em;
  color: #00848F;
  color: #004859;
  color: #000000;
}

h4#logo, h4#homelogo {
  float: left;
  display: block;
  width: 316px;
  height: 120px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  background: transparent url(/images/logo.png) 0 0 no-repeat;
}

h4#logo a, h4#homelogo a {
  border: 0px !important;
  display: block;
  width: 316px;
  height: 120px;
  text-indent: -1200px;
  outline: none !important;
  overflow: hidden;
}

p {
  margin: 4px 0px 8px 0px;
  border: 0px;
  padding: 0px;
  font-size: 1em;
}

h5 {
  border: 0px;
  margin: 4px 0px 32px 0px;
  padding: 0px;
  color: #444444;
  font-size: 1.5em;
  line-height: 1.1em;
  font-style: italic;
  font-weight: normal;
}

h6 {
  border: 0px;
  margin: 6px 0px 0px 0px;
  padding: 0px;
  font-weight: normal;
  font-style: italic;
  color: #004859 !important;
  font-size: 18px;
}

.leader { font-size: 1em; text-transform: uppercase; font-weight: bold; display: inline !important; letter-spacing: .025em; }

.st {
  display: block;
  text-indent: -1200em;
  overflow: hidden !important;
  width: 160px;
  height: 12px;
}

#st_services { background: url('/images/white_titles.png') -8px 0px no-repeat; }
#st_training { background: url('/images/white_titles.png') -8px -12px no-repeat; }
#st_about { background: url('/images/white_titles.png') -8px -24px no-repeat; }
#st_contact { background: url('/images/white_titles.png') -8px -36px no-repeat; }

#st_whatotherssay {
  background: url('/images/babyblue_titles.png') 0px -16px no-repeat;
}

#st_certifications {
  background: url('/images/lightblue_titles.png') top left no-repeat;
}

#st_telephone {
  float: right;
  clear: right;
  width: 110px;
  margin: 29px 70px 0px 0px;
  background: url('/images/black_titles.png') 0px 0px no-repeat;
}

.t {
  display: block;
  margin-bottom: 5px;
  text-indent: -1200em;
  overflow: hidden;
  width: 572px;
  height: 32px;
}

#t_services { background: url('/images/white_titles.png') -8px -53px no-repeat; }
#t_analyticsandwebsiteoptimization { background: url('/images/white_titles.png') -8px -95px no-repeat; }
#t_websiteaudit { background: url('/images/white_titles.png') -8px -137px no-repeat; }
#t_googleanalytics { background: url('/images/white_titles.png') -8px -179px no-repeat; }
#t_internetmarketingcampaigns { background: url('/images/white_titles.png') -8px -221px no-repeat; }
#t_googleadwordsmanagement { background: url('/images/white_titles.png') -8px -263px no-repeat; }
#t_searchengineoptimization { background: url('/images/white_titles.png') -8px -305px no-repeat; }
#t_socialmedia { background: url('/images/white_titles.png') -8px -347px no-repeat; }
#t_emailmarketingcampaigns { background: url('/images/white_titles.png') -8px -389px no-repeat; }
#t_training { background: url('/images/white_titles.png') -8px -431px no-repeat; }
#t_about { background: url('/images/white_titles.png') -8px -473px no-repeat; }
#t_whatclientssay { background: url('/images/white_titles.png') -8px -515px no-repeat; }
#t_partners { background: url('/images/white_titles.png') -8px -558px no-repeat; }
#t_contact { background: url('/images/white_titles.png') -8px -599px no-repeat; }
#t_clientlogin { background: url('/images/white_titles.png') -8px -641px no-repeat; }
#t_error { background: url('/images/white_titles.png') -8px -683px no-repeat; }
#t_thankyou { background: url('/images/white_titles.png') -8px -725px no-repeat; }
#t_ourlogo { background: url('/images/white_titles.png') -8px -767px no-repeat; }
#t_freecalltrackingreport { background: url('/images/white_titles.png') -8px -809px no-repeat; }

#t_eventsleftcol {
  display: block;
  text-indent: -1200em;
  overflow: hidden;
  width: 191px;
  height: 29px;
  background: url('/images/blue_titles.png') 0px 0px no-repeat;
}

#t_thericoreport {
  display: block;
  text-indent: -1200em;
  overflow: hidden;
  width: 191px;
  height: 21px;
  background: url('/images/blue_titles.png') 0px -29px no-repeat;
}

#t_freedownload {
  display: block;
  text-indent: -1200em;
  overflow: hidden;
  width: 191px;
  height: 22px;
  background: url('/images/blue_titles.png') -1px -50px no-repeat;
}

#main_text ul {
  margin: 0px 0px 8px 16px;
  border: 0px;
  padding: 0px;
  list-style-image: url('/images/bullet.gif');
}

.pricing ul {
  list-style-image: url('/images/spacer.gif') !important; 
  margin-left: 0px !important;
}

#main_text ul li {
  margin: 4px 0px 4px 16px;
  border: 0px;
  padding: 0px;
}

#main_text ol {
  margin: 0px 0px 0px 20px;
  border: 0px;
  padding: 0px;
}

#main_text ol li {
  margin: 0px;
  border: 0px;
  padding: 0px;
}

#main_text pre {
  font-size: larger;
}

#main_text blockquote {
  line-height: 150%;
}

#navigation {
  float: left;
  display: block;
  width: 408px;
}

ul#topnav {
  border: 0px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  position: absolute;
  top: 44px;
  z-index: 100;
  display: block;
  height: 42px;
  visibility: hidden;
}

ul#topnav li {
  float: left;
  height: 42px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  list-style-image: none;
}

ul#topnav li a {
  border: 0px;
  display: block;
  margin: 0px;
  padding: 0px;
  height: 42px; width: 65px;
  overflow:hidden;
  text-decoration: none;
  text-indent: -1200em;
}

ul#topnav li a:hover {
  background-image: none;
}

ul#topnav li:hover a {
  background-image: none;
}

.sub-nav-wrap { position: absolute; visibility: hidden; }

#services { background: url('/images/navigation.png') 0px -42px  no-repeat; width: 110px; }
#services a { background: url('/images/navigation.png') 0px -84px  no-repeat; width: 110px !important; }
#training { background: url('/images/navigation.png') -110px -42px  no-repeat; width: 107px; }
#training a { background: url('/images/navigation.png') -110px -84px  no-repeat; width: 107px !important; }
#about { background: url('/images/navigation.png') -217px -42px  no-repeat; width: 86px; }
#about a { background: url('/images/navigation.png') -217px -84px  no-repeat; width: 86px !important; }
#contact { background: url('/images/navigation.png') -303px -42px  no-repeat; width: 104px; }
#contact a { background: url('/images/navigation.png') -303px -84px  no-repeat; width: 104px !important; }

#topnav li ul { /* second-level lists */
  position: absolute;
  width: 286px !important;
  background: #00848F;
  list-style-type: none;
  border: 0px;
  margin: 0px 0px 0px 5px;
  padding: 16px 14px;
  letter-spacing: .1em;
}

#topnav li ul li { /* all list items */
  float: left;
  width: 286px !important;
  height: auto;
  border: 0px;
  margin: 0px;
  background-image: none;
}

#topnav li ul li a { /* all list items */
  width: 286px !important;
  height: auto;
  text-indent: .75em;
  border: 0px;
  margin: 0px;
  padding: 5px 0px;
  color: #FFFFFF;
  font-family: Calibri, Arial, sans-serif;
  font-size: 13px;
  line-height: 14px;
  background-image: none !important;
  background: #00848F;
  text-transform: uppercase;
  text-decoration: none;
  float: left;
}

ul#topnav li ul li a:hover {
  text-decoration: underline;
}

.fieldlabels {
  text-align: right;
}

input, select {
  background: #FFFFFF;
  border: 1px solid #F5F2E8;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  padding: 4px;
  margin: 0px 8px;
  font-size: 1em;
}

select {
  margin: 2px 4px;
}

fieldset {
  border: 0px;
  margin: 0px;
  padding: 0px 8px;
}

fieldset label {
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: .8em;
  text-transform: uppercase;
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  line-height: 2em;
}

fieldset input {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  margin: 0px !important;
  padding: 2px;
  line-height: 1.35em;
  text-align: left;
}

hr {
border: 1px solid #FFFFFF; border-top: 1px solid #C5D6D9; margin: 5px -8px 15px -8px; padding: 0px; background: #FFFFFF; text-align: left; clear: both; position: relative;
}

.left_col_box hr {
border: 1px solid #004859; border-top: 1px solid #407683; margin: 5px -2px 0px -8px; padding: 0px; background: #004859; text-align: left; clear: both; position: relative;
}

#quote_box hr {
border: 1px solid #40B8D4; border-top: 1px solid #A0DCEA; margin: 5px -2px 0px -8px; padding: 0px; background: #40B8D4; text-align: left; clear: both; position: relative;
}

#certifications_box hr {
border: 1px solid #B5DFEA; border-top: 1px solid #5A93A1; margin: 5px -2px 8px -8px; padding: 0px; background: #B5DFEA; text-align: left; clear: both; position: relative;
}

.pricing { 
  border: 0px;
  border-top: 1px solid #C5D6D9;
  margin: 32px -8px 0px -8px;
  padding: 16px;
  background: #E5F5F9;
  background: #004859;
  background: #000000;
  color: #FFFFFF;
  text-align: left;
  clear: both;
  position: relative;
}

.trainingcategory { 
  border: 0px;
/**
  border-top: 1px solid #C5D6D9;
  border-bottom: 1px solid #C5D6D9;
  margin: 6px -8px;
  padding: 8px 16px;
  background: #E5F5F9;
  background: #004859;
  color: #FFFFFF;
  text-align: right;
**/
  margin: 6px -8px 24px -8px;
  padding: 6px 16px 4px 8px;
  background: #EEEEEE;
  color: #004859;
  text-align: left;
  clear: both;
  position: relative;
  text-align: left;
  font-size: .85em;
  text-transform: uppercase;
  letter-spacing: .025em;
  zoom: 1;
}

.trainingcategory strong { 
/**
  display: block;
  float: left;
  color: #004859;
**/
  color: #000000;
}

.traininglocation { 
  display: block;
  width: 180px;
  color: #004859;
  text-align: right;
  position: absolute;
  top: 6px;
  right: 16px;
}

/** if needed add zoom: 1.0; to all three of the above **/

form {
  border: 0px;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
}

form table {
  border: 0px;
  border-collapse: collapse;
  margin: 4px auto;
  padding: 0px;
  width: 100%;
  color: #000000;
  font-size: 1em;
  font-weight: normal;
  line-height: 130%;
  text-align: left;
  background-color: #E5F5F9;
}

.half, .half_accent {
  width: 210px;
}

.third_accent {
  width: 140px;
  background-color: #EFF0DC;
}

form table caption {
}

form table tbody tr th {
  border: 0px;
  margin: 0px;
  padding: 4px 0px 1px 16px;
  vertical-align: top;
  color: #222222;
  text-align: right;
  font-weight: normal;
  font-size: .85em;
  text-transform: uppercase;
}

form table tbody tr td {
  border: 0px;
  margin: 0px;
  padding: 0px 16px 1px 8px;
  vertical-align: top;
  font-size: .9em;
}

form table tbody tr td input {
  margin: 1px 4px;
}

form table tbody tr td ul {
  padding: 4px 0px 4px 16px;
  list-style-type: none;
  list-style-image: none !important;
}

form table tbody tr td ul li {
  padding: 0px 0px 2px 0px;
}

form table tbody tr td a { color: #777C6E; }

form table tbody tr td ul li input, .radio {
  border: 0px;
  margin: 0px 4px;
  padding: 0px;
  background-color: #F6F5EF;
}

form table tbody tr td textarea {
  background: #FFFFFF;
  border: 0px;
  margin: 0px 4px;
  padding: 2px;
  font-family: Calibri, Arial, sans-serif;
  font-size: 1.05em;
  line-height: 1.35em;
  text-align: left;
  overflow: auto;
}

.buttons {
  display: block;
  float: right;
  height: 32px;
  border: 0px;
  margin: 6px 8px 6px 8px;
  padding: 0px;
}

.buttons a, .buttons input {
  display: block !important;
  border: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
  overflow: hidden !important;
  text-decoration: none;
  text-indent: -1200em;
}

.buttons a:hover, .buttons input:hover {
  background-image: none !important;
}

#clientlogin_button { background: url('/images/buttons.png') 0px 0px no-repeat; height: 32px; margin: 0px 36px 0px 0px; }
#clientlogin_button a, #clientlogin_button input { background: url('/images/buttons.png') 0px -32px no-repeat; height: 32px !important; width: 130px !important; }
#signmeup_button { background: url('/images/buttons.png') -130px 0px no-repeat; height: 32px; }
#signmeup_button a, #signmeup_button input { background: url('/images/buttons.png') -130px -32px no-repeat; height: 32px !important; width: 118px !important; }
#download_button { background: url('/images/buttons.png') -248px 0px no-repeat; height: 32px; }
#download_button a, #download_button input { background: url('/images/buttons.png') -248px -32px no-repeat; height: 32px !important; width: 112px !important; }
#submit_button { background: url('/images/buttons.png') -360px 0px no-repeat; height: 32px; }
#submit_button a, #submit_button input { background: url('/images/buttons.png') -360px -32px no-repeat; height: 32px !important; width: 86px !important; }
#buy_button { background: url('/images/buttons.png') -446px 0px no-repeat; height: 32px; }
#buy_button a, #buy_button input { background: url('/images/buttons.png') -446px -32px no-repeat; height: 32px !important; width: 59px !important; }

.alert {
  color: #FF0000;
}

#footer {
  position: relative;
  clear: both;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 24px 0px;
  text-align: center;
}

#footer p {
  border: 0px;
  margin: 0px;
  padding: 10px 20px;
  color: #FFFFFF;
  font-family: Calibri, Arial, sans-serif;
  font-size: 14px;
}

/**
a[href$='.pdf'] {
  padding: 5px 0px 5px 20px;
  background: transparent url(/images/pdf.gif) no-repeat center left;
}
**/

#index_list li { font-size: 1.25em; line-height: 1.5em; padding: 0px; margin: 0px; }

#signer {
  position: absolute;
  left: 0px;
  top: 450px; 
  padding:0px;
  margin: 0px; 
  width:100%;
}

#SignUp {
  width: 630px;
  padding: 20px 0px;
  margin: 20px auto;
  border: 0px;
  text-align: left;
} 

#SignUp h2 {
  color: #002932;
  margin: 8px;
  font-weight: bold !important;
}

#SignUp form input {
  float: left;
}

#SignUp form div {
  margin: 0px 16px 0px 0px;
}

#v_hide {
  float: right;
}

.caption {
  float: right;
  display: block;
  margin: 0px 0px 0px 16px;
  border-bottom: 1px solid #C5D6D9;
}

.caption p {
  font-size: .85em;
  text-align: right;
  font-style: italic;
}

.number {
  display: block;
  float: left;
  font-size: 78px;
  font-weight: normal;
  line-height: 66px;
  color: #00A0C6;
  margin: 0px;
  padding: 0px 24px 24px 16px;
}

.readmore {
  font-size: 1.1em;
  font-style: italic;
  text-align: right;
}

.byoplayer { margin: 16px; }

  #homearrows { opacity: 0; margin: 6px auto; }
/**
  #answerbuttons div { float: left; width: 423px; margin: 10px 20px; zoom: 1;
color: #70D0DC;
color: #A9F1FA;
color: #DFF1F3;
color: #CDF9FF;
color: #E8FCFF;
}
  #answerbuttons a { opacity: 0; display: block; width: 423px; height: 80px; border: 0px; margin: 0px; padding: 0px; outline: none; zoom: 1; filter: inherit; }
  #answerbuttons a { opacity: .6; display: block; float: left; width: 336px; height: 42px; margin: 10px 20px; outline: none; zoom: 1; }
background-color: #B9DEE8; }
**/
  #answerbuttons a { opacity: 0; display: block; float: left; width: 423px; height: 80px; border: 0px; margin: 10px 0px; padding: 0px; outline: none; zoom: 1; filter: inherit; }
  #answerbuttons a img { filter: inherit; }
  #homeshow, #toplayer { 
    background: transparent; margin: 0px auto; border: 0px; padding: 0px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #homeshow { z-index: 0; }
  #toplayer { z-index: 200; }
  #graphwords { position: absolute; top: 0; left: 0; width: 100%; z-index: 50; }
  #graphwords div { margin: 230px auto; display: none; opacity: 0; }
/** 420 to 390 **/
  #graphtop, #graphbottom { position: absolute; left: 0px; border: 0px; margin: 0px auto; padding: 0px; width: 101.5%; text-align: center; height: 390px; display: none; }
  #graphtop { opacity: .6; }
  #graphbottom { top: 390px; height: 600px; background: #FFFFFF; opacity: 0; border-top: 1px solid #FFFFFF; }
  #toplayer div {
    position: relative;
    border: 0px;
    margin: 0px auto;
    padding: 0px;
    width: 1020px;
  }
  #homelogo { position: absolute; top: 0px; left: 0px; filter: inherit; outline: none; }
  #skip { position: absolute; top: 30px; right: 40px; }
  .gt { position: absolute; bottom: 0; left: 0; }
  .gb { position: absolute; top: 0; left: 0; }
  .cols { width: 12.6%; filter: inherit; }
  #a_t { background: #E8F3F7; left: 0%; }
  #b_t { background: #CDEDF4; left: 12.5%; }
  #c_t { background: #9CDAE9; left: 25%; }
  #d_t { background: #6AC8DE; left: 37.5%; }
  #e_t { background: #39B5D2; left: 50%; }
  #f_t { background: #07A3C8; left: 62.5%; }
  #g_t { background: #0795AC; left: 75%; }
  #h_t { background: #07868C; left: 87.5%; }
  #a_b { background: #E8F3F7; left: 0%; }
  #b_b { background: #CDEDF4; left: 12.5%; }
  #c_b { background: #9CDAE9; left: 25%; }
  #d_b { background: #6AC8DE; left: 37.5%; }
  #e_b { background: #39B5D2; left: 50%; }
  #f_b { background: #07A3C8; left: 62.5%; }
  #g_b { background: #0795AC; left: 75%; }
  #h_b { background: #07868C; left: 87.5%; }