﻿/* DO NOT INCLUDE THIS */
body {
	background: #000;
	padding: 50px;
}
/* END: DO NOT INCLUDE THIS */

.galleryBrowserHolder {
	width: 100%;
}
.leftColumn, .rightColumn {
	width: 470px;
	vertical-align: top;
	height: 100%;
}
.mainCategory .tl,
.mainCategory .tr,
.mainCategory .bl,
.mainCategory .br,
.mainCategory-active .tl,
.mainCategory-active .tr,
.mainCategory-active .bl,
.mainCategory-active .br {
	width: 3px;
	height: 3px;
}
.subCategoryHolder .tl,
.subCategoryHolder .tr,
.subCategoryHolder .bl,
.subCategoryHolder .br {
	width: 4px;
	height: 4px;
}
.mainCategory table {
	width: 99%;
}
.subCategoryHolder {
	height: 100%;
	width: 100%;
}
.subCategoryHolder .c {
	vertical-align: top;
}
.mainCategory-active table {
	width: 100%;
}
.mainCategory-active .numPharts {
	padding-right: 10px;
}
.mainCategory-active .expandCollapse {
	vertical-align: bottom;
	text-align: right;
	padding-right: 10px;
}
.mainCategory .expandCollapse {
	vertical-align: bottom;
	text-align: right
}
.mainCategory-active .c img, .mainCategory .c img {
	border: 1px solid #000;
}
.mainCategory .c .expandCollapse img, .mainCategory-active .c .expandCollapse img {
	border: 0;
}
.mainCategory .c, .mainCategory-active .c, .subCategoryHolder .c {
	padding: 4px;
}
.subCategoryHolder .subGroup img {
	border: 1px solid black;
}
.subGroup .numPharts {
	vertical-align: top;
	text-align: right;
}
.subCategoryHolder .subGroup {
	margin-bottom: 12px;
}
.galleryBrowserHolder .groupDesc {
	vertical-align: top;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.galleryBrowserHolder .groupDesc {
		padding-top: 8px;
	}
}

.mainCategory, .mainCategory-active {
	margin-bottom: 4px;
}

.mainCategory-active .btnExpandCollapse, .mainCategory .btnExpandCollapse {
	display: block;
	float: right;
	width: 21px;
	height: 20px;
	text-decoration: none;
	margin-bottom: 4px;
}
/* themes */
/* ==== BLUE ===== */
.blue .mainCategory td {
	background: #002135;
}
.blue .mainCategory-active td {
	background: #073f56;
}
.blue .mainCategory .numPharts, .blue .mainCategory-active .numPharts {
	color: #91B6CE;
}
.blue .mainCategory .tl {
	background: transparent url(images/topleft_cnr/blue.gif) no-repeat;
}
.blue .mainCategory-active .tl {
	background: transparent url(images/sub_cat/topleft_cnr/blue.gif) no-repeat;
}
.blue .mainCategory .tr {
	background: transparent url(images/topright_cnr/blue.gif) no-repeat;
}
.blue .mainCategory .bl, .blue .mainCategory-active .bl {
	background: transparent url(images/bottomleft_cnr/blue.gif) no-repeat;
}
.blue .mainCategory-active .bl {
	background: transparent url(images/sub_cat/bottomleft_cnr/blue.gif) no-repeat;
}
.blue .mainCategory .br {
	background: transparent url(images/bottomright_cnr/blue.gif) no-repeat;
}
.blue .subCategoryHolder td {
	background: #073f56;
}
.blue .subCategoryHolder .tr {
	background: transparent url(images/sub_cat/topright_cnr/blue.gif) no-repeat;
}
.blue .subCategoryHolder .br {
	background: transparent url(images/sub_cat/bottomright_cnr/blue.gif) no-repeat;
}
.blue .mainCategory .btnExpandCollapse {
	background: url(images/expand/blue.gif) no-repeat;
}
.blue .mainCategory-active .btnExpandCollapse {
	background: url(images/collapse/blue.gif) no-repeat;
}
/* ==== GRAY ===== */
.gray .mainCategory td {
	background: #212121;
}
.gray .mainCategory-active td {
	background: #3d3d3d;
}
.gray .mainCategory .numPharts, .gray .mainCategory-active .numPharts {
	color: #CACACA;
}
.gray .mainCategory .tl {
	background: transparent url(images/topleft_cnr/gray.gif) no-repeat;
}
.gray .mainCategory-active .tl {
	background: transparent url(images/sub_cat/topleft_cnr/gray.gif) no-repeat;
}
.gray .mainCategory .tr {
	background: transparent url(images/topright_cnr/gray.gif) no-repeat;
}
.gray .mainCategory .bl,  .mainCategory-active .bl {
	background: transparent url(images/bottomleft_cnr/gray.gif) no-repeat;
}
.gray .mainCategory-active .bl {
	background: transparent url(images/sub_cat/bottomleft_cnr/gray.gif) no-repeat;
}
.gray .mainCategory .br {
	background: transparent url(images/bottomright_cnr/gray.gif) no-repeat;
}
.gray .subCategoryHolder td {
	background: #3d3d3d;
}
.gray .subCategoryHolder .tr {
	background: transparent url(images/sub_cat/topright_cnr/gray.gif) no-repeat;
}
.gray .subCategoryHolder .br {
	background: transparent url(images/sub_cat/bottomright_cnr/gray.gif) no-repeat;
}
.gray .mainCategory .btnExpandCollapse {
	background: url(images/expand/gray.gif) no-repeat;
}
.gray .mainCategory-active .btnExpandCollapse {
	background: url(images/collapse/gray.gif) no-repeat;
}
/* ==== GREEN ===== */

.green .mainCategory td {
	background: #3e4701;
}
.green .mainCategory-active td {
	background: #6b7b02;
}
.green .mainCategory .numPharts, .green .mainCategory-active .numPharts {
	color: #C9D38A;
}
.green .mainCategory .tl {
	background: transparent url(images/topleft_cnr/green.gif) no-repeat;
}
.green .mainCategory-active .tl {
	background: transparent url(images/sub_cat/topleft_cnr/green.gif) no-repeat;
}
.green .mainCategory .tr {
	background: transparent url(images/topright_cnr/green.gif) no-repeat;
}
.green .mainCategory .bl, .green .mainCategory-active .bl {
	background: transparent url(images/bottomleft_cnr/green.gif) no-repeat;
}
.green .mainCategory-active .bl {
	background: transparent url(images/sub_cat/bottomleft_cnr/green.gif) no-repeat;
}
.green .mainCategory .br {
	background: transparent url(images/bottomright_cnr/green.gif) no-repeat;
}
.green .subCategoryHolder td {
	background: #6b7b02;
}
.green .subCategoryHolder .tr {
	background: transparent url(images/sub_cat/topright_cnr/green.gif) no-repeat;
}
.green .subCategoryHolder .br {
	background: transparent url(images/sub_cat/bottomright_cnr/green.gif) no-repeat;
}
.green .mainCategory .btnExpandCollapse {
	background: url(images/expand/green.gif) no-repeat;
}
.green .mainCategory-active .btnExpandCollapse {
	background: url(images/collapse/green.gif) no-repeat;
}
/* ==== ORANGE ===== */

.orange .mainCategory td {
	background: #451c00;
}
.orange .mainCategory-active td {
	background: #732f01;
}
.orange .mainCategory .numPharts, .orange .mainCategory-active .numPharts {
	color: #DAAF93;
}
.orange .mainCategory .tl {
	background: transparent url(images/topleft_cnr/orange.gif) no-repeat;
}
.orange .mainCategory-active .tl {
	background: transparent url(images/sub_cat/topleft_cnr/orange.gif) no-repeat;
}
.orange .mainCategory .tr {
	background: transparent url(images/topright_cnr/orange.gif) no-repeat;
}
.orange .mainCategory .bl, .orange .mainCategory-active .bl {
	background: transparent url(images/bottomleft_cnr/orange.gif) no-repeat;
}
.orange .mainCategory-active .bl {
	background: transparent url(images/sub_cat/bottomleft_cnr/orange.gif) no-repeat;
}
.orange .mainCategory .br {
	background: transparent url(images/bottomright_cnr/orange.gif) no-repeat;
}
.orange .subCategoryHolder td {
	background: #732f01;
}
.orange .subCategoryHolder .tr {
	background: transparent url(images/sub_cat/topright_cnr/orange.gif) no-repeat;
}
.orange .subCategoryHolder .br {
	background: transparent url(images/sub_cat/bottomright_cnr/orange.gif) no-repeat;
}
.orange .mainCategory .btnExpandCollapse {
	background: url(images/expand/orange.gif) no-repeat;
}
.orange .mainCategory-active .btnExpandCollapse {
	background: url(images/collapse/orange.gif) no-repeat;
}
/* ==== PINK ===== */

.pink .mainCategory td {
	background: #3e0125;
}
.pink .mainCategory-active td {
	background: #6d0e46;
}
.pink .mainCategory .numPharts, .pink .mainCategory-active .numPharts {
	color: #CA99B6;
}
.pink .mainCategory .tl {
	background: transparent url(images/topleft_cnr/pink.gif) no-repeat;
}
.pink .mainCategory-active .tl {
	background: transparent url(images/sub_cat/topleft_cnr/pink.gif) no-repeat;
}
.pink .mainCategory .tr {
	background: transparent url(images/topright_cnr/pink.gif) no-repeat;
}
.pink .mainCategory .bl, .pink .mainCategory-active .bl {
	background: transparent url(images/bottomleft_cnr/pink.gif) no-repeat;
}
.pink .mainCategory-active .bl {
	background: transparent url(images/sub_cat/bottomleft_cnr/pink.gif) no-repeat;
}
.pink .mainCategory .br {
	background: transparent url(images/bottomright_cnr/pink.gif) no-repeat;
}
.pink .subCategoryHolder td {
	background: #6d0e46;
}
.pink .subCategoryHolder .tr {
	background: transparent url(images/sub_cat/topright_cnr/pink.gif) no-repeat;
}
.pink .subCategoryHolder .br {
	background: transparent url(images/sub_cat/bottomright_cnr/pink.gif) no-repeat;
}
.pink .mainCategory .btnExpandCollapse {
	background: url(images/expand/pink.gif) no-repeat;
}
.pink .mainCategory-active .btnExpandCollapse {
	background: url(images/collapse/pink.gif) no-repeat;
}
/* ==== RED ===== */

.red .mainCategory td {
	background: #630606;
}
.red .mainCategory-active td {
	background: #820606;
}
.red .mainCategory .numPharts, .red .mainCategory-active .numPharts {
	color: #DDA1A1;
}
.red .mainCategory .tl {
	background: transparent url(images/topleft_cnr/red.gif) no-repeat;
}
.red .mainCategory-active .tl {
	background: transparent url(images/sub_cat/topleft_cnr/red.gif) no-repeat;
}
.red .mainCategory .tr {
	background: transparent url(images/topright_cnr/red.gif) no-repeat;
}
.red .mainCategory .bl, .red .mainCategory-active .bl {
	background: transparent url(images/bottomleft_cnr/red.gif) no-repeat;
}
.red .mainCategory-active .bl {
	background: transparent url(images/sub_cat/bottomleft_cnr/red.gif) no-repeat;
}
.red .mainCategory .br {
	background: transparent url(images/bottomright_cnr/red.gif) no-repeat;
}
.red .subCategoryHolder td {
	background: #820606;
}
.red .subCategoryHolder .tr {
	background: transparent url(images/sub_cat/topright_cnr/red.gif) no-repeat;
}
.red .subCategoryHolder .br {
	background: transparent url(images/sub_cat/bottomright_cnr/red.gif) no-repeat;
}
.red .mainCategory .btnExpandCollapse {
	background: url(images/expand/red.gif) no-repeat;
}
.red .mainCategory-active .btnExpandCollapse {
	background: url(images/collapse/red.gif) no-repeat;
}
/* ==== YELLOW ===== */

.yellow .mainCategory td {
	background: #5e4400;
}
.yellow .mainCategory-active td {
	background: #8f6700;
}
.yellow .mainCategory .numPharts, .yellow .mainCategory-active .numPharts {
	color: #B8A46F;
}
.yellow .mainCategory .tl {
	background: transparent url(images/topleft_cnr/yellow.gif) no-repeat;
}
.yellow .mainCategory-active .tl {
	background: transparent url(images/sub_cat/topleft_cnr/yellow.gif) no-repeat;
}
.yellow .mainCategory .tr {
	background: transparent url(images/topright_cnr/yellow.gif) no-repeat;
}
.yellow .mainCategory .bl, .yellow .mainCategory-active .bl {
	background: transparent url(images/bottomleft_cnr/yellow.gif) no-repeat;
}
.yellow .mainCategory-active .bl {
	background: transparent url(images/sub_cat/bottomleft_cnr/yellow.gif) no-repeat;
}
.yellow .mainCategory .br {
	background: transparent url(images/bottomright_cnr/yellow.gif) no-repeat;
}
.yellow .subCategoryHolder td {
	background: #8f6700;
}
.yellow .subCategoryHolder .tr {
	background: transparent url(images/sub_cat/topright_cnr/yellow.gif) no-repeat;
}
.yellow .subCategoryHolder .br {
	background: transparent url(images/sub_cat/bottomright_cnr/yellow.gif) no-repeat;
}
.yellow .mainCategory .btnExpandCollapse {
	background: url(images/expand/yellow.gif) no-repeat;
}
.yellow .mainCategory-active .btnExpandCollapse {
	background: url(images/collapse/yellow.gif) no-repeat;
}
