body { padding:20px 50px;color:#000;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
   font-weight: 200;}

body{
	background:#eee url('bg2.png') repeat;
}

/** text area input with shadow **/


input[type=text], textarea, input[type=notestype], input[type=password] { 	
	padding: 4px; 
	border: solid 1px #999;
	outline: 0;
	font: normal 13px/100% Helvetica, Arial, Tahoma, sans-serif;
	background: rgb(249,249,249); /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;
	-webkit-border-radius: 6px;
	}

input[type=text], textarea, input[type=notestype], input[type=password] { 
	width: 200px;
	max-width: 400px;
	-webkit-border-radius: 6px;
	}
	
checkbox {
	padding: 4px;
	}


/** input focus darkening **/

input[type=text]:hover, textarea:hover,
input[type=text]:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 198, 255, 0.40) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999;
	font-weight:bold; 
	}

input[type=button] {
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -webkit-border-radius: 3px;
  color: #333;
  line-height: 1;
  font-weight:bold;
  padding: 8px 0;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  width: 100px;
  margin:4px; }
  input[type=button]:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }
  input[type=button]:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    }

a:link, a:active {
	font-weight : bold;
	font-size : 12px;
	font-family : helvetica;
	color : #000000;
	text-decoration : underline;
	}
	
	a:hover {
		font-weight : bold;
		font-size : 12px;
		font-family : helvetica;
		color : #ff0000;
		background : #ffffff;
		text-decoration : underline;
		}
