html, body 
{
	background-color:#879cff;
  font-family:arial, verdana, helvetica, sans-serif;
  font-size:12px;
	color:black;
	margin:0;
	padding:0;
	width:100%;
	min-width:100%;
}



/*****************
       DIVS
******************/

div.container 
{
	background-color:white;
	margin:0;
  width:100%;
  min-width:950px;
}

div.header
{
  background: #879cff url(../Images/Backgrounds/gradientroyalblue.jpg);
  width:100%;
  min-width:950px;  
}

div.topMenu
{
  background-color:#1C41AC;
  width:100%;
  min-width:950px;
}

div.mainContent
{
  float:left;
  width:80%;
  background-color:White;
  vertical-align:top;
  padding:5px;
  border:none;
}

div.sideBar
{
  float:right;
  width:16%;
  min-width:16%;
  background-color:#879cff;
  margin-left:auto;
  margin-right:auto;
  padding-right:10px;
  text-align:center;
  vertical-align:top;
  border:none;
  height:100%;
  min-height:500px;
}

div.sidebarDemo
{
  background-image:url(../Images/sidebarDemo.jpg);
}

div.sidebarDemoHover
{
  background-image:url(../Images/sidebarDemo2.jpg);
}

div.footer
{
  clear:both;
  background-color:#1C41AC;
  width:100%;
  min-width:950px;  
}

div.contentHeader
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
  color: Blue;
  background:#99ccff url(../Images/Backgrounds/lightgradientblue2.jpg);
  width:100%;
  height:30px;
  text-indent:10px;
  line-height:30px;
  vertical-align:bottom;
  margin-top:30px;
  margin-bottom:25px;
}

div.content
{
  margin-left:10px;
  margin-right:10px;
  min-height:470px;
}

div.prodInfoSubHeader
{
  font-size:16px;
  font-weight:bold;
  font-style:italic;
  color:Blue;
  height:24px;
}

div.newsletter
{
  background-color:#B9C8FF;
  width:150px;
}

div.largeText
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	width:auto;
}

div.smallText
{
  font-family:arial, verdana, helvetica, sans-serif;
  font-size:10px;
}

div.blackText
{
  color:Black;  
}

div.modalPopup
{
 background-color:#ffffff;
 border-width:3px;
 border-style:solid;
 border-color:Gray;
 padding:3px;
}

div.modalPopupScrnShot
{
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  background-color:silver;
  border-width:2px;
  border-style:ridge;
  border-color:#404040;
  padding:10px;
  height:810px;
  max-height:810px;
  width:1024px;
  overflow:auto;
}

div.modalPopupScrnShot2
{
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  background-color:white;
  border-width:3px;
  border-style:ridge;
  border-color:black;
  padding:10px;
  height:580px;
  max-height:580px;
  width:356px;
  overflow:auto;
}

div.titleBar
{
  width:100%;
  height:22px;
  background-color:Silver;
}

div.validationSummary
{
  height:50px;
  clear:both;
  margin-left:15px;
}

div.login
{
  margin-top:50px;
  margin-left:200px;
  min-height:470px;
}

div.infoRequest
{
  height:470px;
  width:260px;
}

div.infoRequestTall
{
  height:500px;
  width:260px;
}

div.supportRequest
{
  height:375px;
  width:500px;
}



/******************
       SPANS
*******************/

span.subHeader
{
  font-size:medium;
  font-weight:bold;
}

span.subHeader2
{
  font-size:small;
  font-weight:bold;
}

span.imageFooter
{
 font-size:x-small; 
 font-style:italic; 
 margin-left:57px; 
 float:left;
}

span.imageFooter2
{
 font-size:x-small; 
 font-style:italic; 
 margin-left:34px;
 float:left;
}

span.textboxIntro
{
 line-height:17px;
}

span.submitButton
{
  float:right; 
  margin-right:30px;
}

span.firstLetter
{
 font-size:x-large; 
 font-weight:bolder;
}



/******************
      TABLES
*******************/

table.productInfo 
{
	border-width:4px;
	border-spacing:5px;
	border-style:groove;
	border-color: blue;
	border-collapse: separate;
	text-align:left;
}

table.productInfo td 
{
	border-style:none;
	border-color:Black;
	padding: 5px;
	text-align:left;
	vertical-align:middle;
}

table.solutions
{
  position:relative;
  top:-10px;
}

tr.verticalSpacer
{
  height:5px;
}

td.topMenu
{
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;
  color: white;
  text-align: center;
  vertical-align: middle;
  width:110px;
}

td.topMenuRight
{
  width: auto;
  text-align: right;
  padding-right:10px;
}

td.footer
{
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;
  color: white;
  text-align: center;
  vertical-align: middle;
  background-color: #1C41AC;
  width: 85px;
}

td.footerLeft
{
  width:300px;
  text-align: left;
  padding-left:10px;
}

td.footerRight
{
  width: auto;
  text-align: right;
  padding-right:10px;
}

td.silver
{
  font-family: arial, verdana, helvetica, sans-serif;  
  font-size: 12px;
  color: Silver;
}

td.largeText
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	width:auto;
}

td.smallText
{
  font-family: arial, verdana, helvetica, sans-serif;
  font-size:10px;
  color:Black;
  text-align:left;
}

td.largeItalicText
{
  text-align:center; 
  font-size:large; 
  font-style:italic;
}

td.rightTextBox
{
  width:70%;
}

td.prodRight
{
  width:100px;
  height:20px;
  vertical-align:top;
}

td.scrnshotLeft
{
  vertical-align:top;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
}

td.scrnshotRight
{
  padding-left:10px;
  padding-right:10px;
  width:500px;
  vertical-align:top;
}

td.scrnshotRight2
{
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  width:500px;
  vertical-align:top;
}




/*****************
      IMAGES
******************/

img.center
{
  display:block;
  margin-left:auto;
  margin-right:auto;  
}

img.photoSmall 
{
	float: left;
  margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 2px;
	padding-top: 15px;
	border: 0px;
}

img.photoLarge 
{
	float:right;
	margin-left:15px;
	margin-bottom:12px;
	border:0px;
}

img.photoLarge2
{
	float:right;
	margin:20px;
	border:0px;
}




/**********************
    SPECIFIC CLASSES
***********************/

.imageLogo
{
  float:left; 
  border:0px; 
  position:absolute; 
  top:5px; 
  left:5px; 
  width:74px; 
  height:82px;
}

.linkButton1
{
  color:Blue;
  font-size:x-large;  
}

.smallTextBox
{
  font-family:arial, verdana, helvetica, sans-serif;
  font-size:10px;
  color:Blue;
  text-align:left;
  width:92%;
  max-width:92px;
  margin-left:auto;
  margin-right:0px;
}

.smallTextButton
{
  font-size:80%;
  margin-right:4px;
}

.smallText
{
  font-family:arial, verdana, helvetica, sans-serif;
  font-size:11px;
  color:Black;
  vertical-align:middle;
}

.smallTextDropDown
{
  font-family:arial, verdana, helvetica, sans-serif;
  font-size:11px;
  color:Black;
  vertical-align:middle;
  background-color:#B9C8FF;
}

.newsletterTable
{
  background-color:#B9C8FF;
  width:90%; 
  padding-top:1px; 
  padding-bottom:1px; 
  margin-left:auto; 
  margin-right:auto;
}

.accordionProdHead
{
  background:#0812D6 url(../Images/Backgrounds/darkgradientblue.gif);
  margin:4px;
  margin-bottom:0;
  color:White;
  font-weight:bold;  
  padding-left:5px;
  cursor:pointer;
}

.accordionProdHeadSelected
{
  background:#2F7CFB url(../Images/Backgrounds/lightgradientblue.gif);
  margin:4px;
  margin-bottom:0;
  color:Blue;
  font-weight:bold;
  padding-left:5px;
}

.accordionProdContent
{
  font-family:arial, verdana, helvetica, sans-serif;
  font-size:11px;
  background-color:#F0F8FF; 
  border-style:solid;
  border-width:1px;
  margin:4px;
  margin-top:0;
  padding:4px;
  color:Black;
}

.productButton
{
  display:block; 
  height:12px; 
  padding-top:0px;
  padding-bottom:3px;
  margin-right:5px;
}

.modalBackground
{
  background-color:Gray;
  filter:alpha(opacity=70);    /* For IE */
  opacity:0.7;                 /* For Firefox */
}

.closeButton
{
  float:right;
  background-color:#CC0033;
  color:White;
  font-weight:bold;
  border:1px;
  height:22px;
}

.closeButton2
{
  background-color:#DBE4F1;
  height:24px;
  width:160px;
  float:left;
  position:absolute;
  left:45%;
  top:96%;
}

.closeButton3
{
  background-color:#DBE4F1;
  height:24px;
  width:120px;
  float:left;
  position:absolute;
  left:35%;
  top:95%;
}

.submitButton1
{
  margin-top:30px;  
}

.changePasswordButton
{
  margin-top:20px;
  margin-left:20px;
}

.backButton
{
  float:left;
  background-color:Yellow;
  color:Blue;
  font-weight:bold;
  height:22px;
  width:60px;
  text-align:center;
}

.spacedBullets
{
  height:20px; 
  vertical-align:middle;
  margin-top:10px;
}

.imageSelectionButton
{
  width:35px;
  height:31px;
  font-size:large;
  text-align:center;
  vertical-align:middle;
  margin-left:2px;
  margin-right:2px;
  cursor:pointer;
}



/******************
      LINKS
*******************/

/* LINK VISITED HOVER ACTIVE selectors must remain in this order to work */
a:link {
  color: blue;
	text-decoration: none;  
}

a:visited {
	color: blue;
	text-decoration: none;	
}

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

a:active {
  color: blue;
	text-decoration: none;  
}


a.altlink:link {
  color:blue;
	text-decoration: none;  
	font-weight:bold;
	text-align:center;
}

a.altlink:visited {
	color:blue;
	text-decoration: none;	
	font-weight:bold;
	text-align:center;		
}

a.altlink:hover {
  color:yellow;
  text-decoration: underline;
	font-weight:bold;
	text-align:center;	  
}

a.altlink:active {
  color:blue;
	text-decoration: none;
	text-align:center;	  
}


a.altlink2:link {
  color:blue;
	text-decoration: none;
	font-weight:bold;
}

a.altlink2:visited {
	color:blue;
	text-decoration: none;	
	font-weight:bold;	
}

a.altlink2:hover {
  color:red;
  text-decoration: underline;
	font-weight:bold;  
}

a.altlink2:active {
  color:blue;
	text-decoration: none;  
	font-weight:bold;	
}


a.altlink3:link {
  color:blue;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
}

a.altlink3:visited {
	color:blue;
	text-decoration: none;	
	font-weight:bold;
	text-align:center;	
}

a.altlink3:hover {
  color:red;
  text-decoration: underline;
	font-weight:bold;
	text-align:center;	 
}

a.altlink3:active {
  color:blue;
	text-decoration: none;  
	font-weight:bold;
	text-align:center;	
}


a.showlink:link {
  color: #5f5fff;
	text-decoration: underline;  
}

a.showlink:visited {
	color: #5f5fff;
	text-decoration: underline;	
}

a.showlink:hover {
  color: #ff9966;
  text-decoration: underline;
}

a.showlink:active {
  color: #5f5fff;
	text-decoration: underline;  
}


a.showlink2:link {
  color: #ff9966;
	text-decoration: underline;  
}

a.showlink2:visited {
	color: #ff9966;
	text-decoration: underline;	
}

a.showlink2:hover {
  color: red;
  font-weight:bold;
  text-decoration: underline;
}

a.showlink2:active {
  color: #ff9966;
	text-decoration: underline;  
}


a.whitelink:link {
  color: #ffffff;
	text-decoration: none;  
}

a.whitelink:visited {
	color: #ffffff;
	text-decoration: none;	
}

a.whitelink:hover {
  color: #ff9966;
  text-decoration: underline;
}

a.whitelink:active {
  color: #ffffff;
	text-decoration: none;  
}




/*****************************************************************************************************
  Any style that starts with a "#" will match an entity in the HTML document with the "id" attribute.
******************************************************************************************************/

#header-large
{
  margin:0px;
  padding-left:90px;
  font-family:Arial Black, Arial;
  font-size:40px;
  font-weight:lighter;
  font-style:oblique;
  color:#5555FF;
}

#header-small
{
  margin: 0px;
  margin-bottom: 7px;
  padding-right: 10px;
  text-align: right;
  font-family: arial;
  font-size: 12pt;
  font-weight: bolder;
  color:#5555FF;
}