@charset "utf-8";

/*	COLORS
	Background colors (light to dark):
		boxcolor - Text box background
		bannercolor - Banner background
		canvascolor - Overall page background
		boxboxcolor - Darker box inside a text box
	Text/Accent colors (light to dark):
		lightaccenttextcolor - Usually text headings
		lightaccentbgcolor
		darkaccenttextcolor - Usually rules; some text
		darkaccentbgcolor
	Primary text colors (light to dark):
		lighttextcolor
		darktextcolor
	These are defined here so you can use them from the page, but they also 
	show up as literal values in some styles. In that case they're here for 
	reference.
*/
.boxcolor { background-color:#fffef2; }
.bannercolor { background-color:#f8f7eb; }
.canvascolor { background-color:#f0eee0; }
.boxboxcolor { background-color:#e1dfcc; }
.lightaccenttextcolor {	color:#7988bb; }
.lightaccentbgcolor { background-color:#7988bb; }
.darkaccenttextcolor { color:#02458d; }
.darkaccentbgcolor { background-color:#02458d; }
.lighttextcolor { color:#fffef2; }
.darktextcolor { color:#000000; }
.errormsgcolor { color:#CC0000; }

html { padding:0; margin:0; height: 100%; }
body { margin:0; padding:0; width:100%; height: 100%; font:normal 12pt Arial, Helvetica, sans-serif; color:#252525; }

ul.outside { list-style-position:outside; }
ul { list-style-position:inside; }

/* main */
.main { width:100%; padding:0; margin:0 auto; }

img { max-width:100%; height:auto; }

/* marquee */
.marquee 
	{ 
	/* Starting position */
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);	
	transform:translateX(100%);
	/* Apply animation to this element */	
	-moz-animation: marquee 15s linear infinite;
	-webkit-animation: marquee 15s linear infinite;
	animation: marquee 15s linear infinite;
	}
/* Move it (define the animation) */
@-moz-keyframes marquee 
	{
	0%   { -moz-transform: translateX(100%); }
	100% { -moz-transform: translateX(-100%); }
	}
@-webkit-keyframes marquee 
	{
	0%   { -webkit-transform: translateX(100%); }
	100% { -webkit-transform: translateX(-100%); }
	}
@keyframes marquee 
	{
	0%   
		{ 
		-moz-transform: translateX(100%); /* Firefox bug fix */
		-webkit-transform: translateX(100%); /* Firefox bug fix */
		transform: translateX(100%); 		
		}
	100% 
		{ 
		-moz-transform: translateX(-100%); /* Firefox bug fix */
		-webkit-transform: translateX(-100%); /* Firefox bug fix */
		transform: translateX(-100%); 
		}
	}

.waitbar 
	{
	width: 100%;
	height: 20px;
	border: 1px solid #2980b9;
	border-radius: 3px;
	background-image: 
		repeating-linear-gradient(-45deg,#2980b9,#2980b9 11px,#eee 10px,#eee 20px /* determines size */);
	background-size: 28px 28px;
	animation: move .5s linear infinite;
	}

@keyframes move 
	{
	0% 
		{
		background-position: 0 0;
		}
	100% 
		{
		background-position: 28px 0;
		}
	}