/**
 * Global Rules
 *
 *  
 * When possible the following colors should be used:
 *
 * Light Blue (AF Blue): #5D8AA8
 * Dark Blue: #13376B
 * 
 * Red: #E52E50 (or #E32636)
 * Orange: #E97451 (or #C95431)
 * Ivory/White: #F2F3F4
 * Yellow: #EEDC82 (border: #CEBC62)
 * Grey: #CACACA (border: #AAAAAA)
 */
 
	
	body, html, textarea, pre, input, select
	{
		font-family: sans-serif;
		/*font-size: 11px;*/
	}
	html, body 
	{ 
/* 		min-height: 100%;  */
/* 		height: 100%;  */
		background:#CACACA url('/images/backgrounds/gray.png') repeat-x bottom;
		position: absolute; bottom: 0px; left: 0px; right: 0px; bottom: 0px;
	}
	html, body
	{
		height: 100%; 
	
	}
/*
 * ROUNDED CORNERS:
*/
	input, textarea, select, fieldset, legend, .bordered, a.button, button,
		#Page, #Header, #Sidebar, #MinimizedSidebar, #Content, #Footer, .searchBox, .headerBox,
		div.globalfeedback,
		.envContainer,
		div.confirmation, a.information span, .bordered-block, .evenborder, .oddborder,
		div.popup
	{
		border: 1px solid #13376B;
		padding: 2px 4px;		
		-moz-border-radius: 5px;
 		-webkit-border-radius: 5px;
 		border-radius: 5px;		
	}
		.roundTopLeft, thead tr th:first-child, div.tabpanel div.tab-row a
		{
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			border-top-left-radius: 5px;
		}
		.roundTopRight, thead tr th:last-child, div.tabpanel div.tab-row a
		{
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			border-top-right-radius: 5px;
		}
		.roundBottomLeft, tfoot tr td:first-child
		{
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-bottom-left-radius: 5px;
		}
		.roundBottomRight, tfoot tr td:last-child
		{
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			border-bottom-right-radius: 5px;
		}
	
	
/*
 * Page Layout:
*/		
	#Page
	{
		background-color: #d9d9d9;
		padding: 10px;
		position: absolute; top: 15px; left: 5px; right: 5px; bottom: 5px;
	}
		#Header
		{
			position: absolute; top: 0px; left: 0px; right: 0px; height: 60px;
			margin: 5px 5px;
			border-color: #3D6A88;
			background:#5D8AA8 url('/images/backgrounds/header.png') repeat-x bottom;;
		}
		#HeaderBackground
		{
			padding: 10px 20px;
			background-image: url("/images/logos/LeaveWebBackground.png");
			background-repeat: no-repeat;
			background-position: center top;
			position: relative;
		}
		#Footer
		{
			position: absolute; bottom: 0px; left: 0px; right: 0px;
			clear: both;
			padding: 10px 20px;
			margin: 5px 5px;
			text-align: center;
			border-color: #3D6A88;
			font-size: 90%;
			background:#5D8AA8 url('/images/backgrounds/footer.png') repeat-x bottom;
			color: #F2F3F4;
		}
			#Footer a, #Footer a:link, #Footer a:active, #Footer a:visited, #Footer a:focus
			{
				color: #F2F3F4;
			}
			#Footer a:hover
			{
				color: #EEDC82;
			}
			
		#Content
		{
			position: absolute; top: 65px; left: 0px; right: 0px; bottom: 45px; 
			margin: 5px;	
			margin-top: 10px;		
			margin-left: 200px; /*If you change this here, also change in Sidebar.html*/
			border-color: #ddd;
			background:	#fff url('/images/backgrounds/content.png') repeat-x bottom;
			/*z-index: 2;*/
		}
			#ContentBackground
			{
				padding-left: 20px;
				position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow-y: auto;
				background-image: url("/images/logos/LeaveWebLogo_transparent.png");
				background-repeat: no-repeat;
				background-position: right bottom;
			}
			#ContentBackground h3 { margin-left: 10px; }
			
		#Sidebar, #MinimizedSidebar
		{
			position: absolute; top: 70px; left: 0px; width: 180px; bottom: 45px; overflow-y: auto;
			margin: 5px;
			border-color: #AAAAAA;
			display: block;
			background:#EEEEEE;
		}
			/*#Sidebar a:hover
			{
				margin-left: 10px;
			}
			*/
			div.sidebarPanel
			{
				margin-bottom: 20px;
				padding: 10px;
			}
			div.sidebarPanel a
			{
				display: block;
				margin-bottom: 8px;
	    		font-size: 14px;
	    		text-decoration: none;
			}
			#MinimizedSidebar
			{
				display: none;
				width: 16px;
				bottom: auto;
				z-index: 999;
			}
	
	#Logout
	{
		font-size: 75%;
		text-decoration: none;
		color: #F2F3F4;
	}

	
	.right
	{
		float: right;
	}
	.absoluteRight
	{
		position: absolute;
		right: 2px;
	}
	.left
	{
		float: left;
	}
	.center
	{
		float: center;
	}
	.centeredBlock
	{
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.clear
	{
		clear: both;
	}
	.ib
	{
		display: inline-block;
	}
	
/*
 * Images, Text and Links:
*/			
	img {
		vertical-align: middle;
	}
	
	a img {
		border: 0px;
	}
	
	a, a:link, a:active, a:visited, a:focus
	{
		color: #13376B;
		outline: 0;
	}
	
	a.nostyle
	{
		text-decoration: none;
	}
	a:hover
	{
		color: #5D8AA8;
	}
	
	.strikethrough
	{
		text-decoration: line-through;
	}
	
/*
 * HEADINGS:
*/
	h1, h2, h3, h4, h5, h6
	{
		
		color: #13376B;
	}
	
	h1 
	{ 
		border: 1px solid #13376B;
		-moz-border-radius: 5px;
 		-webkit-border-radius: 5px;
 		border-radius: 5px;		
 		padding: 5px 20px;
 		text-align: center;
	}




/*
 * Forms:
*/
	input[type="checkbox"], input[type="radio"]
	{
        /*background: transparent;*/
        border: 0;
		height: 15px;
    }	
    input[type="submit"], input[type="reset"], button, a.button
	{
		color: #F2F3F4;
		border: 1px solid #13376B;
		background-color: #5D8AA8;
		padding: 5px 9px;	
		cursor: pointer;	
		margin: 5px;
		
		font-size: 14px;
    }
    	a.button { padding: 6px 10px; }
    	button[disabled] { background-color: #CACACA; color: #AAAAAA; }
    a.button, a.button:link, a.button:active, a.button:visited, a.button:focus
	{
		color: #F2F3F4;
		text-decoration: none;
	}
    input[type="submit"]:hover, input[type="reset"]:hover, button:hover
	{
		padding: 6px 10px;
		margin: 4px;
    }
    a.button:hover
	{
		padding: 7px 11px;
		margin: 4px;
    }
    
    	input[type="submit"].yellowbutton,
		a.yellowbutton, a.yellowbutton:link, a.yellowbutton:active, 
		a.yellowbutton:visited, a.yellowbutton:focus 
		{ 
			color: #13376B;
			border: 1px solid #CACACA;
			background-color: #F2F3F4;
		}
    
    /*Input type="file"*/
	div.fileInput
	{
		position:relative;
	}
		div.fileInput .fake
		{
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 1;
		}
		div.fileInput input.file
		{
			position: relative;
			text-align: right;
			-moz-opacity:0; filter:alpha(opacity: 0); opacity: 0;
			z-index: 2;
		}
	option
	{
		padding-right: 5px;
		
		font-size: 90%;
	}
	
	fieldset 
	{ 
		padding: 10px; 
		margin-bottom: 15px;
	}
	legend
	{
		color: #13376B;
		border: 1px solid #13376B;
		background-color: #FFF; /*#5D8AA8;*/
		padding: 10px 15px;
	}
	label
	{
		font-weight: bold;
		color: #13376B;	
	}
		label.subLabel
		{
			font-weight: normal;
		}
		label.errorLabel
		{
			color: #E32636;
		}
	ul li 
	{ 
		list-style-image: url('/images/icons/dash.png'); 
	}
	
	.hidden
	{
		display: none;
	}
	.bordered-block 
	{
		display: inline-block;
		margin: 5px;
		padding: 10px;
	}
	.searchBox, .headerBox
	{
		padding: 15px;
		max-width: 400px;
		margin-bottom: 5px;
		overflow-wrap: anywhere;
	}
	.leaveSearchFormButtons
	{
		float: right;
		margin-bottom: -75px;
		position: sticky;
	}
	.searchBoxButtons
	{
		float: right;
		text-align: right;
	}
	.headerBox
	{
		max-width: 700px;
		overflow-wrap: anywhere;
	}
	.thinbox { max-width: 300px; }
	.fatbox { min-width: 500px; }
		
	.filterLabel
	{
		margin-left: 20px;
	}
	
	.spaced
	{
		margin: 10px 20px;
	}
	.wrap
	{
		word-wrap: break-word;
	}
	.padded
	{
		padding: 10px 20px;
	}
	
	/* Slight row underlining in forms: */
	.underline div { border-bottom: 1px solid #cccccc; margin-bottom: 15px;}
	.underline div:last-child { border-bottom: none;}
	.overline { border-top: 1px solid #cccccc; margin-top: 10px; }
	
/*
 * TABLES:
*/
	
	.wide th
	{
		min-width: 75px;
	}
		.wide th:first-child
		{
			min-width: 50px;
		}
	.table
	{
	
	}
	th
	{
		color: #F2F3F4;
		/*border: 1px solid #13376B;*/
		border: 1px solid #3D6A88;
		padding: 2px 4px;
		margin: 0px;
		background:#5D8AA8 url('/images/backgrounds/header.png') repeat-x bottom;;
		/*background:#5D8AA8 url('/images/backgrounds/th.png') repeat-x bottom;*/
	}
	th a, th a:link, th a:active, th a:visited, th a:focus
	{
		color: #F2F3F4;
	}
	.table td
	{
		/*background-color: #fff;*/
		padding: 2px 4px;
		margin: 0px;
		border-color: #DDDDDD;
	}
	.even, .evenborder
	{
		background-color: #FFFFFF;
	}
	.evenborder
	{
		border: 1px solid #eeeeee;
	}
	.odd, .oddborder
	{
		background-color: #EEEEEE;
	}
	.oddborder
	{
		border: 1px solid #dddddd;
	}
	.table tfoot td
	{
		border: 1px solid #13376B;
		background:#5D8AA8 url('/images/backgrounds/th.png') repeat-x bottom;
	}
	
	/* Slight row underlining in forms: */
	form .table tbody tr td,
	.formtable tbody tr td { border-bottom: 1px solid #f0f0f0;}
	form .table tbody tr:last-child td,
	.formtable tbody tr:last-child td { border-bottom: none;}
	
	.subformtable td 
	{ 
		border: 1px solid #ccc !important;
	}
	
	/*paging stuff*/
	.tableContainer
	{
		position: relative;
		display: inline-block;
		margin-right: 1px;
		*display: inline;
	}
		.tableContainer .pagingControls
		{
			margin: 15px 2px 5px 2px;	
		}
		.tableContainer .pagingControls .pagingButtons
		{
			position:absolute; right:5px;
			/*float: right;*/
		}

/*
 * CALENDAR 
*/
	.calheader
	{
		color: #13376B;
	}
	.calweekdaycell
	{
		color: #F2F3F4 !important;
	}

/*
 * TABBED PANEL 
*/
	div.tabpanel div.tab-row ul
	{
	    height: 20px;
	    margin: 0;
	}
	
	div.tabpanel div.tab-row li
	{
	    margin: 0;
	    padding: 0;
	    display: inline;
	    list-style-type: none;
	}
	
	div.tabpanel div.tab-row a
	{
	    float: left;
	    background: #CACACA;
	    font-size: 11px;
	    line-height: 14px;	
	    padding: 2px 10px 3px 10px;
	    margin-right: 4px;
	    border: 1px solid #AAAAAA;
	    text-decoration: none;
	    color: #13376B;
	}
	  
	div.tabpanel div.tab-row li.selected a
	{
	    border-bottom: 1px solid #fff;
	    background: #fff;
	    color: #13376B;
	    font-weight: bold;
	}
	
	div.tabpanel div.tab-row a:hover
	{
	    background: #fff;
	}
	
	div.tabpanel div.tab-panel
	{
	    border: 1px solid #AAAAAA;
	    padding: 10px 20px;
	    background-color: #fff;
	    margin-right: 20px;
	}




/*
 * WARNINGS, ERRORS, FEEDBACK:
*/	
	.warning
	{
		background-color: #EEDC82;
		border-color: #CEBC62;
	}
	.error
	{
		background-color: #E32636; 
		border-color: #E52E50;
		color: #F2F3F4;
	}
	.formFieldCheckboxError
	{
		background-color: #E52E50; 
	}
	.formFieldError
	{
		border-color: #E52E50;
	}
	
	/*feedback*/
	ul.feedbackPanel li
	{
		list-style-image: url('/images/icons/dash.png'); 
	}
	/*ul.feedbackPanel li:first-child
	{
		margin-left:-10px;
		list-style: none;
	}*/
	li.feedbackPanelERROR { color: #E32636; }
	li.feedbackPanelWARNING { color: #C95431; }
	li.feedbackPanelINFO { color: #13376B; }
	
	div.globalfeedback,
	div.globalfeedbackMin,
	div.confirmation
	{
		z-index: 99;
		background:#EEDC82 url('/images/backgrounds/sidebar.png') repeat-x bottom;
		border: 1px solid #CEBC62;
		width: 350px;
		max-height: 300px;
		overflow: auto;
		float: right;
		position: absolute; right: 30px
		/* top: 85px; */		
	}	

	div.globalfeedback img
	{
	  position: absolute;
	  right: 5px;
	  top: 5px;
	}	
	
	div.globalfeedbackMin
	{
		width: 20px;
		padding: 2px;
		display: none;
		z-index: 98;
		text-indent: 0px;
	}
	
	div.confirmation
	{
		overflow: inherit;
		max-height: inherit;
		padding: 10px;
		padding-bottom: 20px;
		color: #13376B;
	}
	
	#blurScreen
	{
		position: absolute;
		display: none;
		background-color: #aaa;
		filter:alpha(opacity=70);
		opacity:.7;
		z-index:98;
		top: 0px; bottom: 0px; right: 0px; left: 0px;
	}
	div.popup
	{
		position: absolute; 
		z-index: 99;
		background:#F2F3F4;
		border: 1px solid #13376B;
		padding: 0px 10px 10px 10px;
		max-height: 500px;
		width: 800px;
		overflow-y: auto;
		left: 50%;
		top: 30%;
		margin-left: -400px;
		display: none;
	}


	.textInfo
	{
		color: #5D8AA8;
		font-style: italic;	
	}
	.textInfo .removeX
	{
		margin-left:2px;
		margin-right: 15px;
		color: #13376B;
		text-decoration: none;
	}
	.textInfo .removeX:hover
	{
		color: #E32636;
		text-decoration: underline;
	}
	.spacer
	{
		margin-right: 10px;
		margin-left: 10px;
	}

	a.information, a.information-right { position: relative; }
	a.information>span, a.information-right>span
	{
		display: none;
		z-index: 90;
		background:#EEEEEE;
		border: 1px solid #AAAAAA;
		color: #13376B;
		padding: 10px;
		min-width: 200px;
	}
	a.information>span
	{
		position: absolute; top: 0px; left: 0px;
	}
	a.information-right>span
	{
		position:absolute; top: 0px; right: 0px;
	}
	a.information:hover span, a.information-right:hover span
	{
		display: inline;
	}

/*
 * Wicket Autocomplete
 */
	.wicket-aa-container
	{
		background-color: #EEEEEE;
		border: 1px solid #AAAAAA;
		padding: 2px 4px;		
		-moz-border-radius: 5px;
 		-webkit-border-radius: 5px;
 		border-radius: 5px;		
		background:#EEEEEE;
		color: #13376B;
		
	}
 	.wicket-aa
 	{
 		border-bottom: 1px solid #CEBC62;
 		padding: 3px 4px;
 	}
 	.wicket-aa .selected
 	{
 	
		border: 1px solid black;
		padding: 2px 3px;
		cursor: pointer;
 	}

/*
 * COLORING:
*/
	.blue
	{
		color: #5D8AA8;	
		font-style: italic;	
	}
	.gray
	{
		color: #AAAAAA;
		font-style: italic;
		font-size: 80%;
	}
	.darkblue
	{
		color: #13376B;
	}
	.white
	{
		color: #F2F3F4;
		font-style: italic;	
	}
	.yellow
	{
		color: #EEDC82;	
	}
	.red
	{
		color: #E52E50;
	}
	.green
	{
		color: #26a336;
	}


/*
 * ENVIRONMENT:
*/
	.envWrapper
	{
		padding: 15px 0px 5px 0px;
	}
	.envContainer
	{
		background-color: #F2F3F4;
		color: #C95431;
		font-size: 14px;
		margin: 10px;
		padding: 5px;
	}


/*
 * BRANDING:
*/
	.leaveweb
	{
			
		text-transform: uppercase;
	}
	/*.leaveweb:after
	{
		content: " II";
		
		font-size: 26px;
		color: #EEDC82;
	}*/
	.large, .large:after
	{
		font-size: 48px;
	}
	
	.afLogo
	{
		margin: 0px 15px;
	}
	
	
	/* Modal window */
	#modalPage
	{
	    display: none;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0px; left: 0px;
	}
	
	.modalBackground
	{
	    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
	    background-color: #999999;
	    position: absolute;
	    z-index: 500;
	    left: expression(ignoreMe = document.documentElement.scrollLeft + "px"); 
	    top: expression(ignoreMe = document.documentElement.scrollTop + "px"); 
	    width: expression(document.documentElement.clientWidth + "px"); 
	    height: expression(document.documentElement.clientHeight + "px");
	}
	
	.modalContainer
	{
	    position: absolute;
	    width: 300px;
	    left: 50%;
	    top: 50%;
	    z-index: 750;
		position: fixed;
	}
	.modal
	{
	    background-color: white;
	    border: solid 1px black; position: relative;
	    top: -150px;
	    left: -150px;
	    z-index: 1000;
	    width: 300px;
	    height: 220px;
	    padding: 0px;
	}
	.modalTop
	{
	    width: 292px;
	    background-color: #06236d;
	    padding: 4px;
	    color: #ffffff;
	    text-align: right;
	}
	.modalTop a, .modalTop a:visited
	{
	    color: #ffffff;
	}
	.modalBody
	{
	    padding: 10px;
	}


	/* The following button.asLink is to re-theme buttons to look like normal links */
	button.asLink
	{
		align-items: normal;
		background-color: rgba(0,0,0,0);
		border-color: rgb(0, 0, 238);
		border-style: none;
		box-sizing: content-box;
		color: rgb(0, 0, 238);
		cursor: pointer;
		display: inline;
		font: inherit;
		height: auto;
		padding: 0;
		perspective-origin: 0 0;
		text-align: start;
		text-decoration: underline;
		transform-origin: 0 0;
		width: auto;
		-moz-appearance: none;
		-webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height  */
		-webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */
	}

	/* Mozilla uses a pseudo-element to show focus on buttons, */
	/* but anchors are highlighted via the focus pseudo-class. */

	/* Mozilla-only */
	@supports (-moz-appearance:none) {
		/* reset any predefined properties */
		button.asLink::-moz-focus-inner {
			border: none;
			padding: 0;
		}

		/* add outline to focus pseudo-class */
		button.asLink:focus {
			outline-style: dotted;
			outline-width: 1px;
		}
	}
	/* LW-318 4.0.4.1 */
	.ssnDisplay {
	
	}	
	/* end */
/* JQuery Dialog Popups */
	/* Make sure links in the dialog are still blue */
	.ui-dialog .ui-widget-content a { color: #0066cc; }
	
	/* Used to hide the close button */
	.no-close .ui-dialog-titlebar-close { display: none; }

	/* Add shading around the User Agreement */
	.warningPopup
	{
	    border-radius: 3px;
	    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
	    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
	}
	
	
		
	.nowrap
	{
		white-space: nowrap;
	}

    .ui-datepicker-trigger{
        cursor: pointer;
        border: none;
    }