/* undohtml.css */

/* (CC) 2004 Tantek Celik.  Some Rights Reserved. */

/* http://creativecommons.org/ licenses/by/2.0 */

/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* avoid browser default inconsistent heading font-sizes */

h1, h2, h4, h4, h5, h6 {
	font-size:1.1em;
}
/* remove the inconsistent (among browsers) default ul,ol padding or margin */

/* the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it. */

/* zero out the spacing around pre, form, body, html, p, blockquote as well */

/* form elements are oddly inconsistent, and not quite CSS emulatable. */

/* nonetheless strip their margin and padding as well */

h1, h2, h4, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, ul {
	margin:0;
	padding:0
}
body {
	/*	background:#085497 url(../images/body_background.jpg) repeat-y; */
	background:url(../images/body_background.jpg) repeat;
	margin:0;
	padding:10px 0;
}
h1, h2, h4, h4, h5, h6, p, li {
	font:normal 70% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding-bottom:10px;
}
h1 {
	font:bold 100% Verdana, Arial, Helvetica, sans-serif;
}
h1 a:active, h1 a:visited, h1 a:link, h1 a:hover {
	color:#7FC31C;
}
h2 {
	font:bold 90% Verdana, Arial, Helvetica, sans-serif;
}
h2.tagline {
	font:bold 70% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	padding:0;
}
h3 {
	font:bold 80% Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0;
}
h4 a {
	font:normal 90% Verdana, Arial, Helvetica, sans-serif;
}
p, li {
	font:normal 90% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	line-height: 1.2em;
}
blockquote, ul {
	margin:0 0 10px 25px;
	float:none;
}
.homeBannerTitle {
	color:#085497;
	font-size: 180%;
	font-weight:bold;
	padding: 10px 0 5px;
}
.homeBannerCopy {
	color:#000;
	font-size: 130%;
	padding: 10px 0 5px 10px;
}
img {
	border:none;
}
a:link, a:visited, a:active, a:hover {
	text-decoration:none;
	color:#085497;
}
a:hover {
	text-decoration:underline;
	color:#085497;
}
#top {
	margin:0 10px 10px 10px;
	padding:10px 0 5px 0;
}
#mainheader {
	margin:0 10px 10px 10px;
	padding:10px 0 5px 0;
	height: 300px;
}
#main, #submain {
	width:960px;
	margin:auto;
	/*background:#fff url(../images/main_background.jpg) bottom repeat-x;*/

	background-color:#fff;
	padding:10px;
}
#submain {
	width:960px;
	background:#fff none;
}
#menu {
	margin:5px 10px 10px 10px;
	clear:both;
	padding:0;
	height:38px;
	background:transparent url(../images/menu_background.jpg) bottom no-repeat;
}
#menu2 {
	margin:0;
	padding:0;
	background-image:url(../images/menu_background.jpg)
}
#center {
	border-right:1px solid #dedede;
	border-left:1px solid #dedede;
	padding:0 10px 0px 10px;
	margin:0 200px 0 200px;
}
#left {
	width:180px;
	float:left;
	margin-right:20px;
	margin-right:10px;
	margin-left:12px;
}
#right {
	width:180px;
	float:right;
	margin-left:10px;
	margin-right:12px;
}
#blockcontent {
	width:100%;
	margin-top:0px;
}
#blockcontent td {
	vertical-align:top;
}
#dev, #business, #webinar {
	width:294px;
	border:1px solid #ccc;
	background:#fff url(../images/bar_chart_watermark.jpg) no-repeat bottom right;
	margin-right:15px;
	padding-bottom:5px;
	margin-bottom:10px;
}
#business {
	background:#fff url(../images/line_chart_watermark.jpg) no-repeat bottom right;
}
#gallery, #customers, #news {
	width:294px;
	border:1px solid #ccc;
	background:none;
	background-color:#fff;
	vertical-align: top;
	margin-right:15px;
	padding-bottom:5px;
	margin-bottom:10px;
}
#customers p {
	padding:0 15px 10px 15px;
}
#gallery {
	text-align:center;
}
#webinar {
	background:none;
	border:none;
	text-align:center;
}
#footer {
	padding:5px 0;
	width:980px;
	margin:auto;
}
#footer p {
	font:normal 60% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
#footer p a {
	color:#000;
}
#left p {
	border-top:1px solid #ccc;
	padding:5px 0 5px 20px;
}
#left img.arrowbullet {
	float:left;
	padding:5px 5px 0 5px;
}
#left .menuselected {
	background-color:#dedede;
}
#center td {
	vertical-align:top;
}
/* --------------------- */



.titleHeader {
	margin:15px 5px 15px 15px;
	background:#A5D460 url(../images/green_background.gif) repeat-x bottom;
	padding:5px;
	text-align:left;
	color:#000;
}
.titleHeader img {
	float:left;
	margin-right:5px;
}
.titleHeader a {
	color:#000;
}
.titleHeaderNoBg {
	margin:15px 5px 15px 15px;
	padding:5px;
	text-align:left;
	color:#000;
}
.titleHeaderNoBg img {
	float:left;
	margin-right:5px;
}
.titleHeaderNoBg a {
	color:#000;
}
.download {
	border:1px solid #aaa;
	background-color:#FF1A00;
	padding:5px;
	text-align:left;
	color:#fff;
	margin-bottom:10px;
}
.download img {
	float:left;
	margin-right:5px;
	margin-top:-2px;
}
.download a {
	color:#fff;
}
.subMenu {
	border:1px solid #aaa;
	background:#A5D460 url(../images/green_background.gif) repeat-x bottom;
	padding:5px;
	text-align:left;
}
.pageTitle {
	color:#7FC31C;
}
.blue {
	color:#085497;
}
.greenarrow {
	list-style-image:url(../images/green_arrow_bullet.gif);
	margin:10px 20px 20px 35px;
	border-bottom:1px solid #999;
}
.greenarrow li {
	border-top:1px solid #999;
	padding:5px 0 0 0;
}
.standard {
	margin:5px 5px 5px 45px;
}
.styleblock {
	width:80%;
	margin:auto;
	margin-bottom:20px;
}
.styleblock td {
	vertical-align:top;
	font:bold 80% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
.customersblock {
	margin:auto;
	margin-bottom:20px;
	width:100%;
}
.customersblock td {
	width:50%;
	vertical-align:top;
	font:bold 100% Verdana, Arial, Helvetica, sans-serif;
}
.menuindent {
	margin-left:15px;
}
.nopadding {
	margin-bottom:0;
	padding-bottom:0;
}
.successstorylink {
	text-align:right;
	border-bottom:1px solid #dedede;
}
#milonicmenu1 li {
	padding:0;
	margin:0;
	line-height: 1em;
}
.milonic {
	visibility:hidden;
}
.indentleft {
	margin-left:125px;
}
small {
	line-height: 1em;
}
.infobox {
	border:1px solid #dedede;
	background:#fff url(../images/common/grey_gradient.jpg) top repeat-x;
	margin:auto;
	padding:5px;
	width:90%;
	margin-bottom:10px;
}
.applicationgallery td {
	text-align:center;
	width:20%;
}
.codestyle {
	font:normal 80% "Courier New", Courier, monospace;
}
.codetext {
	font:normal 100% "Courier New", Courier, monospace;
}
.formBox {
	border:1px solid #dedede;
	margin:5px 15px;
	padding:15px 10px 5px 10px;
}
.borderlight {
	border:1px solid #dedede;
	border-bottom:none;
	border-right:none;
}
.borderright {
	border:1px solid #dedede;
	border-bottom:none;
}
.borderbottom {
	border:1px solid #dedede;
	border-right:none;
}
/* =Hoverbox Code

----------------------------------------------------------------------*/



.hoverbox {
	cursor: default;
	list-style: none;
	z-index:100;
	text-align:center;
}
/*

.hoverbox a {

	cursor: default;

}



.hoverbox a .preview, .hoverbox a .preview2 {

	display: none;

}



.hoverbox a:hover .preview {

	display: block;

	position: absolute;

	top: 65px;

	left: -45px;

	z-index:100;

}



.hoverbox a:hover .preview2

{

	display: block;

	position: absolute;

	top: -490px;

	left: -45px;

	z-index:100;	

}



.hoverbox img {

	background: #fff;

	border-color: #dedede;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;

	width: 60px;

	height: 52px;

	text-align:center; 

}

*/

.hoverbox li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}
/*

.hoverbox .preview, .hoverbox .preview2 {

	border-color: #000;

	width: 546px;

	height: 471px;

	background: #fff;	

}

*/

/* =Internet Explorer Fixes

----------------------------------------------------------------------*/



.hoverbox a {
	position: relative;
	text-align:center;
}
/*.hoverbox a:hover

{

	display: block;

	font-size: 100%;

}



.hoverbox a:hover .preview {

	background-color:#fff;

	top: 65px;

	left: -250px;

	text-align:center; 	

}



.hoverbox a:hover .preview2 {

	background-color:#fff;

	top: -490px;

	left: -250px;

	text-align:center; 	

	z-index:1;	

}*/



.hoverbox li {
	position: static;
	text-align:center;
}
.btt {
	text-align:right;
}
.subheadder {
	padding-top:15px;
	border-top:1px solid #dedede;
}
.quote {
	padding:0;
	margin:0;
	margin-top:40px;
}
.quote p {
	padding:0;
	margin:0;
	margin-left:-20px;
}
/*



#wrapper1 {

	position:relative;

	width:980px;

	margin:auto;

	background-color:#fff;

	}

#wrapper2 {

	position:relative;

	text-align:left;

	width:100%;

	}



#maincol {

	position:relative;

	margin:0;

	padding:20px;

	}

	

#leftcol { 

	position:relative;

	top:0px;

	left:0px;

	float:left;

	width:220px;  /* for IE5/WIN 

	voice-family: "\"}\"";

	voice-family:inherit;

	width:210px; /* actual value 

	margin:0 0 -10px 0;

	padding:0 10px 0 0;

	z-index:100;

	border-right:1px solid #ccc;	

	}



	

#leftcol p {

	border-top:1px solid #ccc;

	padding:5px 0 5px 20px;

}





#leftcol img.arrowbullet {

	float:left;

	padding:5px 5px 0 5px;

}



#leftcol .menuselected {

	background-color:#dedede;

}

	

#rightcol {

	top:0px;

	right:0px;

	float:right;

	width:250px;  /* for IE5/WIN 

	voice-family: "\"}\"";

	voice-family:inherit;

	width:210px; /* actual value 

	margin:0 0 0 0;

	padding:0 0 0 10px;

	z-index:99;

	border-left:1px solid #ccc;	

	}



#centercol {

	padding:0 230px;

}





#centercol td {

	vertical-align:top;

}



*/



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.thumbnail, .thumbnail2, .thumbnail3, .thumbnail4, .thumbnail5 {
	position: relative;
	z-index: 0;
}
.thumbnail:hover, .thumbnail2:hover, .thumbnail3:hover, .thumbnail4:hover, .thumbnail5:hover {
	background-color: transparent;
	z-index: 50;
}
.thumbnail span, .thumbnail2 span, .thumbnail3 span, .thumbnail4 span, .thumbnail5 span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #7FC31C;
	padding: 5px;
	left: -1000px;
	border: 1px solid #dedede;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail span img, .thumbnail2 span img, .thumbnail3 span img, .thumbnail4 span img, .thumbnail5 span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 30px;
	left: 0px; /*position where enlarged image should offset horizontally */
}
.thumbnail2:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 30px;
	left: -160px; /*position where enlarged image should offset horizontally */
}
.thumbnail3:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 30px;
	left: -360px; /*position where enlarged image should offset horizontally */
}
.thumbnail4:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -530px;
	left: -100px; /*position where enlarged image should offset horizontally */
}
.thumbnail5:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -530px;
	left: -260px; /*position where enlarged image should offset horizontally */
}
#headlinecontent {
	background-color: #fff;
	padding:0 20px;
}
#headlinecontent div { /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
	background-color: #fff;
}
.quotes {
	margin:30px 0 0 0;
	padding:0;
}
.quotes p {
	margin-left:-20px;
	padding:0;
}
#menubox {
	margin:0 10px 10px 10px;
	width:940px;
	background-image:url(../images/menu_background.jpg);
	height:38px;
}
#menubox td {
	vertical-align:top;
}
#Menu1 {
	margin:0;
	padding:0;
	margin-top:1px;
}
Menu1 ul {
	margin:0;
	padding:0;
}
Menu1 ul li {
	margin:0;
	padding:0;
	border:none;
}
#developerssnav, #developerssnav:visited {
	background-image:url(../images/menu/developers.jpg);
}
#businessuersnav, #businessusersnav:visited {
	background-image:url(../images/menu/businessuers.jpg);
}
#resourcelibrarynav, #resourcelibrarynav:visited {
	background-image:url(../images/menu/resourcelibrary.jpg);
}
#servicesnav, #servicesnav:visited {
	background-image:url(../images/menu/services.jpg);
}
#partnersnav, #partnersnav:visited {
	background-image:url(../images/menu/partners.jpg);
}
#customersnav, #customersnav:visited {
	background-image:url(../images/menu/customers.jpg);
}
#companynav, #companynav:visited {
	background-image:url(../images/menu/company.jpg);
}
#contactnav, #contactnav:visited {
	background-image:url(../images/menu/contact.jpg);
}
.rollover span.alt {
	display:none;
}
.rollover img {
	border:none;
}
:root .rollover img {
	display:block;
}
.rollover, .rollover:visited {
	background-color:transparent !important; /* needed for Opera5/6 */
	background-repeat:no-repeat;
	background-position:0 0;
}
.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {
	background-position:0 -38px;
}
/* Begin Popup Window */

.popupOBJ {
	position: absolute;
	overflow:hidden;
	color: inherit;
	background-color:#fff;
	border: 1px solid #006;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0px;
	width: 400px;
	z-index:100;
}
.popupOBJ h1 {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
	padding: 5px;
	font:normal 70% Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/home/section_bkgrd.jpg) top left repeat-x;
	color: #fff;
	text-align:right;
}
.popupOBJ h1 a:link,  .popupOBJ h1 a:active,  .popupOBJ h1 a:visited {
	color:#fff;
}
.popupOBJ h1 a:hover {
	text-decoration:underline;
}
.popupOBJ h1 span {
	float:left;
	font:bold 110% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color:transparent;
}
.popupOBJ p {
	margin: 10px 7px;
}
.popupOBJ p a:link,  .popupOBJ p a:active,  .popupOBJ p a:visited {
	color:#006;
}
.popupOBJ p a:hover {
	text-decoration:underline;
}
.popupOBJ p.userform {
	text-align:right;
}
.popupOBJ p.userform span {
	float:left;
	margin-left:40px;
}
.popupOBJ p.userform input {
	margin-right:70px;
	font:normal 100% Verdana, Arial, Helvetica, sans-serif;
}
.breadcrumb {
	font:normal 70% Verdana, Arial, Helvetica, sans-serif;
}
.greenline {	/* green horizontal line in submenu */
	color:green;
}
.homepageBackground {
	background:#fff url(../images/main_background.jpg) bottom repeat-x;
}
/* Shopping cart */

.cobtbl td, #tForm0 td {
	font:normal 80% Verdana, Arial, Helvetica, sans-serif;
}
#printcontent {
	font:normal 10pt Verdana, Arial, Helvetica, sans-serif;
}
.result_pages, .result_pagescount {
	font:normal 80% Verdana, Arial, Helvetica, sans-serif !important;
}