/*	--------------------------------------------------
    :: THE GRID
	-------------------------------------------------- */
	
	.row {
		padding: 0 1.09375%;  /*  0 21px (2.1875%/2)*/
		background: #FFF;
		width: 100%;
		
		max-width: 960px;
		margin: 0 auto;
		overflow: hidden;
		/*box-sizing:content-box;
		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
		-ms-box-sizing:content-box;*/
		
	}
	
	.row  .row {
		width: auto;
		max-width: none;
		min-width: 0;
		background: none;
		margin: 0 -2.1875%;  /*  0 -21px*/
		}
	
	
	.row-leaderboard {
		height: 134px;
		background: no-repeat bottom left #fff ! important;
		overflow: visible;
		}
		
	.column,
	.columns {
		margin: 0 1.0416%;  /*  0 10px */
		float: left; 
		min-height: 1px; 
		position: relative; 
	}
	
	.column.centered, .columns.centered {
		float: none;
		margin: 0 auto;
		}
	 
	.row .one.columns 		{ width: 6.25%  	/*  60px */;}
	.row .two.columns 		{ width: 14.583%	/* 140px */;}
	.row .three.columns 	{ width: 22.916%	/* 220px */;}
	.row .four.columns 		{ width: 31.25%		/* 300px */;}
	.row .five.columns 		{ width: 39.583%	/* 380px */;} 
	.row .six.columns 		{ width: 47.916%	/* 460px */;}
	.row .seven.columns 	{ width: 56.25%		/* 540px */;}
	.row .eight.columns 	{ width: 64.583333%	/* 620px */;}
	.row .nine.columns 		{ width: 72.916%	/* 700px */;}
	.row .ten.columns 		{ width: 81.25%		/* 780px */;}
	.row .eleven.columns 	{ width: 89.583%	/* 860px */;}
	.row .twelve.columns 	{ width: 97.916%	/* 940px */;}
	
	.row .offset-by-one 	{ margin-left: 9.375%   /* 90px */; }
	.row .offset-by-two 	{ margin-left: 17.7083% /* 170px */; }
	.row .offset-by-three 	{ margin-left: 26.0417% /* 250px */; }
	.row .offset-by-four 	{ margin-left: 34.375% /* 330px */; }
	.row .offset-by-five 	{ margin-left: 42.7083% /* 410px */; }
	.row .offset-by-six 	{ margin-left: 51.0417% /* 490px */; }
	.row .offset-by-seven 	{ margin-left: 59.375% /* 570px */; }
	.row .offset-by-eight 	{ margin-left: 67.7083% /* 650px */; }
	.row .offset-by-nine 	{ margin-left: 76.0417% /* 730px */; }
	.row .offset-by-ten 	{ margin-left: 84.375% /* 810px */; }
	.row .offset-by-eleven 	{ margin-left: 92.7083% /* 890px */; }
	
	
	
/* ---- FOR MEDIA SCREEN FROM 768px & IE8 (IE8 and below do not support media queries on their own) ---- */	
	



/* ---- FOR SAMSUNG GALAXY PORTRAIT ---- */
@media screen and (device-width: 800px) and (orientation : portrait) {		
		
	html {
		zoom: 83.3333%;
		}
		
	/*.row {
		box-sizing:border-box;
		}*/
		
	.login a {
		padding: 0;
		}
		
}
		
/* ---- FOR MEDIA SCREEN FROM 768px ---- */

@media only screen and (min-width: 768px) {
		
		body {
		overflow-x: auto;
		min-width: 960px;
		}	
		
		.container {
		min-height:1240px;
		}		
			
		.login a {
		padding: 0;
		}
		
		nav#menu {
		display: none;
		}
	
}

@media only screen and (min-width: 768px) and (max-width : 1023px) { /*added 23 March 2015: margin-right not showing on tablet view when use overflow:hidden; */
	
	.container {
		overflow:visible!important;
		}
}

/* ---- FOR IPAD POTRAIT ---- */

@media only screen and (max-width: 1023px) {	

	/*.row {
		box-sizing:border-box;
		}*/
	.billboard {
		display:none;
		}
		
	.login a {
		padding: 0;
		}
/*	--------------------------------------------------
   GLOSSARY PAGE
	-------------------------------------------------- */
		
	ul.glossary li {
		margin-right: 2px;
		}

/* ---- FOR IPAD LANDSCAPE---- */

@media only screen and (min-width : 1024px) and (max-width : 1024px) {
	
		.billboard {
		display:none;
		}
		
			
		.container {
		min-height:0;
		}
	}