/* INK: MEDIUM SCREENS */

@media screen and (min-width: 651px) and (max-width: 960px) {

	html body .ink-container {
		width: auto;
		padding: 0 @ink-grid-gutter-medium;
	}

	html body .ink-space  { margin: @ink-grid-gutter-medium; *overflow:hidden; *clear:both}
	html body .ink-vspace { margin-top: @ink-grid-gutter-medium; margin-bottom: @ink-grid-gutter-medium; }
	html body .ink-hspace { margin-left: @ink-grid-gutter-medium; margin-right: @ink-grid-gutter-medium; }
	html body .ink-gutter { margin-left: @ink-grid-gutter-medium; }

	.ink-row {
		margin-left: -@ink-grid-gutter-medium;
	}

	html body .ink-m100	{ width: 100%; clear:both }
	html body .ink-m90	{ width: 90%; }
	html body .ink-m80  { width: 80%; }
	html body .ink-m75	{ width: 75%; }
	html body .ink-m70	{ width: 70%; }
	html body .ink-m66	{ width: 66.66%; }
	html body .ink-m60	{ width: 60%; }                           
	html body .ink-m50	{ width: 50%; }
	html body .ink-m40	{ width: 40%; }
	html body .ink-m33	{ width: 33.33%; }
	html body .ink-m30	{ width: 30%; }
	html body .ink-m25	{ width: 25%; }
	html body .ink-m20	{ width: 20%; }
	html body .ink-m10	{ width: 10%; }

	html body .ink-m10, 
	html body .ink-m20, 
	html body .ink-m25, 
	html body .ink-m30, 
	html body .ink-m33, 
	html body .ink-m40, 
	html body .ink-m50, 
	html body .ink-m60, 
	html body .ink-m66, 
	html body .ink-m70, 
	html body .ink-m75, 
	html body .ink-m80, 
	html body .ink-m90 { 
		float:left;
		zoom:1; 
	}

	html body .ink-m100:empty,
	html body .ink-m90:empty,
	html body .ink-m80:empty,
	html body .ink-m75:empty,
	html body .ink-m70:empty,
	html body .ink-m66:empty,
	html body .ink-m60:empty,
	html body .ink-m50:empty,
	html body .ink-m40:empty,
	html body .ink-m33:empty,
	html body .ink-m30:empty,
	html body .ink-m25:empty,
	html body .ink-m20:empty,
	html body .ink-m10:empty { 
		clear: both;
	}

	html body .menu-second-level {
		display:none;
	}

	html body #topbar {
		height:auto;
	}
	
	html body #topbar .horizontal li.active a {
		background:none;
		filter:none;
		#ink > #shadows > .no-box-shadow;
	}
	
	html body #topbar .horizontal .submenu li a {
		color:@topbar-color;
		background:@topbar-bgColor;
		padding:0 21px
	}
	
	html body .submenu {
		display: block;
		width:auto;
		position:relative;
		border-top:none;
		z-index: 1000;
		margin:0;
		background:transparent;
	}
	
	html body .submenu li {
		border: none;	
	}
	
	html body .submenu li a {
		padding:0 @ink-grid-gutter-medium;
	}
	
	html body .ink-for-s,  
	html body .ink-for-l {
		visibility: hidden;
		position: absolute;
		top: -99999px;
		left: -99999px;
	}

	html body .ink-for-m {
		visibility: visible;
		position: relative;
		top: auto;
		left: auto;
	}

	html body .ink-docked {
		width: auto;
		left: 10px;
		right: 10px;
	}
}