@charset "UTF-8";

/* ====== General ====== */
	body { background-color:#FFFFFF; } 	/* Controls page background color */
	/* body { background-image:url(); background-position:top left; background-repeat:repeat; }  Controls page background image. Uncomment this code in order to use its placeholders. */
	body { font-family:Arial, Helvetica, sans-serif; font-size:small; color:#000000; } /* Controls general font size and color */
	
	#content { margin:0 auto 0 auto; padding:0; width:736px; border-width:1px; border-color:#CCCCCC; border-style:solid; } 
	/* #content controls the overall width of the content and centers it on the page. 
	Adjust or remove pixel width in order to affect hoziontal width. Set 'margin' to 0 in order to remove centering. Controls grey border. */

	/* Link Colors and Display */
	a:link { color:#253889; text-decoration:underline; } 			/* Controls unvisited link colors and underlining */
	a:visited { color:#253889; text-decoration:underline; }		/* Controls visited link colors and underlining */
	a:hover { color:#4568FF; text-decoration:underline; }	/* Controls link colors and underlining when moused over */
	a:active { color:#253889; text-decoration:underline; }	/* Controls link colors and underlining when being clicked */
	
	/* Headlines */
	h1 { font-size:large; margin-top:0; color:#666666; } /* Controls font-size, magins and color of all H1 headlines */
	h2 { font-size:medium; color:#666666; } /* Controls font-size, magins and color of all H2 headlines */
	h3 { margin:2em 0 0.75em 0; font-size:small; color:#000; } /* Controls font-size, magins and color of all H3 headlines */	
	
	/* Alerts */
	p.alert { margin:0 0 20px 0; padding:0; color:#FF0000; font-weight:bold; }
	span.alert { color:#FF0000; font-weight:bold; }
	img.alert { margin:0 0.5em 20px 0; }
  #contentPopup #messageError { width: auto; margin: 0; padding: 0; }

	
	/* Containers */
	table#main { background-color:#FFFFFF; } /* Controls backgorund color of main table */
	table.sub-header { margin-top:0; margin-bottom:5px; } /* Controls the top and bottom gutters of the graphical H2 treatment */

	/* Form Elements */
	form label { font-weight:bold; color:#000066; } /* Controls display of form entry field labels; i.e. Username, Password */
	form input#loginname { margin-bottom:1em; }
	form input#login { margin-top:1em; }
	
	/* List Elements */
	li { list-style-type:none; margin-bottom:0.25em; } /* Removes the Bullets from unordered lists, adds vertical spacing */
	
	/* Login Related Pages */
	table#login td.columnleft { background-color:#EEEEEE; }
	table#login td.columnright { background-color:#EEEEEE; }
	table#login-firsttime { } /* Controls the left table, which holds the Register and Get Access buttons */
	
	td.head { padding-bottom:5px; background-color:#FFFFFF; }
	td.body { padding:10px; background-color:#EEEEEE; }
	td.body img { margin:5px 0 0 0; padding:0; }
	
	table#login-firsttime table.sub-header { text-align:center; }
	table#login-returning {} /* Controls the left table, which holds the Register and Get Access buttons */
	table#login-returning  table.sub-header { text-align:center; }
	
	td.body p img#button_tour { margin:20px 0 0 0; padding:0; }
	
	/* expiresoon.html */
	#contentExpiresoon td.columnleft, #contentExpiresoon td.columnright { padding:10px; }
	
	/* Tip */
	table.tip { border-top:1px solid #999; margin-bottom:10px; }
	table.tip td { background-color:#EEEEEE; padding:6px; }
	table.tip td h3 { margin-top:2px; }
	
	/* Table - two Columns */
	table.columnstwo { margin:-0.5em 0 0 0; padding:0; }
	
	/* Table - Three Columns */
	table.columnsthree td { padding:6px; }
	table.columnsthree td p { margin:3px 0 8px 0; padding:0; }
	
	/* Help */
	div.answer { background-color:#EEEEEE; padding:10px; }
	div.registering ul li ul li { list-style-type:disc; }
	
	
	/* Footer */
	div#footer { margin-top:20px; padding:0; text-align:center; border-top:1px solid #999999; }
	div#footer table { margin:0 auto 5px auto; text-align:center; }
	div#footer p { margin:0; padding:0; }
	div#footer p.copyright { font-size:smaller; }