/*Tenneco Interchange Database Layout */

/*structure styles */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - */
* {
	margin: 0;
	padding: 0;
	border: 0;
	}

body {
	background-color: 666666;
	font: 11px arial, helvetica, sans-serif; /* font size in px - rest of styles use % for easy adjustment */
	color: #000000; 
	margin: 0 auto 35px auto;
	}

.mainBody {
	background: url(../images/centerGradient.jpg);
}

/* CONTENT STYLES = CORE */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.copyright {
	color: #ffffff; 
	font: 11px arial, helvetica, sans-serif; /* font size in px - rest of styles use % for easy adjustment */
}

.note {
	font-size: 11;
	color: #666666;
}

.bodyContent {
	color: #000000; 
}

.options {
	color: #000000; 
    font-size: 11;
}

.label
{
    font-weight: bold;
	color: #333333; 
    font-size: 12;
}
.labelDescription
{
	color: #000000; 
    font-size: 12;
}
.error
{
	color: red; 
    font-size: 12;    
}

/* general use styles */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a:link, a:active, a:visited {
	color: #000; 
	text-decoration: underline;
	}

a:hover {
	text-decoration: underline;
	color: #FF9900;
	}

a.showlink, a:active.showlink, a:visited.showlink {
	background: transparent url(../images/general/pointer2.gif) no-repeat 0 50%; 
	padding-left: 11px; /* sets space before link label */
	color: #4DB5B5;
	}

a:hover.showlink {
	background: transparent url(../images/general/pointer.gif) no-repeat 0 50%; 
	color: #FF9900; 

	}

a.deletelink, a:active.deletelink, a:visited.deletelink {
	background: transparent url(../images/general/delete.gif) no-repeat 0 50%;
	padding-left: 13px; /* sets space before link label */
	color: #000;
	}

a:hover.deletelink {
	background: transparent url(../images/general/delete2.gif) no-repeat 0 50%; 
	color: #FF9900; 
	}

.center {
	text-align: center;
	}

.left {
	text-align: left; /* use where default align is center, eg th */
	}

.right {
	text-align: right; 
	}

.customborder {
	border: 1px solid #CCCCCC;
	}
	
.submitbutton {
	font-size: 100%; 
	padding: 1px;
	border: 1px solid #8494A6;
	}

/* table styles */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - */

td	{
	vertical-align: top;	
	}

/* display tables */
.tablegrid	{
	/* styles tables displayed with a border */
	border-top: 1px solid #ADB4C3;
	border-left: 1px solid #ADB4C3;
	font-size: 100%; /* reduce to 90% if main font size over 10px */
	margin-bottom: 15px;
	}

.tablegrid tbody {
	background-color: #F9FAFB;
	}

.tablegrid th, .tablegrid td	{
	border-right: 1px solid #ADB4C3; 
	border-bottom: 1px solid #ADB4C3;
	padding: 3px 5px 3px 5px;
	}

.tablegrid th	{
	background: transparent url(../images/general/th_pattern.gif);
	font-weight: bold;
	color: #333366;
	}

.tablegridbreak {
	background-color: #BAE8E8;
	height: 4px;
	}
	
/* form styles */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.asterisk	{
	font-weight: bold;
	font-size: 150%;
	line-height: 0.75em; 
	}

.bolderror {
	font-weight: bold;
	color: red;
	}

fieldset {
	border: 1px solid #909DB7;
	padding: 10px;
	}

fieldset.error {
	border: 1px solid red;
	color: red;
	}

fieldset.success, {
	border: 1px solid #66CCCC;
	}

legend {
	border: 1px solid #909DB7;
	font-weight: bold;
	font-size: 110%;
	color: #333366;
	background-color: #DFE2E8;
	margin-bottom: 8px;
	padding: 1px 10px;
	}

legend.error {
	border: 1px solid red;
	background: white;
	}

legend.success {
	border: 1px solid #42ABAB;
	background: #66CCCC;
	color: white;
	}


label.view {
	font-weight: bold;
	color: #000;
	display: block;
	margin: 8px 0 3px 0; 
	}

.formtextshort, .formtextmed, .formtext80char, select, .selectmed, .selectshort, .select80char, textarea, .textareamed, .textarealarge {
	border: 1px solid #333366;  
	font-size: 100%;
	color: #333366;
	padding: 2px;
	}

	}
.formtextshort {
	width: 103px;
	}
	
.formtextmed {
	width: 175px;
	}

.formtext80char {
	width: 325px;
	}

.textareamed {
	font-family: arial, helvetica, sans-serif;
	width: 250px;
	height: 75px;
	}

.textarealarge {
	font-family: arial, helvetica, sans-serif;
	width: 415px;
	height: 125px;
	}

.selectshort {
	width: 108px
	}

.selectmed {
	width: 183px
	}

.formradio, .formcheckbox {
	vertical-align: middle;
	margin: 0 2px 0 8px;
	}

input.button60, input.button75, input.button100, input.button120, input.button150, input.button170  {
	height: 19px;
	font-size: 11px;
	line-height: 1.25em;
	color: #fff;
	padding-bottom: 3px; 
	}
	
input.button60 {
	background: transparent url(../images/general/button60.gif) no-repeat 0 50%;
	width: 63px;
	}

input.button75 {
	background: transparent url(../images/general/button75.gif) no-repeat 0 50%;
	width: 78px;
	}

input.button100 {
	background: transparent url(../images/general/button100.gif) no-repeat 0 50%;
	width: 103px;
	}

input.button120 {
	background: transparent url(../images/general/button120.gif) no-repeat 0 50%;
	width: 123px;
	}

input.button150 {
	background: transparent url(../images/general/button150.gif) no-repeat 0 50%;
	width: 153px;
	}

input.button170 {
	background: transparent url(../images/general/button170.gif) no-repeat 0 50%;
	width: 173px;
	}
	
/* layout tools - - spacing  | use this to create break and space in content */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.spaceright {
	padding-right: 10px;
	}

.clear5 {
	clear: both;
	height: 5px;
	line-height: 0;  /* this needed for exact height in IE */
	}
	
.clear10 {
	clear: both;
	height: 10px;
	line-height: 0;  /* this needed for exact height in IE */
	}

.clear20 {
	clear: both;
	height: 20px;
	line-height: 0;  /* this needed for exact height in IE */
	}

.clear30	{
	clear: both;
	height: 30px;
	line-height: 0; /* this needed for exact height in IE */
	}

.clear50	{
	clear: both;
	height: 50px;
	line-height: 0; /* this needed for exact height in IE */
	}
-->