html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
body { background: #F5F4F4 url(images/bg_body.gif) repeat-x; font-family: Arial, Verdana, sans-serif }
strong { font-weight: bold }
#wrapper { width: 885px; margin: 0 auto }
#header { position: relative; border-top: 10px solid #faa71b; height:117px }
#logo { margin-top: 5px; }
#logo a { display: block; width: 205px; height: 55px; }
#logo a span { display: none }
/* Top Navigation */
#topnav { position: absolute; top: 0px; right: 0px; width: 670px; border-bottom: 1px solid #cccbca; height: 19px }
#topnav { z-index: 20 }
#topnav ul { float: right }
#topnav ul li { display: inline }
#topnav ul li a { display: block; float: left; height: 19px; margin-right: 15px }
#topnav li li a { display: block; font-size: 11px; padding: 5px; height: auto; float: none; margin-right: 0px }
#topnav li:last-child a { margin-right: 0px }
#topnav li li a:hover{ background: #FAA71B }
#topnav li li { display: block }
a#home0 { display: block; background: url(images/topnav.gif) 0px top no-repeat; width: 33px }
a#about-us0 { display: block; background: url(images/topnav.gif) -46px top no-repeat; width: 52px }
a#news--events0 { display: block; background: url(images/topnav.gif) -113px top no-repeat; width: 82px }
a#insights0 { display: block; background: url(images/topnav.gif) -208px top no-repeat; width: 48px }
a#careers0 { display: block; background: url(images/topnav.gif) -271px top no-repeat; width: 48px }
a#contact-us0 { display: block; background: url(images/topnav.gif) -333px top no-repeat; width: 62px }
a#home0 span, a#about-us0 span, a#news--events0 span, a#insights0 span, a#careers0 span, a#contact-us0 span { display: none }
#mainnav { position: absolute; bottom: 0px; right: 0px; width: 676px; height: 75px; z-index: 10 }
#mainnav li ul, #mainnav li ul li, #mainnav li ul li a { clear: left }
#mainnav span { display:none; }
#mainnav > ul { float:right; margin-right:10px; }
#mainnav > ul > li { margin-left:10px; width:auto; display: inline; float: left}
#mainnav > ul > li > a {display: block; float: left}
#mainnav > ul > li > a > span { display:none; }
#mainnav > ul > li:first-child { margin-left:0px; }
#mainnav > ul > li > ul > li { margin-bottom:1px; float:left; clear:both;display:block; }
#mainnav > ul > li > a { margin-bottom: 3px; text-decoration:none; }
#mainnav > ul > li > ul > li > a { text-decoration:none; color:rgb(111,109,108); font-size:10px; font-family:Arial;}
#mainnav > ul > li > ul > li.on > a { color:#FFFFFF; }
#mainnav > ul > li > ul > li > a:hover { color:#FFFFFF; }
#mainnav > ul > li > ul > li > a > img { display:none; }
#mainnav > ul > li > ul > li > a > span { display:block; padding-left:5px; cursor:pointer; }
h2.maintitle { height:28px; margin: 10px 0px; }
h2.maintitle > span { display:none; }
h3.sectitle { height:20px; }
h3.sectitle > a > span { display:none; }
#mainbody { position: relative; clear: both }
#mainbody .mngteam { text-decoration: none; color: #666 }
#footer { position: relative; font-size: 10px; color: #999; padding: 5px }
#footernav { position: absolute; right: 5px; top: 5px }
#footernav ul li { display: inline; padding-left: 10px }
#footernav ul li a { color: #999; text-decoration: none }
/* Homepage */
#homebanner { background: url(images/homeslider/homebanner_bg.jpg) no-repeat; height: 350px; position:relative; padding: 1px 0px; overflow: hidden; }
#homecontainer { background: url(images/testimg/homegrid_in.gif) no-repeat; width: 885px; margin-top: 15px }
#homecontainer_in { background: url(images/testimg/homegrid_bottom.gif) bottom no-repeat; width: 885px }
.griditem { width: 201px; float: left; overflow: hidden; padding: 10px; font-size: 11px }
.gridcontact h3, .gridcontact h3 a, .gridcontact h4 { color: #faa71b; text-decoration: none }
.gridnews h3, .gridnews h3 a, .gridnews span { color: #c0cc00; text-decoration: none }
.newsitem li { margin-bottom: 10px}
li.papericon a { display: block; padding-left: 15px; background: url(images/icon_document.gif) no-repeat }
li.blogicon a { display:block; padding-left: 15px; background: url(images/icon_blog.png) no-repeat; }
.newsitem a { text-decoration: none }
.gridevents h3, .gridevents h3 a, .gridevents span { color: #3fb5e7; text-decoration: none }
.gridwp, .gridwp h3 a { color: #b9b0ac; text-decoration: none }
.gridnews a, .gridevents a, .gridwp a { color: #333}
.gridcontact a { color: #3fb5e7 }
.griditem h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase }
.griditem h4 { font-size: 12px; font-weight: bold; margin-bottom: 10px }
.greytext td, .greytext td a { color: #948683; text-decoration: none }
#homebanner ul { position:relative; }
#homebanner ul.slides { position:relative !important; height:350px !important; width:885px; overflow:hidden !important; }
#homebanner ul.slides li img.main-img { display: block; position: absolute; top: 0; left: 0; }
#homebanner ul > li { position:relative !important; height:350px !important; width:885px !important; overflow:hidden !important; }
#homebanner ul > li > a { position:absolute; text-decoration:none; display:block;}
#homebanner ul > li > a.hst-link-bl { top: 312px; width: 770px; height:38px; left:0px; }
#homebanner ul > li > a.hst-link-top {top:0px; left:0px; width:885px; height:312px; }
#homebanner ul > li > img { position:absolute; top:2px; left:0; }
#homebanner ul > li > div.hst-overlay { background: url('images/homeslider/bg-tile.png') repeat top left transparent; height:130px; padding-top:20px;position:absolute; top:160px; width:100%; }
#homebanner ul > li > div.hst-overlay > div.hst-overlay-arrow { float:left; height:130px; width:60px; text-align:right; }
#homebanner ul > li > div.hst-overlay > div.hst-overlay-arrow > img { }
#homebanner ul > li > div.hst-overlay > div.hst-overlay-content { float:left; height:130px; width:440px; }
#homebanner ul > li > div.hst-overlay > div.hst-overlay-content > h1.hst-overlay-title { height:30px; color:white; }
#homebanner ul > li > div.hst-overlay > div.hst-overlay-content > p { height: 60px; padding-top:0px; color:white; }
#homebanner ul > li > div.hst-overlay > div.hst-overlay-content > div.hst-overlay-link { height:30px; padding-top:15px; }
#homebanner ul > li > div.hst-overlay > div.hst-overlay-content > div.hst-overlay-link span { display:none; }
#homebanner ul > li > div.hst-overlay > div.hst-overlay-meta { float:right; height:130px; width:280px; padding-right:5px; }
#homebanner ul > li > div.hst-overlay > div.hst-overlay-meta > div {}
#homebanner ul > li > div.hst-overlay > div.hst-overlay-meta > div.hst-icon { height: 85px; vertical-align:middle; display:table-cell; }
#homebanner ul > li > div.hst-overlay > div.hst-overlay-meta > div.hst-icon > img { margin: auto 0px; display:block; }
#homebanner ul > li > div.hst-overlay > div.hst-overlay-meta > div.hst-content { font-size: 10px; color:white; height:14px; display:block;}
#homebanner ul > li > div.hst-overlay > div.hst-overlay-meta > div.hst-content > span.hst-content-title { margin-right:5px; }
#homebanner ul > li > div.hst-overlay > div.hst-overlay-meta > div.hst-content > span { float:left; height:14px; }
#homebanner > div.home-slide-controls { bottom:10px; position:absolute; right:10px; }
#homebanner > div.home-slide-controls > a { text-decoration: none; }
#homebanner > div.home-slide-controls > a > img {}
#homebanner > div.home-slide-controls > a > span { display:none; }
#homebanner > div.home-slide-controls > a#previous-home-tile { margin-right:-4px; }
#homebanner ul {}
#homebanner ul > li {}
#homebanner ul > li > a { z-index: 801; background: url('images/homeslider/transp.png') transparent; }
#homebanner ul > li > img { z-index: 799; }
#homebanner ul > li > div.hst-overlay {z-index:800;}
#homebanner div.home-slide-controls { z-index: 803; }
/* Secondary */
#container { position: relative; background:#fff url(images/bg_leftbar_top.gif) no-repeat left top; }
#mainbody #whitecontainer { background: #FFF; padding: 20px 15px; border-top:3px solid #FAA71B; height:100%; }
#mainbody .whitecontainer { background:#fff; width:885px; height:100%;}
#sidebar { width: 211px; float: left; }
#cs_sidebar .blogul, #cs_sidebar .whitepaperul {list-style: none; padding-left: 0px }
/*#sidebar .sideround { width: 211px; height: 38px; background: url(images/bg_leftbar_top.gif) no-repeat left top; }*/
#infobox { position: absolute; top: 38px; left: 0; width: 171px; padding: 15px 20px; font-size: 11px; color: #999; background: #fff; }
#infobox h4 { margin-bottom: 10px; font-size: 12px; color: #666 }
#infobox .infocontent { line-height: 16px}
#infobox a, #infobox .orange { color: #3399cc }
#infobox .upper { text-transform: uppercase }
.sidebarblock { width: 197px; margin-bottom: 10px }
#solsidebar .sidebarblock h3, #sidebar .sidebarblock h3, #cs_sidebar .sidebarblock h3 { background: url(images/sideblock_title.gif) no-repeat; height: 41px; line-height: 41px; padding: 0 10px; margin-bottom: 0px;font-size: 11px; color: #faa71b; font-weight: bold }
.sidebarcontent { background: url(images/sideblock_bg.gif) no-repeat; padding: 10px; font-size: 11px; color: #666; line-height: 14px }
.sidebarcontent p { margin-bottom: 10px }
.sidebarcontent a { color: #3399cc; text-decoration: none }
.sidebarcontent ul { margin: 10px; padding-left: 10px; list-style: disc }
.sidebarcontent ul li { }
.sidebarfooter { background: url(images/sideblock_footer.gif) no-repeat; height: 5px }
#solsidebar ul.whitepaperul, #solsidebar ul.blogul,#solsidebar ul.webcastul, #solsidebar ul.casestudyul, #solsidebar ul.testimonialul, #solsidebar ul.eventul,#cs_sidebar ul.whitepaperul, #cs_sidebar ul.blogul,#cs_sidebar ul.webcastul, #cs_sidebar ul.casestudyul, #cs_sidebar ul.testimonialul, #cs_sidebar ul.eventul { margin: 0; padding: 0; list-style: none }
.whitepaperul li, .blogul li, .testimonialul li, .eventul li, .webcastul li, .casestudyul li, .testimonialul li { margin-bottom: 10px }
.whitepaperul li a, .blogul li a, a.wpblocklink, .webcastul li a, .eventul li a, .casestudyul li a, .testimonialul li a { display: block; padding-left: 30px }
#solsidebar li p a, #cs_sidebar li p a { padding-left: 0px }
.whitepaperul li a span, .blogul li a span { text-decoration: none; color: #666 }
.testimonialul li { background: url(/uploads/file/testimonial.gif ) 5px 0px no-repeat; padding-left: 30px }
.whitepaperul li { background: url(images/licon_pdf.gif) 5px 0px no-repeat }
.blogul li { background: url(images/licon_blog.gif) 5px 0px no-repeat}
.webcastul li { background: url(/uploads/file/webcast.gif) 5px 0px no-repeat}
.casestudyul li { background: url(/uploads/file/case-study.gif) 5px 0px no-repeat }
.eventul li { background: url(/uploads/file/events.gif ) 5px 0px no-repeat }
#solsidebar .awardicons ul, #cs_sidebar .awardicons ul, #solsidebar .authoricons ul, #cs_sidebar .authoricons ul { margin: 10px 0; padding: 0; list-style: none }
#solsidebar .awardicons ul li, #cs_sidebar .awardicons ul li { background: url(/uploads/file/awards.gif) 5px 0px no-repeat; padding-left: 30px; padding-bottom: 10px }
#solsidebar .authoricons ul li, #cs_sidebar .authoricons ul li { background: url(/uploads/file/profile.gif) 5px 0px no-repeat; padding-left: 30px; padding-bottom: 10px }
#solsidebar .awardicons li ul, #cs_sidebar .awardicons li ul, #solsidebar .authoricons li ul, #cs_sidebar .authoricons li ul { padding-left: 20px }
#solsidebar .awardicons ul li li, #cs_sidebar .awardicons ul li li, #solsidebar .authoricons ul li li, #cs_sidebar .authoricons ul li li { background: none; padding-left: 0px; list-style: disc }
#sideimg { position: absolute; bottom: 30px; left: 0; height: 500px; width: 211px; background-position: left top; background-repeat: no-repeat }
.footer1 #sidefooter { position:relative; bottom:30px; width: 171px; }
.footer1 #sidefooter { position: absolute; bottom: 0px; left: 0px; background: #333; padding: 20px }
.footer1 #sidefooter h4 { color: #faa71b; font-size: 12px; font-weight: bold; margin-bottom: 15px }
.footer1 #sidefooter table tr td, #sfright table tr td { font-size: 11px; color: #CCC; padding: 3px 10px 3px 0 }
.footer1 #sidefooter table tr td a, #sfright table tr td a { color: #CCC; text-decoration: none }
#maincontent { height: 100%; background: transparent; }
#maincontent.with-infobox { width: 620px; height: 100%; float: right; padding: 25px; background: #FFF; border-top: 3px solid #faa71b; border-left:4px solid #e9e6e5; }
#maincontent h3 { color: #999; font-size: 14px; margin-bottom: 10px; text-transform: uppercase }
.bodytext { font-size: 12px; color: #666; line-height: 18px }
.bodytext a { color: #3399cc; text-decoration: none }
.bodytext p { margin-bottom: 15px }
.bodytext strong { font-weight: bold }
.bodytext ul { padding-left: 30px; margin-bottom: 5px }
.bodytext ol { padding-left: 30px; margin-bottom: 15px; list-style: decimal }
.bodytext ul li, .bodytext ol li { line-height:18px; list-style: disc }
.bodytext li li { list-style: circle }
.bodytext li li li { list-style: disc }
.bodytext li li li li { list-style: circle}
.sectext { margin-right: 240px }
.resultitem { padding-bottom: 10px; margin-bottom: 15px; }
.toptitle { color: #999 }
.resultitem h4 { font-size: 14px; }
.resultitem p { margin-bottom: 5px }
/* Client List Page */
#maincontent.client-list { width: 620px; height: 100%; float: right; padding: 25px; background: #FFF; border-top: 3px solid #faa71b; border-left:4px solid #e9e6e5; }
#maincontent.client-list .bodytext { margin-top:0px; padding:0px; }
#maincontent.client-list .bodytext h2 { padding:0px; margin:0px; }
#maincontent.client-list ul#client-grid { list-style:none; padding:0; margin:0; display:block; height:216px; border-bottom: 3px solid #DCD2D0; margin-bottom:10px;}
#maincontent.client-list ul#client-grid li { list-style:none; padding:0; margin:0; display:block; height:69px; width:100px; float:left; margin-right:3px; border-top:3px solid #C5B8B0; }
#maincontent.client-list ul#client-grid li a { display:block; height:69px; width:100px; }
#maincontent.client-list ul#client-grid li a img { height:69px; width:100px; }
#maincontent.client-list .client_column { float:left; width:205px; padding:0; }
#maincontent.client-list .client_column ul { display:block; list-style:none; padding:0; margin:0; padding:5px; }
#maincontent.client-list .client_column ul > li { display:block; list-style:none; margin:0; padding:0; }
#maincontent.client-list .client_column ul > li > strong { color: #FF9100;}
#maincontent.client-list hr { display:none; }
/* End Client List Page Specific Stlyes. */
/* Solutions */
.solblock { position: relative; width: 211px; height: 380px; float: left; font-size: 11px; color: #666; line-height: 14px; margin-right: 2px; }
.solblock > h2 { border: none; width:211px; height:50px;}
.solblock > h2 > a { display:block; color:white; text-align:center; text-decoration:none; padding-top:5px; padding-left:10px; padding-right:10px; width:191px; height:50px; line-height:20px; font-size:18px;}
#maincontent .solblock > .solblockcontent { /*background: url(images/solutions/sol_hp_blockbg.gif) repeat-y; */ height:280px; width:209px; border:1px solid #C9C9C9; border-bottom:none; border-top:none; }
#maincontent .solblock > .solblockcontent > .solblocktext { height:120px; padding:18px 12px; }
#maincontent .solblock > .solblockcontent > .solblocktext > p { margin:0px; padding:0px; }
#maincontent .solblock > .solblockcontent > .solblockdivider { height:35px; margin:10px 3px; padding: 4px 14px; background: url(images/new_blocks/divider_bg.png) no-repeat transparent; }
#maincontent .solblock > .solblockcontent > .solblockdivider > span.solblock_typetext { display:block; font-weight:bold; }
#maincontent .solblock > .solblockcontent > .solblockdivider > span.solblock_typetext.red { color:#C00000; }
#maincontent .solblock > .solblockcontent > .solblockdivider > span.solblock_typetext.light_blue { color:#00B0F0; }
#maincontent .solblock > .solblockcontent > .solblockdivider > span.solblock_typetext.dark_blue { color:#0070C0; }
#maincontent .solblock > .solblockcontent > .solblockdivider > span.solblock_typetext.green { color:#92D050; }
#maincontent .solblock > .solblockcontent > .solblockdivider > span.solblock_typename {display:block; color:#7F7F7F; }
#maincontent .solblock > .solblockcontent > ul.solblocklist { padding-left:18px; }
#maincontent .solblock > .solblockcontent > ul.solblocklist { list-style:none; }
#maincontent .solblock > .solblockcontent > ul.solblocklist > li { margin-bottom:5px; }
#maincontent .solblock > .solblockcontent > ul.solblocklist > li > a { background: none; font-size: 11px; text-decoration: none; color: #666 }
#maincontent .solblock > .solblockbottom { background:url(images/new_blocks/contentbottom_bg.png) no-repeat top center transparent; height:11px;}
#maincontent .solblock > .solblockbottomlink { padding:4px; background:url(images/new_blocks/bottomlink_bg.png) no-repeat transparent; width:201px; height:35px; }
#maincontent .solblock > .solblockbottomlink > a { width:211px; height:35px; text-decoration:none; display:block; }
#maincontent .solblock > .solblockbottomlink > a > .solblockarrow { width:22px; height:17px; display:inline; float:left; margin-left:2px; }
#maincontent .solblock > .solblockbottomlink > a > .solblockarrow.red { background: url(images/new_blocks/arrow_red.png) no-repeat transparent; }
#maincontent .solblock > .solblockbottomlink > a > .solblockarrow.light_blue { background: url(images/new_blocks/arrow_light_blue.png) no-repeat transparent; }
#maincontent .solblock > .solblockbottomlink > a > .solblockarrow.dark_blue { background: url(images/new_blocks/arrow_dark_blue.png) no-repeat transparent; }
#maincontent .solblock > .solblockbottomlink > a > .solblockarrow.green { background: url(images/new_blocks/arrow_green.png) no-repeat transparent; }
#maincontent .solblock > .solblockbottomlink > a > .solblock_goto { color:#7F7F7F; display:inline; float:left; width:175px;}
/* New Blocks */
#maincontent div.newblock-orange { width:270px; margin: 10px 8px; float:left; }
#maincontent div.newblock-orange > div.header {background: url(images/new_blocks/nb-o-top.png) no-repeat transparent; height:42px; padding-top:8px; }
#maincontent div.newblock-orange > div.header > h3 { color:#FAA71B; display:block; margin-bottom:0px; text-align:left; padding-left:12px; text-transform:none; }
#maincontent div.newblock-orange > div.header > h3.bold { font-weight:bold; text-transform:uppercase; }
#maincontent div.newblock-orange > div.content { padding:9px 12px; background: url(images/new_blocks/nb-o-main.png) repeat-y transparent;}
#maincontent div.newblock-orange > div.content > div.content-text { display:block; font-weight:bold; }
#maincontent div.newblock-orange > div.content > ul { list-style: none; padding-left:10px; padding-top:10px; }
#maincontent div.newblock-orange > div.content > ul > li { list-style:none; padding: 0px 0px; margin-bottom:0px; }
#maincontent div.newblock-orange > div.content > ul > li > a { text-decoration:none; color:#3399CC; }
#maincontent div.newblock-orange > div.content > ul > li > a > span {}
#maincontent div.newblock-orange > div.footer { background: url(images/new_blocks/nb-o-bottom.png) no-repeat transparent; height:23px; }
#maincontent div.newblock-grey { width:270px; margin: 10px 8px; float:left; }
#maincontent div.newblock-grey > h3 { font-weight:bold; color:#FAA71B; text-transform:none; font-size:20px; display:block; text-align:left; padding-left:12px; height:33px; padding-top:17px; margin-bottom:0px; background: url(images/new_blocks/nb-g-top.png) no-repeat transparent;}
#maincontent div.newblock-grey > div.content { padding:9px 12px; background: url(images/new_blocks/nb-g-main.png) repeat-y transparent;}
#maincontent div.newblock-grey > div.content > div.content-text { font-weight:normal; }
#maincontent div.newblock-grey > div.content > ul { list-style:none; padding-left:10px; padding-top:10px; }
#maincontent div.newblock-grey > div.content > ul > li { list-style:none; padding: 0px 0px; margin-bottom:0px; }
#maincontent div.newblock-grey > div.content > ul > li > a { text-decoration:none; color:#3399CC; }
#maincontent div.newblock-grey > div.content > ul > li > a > span {}
#maincontent div.newblock-grey > div.footer { background: url(images/new_blocks/nb-g-bottom.png) no-repeat transparent; }
#maincontent div.newblock-text { float:right; width:197px; margin-bottom:20px; }
#maincontent div.newblock-text > h3 { font-weight:bold; color:#7F7F7F; display:block; text-align:left; padding-bottom:0px; margin-bottom:0px; }
#maincontent div.newblock-text > div.content { font-weight:normal; }
#maincontent div.newblock-text > div.content > div.content-text {}
#maincontent div.newblock-text > div.content > ul { list-style:none; padding-left:10px; padding-top:10px; }
#maincontent div.newblock-text > div.content > ul > li { padding: 0px 0px; color:#666666; list-style:none; margin-bottom:0px;}
#maincontent div.newblock-text > div.content > ul > li > a { text-decoration:none; color:#3399CC; }
#maincontent div.newblock-text > div.content > ul > li > a > span {}
#maincontent div.newblock-text-color { float:right; width:197px; margin-bottom:20px; }
#maincontent div.newblock-text-color > h3 { color:#FAA71B; margin-bottom:0px; padding-bottom:0px; font-weight:bold; }
#maincontent div.newblock-text-color > div.content {}
#maincontent div.newblock-text-color > div.content .highlight { color:#FAA71B; }
#maincontent div.newblock-text-color > div.content a.web-form { color:#666666; }
#maincontent div.newblock-text-color > div.content > div.content-text {}
#maincontent div.newblock-text-color a {}
#maincontent div.newblock-text-color a > span {}
/* AJAX Web Form Styles*/
div.ajwf-main-i {
border-width:1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
div.ajwf-main-f {
border-width:2px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.ajwf-width { width:350px; }
.ajwf-height { height:350px; }
.ajwf-height-i { height: 50px; }
.ajwf-width-i { width: 100px; }
div.ajwf-dim-intial { width:100px; height: 50px; }
div.ajwf-dim-final { width:355px; height:480px; }
div.ajax-web-form { position:absolute; z-index:9999;}
div.ajax-web-form > div.ajax-web-form-wrapper { overflow:hidden; border-style:solid; border-color:#FAA71B; border-width:2px; background-color:#F7F7F7; position:absolute; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
div.ajax-web-form > div.ajax-web-form-wrapper > div.ajax-web-form-close { position:absolute; z-index:5; }
div.ajax-web-form > div.ajax-web-form-wrapper > div.ajax-web-form-close > a { text-decoration:none; color:#3399CC; font-size:12px;}
div.ajax-web-form > div.ajax-web-form-wrapper > form { padding-right:11px; position:relative; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block { float:left;margin-top:5px; padding-left:10px;}
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block > span { float:left;margin-top:1px; padding-right:5px; padding-left:5px; color:#666666; font-size:12px; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block > label { display:block; margin-right:5px; margin-bottom:3px; color:#666666; font-size:12px; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block > label.highlight { margin-bottom:5px; color:#FAA71B; font-weight:bold; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block > input { float:left; margin-top:1px; margin-bottom:1px; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block > input.short { width:72px; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block > input.medium { width:155px; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block > input.long { width:327px; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block > textarea { display:block; width:327px; height:65px; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block > select { float:left; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block > em.invalid { color:red; font-size:10px; display:block; float:left; clear:both; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block.invalid > label { }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block.invalid > input { border: 1px solid red; margin-top:1px; margin-bottom:1px; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block.invalid > select { border: 1px solid red;}
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-form-block.invalid > textarea { border: 1px solid red;}
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-submit { float:right; margin-bottom:0px; padding-top:15px; width:160px; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-submit > input { float:right; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-submit > div { float:right; margin-right:5px; color:red; font-size:10px; padding-top:8px; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajwf-submit > div > img { margin-top:-3px; margin-right:3px; }
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajax-web-form-error { display:block; float:right; text-align:right; margin-top:-10px;}
div.ajax-web-form > div.ajax-web-form-wrapper > form > div.ajax-web-form-error > em.invalid { display:block; color:red; font-size:10px; }
div.ajax-web-form > div.ajax-web-form-wrapper > div.success { font-size: 13px; }
.portalblock { }
.portalblockcontent, .riablockcontent, .connectedblockcontent, .desktopblockcontent, .mobileblockcontent { padding: 10px 10px 10px 10px; }
.portalblock h2 a { display: block; background: url(images/solutions/sol_hp_portals_applications_top.gif) no-repeat; height: 50px }
.portalblockfooter, .riablockfooter, .connectedblockfooter, .desktopblockfooter, .mobileblockfooter { position: absolute; bottom: 0px; display: block; width: 221px; height: 24px }
.portalblockfooter { background: url(images/solutions/sol_hp_portals_applications_bottom.gif) no-repeat }
.portalblockfooter span, .riablockfooter span, .connectedblockfooter span, .desktopblockfooter span, .mobileblockfooter span { display: none }
#cs_portal { background: url(images/solutions/sol_hp_portals_cases.gif) no-repeat; width: 197px; height: 126px }
.riablock { }
.riablock h2 a { display: block; background: url(images/solutions/sol_hp_web_ecommerce_top.gif) no-repeat; height: 50px }
.riablockfooter { background: url(images/solutions/sol_hp_web_ecommerce_bottom.gif) no-repeat; }
#cs_ria { position: absolute; bottom: 30px; left: 7px; background: url(images/solutions/sol_hp_ria_cases.gif) no-repeat; width: 197px; height: 126px }
.connectedblock { }
.connectedblock h2 a { display: block; background: url(images/solutions/sol_hp_connected_devices_top.gif) no-repeat; height: 50px }
.connectedblockfooter { background: url(images/solutions/sol_hp_connected_devices_bottom.gif) no-repeat; }
#cs_connected { position: absolute; bottom: 30px; left: 7px; background: url(images/solutions/sol_hp_connected_cases.gif) no-repeat; width: 197px; height: 126px }
.desktopblock { }
.desktopblock h2 a { display: block; background: url(images/solutions/sol_hp_cloud_applications_top.gif) no-repeat; height: 50px }
.desktopblockfooter { background: url(images/solutions/sol_hp_cloud_applications_bottom.gif) no-repeat; }
#cs_desktop { position: absolute; bottom: 30px; left: 7px; background: url(images/solutions/sol_hp_desktop_cases.gif) no-repeat; width: 197px; height: 126px }
.mobileblock { }
.mobileblock h2 a { display: block; background: url(images/solutions/sol_hp_cloud_applications_top.gif) no-repeat; height: 50px }
.mobileblockfooter { background: url(images/solutions/sol_hp_cloud_applications_bottom.gif) no-repeat; }
#cs_mobile { position: absolute; bottom: 30px; left: 7px; background: url(images/solutions/sol_hp_mobile_cases.gif) no-repeat; width: 197px; height: 126px }
.portalblock h2 span, .riablock h2 span, .connectedblock h2 span, .desktopblock h2 span, .mobileblock h2 span { display: none }
#maincontent .solblock > .solblockcontent > ul.solblocklist.buttons { list-style: none; padding: 0; margin-bottom: 10px; height: 85px }
#maincontent .solblock > .solblockcontent > ul.solblocklist.buttons li { margin: 0px 5px 5px 5px; }
#maincontent .solblock > .solblockcontent > ul.solblocklist.buttons li a { display: block; background: url(images/solutions/subnav_left.gif) left top no-repeat; font-size: 11px; text-decoration: none; color: #666 }
#maincontent .solblock > .solblockcontent > ul.solblocklist.buttons li a span { display: block; cursor: pointer; background: url(images/solutions/subnav_right.gif) right top no-repeat; height: 19px; line-height: 19px; padding: 0px 5px }
#maincontent .solblock > .solblockcontent > ul.solblocklist.buttons li a.red:hover { background-position: 0px -19px }
#maincontent .solblock > .solblockcontent > ul.solblocklist.buttons li a.red:hover span { background-position: right -19px }
#maincontent .solblock > .solblockcontent > ul.solblocklist.buttons li a.light_blue:hover { background-position: 0px -38px }
#maincontent .solblock > .solblockcontent > ul.solblocklist.buttons li a.light_blue:hover span { background-position: right -38px }
#maincontent .solblock > .solblockcontent > ul.solblocklist.buttons li a.green:hover { background-position: 0px -57px }
#maincontent .solblock > .solblockcontent > ul.solblocklist.buttons li a.green:hover span { background-position: right -57px }
#maincontent .solblock > .solblockcontent > ul.solblocklist.buttons li a.dark_blue:hover { background-position: 0px -76px }
#maincontent .solblock > .solblockcontent > ul.solblocklist.buttons li a.dark_blue:hover span { background-position: right -76px }
/* .portalblockcontent .solblocklist.buttons li a:hover, a.subnav-red:hover { background-position: 0px -19px }
.portalblockcontent .solblocklist.buttons li a:hover span, a.subnav-red:hover span { background-position: right -19px }
.riablockcontent .solblocklist.buttons li a:hover, a.subnav-blue:hover { background-position: 0px -38px }
.riablockcontent .solblocklist.buttons li a:hover span,a.subnav-blue:hover span { background-position: right -38px }
.mobileblockcontent .solblocklist.buttons li a:hover,a.subnav-yellow:hover { background-position: 0px -57px }
.mobileblockcontent .solblocklist.buttons li a:hover span,a.subnav-yellow:hover span { background-position: right -57px }
.desktopblockcontent .solblocklist.buttons li a:hover, a.subnav-navy:hover { background-position: 0px -76px }
.desktopblockcontent .solblocklist.buttons li a:hover span, a.subnav-navy:hover span { background-position: right -76px }
.connectedblockcontent .solblocklist.buttons li a:hover { background-position: 0px -76px }
.connectedblockcontent .solblocklist.buttons li a:hover span { background-position: right -76px }
*/
#cs_portal { background: url(/uploads/cs/cs_block/csbg_portal.gif) }
#cs_ria { background: url(/uploads/cs/cs_block/csbg_we.gif) }
#cs_connected { background: url(/uploads/cs/cs_block/csbg_connected.gif) }
/** Changed These **/
#cs_desktop { background: url(/uploads/cs/cs_block/csbg_mobile.gif) }
#cs_mobile { background: url(/uploads/cs/cs_block/csbg_desktop.gif) }
#cs_portal, #cs_ria, #cs_connected, #cs_desktop, #cs_mobile { position: absolute; bottom: 30px; left: 7px; width: 177px; height: 99px; padding: 30px 10px 10px 10px; }
#cs_portal li, #cs_ria li, #cs_connected li, #cs_desktop li, #cs_mobile li { margin-bottom: 5px }
#cs_portal a, #cs_ria a, #cs_connected a, #cs_desktop a, #cs_mobile a { text-decoration: none; color: #666 }
#bigcontainer { min-height: 800px; background-color: #FFF; background-position: bottom right; background-repeat: no-repeat; border-top: 3px solid #faa71b; padding: 20px 15px }
#sectionnav ul li { display: inline }
#sectionnav ul li a { display: block; float: left; height: 36px }
#sectionnav ul li a span { display: none }
/*Original Styles*/
/*
a#portals--applications_sol { background: url(images/solutions/portals.gif) no-repeat; width: 211px }
a#web--ecommerce_sol { background: url(images/solutions/rich.gif) no-repeat; width: 210px }
a#cloud-applications_sol { background: url(images/solutions/mobile.gif) no-repeat; width: 210px }
a#connected-devices_sol { background: url(images/solutions/connected.gif) no-repeat; width: 210px }
*/
a#portals--applications_sol { background: url(images/solutions/portals_applications.gif) no-repeat; width: 211px }
a#web--ecommerce_sol { background: url(images/solutions/web_ecommerce.gif) no-repeat; width: 210px }
a#cloud-applications_sol { background: url(images/solutions/cloud_applications.gif) no-repeat; width: 210px }
a#connected-devices_sol { background: url(images/solutions/connected_devices.gif) no-repeat; width: 210px }
/*Original On Styles*/
/*
a#portals--applications_sol.on { background: url(images/solutions/portals_on.gif) no-repeat; width: 255px }
a#web--ecommerce_sol.on { background: url(images/solutions/rich_on.gif) -1px no-repeat; width: 254px }
a#cloud-applications_sol.on { background: url(images/solutions/mobile_on.gif) -1px no-repeat; width: 254px }
a#connected-devices_sol.on { background: url(images/solutions/connected_on.gif) -1px no-repeat; width: 254px }
*/
a#portals--applications_sol.on { background: url(images/solutions/portals_applications_on.gif) no-repeat; width: 255px }
a#web--ecommerce_sol.on { background: url(images/solutions/web_ecommerce_on.gif) -1px no-repeat; width: 254px }
a#cloud-applications_sol.on { background: url(images/solutions/cloud_applications_on.gif) -1px no-repeat; width: 254px }
a#connected-devices_sol.on { background: url(images/solutions/connected_devices_on.gif) -1px no-repeat; width: 254px }
#solcontainer { clear: both; background: #FFF; border-left: 1px solid #bdbcbd; border-right: 1px solid #bdbcbd; height: 100%; padding: 20px; }
#solcontent { width: 618px; float: left }
#solsubnav ul li { display: inline }
#solsubnav ul li a { display: block; float: left; background: url(images/solutions/subnav_left.gif) left top no-repeat; height: 19px; font-size: 11px; text-decoration: none; margin-right: 10px; color: #666 }
#solsubnav ul.subportal li a:hover, #solsubnav ul.subportal li a.on { background-position: 0px -19px }
#solsubnav ul.subria li a:hover, #solsubnav ul.subria li a.on { background-position: 0px -38px }
#solsubnav ul.submobile li a:hover, #solsubnav ul.submobile li a.on { background-position: 0px -57px }
#solsubnav ul.subconnected li a:hover, #solsubnav ul.subconnected li a.on { background-position: 0px -76px }
#solsubnav ul li a span { cursor: pointer; display: block; background: url(images/solutions/subnav_right.gif) right top no-repeat; height: 19px; line-height: 19px; padding: 0px 15px }
#solsubnav ul.subportal li a:hover span, #solsubnav ul.subportal li a.on span { background-position: right -19px }
#solsubnav ul.subria li a:hover span, #solsubnav ul.subria li a.on span { background-position: right -38px }
#solsubnav ul.submobile li a:hover span, #solsubnav ul.submobile li a.on span { background-position: right -57px }
#solsubnav ul.subconnected li a:hover span, #solsubnav ul.subconnected li a.on span { background-position: right -76px }
#solsubnav ul li:last-child { clear: left }
#solsidebar { width: 200px; padding: 0px; float: right; margin-left:10px; margin-bottom:10px; }
#cs_sideblock { overflow:hidden; width:197px; height:114px; margin-top: 20px; padding-top: 25px; margin-bottom: 10px }
#solfooter { min-height: 30px; background: #333; padding: 20px 25px }
#sfleft { color: #faa71b; font-size: 12px; font-weight: bold; margin-bottom: 15px; width: 200px; float: left }
#sfright ul { float: left; width: 200px }
#sfright ul li { font-size: 11px; color: #999 }
/* News and Events */
.newsevents td { padding: 5px 0 }
.newsevents td ul { padding: 0 20px 0 0; list-style: none}
.newsevents td ul li { margin-bottom: 10px }
.newsevents td ul li a { color: #3399cc; text-decoration: none; cursor: pointer }
#maincontent .normgreytext, #solcontainer .normgreytext, #bigcontainer .normgreytext { color: #666; text-decoration: none }
/* Case Studies */
#cs_container { background: #FFF; border-top: 3px solid #faa71b; padding: 20px 15px }
#cs_content { width: 640px; float: left }
.cs_summary { width: 400px; font-size: 16px; font-weight: bold; color: #666; padding: 15px 0px }
.subgallery { width: 330; float: right; padding: 0 20px 20px 20px; text-align: right }
.subgallery img { padding: 0 0 10px 10px }
#cs_content p strong { text-transform: uppercase; color: #faa71b }
#cs_content .bodytext { margin-right: 150px }
#clientgrid { width:670px; margin: 0 auto; list-style: none }
#clientgrid li { float: left; margin-right: 10px; margin-bottom: 10px; list-style: none }
#cs_sidebar { width: 200px; float: right }
#cs_cases_block { position: relative; background: url(images/casestudies/side_cs_block.gif) no-repeat; width: 197px; height: 248px; padding-top: 25px; margin-bottom: 10px; overflow: hidden }
#cs_items { height: 220px }
.csblock, .csblockon { width: 90px; display:block; height: 51px; float: left; margin-left: 5px; margin-bottom: 5px }
.csblockon, .csblock:hover { background-position: left 51px }
.csblock span, .csblockon span { display: none }
#cs_nav { position: absolute; bottom: 3px; right: 10px }
#cs_prev { display: block; float: left; width: 11px; height: 14px; background: url(images/arr_left.gif) left top no-repeat }
#cs_next { display: block; float: left; width: 11px; height: 14px; background: url(images/arr_right.gif) left top no-repeat }
#cs_prev span, #cs_next span { display: none }
#slider ul, #slider li{
margin:0;
padding:0;
padding-left:0px;
list-style:none;
}
#slider, #slider li{
width:196px;
height:220px;
overflow:hidden;
}
#thumbslider ul, #thumbslider li{
margin:0;
padding:0;
list-style:none;
}
#thumbslider, #thumbslider li{
width:270px;
height:90px;
overflow:hidden;
}
span#prevBtn { position: absolute; bottom: 3px; right: 25px; display: block; width: 11px; height: 14px; background: url(images/arr_left.gif) left -14px no-repeat}
span#nextBtn { position: absolute; bottom: 3px; right: 10px; display: block;width: 11px; height: 14px; background: url(images/arr_right.gif) left -14px no-repeat }
span#prevBtn a { display: block; width: 11px; height: 14px; background: url(images/arr_left.gif) left top no-repeat}
span#nextBtn a { display: block;width: 11px; height: 14px; background: url(images/arr_right.gif) left top no-repeat }
span#prevBtn a span, span#nextBtn a span { display: none }
/* Contact Us */
#loclist { padding: 0 }
#loclist li { display: block; overflow: hidden; float: left; height: 108px; margin-right: 3px; padding: 15px 10px }
#loclist li strong { text-transform: uppercase }
#loclist li p { margin: 10px 0 }
#loclist li br { line-height: 10px }
#loclist li:last-child { margin-right: 0px }
#locboston, #locnewyork, #locchicago { width: 163px; }
#locsf, #loctoronto { width: 120px; }
#locboston { background: url(images/location/box_boston.gif) no-repeat; }
#locnewyork { background: url(images/location/box_newyork.gif) no-repeat; }
#locchicago { background: url(images/location/box_chicago.gif) no-repeat; }
#locsf { background: url(images/location/box_sanfrancisco.gif) no-repeat; }
#loctoronto { background: url(images/location/box_toronto.gif) no-repeat; }
.submitform td { padding: 5px 0 }
.submitform #special-text { display:none; } /*Hidden field for bots */
.contacttable { width: 100% }
.thirdbox { width: 80px; padding-right: 10px }
.thirdbox input { width: 170px; }
.thirdbox input, .contacttable textarea { border: 1px solid #999; color: #666; padding: 2px 4px }
input.errorout, textarea.errorout { border: 1px solid #F00 }
.submitbox { background: url(images/but_submit.gif) no-repeat; width: 92px; height: 15px; border: none }
.orangetitle { color: #FAA71A; text-transform: uppercase; font-size: 1em }
.orangetitle span { font-weight: normal; text-transform: none }
.success { background: #F4F4F4; padding: 20px; margin: 10px 0 }
/* VideoLoader */
#videoblock {}
.videoitem { padding: 5px }
.videoitem img { float: left; margin-right: 15px }
#videoadblock { float: left; width: 200px }
.videodesc { margin: 10px 0 }
#videoviewblock { float: left; width: 510px }
#jqgoogle { float: right; width: 200px; text-align: center; height: 320px }
#closebox { margin-top: 30px }
.jqmOverlay { background-color: #000; }
.clear { clear: both; height: 1px; line-height: 0px; font-size: 0px; padding: 0px; margin: 0px }
div.case-study-pop-wrap { background-color: #FFFFFF; border: 2px solid #7f7f7f;}
div.case-study-pop-wrap > div.case-study-pop-title {}
div.case-study-pop-wrap > div.case-study-pop-title > div.case-study-pop-logo { padding-top:10px; float:left; padding-left:10px; }
div.case-study-pop-wrap > div.case-study-pop-title > div.case-study-pop-logo > img { height:80px; }
div.case-study-pop-wrap > div.case-study-pop-title > div.case-study-pop-one-liner { padding-left:20px; padding-top:15px; float:left; font-size: 12px; width:600px; color:#FAA71B; }
div.case-study-pop-wrap > div.case-study-pop-title > div.case-study-pop-close { float:right; background: url("images/lb_close.png") no-repeat transparent; height:20px; width:20px; cursor:pointer; margin-right:3px; margin-top:3px; }
div.case-study-pop-wrap > div.case-study-pop-related {}
div.case-study-pop-wrap > div.case-study-pop-related > div.case-study-pop-related-tile { float:left; margin:10px; }
div.case-study-pop-wrap > div.case-study-pop-related > div.case-study-pop-related-tile.active {}
div.case-study-pop-wrap > div.case-study-pop-related > div.case-study-pop-related-tile > a {}
div.case-study-pop-wrap > div.case-study-pop-related > div.case-study-pop-related-tile > a > img {}
div.case-study-pop-wrap > div.case-study-pop-content { padding:20px 10px; }
div#TB_title {display:none;}
div.solution_cs_block {display:block;}
div.solution_cs_block > div.solution_cs_header { background: url('images/casestudies/solution_cs_header.png') no-repeat top left transparent; width:197px; height:24px; }
div.solution_cs_block > div.solution_cs_body { background: url('images/casestudies/solution_cs_body.png') repeat-y top center transparent; width:197px; margin-bottom:-5px; padding-left:2px; margin-left:-1px;}
div.solution_cs_block > div.solution_cs_footer { background: url('images/casestudies/solution_cs_footer.png') no-repeat top left transparent; width:197px; height:7px; margin-bottom: 15px;}
#maincontent { min-height: 600px;}
* #maincontent { min-height: 600px; }
h3.blog_title {}
h3.blog_title span { display:none; }
.blog_meta { width: 100%; display:block; color:#666; font-weight:bold; }
.blog_meta span { display:block; }
.blog_meta span.blog_meta_date { font-weight:normal; }
div.navigation { width: 100%; display:inline-block; float:left; margin: 5px; height: 20px;}
div.navigation .nav-previous { width: 50%; float:left; text-align:left; }
div.navigation .nav-next { width: 50%; float:right; text-align:right; }
#nav-above { margin-bottom: 15px;}
li.hidden_archive { display:none; }
#commentform {}
#commentform label { display:inline-block; width: 65px; margin-right:10px; float:left; font-weight:bold; }
#commentform .comment-form-author input,
#commentform .comment-form-email input,
#commentform .comment-form-company input { width: 296px; }
#commentform em.invalid { color:red; margin: 5px 0px; font-weight:bold; display:block; }
#commentform input.invalid, #commentform textarea.invalid { border: 2px solid red;}
#comments #reply-title { display:none; }
.sidebarcontent li.active a { color: #666; font-weight: bold; }
#searchsubmit { margin: 5px 0px;}
input#s { width: 173px; }
.captchaSizeDivLarge { padding-left:75px; }
#respond .required { display:none; }
.comment-form-comment { padding-top:10px; }
.comment-form-comment label { clear:left; }
#captcha_code { }
.persona-form { display:block; }
.persona-form form {}
.persona-form > div.persona-form-message { display:none; text-align:center; }
.persona-form > form > div { display:block; margin: 3px 0px; }
.persona-form > form > div > label { float:left; margin-right:5px; width: 50px; padding-top:3px; }
.persona-form > form > div > input { float:left; width: 118px; }
.persona-form > form > div > br { clear:both; line-height:0px; }
#homebanner.jcarousel-container,
#homebanner .jcarousel-clip,
#homebanner .jcarousel-item { width: 885px; height: 350px; position: relative; overflow: hidden; }
.hst-overlay-title { color: #FFFFFF; font-size:25px; font-family: "DINMedium", arial, sans-serif; line-height: 1.3; }
span.hst-content-title { display:inline; color: #C0CC00; font-size:10px; font-family: "DINMedium", arial, sans-serif; line-height: 1.3; }
.hst-overlay-descr { color: #FFFFFF; font-size:12px; font-family: "DINMedium", arial, sans-serif; line-height: 1.3; }
span.hst-content-value { display:inline; color: #FFFFFF; font-size:10px; font-family: "DINMedium", arial, sans-serif; line-height: 1.3; }
h2.maintitle { display: inline; color: #FAA71B; font-size: 24px; text-transform: uppercase; font-family: "DINMedium", arial, sans-serif; line-height: 1.3; }