/* ///////////////// VNI Quotables CSS */

/* General */

.q-clear {
	clear: both;
}

#fw-mb-w1 #framework-base-main {
	margin-bottom: 40px;
}

/* Step 1 */

.quotables-step {
	margin:0 0 2px 0;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
}


/* Map */



div #info-Region {
	padding:0;
}

div.map {
	background:url(../imgs/map/map.jpg) no-repeat;
	width:700px;
	height:398px;
	position:relative;
	/*overflow: hidden;*/
}

.map .mapRegion {
  position: absolute;
  top: 0;
  left: 0;
}

#mapContainer{
    position: relative;
}

#lookBelow {
  color: #007FC5;
  position: absolute;
  bottom: -5px;
  left: 250px;
  display: none;
  z-index: 100;
  border: 2px solid #007FC5;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  background-color: white;
}

#lookBelow:hover{
    color: #164c7a;
}

#highlightNA  { z-index:2; }
#highlightLA  { z-index:3; }
#highlightGB  { z-index:4; }
#highlightMEA { z-index:5; }
#highlightWE  { z-index:6; }
#highlightAP  { z-index:7; }
#highlightJP  { z-index:8; }
#highlightCEE { z-index:8; }

#highlightNA-on  { z-index:10; }
#highlightLA-on  { z-index:10; }
#highlightGB-on  { z-index:10; }
#highlightMEA-on { z-index:10; }
#highlightWE-on  { z-index:10; }
#highlightAP-on  { z-index:10; }
#highlightJP-on  { z-index:10; }
#highlightCEE-on { z-index:10; }

#mainMap { 
  z-index:20; 
  position: absolute;
  top: 0;
  left: 0;
}


#quotables-title {
	font-weight: normal;
	font-size: 18px;
	color: #444444;
	margin:0 0 8px 0;
}

/* Country Selector */

#info-Country{
	background:#ededed url(../imgs/country_background.jpg) bottom left no-repeat;
}

#Q-country-selector {
	margin: 15px 0 0 20px;
	height: 250px;
}

#Q-country-selector .global{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
}

#Q-country-selector input{
	margin-right: 8px;
}

#Q-country-selector .col{
	width:160px;
	float:left;
}

#Q-country-selector .main,
#Q-country-selector .sub {
	margin-bottom: 7px;
	display:block;
}

#Q-country-selector .main {
	font-weight: bold;
	margin-top: 20px;
}

#Q-country-selector .sub {
	margin-left: 25px;
}

#Q-country-selector .lineSpacer{
	margin-right:22px;
}



/* Step 2 */

#q-step-2 {
	margin:20px 0 20px 15px;
}


/* Category Select */


#Q-Category-Select {
	border-bottom: solid 4px #dddddd;
}

#Q-Category-Select .col{
	width:200px;
	float:left;
	padding: 0 0 17px 24px;
}

#Q-Category-Select .first {
	width:208px;
}

#Q-Category-Select .last {
	padding: 0 0 10px 3px;
}

#Q-Category-Select .col input{
	display:inline-block;
	margin: 0 5px 15px 0;
}

#Q-Category-Select table {
  width: 100%;
  margin-left: 20px;
}

#Q-Category-Select table td {
  padding-top: 4px;
  padding-bottom: 4px;
}

#Q-Category-Select table td.narrow {
  padding-top: 0;
  width: 20px;
}


/* Quotes */

#Q-quote-holder {
	margin-left: 15px;
}

#Q-quote-holder .quoteHeader {
	font-family: Arial;
	font-size: 26px;
	color:#666666;
	font-weight: normal;
	margin: 20px 20px 0 0;
}

#Q-quote-holder p{
	margin:20px 20px 10px 20px;
}

#Q-quote-holder h4{
	color:#666666;
	border-bottom: solid 3px #dddddd;
	padding:20px 0 5px 5px;
	font-size: 14px;
	margin:0;
	background-image: url('../imgs/accordion_right_arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor:pointer;
}

#Q-quote-holder h4.open{
	background-image: url('../imgs/accordion_down_arrow.png');
}



.map-cntr								{position: relative; margin-top: 20px; width: 700px; border: 1px solid #ccc; border-width: 4px 1px 1px;}
.map-cntr .info-tab						{border-width: 0;}
.map-cntr .tab 							{height: 400px;}
.map-cntr .tab.country					{position: relative; left:16px; top:-16px;}
.map-cntr .footer						{min-height: 100px; margin:15px; overflow: hidden; clear:both; background-color:#FBFBFB; border: 1px solid #CCC;}
.map-cntr .footer h2					{margin:0; padding:0; padding-left:20px; color:#fff; font-weight: normal; font-size: 14px; line-height: 30px; color: #000; font-weight:bold; border-bottom: 1px solid #CCC;}
.map-cntr .section						{float:left; width:180px; margin:10px 20px;}
.map-cntr .section p 	 				{margin: 4px 0; font-size: 11px;}
.map-cntr .section h4	 				{font-weight: bold; font-size: 13px; margin: 0; margin-bottom:10px; padding:0;}
.map-cntr .tab-strip 					{clear:both; width:253px; margin:30px auto; height:30px;}



.map-cntr .tab-strip a.left 			{margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 1px solid #888; }
.map-cntr .tab-strip a.right 			{margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 1px solid #CFD4D8; border-left: 0px;}

.map-cntr .globe-button					{position: absolute; z-index: 99; left:0; top: 386px; width:150px; height:100px; cursor: pointer; background: url(../imgs/icon-global.png) no-repeat;}
.map-cntr .globe-button:hover			{background-image: url(../imgs/icon-global-hover.png);}
.map-cntr .globe-button.active			{background-image: url(../imgs/icon-global-active.png)}

.rounded								{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.shadow									{-moz-box-shadow: 0px 0px 6px #CCC; -webkit-box-shadow: 0px 0px 6px #CCC; box-shadow: 0px 0px 6px #CCC; 
										 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC')"; /* For IE 8 */}

.tab-strip a 							{text-decoration: none; cursor: pointer; zoom: 1; padding: 6px 15px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #CFD4D8;
font-weight: bold;
font-size: 1em;
background-color: #6B6B6B;
background-image: -moz-linear-gradient(top, #969696, #4A4A4A);
background-image: -ms-linear-gradient(top, #969696, #4A4A4A);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#969696), to(#4A4A4A));
background-image: -webkit-linear-gradient(top, #969696, #4A4A4A);
background-image: -o-linear-gradient(top, #969696, #4A4A4A);
background-image: linear-gradient(top, #969696, #4A4A4A);
background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#4A4A4A', GradientType=0);
border-color: #cfd4d8 #cfd4d8 #a5aeb6;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #eee;



background-color: #e2e5e7;
background-image: -moz-linear-gradient(top, #cfd4d8, white);
background-image: -ms-linear-gradient(top, #cfd4d8, white);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cfd4d8), to(white));
background-image: -webkit-linear-gradient(top, #cfd4d8, white);
background-image: -o-linear-gradient(top, #cfd4d8, white);
background-image: linear-gradient(top, #cfd4d8, white);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd4d8', endColorstr='white', GradientType=0);
border-color: white white #d9d9d9;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #666;


float: left;
}

.tab-strip a.active, .tab-strip a:hover	{
							
background-color: #0D7CB4;
background-image: -moz-linear-gradient(top, #0BABD3, #0D7CB4);
background-image: -ms-linear-gradient(top, #0BABD3, #0D7CB4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0BABD3), to(#0D7CB4));
background-image: -webkit-linear-gradient(top, #0BABD3, #0D7CB4);
background-image: -o-linear-gradient(top, #0BABD3, #0D7CB4);
background-image: linear-gradient(top, #0BABD3, #0D7CB4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0BABD3', endColorstr='#0D7CB4', GradientType=0);

color: white;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}