@charset "utf-8";

@media all
{
	.ym-col1 { 
		width: 220px; 
		max-width: 220px;
		overflow: hidden;
		float: none;
		display: table-cell;
		vertical-align: top;
		padding-left: 0px;
	} /* left column */

	.ym-col2 { 
		display: none;
	}








	.ym-col3 { 
		display: table-cell;
		width: 100%;
		float: none;
		vertical-align: top;
	  border-left: 1px solid #dddddd;	
	  
	} /* center column */

  .col1 .ym-cbox {
  	padding-left: 10px;
  	padding-right: 10px;
  	padding-top: 0px;
  	padding-bottom: 0px;
  }
  
  .ym-col1 h2, .ym-col1 h1 
	{
		margin-left: -10px;
		padding-left: 10px;
		margin-right: 0px;
		padding-right: 10px;		
		
	}
	
	.ym-column {
		display: table;
		width: auto;
	  border-collapse: separate;
	}
	
	.ym-column [class*="ym-cbox"] 
	{
		background: none repeat scroll 0 0 #FFFFFF !important;
		color: #444444;
		height: auto !important;
		text-align: left;
	}
}

@media screen and ( max-width: 760px ) 
{
	.ym-col1 h2, .ym-col1 h1, .ym-col2 h2, .ym-col2 h1 
	{
		width: auto;
	}

	/* linearization for column module */
	.linearize-level-1, .linearize-level-1 > [class*="ym-col"] 
	{
		padding: 0;
		margin: 0;
		float: none;
		border: none;
	}

	.linearize-level-1 
	{
		display: table !important; 
	}
		
		/* reset defined gutter values */
	.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] 
	{
		overflow: hidden; /* optional for containing floats */
		padding: 0 10px 0 10px;
		border: none;
	}
		
	.ym-column
	{
		display: table !important; 
	}

	.linearize-level-1 > .ym-col1
	{
		display: inline-block  !important;
		width: 100% !important;
		vertical-align: TOP;
		margin-top: 2em;
		max-width: 100%;
	}

	.linearize-level-1 > .ym-col3
	{
		display: table-header-group !important;
		width: 100% !important;
	}
	
	h2
	{
		margin-left: 0px !important;
	}
}