

/* -- START LAYOUT-520 ---------------------------------------------------------- */



/* 520 - CORE LAYOUT CSS Document */

.core-mobile-only { display: block; }
.core-mobile-none { display: none; }


/* TABLES */
/* Force table to not be like tables anymore */
.content-primary table, .content-primary thead, .content-primary tbody, 
.content-primary th, .content-primary td, .content-primary tr { display: block; }

/* Hide table headers (but not display: none;, for accessibility) */
.content-primary thead tr { position: absolute; top: -9999px; left: -9999px; }

.content-primary tr { border: 1px solid #ccc; }

.content-primary td { 
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 50%; 
	white-space: normal;
	text-align:left;
}

.content-primary td:before { 
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	white-space: nowrap;
	text-align:left;
	font-weight: bold;
}

/* Label the data */
.content-primary td:before { content: attr(data-title); }
.content-primary .table-condensed th, .content-primary .table-condensed td {
	padding-left: 50%; 
}

/* COLUKMNS  */

/*  GRID OF THREE  */
.core-cell, .core-grid .core-cell { width: 100%; }
.core-tabs > li.core-tab, .core-tabs > li.core-tab > div.core-expand { width: 100%; }
.core-tabs > li.core-tab > div.core-expand,
.core-tabs > li.core-tab:nth-child(2) > div.core-expand,
.core-tabs > li.core-tab:nth-child(3) > div.core-expand,
.core-tabs > li.core-tab:nth-child(4) > div.core-expand,
.core-tabs > li.core-tab:nth-child(5) > div.core-expand,
.core-tabs > li.core-tab:nth-child(6) > div.core-expand,
.core-tabs > li.core-tab:nth-child(7) > div.core-expand,
.core-tabs > li.core-tab:nth-child(8) > div.core-expand { left: 0; }




/* -- END LAYOUT-520 ------------------------------------------------------------ */

