@charset "UTF-8";
body {
  margin: 0; padding: 0;
}

body,td,th {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#primary-label { background: url('../images/primary_trigger.jpg') center center no-repeat; }
#secondary-label { background: url('../images/secondary_trigger.jpg') center center no-repeat; }

h1 {
  font-family: PT Sans Narrow, proxima-nova-condensed, arial, helvetica, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 1.0;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
  font-weight: normal
}
.box h1 {
  text-shadow: #000 0 0 10px;
}
.content h1 {
  height: auto;
  height: 47px;
  display: table-cell;
  vertical-align: middle;
  width: 85px;
}
p {
	margin: 0px;
	padding: 0px;
	font-size: 9px;
}

#canvas {
  position: absolute;
  top: 135px; left: 135px;
  width: 665px;
  height: 525px;
  background-color: #fff;
}


.box {
	height: 65px;
	width: 85px;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	overflow: hidden;
  -webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	-ms-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}
.box:hover {
  opacity: 0.7;
  cursor: pointer;
}

.box .over {
  display: none;
  background: url('../images/boxhover.png') left top no-repeat;
  opacity: 0;
  width: 139px;
  height: 102px;
  position: absolute;
  left: 5px; top: 5px;
  text-decoration: none;
  color: #fff;
}
.box .over:hover {

}

.box .over h1 {
  font-size: 1.6em;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 5px;
}

.box .over h1 small {
  font-size: 0.85em;
  line-height: 1.15;
}

.box .triggers {
  font-size: 0.9em
}

#canvas .box {
  position: absolute;
  display: block;
  border: 0px solid #ccc;
}

.box.open {
  z-index: 9999;
     -moz-box-shadow: 0px 0px 11px #333;
  -webkit-box-shadow: 0px 0px 11px #333;
          box-shadow: 0px 0px 11px #333;
  
}
.box.open:hover { opacity: 1; }

.box .triggers {
  font-size: 8.4px;
  display: block;
  margin-bottom: 5px; }
.box .adjectives { display: none; }

.row {
	height: 58px;
	width: 75px;
	text-align: center;
	color: #000;
	padding-top:10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top:0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.row p {
	font-style: italic;
	color: #999;
  font-size: 8.5px;
  line-height: 1;
}

.column {
	height: 60px;
	width: 83px;
	text-align: center;
	padding-top:10px;
	color: #000;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top:10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #999;
}
.last {
	border-bottom-style: none;
	border-right-style: none;	
}
.column p {
	font-style: italic;
	color: #999;
}

/***************************/
/*  INNOVATION Row Colors  */
/***************************/
#innovation_pos_1 {
	background-color: #eda716;
}

#innovation_pos_2 {
	background-color: #e9a017;
}

#innovation_pos_3 {
	background-color: #e79719;
}

#innovation_pos_4 {
	background-color: #e39019;
}

#innovation_pos_5 {
	background-color: #e38b1a;
}

#innovation_pos_6 {
	background-color: #de811b;
}

#innovation_pos_7 {
	background-color: #dd7c1b;
}


/***************************/
/*  PASSION Row Colors  */
/***************************/
#passion_pos_1 {
	background-color: #bd4f2a;
}

#passion_pos_2 {
	background-color: #b74a2a;
}

#passion_pos_3 {
	background-color: #b1432a;
}

#passion_pos_4 {
	background-color: #ab3f2b;
}

#passion_pos_5 {
	background-color: #a63b2b;
}

#passion_pos_6 {
	background-color: #a0322b;
}

#passion_pos_7 {
	background-color: #9a2e2b;
}


/***************************/
/*  POWER Row Colors  */
/***************************/
#power_pos_1 {
	background-color: #931a1d;
}

#power_pos_2 {
	background-color: #8a191c;
}

#power_pos_3 {
	background-color: #82181b;
}

#power_pos_4 {
	background-color: #771719;
}

#power_pos_5 {
	background-color: #701517;
}

#power_pos_6 {
	background-color: #671314;
}

#power_pos_7 {
	background-color: #5f1112;
}


/***************************/
/*  PRESTIGE Row Colors  */
/***************************/

#prestige_pos_1 {
	background-color: #5e2c65;
}

#prestige_pos_2 {
	background-color: #582a61;
}

#prestige_pos_3 {
	background-color: #4e285b;
}

#prestige_pos_4 {
	background-color: #472656;
}

#prestige_pos_5 {
	background-color: #422351;
}

#prestige_pos_6 {
	background-color: #39204b;
}

#prestige_pos_7 {
	background-color: #301f47;
}


/***************************/
/*  TRUST Row Colors  */
/***************************/
#trust_pos_1 {
	background-color: #034f83;
}

#trust_pos_2 {
	background-color: #114a7d;
}

#trust_pos_3 {
	background-color: #194677;
}

#trust_pos_4 {
	background-color: #1d4171;
}

#trust_pos_5 {
	background-color: #223d6e;
}

#trust_pos_6 {
	background-color: #263766;
}

#trust_pos_7 {
	background-color: #283261;
}


/***************************/
/*  MYSTIQUE Row Colors  */
/***************************/
#mystique_pos_1 {
	background-color: #00788a;
}

#mystique_pos_2 {
	background-color: #007382;
}

#mystique_pos_3 {
	background-color: #006c78;
}

#mystique_pos_4 {
	background-color: #00666e;
}

#mystique_pos_5 {
	background-color: #006168;
}

#mystique_pos_6 {
	background-color: #005b5d;
}

#mystique_pos_7 {
	background-color: #005456;
}


/***************************/
/*  ALERT Row Colors  */
/***************************/
#alert_pos_1 {
	background-color: #6d881f;
}

#alert_pos_2 {
	background-color: #63811f;
}

#alert_pos_3 {
	background-color: #56781d;
}

#alert_pos_4 {
	background-color: #486f1d;
}

#alert_pos_5 {
	background-color: #426b1b;
}

#alert_pos_6 {
	background-color: #346119;
}

#alert_pos_7 {
	background-color: #285a17;
}
/***************************/
/*  END Row Colors  */
/***************************/


#maintainer .over h1 small
{
  font-size: 0.7em;
  display: block;
  padding-top: 6px;
}

x-small {
  font-size: 0.7em;
  display: block;
}
x-small.first {
  padding-top: 6px;
  margin-bottom: 4px;
}

x-small.second{
  margin-top: 4px;
  margin-bottom: 4px;
}

x-small.third{
  margin-top: 4px;
}

.instructions {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}