/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
/*	font-family: Arial,sans-serif; */
	font-family: "Georgia", "Times New Roman",Times,serif;
/*	font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif; */
	font-size-adjust:none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
/*	font-size: 75%; */
	line-height: 1.3em; /* 1.462; */
	margin: 0em;
	padding: 0em;
/*	background-color: #ccc;  #f6f6f6; #eff;  black;
	background-image: url(/images/background.jpg); 
*/
	background-color: #ddd;
	background-image: url(/css/dlbkg2.png);
	background-repeat: no-repeat;
}

a,
a:link,
a:visited {
	color: #315692; /* #006699; */
	text-decoration: none;
}

a:hover {
/*	color: #006699; */
	color: #cc3333;
	text-decoration: underline;
}


/* attach a PDF icon to any href to *.pdf file */
/*
a[href $='.pdf'] {
	padding-right: 18px;
	background: transparent url(http://www.datalogics.com/images/pdficon_small.gif) no-repeat center right;
	}
*/


h1 {
/* ONLY Used as the title of pages!!..?? */
  font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
  font-size: 1.75em;
  line-height:1.35em;
 margin: 0px;
 padding: 0px;

}

h2{
	font-size: 1.1em; /* 1.4em; */
	color: #333333; /* #0c2577; #333333; #006699; */
        font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
	/* margin: 0em 0em -0.8em 0em; */
	line-height:1.35em;
	margin: 0em 0em 0.25em 0em;
	padding: 0.75em 0em 0em 0em;
}

h3,
h4	{
        font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
	font-size:1em; /* 1.1em */
	font-weight:bold;
	color: #333333; /* #0c2577; #333333; #006699; */
	margin: 0em 0em -0.5em 0em;
	padding: 0.75em 0em 0em 0em;
}

td h3,
td h4	{
 font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
 font-size: 1em;
 color: #333333; /* #0c2577; #333333; #006699; */
 margin: 0em 0em -1em 0em;
 padding: 0.75em 0em 0em 0em;
}



ul {
	padding: 0px 0px 0px 30px;
	margin: 0px;
 list-style-type: square;
}

ul ul{
 list-style-type: circle;
}

ul ul ul{
 list-style-type: none;
}


img {
	border-color: #888888;
}

li {

/*	margin-left: 3px; */
	margin-bottom: 0.3em;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/* pageContainer is the overall container of the page */
#pageContainer{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;  /* old was 760px; */
 	padding: 0px;
/*	border: 1px solid #cccccc;  */
	background-color: black; /* #e4e4e4; #dddddd; eeeeee; white;   #2492a2; */

	}

/* masthead is the top menu which appears on all web pages */

#masthead{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ddd; /* white; */
	}


#imgNav { /* holds the "Datalogics" logo */
	margin: 0px 0px 0px 0px;
	padding:10px 0px 0px 10px;
	}


 
#mainNav { 	 
	margin: 0px;
	padding: 0px 15px 0px 15px;
	height: 25px;
	background: url(/images/red_navbar.png) repeat-x; 
}

#h_menuBar { 
	/*h_menuBar holds the main top menu inside the masthead */	
/*	font-size:1em; */
	float:left; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position:relative; /* maybe needed to enable z-index */
	z-index: 99; /* ensures the popup menus appear on top of other content */

	}

.searchbox { /* the search box */
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	float:right;
}




#bodyContainer {
	clear:both;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background-color: black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	position:relative; /* maybe needed to enable z-index */
	z-index: 1;
}



/* container div for the rest of page content */
#contentContainer {
	margin: 0px;
	padding: 0px;
	position:relative;
	}


/* breadcrumb appears just inside the contentContainer */
#breadCrumb {
	font-size:0.75em;
        font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
	margin: 30px 0px 0px 10px;
	padding: 0px;
	color: white;
	}
#breadCrumb a {
	color: white;
}



#subcontentContainer {
	position:relative;
	margin: 0px;
	padding: 0px;
	background:  url(/images/feature-bkg-900.jpg) repeat-y 50% 0;
}


/* navBar is the navigation bar */
#navBar {
	padding:10px 5px 0px 10px;
	margin: 0px;
	width: 190px; 
	float:right;
        font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
	font-size:0.8em; /* .85em */

}

/* sectionLinks are the main (larger) links in the navBar */	
#sectionLinks {
	}
	
/* there might also be quotes on a page */

#quote {
	height: 3em; /* set the height on this so the banner image doesn't jump; text will overflow this, should be okay though */
	position: relative;
	padding: 10px;
	margin-left: 40%;
	line-height: 1.2em;
	margin-bottom:-1em; /* trim up breadcrumb */
	font-family: Georgia, Optima, Gill Sans, Times, serif;
	font-size: 0.85em;
}


#quote img {
/*	border-color: #555555; */
	display:none;
	}
	
#quote p {
/*	font-weight: bold; */
	color: white; /* #333333; black; #444444; */
	padding: 0px;
	margin: 0px;
}
#quote .qauth { /* author of the quote appears smaller */
	padding-top: 3px;
	text-align:right;
	font-size: 0.9em;
	font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
	font-weight: normal;
	color: white;
}

/* These are the main content divs:
	- feature
	- feature-col1, feature-col2 (2-col format)
*/

#feature {
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 40px 30px;
	background-color: white;
	width: 636px; 
	position: relative; /* for positioning the col1/col2 */
}

#feature-wide { /* just like feature, but wider */
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 40px 20px;
	background-color: white;
	position: relative; /* for positioning the col1/col2 */
}

#feature-col1_2 { 
	width: 45%;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 30px 0px;
/*	border-right: 1px solid #CCC; */
	background: url(http://www.datalogics.com/images/col-footer.gif) bottom no-repeat;
	}
#feature-col2_2 {
	margin-left: 50%;
	margin-bottom: 0px;
	padding: 0px 10px 10px 10px;
/*	border-left: 1px solid #CCC; */
	background: url(http://www.datalogics.com/images/col-footer.gif) bottom no-repeat;
	}



/* siteInfo is the menu in the page footer */
#siteInfo {
	clear:both;
	position:relative;
	bottom: 0;
	font-size: 0.8em;
	text-align:center;
	margin: 0px;
	padding: 5px 0px 20px 0px;
	background-color: #ddd;

}



/************** homepage div styles ***********/

#h_imgBlock {
/*
	clear:both;
	padding: 0;
	margin: 0px;
*/	}

/* the main homepage image */

#h_img {
	padding:0px;
	margin:0px;
	text-align:center;
/*	border-bottom: 1px solid #cccccc; */
}




/* Three column - note that cols are not same width. */

#col1_3 {
	position: relative;
	float: left;
	width:30%;
	margin: 1em 1em 1em 0em;
	padding: 0em;
}

#col2_3 {
	position: relative;
	float: left;
	width: 35%;
	margin: 1em 1em 1em 0em;
	padding: 0em;
}

#col3_3 {
	position: relative;
	float: right;
	width: 30%;
	margin: 1em 0em 1em 0em;
	padding: 0em;
	}

/* Two column - note that cols are not same width. */

#col1_2 {
	position: relative;
	float: left;
	width:50%;
	margin: 1em 1em 1em 0em;
	padding: 0em 1em 1em 0em;
/*	border: 1px solid white; */
}

#col2_2 {
	position: relative;
	float: right;
	width: 35%;
	margin: 1em 1em 1em 0em;
	padding: 0em 1em 1em 0em;
}


#col1_2 h3 {
	font-size:0.9em;	
	margin-left:10px;
	padding-bottom: 2px;
	border-bottom: 1px solid black;
}

#col1_2 ul {
	list-style-type:disc;
/*	margin-left: -10px; */
}

#col1_2 li {
	font-size:0.8em;
	margin-bottom:1em;
}

#col2_2 h3 {
	font-size:0.9em;	
	border-bottom: 1px solid black;
}

#col2_2 ul {
	list-style-type:disc;
/*	margin-left: -10px; */
}

#col2_2 li {
	font-size:0.8em;
	margin-bottom:1em;
	margin-left: -10px; 
}

#col2_2 p {
	font-size:0.8em;
	margin-bottom:0.5em;
}


/************* #h_menuBar styles **************/


#h_menuBar ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#h_menuBar a {
        font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
	line-height: 1.1em;
	display: block;
	text-decoration:none;
	margin: 4px 2px 0px 0px;
	padding: 2px 8px 3px 8px; 
	font-size:0.77em;
	font-weight: bold;
	color: white;
}

#h_menuBar li { /* all list items */
	margin: 0px;
	padding: 0px 0px 0px 20px;
	float: left;
	position: relative;
}


#h_menuBar li:hover a,
#h_menuBar li.sfhover a  { /* links within hovered list items */
	z-index: 50; /* must be higher than li:hover ul */
	background-color: #bcbcbc;  /* #e8e8e8; */
	color: #333333; 
 	}


	
#h_menuBar li ul { /* second-level lists */
	position: absolute;
	font-size: 0.95em; /* 0.9em; */
	width: 10.5em;  /* width needed or else Opera goes nuts */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#h_menuBar li:hover ul a,
#h_menuBar li.sfhover ul a { /* links within second-level lists; remove formatting */
	font-weight: normal;
	background:none;
	margin: 0em;
	padding: 0em 0em 0em 0.5em;
	}

#h_menuBar li:hover ul li,
#h_menuBar li.sfhover ul li { /* remove formatting */
	background-color: white;
	}

#h_menuBar li ul li { 
	float: left;
	padding: .5em 0em .5em 0em;
	width: 10.5em;  /* width needed or else Opera goes nuts */
	margin: 0;
}

#h_menuBar li:hover ul,
#h_menuBar li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin: 0em 0em 0em 1em; /* Safari hack - see end of this file */
	padding: 0em;
	border-left: 1px solid  #bcbcbc; 
	border-right: 1px solid #bcbcbc; 
	border-bottom: 1px solid  #bcbcbc; 
/*	width: 10em;  width needed or else Opera goes nuts */
	z-index: 40; /* ensures the popup menus appear on top of other content...
				note that IE seems be notoriously bad at supporting
				z-index... */
	}


#h_menuBar li ul li:hover,
#h_menuBar li ul li.sfhover {
	background-color: #cccccc;
	}

/************** #feature styles ***************/

#feature img,
#feature-col1 img,
#feature-col2 img {
	float: right;
	margin: 10px 10px 10px 10px;
}



/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
	line-height:1.3em;
	}

#navBar p {
	margin:0px 10px 10px 0px;
	}
#navBar ul {
	margin-left: 20px; 
	padding: 0.5em 0em 0em 0em;
	}

#navBar ul li ul {
	margin: 0; 
	padding: 0.5em 0em 0.5em 1em;
	}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom: 1px solid #eeeeee; 
	padding: 0em 0.5em 0em 0.5em;
	}

#navBar ul li:hover,
#navBar ul li.sfhover {
	}


/* fix for browsers that don't need the hack */
html>body #navBar li {
	border-bottom: none;
	padding: 0px;
	}

/*********** #sectionLinks styles ***********/

#sectionLinks img {
	margin: 0px;
	padding: 0px;
/* 	border-right: 1px solid #cccccc;  */
}


#sectionLinks h3 {

	font-size:0.8em;
	border-bottom: 2px solid #444;
	padding: 30px 0px 0px 0px;
	color: black; 
/*
	margin: 0px -1px 0px -1px;
	height: 25px;  height of the background graphic 
	padding: 0px;
	font-size: 0.9em;
	background: url(/images/red_navbar.png) repeat-x; 
*/
}



#sectionLinks ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
}



#sectionLinks li {
	margin: 10px 10px 0px 5px; /* moved from the <a> */
	padding: 0px;
	border: 0; /* needed for IE6 */
}

#sectionLinks a {

	margin: 0px;
	padding: 0px; 


}

#sectionLinks a:hover {
	color: #cc3333; /* #ea0437; */
	text-decoration: none;

}


#quoteblock {
	margin: 0px 50px 40px 50px;
	padding: 0px;
	font-family: Georgia, Optima, Gill Sans, Times, serif;
	font-size: 0.85em;
	color: green;

}

/*********** .h_box styles ***********/



.h_box {
	margin: 10px 15px 10px 15px;
	padding: 0px;
}

.h_box h3{
	text-align:center;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	background: url(/images/red_navbar.png) bottom repeat-x; 
	color: white;
/*
	border-right: 1px solid white;
	border-left: 1px solid white;
*/
}



.h_box a:link,
.h_box a:visited {
	font-weight:bold;
}
.h_box ul {
 	list-style: none; 
	margin: 0px; 
	padding: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	}

.h_box li {
	margin: 0px;
	padding: 15px 10px 15px 10px;
	border-bottom: 1px solid #cccccc; /* white; */

	background-color: white;
	color: black;
	}

/** GEM h_box2 added 6/24/2009 **/
.h_box2 {
	margin: 10px 10px 10px 10px;
	padding: 0px 10px 0px 10px;
	font-size:0.95em;
}

.h_box2 h2 {
	padding: 2px 0px 2px 20px;
	margin: 0px;
	color:black;
	font-size:1.2em;
}

.h_box2 h3 {
	padding: 5px 0px 2px 20px;
	margin: 0px;
	font-size:1.1em;
}
.h_box2 p {
	padding: 0px 0px 0px 20px;
	margin: 0em 0em 1em 0em;
}


/** end h_box2 **/

#quicklinks {
}

#quicklinks ul {
	margin-top: 5px;
	margin-bottom: 15px;
}


.h_highlight {
	padding-bottom: 0.1em;
	margin-bottom: 0.5em;
	background: url(/images/col-footer.gif) bottom no-repeat;
}

/** GEM 6/24/2009 - I think h_boxnew can be removed..?

.h_boxnew {
	margin: 40px 0px 0px 0px;
	padding: 10px;
	background-color: #dddddd;
}
**/



/**************** .stdborder class **************/

.stdborder {
	border: 0;
}


.blockstyle {
	display: block;
}

.plainlist {
	list-style: none;
}
.tablelist { /* lists within a table; kind of a hack to
		do snaking list columns in a flow */
	list-style: none;
	margin: 0px;
	padding: 0px 2px 0px 2px;
}



.loose li { /* spread the line-height..? */
	margin:0px 0px 1em 0px;
	padding:0px;
}

.story { /* story is a little component on a page; 
	might have a box, might have a col-footer */
	background-color: white;
	margin: -1px 0px 0px 30px;
	padding: 20px 5px 20px 5px;
	position:relative;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
}

.story p {
	margin-left: 190px;
}

.story img {
	float: left;
}

/*
.storytable {
	margin: 30px;
	padding: 0px;
}

.storytable tr {
}

.storytable td {
	border-bottom: 1px solid #cccccc;
}
*/
	

.doctable { /* list of documentation in table form */
	margin: 0em;
	padding: 0em;
	border-collapse: collapse;
	background-color: white;
}

.doctable th {
	margin: 0px;
	padding: 5px 0px 2px 0px;
/*
	border: 1px solid #cccccc;
	background: url(/images/gray_navbar.png) bottom repeat-x; 
*/
	background: url(/images/gray_navbar.png);
	color: white;
	vertical-align:bottom;
	text-align: center;
}


.doctable td {
	margin: 0em;
	padding: 5px 10px 5px 10px;
	border: 1px solid #cccccc;
	vertical-align: top;
}


.bannerimg {
	width: 100%;
/*	margin-bottom: 5px;  30px; */
}

/******************* .spotlight class ************/

/* spotlight class will be in the feature section; 
   and will be a table at the top highlighting relevant
   news/updates. spotlight will be contain and H3 and a UL
*/
.spotlight {
	position: relative;
	margin: 1em 3em 0em 2em;
	padding: 0em 0em 2em 0em;
	border: 1px solid #777777;
	background-color: #ffffff; /* #e7e7e7; #c0e8c3; */
	line-height: 1.1em;
}

.spotlight h3{
	margin: 0em 0em 0em 0em;
	padding: 1em 1em 0em 1em;
}

.spotlight h4 {
	margin: 0.5em 2em 0em 2em;
	font-size: 0.95em;
	}

.spotlight p {
	margin: 0em 2em 0em 3em;
	line-height: 1.166em;
	font-size: 0.95em;
	}

.spotlight a {
	font-weight: bold;
	}



.sidebox {
	float: right;
	font-size:0.9em;
	width: 200px; 
	margin: 20px 30px 25px 30px;
	padding: 10px 10px 15px 10px;
	border-top: 6px solid #315692; /* #cc3333; */
	border-bottom: 6px solid #315692;
}


.sidebox h3 {
	margin: 5px 0px 5px 0px;
	padding: 0px;
}
.sidebox ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
/*	list-style-type: none; */
/* really we want a dash here */
}

/** news class will be for current news articles **/

.news {

	margin: 30px 60px 0px 30px;
}

.news h3 {
	padding: 20px 0px 0px 0px;
	font-size:1.2em;
	margin: 0px 0px 0px 0px;
	border-top: 3px solid #999999; 

}

.news h3:first-child {
	margin: 0px;
	padding: 0px;
	border-top: none;
}

.newsdate {
	margin: 0px;
	padding: 0px;
	font-size:0.8em;
	font-weight:bold;
	color: #999999;
}

.moreinfo { /* the (more info) link - make it more prominent */
	font-size:0.9em;
	font-family: Arial,sans-serif;
	font-weight:bold;
	margin: 0px 0px 20px 0px;

}

.sidebox ul li {
/*	list-style-type: none; */
/* really we want a dash here */
}


.pdflink {
	padding-left: 30px;
	padding-top: 5px;
	background: transparent url(http://www.datalogics.com/images/pdficon_small.gif) no-repeat top left;
}


.sitemap {
	font-size: 1em;
	padding: 0px;
	margin: 0px;
}	

.sitemap li {
	margin-left: -20px;
}	

.htabcell { /* solutions table cells on homepage */
	padding: 20px 10px 0px 10px;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	margin: 0;
}




#feature-kb {
   margin: 0em;
   padding: 10px;
}


.KBdefaulttext {
         font-size: 12px;
}




/*********** .noprint styles ***********/
/* make sure to apply "noprint" class last */


.noprint     {}

@media print {
                .noprint {display: none}
             }

/******* SAFARI HACK - MUST BE LAST THING IN FILE
	apparently (at least for Safari v1.3.2) there's
	a Safari 'bug' where if encounters a semicolon followed
	by a pound sign, Safari will ignore the style within that block, 
	and all subsequent definitions in the file... We're using this to
	unset some weird Safari positioning bug. The margin definition
	below is really what we want for all browsers, but for some 
	reason, Safari wants to shift everything 1em to the right, so we
	added this hack to accommodate...
****************/
#menuBar li:hover ul, 
#menuBar li.sfhover ul,
#h_menuBar li:hover ul, 
#h_menuBar li.sfhover ul  { /* lists nested under hovered list items */
	margin: 0em 0em 0em 0em;# /* Unset the Safari hack */
	}