/*
 * BASIC.CSS (Basic styles and typography)
 *
 * version: 0.1
 * media: screen, print
 *
 * * */

html                    { font: 75%/150% Lucida, Helvetica, sans-serif; color: #7d7d7d; }

abbr                    { border-bottom: dotted 1px; border-color: inherit; cursor: help; }
address                 { margin: 1em 0; font-style: normal; }
.displayNone            { display: none; }
.hidden                 { position: absolute; left: -999em; }
.clear                  { display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; }


/* * * * * *  headings  * * * * * 
h1, h2, h3, h4, h5, h6  { margin: 32px 0 12px; font-size: 1em; text-decoration: none; }*/
h1                      { font-size: 2em; font-weight: normal; }
h2                      { font-size: 1.5em; }
h3                      { font-size: 1.25em; }
h4						{ font-size: 0.8em; }
h5						{ font-size: 1.2em; padding-top:16px; padding-bottom: 10px; margin:0; line-height:1.3em}

h6						{ font-size: 1em; padding-top:19px; padding-bottom: 6px; margin:0; }


/* * * * * *  lists  * * * * * */
ul                      { margin: 1em 0; padding: 0; list-style: none; }
ul li                   { padding-left: 16px;/* list-style: none;  /*background: url(../images/gfx/li.gif) 5px 5px no-repeat; */ }
ol                      { margin: 1em 0 1em 2em; padding: 0; }


/* * * * * *  links  * * * * * */
a                       { color: #7d7d7d; text-decoration: none;}
a:visited               { color: #7d7d7d; }
a:hover                 { text-decoration: underline; }
a.selected:hover        { text-decoration: none; }
a:focus,
a:active                { background: yellow; }


/* * * * * *  images  * * * * * */
img                     { border: none; margin: 0;}


/* * * * * *  forms  * * * * * */
form                    { margin: 0; padding: 0; }
fieldset                { margin: 1em 0; padding: 1em; border: solid 1px #dadada; background: #f5f5f5; }
fieldset legend         { padding: 6px 12px; font-weight: bold; font-size: 1.09em; color: black; background: #d9d9d9; }
input,
textarea                { margin: 0; padding: 3px 3px; font-size: 1em; font-family: Lucida, Helvetica, sans-serif;  border: solid 1px #dadada; }
textarea                { font-size: 12px; }
select                  { font-size: 1em; font-family: Lucida, Helvetica, sans-serif;  }
/*input.submit            { 	padding: 4px 8px 3px; cursor: pointer; 
							font-family: Lucida, Helvetica, sans-serif; 

							font-weight: bold;
							background-color: #DDDDDD;

				  			-moz-border-radius: 5px;
							-khtml-border-radius: 5px;

							border-top-color:#EEE; border-left-color:#EEE; border-right-color:#AAA; border-bottom-color:#AAA; 
							border-spacing:0px;
					
							-moz-box-shadow: 0px -1px 0px #555, 0px 1px 0px #fff;
							-webkit-box-shadow: 0px -1px 0px #555, 0px 1px 0px #fff;
					 	}

*/




input, textarea { 

	padding-top: 8px; padding-bottom: 3px;	
	border: solid 1px #CCC;
	outline: 0;
	width: auto;
	
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	
	box-shadow: rgba(0,0,0, 0.1) 2px 2px 3px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 2px 2px 3px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 2px 2px 3px;
	}


textarea { width: 400px; max-width: 400px; height: 150px; line-height: 150%; }


input:hover, textarea:hover, input:focus, textarea:focus { 
	
		border-color: #AAA; 
		-webkit-box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 5px;
	}


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

/* send and clear button */
.submit input {
	width: 155px;
	padding-top: 7px; padding-bottom: 5px;	
	
	font-size: 1.1em;
	color: gray;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	}