/*
This is a skeleton with basic styles and hacks.
Properties are zeroed out and explicitly redefined in order to display consistently across all browsers. */
/*====================================================================================================
BASIC LAYOUT & POSITIONING 
====================================================================================================*/
* {
	margin: 0px;
	padding: 0px;}
body {
	background-color: white;}
body, td {
	color: black;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
table {
	border-collapse: collapse;}
td, th {
	padding: 3px;}
p img {
	float: right;
	margin: 5px 0px 5px 5px;}
/*====================================================================================================
TEXT
====================================================================================================*/
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;}
h1 {
	font-size: 1.6em;}
h2 {
	font-size: 1.2em;
	margin-top: 1em;}
h3 {
	font-size: 1.1em;}
h4 {
	font-size: 1em;}
h5 {
	font-size: 0.8em;}
h6 {
	font-size: 0.6em;}
p {
	line-height: 1.6em;
	margin-bottom: 1em;}
/*====================================================================================================
LISTS
====================================================================================================*/		
ul, ol, dl {
	padding-left: 1.5em;
	list-style-position: inside;
	margin-bottom: 0.5em;}	
/* eliminate gaps inside nested lists */
li ul,
li ol {
	margin-bottom: 0em;}
/* change from numbers to a, b, c, i, ii, etc. for nested lists */
ol ol {
	list-style-type: lower-alpha;}
ol ol ol {
	list-style-type: lower-roman;}
ol {
	list-style-type: decimal;}
ul,
ol ul {
	list-style-type: disc;}
ul ul,
ol ul ul {
	list-style-type: circle;}
ul ul ul,
ol ul ul ul {
	list-style-type: square;}
dt {
	font-weight: bold;}
/*====================================================================================================
MISCELLANEOUS TAGS
====================================================================================================*/	
address {
	font-style: normal;}
blockquote {
	margin: 1em;}
code, pre, samp, tt {
	font-family: "Courier New", Courier, monospace;}
small {
	font-size: 0.8em;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;}
small img {
	vertical-align: top;}
/* under construction - haven't decided best way to do this yet */
sub, sup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;}
sub {
	vertical-align: -0.6ex;}
sup {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
	/*vertical-align: top;
	line-height: 1em;*/}
/*====================================================================================================
FORMS          fragile - do not edit!
====================================================================================================*/
fieldset {
	border: 0px none;}
legend {
	line-height: 2em;
	font-weight: bold;
	color: black; /* blue in IE for some reason */}
/* instructions */
fieldset.column small {
	display: block;}
/*----------------------------------------------------------------------------------------------------
classes for labels
----------------------------------------------------------------------------------------------------*/
label.required {
	font-weight: bold;
	background-image: url(/images/icons/asterisk.gif);
	background-repeat: no-repeat;}
label.required input {
	font-weight: normal;}
label.invalid {
	background-image: url(/images/icons/famfamfam-icons-silk/exclamation.png);
	background-repeat: no-repeat;}
label.invalid input {
	border-color: red; /* this only works if wrapped by a label tag */}
label.valid {
	background-image: url(/images/icons/famfamfam-icons-silk/accept.png);
	background-repeat: no-repeat;}
/*----------------------------------------------------------------------------------------------------
column-style layout (labels on the left; fields on the right)
----------------------------------------------------------------------------------------------------*/
fieldset.column {
	display: block; /* IE hack to prevent submit button from sitting off on the right */}
fieldset.column input {
	width: 200px;
	height: 16px;
	padding: 0px 2px;
	border: 1px solid black;}
/*---------- icons, etc. ----------*/
fieldset.column label.required,
fieldset.column label.invalid,
fieldset.column label.valid {
	background-position: right 50%;}
/*---------- implicit fields - wrapped by label tag ----------*/
fieldset.column label {
	display: block;
	position: relative;
	clear: both;
	padding-right: 230px; /* reserves space for text fields & icons */
	vertical-align: middle;
	text-align: right;}
fieldset.column label input {
	width: 200px;
	float: right;
	position: absolute;
	margin: 0px;}
/*---------- explicit labels - fields not wrapped by label tag ----------*/
fieldset.column input {
	float: right;
	position: relative;}
/*---------- make space for 16px icons ----------*/
fieldset.column label input {
	right: 19px;}
fieldset.column input {
	margin-right: 19px;}
/*---------- set the width of the fieldset ----------*/
fieldset.column {
	width: 350px;}
/*---------- set the vertical spacing between fields ----------*/
fieldset.column label {
	height: 27px;
	line-height: 27px;}
/* these two rules should add up to the height & line-height above */
fieldset.column input {
	margin-top: -22px;}
fieldset.column label input {
	top: 5px;}
	
	
	
	/* radio buttons */
	
fieldset.radio {
	padding-left: 125px;}
	
.radiobutton label 
{
    padding-left:5px;
}
	
	
	
/*----------------------------------------------------------------------------------------------------
vertical-style layout (labels above the fields)
----------------------------------------------------------------------------------------------------*/



/*---------- implicit fields - wrapped by label tag ----------*/



/*---------- explicit labels - fields not wrapped by label tag ----------*/


/*---------- make space for 16px icons ----------*/


/*---------- set the vertical spacing between fields ----------*/

/*
fieldset.vertical {
	width: 350px;
	background-color: yellow;}
fieldset.vertical input {
	float: left;
	margin-top: -24px;}
fieldset.vertical label {
	display: block;
	position: relative;
	font-size: .8em;
	margin-top: 10px;
	height: 32px;
	width: 100%;
	float: left;
	clear: both;}
fieldset.vertical label input {
	display: block;
margin-top: 0px;
	clear: both;
	float: none;
}
	*/

/*====================================================================================================
GENERAL HACKS
====================================================================================================*/
/* remove border on hyperlinked images */
a img {
	border: 0px none;}
/* superscript underline in IE */
a sup {
	text-decoration: none;}
/* hack to make list indent consistent between IE & Firefox */
ul {
	list-style-position: outside;}	
/* disappearing background bug in <=IE6 */
ul, ol, dl {
	position: relative;}
/*----------------------------------------------------------------------------------------------------
ugly
----------------------------------------------------------------------------------------------------*/
.left {
	float: left;}
.right {
	float: right;}
.clear {
	clear: both;}
/*----------------------------------------------------------------------------------------------------
uglier
----------------------------------------------------------------------------------------------------*/
/* target <=IE6 */
* html {
	}
	

#TEXT dl {
	margin: 0px;
	padding: 0px;}
#TEXT dt {	
	padding: 10px 0px 2px 20px;
	/*line-height: 20px;*/
	background: transparent url(/images/icons/checkmark-green-dropshadow.gif) left 5px no-repeat;}
#TEXT dd {
	padding-left: 25px;
	color: #444444;}