/*
  webspy.css
*/

input, select 
{
	font-family: Verdana, Sans-serif;
	font-size: xx-small;
	color: black;
}
body {
  font-family: Verdana, Sans-serif;
  /*font-size: xx-small;*/
  font-size:  0.7em;
  color: #666666;
  background: #FFFFFF;
   /* background: #ECECE9;  - grey background */
  margin: 0px;
  font-family: Verdana, Sans-Serif;  
  
  
}

h1 {font-size: 110%; color: #D82B3A; border-bottom: dotted 3px #09599E; line-height: 1.2em; margin-top: 0px;}
h2 {font-size: 105%; color: #3474C3; margin-top: 0px; margin-bottom: 10px; }
h3 {font-size: 100%; color: #D82B3A; margin-top: 0px; margin-bottom: 5px; }
h4 {font-size: 100%; color: #000000; margin-top: 0px; margin-bottom: 3px; }
p {font-size: 100%; font-family: Verdana; color: #666666;  padding-left: 3px; margin-top: 0px;}
p .listheading {margin-bottom: 0px;}
a {color: #D82B3A; text-decoration: none;}
a:hover {color: #3474C3; text-decoration: underline;}
p.footer {
	font-size: xx-small;
	color: #125E8F;
	text-align: center;
	margin: 20;
}
p.LeftMenuGroup {font-size: 8pt; color: #FFFFFF; background-color:#A3C1D4; line-height: 20px; margin-bottom: 0px; margin-top: 0px;
	border-top: solid 1px #FFFFFF; }
	
ul {margin: 0 0 10 10; padding: 0 0 0 10; }	
ul.Triangles li {list-style-image: url(/images/decorations/TriangleRight.gif);}
ul.Triangles li:hover {list-style-image: url(/images/decorations/TriangleRightHover.gif);}
ul li {list-style-image: url(/images/decorations/bullet_redarrow.gif);}
ul li:hover {list-style-image: url(/images/decorations/bullet_greenarrow.gif);}

p.listheading {margin-bottom: 3px;}

ol {margin: 0 0 10 10; padding: 0 0 0 20; }
.roman {list-style-type: lower-roman} 

.code {font-size: 105%; color: black; font-family: Courier New;}
.Title {font-family: Trebuchet MS, Arial Rounded, Verdana, San-serif; font-size: 250%; font-weight: normal; color: #666666; text-decoration: none; border: none;}
.TagLines {font-size: 105%; font-weight: bold; color: #666666; text-decoration: none; border: none;}
.Benefit {font-family: Helvetica, Trebuchet MS, Arial, Verdana, San-serif; font-size: 130%; font-weight: bold; color: #666666; text-decoration: none; border: none; margin: 20px 0 10px 0;}
 

a.DownloadButton {
   
    background-repeat: no-repeat;
    background-image: url(/images/buttons/DownloadHover.png);
    display: block;
    width: 84px;
    height: 23px;
    font-size: 80%;
    font-weight: bold;
    padding-left: 24px;
    padding-top: 5px;
    
}
a:hover.DownloadButton 
{
     background-image: url(/images/buttons/Download.png);    
}

img { border: none;}	  
	
table {font-size: 100%; background-color: Transparent;}
td { vertical-align: top;}
th { vertical-align: top; color: #3474C3; font-weight: bold; text-align: left;}
tr .odd {background-color: whitesmoke;}

/*td p {font-size: 0.7em; font-family: Verdana; color: Black;  padding-left: 3px;}
td h1 {font-size: 0.7em; color: #D82B3A;	border-bottom: dotted 3px #09599E; line-height: 1.2em; margin-top: 0px;}*/

.active {font-weight: bold; color: #3474C3;   margin-bottom: 5px; padding: 2 2 2 2; border-bottom: solid 1px #3474C3} /*bolds the active page heading on the download form*/
.lable {font-weight: bold; color: #3474C3;   margin-bottom: 5px; padding: 2 2 2 2; }
.Question {color: #3474C3; font-weight: bold;}


div.main {
  padding-top: 5px;
}

div.centerpiece {
  width: 730px;
  background: #FFFFFF;
  text-align: left;

 }

div.headerbar {
  background: url('/images/headers/MainHeader.jpg');
  height: 226px; 
    
}

.whitelinks a {color: #FFFFFF;}
.whitelinks a:hover {text-decoration: underline; color: #FFFFFF;}

div.menubar 
{ height: 20px;
	
}

div.footerbar {
  /*background: url('/images/headers/footer.gif');*/
  height: 25px;
  border-top: solid 1px #09599E;
  clear: right;
  margin-top: 10px;
  padding-top: 5px;
  vertical-align: middle;
}

div.pageBody {
  
  padding-top: 10px; /*Gets the text away from the topNav menu*/
  

}


#sidebar {width: 175px; display: block; margin: 3 3 3 3;}
#sidebar .box {width: 100%; border: solid 1px #A1A5A9;}
#sidebar .box td {font-size: 100%;}
#sidebar .box p {margin-top: 2px; margin-bottom: 10px}

#sidebar .box h2 {border-bottom: solid 1px #A1A5A9; 
	margin-bottom: 2px; margin-top: 0px; 
	font-size: 105%; color: #000; padding: 0px 10px 4px; 
	background: url('/images/decorations/SidebarheaderBG2.gif') repeat top left;
	}
	

#content 
{	width: 540px;
	/*display: inline;*/
	float: right;
	padding-right: 2px;
}

#scroll 
{	height: 540px;
	overflow:  auto;
	
}

#Knowledgebase 
{
	width: 530px;
	margin: 0px;
	
}

#Knowledgebase h1 {font-size: 105%; color: #3474C3; margin-top: 0px; margin-bottom: 10px; border-bottom: none;}
#Knowledgebase h2 {font-size: 100%; color: #D82B3A; margin-top: 0px; margin-bottom: 5px; }
#Knowledgebase h3 {font-size: 100%; color: #000000; margin-top: 0px; margin-bottom: 3px; }
#Knowledgebase h4 {font-size: 100%; color: #8C8C99; margin-top: 0px; margin-bottom: 3px; }
.subnote {font-size: 7pt; color: #8C8C99; margin-top: 20px; }