/* -----------------------------------
basic Chart--see chartLang, chartUK, chartIsrael, chartSurfSavvy and chartMulti below
----------------------------------- */

.charthome { border: solid white 3px; }


/*continents*/
.row
{
	clear: right;
	overflow: hidden;
	zoom: 1;
	_overflow: visible;
}

.w-1col
{
	padding: 5px 0;
	background: white;
	margin-bottom: 0px;
	font-size: 85%;

	border: solid palegoldenrod 1px;
}

.chart { border: solid palegoldenrod 3px; }


/* -----------------------------------
five
----------------------------------- */

@media (min-width: 960px)
{
	.chart
	{
		max-width: 850px;
		margin: 0 auto;
		background: white;

	}

	.w-1col
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;
	}


	.w-1col { width: 19.1%; }
	.w-last { margin-right: 0; }
}



/* -----------------------------------
four
----------------------------------- */

@media (min-width: 0px) and (max-width: 960px)
{
	.chart
	{
		max-width: 650px;
		margin: 0 auto;
		background: white;
	}

	.w-1col
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;

	}


	.w-1col { width: 23.8%; }
	.w-last { margin-right: 0; }
}


/* -----------------------------------
three
----------------------------------- */

@media (min-width: 0px) and (max-width: 760px)
{
		.chart
	{
		max-width: 600px;
		margin: 0 auto;
		background: white;
	}


   	.w-1col
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;

	}


	.w-1col { width: 31%; }
	.w-last { margin-right: 0; }
}

/* -----------------------------------
two
----------------------------------- */

@media (min-width: 0px) and (max-width: 500px)
{
		.chart
	{
		max-width: 500px;
		margin: 0 auto;
		background: white;
	}


	.w-1col
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;

	}


	.w-1col { width: 46.4%; }
	.w-last { margin-right: 0; }
}

/* -----------------------------------
one
----------------------------------- */


@media (min-width: 0px) and (max-width: 70px)
{

	.chart
	{
		max-width: 160px;
		margin: 0 auto;
		background: white;
	}


	.w-1col
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;

	}


	.w-1col { width: 96.5%; }
	.w-last { margin-right: 0; }
}

/* -------------------------------------------------------------------------------------------------------------------
chartLang
----------------------------------- */

.row
{
	clear: right;
	overflow: hidden;
	zoom: 1;
	_overflow: visible;
	
}

.wLangcol
{
	padding: 5px 0;
	background: white;
	margin-bottom: 0px;
	font-size: 85%;
	height: 50px;
	border: solid #ffcea5 1px;
}

.chartlang { border: solid #ffcea5 3px; }

/* -----------------------------------
five
----------------------------------- */

@media (min-width: 960px)
{
	.chartlang
	{
		max-width: 850px;
		margin: 0 auto;
		background: white;

	}

	.wLangcol
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;
	}


	.wLangcol { width: 19.1%; }
	.w-last { margin-right: 0; }
}



/* -----------------------------------
four
----------------------------------- */

@media (min-width: 0px) and (max-width: 960px)
{
	.chartlang
	{
		max-width: 650px;
		margin: 0 auto;
		background: white;
	}

	.wLangcol
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;

	}


	.wLangcol { width: 23.8%; }
	.w-last { margin-right: 0; }
}


/* -----------------------------------
three
----------------------------------- */

@media (min-width: 0px) and (max-width: 760px)
{
		.chartlang
	{
		max-width: 600px;
		margin: 0 auto;
		background: white;
	}


   	.wLangcol
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;

	}


	.wLangcol { width: 31%; }
	.w-last { margin-right: 0; }
}

/* -----------------------------------
two
----------------------------------- */

@media (min-width: 0px) and (max-width: 500px)
{
		.chartlang
	{
		max-width: 500px;
		margin: 0 auto;
		background: white;
	}


	.wLangcol
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;

	}


	.wLangcol { width: 46.4%; }
	.w-last { margin-right: 0; }
}

/* -----------------------------------
one
----------------------------------- */


@media (min-width: 0px) and (max-width: 70px)
{

	.chartlang
	{
		max-width: 160px;
		margin: 0 auto;
		background: white;
	}


	.wLangcol
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;

	}


	.wLangcol { width: 96.5%; }
	.w-last { margin-right: 0; }
}



/**************************************************************************************************************/

/* -----------------------------------
ChartUK
----------------------------------- */

.row
{
	clear: right;
	overflow: hidden;
	zoom: 1;
	_overflow: visible;
}

.wUKcol,.mUKcol
{
	padding: 5px 0;
	background: #FFEFD5;
	margin-bottom: 0px;
	font-size: 85%;
	border: solid #B7C8B6 1px;
}



.chartUK { border: solid #B7C8B6 0px; }



/* -----------------------------------
five
----------------------------------- */

@media (min-width: 960px)
{
	.chartUK
	{
		max-width: 850px;
		margin: 0 auto;
		background-color: #FFEFD5;

	}

	.wUKcol
	{
		float: left;
		margin-right: 0px;
		background-color: #FFEFD5;
        padding-left: 5px;
	}


	.wUKcol { width: 19.1%; }
	.w-last { margin-right: 0; }
}



/* -----------------------------------
four
----------------------------------- */

@media (min-width: 0px) and (max-width: 960px)
{
	.chartUK
	{
		max-width: 650px;
		margin: 0 auto;
		background-color: #FFEFD5;
	}

	.wUKcol
	{
		float: left;
		margin-right: 0px;
		background-color: #FFEFD5;
        padding-left: 5px;
	}


	.wUKcol { width: 23.8%; }
	.w-last { margin-right: 0; }
}


/* -----------------------------------
three
----------------------------------- */

@media (min-width: 0px) and (max-width: 760px)
{
		.chartUK
	{
		max-width: 600px;
		margin: 0 auto;
		background-color: #FFEFD5;
	}

	
   	.wUKcol
	{
		float: left;
		margin-right: 0px;
		background-color: #FFEFD5;
        padding-left: 5px;
	}


	.wUKcol { width: 31.8%; }
	.w-last { margin-right: 0; }
}

/* -----------------------------------
two
----------------------------------- */

@media (min-width: 0px) and (max-width: 650px)
{
		.chartUK
	{
		max-width: 330px;
		margin: 0 auto;
		background-color: #FFEFD5;
	}


	.wUKcol
	{
		float: left;
		margin-right: 0px;
		background-color: #FFEFD5;
        padding-left: 5px;
	}


	.wUKcol { width: 47.8%; }
	.w-last,.w-last { margin-right: 0; }
}

/* -----------------------------------
one
----------------------------------- */


@media (min-width: 0px) and (max-width: 500px)
{
	
	.chartUK
	{
		max-width: 160px;
		margin: 0 auto;
		background-color: #FFEFD5;
	}


	.wUKcol
	{
		float: left;
		margin-right: 0px;
		background-color: #FFEFD5;
        padding-left: 5px;
	}


	.wUKcol { width: 96.5%; }
	.w-last { margin-right: 0; }
}

/******************************************************************************************************************/

/* -----------------------------------
 chartIsrael
----------------------------------- */

.row
{
	clear: right;
	overflow: hidden;
	zoom: 1;
	_overflow: visible;
}

.wIsrael1col,.mIsrael1col
{
	padding: 5px 0;
	background: white;
	margin-bottom: 0px;
	font-size: 85%;
	height: 170px;
	border: solid palegoldenrod 1px;
}



.chartIsrael { border: solid palegoldenrod 3px; }




/* -----------------------------------
three
----------------------------------- */

@media (min-width: 0px) and (max-width: 4000px)
{
		.chartIsrael
	{
		max-width: 600px;
		margin: 0 auto;
		background: white;
	}

	
   	.wIsrael1col
	{
		float: left;
		margin-right: 0px;
		background: white;
        padding-left: 5px;

	}


	.wIsrael1col { width: 31.8%; }
	.wIsraellast { margin-right: 0; }
}

/* -----------------------------------
two
----------------------------------- */

@media (min-width: 0px) and (max-width: 650px)
{
		.chartIsrael
	{
		max-width: 330px;
		margin: 0 auto;
		background: white;
	}


	.wIsrael1col
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;

	}


	.wIsrael1col { width: 47.8%; }
	.wIsraellast { margin-right: 0; }
}

/* -----------------------------------
one
----------------------------------- */


@media (min-width: 0px) and (max-width: 500px)
{
	
	.chartIsrael
	{
		max-width: 160px;
		margin: 0 auto;
		background: white;
	}


	.wIsrael1col
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;

	}


	.wIsrael1col { width: 96.5%; }
	.wIsraellast { margin-right: 0; }
	
}


/**************************************************************************************************************/

/* -----------------------------------
ChartSurfSavvy
----------------------------------- */

.row
{
	clear: right;
	overflow: hidden;
	zoom: 1;
	_overflow: visible;
}

.wSScol
{
	padding: 5px 0;
	background: white;
	margin-bottom: 0px;
	font-size: 85%;
	height: 40px;
	border: solid #ffcea5 1px;
}



.chartSurfSavvy { border: solid #ffcea5 3px;}



/* -----------------------------------
five
----------------------------------- */
/*
@media (min-width: 960px)
{
	.chartSurfSavvy
	{
		max-width: 650px;
		margin: 0 auto;
		background: white;

	}

	.wSScol
	{
		float: left;
		margin-right: 0px;
		background: white;
        padding-left: 5px;
	}


	.wSScol { width: 19.1%; }
	.w-last { margin-right: 0; }
}
*/


/* -----------------------------------
four
----------------------------------- */

@media (min-width: 860px)
{
	.chartSurfSavvy
	{
		max-width: 820px;
		margin: 0 auto;
		background: white;
		margin-right: 200px;
	}

	.wSScol
	{
		float: left;
		margin-right: 0px;
		background: white;
        padding-left: 5px;
	}


	.wSScol { width: 23.5%; }
	.w-last { margin-right: 0; }
}


/* -----------------------------------
three
----------------------------------- */

@media (min-width: 0px) and (max-width: 860px)
{
		.chartSurfSavvy
	{
		max-width: 650px;
		margin: 0 auto;
		background: white;
		margin-right: 100px;

	}

	
   	.wSScol
	{
		float: left;
		margin-right: 0px;
		background: white;
        padding-left: 5px;
	}


	.wSScol { width: 30.9%; }
	.w-last { margin-right: 0; }
}

/* -----------------------------------
two
----------------------------------- */

@media (min-width: 0px) and (max-width: 600px)
{
		.chartSurfSavvy
	{
		max-width: 500px;
		margin: 0 auto;
		background: white;
		margin-right: 0px;

	}


	.wSScol
	{
		float: left;
		margin-right: 0px;
		background: white;
        padding-left: 5px;
	}


	.wSScol { width: 46.4%; }
	.w-last { margin-right: 0; }
}

/* -----------------------------------
one
----------------------------------- */


@media (min-width: 0px) and (max-width: 70px)
{
	
	.chartSurfSavvy
	{
		max-width: 160px;
		margin: 0 auto;
		background: white;

	}


	.wSScol
	{
		float: left;
		margin-right: 0px;
		background: white;
        padding-left: 5px;
	}


	.wSScol { width: 96.5%; }
	.w-last { margin-right: 0; }
}


/**************************************************************************************************************/

/* -----------------------------------
ChartMulti
----------------------------------- */

.row
{
	clear: right;
	overflow: hidden;
	zoom: 1;
	_overflow: visible;
}

.wMulticol
{
	padding: 3px 0;
	background: white;
	margin-bottom: 0px;
	font-size: 85%;
    height: 43px;
    border: solid lightgray 1px;
	border-width: 1px;
    margin: -1px 0 0 -1px;
    }


/* -----------------------------------
five
----------------------------------- */

@media (min-width: 960px)
{
	.chartMulti
	{
		max-width: 850px;
		margin: 0 auto;
		background: white;

	}

	.wMulticol
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;
	}


	.wMulticol { width: 19.1%; }
	.w-last { margin-right: 0; }
}



/* -----------------------------------
four
----------------------------------- */

@media (min-width: 0px) and (max-width: 960px)
{
	.chartMulti
	{
		max-width: 650px;
		margin: 0 auto;
		background: white;
	}

	.wMulticol
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;

	}


	.wMulticol { width: 23.8%; }
	.w-last { margin-right: 0; }
}


/* -----------------------------------
three
----------------------------------- */

@media (min-width: 0px) and (max-width: 760px)
{
		.chartMulti
	{
		max-width: 600px;
		margin: 0 auto;
		background: white;
	}


   	.wMulticol
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;

	}


	.wMulticol { width: 31%; }
	.w-last { margin-right: 0; }
}

/* -----------------------------------
two
----------------------------------- */

@media (min-width: 0px) and (max-width: 600px)
{
		.chartMulti
	{
		max-width: 500px;
		margin: 0 auto;
		background: white;
	}


	.wMulticol
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;

	}


	.wMulticol { width: 45.9%; }
	.w-last { margin-right: 0; }
}

/* -----------------------------------
one
----------------------------------- */


@media (min-width: 0px) and (max-width: 70px)
{

	.chartMulti
	{
		max-width: 50px;
		margin: 0 auto;
		background: white;
	}


	.wMulticol
	{
		float: left;
		margin-right: 0px;
		background-color: white;
        padding-left: 5px;
		length: 150px;
	}


	.wMulticol { width: 96.5%; }
	.w-last { margin-right: 0; }
}