﻿
/* Basic settings */
body
{
    /*background-image: url(/Graphics/bg.gif);*/
    background-color: #d0d0d0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    margin-left: 5px;
    overflow-x: hidden; 

}
/* Anchors for links */
a:linkButton:visited {color:#006db8;font-weight:bold;
}
a:linkButton:link {color:#000000;font-weight:bold;
}
a:linkButton:active {color:#00FF33;font-weight:bold;
}
.btnGreen
{
	background: #33cc00;
	color: white;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
}
.modalBackground
{
	background-color: gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.green12Bold
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -.5px;
    font-size: 12pt;
    color: #1CA41D;
    text-decoration: none;
}
.green12BoldUnderline
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -.5px;
    font-size: 12pt;
    color: #1CA41D;
    text-decoration: underline;
}
.modalPopup
{
	background-color: white;
	width: 250px;
	border-right: #006db6 solid;
	border-top: #006db6 solid;
	border-left: #006db6 solid;
	border-bottom: #006db6 solid;
}
.progressBackgroundFilter { 
  position:fixed; 
  top:0px; 
  bottom:0px; 
  left:0px; 
  right:0px; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#000;  
  filter:alpha(opacity=50); 
  opacity:0.5; 
  z-index:1000; 
} 

.processMessage
{
	position: fixed;
	top: 30%;
	left: 43%;
	padding: 10px;
	width: 14%;
	z-index: 1001;
	background-color: #fff;
	border-right: dodgerblue thin solid;
	border-top: dodgerblue thin solid;
	border-left: dodgerblue thin solid;
	border-bottom: dodgerblue thin solid;
} 
.waterMarkText
{
	font-size: 11pt;
	color: darkgray;
	font-family: Arial, Helvetica, sans-serif, "MS sans serif";
	text-align: left;
}
.bulletList
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: left;
	list-style-type: circle;
	list-style-position: outside;
	font-weight: normal;
}
.headerTextGreen
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	color: #009900;
	text-decoration: none;
}
.BoxTop
{
    background-image: url(/Graphics2/BoxTop.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    height: 20;
}
.PortletTop
{
    background-image: url(/Graphics2/PortletTop.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    height: 20;
    text-align: left;
    vertical-align: middle;
}
.BoxTopRight
{
    background-image: url(/Graphics2/BoxTopRight.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    height: 20;
    text-align: left;
    vertical-align: middle;
}
.BoxTopRight9
{
    background-image: url(/Graphics2/BoxTopRight.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 9pt;
    height: 20;
    text-align: left;
    vertical-align: middle;
}
.ulstyle
{
    margin-top:2; 
    margin-bottom:2; 
    margin-right:2
}
.navigationulstyle
{
    margin-left: 1em;
    padding-left: 1em; 
    margin-top: 0px; 
    margin-bottom: 2; 
    margin-right: 0px;
}
td
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
}
td.tabs
{
    background-color: #d0d0d0;
    border-right-style: outset;
    border-bottom-style: outset;
    border-top: solid;
    border-left: solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}
td.ytabs
{
    background-color: #ffe4a7;
    border-right-style: outset;
    border-bottom-style: outset;
    border-top: solid;
    border-left: solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}
.menubar
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    color: White;
    background-color: #999999;
}
.menubarhome
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	font-variant:small-caps;
	color: White;
	background-color: #999999;
}
table.tabopen
{
    display: block;
    position: absolute;
    background-color: #d0d0d0;
    border-collapse: collapse;
    border-bottom: solid 1pt #ffffff;
    border-right: solid 1pt #ffffff;
    border-left: solid 1pt #999999;
}
table.tab
{
    display: none;
    position: absolute;
    background-color: #d0d0d0;
    border-collapse: collapse;
    border-bottom: solid 1pt #ffffff;
    border-right: solid 1pt #ffffff;
    border-left: solid 1pt #999999;
}
table.tportlets
{
    background-image: url(/Graphics2/bgPortlet.jpg);
    border-collapse: collapse;
    border-bottom: solid 1pt #ffffff;
    border-right: solid 1pt #ffffff;
    border-left: solid 1pt #999999;
    border-top: solid 1pt #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration: none;}
table.tportlets2
{
    background-image: url(/Graphics2/bgPortlet2.jpg);
    border-collapse: collapse;
    border-bottom: solid 1pt #ffffff;
    border-right: solid 1pt #ffffff;
    border-left: solid 1pt #999999;
    border-top: solid 1pt #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration: none;}
table.tconfirm
{
    background-image: url(/Graphics2/ConfirmBackground.jpg);
    border-collapse: collapse;
    border-bottom: solid 1pt #ffffff;
    border-right: solid 1pt #ffffff;
    border-left: solid 1pt #999999;
    border-top: solid 1pt #999999;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;}    
table
{
    background-color: #d0d0d0;
    border-collapse: collapse;
    border-bottom: solid 1pt #ffffff;
    border-right: solid 1pt #ffffff;
    border-left: solid 1pt #999999;
}
table.nocolor
{
    background-color: #d0d0d0;
    border-bottom: solid 1pt #d0d0d0;
    border-right: solid 1pt #d0d0d0;
    border-left: solid 1pt #d0d0d0;
}
table.white
{
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-bottom: solid 1pt #999999;
    border-right: solid 1pt #999999;
    border-left: solid 1pt #999999;
    border-top: solid 1pt #999999;
    position: absolute;
    top: 3px;
    left: 3px;
}

table.nobottom
{
    background-color: #d0d0d0;
    border-collapse: collapse;
    border-bottom: solid 1pt #d0d0d0;
    border-right: solid 1pt #ffffff;
    border-left: solid 1pt #999999;
}
table.noborderspad
{
    background-color: #d0d0d0;
    border-collapse: separate;
    border-bottom: solid 1pt #d0d0d0;
    border-right: solid 1pt #d0d0d0;
    border-left: solid 1pt #d0d0d0;
}

table.noborders
{
    background-color: #d0d0d0;
    border-collapse: separate;
    border-bottom: solid 1pt #d0d0d0;
    border-right: solid 1pt #d0d0d0;
    border-left: solid 1pt #d0d0d0;
    padding-left: 7;
}
table.noborderquality
{
    background-color: #d0d0d0;
    border-collapse: separate;
    border-bottom: solid 1pt #d0d0d0;
    border-right: solid 1pt #d0d0d0;
    border-left: solid 1pt #d0d0d0;
    padding-left: 7;
}
table.noborderquality1
{
    background-color: #d0d0d0;
    border-collapse: separate;
    border-bottom: solid 1pt #d0d0d0;
    border-right: solid 1pt #d0d0d0;
    border-left: solid 1pt #d0d0d0;
    padding-left: 7;
}
table.header
{
    background-color: #d0d0d0;
    border: none;
}


Div.navigation
{
    position: absolute;
    left: 10px;
    top: 120px;
    float: left;
}

Div.pagecontent
{
    position: absolute;
    left: 200px;
    top: 120px;
    float: left;
}



/* For the heading */
h1
{
    font-family: Arial;
    font-size: 16pt;
    color: black;
    font-weight: lighter;
}
hr.heading
{
    color: Black;
    height: 1.5pt;
    width: 66%;
}
.header
{
    font-family: Arial;
    font-size: 8pt;
}
.footer
{
    font-family: Arial;
    font-size: 8pt;
}

/* For forms */
input
{
    font-family: Arial;
    font-size: 10pt;
    border-width: 1pt;
    border-color: Gray;
}
select
{
    font-family: Arial;
    font-size: 10pt;
}
textarea
{
    font-family: Arial;
    font-size: 10pt;
    border-width: 1pt;
    border-color: Gray;
    background-color: White;
}
td.requiredfield
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: red;
}
/* for submit and reset buttons */
input.button
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    width: 60pt;
    height: 20pt;
    border-bottom-width: medium;
    border-right-width: medium;
    background-color: #d0d0d0;
    border-style: outset;
}
.pushbtn
{
    font-family: Verdana;
    height: 20;
    font-size: 10px;
    color: black;
    border-style: outset;
    border-color: #ffffff;
    background-color: #d0d0d0;
}

/* these are some ideas to add to the style sheet; they are currently not in use and can be changed */
th
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    color: #e0711a;
}
h2
{
    color: #6365CE;
    text-decoration: none;
    font-size: medium;
}
h3
{
    font-family: Arial;
    font-size: 11pt;
}
.black8bold
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -.5px;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
}
.black10
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: -.5px;
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
}
.headertext
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    color: #006DB8;
    text-decoration: none;
}
.headerTextBlack
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	color: black;
	text-decoration: none;
}
.standardtext
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    text-decoration: none;
}
.xslink
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 7pt;
    color: #006db8;
    text-decoration: none;
}
a.standardlink
{
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
    font-weight: normal;
    font-size: 9pt;
    color: #006db8;
}
a.standardlink:hover
{
    color: #FFFFFF;
}
.SmallError
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8pt;
    color: #E72E33;
    text-decoration: none;
}
.black12
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: -.5px;
    font-size: 12pt;
    color: #000000;
    text-decoration: none;
}
.black10bold
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -.5px;
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
}
.black12bold
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -.5px;
    font-size: 12pt;
    color: #000000;
    text-decoration: none;
}
.blue10bold
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -.5px;
    font-size: 10pt;
    color: #006db6;
    text-decoration: none;
}
.blue12bold
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -.5px;
    font-size: 12pt;
    color: #006db6;
    text-decoration: none;
}
.black14bold
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -.5px;
    font-size: 14pt;
    color: #000000;
    text-decoration: none;
}
.white14bold
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -.5px;
    font-size: 12pt;
    color: #ffffff;
    text-decoration: none;
}
.red8
{
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: -.5px;
    font-size: 10px;
    color: #E72E33;
    text-decoration: none;
}
.red12bold
{
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: -.5px;
    font-weight: bold;
    font-size: 12px;
    color: #E72E33;
    text-decoration: none;
}
.headerstuff1
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -.5px;
    font-size: 10pt;
    color: #6365CE;
    text-decoration: none;
}

a:link:active, a:visited:active	{ color:#FF6600; text-decoration: none; font-weight: bold; }
a:link:active:hover, a:visited:active:hover { color: #6365CE; text-decoration: underline; font-weight: bold; }


/* Product line links in the header */

a.headerlinks, a:headerlinks:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -.5px;
    font-size: 11px;
    color: black;
    text-decoration: none;
}
a.headerlinks:hover
{
    color: #878c7c;
    text-decoration: none;
}
a.linktitle, a.linktitle:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #006DB8;
    text-decoration: none;
}
a.linktitle:hover
{
    color: #666666;
    text-decoration: underline;
}
a.product, a.product:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
a.product:hover
{
    color: #878c7c;
    text-decoration: none;
}
a.general, a.general:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
a.general:hover
{
    color: #006DB8;
    text-decoration: none;
}

a.NewLink, a.NewLink:visited
{
    color: #006db8;
    text-decoration: underline;
    font-weight: normal;
    font-size: 10px;
}

a.NewLink:hover
{
    color: #FFFFFF;
}
/* Navigation Menu style */

a.menu, a.menu:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
a.menu:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}
a.submenu, a.submenu:active, a.submenu:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin-left: 6;
}
a.submenu:hover
{
    color: #FFFFFF;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    margin-left: 6;
}

