body { 
 background-color: #ffffff; 
 margin-left: 40px; 
 margin-right: 40px; 
 margin-top: 30px; 
 font-size: 11px; 
 /*font-family: verdana,trebuchet,sans-serif; */
}

/*a:link { 
 color: #333399; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: underline; 
}*/

a:visited { 
 color: #333399; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:active { 
 color: #333399; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:hover { 
 color: #999999; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: none; 
}

/*-- Heading.  Used in the "view profile page" --*/
h3 { 
 font-size: 11px; 
 /*font-family: verdana,trebuchet,sans-serif; */
 font-weight: bold;
 margin-bottom: 5px;
}

.matt{
	margin-left: 20px;
}

.words{
	margin-bottom: 10px;
	font-size: 14px;
	background: url(bg.gif) repeat-x;
	width: 550px;
	border-bottom: 2px solid #c0c0c0;
	border-top: 2px solid #c0c0c0;

}


/*-- Table formatting (profile form, new registration form, etc.) --*/

table {
 border: 1px dotted #999;
 margin-left: 10px;
 /*width: 628px;*/
 height: auto;
}


/*-- Default table heading formatting --*/

th  .colorBG {
 font-family: verdana,trebuchet,sans-serif; 
 font-size: 11px;
 font-weight: bold;
 text-align: center;
}

/*-- Background table color, used in "view mebers" page --*/
.colorBG {
 background: #aaaaff;
}

/*-- Default table cell formatting --*/

td .right {
 font-family: verdana,trebuchet,sans-serif; 
 font-size: 11px;
}

/*-- aligns text to the right, in the various tables --*/

.right {
 text-align: right;
}

/*--  Red text used for "required field" markers in forms. --*/
.red {
 color:       #ff0000;
 font-weight: bold;
}


/*--  Default form field formatting. --*/

form {
  margin-top:         0px;
}


fieldset {
	border:0;
	padding-right:10px;
	margin-right:10px;
	
	
}
label {
	display:block;
	font:normal 12px/17px verdana;
}


input {width:160px;}


span.hint {
	font:normal 10px verdana;
	background:#eee url(validationhints/bg-span-hint-gray.gif) no-repeat top left;
	color:#444;
	border:1px solid #888;
	padding:5px 5px 5px 40px;
	width:200px;
	position:absolute;
	margin: -12px 0 0 14px;
	display:none;
}


fieldset.welldone span.hint {
	background:#9fd680 url(validationhints/bg-span-hint-welldone.jpg) no-repeat top left;
	border-color:#749e5c;
	color:#000;
}
fieldset.kindagood span.hint {
	background:#ffffcc url(validationhints/bg-span-hint-kindagood.jpg) no-repeat top left;
	border-color:#cc9933;
}


fieldset.welldone {
	background:transparent url(validationhints/bg-fieldset-welldone.gif) no-repeat 244px 19px;
}
fieldset.kindagood {
	background:transparent url(validationhints/bg-fieldset-kindagood.gif) no-repeat 194px 19px;
}






/*--  Input field formatting. --*/

.input {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  height:             1.6em;
  padding:            .3em 0 0 2px;
  margin-top:          3px;
  margin-bottom:       3px;
} 

/*--  Input text-area formatting --*/

.textarea {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  margin-top:         3px;
  margin-bottom:      3px;
}

/*--  Submit button formatting. --*/

.button {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}