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

	/* Handles Long Running Async Processes */

		#Loading {
			position: fixed; z-index: 10000; left: 0px; top: 0px; width: 100%; height: 100%;
			background-color: #000; opacity: .7; vertical-align: middle; display: none;}
		#LoadingMessage {color: #fff;display: table-cell; vertical-align: middle;}

	/* Help Wizard */

		.HelpGuide {
			font-size: 18px; margin: 5px; padding: 5px; line-height: 22px;
			border: 1px solid #000; border-radius: 3px; background-color: #EEEEEE;}	

	/* Pattern */

		#Pattern { 
			background-color: #fff; border: 1px solid #000; width: 600px; 
			margin: 0px; padding: 5px; border-radius : 10px; overflow: visible; display: none; }	
		#Pattern_Body{ white-space:nowrap;
			display: block; background-color: #fff; overflow: auto; margin-top: 5px;}
		#Pattern_StoreControls{ display: block; 
			background-color: #fff; overflow: auto; margin-top: 5px;}
		#Pattern_CloudControls{ display: block; 
			overflow: auto; margin-top: 5px;}
		#Pattern_Image { display: inline-block; float: left; 
			background-color: #fff; border: 1px solid #000; border-radius: 5px; }
		#Pattern_Details { display: inline-block; float: right; background-color: #fff; }
		#Pattern_Price {display: inline-block; text-align:left;
			color: #7E172C; font-size: 24px; font-weight: bold;}
		#Pattern_Designer { display: block; font-size: 20px; text-align: left; }
		#Pattern_Size { display: block; margin-top: 5px;
			text-align: left; font-size: 16px; }
		#Pattern_Description { display: block; margin-top: 5px;
			text-align: left; white-space: normal; font-size: 16px; }
		#Pattern_Tags { display: block; margin-top: 5px; white-space: normal;
			text-align: left; font-size: 16px; }
		#Pattern_Collections { display: block; margin-top: 5px; white-space: normal;
			text-align: left; font-size: 16px; }
		#Pattern_Type { display: block; margin-top: 5px; white-space: normal;
			text-align: left; font-size: 16px; }
		#Pattern_Parentage { display: block; margin-top: 5px; white-space: normal;
			text-align: left; font-size: 16px; }
		.PatternTile {
			border-radius : 10px;border: 1px solid #7E172C; padding: 5px; margin: 5px;
			background-color: #ddd; text-align:center;  line-height: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+ */
		}
		.PatternDesigner{font-size: 18px; white-space: nowrap; overflow: hidden;}

	/* Shopping Cart */
		#Cart_Counter {position:relative; z-index: 1000; top: -7px; left: -2px;
			font-size:.7em;
			background-color:#7E172C;
			border: 1px solid #fc320f;
			color:white; font-weight: bold;
			width:20px; height:20px; line-height:20px; border-radius: 10px;
			text-align:center;
			box-shadow:0 0 1px #333; }
		#Cart_Counter[total-items]:after {content:attr(total-items);}
		.Cart_Item{ display: inline-block;background-color: #fff; border: 1px solid #000; border-radius: 5px;
			margin-bottom: 10px; width: 210px; overflow: auto;}
			
	/* Web Windows */
	
		#Windows { left: 0px; top: 0px ; display: none; position: fixed;}
		.Window_Header { width: 100%; height: 48px; background:#000; cursor: pointer; border-radius: 10px; }
		.Window_Title { color: #fff; font-size: 28px; font-weight: bold; padding-top: 8px; }

		/* Account */
		
			#Account { 
				background-color: #fff; border: 1px solid #000;border-radius : 10px; 
				margin: 0px; padding: 5px; width: 500px; display: none; }	
			#Account_Body{ display: block; background-color: #fff; width: 100%;}


	/* Nav Bar */
		
		/* Layout */
		
			#MainBar{  z-index: 800; overflow: visible; padding: 2px;
				position: fixed; margin: 0px; 
				display: block; text-align: left; vertical-align:top;
				width: 100%; background: #000 url('/images/page_depth.png') fixed; }
			.MainBarCell {  /* background-color: #999; border: 1px solid #fff; */
				display: inline-block; white-space: nowrap;
				float: left; height: 80px; margin: 2px;}

			#Navbar_Expand{display: none; width: 55px; float: right; margin-right: 5px; margin-left: 5px;
				background-image:url(/images/icons/expand.png); 
				background-repeat: no-repeat;
				background-position: 3px 3px;
				padding-left: 40px;}
			#Searchbar_Expand{display: none; width: 55px; float: right; margin-right: 5px; margin-left: 5px;
				background-image:url(/images/icons/expand.png); 
				background-repeat: no-repeat;
				background-position: 3px 3px;
				padding-left: 40px; padding-right: 5px;}

			#Navbar_Menu {display: inline-block; width: 55px; 
				text-align: center; font-weight: bold; font-size: 20px; }
			#Navbar_Settings { display: inline-block; width: 55px; 
				background-image:url(/images/icons/32_gearwheel.png); }
			#Navbar_Cart {display: inline-block; width: 55px; 
                background-image:url(/images/icons/32_shopping_cart2.png); }
			#Navbar_Account {display: inline-block; width: 55px; 
				background-image:url(/images/icons/32_cloud_updown.png); }
			#Navbar_Admin {display: inline-block; width: 55px; 
				background-image:url(/images/icons/admin.png); }
			#Navbar_Designer {display: inline-block; width: 55px; 
				background-image:url(/images/icons/ico_designers3.png); }

		/* Cloud Selector */		
			#SelectCloudTop {  cursor: pointer;white-space:nowrap;  width: 140px;
				background-color: #ccc; color: #000; border-radius: 10px;  border: 1px solid #fff;
				 font-size: 18px; font-weight: bold; text-align:left; 
				 padding: 5px;
				 margin: 5px;}
			#SelectCloudBottom {  cursor: pointer; white-space:nowrap; width: 140px;
				background-color: #7E172C; color: #fff; border-radius: 10px;  border: 1px solid #fff;
				font-size: 18px; font-weight: bold; text-align:right;
				padding: 5px; 
				margin: 5px;  }
				 
		/* Query Cell */

			.input_box {
				width: 100%; height: 40px; font-size: 18px; z-index: 900;
				padding-left: 10px; padding-right: 25px;
				-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: 1px solid #17377e; border-radius : 5px; }

			.input_box2 { height: 40px; font-size: 18px; 
				padding-left: 30px; padding-right: 10px;
				 border: 2px solid blue; background: #f2f9ff;
				background-image: url(/images/icons/pencil_16_faded.png);
				background-repeat: no-repeat; background-position: 5px 50%;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box;    /* Firefox, other Gecko */
				box-sizing: border-box;   /* Opera/IE 8+ */ }

			.text_area {  font-size: 18px; 
				padding-left: 30px; padding-right: 10px;
				 border: 2px solid blue; background: #f2f9ff;
				background-image: url(/images/icons/pencil_16_faded.png);
				background-repeat: no-repeat; background-position: 5px 50%;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box;    /* Firefox, other Gecko */
				box-sizing: border-box;   /* Opera/IE 8+ */ }

			#QueryBox {
				-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;font-size: 18px;width: 250px;z-index: 900;}
			#QueryButton{
				position: absolute;top: 0px; right: 5px;
				background-image:url(/images/icons/search-icon-white.png);  
				background-size: cover; background-repeat: no-repeat;background-position: center center;  
				width: 30px; height: 40px; cursor: pointer;z-index: 1000; }
			#btnAdvancedSearch {cursor:pointer; color:#fff; text-align: right; padding-top: 8px;}
				
	/* System Messages */
	
		#Logger { 
			position: fixed; left: 0px; top: 0px; z-index: 9999;
			width: 100%; overflow: visible;}
		#LogMsg {
			font-size: 24px;
			text-align:left;
			border: 1px solid; 
			padding:10px 50px 10px 50px;
			background-repeat: no-repeat;
			background-position: 10px 10px; }
		.Info{			
			background-color: #BDE5F8; color: #00529B;
			background-image: url('/images/icons/info.png'); }
		.HelpMsg{			
			background-color: #BDE5F8; color: #00529B;
			background-image: url('/images/icons/help_icon.png'); }
		.Success {			 
			background-color: #DFF2BF; color: #4F8A10;
			background-image:url('../images/icons/success.png'); }
		.Warning {			
			background-color: #FEEFB3; color: #9F6000;
			background-image: url('/images/icons/warning.png'); }
		.Error {			
			background-color: #FFBABA; color: #D8000C;
			background-image: url('/images/icons/error.png'); }
		.Exception {			
			background-color: #FFBABA; color: #D8000C;
			background-image: url('/images/icons/error.png'); }

	/* Data Tables */
		.Admin_DataTable{text-align:left; border: solid 1px #7E172C; margin: 5px;}
		.Admin_HeaderRow{font-weight: bold; background-color: #17377e; color: #fff;}
		.Admin_DataRow{background-color: #fff;  }
		.Admin_DataRow:hover{ background-color: #FFFF00 !important; cursor: pointer;}
		.Admin_DataCell{ }
		.Admin_DataCellDelete{ cursor:pointer; color:red; font-weight: bold;}

	/* Forms */
		.EditableField {border: none; font-size: 20px; background-color:transparent; cursor: text;}
		.EditableField:hover {cursor:pointer; background: #f2f9ff; cursor: text;}
		.EditableFieldFocused {border: 1px solid black; background: #fff;font-size: 20px;}
		.EditableFieldChanged {border: 1px solid #FFAD13; background: #F4F2CD;font-size: 20px;}
		.SubHeader { color: #999; display:inline-block; width: 150px; text-align: right; }
		.SubContent { display:inline-block; text-align: left; }