/* ************************************************* CityIS.com General Screen Styles ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; } body {color: inherit; background: #000 url(../images/bg5.jpg) repeat-x; font: 76% 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.3em; text-align: center; } input,select,textarea { font-size: 1em; font-family: 'Lucida Grande', 'Helvetica Neue', Arial, sans-serif; font-weight: normal; color: #444; } a { color: #eb3e40; text-decoration: none; } a:hover { text-decoration: underline; } img { border: 0; } img.icon { vertical-align: middle; } hr { height: 1px; border: 0; background: #ccc; color: #ccc; margin: 1em 0; } .clear { clear: both; } table { border-collapse: collapse; } input.button { border: 1px solid #eb3e40; background-color:inherit; color: #fff; padding: .25em .5em; } input.text ,textarea.text { border: 1px solid; width: 100%; padding: 2px; background: #fff; color: inherit; border-color: #ccc #ccc #ccc #999;} /*------------------------------------------- Wrap -------------------------------------------*/ #above-wrap { height: 28px; text-align: left; margin: 0 auto; width: 960px; } #above-wrap p#strap { padding: 6px 0 0 2px; color: #666; font-size: .9em; background-color:inherit; } #above-wrap ul#shortcut-links { float: right; font-size: .9em; list-style: none; height: 26px; margin-top: 2px; } #above-wrap ul#shortcut-links li { display: block; float: left; margin: 1px 1px 0 1px; background: url(../images/utils-r-0.gif) 100% 0 no-repeat; } #above-wrap ul#shortcut-links a { display: block; padding: 3px 10px; color: #fff; background: url(../images/utils-l-0.gif) 0 0 no-repeat; } #above-wrap ul#shortcut-links li:hover { background: url(../images/utils-r-1.gif) 100% 0 no-repeat; } #above-wrap ul#shortcut-links a:hover { background: url(../images/utils-l-1.gif) 0 0 no-repeat; text-decoration: none; } /*#above-wrap h1 { font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#333; background-color:inherit; padding: 5px 0 5px 5px;}*/ #above-wrap h1 { padding: 6px 0 0 2px; font-weight: normal; color: #666; font-size: .9em; background-color:inherit; } #wrap { color:inherit; padding: 0; width: 960px; margin: 0 auto; text-align: left; background: #eee url('../images/new-home-bg1.png') 0 0 no-repeat; } .contentWrapHome { padding: 5px 10px !important; } /*------------------------------------------- Header -------------------------------------------*/ #logoWrap { width: 920px; padding: 10px 0 20px 25px; } #logo { float: left; width: 225px; margin: 12px 0 14px 0; } #utils { float: left; width: 695px; } #logo h1 { padding: 1px 0 0 0; font-size: .9em; line-height: .9em; /*width:500px; color:#999; */} #telnos { float: right; width: 200px; margin-top: 10px; font-size: 1.2em; color: #888; text-align: right; background-color: inherit; } #telnos ul { list-style: none; text-align: right; } #telnos li { float: right; margin: 0 0 0 5px; } #locations-wrap { width: 180px; margin: 11px 125px 0 0px; float: left; } #office-locations { margin: 0 0 0 10px; width: 180px; font-size: .8em; color: #888; text-align: right; background-color: inherit; } #office-locations p { float: left; text-align: left; } #office-locations ul { list-style: none; text-align: left; } #office-locations li { float: right; margin: 1px 0 0 5px; } #choose-region { position: absolute; z-index: 999; font-size: .8em; color: #888; text-align: left; margin: 21px 0 0 2px; background-color:inherit; } #choose-region a { color: #888; background-color:inherit; } #choose-region a#region-show-a { background: url('../images/world.png') 0 50% no-repeat; padding: 1px 4px 1px 20px; } #choose-region img { vertical-align: middle; } #choose-region ul { list-style: none; text-align: left; } #choose-region ul li { margin: 0 0 0 0; padding: 4px; width: 150px; border: 1px solid #fff; } #choose-region ul li a { padding: 0; text-decoration: none; } #choose-region ul li:hover { background: #fff; border: 1px solid #ccc; } #choose-region ul li ul { display: none; height: 15px; overflow: hidden; } #choose-region ul ul li { padding: 0 0 0 0; display: inline; margin: 0; border: 0; } #choose-region ul ul li:hover { border: 0; } #choose-region ul li:hover ul { display: block; padding: 0; color:inherit; } #choose-region ul ul a { } #choose-region #globe-small { margin: 0; vertical-align: middle; } #choose-region li.sel { font-weight: bold !important; } #choose-region li.sel a { color: #eb3e40; } #choose-region ul li:hover ul:hover { display: block; padding: 0; } #choose-region ul ul ul { border: 0; padding: 0 0 0 15px !important; } #choose-region ul ul ul li { padding: 0; } #choose-region #map-click img { margin: 0 0 0 20px; } #choose-region #choose-links { } #choose-region #choose-links ul { text-align: left; color:inherit; padding: 2px 0 0 0 } #choose-region #choose-links ul li { } #choose-region #choose-links ul li a { padding: 0 0 0 5px; } #choose-region #choose-links ul li:hover { background: none; } #choose-region #choose-links ul li a:hover { text-decoration: underline;} #see-in-action { width: 167px; height: 67px; margin: 4px 0 0 40px; float: left; } #see-in-action a { display: block; width: 167px; height: 67px; text-indent: -9999px; background: url('../images/header-see-in-action-1.png') 0 0 no-repeat; } #see-in-action a:hover { background: url('../images/header-see-in-action-hover-1.png') 0 0 no-repeat; } #ask-us { width: 167px; height: 67px; margin: 4px 0 0 10px; float: left; } #ask-us a { display: block; width: 167px; height: 67px; text-indent: -9999px; background: url('../images/header-ask-us-1.png') 0 0 no-repeat; } #ask-us a:hover { background: url('../images/header-ask-us-hover-1.png') 0 0 no-repeat; } #support-call { width: 167px; height: 67px; margin: 4px 0 0 218px; float: left; } #support-call a { display: block; width: 167px; height: 67px; text-indent: -9999px; background: url('../images/header-support-call.png') 0 0 no-repeat; } #support-call a:hover { background: url('../images/header-support-call-hover.png') 0 0 no-repeat; } #region { position: absolute; z-index: 999; font-size: .9em; color: #666; text-align: left; margin: 10px 0 0 280px; background-color:inherit; } #region a { color: #666; background-color:inherit; } #region img { vertical-align: middle; } #region ul { list-style: none; text-align: left; } #region ul li { padding: 2px 0 0 0; width: 240px; } #region ul li a { padding: 0 10px; text-decoration: none; } #region ul li:hover { background: #333; color:inherit;} #region ul li:hover a { color: #fff; background-color:inherit; } #region ul li:hover img#map-small { visibility: hidden } #region ul li ul { display: none; height: 115px; } #region ul ul li { padding: 0 } #region ul li:hover ul { display: block; padding: 0; background: #333; color:inherit; } #region ul ul a { color: #fff; background-color:inherit; } #region ul li:hover ul:hover { display: block; padding: 0; } #region ul ul ul { height: 21px; } #region #map-click img { margin: 0 0 0 20px; } #region #map-links { } #region #map-links ul { text-align: center; background: #222; color:inherit; padding: 4px 0 0 0 } #region #map-links ul li { display: inline; margin: 0 0 0 0; } #region #map-links ul li a { padding: 0 0 0 8px; } #region #map-links ul li:hover { background: none; } #region #map-links ul li a:hover { text-decoration: underline;} #search { float: right; font-size: .9em; color: #666; background-color:inherit; } #search input.searchText { height: 20px; border: 1px solid #ccc; vertical-align: middle; margin: 0 0 0 .25em } #utilsnav { display: none; clear: both; float: right; padding: 1em 0; } #utilsnav ul { list-style: none; } #utilsnav a { color: #888; font-size: .9em; background-color:inherit; } #utilsnav li { display: inline; margin: 0 0 0 .5em; } #nav1Wrap { clear: both; width: 920px; margin: 0 0 0 10px; padding: 0 10px 0 10px; background: url(../images/nav1bg1.png) 50% -2px no-repeat; height: 32px; } #nav1 { } #nav1 ul { list-style: none; } #nav1 li { float: left } #nav1 li a { display: block; color: #fff; width: 95px; height: 20px; padding: 6px 9px 4px 10px; border-right: 1px solid #aaa; background-color:inherit;} #nav1 li a:hover { text-decoration: none; } #nav1 #n1-services:hover { background: url(../images/nav1bg1-hover.png) -7px -2px; } #nav1 #n1-products:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-solutions:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-industry:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-resources:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-about:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-news:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-contact:hover { background: url(../images/nav1bg1-hover.png) 50% -2px;} #nav1 #n1-services .sel { background: url(../images/nav1bg1-roll.png) -7px -2px; } #nav1 #n1-products .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 #n1-solutions .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 #n1-industry .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 #n1-resources .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 #n1-about .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 #n1-news .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 #n1-contact .sel { background: url(../images/nav1bg1-roll.png) 50% -2px;} #nav1 .sel { color: #fff; background-color:inherit; } /* #nav1SubWrap { clear: both; width: 920px; margin: -2px 20px; height: 28px; background: url(../images/nav1subbg1.png) 50% -1px no-repeat; } #nav1Sub { } #nav1Sub ul { list-style: none; font-size: .9em; } #nav1Sub li { float: left; } #nav1Sub li a { display: block; color: #666; height: 18px; padding: 5px 1em 4px 1em; } #nav1Sub li a:hover { text-decoration: underline; } #nav1Sub .sel { color: #fff; } #nav1Sub .corporate { background: url(../images/bg-corporateX.png) 0 -2px repeat-x; } */ /* #nav1SubWrap { clear: both; width: 920px; margin: 0 20px; padding: 10px 0 0 0; height: 28px; border-bottom: 1px solid #ccc; background: url(../images/navsubbg.gif); } #nav1Sub { } #nav1Sub ul { list-style: none; font-size: 1em; margin-left: 10px; } #nav1Sub li { float: left; margin: 0 1px 0 0; } #nav1Sub li a { display: block; color: #666; height: 18px; padding: 6px 10px 4px 10px;background-color:inherit; } #nav1Sub li a:hover { text-decoration: underline; } #nav1Sub .sel { color: #444; border: 1px solid #ccc; padding: 5px 10px 5px 10px; background: #f9f9f9; border-bottom: 0; } #nav1Sub .corporate { background: url(../images/bg-corporateX.png) 0 -2px repeat-x; } */ #nav1SubWrap { clear: both; width: 920px; margin: 0 20px; padding: 10px 0 0 0; height: 28px; border-bottom: 0px solid #ccc; background: url(../images/nav1-sub-bg.gif) 0 100% no-repeat; } #nav1Sub { } #nav1Sub ul { list-style: none; font-size: 1em; margin-left: 10px; } #nav1Sub li { float: left; margin: 0 1px 0 0; } #nav1Sub li a { display: block; color: #666; height: 18px; padding: 6px 10px 4px 10px; background-color:inherit; } #nav1Sub li a:hover { text-decoration: underline; } #nav1Sub li.sel { color: #444; background: url(../images/nav1-sub-r-1.gif) 100% 0 no-repeat; } #nav1Sub li.sel a { color: #444; padding: 5px 10px 5px 10px; background: url(../images/nav1-sub-l-1.gif) 0 0 no-repeat; border-bottom: 0; } #nav1Sub .corporate { background: url(../images/bg-corporateX.png) 0 -2px repeat-x; } #breadcrumb { clear: both; border-top: 0px solid #ccc; width: 900px; padding: 5px 10px; margin: 0 20px } #breadcrumb ul { list-style: none; font-size: .8em; color: #888; background-color:inherit; } #breadcrumb li { float: left; margin: 0 .5em 0 0; } #breadcrumb a { color: #999; padding: 0 0 0 0; background-color:inherit;} /*------------------------------------------- Content -------------------------------------------*/ #contentWrap { width: 920px; padding: 5px 20px 0 20px; clear: both; } #left { width: 180px; float: left; padding: 5px 0 0 0; } #left h2 { font-size: .8em; text-transform: uppercase; font-weight: normal; letter-spacing: .05em; color: #666; margin: 0 0 .5em 10px; background-color:inherit;} #left #nav2Wrap { } #left #nav2 { } #left #nav2 ul { list-style: none; font-size: .9em; } #left #nav2 li { border-top: 1px solid #ddd; } #left #nav2 li a { display: block; color: #666; padding: 5px 10px 5px 10px; margin: 1px 0; background-color:inherit; } #left #nav2 li a:hover { text-decoration: underline; background: #e0e0e0; color:inherit; } #left #nav2 li ul { margin-bottom: 0; font-size: 1em; } #left #nav2 li li { border-top: 1px dashed #ddd; } #left #nav2 li li a { padding-left: 20px } #left #nav2 .sel { color: #444; background: #e0e0e0; font-weight: bold; } #mainWrap { width: 560px; padding-bottom: 20px; float: left; } .wide { width: 740px !important; } .wideRight { width: 740px !important; } #main { padding: 2px 15px 30px 15px; } .wide #main { padding: 2px 0 30px 10px !important; } .wide .col { padding: 0 10px; } .colL { float: left; width: 255px; margin-right: 0px; } .colR { float: right; width: 255px; margin-right: 5px; } .boxWrap { width: 260px; float:left; background: url(../images/boxbg-top1.png) 0 0 no-repeat; } .box { background: url(../images/boxbg-bottom1.png) 0 100% no-repeat; padding: 0 3px 15px 15px; margin: 14px 0 7px 0; } .colw1 { width: 175px; float: left; } .colw15 { width: 235px; float: left; } .colw2 { width: 350px; float: left; } .colw3 { width: 525px; float: left; } .officeLocationWrap { height: 580px; } .officeLocation { width: 350px; } .googleMap { margin: 0 0 1em 0; } .googleMap iframe { border: 1px solid #ccc; } #map { width: 400px; height: 400px; border: 1px solid #999; margin-left: 3px; } #main h1 { font-size: 1.5em; line-height: 1.3em; margin: .2em .5em .75em 3px; color: #222; background-color:inherit; } #main h2 { font-size: 1.1em; line-height: 1.3em; margin: 2em .5em .5em 3px; color: #222; background-color:inherit; } #main h2 a { color: #222; background-color:inherit; } #main .box h2 { margin-top: 1em; } #main h2.large { font-size: 1.2em; line-height: 1.3em; border-bottom: 2px solid #ddd; padding: 0 0 .5em 0; margin: 1em 2.5em 1em 3px; } #main h2.large a { color: #222; background-color:inherit; } #main .colw15 h2.large { margin-right: 1.5em; } #main h2:first-child,#main h2.first-child { margin-top: 0em; } #main h3 { font-size: .9em; color: #444; margin: 0 2em 0 3px; background-color:inherit; } #main h3 a { color: #222; background-color:inherit; } #main p { color: #444; font-size: .9em; margin: 0 2em 1em 3px; background-color:inherit; } #main p.large { color: #888; font-size: 1.15em; line-height: 1.3em; margin: 0 2em 1em 3px; background-color:inherit; } #main p sup,#main ul sup { font-size: .8em; line-height: 1em; vertical-align: baseline; position: relative; height: 0; } #main p.small { color: #888; font-size: .8em; line-height: 1.3em; margin: 0 2em 1em 3px; background-color:inherit; } #main p.nobold strong { font-weight: normal !important; } #main p.errorMessage { color: #eb3e40; font-weight: bold; } #main p.intro { font-size: 1.3em; margin: 0 3em 1.25em 3px; line-height: 1.3em; color: #888; background-color:inherit; } #main p.intro1 { font-size: 1.2em; margin: 0 3em 1em 3px; line-height: 1.3em; color: #888; background-color:inherit; } #main ul { color: #444; font-size: .9em; margin: 0 2em 1em 3px; background-color:inherit; } #main ul ul { font-size: 1em; } #main ul li { list-style: none; background: url(../images/bullet-red.gif) 0 4px no-repeat; padding-left: 18px; } #main ol { color: #444; font-size: .9em; margin: 0 2em 1em 3px; background-color:inherit; } #main ol li { margin-left: 18px; } #main .box h1,#main .box h2,#main .box h3,#main .box p,#main .box ul { margin-right: 12px; margin-left: 0; } #main .partner-box img { margin: 1em 1em .5em 0em; } #main .partner-box h3 { display: none; } #main ul.glossary { padding: 0 0 2em 0; border-bottom: 1px solid #ddd; margin-bottom: 2em; } #main ul.glossary li { background: none; padding: 0 10px 0 0; float: left; } #main ul.links { color: #666; background-color:inherit; } #main ul.margin { border-top: 0px solid #ddd; margin: 0 0 2em 0; } #main ul.pdfs li { padding-left: 18px; background: url(../images/pdf.png) 1px 1px no-repeat; } #main ul.videos li { padding-left: 18px; background: url(../images/video.png) 0 3px no-repeat; } #main ul.links li.video { padding-left: 18px; background: url(../images/video.png) 0 3px no-repeat; } #main ul.links li.pdf { padding-left: 18px; background: url(../images/pdf.png) 1px 1px no-repeat; } #main ul.tabs { color: #666; height: 28px; margin: 0; background-color:inherit; } #main ul.tabs li { background: none; float: left; padding: 0;} #main ul.tabs a { display: block; padding: .5em 1em; } #main ul.tabs a.sel { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #main .whitepaper { border-top: 1px solid #ddd; padding-top: 1em; } #main .tip { border-top: 1px solid #ddd; padding-top: 1em; } #main .useful-link { border-top: 1px solid #ddd; padding-top: 1em; } #main .faq { border-top: 1px solid #ddd; padding-top: 1em; } #main .video-library { border-top: 1px solid #ddd; padding-top: 1em; } #main .video-library h2 { color: #222; margin: 1.5em 1em 2em 3px; background-color:inherit; } #main .video-library h3 { color: #222; margin-bottom: .5em; background-color:inherit; } #main .case { margin-bottom: 2em; } #main .case h2 { display: none; } #main .case img { margin: 0 0 .5em 0; } #main table.history { margin: 0 0 1em 3px; font-size: .9em; color: #444; background-color:inherit; } #main table.history th,#main table.history td { padding: 0 1em .5em 0; } #main .form { color:inherit; background: #eee; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fff; padding: 15px; margin-left: 3px } #main table.contact { margin: .5em 0 1em 3px; width: 95%; font-size: .9em; color: #444; background-color:inherit; } #main .form table.contact { margin-bottom: .5em; } #main table.contact th,#main table.contact td { padding: 0 1em 1em 0; vertical-align: top; font-weight: normal; } #main table.contact th { width: 100px; text-align: right; } #main .supportDesk { height: 215px; margin: 0 0 2em 0; } #main table.supportContact { margin: 0 0 1em 3px; font-size: .9em; color: #444; background-color:inherit; } #main table.supportContact th,#main table.supportContact td { padding: 0 1em .5em 0; vertical-align: top; font-weight: normal; } #main table.logSupportCall { margin: 0 0 1em 3px; font-size: .9em; color: #444; width: 95%; background-color:inherit; } #main table.logSupportCall th,#main table.logSupportCall td { padding: .5em 1em .5em 0; border-top: 0px solid #ccc; vertical-align: top; font-weight: normal; } #main table.logSupportCall th { width: 100px; text-align: right; } #main .box table { margin-left: 0 !important; } #main img.videoThumb { margin: .25em 0 .5em 3px; } #main .box img.videoThumb { margin-left: 0; } #right { width: 180px; float: left; padding: 5px 0 30px 0; } #right h2 { font-size: 1.1em; line-height: 1.3em; margin: 2em .5em .5em 3px; color: #222; background-color:inherit; } #right h2 a { color: #222; background-color:inherit; } #right .box h2 { margin-top: 1em; } #right h2.large { font-size: 1.2em; line-height: 1.3em; border-bottom: 2px solid #ddd; padding: 0 0 .5em 0; margin: 1em 3em 1em 3px; } #right h2.large a { color: #222; background-color:inherit; } #right .colw15 h2.large { margin-right: 1.5em; } #right h2:first-child,#right h2.first-child { margin-top: 0em; } #right h3 { font-size: .9em; color: #444; margin: 0 2em 0 3px; background-color:inherit; } #right p { color: #444; font-size: .9em; margin: 0 2em 1em 3px; background-color:inherit; } #right p.large { color: #888; font-size: 1.15em; line-height: 1.3em; margin: 0 2em 1em 3px; background-color:inherit; } #right p.nobold strong { font-weight: normal !important; } #right p.intro { font-size: 1.3em; margin: 0 3em 1.25em 3px; line-height: 1.3em; color: #888; background-color:inherit; } #right p.intro1 { font-size: 1.2em; margin: 0 3em 1em 3px; line-height: 1.3em; color: #888; background-color:inherit; } #right ul { color: #444; font-size: .9em; margin: 0 2em 1em 3px; background-color:inherit; } #right ul li { list-style: none; background: url(../images/bullet-red.gif) 0 4px no-repeat; padding-left: 18px; } #next-stepsWrap { padding: 0 0 10px 0; } #next-steps { } #right #next-steps h2 { margin: 0 1px; color: #666; font-size: .8em; text-transform: uppercase; font-weight: normal; letter-spacing: .05em; padding: 0 0 0 5px; height: 22px; background-color:inherit; } #right #next-steps ul { padding: 0 2px; list-style: none; font-size: .9em; margin: 0; } #right #next-steps li { border-top: 1px solid #ddd; padding: 0; background: none; } #right #next-steps a { display: block; color: #444; padding: 6px 5px 6px 35px; margin: 1px 0; background: 8px 8px no-repeat; background-color:inherit;} #right #next-steps a:hover { background-color: #e0e0e0; color:inherit; } #right .ns-trial,#right .ns-guide { width: 168px; height: 168px; margin: 0 0 10px 10px } #right .ns-trial a { display: block; width: 168px; height: 168px; text-indent: -9999px; background: url('../images/sidebar-trial.png') 0 0 no-repeat; } #right .ns-trial a:hover { display: block; width: 168px; height: 168px; text-indent: -9999px; background: url('../images/sidebar-trial-hover.png') 0 0 no-repeat; } #right .ns-trial a { display: block; width: 168px; height: 168px; text-indent: -9999px; background: url('../images/sidebar-trial.png') 0 0 no-repeat; } #right .ns-trial a:hover { display: block; width: 168px; height: 168px; text-indent: -9999px; background: url('../images/sidebar-trial-hover.png') 0 0 no-repeat; } #right .ns-guide a { display: block; width: 168px; height: 168px; text-indent: -9999px; background: url('../images/vc-pack-new.png') 0 0 no-repeat; } #right .ns-guide a:hover { display: block; width: 168px; height: 168px; text-indent: -9999px; background: url('../images/vc-pack-new-cta.png') 0 0 no-repeat; } /* #right .telepresence-free a { display: block; width: 168px; height: 168px; text-indent: -9999px; background: url('../images/tele-free-meeting.png') 0 0 no-repeat; } #right .telepresence-free a:hover { display: block; width: 168px; height: 168px; text-indent: -9999px; background: url('../images/tele-free-meeting-hover.png') 0 0 no-repeat; } */ #right .telepresence-lge-trial,#right .telepresence-lge-guide { width: 168px; height: 168px; margin: 0 0 10px 10px } #right .telepresence-lge-trial a { display: block; width: 168px; height: 168px; text-indent: -9999px; background: url('../images/telepresence-lge-trial.png') 0 0 no-repeat; } #right .telepresence-lge-trial a:hover { display: block; width: 168px; height: 168px; text-indent: -9999px; background: url('../images/telepresence-lge-trial-hove.png') 0 0 no-repeat; } #right .telepresence-lge-guide a { display: block; width: 168px; height: 168px; text-indent: -9999px; background: url('../images/tele-cta.png') 0 0 no-repeat; } #right .telepresence-lge-guide a:hover { display: block; width: 168px; height: 168px; text-indent: -9999px; background: url('../images/tele-cta-hover.png') 0 0 no-repeat; } #right #next-steps .buyers-guide a { background-image: url(../images/nextsteps-download.png); background-position: 8px 6px } #right #next-steps .demo a { background-image: url(../images/nextsteps-demo.png); background-position: 7px 4px; } #right #next-steps .enquiry a { background-image: url(../images/nextsteps-enquiry.png); background-position: 8px 4px; } #right #next-steps .callback a { background-image: url(../images/nextsteps-callback.png); background-position: 7px 4px; } #right #next-steps .newsletter a { background-image: url(../images/nextsteps-newsletter.png); background-position: 7px 7px; } #contact-info { font-size: 1em; padding: 0 0 10px 0; } #right #contact-info h2 { margin: 0 1px; color: #666; font-size: .8em; text-transform: uppercase; font-weight: normal; letter-spacing: .05em; padding: 0 0 0 5px; background-color:inherit; } #right #contact-info h3 { margin: 1em 1px 0 1px; color: #444; font-size: .9em; padding: 0 0 0 5px; background-color:inherit; } #right #contact-info p { margin: 0 1px .5em 1px; color: #666; font-size: .9em; padding: 0 0 0 5px; background-color:inherit; } #full-video { position: absolute; z-index: 10000; top: 0; left: 0; height: 100%; width: 100%; background: #000; color:inherit; } #full-video #container { width: 550px; height: 550px; margin: 50px auto; padding: 1px; } #full-video p { font-size: 1em; text-transform: uppercase; letter-spacing: .05em; text-align: center; margin: 0; } /* .cols-event { } .col-event-banner { width: 715px; margin: 0 10px 12px 10px; height: 190px; background: #fff; } .col-event-description { width: 480px; margin: 0 8px 0 8px; float: left; } #main .col-event-description h1 { font-size: 1.8em; line-height: 1.2em; margin: 0 1em .5em 3px; } #main .col-event-description h2 { font-size: 1.1em; line-height: 1.3em; margin: 1em 1em 1em 3px; } #main .col-event-description p { font-size: 1em; color: #666; line-height: 1.3em; margin: 1em 2em 1em 3px; } #main .col-event-description p.intro1 { font-size: 1.25em; color: #666; line-height: 1.3em; margin: 1em 2em 1em 3px; } #main #view-agenda { color: #eb3e40; cursor: pointer; } #event-agenda { display: none; width: 420px; height: 150px; margin: 0 0 1em 3px; background: #fff; } #main #event-agenda .agenda-item { clear: left; margin: 0 0 .5em 0; } #main #event-agenda .agenda-time { float: left; width: 60px; margin: 0 0 0 0; } #main #event-agenda .agenda-desc { float: left; width: 340px; margin: 0 0 0 0; } #main #event-agenda .agenda-desc p { margin: 0 0 1em 0; } .col-event-registration { float: left; background: #eee; width: 198px; padding: 20px 15px; border: 2px solid #eb3e40; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #main .col-event-registration p { font-size: 1em; color: #666; line-height: 1.3em; margin: 1em 2em 1em 3px; } #main .col-event-registration p strong { color: #333; font-weight: normal; } #main .col-event-registration input[type='text'] { width: 180px; padding: 3px; background: #fff; border: 1px solid #ccc; } .cols-venue { height: 290px; width: 480px; margin: 1em 0; } .col-venue-description { float: left; width: 175px; margin: 0 0 0 0; padding-top: 0; } #main .col-venue-description p { margin-top: 0; } .col-venue-map { float: left; width: 275px; margin: 0 0 0 0; } #venue-map { width: 275px; height: 275px; border: 1px solid #999; margin-left: 0px; } */ /*------------------------------------------- Home -------------------------------------------*/ #banner { position: relative; top: 0px; height: 412px; width: 923px; margin: 0 0 0 0; padding: 1px 0 0 8px; background: url('../images/new-banner-bg.png') 8px 0 no-repeat; } #prev-button-wrap { position: absolute; top: 150px; left: 5px; z-index: 100; height: 35px; width: 35px; } #prev-button-wrap a { text-indent: -9999px; background: url('../images/home/slide-left.png') 0 0 no-repeat; display: block; height: 35px; width: 35px; } #prev-button-wrap a:hover { background: url('../images/home/slide-left-hover.png') 0 0 no-repeat; } #next-button-wrap { position: absolute; top: 150px; left: 899px; z-index: 100; height: 35px; width: 35px; } #next-button-wrap a { text-indent: -9999px; background: url('../images/home/slide-right.png') 0 0 no-repeat; display: block; height: 35px; width: 35px; } #next-button-wrap a:hover { background: url('../images/home/slide-right-hover.png') 0 0 no-repeat; } #slide-buttons { z-index: 15; width: 200px; position: relative; top: -105px; left: 430px; } #slide-buttons li { list-style: none; float: left; margin: 0 .5em; } #slide-buttons li a { display: block; width: 7px; height: 7px; text-indent: -9999px; background: url('../images/home/home-slide-sq.gif') 0 0 no-repeat; } #slide-buttons li a.active { font-weight: bold; background: url('../images/home/home-slide-sq-sel.gif') 0 0 no-repeat; } #slideshow { position: relative; z-index: 1; width: 922px; height: 340px; overflow: hidden; background: none; } #slideshow li { position: absolute; width: 918px; overflow: hidden; height: 340px; top:2px; left:3px; z-index:8; /* opacity:0.0; */ } #slideshow li.active { z-index:10; /* opacity:1.0; */ } #slideshow li.last-active { z-index:9; /* opacity:0; */ } #slideshow li a { position: absolute; top: 0px; } #home-videos { } #home-videos li { list-style: none; float: left; width: 270px; height: 40px; padding: 15px; border-left: 1px solid #ddd; font-size: 1em; } #home-videos li:first-child { border: 0; } #home-videos li img { float: left; margin: 0 15px 0 0; } h2#homeintro { text-indent: -9999px; background: url('../images/home/home-intro-1a.png') 0 0 no-repeat; height: 94px; width: 920px; margin: 15px 0 5px 20px; } #homeprodlinks { padding: 0 0 0 0; width: 935px; } #homeprodlinks li { background: url('../images/home/panel-bg.png') -2px 0 no-repeat; float: left; width: 434px; height: 205px;list-style: none; padding:10px; margin: 0 4px 0 10px; } #homeprodlinks .panel-slideshow-wrap li { background: none; float: none; padding: 0; margin: 0; } #homeprodlinks li li img { width: 140px } #homeprodlinks li.r { margin-right: 0; } #homeprodlinks h2 { width: 300px; color: #333; margin: 15px 0 .5em 15px; font-size: 1.5em; line-height: 1em; } #homeprodlinks h2 a { color: #333; } #homeprodlinks p { width: 240px; padding: 0 0 .5em 15px; font-size: 1.2em; line-height: 1.4em; color: #555; } #homeprodlinks li p a { white-space: nowrap; } #homeprodlinks .panel-slideshow-wrap { width: 151px; height: 155px; float: right; margin: 5px 5px 0 15px; } #homeprodlinks .panel-slideshow { position:relative; z-index: 1; width: 151px; height: 85px; overflow: hidden; } #homeprodlinks .panel-slideshow li { position:absolute; width: 151px; height: 85px; top:0px; left:0px; z-index:8; /* opacity:0.0; */ } #homeprodlinks .panel-slideshow li.active { z-index:10; /* opacity:1.0; */ } #homeprodlinks .panel-slideshow li.last-active { /* z-index:9; */ } .panel-slideshow-buttons { display: none; } .panel-slideshow-buttons ul { margin: 5px 0 0 43px; } #homeprodlinks .panel-slideshow-buttons li { float: left; width: 19px; height: 19px; margin: 0 4px; text-align: center; } .prev-button a { display: block; height: 19px; width: 19px; text-indent: -9999px; background: url('../images/home/home-panel-prev.png') 0 0 no-repeat; } .prev-button a:hover { display: block; height: 19px; width: 19px; text-indent: -9999px; background: url('../images/home/home-panel-prev-hover.png') 0 0 no-repeat; } .next-button a { display: block; height: 19px; width: 19px; text-indent: -9999px; background: url('../images/home/home-panel-next.png') 0 0 no-repeat; } .next-button a:hover { display: block; height: 19px; width: 19px; text-indent: -9999px; background: url('../images/home/home-panel-next-hover.png') 0 0 no-repeat; } .panel-button { display: none; } #homequicklinks { background: url('../images/quick-links-bg.jpg') no-repeat; height: 126px; width: 924px; margin-left: -2px; margin-bottom: 20px; } #homequicklinks li { float: left; width: 170px; list-style: none; padding:10px 0 10px 10px; height: 106px; margin-left: 50px; } #homequicklinks h2 { margin: 10px 0 3px; line-height: 18px; font-size:14px; } #homequicklinks p { color: #555; } #homequicklinks p a{ line-height: 22px; } #home-shortcut-links { margin: 0px 0 5px 10px; height: 125px; width: 928px; background: url('../images/home/home-bottom-bg.png') -2px 0 no-repeat; } #home-shortcut-links li { list-style: none; width: 460px; float: left; margin: 0 0 0 0; height: 110px; } #home-shortcut-links img { float: left; width: 140px; margin: 20px 15px 0 20px; } #home-shortcut-links h2 { margin: 25px 0 .5em 0; font-size: 1.25em; line-height: 1em; } #home-shortcut-links p { margin: 0 2em .5em 0; font-size: 1.1em; line-height: 1.4em; color: #555; } #home-shortcut-links p img { width: auto; margin: 0; float: none; } #partnersHome { margin: 10px 0 0 10px; } #partnersHome { display: none; } .home-footer-cols { clear: left; margin: 0 0 0 20px; height: 135px; background: #ddd; } #content .home-footer-cols h3 { color: #444; line-height: 1.2em; margin: 0 0 .5em 0; } #content .home-footer-cols p { color: #666; line-height: 1.3em; font-size: 1em; } .home-footer-col1 { width: 260px; padding: 15px 20px; border-right: 1px solid #eee; float: left; } .home-footer-col1 img { float: right; margin: .5em 0 1em 1.5em; } .home-footer-col2 { width: 255px; padding: 15px 20px; border-right: 1px solid #eee; float: left; } .home-footer-col2 img { float: right; margin: .5em 0 1em 1.5em; } .home-footer-col3 { width: 260px; padding: 15px 20px; float: left; } .home-footer-col3 img { float: right; margin: .5em 0 1em 1.5em; } .home-social { height: 25px } .home-social ul { padding: 5px 0; margin: 0; list-style: none; margin-left: 375px; } .home-social li { width: 32px; height: 32px; float: left; margin: 0 7px; } /*------------------------------------------- Landing page -------------------------------------------*/ body.landing-page { } .landing-page a { text-decoration: underline; } #landing-page-wrap { background: #f1f1f1 url(../images/bgwrap-landing-page.jpg) no-repeat; width: 680px; padding: 10px 20px 20px 20px; margin: 20px auto 0 auto; text-align: left; } #landing-page-header { height: 85px; } #landing-page-header #landing-page-logo { margin-top: 10px; } #landing-page-trial { float: right; width: 158px; height: 57px; margin: 6px 10px 0 13px; } #landing-page-trial a { display: block; text-indent: -9999px; background: url('../images/landing-trial-1.png') 0 0 no-repeat; width: 167px; height: 67px; } #landing-page-trial a:hover { background: url('../images/landing-trial-hover-1.png') 0 0 no-repeat; } #landing-page-ask { float: right; width: 158px; height: 57px; margin: 6px 10px 0 13px; } #landing-page-ask a { display: block; text-indent: -9999px; background: url('../images/landing-ask.png') 0 0 no-repeat; width: 167px; height: 67px; } #landing-page-ask a:hover { background: url('../images/landing-ask-hover.png') 0 0 no-repeat; } #landing-page-hvc { float: right; width: 158px; height: 57px; margin: 6px 10px 0 13px; } #landing-page-hvc a { display: block; text-indent: -9999px; background: url('../images/landing-ask-hvc.png') 0 0 no-repeat; width: 167px; height: 67px; } #landing-page-hvc a:hover { background: url('../images/landing-ask-hvc-hover.png') 0 0 no-repeat; } #landing-page-main { float: left; width: 480px; } #landing-page-banner { } #landing-page-banner h1 { color: #999; font-size: 1.8em; line-height: 1.3em; margin: .2em 0 .75em 0; background-color:inherit; } #landing-page-banner h1 strong { color: #222; } #landing-page-main h2 { font-size: 1.25em; line-height: 1.3em; margin: 1.25em .5em 1.5em 0; color: #444; background-color:inherit; } #landing-page-main h2 strong { text-decoration: underline; } #landing-page-main h3 { color: #444; font-size: 1em; line-height: 1.3em; margin: 0 2em .1em 0; background-color:inherit; } #landing-page-main p { color: #444; font-size: .9em; line-height: 1.3em;margin: 0 2em 1em 0; background-color:inherit; } #landing-page-main ul { color: #444; font-size: .9em; line-height: 1.3em; margin: 0 2em 1em 0; background-color:inherit; } #landing-page-main ul li { list-style: none; background: url(../images/bullet-red.gif) 0 4px no-repeat; padding-left: 18px; } #landing-page-main .form { color:inherit; background: none; border-bottom: 0px solid #e0e0e0; border-top: 0px solid #fff; padding: 0; margin: 0 2em 0 0; } #landing-page-main .form p { font-size: 1.1em; line-height: 1.3em; } #landing-page-main table.contact { margin: 1.5em 0 1em 0; width: 95%; font-size: 1.1em; line-height: 1.3em; color: #444; background-color:inherit; } #landing-page-main .form table.contact { margin-bottom: 1em; } #landing-page-main table.contact th { padding: .25em 1em .5em 0; vertical-align: top; font-weight: bold; } #landing-page-main table.contact td { padding: 0 1em .5em 0; vertical-align: top; font-weight: normal; } #landing-page-main table.contact th { width: 100px; text-align: left; } #landing-page-main .whitepaper { float: left; width: 230px; min-height: 100px; margin: 0 10px 10px 0; padding-top: 0em; } #landing-page-main ul.whitepapers { color: #444; font-size: .9em; font-weight: normal; margin: 0 0 1em 2em; background-color:inherit; } #landing-page-main ul.whitepapers li { height: 60px; margin: 0; list-style: none; background: url(../images/li-whitepaper-lge.png) 0 1px no-repeat; padding-left: 30px; } #landing-page-main li p { color: #666; margin: 0; } #landing-page-main em { color: #666 !important; font-style: normal; } #landing-page-main ul.links li { padding-left: 18px; background: url(../images/pdf.png) 1px 1px no-repeat; } #landing-page-main .whitepaper a img { margin: .5em 0 } #landing-page-sidebar { float: left; width: 200px; } #landing-page-sidebar .col { padding: 0 0 0 15px; border-left: 1px solid #ddd; } #landing-page-sidebar .promo { padding: 0 0 1em 0; } #landing-page-sidebar .promo img { margin: 0 0 .5em 0; } #landing-page-sidebar h2 { font-size: 1.1em; line-height: 1.3em; color: #222; margin: 0 0 .5em 0; } #landing-page-sidebar p { font-size: 1em; line-height: 1.3em; color: #444; margin: 0 0 1em 0; } #landing-page-sidebar form input.text { border: 1px solid #ccc; padding: 2px; width: 165px; } #landing-page-sidebar form select { width: 171px; background: #fff; border: 1px solid #ccc; padding: 2px; } #landing-page-sidebar form input.button { border: 1px solid #eb3e40; background-color: #eb3e40; color: #fff; padding: .25em .5em; } .landing-page-cta { margin: 0 0 2em 13px; } .landing-page-cta a.trial { text-indent: -9999px; display: block; background: url('../images/landing-trial.png') 0 0 no-repeat; width: 158px; height: 57px; } .landing-page-cta a.trial:hover { text-indent: -9999px; display: block; background: url('../images/landing-trial-hover.png') 0 0 no-repeat; width: 158px; height: 57px; } .landing-page-cta a.ask { text-indent: -9999px; display: block; background: url('../images/landing-ask.png') 0 0 no-repeat; width: 158px; height: 57px; } .landing-page-cta a.ask:hover { text-indent: -9999px; display: block; background: url('../images/landing-ask-hover.png') 0 0 no-repeat; width: 158px; height: 57px; } .landing-page-cta a.demo { text-indent: -9999px; display: block; background: url('../images/landing-demo.png') 0 0 no-repeat; width: 158px; height: 57px; } .landing-page-cta a.demo:hover { text-indent: -9999px; display: block; background: url('../images/landing-demo-hover.png') 0 0 no-repeat; width: 158px; height: 57px; } body.landing-page #footerWrap { background: url('../images/footerbg-landing-page.jpg') 0 -60px repeat-x; width: 720px; margin: 0 auto; padding: 15px 0px; clear: both; height: 50px; } .landing-page #boilerplate { } .landing-page #boilerplate p { text-align: center; margin: 0 2em 1em 20px; } #portfolio-telepresence { float: right; width: 158px; height: 57px; margin: 6px 10px 0 13px; } #portfolio-telepresence a { display: block; text-indent: -9999px; background: url('../images/try-telepresence1.png') 0 0 no-repeat; width: 167px; height: 67px; } #portfolio-telepresence a:hover { background: url('../images/try-telepresence-hover1.png') 0 0 no-repeat; } .telelanding-page-cta { margin: 0 0 2em 13px; } .telelanding-page-cta a.free { text-indent: -9999px; display: block; background: url('../images/telepresence-trial.png') 0 0 no-repeat; width: 158px; height: 57px; } .telelanding-page-cta a.free:hover { text-indent: -9999px; display: block; background: url('../images/telepresence-trial-hover.png') 0 0 no-repeat; width: 158px; height: 57px; } .telelanding-page-cta a.action { text-indent: -9999px; display: block; background: url('../images/telepresence-demo.png') 0 0 no-repeat; width: 158px; height: 57px; } .telelanding-page-cta a.action:hover { text-indent: -9999px; display: block; background: url('../images/telepresence-demo-hover.png') 0 0 no-repeat; width: 158px; height: 57px; } .telelanding-page-cta a.visit { text-indent: -9999px; display: block; background: url('../images/telepresence-visit.png') 0 0 no-repeat; width: 158px; height: 57px; } .telelanding-page-cta a.visit:hover { text-indent: -9999px; display: block; background: url('../images/telepresence-visit-hover.png') 0 0 no-repeat; width: 158px; height: 57px; } /*------------------------------------------- Landing page - 2011 -------------------------------------------*/ body.landing-page-wide { margin-top: 15px; } /* .landing-page-wide a { text-decoration: underline; } */ .landing-page-wide #landing-page-wrap { color:inherit; padding: 15px 10px 60px 15px; width: 940px; margin: 0 auto; text-align: left; background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .landing-page-wide #landing-page-header { height: 85px; padding: 0 15px; } .landing-page-wide #landing-page-header #landing-page-logo { margin-top: 10px; } .landing-page-wide #footerWrap { background: none; } .landing-page-wide #landing-page-banner { position: relative; top: 0px; height: 370px; width: 930px; margin: 0 0 0 1px; padding: 1px 0 0 7px; } .landing-page-wide #landing-page-main { padding: 0 0 0 60px; width: 500px; } .landing-page-wide #landing-page-main h1 { font-size: 1.4em; line-height: 1.2em; margin: .75em 40px .75em 0; } .landing-page-wide #landing-page-main h2 { font-size: 1.2em; line-height: 1.2em; margin: 1.5em 40px .5em 0; } .landing-page-wide #landing-page-main p { font-size: 1.2em; color: #666; line-height: 1.4em; margin: 0 20px .5em 0; } .landing-page-wide #view-agenda { display: block; margin: 2em 0 1em 0; } .landing-page-wide #event-agenda { display: none; width: 420px; height: 150px; margin: 0 0 0 0; background: #fff; } .landing-page-wide #event-agenda .agenda-item { clear: left; margin: 0 0 1em 0; } .landing-page-wide #event-agenda .agenda-time { float: left; width: 60px; margin: 0 0 0 0; color: #666; font-size: 1.2em; line-height: 1.4em; } .landing-page-wide #event-agenda .agenda-desc { float: left; width: 340px; margin: 0 0 0 0; color: #666; font-size: 1.2em; line-height: 1.4em; } .landing-page-wide #event-agenda .agenda-desc p { color: #666; font-size: 1em; margin: 0 0 1em 0; } .landing-page-wide #landing-page-sidebar { float: right; margin: 15px 60px 0 0; width: 270px; } .landing-page-wide #landing-page-sidebar .col { padding: 15px 20px; background: #eee; border: 1px solid #ccc; /* -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; */ } .landing-page-wide #landing-page-sidebar h2 { font-size: 1.2em; } .landing-page-wide #landing-page-sidebar form input[type='text'] { border-collapse: collapse; border: 1px solid #ddd !important; padding: 2px; width: 95%; } .landing-page-wide #landing-page-sidebar .label { margin: 0 0 .25em 0; } .landing-page-wide #landing-page-sidebar .field { margin: 0 0 .75em 0; } .landing-page-wide .cols-venue { margin: 3em 0; width: 540px; height: 320px; font-size: .9em; } .landing-page-wide #landing-page-main .cols-venue h2 { border-top: 1px solid #ddd; padding-top: 2em; font-size: 1.4em; } .landing-page-wide .col-venue-description { float: left; width: 210px; margin: 0 0 0 0; padding-top: 0; } .landing-page-wide #landing-page-main .col-venue-description p { margin-top: 0; color:#666; } .landing-page-wide .col-venue-map { float: left; width: 240px; margin: 0 0 0 0; } .landing-page-wide #venue-map { width: 290px; height: 250px; border: 1px solid #999; margin-left: 0px; } .landing-page-wide .cols-contact { margin: 2em 0; width: 540px; font-size: .9em; } .landing-page-wide #boilerplate { display: none; margin: 0 200px .5em 200px; } #landing-page-main ul.share-links { list-style: none; font-size: 1.1em; padding: 1em 0 !important; margin: 0; } #landing-page-main ul.share-links li { margin: 0 15px 0 0; float: left; background: none; padding: 0; } #landing-page-main ul.share-links li img { vertical-align: middle; } /*------------------------------------------- Footer -------------------------------------------*/ .headertitle { text-align: center; } .headertitle h1 { font-size: .9em; color: #666; background-color:inherit; } .cityiscontent { text-align:center; font-size:11px; background:#CCC; font-family:Arial, Helvetica, sans-serif; color:inherit; } .cityiscontent h1 { font-size:11px;} #footerWrap { background: url('../images/footerbg1.gif') 0 -60px repeat-x; width: 940px; margin: 0 auto; padding: 15px 10px; clear: both; height: 50px; } .landing-page #footerWrap { background: none; } #footer { text-align: center; padding-top: 0px; } #footer p { font-size: .9em; color: #777; background-color:inherit; } #footer p a { color: #888; background-color:inherit; text-decoration: none; } #footer p a:hover { text-decoration: underline; } #footer .w3c-buttons { list-style: none; margin: 10px 0; } #footer .w3c-buttons li { display: inline; margin: 0 5px; } .f1 { float: left; width: 150px; } /* #wrap .st_divfooter { padding: 10px 0 0 0; text-align: center; font-size: .9em; line-height: 1.4em; } #wrap .st_divfooter ul { width: 950px; margin: 0; list-style: none; font-size: .9em; } #wrap .st_divfooter li { display: inline; margin: .25em 5px 0 5px; } #wrap .st_divfooter a { color: #555; white-space: nowrap; background-color:inherit; } #wrap .st_divfooter a:visited { color: #666; background-color:inherit; } #wrap .st_divfooter a:hover { color: #666; text-decoration: underline; background-color:inherit; } #wrap .st_divfooter h1, #wrap .st_divfooter h2 { font-size:11px; color:#333; text-decoration:underline; font-weight:bold; background-color:inherit; } .st_partners { height:67px;border:1px solid #ddd;padding-top:10px;} .st_partners a { color: #999; white-space: nowrap; background-color:inherit; } .st_partners a:visited { color: #999; background-color:inherit; } .st_partners a:hover { color: #666; text-decoration: underline; background-color:inherit; } .st_partners h5 { margin-left:15px;margin-top:2px;color:#555; } .st_partners ul { margin-left:30px;margin-top:8px;color:#999;float:left; } */ .st_partners { margin: 10px 0 0 10px; font-size: .9em; color: #444; text-align: center; } .st_partners h5 { color: #444; display: inline; font-size: 1em; } .st_partners ul { display: inline; list-style: none; } .st_partners li { display: inline; margin: 0 .1em; } .st_partners a { color: #666; white-space: nowrap; } .st_partners a:visited { color: #666; } .st_partners a:hover { color: #666; text-decoration: underline; } .st_divfooter { margin: 10px 0 0 10px; font-size: .9em; color: #444; text-align: center; } .st_divfooter h1,.st_divfooter h2 { color: #444; font-size: 1em; } .st_divfooter h5 { color: #444; display: inline; font-size: 1em; } .st_divfooter .otherSites { padding-top: 10px; } .st_divfooter ul { display: inline; list-style: none; } .st_divfooter li { display: inline; margin: 0 .1em; } .st_divfooter a { color: #666; white-space: nowrap; } .st_divfooter a:visited { color: #666; } .st_divfooter a:hover { color: #666; text-decoration: underline; } .st_divfooter ul.bottomNav { display: block; margin: 10px 0 0 0; } .st_divfooter ul.bottomNav li { margin: 0 .5em; } .slide-out-div { text-align: left; padding: 20px; height: 240px; width: 240px; border-right: #833132 3px solid; border-bottom: 1px solid #ddd; background: url('../images/cityis-twitter-bg.png'); z-index: 999; } .slide-out-div ul { margin-top: 15px; font-size: .9em; color: #666; line-height: 1.4em; } .slide-out-div li { clear: left; list-style: none; margin: 0 0 1em 0 } .slide-out-div li img { float: left; width: 32px; margin: 3px 8px 45px 0; } #tab-twitter { z-index: 110; } #tab-blog { z-index: 100; }