/* -- Copyright © 2017 Gammill, Inc. All Rights Reserved -- */

	/* Global */
		:root {}
		html, body { 
			width: 100%; height: 100%; padding: 0px; margin: 0 auto;
			background-color: #000; background: #000000 url('/images/page_depth.png') fixed;
			text-align: center;font-size: 18px; font-family:"Helvetica Neue", Helvetica, Sans-serif; color: #003;}
		.LinkWhite { color: #fff; }
		.LinkWhite:hover { color: #ccc; }
		.CloseButton { position: absolute; right: 2px; top: 2px; cursor: pointer; }
		.CloseIcon{ height: 20px; background-color: #fff; border: 1px solid #999; border-radius : 3px; }
		.SpanHeader { font-size: 18px; font-weight: bolder;  text-align: left; float: left; width: 100%; padding-top: 5px; padding-left: 7px; padding-bottom: 8px;}
		.SpanIndent { padding-left: 15px;}
		.PriceTag {float:right;  padding: 5px; color: #7E172C; font-size: 16px; font-weight: bold;}
		.TagBlock{background: #c1d9ff; border: 1px solid #000; border-radius: 5px; padding: 3px; margin: 3px; float: left; cursor: pointer; text-decoration: none;}
		.TagBlock:hover{background: #91b8f7; }
		a:link {color: blue;}		
		a:visited {color: blue;}		
		a:hover {color: blue;}		
		a:active {color: blue;}
	
/* Pagination */

	.SaveCancel { display:block; background-color: #A9D0F5; font-size: 12px; overflow: visible; line-height: 18px; position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 3001; padding: 5px; padding-top: 10px; padding-bottom: 10px; border-top: 2px solid #045FB4; border-bottom: 2px solid #045FB4;}

	.TotalResults{display:block; font-size:16px; font-weight: bold; margin:3px;}
	.CurrentPage{display:block;font-size:14px;margin:3px;}
	
	#sticky.stick {
		left: 50%;
		position: fixed; top: 100px; z-index: 999;
			display: block;
			color: #000; background-color: #fff;
			margin: 5px;
			padding-left: 15px;
			padding-right: 15px;
			line-height: 30px;
			border-radius : 5px;
			font-size: 16px;
			vertical-align: middle;
			border: 1px solid #000; overflow:auto;
	}
	#sticky.nostick {
			display: block;
			color: #000; background-color: #fff;
			margin: 5px;
			padding-left: 5px;
			padding-right: 5px;
			line-height: 30px;
			border-radius : 5px;
			font-size: 16px;
			vertical-align: middle;
			border: 1px solid #000;
	}

	/* Nav Bar */
			
		#TopBarList { text-align:left; padding-left: 0px; margin-top: 0px; height: 80px;
			display: block; width: 100%;}	
		#TopBarList li{
			list-style:none; display: inline-block; vertical-align:bottom; padding: 3px; }
		#TopBarList_Old {
			display: table-row; width: 100%;}	
		#TopBarList_Old li{
			list-style:none; display: table-cell; vertical-align:bottom; padding: 3px; }
				
		#Location{ position: absolute; top: 25px; left: 250px; color: #fff; }
		#Network{ position: absolute; top: 5px; right: 5px;  }
		.NetworkIcon{ height: 25px;}

		#QueryBoxSuggestion {
			position: fixed; 
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;   /* Opera/IE 8+ */
			border: 0px;
			border-radius : 5px;
			font-size: 18px;
			z-index: 900;}
		#QueryButton:hover{
		}

		#QueryBoxSuggestion {
			float:left;
		position: absolute;
		width: 300px;
		max-height: 200px;
		overflow: auto;
		box-shadow: 0 2px 3px rgba( 0, 0, 0, 0.1 );
			display: none;
			width: 100%;
			background: #fff;
			top: 83px; left:400px;
		}
		#QueryBoxSuggestion .item {
			padding: 3px;
			font-family: Helvetica;
			border-bottom: 1px solid #c0c0c0;
			border-left: 1px solid #c0c0c0;
			border-right: 1px solid #c0c0c0;
		}
		#QueryBoxSuggestion .item:hover {
			background-color: #999;
			cursor: pointer;
		}
			
		.StandardHover:Hover{ background-color: #535353; color: #fff; border-radius : 5px;}
		
		.BubbleSpan{
			padding: 2px;
			background-color:#999;	
			height: 38px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px;
			vertical-align: middle;
			cursor: pointer;
			border: 1px solid #000;
			overflow: visible;	}
		.BubbleSpan:hover{		background-color: #7E172C;	}	
		
		.BubblePop{
			color: #fff;
			margin: 5px;
			padding: 2px;
			background-color:#7E172C;	
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px;
			vertical-align: middle;
			cursor:progress;
			border: 1px solid #000;
			overflow: auto;	}
		.BubblePop:hover{		}
		
		
	/* Buttons */
	
		.ButtonPop1{
			display: block;
			color: #fff;
			margin: 5px;
			padding-left: 5px;
			padding-right: 5px;
			background-color:#7E172C;	
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px;
			vertical-align: middle;
			cursor:pointer;
			border: 1px solid #000;
			overflow: auto;	}
		.ButtonPop1:hover{	background-color:#ddd; color: #000;	}
	
	/* Containers */
			.EditButton{
			display: inline-block;
			border-radius : 5px; padding:2px;
			background-color: #fff; cursor: pointer; height: 25px; width: 25px;
			}
			
			.EditableContent{ display: inline-block; }
			

			.EditingContent{
			border: 1px solid #000; display: inline-block; 
			border-radius : 5px; padding-top:2px; padding-left: 25px; padding-right: 25px; padding-bottom: 5px;
			background-color: #fff; color: #000; cursor: pointer; height: 25px; min-width: 25px;
			z-index: 1000;
			}
			
			
			.PlusButton{
			display: inline-block;
			border-radius : 5px; padding:2px; border: 1px solid #000;
			background-color: #c1d9ff; cursor: pointer; height: 25px; width: 25px;
			}
			
		.Container1{
			display: block;
			color: #000;
			margin: 5px;
			padding-left: 5px;
			padding-right: 5px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
			
		.Container2{
			display: inline-block;
			color: #000;
			margin: 5px;
			padding-left: 5px;
			padding-right: 5px;
			line-height: 40px;
			border-radius : 5px;
			font-size: 16px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
			
		.Container3{
			display: block;
			color: #000;
			text-align: left;
			background-color: #fff;
			margin: 5px;
			padding-left: 5px;
			padding-right: 5px;
			line-height: 150%;
			border-radius : 5px;
			font-size: 16px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
			
		.Container4{
			margin: 5px;
			background-color: #ddd;
			display: block;
			color: #000;
			text-align: left;
			padding-top: 5px;
			padding-left: 5px;
			padding-right: 5px;
			line-height: 150%;
			border-radius : 5px;
			font-size: 16px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}
			
		.Container5{
			float: left;
			margin-left: 5px;
			margin-right: 5px;
			background-color: #fff;
			display: block;
			color: #000;
			text-align: left;
			padding-left: 5px;
			padding-right: 5px;
			line-height: 150%;
			border-radius : 5px;
			font-size: 16px;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;	}


		.MyPatternTile{
			border-radius : 10px;	
			background-color: #ddd;
			border: 1px solid #7E172C;
			padding: 5px; margin: 5px;
			display: inline-block;
			line-height:normal;
			text-align:center;
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
		}
		.MyCollectionTile{
			border-radius : 10px;	
			background-color: #E0E0F8;
			border: 1px solid #7E172C;
			padding: 5px; margin: 5px;
			display: inline-block;
			line-height:normal;
			text-align:center;
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
		}


		.DescriptionTile {
			border-radius : 10px;	
			background-color: #ddd;
			border: 1px solid #7E172C;
			margin: 5px; 
			white-space: normal;
			display: inline-block; 
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
		}
		
	/* Layout */
						
		#MainBody{	width: 100%; height:calc(100%-200px); display: inline-flex; top: 80px; position:relative;	}
		#BodyLeft { 
		   float:left; visibility: hidden;	
			z-index: 900;
			position:fixed; margin: 3px; 
			left:0; top: 86px;
			width:150px;
			background-color:#dddddd;
			border: 1px solid #7E172C;
			border-radius : 5px;						
		}
		#BodyRight {  visibility: hidden;
		font-size: 14px; line-height: 150%;

			background-color:#fff;  padding: 5px;
			z-index: 900; 
			position:fixed;
			height: calc(100% - 120px);
			margin: 0px;
			right:0; top: 88px;
			width:200px; 
			border-left: 4px solid #000;
			display: block; overflow-x: hidden; overflow-y: scroll;
		}		
		#BodyMiddle {
			display: block;
			position: relative; 
			height: calc(100% - 120px);
			margin: 0px 0px 0px 0px;
			background-color:#999;
			width: 100% ;
			padding: 10px;
		}
		#Footer{
			color: #C0C0C0;
			position: fixed;
			bottom: 0px; left: 0px;
			width: 100%;
			z-index: 950;
			background: #1a1a1a;
			padding: 2px;
			border: 1px solid #000;	}	
		
	/* Patterns */

	
		.PatternThumb {
			border-radius : 2px;	
			background-color: #fff;
			border: 1px solid #000;
			width: 150px; height: 150px;
			cursor: pointer;			
		}
		.PatternThumb:hover{
			background-color: #ccc;			
		}
		.PatternThumbFull {
			border-radius : 2px;	
			background-color: #fff;
			border: 1px solid #000;
			max-width: 100%;
			height: auto;   
			cursor: pointer;			
		}
		.PatternThumbFull:hover{
			background-color: #ccc;			
		}
		.PatternTitle { 
			display: block;
			text-decoration: bold;	
			font-size: 20px;
			white-space: nowrap;
			overflow-x: hidden;
			max-width :150px;
            background:transparent; 
            border:none;
		}
		
		.searchHeader{
			padding-left: 15px; text-align: left;
			width: 100%; background-color: #ddd;
			border: 1px solid #7E172C; border-radius: 15px;
		}

/* Web Window */

	#Window {margin: 0 auto; float: left;left: 50%; margin-top: 10px; position: relative;}
	#gWebWindow{
		display: none;
		overflow:visible; text-align: justify; float: left; position: relative; right: 50%;		
		margin: 0px;background: #ddd;padding-top: 5px; padding-left: 5px; padding-right: 10px; border: 3px solid #0B2161; border-radius: 15px;
		z-index: 900;}
	#gWebWindowHeader{width: 100%; background:#000; padding: 3px; color: #fff; font-size: 28px; font-weight: bold; cursor: pointer;
		border-radius:10px; }
	#gWebWindowBody{ padding: 0px; margin: 0px; font-size: 18px;}
	#gWebWindowClose{float: right; padding: 2px; cursor: pointer; height: 25px;}
	.flexContainer {
	    display: flex;
	    padding: 0px;
	}
	.PatternPreviewLeftCol {
		background-color: #fff;  width: 100%;
		border: 1px solid #0B2161; border-radius: 15px; margin-right: 3px;}
		
	.PatternPreviewRightCol {
		background-color: #fff; min-width: 300px; text-align: left; padding-left: 5px; font-size: 14px;
		border: 1px solid #0B2161; border-radius: 15px; margin-left: 3px;}
	.PreviewBottom { margin-bottom: 4px; padding-top: 3px; background-color: #999;
		border: 1px solid #0B2161; border-radius: 15px;}
		
.TagStandard{
	display: inline-block;
	cursor: pointer;
	background-color: #7E172C; color: #fff;		
	margin: 3px;
	padding-left: 10px;
	padding-right: 10px;
	line-height:  20px;
	border-radius : 5px;
	font-size: 16px; font-weight: bold; letter-spacing: 1px;
	vertical-align: middle;
	border: 1px solid #000;
	overflow: auto;	
}


.TagStandard:hover{
	background-color: #5A122A; 
}





#SideCart {
	/* Format */
		display: none;
		list-style: none;
		padding-left: 0px;
		margin-left: 10px; margin-right: 10px;	
	/* Style */
		background-color:#dddddd;
		border: 1px solid #7E172C; border-radius : 5px; 
}
.SideCartItem{
	/* Format */
		display: block; 
		overflow: auto; 
		vertical-align: top; 
		padding: 5px;
	/* Style */
		background-color: #ddd; 
}
#SideCartEmpty{
		display: block;
}
.SideCartRemoveItem{
	/* Format */
	background-image: url('../../images/icons/close_20.png');
	background-repeat: no-repeat;
	display: inline-flex;
	vertical-align: top; 
	cursor: pointer;
	height: 20px; width: 20px;
	background-color: #fff; 
	border: 1px solid #999; 
	border-radius : 3px;
	margin-right: 2px;
}