/* based CSS, extracted from ENVIRONCORP.COM */

/*	ID Selector
	The ID selector is used to specify a style for a SINGLE, UNIQUE element.
	The ID selector uses the id attribute of the HTML element.
	It is defined with a "#ID_NAME".
	It is applied to the element with id="ID_NAME":
*/

/*	The Class Selector
	The class selector is used to specify a style for a group of elements, and can be used on several elements.
	This allows you to set a particular style for many HTML elements with the same class.
	It is defined with a ".CLASS_NAME"
	It is applied th a element with class="CLASS_NAME" 
	
	If defined as "HTML_element.CLASS_NAME"
	It only applies to the HTML elements of that class.
*/
a:link,
a:visited {
    color: #339999;
	text-decoration: none;
}
a:active,
a:hover,
a:focus {
    text-decoration: underline;
}


body {
    font-family: Verdana, "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:1em;
    /* color: #36322d; */
	/* color: #339999; */
}

/*
body.home {
	background-color: transparent;
}
*/
strong, em, b, i {
    font-family: Verdana, "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande",  Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, address {
    font-family: Verdana, "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}


h4 {
	margin-top: 0.4em;
	margin-bottom: 0.4em
}

h3.right{
    text-decoration: underline;
}
h4.right{
    text-decoration: underline;
}

/*
form {
    position: relative;
}
*/
p {
    margin-bottom: 1em;
}

p.copy {
    font-size: 0.8em;
    margin-top: 0em;    
}

.footer {
    clear: both;
    text-align: center;
    padding-top: 50px;
}
.footer p {
    font-size: 115.5%;
}

table.ep, th.ep, td.ep, td.ep_doc { 
		border-collapse:collapse;
		border: 1px solid black;
		padding: 1px;
		}
	table.ep {
		margin-left:3em;
	}
	th.ep, td.ep {
		padding: 0.4em;
		text-align:center;
		}
	th.ep {
		background-color:blue; 
		color:white;
	}
	td.ep_doc {
		padding: 0.4em;
		text-align:left;
	}
	
	
table.result {	border: 1px solid black;
		border-collapse: collapse; 
		}
	table.result {
		margin-left:3em;
	}
	th.result {padding:5px; border: 1px solid black;
		font-size:12px;
		text-align:center;
	}
	th.result {
		background-color:blue; 
		color:white;
	}	
	td.result {padding:5px; border: 1px solid black; 
		font-size:12px;
		text-align:center;
	}
	td.doc{padding:5px; border: 1px solid black; 
		font-size:12px;
		text-align:center;
	}

hr.ep {
	/* height: 0;
	border-bottom: 1px dotted #000;
	border: 0; 
	*/
	border: 0; 		
	color: blue;
	background-color:  blue;
	height: 5px;	
}

table.select_list, td.select_list { 
		border-collapse:collapse;
		border: 0px;
		text-align:left;
		}
th.select_list{ 
		border-collapse:collapse;
		border: 0px;
		text-align:right;
		}
.warning {
	background-color :#ccc;
	padding : 2px;
	font-family : "Lucida Console","MS Gothic","Fixed","terminal","courier new",courier,monospace;
	font-size : 0.8em;
	color: #FF2A9C; 	
}		


/* for sortable */
table.sortable thead {
	background-color:#eee;
	color:#666666;
	font-weight: bold;
	cursor: default;
}