@charset "UTF-8";
/* CSS Document */

/***
	Feel Free to look at this and study it.
	You can use it to learn, and experiment BUT 
	DO NOT COPY this in anyway.  
	It will come back to you.
*/
/**
	COLORS:
	background			#abb47f
/**

@media screen, projection {
/**
 * Copyright (c) 2006, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * read more here: http://developer.yahoo.com/yui/fonts/
 * version: 0.11.0
*/

  body                            	{font:13px arial,clean,sans-serif; *font-size:72%; *font:x-small;}
  table                           	{font-size:inherit; font-size:100%;}
  select, input, textarea         	{font:99% Helvetica,Verdana,sans-serif; vertical-align:middle; background:#DAD7C5;}
  pre, code                       	{font:115% monospace;*font-size:100%;}
/** end Yahoo Fonts */


ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,body,html,p,blockquote,
fieldset,input						{margin:0;padding:0;}
body								{font-family:,Helvetica,Verdana,sans-serif; background:#abb47f; color:; padding:0 20px; /*text-shadow:black 0 0 0; */ line-height:1.5;}
img									{border:none;}
a									{text-decoration:none; color:#abb47f;}
a:hover								{text-decoration:underline;}
ul, ol								{margin:0 2em;}
ul									{list-style:none;}
ul li								{margin:0; padding:0 0 0 15px; height:1.5em; vertical-align:middle;}
p									{}
code                          		{background:; padding:1px 2px; font-size:92%; font-family:Monaco, "Courier New", Courier, mono;}

div#clock_wrapper					{width:750px; margin:20px auto; height:600px; background:url('/timecard/images/clockBg.jpg') no-repeat top center; position:relative;}
div#clockForm						{width:440px; position:absolute; top:150px; left:280px;}
div#clockForm p#ssnDisplay			{background:url('/timecard/images/clockInputBG.png') no-repeat center top; height:170px; position:relative; color:#fff; font-size:150px; letter-spacing:38px; padding:7px 50px;}
div#clockForm button				{background:none; border:none; position:absolute; top:200px; left:5px;}
div#clockDisplay						{position:absolute; top:300px; left:50px; width:250px; font-size:150%; color:#67781a; z-index:10;}
div#header							{width:500px; position:relative; left:290px; top:10px; color:#fff; letter-spacing:10px; z-index:10;}
div#header h1						{font-size:200%;}