/* CSS Document for email form 
   ludwigwam.com 
   Author: Jeff Ludwig 
   Feel free to glean inspiration, as much inspiration as this document shows
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main #page #content form.theform { /* Border: 2px solid #dddd33; */
  Margin: 0.75em 0; }

#main #page #content table.emailForm {
	Width: 500px;
	Margin: 10px 0;
	Text-Align: center;
	Float: none; }

#main #page #content table.emailForm tr { Height: 1.6em; }
		
		
#main #page #content table.emailForm td.emailLeft { 
	Padding: 4px 5px 4px 0px;
	Text-Align: right;
	Width: 150px;
	Font-Size: 100%; }

#main #page #content table.emailForm td.emailRight { 
	Padding: 4px 0px 4px 5px;
	Text-Align: left;
	Font-Size: 110%; }

#main #page #content table.emailForm select {
	Background-Color: #111111; 
	Color: #ffffcc;
/*    Font-Family: Georgia, "Times New Roman", Times, serif;  */
	Font-Family: Verdana, Arial, Helvetica, sans-serif; 

	Padding: 0.25em;

	Border: 1px solid #cccccc;
	Border-Right: 1px solid #888888;
	Border-Bottom: 1px solid #888888;
			
	Font-Size: 100%; }
			
#main #page #content table.emailForm select:focus { Background-Color: #116611; }

#main #page #content table.emailForm input {
	Background-Color: #111111; 
	Color: #ffffcc;
/*    Font-Family: Georgia, "Times New Roman", Times, serif;  */
	Font-Family: Verdana, Arial, Helvetica, sans-serif; 

	Padding: 0.25em;
	Border: 1px solid #cccccc;
	Border-Right: 1px solid #888888;
	Border-Bottom: 1px solid #888888;
			
	Font-Size: 100%; }
			
#main #page #content table.emailForm input:focus { Background-Color: #116611; }

#main #page #content table.emailForm textarea {
	Background-Color: #111111; 
	Color: #ffffcc;
/*    Font-Family: Georgia, "Times New Roman", Times, serif;  */
	Font-Family: Verdana, Arial, Helvetica, sans-serif; 

	Padding: 0.25em;
	Line-Height: 1.25;
	
	Border: 1px solid #cccccc;
	Border-Right: 1px solid #888888;
	Border-Bottom: 1px solid #888888;
			
	Font-Size: 100%; }
			
#main #page #content table.emailForm .required, #main #page #content table.emailForm input.required { 
	Background-Color: #222222 !important; 
	Color: #ffffcc;
	Border: 1px solid #dddd33; 
	Border-Right: 1px solid #ffffcc;
	Border-Bottom: 1px solid #ffffcc; }

#main #page #content table.emailForm textarea:focus, #main #page #content table.emailForm .required:focus { 
    Background-Color: #118811 !important; }


#main #page #content form.theform input.button { 
	Background-Color: #333333;
	Color: #ffffaa; 
	Border: 1px solid #444499;
	Border-Right: 1px solid #222255;
	Border-Bottom: 1px solid #222255;
	Font-Family: Verdana, Arial, Helvetica, sans-serif; 
/*    Font-Family: Georgia, "Times New Roman", Times, serif; */
	Font-Size: 110%; 
	Padding: 5px;
	Width: 100px; }

#main #page #content form.theform input.button:hover { Cursor: pointer; 
	Background-Color: #114411;
	Color: #ffffdd; 
	Border: 1px solid #444499;
	Border-Top: 1px solid #222255;
	Border-Left: 1px solid #222255; }

#main #page #content form.theform img#emailImage { Margin: 0; Padding: 0; Float: right; }
#main #page #content form.theform .emailImagePrompt { Margin-Top: 10px; Padding: 0; Float: right; }