/* Style Sheet Index:

General text

  order of strength:
           
  NormalSmall
  Normal (NormalTextbox, NormalFormTitle)
  NormalIndent
  NormalFootnote
  NormalSuperScript
  NormalHighlight
  NormalBold
  NormalBoldSuperScript
  Alert
  Loud
  Attention
  Shout


Title styles
    
  Head
  SubHead
  SubSubHead

Portal admin pages

  Commandbutton


Menu styles

  m<zero based menu number>l<zero based level number>i|o<for inner or outer tag>

  m0l0o
  m0l1o
  m0l2o
  m0l3o
  m0l4o
  m0l5o
  m0l0i
  m0l1i
  m0l2i
  m0l3i
  m0l4i
  m0l5i

  m1l0o
  m1l1o
  m1l2o
  m1l3o
  m1l4o
  m1l5o
  m1l0i
  m1l1i
  m1l2i
  m1l3i
  m1l4i
  m1l5i

DataGrid styles

  CartListHead
  CartListSubTotal
  CartListItem
  CartListItemAlt
  CartListFooter
  ListHead
  ListFooter
  DataGridPager

Header and Footer classes

  HeadBg
  SiteTitle
  SelectedTab
  TabBg
  OtherTabs
  OtherTabsBg
  SiteLink
  Accent
  SpectrumTechLogoText

Generic html tags

body

  a
  h1 - h6
  tfoot, thead, th
  small
  big
  blockquote
  pre
  ul
  ol
  li
  dt
  hr
  
  
*/


/******** General text ***********/

/* order of strength:
           
           NormalSmall
           Normal (NormalTextbox, NormalFormTitle)
           NormalIndent
           NormalFootnote
           NormalSuperScript
           NormalHighlight
           NormalBold
           NormalBoldSuperScript
           Alert
           Loud
           Attention
           Shout
*/

.BlueBox
{
  color:Blue;
  background-color: transparent;
  border-width: thin; 
  border-color: Blue;
}

.syndicate {
	background: #FF6600;
	border: 1px solid;
	border-color: #FFCC99 #663300 #333300 #FF9966;
	color: #FFFFFF;
	font: bold 10px verdana, sans-serif;
	margin: 0;
	padding: 0 3px;
	text-decoration: none;
}

.NormalSmall
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-style: normal;
  line-height: 1.5em;
  font-weight: normal;
  color: Black;
  text-decoration: none;
}

.Normal       
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	color: Black;
	text-decoration: none;
}

.NormalIndent
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: 1.5em;
  font-weight: normal;
  color: Black;
  text-decoration: none;
  text-indent: 3em;
}

.NormalFootnote      
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: 1.5em;
  font-weight: normal;
  color: Black;
  text-decoration: none;
  padding-left: 60px;
  padding-right: 60px;
}

.NormalSuperScript
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  color: Black;
  vertical-align: super;
}

.NormalTextBox
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background-color: white;
  color: #000000;
}

.NormalFormTitle      
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-style: normal;
  line-height: 1.5em;
  font-weight: normal;
  color: Black;
  text-decoration: none;
  text-align: right;
}

.NormalHighlight
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: normal;
  color: #000099;
  background-color: transparent;
}

.NormalBold
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: bold;
  color:  #black;
  background-color: transparent;
}

.NormalBoldSuperScript
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color:  #000099;
  vertical-align: super;
}

.Alert
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color: transparent;
  color: Black;
  padding-top: 10px;
  padding-bottom: 10px;
}

.Loud
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: bold;
  color: Black;
  text-decoration: none;
}

.Attention
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: bold;
  color:  #000099;
  background-color: transparent;
}

.Shout
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 1.5em;
  font-weight: normal;
  color:  #000099;
  text-decoration: none;
  padding: 50px;
}


/******** Title styles ***********/

/*  Head
    SubHead
    SubSubHead
*/
    
.Head   
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size:  22px;
  font-weight:    normal;
  color:  #000099;
  background-color: transparent;
}

.SubHead    
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size:  11px;
  font-weight:    bold;
  color:  #000099;
  background-color: transparent;
}

.SubSubHead 
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size:  11px;
  font-weight:    bold;
  color:  #000099;
  background-color: transparent;
}


/******** Portal admin pages ***********/

/* Commandbutton
*/

.CommandButton     
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
}
    
a.CommandButton:link 
{
  text-decoration:    none;
  color: Black;
  background-color: transparent;
}

a.CommandButton:visited  
{
  text-decoration:    none;
  color: Black;
  background-color: transparent;
}

a.CommandButton:active   
{
  text-decoration:    none;
  color: Black;
  background-color: transparent;
}

a.CommandButton:hover    
{
  text-decoration:    none;
  color:  #000099;
  background-color: transparent;
}
    


/******** Menu styles ***********/

/*	m<zero based menu number>l<zero based level number>i|o<for inner or outer tag> */

/* m0l0o
   m0l1o
   m0l2o
   m0l3o
   m0l4o
   m0l5o
   m0l0i
   m0l1i
   m0l2i
   m0l3i
   m0l4i
   m0l5i
*/

.m0l0o 
   { text-decoration: none; border: solid 1px #666666 }
.m0l1o 
   { text-decoration: none; border: solid 1px #666666 }
.m0l2o 
{
	border: 1px solid #666666;
	text-decoration: none;
}
.m0l3o 
{
	border: 1px solid #666666;
	text-decoration: none;
}
.m0l4o 
{
	border: 1px solid #666666;
	text-decoration: none;
}
.m0l5o 
{
	border: 1px solid #666666;
	text-decoration: none;
}
.m0l0i 
 { font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none; padding: 2px }
.m0l1i 
{
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 2px;
	text-decoration: none;
}
.m0l2i 
{
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 2px;
	text-decoration: none;
}

.m0l3i 
{
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 2px;
	text-decoration: none;
}

.m0l4i 
{
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 2px;
	text-decoration: none;
}

.m0l5i 
{
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 2px;
	text-decoration: none;
}

/* m1l0o
   m1l1o
   m1l2o
   m1l3o
   m1l4o
   m1l5o
   m1l0i
   m1l1i
   m1l2i
   m1l3i
   m1l4i
   m1l5i
*/

.m1l0o 
 { text-decoration: none; border: none 0px #666666 }

.m1l1o 
{
	border: 1px solid #666666;
	text-decoration: none;
}

.m1l2o 
{
	border: 1px solid #666666;
	text-decoration: none;
}
.m1l3o 
{
	border: 1px solid #666666;
	text-decoration: none;
}
.m1l4o 
{
	border: 1px solid #666666;
	text-decoration: none;
}
.m1l5o 
{
	border: 1px solid #666666;
	text-decoration: none;
}
.m1l0i 
{
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 2px;
	text-decoration: none;
}

.m1l1i 
{
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 2px;
	text-decoration: none;
}

.m1l2i 
{
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 2px;
	text-decoration: none;
}

.m1l3i 
{
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 2px;
	text-decoration: none;
}

.m1l4i 
{
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 2px;
	text-decoration: none;
}

.m1l5i 
{
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 2px;
	text-decoration: none;
}

/******** DataGrid styles ***********/

/* CartListHead
   CartListSubTotal
   CartListItem
   CartListItemAlt
   CartListFooter
   ListHead
   ListFooter
   DataGridPager
*/
   
.CartListHead
{
  padding-left: 5px;
  font-weight: bold;
  font-size: 12px;
  border-left: #000000 1px solid;
  color:  #000099;
  line-height: 20pt;
  border-bottom: #000000;
  font-family: Verdana, Helvetica, arial, sans-serif;
  background-color: White;
}

.CartListSubTotal
{
  padding-left: 5px;
  font-weight: bold;
  font-size: 12px;
  color:  #000099;
  line-height: 2.0em;
  border-bottom: #000000;
  font-family: Verdana, Helvetica, arial, sans-serif;
  background-color: White;
}

.CartListItem
{
  padding-left: 5px;
  font-size: 12px;
  border-left: #696969 1px solid;
  color: #000000;
  border-bottom: #696969;
  font-family: Verdana, Helvetica, arial, sans-serif;
  background-color: White;
}

.CartListItemAlt
{
  padding-left: 5px;
  font-size: 12px;
  border-left: #696969 1px solid;
  color: #000000;
  border-bottom: #696969;
  font-family: Verdana, Helvetica, arial, sans-serif;
  background-color: #f2f2f2;
}

.CartListFooter
{
  line-height: 10pt;
  color:  #000099;
  background-color: White;
}

.ListHead
{
  padding-left: 5px;
  font-weight: normal;
  font-size: 12px;
  border-left: #000000 1px solid;
  color: Black;
  line-height: 1.5em;
  border-bottom: #000000;
  font-family: Verdana, Helvetica, arial, sans-serif;
  background-color: White;
}

.ListFooter
{
  line-height: 1.5em;
  color: Black;
  background-color: White;
}

.DataGridPager
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.5em;
  color: #000000;
  background-color: White;
}

a.DataGridPager:link 
{
  text-decoration:    none;
  color: Black;
  background-color: transparent;
}

a.DataGridPager:visited  
{
  text-decoration:    none;
  color: Black;
  background-color: transparent;
}

a.DataGridPager:active   
{
  text-decoration:    none;
  color: Black;
  background-color: transparent;
}

a.DataGridPager:hover    
{
  text-decoration:    none;
  color: #000000;
  background-color: transparent;
}


/******** Header and Footer classes ***********/

/* HeadBg
   SiteTitle
   SelectedTab
   TabBg
   OtherTabs
   OtherTabsBg
   SiteLink
   Accent
   SpectrumTechLogoText
*/

.HeadBg 
    { }

.SiteTitle 
 { color: white; font-weight: normal; font-size: 30px; font-family: Verdana, Helvetica, arial, sans-serif; background-color: #000099; padding-left: 10px }

.SelectedTab 
 { color: Green; font-weight: normal; font-size: 12px; font-family: Verdana, Helvetica, arial, sans-serif; background-color: transparent }

.TabBg 
 { color: Blue; background-color: transparent }

.OtherTabs /* Tabs not selected */
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size: 12px;
  color:Blue;
  background-color: transparent;
  text-decoration:none;
  font-weight: normal;
  border-width: thin 
}

.OtherTabsBg 
{
  color: Blue;
  background-color: transparent;
}

a.OtherTabs:link    
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: 1.5px;
  font-weight: normal;
  color: Blue;   /* This is the color of the tab link */
  text-decoration: none;
}

a.OtherTabs:visited 
{
  text-decoration:    none;
  color: Black;; /* was eeeeee */
  background-color: transparent;
}

a.OtherTabs:active  
{
  text-decoration:    none;
  color: Black;
  background-color: transparent;
}

a.OtherTabs:hover   
{
  text-decoration:    none;
  color:  Green;
  background-color: transparent;
}
    
.SiteLink   /* upper right corner of screen */
 { color: white; font-weight: bold; font-size: 12px; font-family: Verdana, Helvetica, arial, sans-serif }   

a.SiteLink:link 
 { color: white; text-decoration: none; background-color: transparent }

a.SiteLink:visited  
 { color: white; text-decoration: none; background-color: transparent }

a.SiteLink:active   
 { color: white; text-decoration: none; background-color: transparent }

a.SiteLink:hover    
 { color: yellow; text-decoration: none; background-color: transparent }

.Accent /* style for separator between SiteLinks */
{
  color:  #000099;
  font-weight:    bold;
  background-color: transparent;
}

.SpectrumTechLogoText
{
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
}


.ProductListHead
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: bold;
  color:  #000099;
  background-color: transparent;
}
.ProductListItem
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: normal;
  color:  Black;
  background-color: transparent;
}
.UnitCost
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: normal;
  color:  Black;
  background-color: transparent;
}
.ModelNumber
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: normal;
  color:  Black;
  background-color: transparent;
}
.Normaldouble
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: normal;
  color:  Black;
  background-color: transparent;
}
/******** Generic ***********/

body
 { color: black; background: transparent no-repeat left top; margin: 0px }

a:link  
{
  text-decoration:    none;
  color:  #000099;
  background-color: transparent;
}

a:visited   
{
  text-decoration:    none;
  color:  #000099;
  background-color: transparent;
}

a:active    
{
  text-decoration:    none;
  color:  #000099;
  background-color: transparent;
}

a:hover 
{
  text-decoration:    none;
  color:   #000099;
  background-color: transparent;
}


h1  
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size:  20px;
  font-weight:    normal;
  color:  #000099;
  background-color: transparent;
}

h2  
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size:  20px;
  font-weight:    normal;
  color:  #000099;
  background-color: transparent;
}

h3  
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size:  12px;
  font-weight:    normal;
  color:  #000099;
  background-color: transparent;
}

h4  
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size:  12px;
  font-weight:    normal;
  color:  #000099;
  background-color: transparent;
}

h5, dt  
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size:  11px;
  font-weight:    bold;
  color:  #000099;
  background-color: transparent;
}

h6  
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size:  11px;
  font-weight:    bold;
  color:  #000099;
  background-color: transparent;
}

tfoot, thead    
{
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size:  12px;
  color:  #000099;
  background-color: transparent;
}

th  
{
  vertical-align: baseline;
  font-family: Verdana, Helvetica, arial, sans-serif;
  font-size:  12px;
  font-weight:    normal;
  color:  #000099;
  background-color: transparent;
}

small   
{
  font-size:  8px;
}

big 
{
  font-size:  14px;
}

blockquote, pre 
{
  font-family:    Lucida Console, monospace;
}

ul li   
{
  list-style-type:    square;
}

ul li li    
{
  list-style-type:    disc;
}

ul li li li 
{
  list-style-type:    circle;
}

ol li   
{   
  list-style-type:    decimal;
}

ol ol li    
{
  list-style-type:    lower-alpha;
}

ol ol ol li 
{
  list-style-type:    lower-roman;
}

hr 
 { color: #cccccc; background-color: black; text-align: left; height: 1pt }