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

		:root {
			--main-btn-bgcolor: #000;
			--csred: #7b172c;
			--csred-hover: #A02B43;
			--style-1: #000;
			--style-1-hover: #777;
			--gray: #686868;
			--gray-hover: #ABABAB;
			--hover: #FFFCFD;

		}

		/* Body */
		body{ padding: 0px; margin: 0 auto; font-size: 1em; line-height: 1.4em; font-family:'Source Sans Pro', sans-serif;; color: #003; }

		.highlight { background-color: yellow; font-weight: bold; }
		/* Global Over-Rides */

			input[name="Input1"], input[type="password"] {
				border: 1px solid #ababab;
                box-shadow: inset 0 0 2px 1px #ddd; 
                border-radius: 3px; 
                background: #fff; 
                font-size: 1em; padding: 5px; margin: 3px; color: black; }

			.Input1 {
				border: 1px solid #ababab;
                box-shadow: inset 0 0 2px 1px #ddd; 
                border-radius: 3px; 
                background: #fff; 
                font-size: 1em; padding: 5px; margin: 3px; color: black; }
			.DropList { font-size: 1em; border: 1px solid #002A4E; border-radius: 5px; background: #fff; padding: 5px; margin-top: 0px; vertical-align:top; }
		
		/* Main Navigation Button */
		.nav_btn{ display: inline-block; cursor: pointer; padding: 10px 8px; margin: 0px;
			font-size: 22px; line-height: 22px; text-transform: uppercase; color: #fff !important; text-decoration: none; 
			-webkit-font-smoothing: subpixel-antialiased;}
		.nav_btn:hover{ background-color: rgba(87, 87, 87, 0.45);  }

		
		.NavSplitter { margin-top: 10px; padding: 0px; display: inline-block; width: 1px; height: 28px; line-height: 40px; background-color: #ddd; vertical-align: top;}

		/* Main Navigation Button - Selected */
		.btn_selected{ border: 1px solid rgb(67, 67, 67);
			background-image: url(/images/icons/triangle_down.png); background-position: 5px 50%; background-repeat: no-repeat; background-color: rgba(163, 163, 163, 0.45); padding-left: 34px; border-radius: 5px 5px 0px 0px; }
		.btn_selected:hover{ background-color: rgba(87, 87, 87, 0.45); }

		/* Sub Navigation Button */
		.navSub_btn{ display: inline-block; cursor: pointer; padding: 5px 15px;
			font-size: 20px; line-height: 20px; text-transform: uppercase;  text-decoration: none; color: #000 !important;
			-webkit-font-smoothing: subpixel-antialiased;}
		.navSub_btn:hover{ background-color: #E0E0E0;  }

		.navSub_btn_selected { background-color: rgba(221, 221, 221, 0.3); border: 1px solid rgb(70, 70, 70); border-radius: 5px; margin: 3px; font-weight: bold; }
		.navSub_btn_selected:hover { background-color: background-color: rgba(87, 87, 87, 0.45);  }
		
		.NavSubSplitter { margin-top: 5px; padding: 0px; display: inline-block; width: 1px; height: 30px; line-height: 30px; background-color: #ddd; vertical-align: top;}

		/* Page_Row */
		.PageRow { display: inline-block;  width: 100%;  margin: 0px; padding: 0px; text-align:center; min-width: 640px; }

        /* Flex_Container */
        .flex-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
        }

        .flex-item {
            justify-content: flex-start;
            width: auto;
            margin: 10px;
            text-align: left;
            font-size: 1em;
        }
		
		/* Main Button */
				/* Default Button */
		.btn {
			display: inline-block; cursor: pointer; color: #fff !important; background-color:#909090; text-decoration:none; vertical-align: middle; text-align:center; 
			margin: 5px; padding: 0px 10px; line-height: 35px; font-size: 1em; 
			font-weight: bold; letter-spacing: 1px;border: 1px solid #fff; border-radius : 5px; overflow: none; transition: .4s;}
        .btnWithIcon { background-repeat: no-repeat; background-position: 5px 50%; padding: 0px 40px; }
        .btnTransparent { background-color: transparent; }
        .btnImportant { background-color: #7b172c; }
        .btn:hover, .btnTransparent:hover, .btnImportant:hover{background-color:#6a6a6a;       color: #000;}

		.btn_delete { background-color: #7b172c; color: #fff; 
/*            background-image: url(/images/icons/garbage_half_full_white.png);*/
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: 32px;
            border: 1px solid black;
            display: inline-block;
/*            height: 22px;*/
			padding: 5px;
			line-height: normal;
			vertical-align: top;
            width: 22px;
			margin: 2px; }
		.btn_delete:hover { background-color: #FF0000; color: #fff;      }

        .btn_remove { background-color: #7b172c; color: #fff; 
/*            background-image: url(/images/icons/garbage_make_empty_white.png);*/
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: 32px;
            border: 1px solid black;
            display: inline-block;
/*            height: 22px;*/
			padding: 5px;
			line-height: normal;
			vertical-align: top;
            width: 22px;
			margin: 2px; }
		.btn_remove:hover { background-color: #FF0000; color: #fff;      }
        
        .btn_restore { background-color: #1f7b17; color: #fff; 
/*            background-image: url(/images/icons/refresh_white.png);*/
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: 32px;
            border: 1px solid black;
            display: inline-block;
/*            height: 22px;*/
			padding: 5px;
			line-height: normal;
			vertical-align: top;
            width: 22px;
			margin: 2px; }
		.btn_restore:hover { background-color: #0aff00; color: #fff;      }
		
		.click_button { text-align:right;
		border: 1px solid #CCC;
		margin: 0px; width: 100%;
		padding: 10px;
		display: inline-block;
		font-weight: bold;
		box-sizing: border-box;
		background-color: #eee;
		cursor: pointer;
		vertical-align: top; padding-right: 30px;
		background-image: url(/images/24/24_navigate_right.png); 
		background-repeat: no-repeat;
		background-position: calc(100% - 0px) center;
			text-decoration: none; color: #000 !important;
		}
		.click_button:hover{background-color:#ccc; }
		
		.click_button_big { text-align:right;
		border: 1px solid #CCC;
		margin: 0px; width: 100%;
		padding: 10px;
		display: inline-block;
		font-weight: bold; font-size: 1em;
		box-sizing: border-box;
		background-color: #eee;
		cursor: pointer;
		vertical-align: top; padding-right: 50px;
		background-image: url(/images/48/48_navigate_right.png); 
		background-repeat: no-repeat;
		background-position: calc(100% - 0px) center;
			text-decoration: none; color: #000 !important;
		}
		.click_button_big:hover{background-color:#ccc; }

		.dt_button { white-space:  nowrap;
			border: 1px solid #CCC;
			margin: 0px; width: 100%;
			padding: 10px;
			display: inline-block;
			font-weight: bold;
			box-sizing: border-box;
			background-color: #eee;
			cursor: pointer;
			background-repeat: no-repeat;
			text-decoration: none; color: #000 !important; }
		.dt_button:hover{background-color:#ccc; }
		.dt_right { text-align:right;
			vertical-align: top; padding-right: 30px;
			background-position: calc(100% - 0px) center; }
		.dt_left { text-align:left;
			vertical-align: top; padding-left: 34px;
			background-position: 4px center; }



		.next_button { text-align:right;
		border: 1px solid #CCC;
		margin: 0px; width: 100%;
		padding: 10px;
		display: inline-block;
		font-weight: bold;
		box-sizing: border-box;
		background-color: #eee;
		cursor: pointer;
		vertical-align: top; padding-right: 30px;
		background-image: url(/images/24/24_media_play.png); 
		background-repeat: no-repeat;
		background-position: calc(100% - 0px) center;
			text-decoration: none; color: #000 !important;
		}
		.next_button:hover{background-color:#ccc; }

		.delete_button { text-align:right;
		border: 1px solid #CCC;
		margin: 0px; width: 100%;
		padding: 10px;
		display: inline-block;
		font-weight: bold;
		box-sizing: border-box;
		background-color: #eee;
		cursor: pointer;
		vertical-align: top; padding-right: 30px;
		background-image: url(/images/24/24_delete.png); 
		background-repeat: no-repeat;
		background-position: calc(100% - 0px) center;
			text-decoration: none; color: #000 !important;
		}
		.delete_button:hover{background-color:#ccc; }

		.sub_button { text-align:right;
		border: 1px solid #CCC;
		margin: 0px; 
		padding: 10px;
		display: inline-block;
		font-weight: bold;
		box-sizing: border-box;
		background-color: #eee;
		cursor: pointer;
		vertical-align: top; padding-right: 34px;
		background-image: url(/images/24/24_magnifying_glass.png); 
		background-repeat: no-repeat;
		background-position: calc(100% - 4px) center;
			text-decoration: none; color: #000 !important;
		}
		.sub_button:hover{background-color:#ccc; }
		.button_add { padding-right: 34px;
				background-image: url(/images/24/24_navigate_plus.png); 
				background-repeat: no-repeat;
				background-position: calc(100% - 4px) center; }

		.sort_button { 
			padding: 4px 5px; width: 100%;
			color: #fff !important;
			display: inline-block;
			box-sizing: border-box; cursor: pointer; } 
		.sort_button:hover{background-color:#ccc; }
		.sort_asc { padding-left: 34px;
				background-image: url(/images/24/24_sort_az_ascending2.png); 
				background-repeat: no-repeat;
				background-position: 0px 0px;}
		.sort_desc { padding-left: 34px;
				background-image: url(/images/24/24_sort_az_descending2.png); 
				background-repeat: no-repeat;
				background-position: 0px 0px;}


		.selected { background-color: #BDBDBD; }


		/* Loading Window */
		#Loading {
			position: fixed; text-align:center;
			z-index: 9999;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			background-color: #000;
			opacity: .85;
			vertical-align: middle;
			display: none; }
		
		#LoadingMessage {
			color: #fff;
			display: table-cell;
			vertical-align: middle; }

		/* Logger */
		#Logger { 
			position: fixed; left: 0px; top: 0px; z-index: 10000;
			width: auto; overflow: visible;}
		#LogMsg { opacity: .85;
			font-size: 1.2em;
			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'); }
		.Success {			 
			background-color: #DFF2BF; color: #4F8A10;
			background-image:url('../images/icons/success.png'); }
		.HelpMsg{			
			background-color: #BDE5F8; color: #00529B;
			background-image: url('/images/icons/help_icon.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'); }

		.Container1 {
			display: block;
			color: #000;
			margin: 5px;
			padding-left: 5px;
			padding-right: 5px;
			line-height: 40px;
			border-radius: 5px;
			font-size: 1em;
			vertical-align: middle;
			border: 1px solid #000;
			overflow: auto;
		}

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

		/* Soft Blue */
		.settings_icon { text-align:left;
		border: 1px solid #CCC;
		margin-top: 5px;
		padding: 10px;
		display: inline-block;
		font-size: 1em;
		box-sizing: border-box;
		background-color: #eee;
		cursor: pointer;
		vertical-align: top; padding-left: 36px;
		background-image: url(/images/icons/settings.png); 
		background-repeat: no-repeat;
		background-position: 5px 50%;
			text-decoration: none; color: #000 !important;
		}
		.settings_icon:hover{background-color:#ccc; }





		.default_button {
			display: inline-block; cursor: pointer; color: #fff !important; box-sizing: border-box;
			text-decoration:none; vertical-align: middle; text-align:left; 
			background-repeat: no-repeat; background-position: 5px 50%; background-color:#7b172c; 
			margin: 5px; line-height: 35px; font-size: 1em; padding-left: 36px; padding-right: 10px;
			font-weight: bold; letter-spacing: 1px;border: 1px solid #000; border-radius : 5px; overflow: none; }
		.default_button:hover{background-color:#A02B43; color: #fff;}
.BrowseFile {
    cursor: pointer;
    background-color: #7b172c;
    color: #fff;
    background-image: url(../../images/icons/folders.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    margin: 5px;
    padding-left: 45px;
    padding-right: 10px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 1px;
    vertical-align: middle;
    text-align: left;
    border: 1px solid #000;
    overflow: auto;
}

		/* Blue */
		.default_button_blue {
			display: inline-block; cursor: pointer; box-sizing: border-box;
			color: #F7F9FF !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#17377e;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 1em; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_blue:hover{background-color:#BCD9F9; color: #000 !important;}


		/* Purple */
		.default_button_purple_soft {
			display: inline-block; cursor: pointer; box-sizing: border-box;
			color: #000 !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#B8A9F5;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 1em; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_purple_soft:hover{background-color:#6746B8; color: #FBF9FF !important;}

		/* Green */
		.default_button_green {
			display: inline-block; cursor: pointer; box-sizing: border-box;
			color: #000 !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#A9F5BC;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 1em; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_green:hover{background-color:#04B431; color: #000 !important;}

		/* Grey */
		.default_button_grey {
			display: inline-block; cursor: pointer; box-sizing: border-box;
			color: #000 !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#E9E9E9;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 1em; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_grey:hover{background-color:#B1B1B1; color: #000 !important;}

		/* Soft Blue */
		.default_button_blue_soft {
			display: inline-block; cursor: pointer; box-sizing: border-box;
			color: #000 !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#8DBDF3;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 1em; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_blue_soft:hover{background-color:#BCD9F9; }

		/* red */
		.default_button_red {
			display: inline-block; cursor: pointer; box-sizing: border-box;
			color: #000 !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#cc0000;
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px;
			font-size: 1em; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_red:hover{background-color:#ffc0cb; }

		/* Construction */
		.default_button_construction {
			display: inline-block; cursor: pointer; box-sizing: border-box;
			color: #000 !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#FFB455;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 1em; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_construction:hover{background-color:#FFCE90; color: #000 !important;}

		/* Purple */
		.default_button_purple {
			display: inline-block; cursor: pointer; box-sizing: border-box;
			color: #FBF9FF !important; text-decoration:none; vertical-align: middle; text-align:left;
			background-repeat: no-repeat;background-position: 5px 50%; background-color:#6746B8;	
			margin: 5px; padding-left: 40px; padding-right: 10px; line-height: 35px; 
			font-size: 1em; font-weight: bold; letter-spacing: 1px;
			border: 1px solid #000; border-radius : 5px; overflow: none;	}
		.default_button_purple:hover{background-color:#B8A9F5; color: #000 !important;}


		.BubbleDiv{			
			background-repeat: no-repeat; background-position: center center; background-color: #fff;	
			/* Disable Selectable Object */
			-webkit-touch-callout: none;-webkit-user-select: none;
			-khtml-user-select: none;-moz-user-select: none;
			-ms-user-select: none;user-select: none;			
			height: 38px;line-height: 40px; font-size: 1em;
			border-radius : 5px; border: 1px solid #fff;
			vertical-align: middle;cursor: pointer;overflow: visible; }
		.BubbleDiv:hover{	background-color:#999;	border: 1px solid #7E172C;	}

	.CloudMsgIcon {
		cursor: pointer;
		background-color: #7b172c;
		color: #fff;
		background-image: url(/images/icons/ico_message.png);
		background-repeat: no-repeat;
		background-position: 5px 4px;
		margin: 5px;
		padding-left: 45px;
		padding-right: 10px;
		line-height: 40px;
		border-radius: 5px;
		font-size: 1em;
		font-weight: bold;
		letter-spacing: 1px;
		vertical-align: middle;
		text-align: left;
		border: 1px solid #000;
		overflow: auto;
	}


.center-cropped {
  background-position: center center;
  background-repeat: no-repeat;
}
	
	.SaveCancel { display:block; background-color: #A9D0F5; font-size: 1em; 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;}


				.settings_on{    
					background-image: url(/images/icons/checkbox_32_2.png);
					background-repeat: no-repeat; background-position: 5px 0px;
					padding-left: 36px; text-align:left;
				}
				.settings_off{    
					background-image: url(/images/icons/checkbox_unchecked_32.png);
					background-repeat: no-repeat; background-position: 5px 0px;
					padding-left: 36px; text-align:left;
				}
	.MultiSelect_Enabled { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
		background-color: #fff; opacity: .5; z-index: 501; border-radius: 5px; cursor: pointer;

	}
	
	.MultiSelect_Selected{ 	background: url(/images/check.png) no-repeat center center; }

.Construction {background-color: #EEB681; text-align:center; color: #000; opacity: 1; font-weight: bold; padding: 4px;background-image: url('/images/carbon_fiber_orange.png');     border-top: 2px solid #000;border-bottom: 2px solid #000; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box;}

.dataTable { text-align: left; }
.dataHeader { font-weight: bold; color: #fff; background: #17377e !important; font-size: 1em; }
.dataRow { font-size: .9em; }
.dataRow:hover { background: #4a8cf5 !important; }
.dataRow:hover td { background: transparent; }
.dataTable tr:nth-child(even) {background: #eee;}
.dataTable tr:nth-child(odd) {background: #FFF;}
.dataCell { }
.dataCellFocused { border: 1px solid blue; background: #f2f9ff; cursor: text; }
.dataCellChanged { border: 1px solid #FFAD13;
    background: #F4F2CD;
    font-size: 1em; }

.UploadPatterns {
    cursor: pointer;
    background-color: #7b172c;
    color: #fff;
    background-image: url(/images/icons/cloud_upload.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    margin: 5px;
    padding-left: 45px;
    padding-right: 10px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 1px;
    vertical-align: middle;
    text-align: left;
    border: 1px solid #000;
    overflow: auto;
}


	.PageList {    
		display: inline-block; margin: 2px 0; font-weight: normal; 
		padding: 0px; white-space:nowrap; text-align: center; }
	ul.PageList li {
		background-color: #fff; display: inline-block;
		color: blue; text-decoration: underline; line-height: normal;				
		text-align: center;  margin: 3px;
		border: 1px solid #ddd;
		font-size: 1em; 
		padding: 10px 5px 10px 5px;
		cursor: pointer;}
	ul.PageList li.active {
		background-color: #686868; color: white;
		display: inline-block; padding: 10px; border: 1px solid #ddd;
		text-decoration: none;text-align: center; font-size: 1.2em;
		cursor: default; }
	ul.PageList li:hover { background-color: #ABABAB; color:#fff; }
	ul.PageList hover { background-color: #ABABAB; color:#fff; }
	/* Next */
	.PageListNext {background-image: url('/images/icons/page_next_hover2.png?v=1');
		width: 40px; height: 44px; display: inline-block;  margin: 3px;
		background-repeat: no-repeat; float:right;
		background-position: center; line-height: normal; background-color: #686868; cursor: pointer;	}
	.PageListNext:hover: { background-color: #ABABAB; } 
	/* Back */
	.PageListBack {background-image: url('/images/icons/page_previous_hover2.png?v=1');
		width: 40px; height: 44px; display: inline-block; margin: 3px;
		background-repeat: no-repeat; line-height: normal; float:left;
		background-position: center; background-color: #686868; cursor: pointer;	}
	.PageListBack:hover: { background-color: #ABABAB; } 


	p.GiftCertificateNote {
		line-height: 1.5em;
		font-size: .9em;
		width: 587px;
		text-align: right;
		font-style: italic;
	}


/* CSS FOR SLIDE IN ANIMATION related to /js/slide.js */
    .module {
    }

    .come-in {
        transform: translateY(150px);
        animation: come-in 0.8s ease forwards;
    }
    .come-in:nth-child(odd) {
        animation-duration: 0.6s;
    }
    .already-visible {
        transform: translateY(0);
        animation: none;
    }

    @keyframes come-in {
        to { transform: translateY(0); }
    }
/* END CSS FOR SLIDE IN ANIMATION */