/* ---- Globals -------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
html {width:100%; height:100%; margin:0; padding:0;}
body {width:100%; height:100%; margin:0; padding:0; color:#666666; font-size:12px; font-family:arial,helvetica,sans-serif; background:url(../images/bg-main.gif) 0 0 repeat-x #fff;}
h1, h2, h3, h4, table, td, ul, li, dl, p, form {list-style:none; margin:0; padding:0;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
img {border:0;}
p, li, td {line-height:1.4em;}
a {color:#3ea7f8; text-decoration:none;}
a:hover {text-decoration:underline;}
table {border-collapse:collapse;}
td {vertical-align:top;}
th {text-align:left;}
sup {font-size:smaller; vertical-align:baseline; position: relative; bottom: 0.33em;}
ol li { list-style-type: decimal; }
select, input, textarea {padding:1px; color:#656d7a; font-size:10px; font-family:verdana,arial,sans-serif;}

.bg-wrap {margin-top:1px; background:url(../images/bg-line.gif) center 162px no-repeat; position:relative;}
.head-wrap {width:827px; height:66px; margin:0 auto; padding-top:20px;}
.head-wrap #lgo-latticeengines {float:left;}

.main-wrap {width:857px; min-height:868px; height:auto; height:868px; margin:0 auto; position:relative; }
.main-wrap td {position:relative;}
.main-wrap td.lt {width:16px; background:url(../images/bg-frame_midleft.gif) top right repeat-y; vertical-align:bottom;}
.main-wrap td.rt {width:16px; background:url(../images/bg-frame_midright.gif) top left repeat-y; vertical-align:bottom;}
.main-wrap .content-wrap {width:825px;}
.main-wrap .gra-top {margin-top:86px; *margin-top:0; position:absolute; top:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
     .main-wrap .gra-top {margin-top:0px;}
}
.main-wrap .gra-bot {}
html[xmlns*=""] body:last-child .main-wrap .gra-top {margin-top:0px;} /* safari fix */

.footer {padding:25px 0 20px; background:url(../images/bg-footer.gif) 0 0 repeat-x #1a75bb; position:relative;}
.footer p {margin-bottom:8px; text-align:center; font-size:11px; color:#123556;}
.footer a {color:#fff;}
.footer a:hover {color:#92d0ff !important;}
.footer .copyright {}
.footer .copyright a {color:#64b2ed;}

/* ---- Home ----------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
#body-home {background:#1a75bb;}
#body-home .bg-wrap {background:url(../images/bg-home.gif) 0 0 repeat-x #fff;}

.home-mid {text-align:center;}
.home-mid {}

.mod-home {width:825px; height:338px; margin:0 auto; padding:17px 11px 0 11px; background:url(../images/bg-modhome.gif) 0 0 no-repeat; text-align:left; position:relative;}
.mod-home .col {width:163px; border-left:1px solid #696969; float:right;}
.mod-home .box {height:163px; border-top:1px solid #696969; background:url(../images/bg-modhome_box.gif) 0 0 no-repeat;}
.mod-home .box .hdr {margin:23px 0 0 22px;}
.mod-home .box p {padding:7px 22px 0; font-size:11px; line-height:1.3em;}
.mod-home .box-top {height:162px;}
.mod-home a {color:#666666; text-decoration:none;}
.mod-home a .box {color:#666666; text-decoration:none;}
.mod-home a:hover .box {background:url(../images/bg-modhome_box_dk.gif) 0 0 no-repeat;}
.mod-home #box1 {background:url(../images/bg-modhome_box1_dk.gif) 0 0 no-repeat;}
.mod-home #box1 a img {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}
.mod-home #box1 a:hover img {filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
#fla-home {margin:6px 0 0 5px; position:absolute;}

.mod-customers {width:825px; padding:15px 0 0; margin:0 auto; text-align:left;}
.mod-customers .lgo-wrap {margin-right:60px; float:right; display:inline;}
.mod-customers #txt-home_customersgrowth {margin:15px 0 0 30px;}
.mod-customers img#hp-logo {
	float: left;
	margin: 0 20px 0 0;
}

.mod-customers p {
	font-size: 14px;
	padding: 0 20px 0 0;
	width: 540px;
}

.mod-customers p a {
	display: block;
	margin: 10px 0 0 0;
}

.home-cols {width:827px; margin:20px auto 60px;}
.home-cols .col {width:245px; border-top:5px solid #0f3e6a; float:left;}
.home-cols .col h1 {padding:8px 0 3px; border-bottom:1px solid #eaeaea;}
.home-cols .col p {margin:10px 0; padding-right:11px; font-size:11px;}
.home-cols #col-solutions {margin-right:10px;}
.home-cols #col-features {width:317px; margin:0; float:right;}



/* ---- Section -------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
.header {height:79px; background:url(../images/bg-header.gif) 0 0 repeat-x; border-top:8px solid #092c4d; border-bottom:1px solid #092c4d;}
.header .img-header {margin:31px 0 0 40px; float:left;}
.header {}

.content {padding:20px 20px 40px; background:url(../images/bg-content.gif) 0 0 no-repeat;}
.content p {margin-bottom:10px;}
.content {}

#content-module {padding-right:0;}
#content-module {}

.main-text {width:470px; padding-top:30px; padding-left:60px;}
.main-text h1 {font-weight:normal; color:#1b75bb; line-height:1.1em;}
.main-text h1.arw {margin:0 0 10px -25px; padding:2px 0 0 25px; background:url(../images/arw-bigorange.gif) 0 0 no-repeat;}
.main-text h2 {margin:0 0 10px 0; color:#1b75bb;}
.main-text h3 {color:#1b75bb;}
.main-text {}
*html .main-text h1.arw {height:1px; position:relative;}
#career-text {width:450px;}
#career-text h3 {margin-bottom:10px;}
#career-text ul {margin-bottom:20px;}
#career-text h1 {margin-bottom:20px;}
#career-text {}

.bio {margin:20px 0;}
.bio h3 {color:#092c4d;}
.bio h4 {margin:0 0 7px; padding:1px 0 6px; color:#fe9900; background:url(../images/bg-line_bio.gif) left bottom no-repeat;}
.bio p {}
.bio p.align-rt {font-size:10px;}

.contact-table {width:100%; margin:20px 0 0;}
.contact-table td {width:50%; padding:15px 0;}
.contact-table h2 {margin-bottom:7px; padding-bottom:7px; background:url(../images/bg-line_contact.gif) left bottom no-repeat;}
.contact-table p {}

.article-header {margin:30px 0;}
.article-header h1 {margin:3px 0 5px; font-weight:bold;}
.article-header h3 {margin-bottom:10px; font-weight:normal;}
p.diagram {margin:20px 0; text-align:center;}

#main-howleworks {padding-left:30px;}
#main-howleworks h1.arw {margin:0 0 10px 0 !important;}
#main-howleworks {}
#main-howleworks {}

.gra-solsquare {float:left; margin:0 15px 5px 0;}

#sel-quicklinks {width:170px;}
#sel-quicklinks {}

#sitemap-text {}
#sitemap-text h3 {margin:30px 0 10px}
#sitemap-text .bul-orange {margin-left:10px;}
#sitemap-text .bul-orange ul {margin:5px 0 0 10px;}
#sitemap-text .bul-orange li {margin-bottom:5px; background:none !important}
#sitemap-text .bul-orange li li {background:url(../images/bul-grey.gif) 0 6px no-repeat;}
#sitemap-text .bul-orange {}

/* modules */
.mod-right {width:225px; min-height:450px; height:auto !important; height:450px; margin-top:-42px; padding-left:15px; float:right; background:url(../images/bg-modright_left.gif) 0 0 no-repeat #fff}
.mod-right .inpad {width:185px; padding:24px 20px 20px; font-size:11px; background:url(../images/bg-modright.gif) 0 0 no-repeat; border-top:1px solid #696969;}
.mod-right .inpad a {}
.mod-right .inpad h3 {margin-bottom:10px; color:#1b75bb;}
.mod-right .inpad h4 {font-weight:normal;}
.mod-right .inpad p {line-height:1.3em;}
.mod-right .inpad .clearout {margin:20px 0; height:1px; font-size:1px; background:url(../images/bg-modright_line.gif) 0 center no-repeat;}
.mod-right .lgo-set {text-align:left;}
.mod-right .lgo-set img {vertical-align:middle;}
.mod-right .lgo-set .set1 {}
.mod-right .lgo-set .set2 img {margin:15px 6px 0;}
#clearout-lgoset_top {margin-bottom:13px;}
#clearout-lgoset_bot {margin-top:13px;}
*html .mod-right .inpad .clearout {margin:10px 0;}
*html #clearout-lgoset_top {margin-bottom:7px;}
*html #clearout-lgoset_bot {margin-top:7px;}

.mod-right_sm {width:205px; min-height:110px; height:auto !important; height:110px; margin:30px 0 0; float:right; color:#fff; background:url(../images/bg-modright_sm.gif) 0 0 no-repeat;}
.mod-right_sm .inpad {padding:20px;}
.mod-right_sm h4 {margin-bottom:10px;}
.mod-right_sm p {margin:0; font-size:11px; line-height:1.3em;}
.mod-right_sm a {color:#fff; text-decoration:underline;}
.mod-right_sm .foot {padding:4px 0 4px 30px; background:#0f4271;}
.mod-right_sm .foot p {margin:0; font-weight:bold;}
.mod-right_sm .foot a {color:#fff; text-decoration:none;}
.mod-right_sm .foot a:hover {color:#fff; text-decoration:underline;}
.mod-right_sm .foot img {margin:-1px 0 0 5px; vertical-align:middle;}

.mod-textblue {width:485px; min-height:140px; height:auto !important; height:140px; margin:30px 0; background:url(../images/bg-modtextblue.gif) 0 0 no-repeat #227bbf; position:relative;}
.mod-textblue .inpad {padding:20px 30px 0; color:#092c4d;}
.mod-textblue h4 {margin-bottom:10px; color:#fff; font-size:13px;}
.mod-textblue ul.bul-orange {margin-bottom:20px; position:relative;}
.mod-textblue ul.bul-orange li {margin:3px 0; background:url(../images/bul-orange_bl.gif) 0 6px no-repeat;}
.mod-textblue ul.bul-orange a {text-decoration:underline;}
.mod-textblue a {color:#092c4d;}
.mod-textblue .foot {width:455px; padding:4px 0 4px 30px; background:#0f4271;}
.mod-textblue .foot p {margin:0; font-weight:bold;}
.mod-textblue .foot a {color:#fff;}
.mod-textblue .foot img {margin-top:-1px; padding-left:5px; vertical-align:middle; background:#0f4271;}

.mod-quote {background:url(../images/bg-modquote.gif) 0 0 no-repeat #227bbf !important;}
.mod-quote .inpad {padding:30px 30px 20px;}
.mod-quote p {position:relative; z-index:500;}
.mod-quote #gra-quote_rt {margin:85px 0 0 265px; position:absolute; top:0;}
#mod-quote_hp .inpad {background:url(../images/bg-modquote_hp.gif) 365px 50px no-repeat;}
#mod-quote_svpsales #gra-quote_rt {margin:65px 0 0 285px; position:absolute; top:0;}

.mod-demo {width:744px; height:156px; margin:50px 0 30px 22px; background:url(../images/bg-moddemo.gif) 0 0 no-repeat;}
.mod-demo .inpad {padding:25px 0 0 50px;}
.mod-demo .inpad p {width:280px; color:#092c4d;}
.mod-demo .inpad p.link {width:300px; margin-top:37px; color:#092c4d;}
.mod-demo .inpad a {color:#fff; font-weight:bold;}
.mod-demo .inpad {}

.mod-ltblue {width:484px; height:170px; margin:20px 0 40px; background:url(../images/bg-modltblue.gif) 0 0 no-repeat;}
.mod-ltblue .inpad {padding:25px 0 0 30px;}
.mod-ltblue {}
.mod-ltblue h3 {margin-bottom:10px; color:#1b75bb;}
.mod-ltblue ul {width:200px; margin:0 20px 0 0; float:left;}
.mod-ltblue li {margin:2px 0 !important;}

.mod-visibility {width:315px; height:86px; background:url(../images/bg-modvisibility.gif) 0 0 no-repeat;}
.mod-visibility .inpad {padding:20px;}
.mod-visibility .inpad li {font-weight:bold;}
.mod-visibility-sm {width:315px; height:135px; background:url(../images/bg-modplanning-sm.gif) 0 0 no-repeat;}
.mod-visibility-sm .inpad {padding:18px;}

.mod-planning {width:315px; height:135px; background:url(../images/bg-modplanning.gif) 0 0 no-repeat;}
.mod-planning .inpad {padding:20px;}
.mod-planning .inpad li {font-weight:bold;}
.mod-planning-sm {width:315px; height:135px; background:url(../images/bg-modplanning-sm.gif) 0 0 no-repeat;}
.mod-planning-sm .inpad {padding:18px;}

.mod-execution {width:315px; height:100px; background:url(../images/bg-modexecution.gif) 0 0 no-repeat;}
.mod-execution .inpad {padding:20px;}
.mod-execution .inpad li {margin-bottom:5px;}

.mod-solutions {width:485px; height:287px; margin:20px 0; background:url(../images/bg-modsolutions.gif) 0 0 no-repeat;}
.mod-solutions .inpad {padding:0 0 0 0;}
.mod-solutions ul {width:210px; margin:10px 0 0;}
.mod-solutions h3 {padding-top:28px;padding-bottom}
.mod-solutions .gra {margin-top:1px; float:right;}

#mod-latticeworks {width:736px;}
#mod-latticeworks .foot {width:706px;}
#mod-latticeworks .foot p {margin:0; padding-right:20px; font-weight:bold; text-align:right;}

.fix {color:#cc0000; font-size:14px; font-weight:bold;}

/*-------------------------------------------------
SOLUTIONS
-------------------------------------------------*/

#main-solutions {width:714px;}
#overview-diagram {background:url(../images/bg-solutionsdiagram.jpg) 0 0 no-repeat; width:713px; height:128px; position:relative;}
#overview-diagram h2 { width:121px; font-size:13px; color:white; padding:19px 0 0 27px;}
#overview-diagram p {margin:0 0 6px 27px; position:absolute; bottom:0;}
#overview-diagram a { font-size:13px; font-weight:bold; color:white; background:url(../images/arw-medorange.gif) right center no-repeat; padding-right:20px;}
#overview-table { margin-top:25px;}
#overview-table .column {width:235px; margin-right:3px; float:left; position:relative;}
#overview-table .column-header { background:url(../images/bg-solutionsheader.gif) 0 0 no-repeat; width:235px; height:47px; }
#overview-table .column-header h2#header-wrapper { float:left; padding-left:25px; padding-top:13px; }
#overview-table .column-header img.arrow { padding-bottom:3px;}
#overview-table .column-header .info { float:right; margin-top:20px; margin-right:15px; color:#acd8f9; font-size:10px; text-decoration:none; cursor:pointer;}
#overview-table .column-body { background:#f4f6f9; height:160px; padding:16px 10px 20px 21px; }
#overview-table .column-body.protected { 
	background:url(../images/bg-solutions_col.gif) 0 0 repeat-x #e2ebf6; 
	height:219px; 
	margin-top:3px;
}
#overview-table .column-body li { background:url(../images/bg-little_monitor.gif) 0px 0 no-repeat; padding-left:45px;}
#overview-table .column-body a { font-weight:bold; font-size:13px;}
#overview-table .column-body p { font-style:italic;}
#overview-table .column-footer { background-color:#b9d3ef; height:140px; margin-top:3px; padding:19px 17px 0px;}
#overview-table .column-footer h4 { color:#036; float:left; }
#overview-table .column-footer ul { color:#666; float:right; width:102px; }
#overview-table .column-footer li { margin-bottom:5px; line-height:13px; }
#bottom-footer { background: #f4f6f9 url(../images/bg-little_monitor.gif) 10px 15px no-repeat;height:35px;color:#666; margin:15px 0 0 0;padding:20px 0 0 60px;border-top:5px solid #59a5e1  }
#bottom-footer a {color:#3EA7F8;font-weight:bold}
#closing-text { color:#666; margin-top:23px; }

.bubble {width:218px; margin:36px 7px 0 0; position:absolute; right:0; z-index:500;}
.bubble h2 {background:url(../images/bg-bubble_top.gif) top left no-repeat; margin:0; height:21px; padding-left:25px; padding-top:35px; color:#f90; font-size:13px;}
.bubble .bubble-body { background:url(../images/bg-bubble_bot.gif) bottom left no-repeat; color:#666; font-size:11px; padding-bottom:16px;}
.bubble .bubble-body p {padding-left:25px; padding-right:25px; margin:0; }
.bubble .bubble-body a {margin-left:174px; }
ul.screenShots {margin:20px auto;text-align:center}
.screenShots li{display:inline;text-align:center}

#diagrams-horiz {
	width:500px;
}

#diagrams-horiz img{
	border:1px solid #ccc
}

#diagrams-horiz div {
	float:left;
	padding:10px;
	text-align:center;
	width:130px;
	margin:3px;
	background:#ecf3fa
}

#diagrams-horiz div:hover {
	background:#dbe6f1
}

#diagrams-horiz div a {
	display:block;
	text-decoration:none
}

#diagrams-horiz p {
	font-size:10px;
	text-align:center;
	margin-top:5px
}

table#intel_screens {
	margin-top:30px
}

#intel_screens td{
	padding-bottom:30px
}

#intel_screens img{
	
}

#intel_screens span{
	font-style:italic;
	display:block;
	margin-top:5px;
	font-weight:bold;
	font-size:10px
}

table#intel_screens div{
	background:#ECF3FA;
	padding:10px;
	margin:0 20px 0 0
}

table#intel_screens div:hover{
	background:#DBE6F1;
}

/*-------------------------------------------------
MODEL LOGIN DIALOG
-------------------------------------------------*/

a.protected img { vertical-align:middle; }
a.protected.yellow  {
	color:#F90 !important
}

#model-layer {
	position:absolute;
	left:0px;
	top:0px;
	background:black;
	opacity:0.5;
	filter:alpha(opacity=50);
}

#small-close-button {
	position:absolute;
	right:8px;
	top:8px;
}

#login-dialog {
	position:absolute;
	background:white;
	border:1px solid black;
	color:white;
	width:473px;
	text-align:center;
}

#login-dialog h1 { 
	padding:16px 0; 
	font-size:16px;
	font-weight:normal;
	background-color:#1866a6;
}

#login-dialog .body { 
	padding:18px 0; 
	margin-top:1px;
	background-color:#4896d4;
}

#login-dialog .body form {
	padding:15px 0;
	margin:0 auto 18px;
	width:257px;
	text-align:left;
}

#login-dialog .body form label {
	float:left;
	width:70px;
}

#login-dialog .body form input.text {
	width:170px;
	background-color:white;
	border:1px solid #247bc0;
	padding:2px;
}

#login-dialog .body form input.submit {
	margin-top:15px;
}

#login-dialog .body form p#submit_field {
	text-align:center;
}

#login-dialog .body form p.username {
	margin-bottom:14px;
}

#no-credential-message {
	margin-bottom:31px;
	font-size:14px;
}

#no-credential-message a {
	color:#9af2ff;
	font-style:italic;
}

/* etc formatting */
.bul-screen {}
.bul-screen li {margin-bottom:10px; padding-left:27px; background:url(../images/bul-screen.gif) 0 1px no-repeat;}
.bul-blue {}
.bul-blue li {margin-bottom:10px; padding-left:10px; background:url(../images/bul-blue.gif) 0 5px no-repeat;}
.bul-orange {}
.bul-orange li {margin-bottom:10px; padding-left:10px; background:url(../images/bul-orange.gif) 0 6px no-repeat;}
.grey {color:#ccc !important;}
.orange {color:#fe9900 !important;}
.grey {color:#666 !important;}
.bold {font-weight:bold !important;}
.nobold {font-weight:normal;}
.nobord-top {border-top:0 !important;}
.nomargin {margin:0 !important;}
.nomargin-top {margin-top:0 !important;}
.nomargin-bot {margin-bottom:0 !important;}
.marginhalf {margin:5px 0 !important;}
.nopadding {padding:0 !important;}
.align-rt {text-align:right !important;}
.align-lt {text-align:left !important;}
.align-ct {text-align:center !important;}
.align-mid {vertical-align:middle !important;}
.align-bot {vertical-align:bottom !important;}
.small {font-size:.9em;}
.clearout {clear:both; font-size:.1em;}
#clearout-fla {margin-bottom:40px;}
#clearout-dotted_grey {margin:10px 0; background:url(../images/bg-dotted_grey_horiz.gif) 0 0 repeat-x;}
.quote {
	margin: 20px 0 20px 30px;
}

.wufoo .info h2 {
	font-size: 55px !important;
}


/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }