@charset "utf-8";
/* CSS Document */
*{font-family:Arial, Helvetica, sans-serif;}
body{margin:0; padding:0; font-size:12px; color:#455f69; background:url(images/background_Tile.jpg) #70787b top left repeat-x;} /* color:#626d71 */
img{border:none;}
ul{margin:0; padding:0;}
li{list-style:none; line-height:1.5em;}
hr{height:1px; font-size:0px; margin-top:2px; _margin-top:-8px; border:none; *border:1px solid #e87f66; background-color:#e87f66; overflow:hidden;}
h3{margin:1em 0; padding:0;}
p{margin:0; padding:0; margin:1em 0; line-height:1.5em;}
br{line-height:1em;}
a{text-decoration:none;}

div.overlay{float: right;margin:0 0 30px 15px;position: relative; width:230px;height:170px;}
div.overlay img {position: absolute;}

/*------------------------------------------------------------------------------*/
#wrap{position:relative; margin:0 auto; z-index:1;}
#header{width:930px; height:18px; margin:0 auto; padding-top:12px; padding-right:10px; text-align:right; z-index:2;}
#main{width:940px; margin:0 auto; z-index:2;}
/*#main{width:940px; margin:0 auto; background:url(images/bottom_bg.png) bottom center no-repeat;  _background:url(images/bottom_bg.gif) bottom center no-repeat; z-index:2;}*/



/*------------------------------------------------------------------------------*/
#left{width:274px; float:left; text-align:center; z-index:3;}
#left .t{height:20px; background:url(images/left_tbg.png) bottom center no-repeat; _background:url(images/left_tbg.gif) bottom center no-repeat;}
#left .m{background:url(images/left_mbg.png) bottom center no-repeat; _background:url(images/left_mbg.gif) bottom center no-repeat;}
#left .b{height:17px; background:url(images/left_bbg.png) top center no-repeat; _background:url(images/left_bbg.gif) top center no-repeat;}

.logo{height:155px; position:relative; z-index:200; text-align:center; padding-top:15px; z-index:200;}

/*
.lmenu{width:256px; margin:0 auto; padding-top:1px; padding-bottom:1px; text-align:right; border:1px solid #efae86; border-width:1px 0;}
.lmenu ul{width:250px; padding:0 3px; background-color:#6e868f; z-index:15;}
.lmenu ul li{width:250px; height:30px; line-height:30px; _overflow:hidden; text-transform:uppercase; background-color:#506e79; border-bottom:1px solid #9e6c49;}
.lmenu ul li:hover{background-color:#a13724;}
.lmenu ul li a{width:230px; height:30px; display:block; color:#fff; padding-right:20px;}

.lmenu li ul{width:60px; position:relative; top:-30px; left:250px; _left:60px; border:none; padding:0; z-index:16;}
.lmenu li li{width:60px; height:25px; line-height:25px; background-color:#b7c8cd; border:none;}
.lmenu li li a{width:60px; height:25px; display:block; color:#506e79; font-weight:bold; text-align:center; padding:0;}
.lmenu li li span{color:#fff;}
.lmenu li li:hover, .lmenu li li.sfHover, .lmenu li li a:focus, .lmenu li li a:hover, .lmenu li li a:active{color:#fff; background-color:#506e79;}
*/

.lmenu{width:256px; position:relative; margin:0 auto; padding-top:1px; padding-bottom:1px; text-align:right; border:1px solid #efae86; border-width:1px 0; z-index:300;}
/*.lmenu ul{width:250px; padding:0 3px; background-color:#6e868f; z-index:150;}*/
.lmenu ul{width:250px; border:3px solid #6e868f; border-width:0 3px; z-index:150;}
.lmenu ul li{width:250px; height:28px; font-size:1px; _overflow:hidden; text-transform:uppercase; background-color:#506e79; border-bottom:1px solid #9e6c49;}
.lmenu ul li a{width:250px; height:28px; display:block;}
/*.lmenu li.l1{background:url(images/lnav_1.png) top left no-repeat; _background:url(images/lnav_1.gif) top left no-repeat;}
.lmenu li.l2{background:url(images/lnav_2.png) top left no-repeat; _background:url(images/lnav_2.gif) top left no-repeat;}
.lmenu li.l3{background:url(images/lnav_3.png) top left no-repeat; _background:url(images/lnav_3.gif) top left no-repeat;}
.lmenu li.l4{background:url(images/lnav_4.png) top left no-repeat; _background:url(images/lnav_4.gif) top left no-repeat;}*/

.lmenu li ul{width:60px; position:relative; top:-28px; left:250px; *left:60px; margin:0; border:none; padding:0; z-index:16;}
.lmenu li li{width:60px; height:25px; line-height:25px; background-color:#b7c8cd; border:none;}
.lmenu li li a{width:60px; height:25px; display:block; color:#506e79; font-size:12px; font-weight:bold; text-align:center; padding:0;}
.lmenu li li span{color:#fff;}
.lmenu li li:hover, .lmenu li li.sfHover, .lmenu li li a:focus, .lmenu li li a:hover, .lmenu li li a:active{color:#fff; background-color:#506e79;}


.linfo{width:190px; margin:auto; text-align:left;}
.linfo .lquote{width:26px; height:20px; margin:0; background:url(images/lquote.png) left top no-repeat;}
.linfo .rquote{width:26px; height:20px; margin-top:0; float:right; background:url(images/rquote.png) left top no-repeat;}



/*------------------------------------------------------------------------------*/
#right{width:666px; float:right; _margin-top:-3px; z-index:3;}
#right .t{height:20px; background:url(images/right_tbg.png) bottom center no-repeat; _background:url(images/right_tbg.gif) bottom center no-repeat;}
#right .m{background:url(images/right_mbg.png) bottom center no-repeat; _background:url(images/right_mbg.gif) bottom center no-repeat;}
#right .ad{height:60px; padding-bottom:20px;}

.tmenu ul{width:626px; height:20px; margin-left:40px; z-index:15;}
.tmenu li{height:20px; line-height:20px; float:left; padding:0 12px; border-left:1px solid #c0d9e3;}
.tmenu li.first{border-left:none; padding-left:0;}
.tmenu li.last{padding-right:0;}
.tmenu li a{color:#e06315; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
.tmenu li.cur a{color:#204c5e;}
.tmenu li a:hover{color:#204c5e;}



/*------------------------------------------------------------------------------*/
.banner{margin-top:10px; text-align:center;}

.content{width:664px; margin:0 auto;}

.con{width:622px; margin:0 auto; margin-top:-3px; padding-top:1.5em;}/*f: padding-top:15px;*/
.con .l{float:left; padding-left:10px; padding-right:30px;}
.con .r{float:left; padding-left:30px;}
.con h3,h4{color:#e1661a; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.con h4{font-family:Arial, Helvetica, sans-serif;}
.con .h{width:90px; height:14px; background:url(images/h_welcome.png) left top no-repeat;}
.con .more{width:85px; height:35px; display:block; background:url(images/more.png) left center no-repeat; cursor:pointer;}
.con .launch{width:85px; height:35px; display:block; background:url(images/launch.png) left center no-repeat; cursor:pointer;}



/*------------------------------------------------------------------------------*/
.home .banner{width:666px; height:290px;}
.home .banner hr{width:614px; background-color:#e87f66;}
.home .tag_connect{height:150px; position:absolute; top:100px; _top:98px; margin: 0 0 0 40px; background:url(images/tag_learnlive_2.png) top left no-repeat;}
.home .tag_connect img{display:block; margin:0 auto;}
.home .tag_connect a{width:500px; height:150px; margin-left:25px; display:block;}
.home .contact_button{height:93px; position:absolute; top:240px; _top:238px; margin: 0 0 0 59px; background:url(images/contact_home.gif) top left no-repeat;}
.home .contact_button a{width:251px; height:93px; display:block;z-index: 100000; position: relative;}

.home .con{padding-top:0;}
.home h3{color:#506e79;}
.home .l{width:325px; padding-right:20px; background:url(images/home-separator.gif) right center no-repeat;}
.home .r{width:235px;}
.home .r h3{margin-bottom:0;}
.home .r p{margin-top:5px; margin-bottom:20px;}

.home p.diagram {text-align: center;}

div.callouts div.logo {float: left; height: auto; padding: 0 10px 0 0; text-align: left; z-index: auto;}
div.callouts div.more {float: left; background: none; cursor: auto;}

/*------------------------------------------------------------------------------*/
.news .banner{width:666px; height:66px; background:url(images/navbg.png) top center no-repeat; _background:url(images/navbg.gif) top center no-repeat;}
.news .banner h2{margin:0; padding:0; padding-left:50px; line-height:66px; color:#e06315; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; text-align:left;}
.news .l{width:375px; border-right:1px solid #bdc8cd;min-height:465px;}
.news .r{width:175px;position:relative;z-index:1000;}
.news .r ul{position:relative; margin-bottom:1.5em; _margin-bottom:2em; top:1em; _top:3em; z-index:200;}
.news .r li{height:30px; list-style:none; padding-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(images/dot.gif) 0 8px no-repeat;}
.news .r li a{color:#e1661a; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.news .r li a:hover{color:#204c5e;}
.news h3{margin-bottom:0;}

.news .banner_about {width:666px; height:65px; margin-top:10px; background:url(images/navbg_about.gif) top center no-repeat; _background:url(images/navbg_about.gif) top center no-repeat;}
.news .banner_contact {width:666px; height:65px; margin-top:10px; background:url(images/navbg_contact.gif) top center no-repeat; _background:url(images/navbg_contact.gif) top center no-repeat;}
.news .banner_demo {width:666px; height:65px; margin-top:10px; background:url(images/navbg_demo.gif) top center no-repeat; _background:url(images/navbg_demo.gif) top center no-repeat;}
.news .banner_news {width:666px; height:65px; margin-top:10px; background:url(images/navbg_news.gif) top center no-repeat; _background:url(images/navbg_news.gif) top center no-repeat;}
.news .banner_testimonials {width:666px; height:65px; margin-top:10px; background:url(images/navbg_testimonials.gif) top center no-repeat; _background:url(images/navbg_testimonials.gif) top center no-repeat;}

/*------------------------------------------------------------------------------*/
.continuum .banner{width:666px; height:205px; background:url(images/banner3.gif) top center no-repeat; _background:url(images/banner2.gif) top center no-repeat;}
.continuum .tag_continuum_ver1 {position:absolute; margin-left:55px; top:110px; z-index:205;}
.continuum .tag_continuum_ver1 div.dv1{width:560px; height:50px; z-index:11px;}
.continuum .tag_continuum_ver1 div.dv1 div{width:310px; height:50px; background:url(images/tag_continuum.gif) top left no-repeat; float:left;}
.continuum .tag_continuum_ver1 div.dv1 ul{position: relative; z-index: 200; width:75px; float:left; margin-left:25px;}
.continuum .tag_continuum_ver1 div.dv1 li{position: relative; z-index: 200; width:75px; height:25px; padding-left:10px; background:url(images/dot3.gif) 0 8px no-repeat;}
.continuum .tag_continuum_ver1 div.dv1 li a{position: relative; z-index: 200; color:#f87421; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.continuum .tag_continuum_ver1 div.dv1 li a:hover{color:#fff;}
.continuum .tag_continuum_ver1 p{width:520px; line-height:22px; margin-top:12px; color:#fff;}

.continuum .banner{width:666px; height:205px; background:url(images/banner3.gif) top center no-repeat; _background:url(images/banner2.gif) top center no-repeat;}
.continuum .tag_compass{position:absolute; margin-left:55px; top:110px; z-index:205;}
.continuum .tag_compass div.dv1{width:560px; height:50px; z-index:11px;}
.continuum .tag_compass div.dv1 div{width:310px; height:50px; background:url(images/tag_compass.gif) top left no-repeat; float:left;}
.continuum .tag_compass div.dv1 ul{display:none;position: relative; z-index: 200; width:75px; float:left; margin-left:25px;}
.continuum .tag_compass div.dv1 li{position: relative; z-index: 200; width:75px; height:25px; padding-left:10px; background:url(images/dot3.gif) 0 8px no-repeat;}
.continuum .tag_compass div.dv1 li a{position: relative; z-index: 200; color:#f87421; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.continuum .tag_compass div.dv1 li a:hover{color:#fff;}
.continuum .tag_compass p{display:none;width:520px; line-height:22px; margin-top:12px; color:#fff;}

.continuum .banner{width:666px; height:205px; background:url(images/banner3.gif) top center no-repeat; _background:url(images/banner2.gif) top center no-repeat;}
.continuum .tag_compliance_ver1 {position:absolute; margin-left:55px; top:110px; z-index:205;}
.continuum .tag_compliance_ver1 div.dv1{width:560px; height:50px; z-index:11px;}
.continuum .tag_compliance_ver1 div.dv1 div{width:310px; height:50px; background:url(images/tag_compliance.gif) top left no-repeat; float:left;}
.continuum .tag_compliance_ver1 div.dv1 ul{display:none;position: relative; z-index: 200; width:75px; float:left; margin-left:25px;}
.continuum .tag_compliance_ver1 div.dv1 li{position: relative; z-index: 200; width:75px; height:25px; padding-left:10px; background:url(images/dot3.gif) 0 8px no-repeat;}
.continuum .tag_compliance_ver1 div.dv1 li a{position: relative; z-index: 200; color:#f87421; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.continuum .tag_compliance_ver1 div.dv1 li a:hover{color:#fff;}
.continuum .tag_compliance_ver1 p{display:none;width:520px; line-height:22px; margin-top:12px; color:#fff;}

.continuum .banner{width:666px; height:205px; background:url(images/banner3.gif) top center no-repeat; _background:url(images/banner2.gif) top center no-repeat;}
.continuum .tag_connect_ver1 {position:absolute; margin-left:55px; top:110px; z-index:205;}
.continuum .tag_connect_ver1 div.dv1{width:560px; height:50px; z-index:11px;}
.continuum .tag_connect_ver1 div.dv1 div{width:310px; height:50px; background:url(images/tag_connect2.gif) top left no-repeat; float:left;}
.continuum .tag_connect_ver1 div.dv1 ul{display:none;position: relative; z-index: 200; width:75px; float:left; margin-left:25px;}
.continuum .tag_connect_ver1 div.dv1 li{position: relative; z-index: 200; width:75px; height:25px; padding-left:10px; background:url(images/dot3.gif) 0 8px no-repeat;}
.continuum .tag_connect_ver1 div.dv1 li a{position: relative; z-index: 200; color:#f87421; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.continuum .tag_connect_ver1 div.dv1 li a:hover{color:#fff;}
.continuum .tag_connect_ver1 p{display:none;width:520px; line-height:22px; margin-top:12px; color:#fff;}

.continuum .banner{width:666px; height:95px; background:url(images/banner3.gif) top center no-repeat; _background:url(images/banner2.gif) top center no-repeat;}
.continuum .tag_capture_ver1 {position:absolute; margin-left:55px; top:110px; z-index:205;}
.continuum .tag_capture_ver1 div.dv1{width:560px; height:50px; z-index:11px;}
.continuum .tag_capture_ver1 div.dv1 div{width:310px; height:50px; background:url(images/tag_capture.gif) top left no-repeat; float:left;}
.continuum .tag_capture_ver1 div.dv1 ul{display:none;position: relative; z-index: 200; width:75px; float:left; margin-left:25px;}
.continuum .tag_capture_ver1 div.dv1 li{position: relative; z-index: 200; width:75px; height:25px; padding-left:10px; background:url(images/dot3.gif) 0 8px no-repeat;}
.continuum .tag_capture_ver1 div.dv1 li a{position: relative; z-index: 200; color:#f87421; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.continuum .tag_capture_ver1 div.dv1 li a:hover{color:#fff;}
.continuum .tag_capture_ver1 p{display:none;width:520px; line-height:22px; margin-top:12px; color:#fff;}

.continuum .tag_continuum_ver1 div.brochure,
.continuum .tag_compass div.brochure,
.continuum .tag_compliance_ver1 div.brochure,
.continuum .tag_connect_ver1 div.brochure,
.news .tag_about_ver1 div.brochure,
.continuum .tag_capture_ver1 div.brochure { position: absolute; top: -6px; right: 0px; background: none; float: none; width: 208px; height: 59px;}


.continuum .l{width:280px; border-right:1px solid #bdc8cd;}
.continuum .r{width:260px;}
.continuum .con{padding-top:10px;}
.continuum .con li{padding-left:10px; background:url(images/dot2.gif) 0 8px no-repeat;}



/*------------------------------------------------------------------------------*/
#footer{width:937px; height:100px; padding-top:10px; color:#fff; font-size:11px; margin:0 auto; background:url(images/footer_bg.png) 7px 0 no-repeat; _background:url(images/footer_bg.gif) 7px 0 no-repeat; z-index:2;}
#footer a{font-size:11px; color:#fff; text-decoration:none;}
.contact{width:214px; float:left; line-height:1.5em; padding-left:25px;}
.copyright{width:630px; float:right; padding-right:25px; text-align:right;}
.wave{width:100%; height:84px; position:absolute; top:104px; z-index:10; background:url(images/wave.png) top left no-repeat;}

#waves{position:absolute; width:100%; height:183px; overflow:hidden; top:104px; _top:102px; z-index:100; font-size:1px; background:url(images/waves.png) center top no-repeat;}
#shadows{position:absolute; width:100%; height:78px; overflow:hidden; bottom:115px; *bottom:90px; font-size:1px; z-index:-2; background:url(images/shadow-sides.png) bottom center no-repeat;}

.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

a.email {color: #3d9dc6;}

div.box {margin: 5px 0 20px 0; width: 316px; background: #506e79 url(images/bg_box.gif) no-repeat left top;}
div.box h2 {margin: 0; padding: 0 20px; background: no-repeat 20px center; text-indent: -2000px; height: 33px;}
div.box .box_content {padding: 10px 20px; background: url(images/bg_box.gif) no-repeat -316px bottom;}
div.news_box {color: #e36f28;}
div.news_box a {color: #fff; text-decoration: underline;}
div.news_box ul li {padding-bottom: 10px;}
div.orange_box {width: 381px; background-color: #e06519; background-position: -632px 0; color: #fff; line-height: 18px;}
div.orange_box .box_content {padding: 20px; background-position: -1013px bottom;}

div.featuredCaseStudy {margin: 0 0 30px 0; width: 320px; background: url(images/bg_featured_case_study.gif) no-repeat;}
div.featuredCaseStudy .logo {height: 34px; padding: 41px 0 17px 0; text-align: center;}
div.featuredCaseStudy .summary {width: 260px; padding: 15px 30px 0 30px; line-height: 20px;}
div.featuredCaseStudy .summary a {color: #e36f28; text-decoration: underline;}
div.featuredCaseStudy .button {margin: 3px -3px 0 0; text-align: right;}

.small {font-size: 11px;}

.accent {color: #e06315;}

ul.news {color: #2c4f61; position: relative; z-index: 1000;}
ul.news .more {width: auto; height: auto; background: none; cursor: default;}
ul.news .more a {font-weight: bold; color: #e36f28; text-decoration: underline;}

body.user_conference .banner_news {background-image: url(images/navbg_user_conference.gif);}
body.case_studies .banner_news {background-image: url(images/navbg_case_studies.gif);}
body.register .banner_news {background-image: url(images/navbg_register.gif);}
body.register .banner_news {background-image: url(images/navbg_register.gif);}
body.press .banner_news {background-image: url(images/navbg_press.gif);}
body.press ul.news .more {margin: -1em 0 1em 0;}
body.press ul.news li {padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #eda173;}
body.press ul.news li.lastItem {border-bottom-width: 0;}

form.form {position: relative; z-index: 1000;}
form.form .column {float: left; width: 185px;}
form.form .row {padding: 0 0 10px 0;}
form.form label {display: block; margin: 0 0 7px 0;}
form.form .input {width: 170px; padding: 3px; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; border: solid 1px #c4c4c4;}
form.form .submit {padding: 20px 0 0 0; text-align: right;}
form.form label.checkbox {padding: 0 0 0 20px; font-size: 11px;}
form.form label.checkbox input {margin: 4px 3px 0 -20px;}

ul.bulletList {margin: 1em 0; padding: 0 0 0 20px; list-style-type: disc;}
ul.bulletList li {list-style-type: disc;}

div.r .contactButton {display: block; margin: 60px 0 20px 0;}

div#contactCta {float: right; position: relative; width: 200px; margin: 0 0 0 20px; padding: 10px 0 40px 20px; border-left: solid 1px #c5d0d4; z-index: 10000;}
div#contactCta .contactButton {display: block; margin: 0 0 20px 0;}
div#contactCta ul{position:relative;}
div#contactCta li{height:30px; list-style:none; padding-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(images/dot.gif) 0 8px no-repeat;}
div#contactCta li a{color:#e1661a; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
div#contactCta li a:hover{color:#204c5e;}
