/*reset*/ :link,:visited{text-decoration:none} ul,ol{list-style:none} h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0} a img,:link img,:visited img{border:none} address{font-style:normal} table,tr,td,th{border:0px;padding:0px;margin:0px;vertical-align:top;text-align:left;} table{border-collapse:collapse;} /* default stuff */ body,html{margin:0;padding:0;font:12px "Helvetica","Lucida Grande","Geneva",Arial,sans-serif;color:#333;background:#fff;line-height:18px;background:url('../images/main-bg.gif') repeat-x;} /* headings */ h1{font-size:32px;color:#1669b3;margin-bottom:0.2em;} h2{font-size:20px;color:#1669b3;margin-bottom:0.5em;} h3{font-size:18px;color:#838383;margin-bottom:0.5em;} a{color:#165c9e;} a.pdf{padding:0 0 1px 20px;background:url('../images/pdf.gif') 0 0 no-repeat;} a.pdf:hover{text-decoration:underline;} /* main container*/ #maincontainer{width:980px;margin:auto;padding-top:20px;margin-bottom:20px;} /* header */ /* Header */ #header {height:109px;width:100%;background: url(../images/header-bg-white.png) repeat-x; margin:auto;} #header .wrapper{width:980px;margin:auto;} #header .necp{width:230px;height:35px;background: url(../images/header-logo-necp.gif) no-repeat;display:block;text-indent:-5000px;float:left;margin-top:18px;} .nav{float:left;width:100%;border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;} .nav li{display:inline;float:left;} .nav li.search{padding: 4px 0 0 18px;height:20px;float:right;} .nav .input[type="text"]{width:87px;height:19px;background: url(../images/search-bg.gif) no-repeat 0 1px;border:none;padding:4px 3px 0 15px;color:#666} .nav .subm{border:0;background:transparent;padding-left:5px;font-size:110%;color:#231f20;cursor:pointer;font-weight:bold;} .nav li.search input[type="submit"]:hover{color:#231F20;} .nav li a{display:block;float:left;outline:0;height:20px;border:none;color:#7c7c7c;padding: 5px 15px 1px 15px;font-weight:bold;} .nav li a.active,.nav li a:hover.active{color:#1c4ca1;background-color:#ededed;} .nav li a:hover{color:#231F20;} .subnav{float:right;text-align:right;padding-top:8px;color:#999;} .subnav a{color:#1c4ca1;font-size:90%;} .subnav a:hover{color:#231F20;text-decoration:none;} h2.unified{color:#a7a7a7;font-size:110%;font-weight:bold;letter-spacing:0;margin:0;} /* intro showcase */ #intro{clear:both;height:430px;} #intro .showcase{width:700px;height:100%;float:left;background:url('../images/showcase-bg.gif') no-repeat;} #intro .showcase #content{height:365px;margin-top:10px;margin-left:1px;width:698px;overflow:hidden;position:relative;} #cases{width:4886px;} #cases .item{float:left;width:698px;height:365px;} #cases .item img{float:right;} #cases h1{font-size:35px;font-weight:normal;padding:25px 0 0 25px;text-indent:-5000px;} #cases h2{color:#727272;font-size:17px;font-weight:normal;padding:0 0 40px 25px;text-indent:-5000px;} #cases p{line-height:14px;padding:0 0 10px 25px;} #cases a{padding:0 15px 0 25px; font-size:13px;background:url('../images/showcase_pointer.gif') no-repeat 100% 0px;} #cases a:hover{background-position: 100% 0px;font-weight:bold;} #cases .intro{background:url('../images/business-connect.jpg') no-repeat;} #cases .contact{background:url('../images/contact-center.jpg') no-repeat;} #cases .operator{background:url('../images/operator.jpg') no-repeat;} #cases .employee{background:url('../images/employee.jpg') no-repeat;} #cases .directory{background:url('../images/directory.jpg') no-repeat;} #cases .presence{background:url('../images/presence.jpg') no-repeat;} #cases .messaging{background:url('../images/messaging.jpg') no-repeat;} #cases .intro p{width:200px;} #cases .contact p{width:350px;} #cases .operator p{width:350px;} #cases .employee p{width:350px;} #cases .directory p{width:370px;} #cases .presence p{width:370px;} #cases .messaging p{width:360px;} #intro .showcase #links{height:55px;width:100%;margin-left:25px;color:#636363;} #intro .showcase #links ul{margin-top:10px;} #intro .showcase #links ul li{display:inline;margin-right:5px;} #intro .showcase #links ul li a{padding:14px 7px 5px 7px;color:#636363;outline:0;} #intro .showcase #links ul li a:hover{color:#165c9e;} #intro .showcase #links ul li.active a{background-color:#fff;color:#1a1a1a;} /* quick tour button */ #quickTour{clear:both;display:block;width:150px;text-indent:-5000px;background:url('../images/quick-tour.gif') 0 -35px no-repeat;height:35px;outline:0;margin-left:10px;position:relative;top:-10px;} #quickTour:hover{background-position:0 0px;} /* default page layout */ #intro .content{width:700px;float:left;margin-right:20px;background:url('../images/left-middle.gif') repeat-y;} #intro .content .top{height:6px;width:700px;background:url('../images/left-top.gif') no-repeat;} #intro .content .bottom{height:50px;width:700px;background:url('../images/left-bottom.gif') no-repeat;} #intro .content .data{padding:20px 0 0 30px;min-height:430px;width:640px;} #intro .content .data a{outline:0;} #intro .content .data .left{float:left;width:305px;margin-right:30px;} #intro .content .data .right{float:left;width:305px;} #intro .content .data .clear{clear:both;} #intro .content .data h1{font-size:30px;font-weight:normal;text-indent:-5000px;width:650px;height:60px;} #intro .content .data h2{color:#727272;font-size:17px;font-weight:normal;text-indent:-5000px;} #intro .content .data h3{color:#165c9e;font-size:13px;font-weight:bold;margin:0;padding:0;} #intro .content .data h3.news{font-size:15px;} #intro .content .data h4{color:#333;font-size:12px;font-weight:bold;margin-top:5px;} #intro .content .data p{margin-bottom:1.5em;text-align:justify;line-height:18px;} #intro .content .data ul{margin-bottom:10px;} #intro .content .data ul li{list-style:url('../images/bull.gif');} #intro .content .data .intro{margin-bottom:1.5em;margin-left:15px;} #intro .content .data .intro li{list-style:url('../images/bull.gif');font-weight:bold;} #intro .content .data .benefitsData{margin-left:15px;} #intro .content .data .benefitsData li{list-style:url('../images/bull.gif');} a#univerge360{display:block;width:300px;height:100px;background:url('../images/univerge-360.jpg') 0 0 no-repeat;text-indent:-5000px;} a#univerge360:hover{background-position: 0 -100px;} .column{width:250px;float:right;background:url('../images/column_middle.gif') repeat-y;margin-bottom:15px;} .column .top{height:6px;background:url('../images/column_top.gif') no-repeat;} .column .bottom{height:50px;background:url('../images/column_bottom.gif') no-repeat;} .column .inner{padding:25px;} .column .inner.banner{padding:5px 0 0 5px;height:370px;} .column .inner ul.news li {margin-bottom:5px;} .column .inner ul.news li a{padding:0;color:#333;text-decoration:underline;} .column .inner ul.news li a.active{color:#1669b3;font-weight:bold;text-decoration:none;} .column .inner ul.news li a:hover{text-decoration:underline;color:#1669b3;} .column .inner ul.news li a em{display:block;font-weight:normal;font-size:11px;} .column .inner ul{margin:20px 0 0 20px;} .column .inner ul li{list-style:url('../images/bull.gif');line-height:17px;width:180px;} .column .inner .bct{height:50px;text-indent:-5000px;background:url('../images/lbl_at_a_glance.gif') 0 0px no-repeat;} .column .inner .glance_contact_centre{height:50px;text-indent:-5000px;background:url('../images/lbl_glance_contact_centre.gif') 0 0px no-repeat;} .column .inner .glance_employee{height:50px;text-indent:-5000px;background:url('../images/lbl_glance_employee.gif') 0 0px no-repeat;} .column .inner .glance_operator{height:50px;text-indent:-5000px;background:url('../images/lbl_glance_operator.gif') 0 0px no-repeat;} .column .inner .glance_directory{height:50px;text-indent:-5000px;background:url('../images/lbl_glance_directory.gif') 0 0px no-repeat;} .column .inner .glance_messaging{height:50px;text-indent:-5000px;background:url('../images/lbl_glance_messaging.gif') 0 0px no-repeat;} .column .inner .glance_download{margin-top:30px;height:35px;text-indent:-5000px;background:url('../images/lbl_downl.gif') 0 0px no-repeat;} .column .inner .glance_presence{height:50px;text-indent:-5000px;background:url('../images/lbl_presencem.gif') 0 0px no-repeat;} .column .inner .glance_releases{height:30px;text-indent:-5000px;background:url('../images/lbl_press_release.gif') 0 0px no-repeat;} /* header replace labels*/ #intro .content .data h1.true{background:url('../images/lbl-true-unified.gif') no-repeat;} .benefits{clear:both;height:70px;background:url('../images/lbl_bct_benefits.gif') 0 0px no-repeat;} .BCTcontact_centre{clear:both;background:url('../images/lbl_contact_centre.gif') 0 0 no-repeat;} .BCTemployee{clear:both;background:url('../images/lbl_employee.gif') 0 0 no-repeat;} .BCToperator{clear:both;background:url('../images/lbl_operator.gif') 0 0 no-repeat;} .BCTdirectory{clear:both;background:url('../images/lbl_directory.gif') 0 0 no-repeat;} .BCTmessaging{clear:both;background:url('../images/lbl_messaging.gif') 0 0 no-repeat;} .BCTmonitor_improve{clear:both;background:url('../images/lbl_monitor_improve.gif') 0 20px no-repeat;padding-top:25px;} .BCTcontact_centre_benefits{clear:both;background:url('../images/lbl_benefit_instantly.gif') 0 20px no-repeat;padding-top:45px;} .BCTemployee_benefits{clear:both;background:url('../images/lbl_benefit_employee.gif') 0 20px no-repeat;padding-top:45px;} .BCToperator_benefits{clear:both;background:url('../images/lbl_benefit_operator.gif') 0 20px no-repeat;padding-top:45px;} .BCTrequest{clear:both;background:url('../images/lbl_request.gif') 0 0 no-repeat;} .BCTdownloads{clear:both;background:url('../images/lbl_downloads.gif') 0 0 no-repeat;} .BCTpresence{clear:both;background:url('../images/lbl_presence.gif') 0 0 no-repeat;} .BCTnewsroom{clear:both;background:url('../images/lbl_newsroom.gif') 0 0 no-repeat;} /* subnav */ #subnav{margin-left:0px;float:left;display:inline;height:20px;margin-bottom:25px;} #subnav li{float:left;display:inline;margin:0;padding:0;} #subnav a{display:block;outline:0;height:20px;text-indent:-5000px;border:none;color:#fdfdfd;background:url('../images/subnav.gif') no-repeat;} #subnav li a.bct{width:116px;background-position:0px 0px;} #subnav li a.employee{width:71px;background-position:-116px 0px;} #subnav li a.contact{width:99px;background-position:-187px 0px;} #subnav li a.operator{width:61px;background-position:-286px 0px;} #subnav li a.directory{width:120px;background-position:-347px 0px;} #subnav li a.messaging{width:76px;background-position:-467px 0px;} #subnav li a.presence{width:70px;background-position:-545px 0px;} #subnav li.active a.bct{background-position:0px -40px;} #subnav li.active a.employee{background-position:-116px -40px;} #subnav li.active a.contact{background-position:-187px -40px;} #subnav li.active a.operator{background-position:-286px -40px;} #subnav li.active a.directory{background-position:-347px -40px;} #subnav li.active a.messaging{background-position:-467px -40px;} #subnav li.active a.presence{background-position:-545px -40px;} #subnav li a:hover.bct{background-position:0px -20px;} #subnav li a:hover.employee{background-position:-116px -20px;} #subnav li a:hover.contact{background-position:-187px -20px;} #subnav li a:hover.operator{background-position:-286px -20px;} #subnav li a:hover.directory{background-position:-347px -20px;} #subnav li a:hover.messaging{background-position:-467px -20px;} #subnav li a:hover.presence{background-position:-545px -20px;} #subnav li.active a:hover.bct{background-position:0px -40px;} #subnav li.active a:hover.employee{background-position:-116px -40px;} #subnav li.active a:hover.contact{background-position:-187px -40px;} #subnav li.active a:hover.operator{background-position:-286px -40px;} #subnav li.active a:hover.directory{background-position:-347px -40px;} #subnav li.active a:hover.messaging{background-position:-467px -40px;} #subnav li.active a:hover.presence{background-position:-545px -40px;} /* footer */ #footer{clear:both;margin-top:40px;color:#838383;width:900px;margin:auto;text-align:center;padding-bottom:20px;font-size:90%;} #footer a{color:#1c4ca1;} #footer a:hover{text-decoration:underline;} /* overlay box */ #overlayNEC{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#333333;z-index:400;cursor:pointer;} #overlayBox{position:absolute;left:50%;margin-left:-325px;width:650px;height:500px;top:50px;z-index:1000;text-align:center;background:#fff;} #overlayBox #closeOverlay{position:absolute;z-index:411;right:0px;top:-10px;cursor:pointer;width:25px;height:25px;} #imgContainer{margin:auto;padding:10px;background:#fff;width:auto;position:relative;top:300px;} #imgContainer img{padding-top:5px;} #closeLabel{position:absolute;left:50%;margin-left:-325px;width:650px;height:30px;top:550px;z-index:1001;background: #fff url(../images/closelabel.gif) 570px 0 no-repeat;cursor:pointer;} /* other css id' & classes */ .input{width:290px;height:20px;font:12px "Helvetica","Lucida Grande","Geneva",Arial,sans-serif;color:#333;margin-bottom:0px;padding-left:5px;padding-right:5px;padding-top:7px;border:1px solid #a7a7a7;} .txtarea{width:290px;height:75px;border:1px solid #a7a7a7;font:12px "Helvetica","Lucida Grande","Geneva",Arial,sans-serif;color:#333;;margin-bottom:1em;padding-left:5px;padding-right:5px;padding-top:5px;} .missed{border:solid 1px #1468b3;background-color:#c5d7e7;color:#333;} .spaced{margin-left:20px;} #intro .content .data ul.downloadable li{list-style-image:url('../blank.gif');list-style-type:none;} #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; }