﻿/* global */
html{height: 100%;}

body
{ font-family: arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .68em;
  background: #FFFFFF;
  color: #5A6370;
}

p
{ margin: 0px 20px 12px;
  line-height: 1.7em;
  font-size: 14px;
}

h1
{ font-family: arial, sans-serif;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}

img{border: 0px;}

/*a{outline: none;}*/

/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* Scripted tables */
tr.disp_th
{
 padding: 10px;
 font-size: 14px;
 color: #02659D;
 height: 50px;
}

tr.disp_hdr
{
 padding: 10px;
 text-align: center;
 font-size: 14px;
}


td.ctr {text-align: center;}

td.tdbrd 
{
 padding: 2px;
 border: 1px solid #636363;
 }
 
#capsulelink {background: #FFFFFF url(request-button.jpg) no-repeat; width: 400px; text-align: center; height: 26px;}
#capsulelink a {font-weight: bold; color: #000000 !important; height: 26px;}

#capsulelink:hover {background: #FFFFFF url(request-button-hover.jpg) no-repeat; width: 400px; height: 26px; text-align: center;}
#capsulelink a:hover {font-weight: bold;}

/* Button */
.capsulelink {background: #FFFFFF url(request-button.jpg) no-repeat; width: 400px; text-align: center; height: 26px;}
.capsulelink a {font-weight: bold; color: #000000 !important; height: 26px;}

.capsulelink:hover {background: #FFFFFF url(request-button-hover.jpg) no-repeat; width: 400px; height: 26px; text-align: center;}
.capsulelink a:hover {font-weight: bold;}

.capsulelink500 {background: #FFFFFF url(/style/bars/Request-Button-500.jpg) no-repeat; width: 500px; text-align: center; height: 26px;}
.capsulelink500 a {font-weight: bold; color: #000000 !important; height: 26px;}

.capsulelink500:hover {background: #FFFFFF url(/style/bars/Request-Button-Hover-500.jpg) no-repeat; width: 500px; height: 26px; text-align: center;}
.capsulelink500 a:hover {font-weight: bold;}


/* main container */
#main
{ width: 800px;
  margin-left: auto; 
  margin-right: auto;
  background: #FFFFFF;
  color: #636363;
}

/* links above the logo / footer */

#footer
{ margin-left: auto; 
  margin-right: auto;
  padding: 20px 20px 0px 20px;
  width: 800px;
  height: auto;
  text-transform: capitalize;
  background: #FFFFFF;
  float: left;
  text-align: center;
}

#footer p
{
  font-size: 11px;
  color: #555454;
}

#footer a
{
  color: #555454;
  font-weight: normal;
  font-size: 11px;
  text-decoration: none;
}

#footer a:hover
{
  color: #10A014;
}


.morefooter a
{
  color: #555454;
  font-weight: normal;
  font-size: 11px;
  text-decoration: none;
}

.morefooter a:hover
{
  color: #10A014;
}



#links
{ 
    
    width: 800px;
 height: 27px;

  padding: 10px 0px 0px 0px;
  text-align: right;
  /*background: url(it-works-header-back.jpg) no-repeat;*/
}

#links img
{
 float: left;
}

#links ul{margin: 0px auto;} 

#links ul li
{ font-size: 8pt; 
  margin: 0px 6px;
  float: right;
  list-style-type: none;
  
} 

#links li a 
{
  display: block; 
  float: left; 
  height: 19px;
  text-decoration: none; 
  text-transform: capitalize;
  font-weight: bold;
  background: transparent;
  color: #02659D;
  padding: 3px 0px 0px;
} 

#links li a:hover
{
 color: #10A014;
}

#links li a#selected
{
  background: url(login-button.jpg) no-repeat;
  color: #000000;
  width: 97px;
}

#links li a#selected2
{
  background: url(contact-sales-red.jpg) no-repeat;
  color: #FFFFFF;
  width: 119px;
}

#links li a#selected:hover
{
  background: url(login-button-hover.jpg) no-repeat;
}

  /* --------------------------------- */

#links br
{
  font-size: 2pt; 
}


#links2
{ height: 23px;
  width: 575px;
  margin-left: auto; 
  margin-right: auto; 
  padding: 5px 0px -15px;
  text-align: right;
 /* background: url(it-works-header-back.jpg) no-repeat;*/
}

#links2 img
{
 float: right;
}

#links2 ul{margin: 0px auto;} 

#links2 ul li
{ font-size: 8pt; 
  font-weight: bold;
  margin: 0px 6px;
  float: right;
  list-style-type: none;
  
} 

#links2 li a 
{
  display: block; 
  float: left; 
  height: 19px;
  text-decoration: none; 
  text-transform: capitalize;
  font-weight: bold;
  background: transparent;
  color: #858C92;
  padding: 3px 0px 0px;
} 

#links2 li b 
{
  display: block; 
  float: left; 
  height: 19px;
  text-decoration: none; 
  text-transform: capitalize;
  font-weight: bold;
  background: transparent;
  color: #000000;
  padding: 3px 0px 0px;
} 

#links2 li a:hover
{
 color: #10A014;
}

#links2 li a#selected
{
  background: url(login-button.jpg) no-repeat;
  color: #000000;
  width: 97px;
}

#links2 li a#selected:hover
{
  background: url(login-button-hover.jpg) no-repeat;
}


  /* --------------------------------- */

/* "Master" UL (the whole Menu) */
#headernav {
 width: 800px;
 height: 27px;
 padding: 0px 10px;
 background: #FFFFFF url(headernav-back.jpg) repeat;
 border: 1px solid #9AC1D6;
 text-align: center;
 position:relative;
 margin:0;
 padding:0;
}

#headernav ul {
 padding: 0px;
 margin: 0px;
}

/* sub-menu ULs */
#headernav li ul {
	width:255px;
	position:absolute;
	height:auto;
	display:none;
	left:-10px;
	padding:7px 0px;
	font-weight: normal;
    text-align: left;
    margin-top: 2px;
}
/* All LIs */
#headernav li {
	position:relative;
	width: auto;
	float:left;
  	list-style-type:none;
  	font-weight:bold;
    text-decoration: none;
    font-weight: bold;
    margin-left: 22px;
    
}
/* sub-menu LIs */
#headernav li ul li {
	width: 255px;
	padding: 4px 0px 0px 6px;
	text-decoration: none;
    color: #02659D;
 	font-weight: bold;
	font-size: 13px;
    float: left;
    list-style: none;
    background: #FFFFFF url(headernav-back.jpg) repeat;
    border: 1px solid #9AC1D6;
    margin-left: 15px;
 }
/* All anchors */
#headernav li a {
	text-decoration:none;
	display:block;
	float:left;
	height:2em;
	line-height:2em;
    color: #02659D;
    font-size: 12px;
 
    
}
/* sub-menu Anchors */
#headernav li ul li a {
	width: auto;
    position:relative !important; /* ie Mac */

	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight: bold;
	color:#02659D;
	background-position:0 50% !important;
}
/* :hover and stuff */
#headernav li a:hover{color:#10A014;}
#headernav li:hover ul,
#headernav li.msieFix ul {display:block;z-index:10;top:1.65em;}

#matrixlogo
{ margin-left: auto; 
  margin-right: auto;
  width: 800px;
  height: 299px;
  text-align: left;
  background: #FFFFFF url(MatrixHeader.gif) no-repeat;
  color: #5A6370;
}

/* logo - Home Page*/
/* OLD CODE*/
/*

#logo h1
{ margin: 0px;
  padding: 20px 0px 0px 250px;
  font-size: 20px;
  letter-spacing: .2em;
  background: transparent;
  color: #000000;
  font-weight: normal;
}

#logo p
{
 color: #106DA2;
 font-size: 15px;
 font-weight: bold;
 line-height: 1.7em;
 margin: 0px 0px 0px 10px;
 padding: 10px 0px 0px 250px;
}
*/
#logo
{ margin: 0px; 
  width: 800px;
  height: 214px;
  background: #BCE2F1;
  color: #5A6370;
  overflow: hidden;
}

#logo p
{
 margin: 0px;
 padding: 0px;
}


/* background: transparent url(universities_back.jpg);
 background: transparent url(colleges_back.jpg);
 background: transparent url(depts_back.jpg);
 background: transparent url(research_back.jpg);
 background: transparent url(community_back.jpg);
*/
/* logo - internal*/

#logo ul
{
 margin: 0px;
 padding: 0px;
 height: 214px;
 width: 800px;
 list-style: none;
} 

#logo li
{ float: left; 
  margin: 0px; 
  padding: 188px 0px 0px;
} 

#logo li:checked
{
 color: #FFFFFF;
}

#logo li a 
{
  float: left; 
  height: 16px;
  width: 200px;
  text-decoration: none; 
  text-transform: capitalize;
  color: #010101;
  font-weight: normal;
  font-size: 9pt;
  padding: 5px 0px;
  text-align: center;
} 

#logo li a:hover
{
 color: #FFFFFF;
 
} 
/* logo - internal*/
#logo_internal
{ margin-left: auto; 
  margin-right: auto;
  width: 800px;
  height: 113px;
  text-align: left;
  background: #BCE2F1;
  text-transform: uppercase;
}

#logo_internal p
{ margin: 0px;
  padding: 0px 0px 0px 20px;
  font-size: 20px;
  background: transparent;
  color: #00639C;
  font-weight: bold;
}

#logo_internalSmallText
{ margin-left: auto; 
  margin-right: auto;
  width: 800px;
  height: 113px;
  text-align: left;
  background: #BCE2F1;
  text-transform: uppercase;
}

#logo_internalSmallText p
{ margin: 0px;
  padding: 0px 0px 0px 20px;
  font-size: 18px;
  background: transparent;
  color: #00639C;
  font-weight: bold;
}


#logodeptmgr
{ margin-left: auto; 
  margin-right: auto;
  width: 800px;
  height: 113px;
  text-align: left;
  background: #D78028;
  text-transform: uppercase;
}

#logodeptmgr p
{ margin: 0px;
  padding: 0px 0px 0px 20px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

#logodeptmgr h3
{ margin: 0px;
  padding: 30px 0px 0px 10px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

#logodeptmgr h4
{
  margin: 0px;
  padding: 10px 0px 0px 40px;
  font-size: 15px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: capitalize;
}


#logofinan
{ margin-left: auto; 
  margin-right: auto;
  width: 800px;
  height: 113px;
  text-align: left;
  background: #B0B0B0;
  text-transform: uppercase;
}

#logofinan p
{ margin: 0px;
  padding: 0px 0px 0px 20px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

#logofinan h3
{ margin: 0px;
  padding: 30px 0px 0px 10px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

#logofinan h4
{
  margin: 0px;
  padding: 10px 0px 0px 40px;
  font-size: 15px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: capitalize;
}

#logodeptacct
{ margin-left: auto; 
  margin-right: auto;
  width: 800px;
  height: 113px;
  text-align: left;
  background: #A39B67;
  text-transform: uppercase;
}

#logodeptacct p
{ margin: 0px;
  padding: 0px 0px 0px 20px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

#logocollegeadmin
{ margin-left: auto; 
  margin-right: auto;
  width: 800px;
  height: 113px;
  text-align: left;
  background: #096A67;
  text-transform: uppercase;
}

#logocollegeadmin p
{ margin: 0px;
  padding: 0px 0px 0px 20px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

#logocollegeadmin h3
{ margin: 0px;
  padding: 30px 0px 0px 10px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

#logocollegeadmin h4
{
  margin: 0px;
  padding: 10px 0px 0px 40px;
  font-size: 15px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: capitalize;
}

#logoeffortadmin
{ margin-left: auto; 
  margin-right: auto;
  width: 800px;
  height: 113px;
  text-align: left;
  background: #72799E;
  text-transform: uppercase;
}

#logoeffortadmin p
{ margin: 0px;
  padding: 0px 0px 0px 20px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

#logoeffortadmin h3
{ margin: 0px;
  padding: 30px 0px 0px 10px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

#logoeffortadmin h4
{
  margin: 0px;
  padding: 10px 0px 0px 40px;
  font-size: 15px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: capitalize;
}

/* navigation menu */
#menu
{ height: 26px;
  width: 800px;
  margin-left: auto; 
  margin-right: auto;
  background: transparent url(sec-nav-back.jpg) no-repeat;
  color: #000000;
  padding: 0px;
  font-weight: normal;
  text-align: center;
  font-size: 12px;
}

#menu ul
{
 margin: 0px auto;
 padding: 0px;
} 

#menu li
{ float: left; 
  margin: 0px; 
  padding: 0px 3px;
} 

#menu li a 
{ display: block; 
  float: left; 
  height: 16px;
  width: 154px;
  text-decoration: none; 
  text-transform: capitalize;
  background: transparent url(sec-nav-btn.gif);
  color: #010101;
  font-weight: normal;
  font-size: 97%;
  padding: 5px 0px;
} 

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: transparent url(sec-nav-hover.gif);
  color: #FFFFFF;
} 

#menu p
{
 color: #010101;
 font-size: 97%;
 text-decoration: none;
 text-transform: capitalize;
}

#menu p:hover
{
 background: transparent url(universities_back.jpg);
 color: #FFFFFF;
}

/* main content */
#content
{ margin-left: auto; 
  margin-right: auto;
  width: 800px;
  height: auto;
  padding: 0px;
  overflow: hidden;
  background: transparent;
  color: #5A6370;
} 

#h1 
{ background: transparent;
  color: #1775D5;
  border-color: #89A9C7;
}

/* Just adding space for video on main page - just a test */
#vidcolumn1
{ width: 250px;
  height: auto;
  float: right;
  padding: 14px 0px 15px;
  background: #F0F8ED;
  font-size: 12px;
}


/* column 1 - contains sidebar items */
#column1
{ width: 209px;
  height: auto;
  float: right;
  padding: 14px 0px 15px;
  background: #F0F8ED;
  font-size: 12px;
}

.sidebaritem
{
  width: 200px;
  float: left;
  margin: 0px 7px;
  background: transparent;
}

.sidebaritem table
{
 font-size: 12px;
 text-align: left;
 border-spacing: 1px;
 color: #00639C;
}

.sbihead
{
 background: transparent;
}

.sbihead h1
{ padding: 18px 0px 0px; 
  margin: 0px; 
  font-weight: bold;
  font-size: 13px;
  background: transparent;
  color: #00639C;
  text-transform: uppercase;
  height: 14px;
  width: 188px;
}

.sbihead ul
{
 margin: 15px 15px 0px 18px;
 padding: 0px;
}

.sbihead p 
{
 font-size: 12px;
}

.sbihead p.gms, ul.gms
{
 font-size: 10px;
}

.navText1
{
    padding-left:20px;
    background: transparent; text-align:left;
}

.navText1 h3
{ padding: 18px 0px 0px; 
  margin: 0px; 
  font-size: 12px;
  background: transparent;
  color: #00639C;
  text-transform: uppercase;
  width: 188px;
}

.navText1 ul
{
 margin: 8px 15px 0px 20px;
 padding: 0px; font-size:12px; font-weight:bolder;
}

.navText1 p 
{
 font-size: 12px;
}

.navText1 p.gms, ul.gms
{
 font-size: 10px;
}

#column1-login
{ width: 250px;
  height: auto;
  float: right;
  padding: 14px 0px 5px;
  background: #F0F8ED;
  font-size: 12px;
}

.sidebaritem-login
{
  width: 300px;
  float: right;
  margin: 0px 0px;
  background: transparent;
}

#UL2
{
 margin: 15px 15px 0px 35px;
 padding: 0px;
}

.sbihead li
{ 
 padding: 0px;
 border-bottom: 1px solid #00639c;
 color: #00639C;
 list-style-image: url('arrow.gif');
 margin: 0px 0px 9px;
}

.sbihead li a
{
 color: #00639C;
}

.sbihead li a:hover
{
 color: #10A014;
}


/* column 2 - page content */
#column2
{ text-align: left;
  width: 400px;
  float: left;
  padding: 74px 0px 15px;
}

#column2 h1
{
  margin: 0px; 
  font-size: 15px;
  text-transform: Capitalize;
  font-weight: bold;
  background: transparent;
  color: #000000;
  text-align: left;
  padding: 0px 12px 8px 0px;
}

#column2 a, 
{ background: transparent;
  color: #00639C;
  padding: 0px 0px 2px 0px;
  text-decoration: none;
}

#column2 a:hover
{ background: transparent;
  color: #10A014;
  border-bottom: 1px solid;
  padding: 0px 0px 2px 0px;
  text-decoration: none;
}

#column2 p
{ margin: 0px;
  padding: 0px 12px 8px 0px;
  line-height: 1.7em;
  font-size: 14px;
}

/* Underline to split content from video */
#column2 li
{
  margin: 0px;
  padding: 0px 12px 0px 0px;
  line-height: 1.7em;
  font-size: 13px;
}

/*New style to make it more like column2_internal. These are used on the trade show page */
/* column 2_trade - page content for Trade show */
#column2_trade
{ text-align: left;
  width: 400px;
  float: left;
  padding: 14px 0px 15px;
}

#column2_trade h1
{
  margin: 0px; 
  font-size: 15px;
  text-transform: Capitalize;
  font-weight: bold;
  background: transparent;
  color: #000000;
  text-align: left;
  padding: 0px 12px 8px 0px;
}

#column2_trade a, 
{ background: transparent;
  color: #00639C;
  padding: 0px 0px 2px 0px;
  text-decoration: none;
}

#column2_trade a:hover
{ background: transparent;
  color: #10A014;
  border-bottom: 1px solid;
  padding: 0px 0px 2px 0px;
  text-decoration: none;
}

#column2_trade p
{ margin: 0px;
  padding: 0px 12px 8px 0px;
  line-height: 1.7em;
  font-size: 13px;
}

/* Underline to split content from video */
#column2_trade li
{
  margin: 0px;
  padding: 0px 12px 0px 0px;
  line-height: 1.7em;
  font-size: 13px;
}

/*used for other content columns throughout the page */
#column2_internal
{ text-align: left;
  width: 530px;
  float: left;
  padding: 14px 0px 14px 20px;
}

#column2_internal h3
{
  font-size: 14px;
  color: #636363;
}

#column2_internal h1
{
  margin: 0px; 
  font-size: 14px;
  text-transform: Capitalize;
  font-weight: bold;
  background: transparent;
  color: #000000;
  text-align: left;
  padding: 14px 12px 8px 0px;
}

/* Added to decreased the spacing in the regions on the region award page */
#column2_internal h2
{
  margin: 0px; 
  font-size: 14px;
  text-transform: Capitalize;
  font-weight: bold;
  background: transparent;
  color: #000000;
  text-align: left;
  padding: 4px 2px 2px 0px;
}

#column2_internal a
{ color: #00639C;
  padding: 0px 0px 2px 0px;
  text-decoration: none;
}

#column2_internal a:hover  
{ color: #10A014;
}

#column2_internal p
{ margin: 0px;
  padding: 0px 12px 8px 0px;
  line-height: 1.7em;
  font-size: 13px;
}

#column2_internal b
{ 
  font-weight: bold;
  color: #000000;
}

#column2_internal li
{
  margin: 0px;
  padding: 0px 12px 0px 0px;
  line-height: 1.7em;
  font-size: 13px;
}

#trainingul
{
  font-size: 13px;
  list-style-type: square; 
}

#column2_internal table
{
 font-size: 13px;
 text-align: left;
 border-spacing: 0px;
}

#promocolumn 
{
 background: transparent;
 height: auto;
 width: 171px;
 float: left;
 padding: 74px 0px 0px;
}



#enewsbuttoncolumn 
{
 background: transparent;
 height: auto;
 width: 171px;
 float: right;
 padding: 250px 0px 0px;
}

/*#promocolumn img 
{
 width: 154px;
 text-align: left;
}*/

/*modifying for use on trade show page */
#promocolumn2 
{
 background: transparent;
 height: auto;
 width: 171px;
 float: right;
 padding: 235px 0px 0px;
}

#bottomnav
{
 display:block;
 width: 791px;
 height: 160px;
 padding: 10px 0px 10px 15px;
 background: #EAF3F7;
 float: left;
 margin-top: 30px;
}

#navsect h1
{
 font-size: 12px;
 font-weight: bold;
 color: #01649D;
 margin: 0px 0px 3px;
}

#bottomnav a, #bottomnav p
{
 font-size: 11px;
 /* font-weight: normal; */
 color: #01649D;
 margin: 0px;
 text-decoration: none;
}

#bottomnav a:hover
{
 color: #10A014;
 text-decoration: none;
}


#navsect
{
 height: auto;
 width: auto;
 float: left;
 padding: 0px 17px 0px 17px;
}


.sidebaritem a, .sidebaritem a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
  background: transparent;
  color: #00639C;
}

.sidebaritem a:hover
{
  padding: 0px 0px 2px 0px;
  text-decoration: none;
  background: transparent;  
  color: #10A014;
}

#blognav ul
{
 width: 530px;
 height: auto;
 background: #00639C;
}

#blognav li
{
 float: left;
 list-style-type: none;
 width: 25px;
 height: auto;
 border: 1px solid #FFFFFF;
}

#blognav li a
{
 color: #FFFFFF;
 font-size: 8pt;
 font-weight: normal;
 text-decoration: none;
 padding: 0 10px;
 text-transform: uppercase;
}

#blognav li a:hover
{
 color: #467AA7;
}

#bottomtext
{
 display:none;
 
 text-align: left;
  width: 400px;
  float: left;
  padding: 74px 0px 15px;

}

.MoreHomeContent
{
 color: #5A6370;
 text-align: center;
 margin-top: 20px;
 float: left; 
  line-height: 1.5em;
  font-size: 14px !Important;
   text-align:left;
}

#MoreHomeContent P
{
 margin: 0px 20px 12px;
  line-height: 1.7em;
  font-size: 14px;
  text-align:left;
}


#bottomtext a
{
 color: #000000;
 text-decoration: none;
}
/* contact page - form layout */
form{margin-top: 0px;}

sup.prodtm
{
 font-weight: normal;
 font-size: 68%;
 /*padding-bottom: 15x; */
 /*position: fixed;*/
 text-transform: uppercase;
}


/* this is the full */

/* column Full - page content */
#columnfull
{ text-align: left;
  width: 800px;
  float: left;
  padding: 0px 0px 15px;
  min-height:400px;
}

#columnfull h1
{
  margin: 0px; 
  font-size: 15px;
  text-transform: Capitalize;
  font-weight: bold;
  background: transparent;
  color: #000000;
  text-align: left;
  padding: 0px 12px 8px 0px;
}

#columnfull a, 
{ background: transparent;
  color: #00639C;
  padding: 0px 0px 2px 0px;
  text-decoration: none;
}

#columnfull a:hover
{ background: transparent;
  color: #10A014;
  border-bottom: 1px solid;
  padding: 0px 0px 2px 0px;
  text-decoration: none;
}

#columnfull p
{ margin: 0px;
  padding: 0px 12px 8px 0px;
  line-height: 1.7em;
  font-size: 14px;
}

/* Underline to split content from video */
#columnfull li
{
  margin: 0px;
  padding: 0px 12px 0px 0px;
  line-height: 1.7em;
  font-size: 13px;
}

/* this is the end of the full*/



.APHeader
    {
        color: #006B9F;
        background-color: #EEF7EB;
        font-size:13px;
        font-weight:bold;
        cursor: pointer;
        padding: 10px;
        margin-top: 3px; 
        vertical-align:text-top;
    }
    
    .APHeader .AccordionArrow
    {
        width:10px; height:10px; background: transparent url(ArrowOff.gif) no-repeat;
    }
    
    .APHeaderSelected
    {
        color: #006B9F;
        background-color: #EEF7EB;
        font-size:13px;
        font-weight:bold;
        cursor: pointer;
        padding: 10px;
        margin-top: 3px; 
        vertical-align:text-top;
    }
    .APHeaderSelected .AccordionArrow
    {
        width:10px; height:10px; background: transparent url(ArrowOn.gif) no-repeat;
    }
    
.APContent
    {
        background-color: #ffffff;
        font-size:12px;
        font-weight:normal;
        border: 1px gray;                
        padding: 10px;
        padding-top: 7px;
        vertical-align:text-top; 
        
    }
    
.APLeftCol
    {
        width:376px; vertical-align:text-top; text-align:left;padding-right:2px;padding-left:2px;
    }
.APRightCol
    {
        width:376px; vertical-align:text-top; text-align:left;padding-right:2px;padding-left:2px;
    }

ul.APContent
{
 width: 390px;
 font: normal 10px auto Verdana, Arial;
 vertical-align:text-top;
 text-align:left;
 height: auto;
 list-style-type: none;
}

li.APContent
{
 width: 390px;
 font: normal 10px auto Verdana, Arial;
 vertical-align:text-top;
 text-align:left;
 height: auto;
 list-style-type: none;
}

/*
.ApLeftCol li
{
 width: 390px;
 font-size: 12px;
 vertical-align:text-top;
 text-align:left;
 height: auto;
 list-style-type: none;
}*/


#matrixFooter
{ margin-left: auto; 
  margin-right: auto;
  width: 800px;
  height: 13px;
  text-align: left;
  background: #FFFFFF url(MatrixFooter.gif) no-repeat;

}






.accordion 
{   
    width: 400px;   
}   
           
.accordionHeader 
{
    border: 1px solid #2F4F4F;   
    color: white;   
    background-color: #2E4d7B;   
    font-size: 12px;   
    font-weight: bold;   
    padding: 5px;   
    margin-top: 5px;   
    cursor: pointer;   
}   
           
.accordionHeaderSelected 
{   
    border: 1px solid #2F4F4F;   
    color: white;   
    background-color: #5078B3;   
    font-size: 12px;   
    font-weight: bold;   
    padding: 5px;   
    margin-top: 5px;   
    cursor: pointer;   
}   
           
.accordionContent 
{
    background-color: #D3DEEF;   
    border: 1px dashed #2F4F4F;   
    border-top: none;   
    padding: 5px;   
    padding-top: 10px;   
}  
.SubHeaderBlue
{
    color: #00639C;
    font-weight:bold;    
}

/*  -----------------------------------------------------------------  */
.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:White;
	border-width:0px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	width:750px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

.popupBody 
{
    margin:0px 3px 5px 3px;
}



.popupTopLeft {background: transparent url(/Images/PopUpCorners/RoundedPopupCorners_r1_c1.png) no-repeat; width: 20px; height:42px;}
.popupTopCenter {background: transparent url(/Images/PopUpCorners/RoundedPopupCorners_r1_c2.png) repeat-x; height: 42px;}
.popupTopRight {background: transparent url(/Images/PopUpCorners/RoundedPopupCorners_r1_c4.png) no-repeat; width: 56px; text-align: center; height: 42px;}

.popupCenterLeft {background: transparent url(/Images/PopUpCorners/RoundedPopupCorners_r5_c1.png) repeat-y; width: 20px;}
.popupCenter { background-color:White;}
.popupCenterRight {background: transparent url(/Images/PopUpCorners/RoundedPopupCorners_r2_c4.png) repeat-y; width: 20px;}

.popupBottomLeft {background: transparent url(/Images/PopUpCorners/RoundedPopupCorners_r6_c1.png) no-repeat; width: 20px; height: 32px;}
.popupBottomCenter {background: transparent url(/Images/PopUpCorners/RoundedPopupCorners_r6_c2.png) repeat-x; height: 32px;}
.popupBottomRight {background: transparent url/Images/PopUpCorners/RoundedPopupCorners_r6_c5.png) no-repeat; width: 35px; height: 32px;}


.popupText { padding:5px 20px 0px 20px;  font-size:12px; color:Black; border:3px solid #cccccc; width:88%; text-align:left; background-color:#EAF3F7;}

/* Section that contains style sheet info for the newly designed demographic page */


/* this is the full */

/* column Full - for the current demographic page */
.columnfull_demographic
{ text-align: left;
  width: 800px;
  float: left;
  padding: 14px 0px 14px 20px;
}

.columnfull_demographic h1
{
  margin: 0px; 
  font-size: 16px;
  text-transform: Capitalize;
  font-weight: bold;
  background: transparent;
  color: #000000;
  text-align: left;
  padding: 0px 12px 8px 0px;
}

.columnfull_demographic a, 
{ background: transparent;
  color: #00639C;
  padding: 0px 0px 2px 0px;
  text-decoration: none;
}

.columnfull_demographic a:hover
{ background: transparent;
  color: #10A014;
  border-bottom: 1px solid;
  padding: 0px 0px 2px 0px;
  text-decoration: none;
}

.columnfull_demographic p
{ margin: 0px;
  padding: 0px 12px 8px 0px;
  line-height: 1.7em;
  font-size: 13px;
}

/* Underline to split content from video */
.columnfull_demographic li
{
  margin: 0px;
  padding: 0px 12px 0px 0px;
  line-height: 1.7em;
  font-size: 13px;
}

.columnfull_demographic table
{
 font-size: 13px;
 text-align: left;
 border-spacing: 0px;
}

/* this is the end of the full*/


/* Changing the size of the request button to make a download button on the customer login page */
.capsulelink-demograph {background: #FFFFFF url(request-button-demograph.jpg) no-repeat; width: 250px; text-align: center; height: 26px;}
.capsulelink-demograph a {font-weight: bold; color: #000000 !important; height: 26px;}

.capsulelink-demograph:hover {background: #FFFFFF url(request-button-demograph-hover.jpg) no-repeat; width: 250px; height: 26px; text-align: center;}
.capsulelink-demograph a:hover {font-weight: bold;}

/* Setting up an individual button for the E-News link */
.capsulelink-demograph2 {background: #FFFFFF url(request-button-demograph-hover.jpg) no-repeat; width: 250px; text-align: center; height: 26px;}
.capsulelink-demograph2 a {font-weight: bold; color: #000000 !important; height: 26px;}

.capsulelink-demograph2:hover {background: #FFFFFF url(request-button-demograph.jpg) no-repeat; width: 250px; height: 26px; text-align: center;}
.capsulelink-demograph2 a:hover {font-weight: bold;}

/* EA Technical requirements table*/
.technicalreqstable{
	width: 550px;
}

.technicalreqstable th, .technicalreqstable tr, .technicalreqstable td{
	border:1px solid black;
	text-align: left;
	vertical-align:center;
	border-collapse:collapse;
	padding: 5px;
}

.technicalreqstable th{
	background-color: #72799E;
	color:white;
	height: 25px;
	vertical-align: center;
	text-align: center;
}

.technicalreqstable tr > td:first-child{
	font-weight:bold;
	color: white;
	background-color: #72799E;
}

/* Image with hover over effect to display span of text

see more info: http://www.sohtanaka.com/web-design/css-on-hover-image-captions/
 */
.imgteaser {
	margin: 0;
	overflow: hidden;
	position: relative;
	float:left;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}
.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
}
.imgteaser a .more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}
.imgteaser a:hover .desc{
	display: block;
	font-size: 1.2em;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 11px;
	left: 11px;
	padding: 10px;
	margin: 0;
	width: 566px;
	border-top: 1px solid #999;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}
