/* help.css is used by the help system screens */

h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.9em; color:#000;
padding-top:0;
margin-top:0;
}

.smalltext {font-size: 11px}
.smallesttext {font-size: 10px}
.verysmalltext {font-size: 9px}
.highlight {background-color:#FFFF00;}

.faq-question1 {
font-style:italic;
}
.faq-question2 {
font-weight:bold;
font-style:italic;
}
.faq-question-list {
}
.faq-question-list  ul {
list-style:none; 
}
.faq-question-list  li {
padding:2px 0; 
}

.faq-answer {
margin:10px 20px 15px 20px;
}

/*for video pages - next video link */
.nextvideolink:link, .nextvideolink:visited { color: #0eaee8; font-weight:bold; font-size:16px; font- text-decoration:none; }
/*p a:link, p a:visited, #maincolumn-homepage a:link, #maincolumn-homepage  a:visited, #maincolumn a:link, #maincolumn a:visited, #singlecolumn a:link, #singlecolumn a:visited {    
	text-decoration: underline; }*/
.nextvideolink:hover {text-decoration: underline;}
.embedflashvideo {margin:auto; width:900px; padding-left:12px; }

.breadcrumbs { color:#7d7d7d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:17px; overflow:hidden;height:20px; }
.breadcrumbs { text-transform:uppercase; margin: 3px 4px 0 4px; }
/* .breadcrumbs a, a:link, a:visited  { color:#000; text-decoration: none;}
.breadcrumbs a:hover { background-color:#FA0; }
*/
.breadcrumbleft { width:610px; }
.breadcrumbtable { width: 750px; }
/* helpBox1 is used in help.htm */
.helpBox1{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 0px 2px 12px 10px;width: 517px;}
/* CANNOT have .helpBoxTitle p OR ANY <p> inside of it's <div>, regardless of it's class, will be overriden
/*.helpBoxTitle p { font-size:15px; color:#555555;  font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0px 0px 5px 0px;padding-left: 1px; background: none; }*/
div.helpBoxTitle, body.helpBoxTitle, center.helpBoxTitle, span.helpBoxTitle, p.helpBoxTitle, td.helpBoxTitle
{ font-family:Arial, sans-serif; font-size:16px; font-weight:bold; color:#555555; text-align:center; margin:5px 0 10px 0; }
div.helpBoxTitleLeft, body.helpBoxTitleLeft, center.helpBoxTitleLeft, span.helpBoxTitleLeft, p.helpBoxTitleLeft, td.helpBoxTitleLeft
{ font-family:Arial, sans-serif; font-size:16px; font-weight:bold; color:#555555; text-align:left }

/* helpBox1_wide is used in help.htm when we have wide screen shots to fit in */
.helpBox1_wide{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 25px 10px;margin: 10px 2px 7px 0px;width: 715px;}

.helpBox2{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 0px 7px 0px;width: 224px;}


.base1 {font-family:Verdana, Arial, sans-serif; font-size:12px; color:#555555;  font-weight:normal}


/* homeBig1 used on home page and help pages */
div.homeBig1, body.homeBig1, center.homeBig1, span.homeBig1, p.homeBig1, td.homeBig1
{font-family: Arial, sans-serif; font-size:18pt; font-weight:bold; text-align: center; padding-top: 10px; color:black;}
a.homeBig1, a:link.homeBig1, a:visited.homeBig1, a:active.homeBig1
{font-family: Arial, sans-serif; font-size:18pt; font-weight:bold; text-align: center; padding-top: 10px; color:blue; text-decoration:underline}
a:hover.homeBig1  {  background: #DDDDDD;  }




/* Apps links on right side in boxes -- margin, padding etc. are in this order:    top  right bottom left */      
/*.appBox{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 174px;} */
.appBox{color: #555555;	background: white top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 174px;}  /* was 174 */
.appBox p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none;	}
.appBoxItem{color: #555555;	font: 12px Verdana, Arial, sans-serif;text-align: left;margin: 0px 0px 2px 0px;padding-left: 15px;	background: url(../../graphics/homepage/arrow-blue.gif) no-repeat top left;}
.appBoxItem p {font: bold 15px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none;	}
/* .appBoxItem a {color: #555555;	text-decoration: none;}
.appBoxItem a:hover {background: #DDDDDD;}
*/

#sidebarhelp {
float:right;
width: 260px;  
border: solid  1px  #ba0; /* #71a8cc; */
color:#000;
background-color: #f4f4f4;  /*#ebf3f5; nice light blue */ /*#f4f4f4; light gray */ 
}

#sidebarhelp div {
padding: 0;
text-align:center;
margin-top: 10px;
margin-bottom: 15px;
}

/* for code snippets use it like this: <textarea class="snippet-boxhelp" readonly="readonly" rows="12" onclick="this.focus (); this.select();" >  foobar </textarea> */
/* otherwise just put this class inset-boxhelp on a div */
.inset-margins {
	margin-left:35px;
}
.inset-boxhelp, .inset-boxhelp-colored, .snippet-boxhelp {
margin:auto;
margin-bottom:5px;
background-color: white;
border-top:  1px solid #ba0; 
border-left: 1px solid #ba0;
border-right:  2px solid #ba0;
border-bottom: 2px solid #ba0;
padding: 4px 3px 4px 5px;
width:93%;
font-size:12px;
}
.inset-boxhelp-colored {
	background-color:#FFC;
}
.snippet-boxhelp {
	padding:3px;
	margin-left:18px;
	font-size:11px;
	background-color: #EEE;
	font-family:"Courier New", Courier, monospace;
}
	 
.inset-boxhelp h5 {background:none;}
.inset-boxhelp h2 {border-top:none; font-size:1.3em;}

.inset-boxhelp  ul {
list-style:none; 
padding:0 8px;

/*
margin: -24px 0 0 0; 
#margin: -8px 0 0 0; 
_margin: -8px 0 0 0; */
text-align:left; 
}
.inset-boxhelp  li {
color: #333;
text-indent:-0.8em;	
margin: 0px 0px 0px 0px;
padding: 0 0 2px 2.3em;	
background: url(../../graphics/homepage/arrow-orange.gif) no-repeat top left;
}

.openlist  li { 
margin-top:18px;
margin-right:60px;
line-height: 16px; 
}

.helptoc li {color: #555555;	margin: 0px 0px 5px 0px;padding-left: 15px;	background: url(../../graphics/homepage/arrow-blue.gif) no-repeat top left;
list-style: none;
}

.kas_helpsystem_searchbox{
margin-left:80px; 
height:28px; 
width:530px; 
background-color:#996;  /* blue 6fcff8*/
/*background: white url(../../graphics/homepage/boxbg4.jpg) repeat-x top left;*/
margin-top:5px; 
margin-bottom:5px; 
padding-top:5px; 
text-align:center;

 /*background-color:#996;  eee light gray from feature boxes;  FFC pale lemon; 996 khaki brow=promising; a99175 -from pantssuit;   */
border: 1px solid #996; 
border-radius: 6px;  /* for IE */  -moz-border-radius: 6px;  -webkit-border-radius: 6px; 

 -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 9px 9px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 9px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999')";/* IE 8 */
 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999');/* IE 5.5 - 7 */ 

}
.helpsearchterms{font-size:10px; color:#BBB}
#helpcase dl dt  {  background-color:#CCC; }