/*
	Styles for the NA Cleantime Calculator (NACC).

	SVGNA Theme
*/

/* Basic usability: always underline links at rest. I know graphic designers like
to sneer and call it "visually primitive," while affecting an expression exactly
as if there was a very small turd directly under their nose, but we need to be as
accessible as possible. NA has a disproportionate number of disabled members.
It's also a real good idea to change the color dramatically. There's a reason
that most sites use blue and red. Try using a colorblind simulator. They show up.
*/

body {background: #7E84B9 url('images/NAlogo.gif') fixed center;}
		
div#user_container {width: 800px; margin-left: auto; margin-right: auto}
		
div#link_container { border-width: 5px; border-color: #808080; border-style: ridge;width: 525px; margin-left: auto; margin-right: auto; background-color: #CFCFD7; text-align: center}

div.nacc_main { border-width: 5px; border-color: #808080; border-style: ridge; background-color: #CFCFD7;}

div.nacc_results { border-width: 5px; border-color: #808080; border-style: ridge; background-color: #CFCFD7;}

div.nacc_msg,
div.nacc_keytags {background-color: #efefef; color: black;}

span.nacc_title { text-align: center; font-family: broadway; border-bottom: 1px solid #000000; color: #000000;}

span.nacc_prompt {color: #000000;}

a.nacc_reset_link:visited {color: #551A8B }
a.nacc_reset_link  {color: #0000FF }

a.nacc_reset_link:active {color: #990000 }
a.nacc_reset_link:hover  {background: #808080; color: #FFFFFF; outline: solid red; }

a.nacc_change_link:visited {color: #551A8B }
a.nacc_change_link  {color: #0000FF }

a.nacc_change_link:active {color: #990000 }
a.nacc_change_link:hover  {background: #808080; color: #FFFFFF; outline: solid red; }
		
a:link {color: #0000FF }
a:visited {color: #551A8B }
a:active {color: #990000 }
a:hover {background: #808080; color: #FFFFFF; outline: solid red; }