/* 
========================================================
BASE STYLES FOR HTML ELEMENTS 
========================================================
*/

BODY		{padding: 0px; margin: 0px; border-top-style: none;border-right-style: none;border-left-style: none;border-bottom-style: none;
				font-size: 10pt; color: black;font-family: Arial;background-color: white;

				/* background-image:url("/images/watermark-beta.png"); */ 	/* Defines the location of the background image (relative or absolute location) */
				/* background-attachment:fixed;*/ 	/* Sets the image to be fixed in place and will not scroll with page content*/
				/* background-repeat:no-repeat; */ 	/* The background image is to display one time only */
				/* background-position:top left; */ /* The background image will always be in the top left of the browser*/

				}
/* P       {font-size: 10pt;font-family: Arial} */
TABLE		{padding: 0px;margin: 0px; border:0px; border-width:0px;}
TR			{}
TD      {font-size: 10pt;font-family: Arial; vertical-align:top;}
TH      {font-size: 10pt;font-family: Arial}

UL      {font-size: 10pt;font-family: Arial; }
LI      {font-size: 10pt;font-family: Arial}
H1      {font-weight: bold;font-size: 20pt;color: #000000;font-family: Arial; display:block;}
H2      {font-weight: bold;font-size: 16pt;color: #000099;font-family: Arial; display:block;}
H3      {font-weight: bold;font-size: 14pt;color: #000099;font-family: Arial; display:block;}
H4      {font-weight: bold;font-size: 14pt;color: #000000;font-family: Arial; display:block;}
H5      {font-weight: bold;font-size: 12pt;color: #000099;font-family: Arial; display:block;}
H6      {font-size: 10pt;color: #000099;font-family: Arial}
SUP			{font-size: 7pt;font-family: Arial}
HR			{border:0; height:1px; background-color:Black;}

/* 
========================================================
BASE STYLES FOR FORM ELEMENTS 
========================================================
*/

SELECT  {font-size: 8pt;font-family: Arial;}
INPUT   {font-size: 10pt;font-family: Arial;  }
TEXTAREA   {font-size: 10pt;font-family: Arial;  }
.matweb_input		{font-size: 10pt;font-family: Arial; border-style:inset; border-width:1px; border-color:gray; background-color:#F0F0F0;}
.matweb_select	{font-size: 8pt; font-family: Arial; border-style:inset; border-width:1px; border-color:gray; background-color:#F0F0F0;}
IMG			{border: none 0px white;}
FORM		{display:inline;}

/* 
========================================================
GLOBAL PAGE STYLES 
========================================================
*/

.pageTitle	 {font-weight: bold;font-size: 16pt;color: #000099;font-family: Arial; }


/*
=============================
TABLE/GRID STYLES
=============================  
*/

.tableborder          {border:solid 1px black; border-color: #000000; padding: 3px 3px 3px 3px; margin:0px; }
.tablegrid td,.tablegrid th
											{border:solid 1px black; border-color: #000000;}

.tabledataformat			{margin:0px; padding:0px;width:100%;border-collapse:collapse;} 
	.tabledataformat tr {text-align:left;}
	.tabledataformat td	{padding-left:2px; padding-right:2px; vertical-align:middle; background-color:White; }
	.tabledataformat th, 
	.tabledataformat th A:link, 
	.tabledataformat th A:visited, 
	.tabledataformat th A:hover
											{	padding-left:2px; padding-right:5px; vertical-align:top; 
												color: White; background-color:#000099; text-decoration:none; font-weight:bold;  
											} /*white-space: nowrap; */

.tabledataformat .tableHeader {	padding-left:2px; padding-right:5px; vertical-align:top; 
												color: White; background-color:#000099; text-decoration:none; font-weight:bold;  
											}

.tabledataformat th.rowHeaders {
	background-color: #E9E9E9;
	color: #000;
}

/*This gives the same format as as TH inside a tabledataformat table, but does not require a TABLE.
Can use  DIV or other element.*/
.headerblock, .headerblock A:link, .headerblock A:visited       
										{	padding-left:2px; padding-right:5px; vertical-align:top; 
											color: White; background-color:#000099; text-decoration:none; font-weight:bold;  
										} /*white-space: nowrap; */

.altrow,.altrow td
											{background-color: #E9E9E9;}

.tabletight			{margin:0px; padding:0px;border-collapse:collapse;} 
	.tabletight tr,
	.tabletight td,
	.tabletight th
							{margin:0px; padding:0px; border-collapse:collapse;} 

.tableloose			{margin:0px; padding:3px;border-collapse:collapse;} 
	.tableloose tr,
	.tableloose td,
	.tableloose th
							{margin:0px; padding:3px; border-collapse:collapse;} 

.tight			{margin:0px; padding:0px;border-collapse:collapse;} 

/*
=============================
SEARCH STYLES
=============================
*/
.selectedItem					{background-color: Silver; color: Maroon; font-weight:bold; padding:2px; margin-bottom:3px; margin-top:3px; white-space:normal; }
.treenode						{font-size:11px; }
.treenodehover					{font-size:11px;color:red; }
.treenodeselected				{font-size:11px;color:blue; background-color:Silver;}

/*
=============================
SEARCH RESULTS STYLES
=============================
*/

.propheader						{border-left:solid 1px black; }
.propcell						{width:auto; font-weight:normal;white-space:nowrap;text-align:right; border-left:solid 1px black; padding-right:5px;  }
.condcell						{width:auto; font-weight:normal; color:Gray;white-space:nowrap;text-align:left;  }

/*
=============================
DATASHEET STYLES
=============================  
*/

.dataCell, .dataCondition	{text-align:right; vertical-align:top; font-weight:normal; font-size:10pt; color:#000000; border:0; margin:0; white-space:nowrap;}
.dataCondition					{text-align: left; font-size:8pt; color:#808080; white-space:nowrap;}
.dataComment					{width:40%; text-align:right; vertical-align:top; font-weight:normal; font-size:10pt; color:#000000; border:0; margin:0; white-space:normal;}
/*.dataCell, .dataComment		{border-top:solid 1px silver;}  put a border under certain cells */
/*.dataCell {border-bottom:solid 1px silver; border-left:solid 1px silver;}  */
.datarowSeparator, .datarowSeparator td
									{border-top:solid 1px #DDDDDD;}
									/*{padding-top:10px;}*/

/*
.propdatatable					{width:100%; padding:0; margin:0; }
.propgroup1, .propgroup2	{font-weight:bold; font-size:10pt; color:#000000; border:0; border-bottom:solid 1px #000000; padding:3px; margin:0; }
.propgroup1						{text-align: left; }
.propgroup2						{text-align: right; }
.propdata1, .propdata2, .propcond		
									{font-weight:normal; font-size:10pt; color:#000000; border:0; padding:3px; margin:0; }
.propdata1						{text-align: left; }
.propdata2						{text-align: right; }
*/


/*
=============================
COMPARE STYLES
=============================  
*/
.compareMatNameRow, .compareMatNameRow td
										{font-size:8pt; font-weight:bold; vertical-align:top; background-color:#EEEEEE; }
.compareDataRow, .compareDataRow td
										{font-size:8pt; font-weight:normal; vertical-align:top; white-space:nowrap;  }
td.comparePropName
										{font-size:8pt; font-weight:bold; white-space:nowrap; color:#202020; }
.compareComment			{font-size:8pt; font-weight:normal; color:Gray; white-space:normal; display:block; width:100%; }

/*
=============================
TABSET STYLES
=============================  
*/

.tabset				{
	height:19px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-width:0px 0px 0px 0px;border-style:none; border-spacing:0px;}
.tabset TR		{
	height:19px;
	padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-width:0px 0px 0px 0px;border-style:none; border-spacing:0px;}
.tabset TD		{
	height:19px;
	padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-width:0px 0px 0px 0px;border-style:none; border-spacing:0px; 
	font-size:12px; font-weight:bold; vertical-align:bottom;  
	background-position:top;
	background-repeat:repeat-x;
	 vertical-align:middle;
}

.tabset A								{cursor: pointer;}
.tabset A:link          {color: #0000CC;text-decoration: none}
.tabset A:active        {color: #CC0000;text-decoration: none}
.tabset A:visited       {color: #9933CC;text-decoration: none}
.tabset A:hover         {color: #0000CC;text-decoration: none}


/*
=============================
OTHER STYLES
=============================  
*/
.resultHead             {font-weight: bold;font-size: 10pt;color: #FFFFFF;text-align: center}
.resultHead2            {font-weight: bold;font-size: 10pt;color: #FFFFFF}
.hiText, .hitext        {font-weight: bold;font-size: 10pt;color: #000099}
.greeting               {font-weight: bold;font-size: 8pt;color: #000099}
.important               {background-color: #FFFFFF; border: solid 1px black; padding:0 3px 0 3px; }
a.important:link        {font-weight: bold;font-size: 8pt; color: #ff0000; border:0; text-decoration: none}
a.important:active      {font-weight: bold;font-size: 8pt; color: #ff0000; border:0; text-decoration: none}
a.important:visited     {font-weight: bold;font-size: 8pt; color: #ff0000; border:0; text-decoration: none}
a.important:hover       {font-weight: bold;font-size: 8pt; color: #ff0000; border:0; text-decoration: underline}
.helpHeader             {font-weight: bolder;font-size: 16pt;color: #000099;font-family: Arial}
.reglink2               {font-weight: bold;font-size: 12pt;color: #CC0000}
.subscribeLink          {font-weight: bold;color: #CC0000}
.compareHead            {font-size: 8pt;color: #000000;text-align: center}
.clsTable               {font-size: 8pt;color: #000000}
.tiny                   {font-size: 8pt}
.tagline                {font-size: 8pt}
.seqSearchJS            {color: #000099}
.quicksearchinput       {font-size: 8pt;background-color: #F0F0F0}
.admininput             {font-size: 8pt}
.smGrey                 {font-size: 7pt; color: #999999}
.altColor               {color: #990000}
.numbers                {font-size:9pt; color:#000000; text-align:left; font-weight:bold; border:0; width:45px;}
.usermessage						{color:red;}
.controlerror			{background-color:#FFCCCC;}
.forumCat               {font-size: 8pt;font-weight: bold;color: #000000}
.newMsg                 {font-size: 8pt;color: #CC0000}
.forumItalic            {font-size: 8pt;color: #000099;font-style: italic}
.greyOut                {color: #999}
.errortext							{color:Red; font-weight:bold; }

A.newsLink:link         {font-weight: bold;color: #000099;text-decoration: none}
A.newsLink:active       {font-weight: bold;color: #000099;text-decoration: none}
A.newsLink:visited      {font-weight: bold;color: #000099;text-decoration: none}
A.newsLink:hover        {font-weight: bold;color: #000099;text-decoration: underline}

A.pageLink:link         {font-weight: bold;font-size: 10pt;color: #000099;text-decoration: none}
A.pageLink:active       {font-weight: bold;font-size: 10pt;color: #000099;text-decoration: none}
A.pageLink:visited      {font-weight: bold;font-size: 10pt;color: #000099;text-decoration: none}
A.pageLink:hover        {font-weight: bold;font-size: 10pt;color: #000099;text-decoration: underline}

.footer                 {font-size: 8pt;color: #000000}
.foot                   {color: #000099}
A.footlink:link         {color: #000099;text-decoration: underline}
A.footlink:active       {color: #000000;text-decoration: underline}
A.footlink:visited      {color: #000099;text-decoration: underline}
A.footlink:hover        {color: #000000;text-decoration: none}

.nav                    {color: #000099}
A.navlink:link          {color: #000099;text-decoration: none}
A.navlink:active        {color: #000000;text-decoration: none}
A.navlink:visited       {color: #000099;text-decoration: none}
A.navlink:hover         {color: #000000;text-decoration: underline}

.reglink								{color: #CC0000;font-weight: bold;text-decoration: none}
A.reglink:link					{color: #CC0000;font-weight: bold;text-decoration: none}
A.reglink:active        {color: #CC0000;font-weight: bold;text-decoration: none}
A.reglink:visited       {color: #CC0000;font-weight: bold;text-decoration: none}
A.reglink:hover	        {color: #CC0000;font-weight: bold;text-decoration: underline}

.topnavig8              {font-weight: bold;font-size: 8pt;color: #FFFFFF}
.topnavlink				{ background-color:#000099; color:White; text-align:left; }
A.topnavlink:link       {color: #FFFFFF;text-decoration: none}
A.topnavlink:active     {color: #FFFFFF;text-decoration: none}
A.topnavlink:visited    {color: #FFFFFF;text-decoration: none}
A.topnavlink:hover      {color: #FFFFFF;text-decoration: underline}

A:link          {color: #0000CC;text-decoration: underline}
A:active        {color: #CC0000;text-decoration: underline}
A:visited       {color: #9933CC;text-decoration: underline}
A:hover         {color: #0000CC;text-decoration: underline}

a.unitlink:link				{color:#000000; text-decoration:none; }
a.unitlink:active				{color:#000000; text-decoration:none; }
a.unitlink:visited			{color:#000000; text-decoration:none; }
a.unitlink:hover				{color:red; text-decoration:underline; }

.debug				{ padding:5px; vertical-align: top; border-style:outset; border-width:5px; border-color:Maroon; 
							  color:Blue; background-color: #FFBFBF; 
								position:absolute; right:25px; top:115px; display:block;
								}

.progressIndicator
						{ background-color:white; color:Maroon; font-size:14px; font-weight:bold;	}

/*
=============================
POPUP ALERT STYLES
=============================  
*/
						
#divPopupOverlay{ 
		/*background-image: url(/images/overlay.png);*/
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 90;
		width: 100%;
		height: 100%;
}

* html #divPopupOverlay{
		background-color: #333;
		background-color: transparent;
		background-image: url(/images/blank.gif);
		/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");*/
}

.popupAlert 
			{	background-color:White; position:absolute; left:400px; top:100px; height:150px; width: 250px; overflow:visible; }

.divPopupAlert {background-color:White; margin:0px; padding:0px;  }			
.divPopupAlert table 
	{ background-color:White; width:100%; height:100%; border-style:outset; border-width:5px; border-color:blue; padding:0px; margin:0px; }
.divPopupAlert_TitleRow, .divPopupAlert_TitleRow td 
	{ height:25px; background-color:Maroon; font-size:16px; color:White;  }			
.divPopupAlert_ContentRow
	{ vertical-align:top; background-color:White; }			
.divPopupAlert_ContentRow td 
	{ vertical-align:top; background-color:White; overflow:scroll; }			
.divPopupAlert_ButtonRow, .divPopupAlert_ButtonRow td 
	{  height:25px; text-align:center; background-color:Silver; }			


/*Server Side Modal Popup*/
.modalBackground {
	background-color:Silver;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*
=============================
AUTO-COMPLETE STYLES
=============================  
*/

.autocomplete_completionListElement {  
	visibility :visible;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : default;
	overflow : auto;
	height : 200px;
  text-align : left; 
	list-style-type : none;
	padding-left:0px;
	}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem {
	background-color : window;
	color : windowtext;
	padding : 1px;
}