body { background: #f7f7f7; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #4a5058; padding: 0; margin: 0; height: 100%; }

html { height: 100%; margin: 0; padding: 0; }

/* resets */
html { margin: 0; padding: 0; }
img, a img { border: none; margin: 0; }
form { margin: 0; padding: 0; border: none; }
table, tr, th, td { border-collapse: collapse; }
table, tr, th, td { border:1px solid gray; }
h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd { margin: 0; padding: 0; font-size: 12px; line-height: 16px; }
/* ul, li { list-style: none; } */
ul { list-style: none; }
ul li { list-style: none; }
ol {list-style: decimal inside; }

a { outline: none; text-decoration: none; color: #5a93a0; }
a:hover { color: #436e78; }

/* using <br class="clearing" /> to clear floats */
.clearing { clear: both; margin: 0; padding: 0; font-size: 1px; line-height: 0px; height: 0; }

/* overall container -- required for bottom-of-viewport footer positioning */
#container { width: 100%; min-height: 100%; position: relative; margin: 0; text-align: center; }



/* header */
#headWrapper { width: 100%; background: #1f1e16 url(../images/bkgd_header.gif) top center no-repeat; }
#header { width: 980px; height: 45px; text-align: left; margin: 0 auto 0 auto; position: relative; }
#logo { position: absolute; top: 10px; left: 0; }
#header ul { position: absolute; top: 15px; right: 2px; }
#header li { float: left; display: inline; margin: 0 0 0 10px; color: #d2d2cf; }
#header li a { color: #d2d2cf; }
#header li a:hover { color: #70b8c8; }

/* Home page styles */
.home #logo { display: none; }
.home #homeLogo { position: absolute; top: 20px; left: 0; }
.home #headWrapper { background: #0b0b07 none; }
#homeWrapper { width: 100%; height: 315px; padding: 0; background: #1b1a12 url(../images/bkgd_home.jpg) top center no-repeat; }
#homeContent { width: 980px; text-align: left; margin: 0 auto 0 auto; position: relative; }
.home #main { padding-top: 30px; }
.home #sidebar { margin: 0; }
.home #content { margin-bottom: 0; }
.home h1 { margin: 0; padding: 0; position: absolute; top: 109px; color: #e8e8e3; font-size: 40px; line-height: 36px; }
.home #homeContent p { font-size: 16px; line-height: 20px; color: #b8b7b1; width: 443px; position: absolute; top: 205px; left: 0; }
.home #homeContent p strong { color: #eeeee9; }
.home #homeFlash { position: absolute; top: 55px; left: 455px; width: 510px; height: 262px; border:none; outline:none; }
.home #mainNav { background: #1b1a12; top: 20px; }
.home #mainNav li a { background: #1b1a12 url(../images/mainnav_home.gif) 0 0 no-repeat; }
.home #content .module p, .home #content .module li { font-size: 14px; line-height: 18px; }
.home #content .module li { background: url(../images/rule_dotted.gif) bottom left repeat-x; padding: 0 0 6px 0; margin: 0 0 6px 0; zoom: 1; }
.home #content .module li a { display: block; padding: 0 0 0 12px; background: url(../images/img_arrow_content.gif) 0 5px no-repeat; }
.home #content .module li a:hover { background: url(../images/img_arrow_content_on.gif) 0 5px no-repeat; }
#content .module p.moduleIntro { background: none; padding-bottom: 0; margin: 0 0 20px 0; }

/* main content area */
#mainWrapper { width: 100%; padding: 0 0 375px 0; background: #f7f7f7 url(../images/bkgd_main.gif) 0 0 repeat-x; }
#main { width: 980px; text-align: left; margin: 0 auto 0 auto; padding: 0 0 50px 0; position: relative; }
#mainNav { background: #4a4945; width: 555px; height: 30px; position: absolute; top: 30px; right: 0; padding: 0; z-index: 5000; }
#mainNav ul { margin: 9px 0 0 24px; }
#mainNav li { float: left; display: inline; margin: 0 18px 0 0; font-size: 16px; }
#mainNav li a { display: block; height: 13px; overflow: hidden; text-indent: -9999px; background: #4a4945 url(../images/mainnav.gif) 0 0 no-repeat; }
#mainNav li#navWhat a { width: 117px; }
#mainNav li#navWhat a:hover { background-position: 0 -13px; }
#mainNav li#navWhy a { width: 130px; background-position: 0 -30px; }
#mainNav li#navWhy a:hover { background-position: 0 -43px; }
#mainNav li#navClients a { width: 122px; background-position: 0 -60px; }
#mainNav li#navClients a:hover { background-position: 0 -73px; }
#mainNav li#navInsights a { width: 85px; background-position: 0 -90px; }
#mainNav li#navInsights a:hover { background-position: 0 -103px; }

/* nav selected states */
.about #navAbout a, .careers #navCareers a, .login #navLogin a, .contact #navContact a { color: #70b8c8; }
.what #mainNav #navWhat a { background-position: 0 -13px; }
.why #mainNav #navWhy a { background-position: 0 -43px; }
.clients #mainNav #navClients a { background-position: 0 -73px; }
.insights #mainNav #navInsights a { background-position: 0 -103px; }

#content { width: 640px; margin: 0 20px 0 0; float: left; display: inline; }

#wideIntro { width: 980px; background: url(../images/rule_dotted.gif) bottom left repeat-x; margin: 0 0 20px 0; padding: 0; float: left; display: inline; }

h1 { font-size: 32px; line-height: 34px; color: #868d95; font-weight: normal; margin: 55px 0 4px 0; z-index: 1; }
p.intro, #content p.intro { font-size: 18px; line-height: 22px; letter-spacing: .025em; margin: 0 0 20px 0; }
p.intro span, #content p.intro span { font-size: 30px; vertical-align: -8px; }
p.textLg, #content p.textLg { font-size: 14px; line-height: 18px; margin: 0 0 20px 0; }
p.introAttr, #content p.introAttr { font-size: 14px; line-height: 18px; margin: -20px 0 20px 0; }
#content p { margin: 0 0 12px 0; font-size: 13px; }
#content h2 { font-size: 16px; line-height: 20px; font-weight: normal; margin: 0 0 6px 0; }
#content h2.lead { font-size: 22px; font-weight: normal; line-height: 26px; }
#content h3 { font-size: 14px; font-weight: normal; }
#content img.floatRight { float: right; margin: 0 0 0 20px; }
img.floatRtInline { float: right; display: inline; }
#content ul { margin: 0 0 12px 0; }
#content ul li { background: url(../images/bul_text.gif) 0 6px no-repeat; padding: 0 0 0 9px; margin: 0 0 4px 0; font-size: 13px; }
#content ul.textLg li { font-size: 14px; line-height: 18px; }
#content p+ul { margin-top: -6px; }
#content .hr { margin: 1px 0 8px 0; background: url(../images/rule_dotted.gif) 0 0 repeat-x; height: 1px; width: 100%; }

#wideIntro p.intro, #wideIntro p.textLg { width: 685px; }

.pageNavExtras { width: 100%; height: 22px; padding: 0 0 3px 0; margin: 0 0 10px 0; background: url(../images/rule_dotted.gif) bottom left repeat-x; position: relative; }
.pageNavExtras p { float: left; display: inline; }
.btmPaging { width: 100%; height: 22px; padding: 10px 0 0 0; margin: 0 0 10px 0; background: url(../images/rule_dotted.gif) top left repeat-x; text-align: right; }
/* for case studies */
.btmPagingCase { background: url(../images/rule_dotted.gif) top left repeat-x; padding: 11px 0 0 0; margin: 0 0 30px 0; }

/* pagination buttons */
#sidebar .module .paging { text-align: right; background: url(../images/rule_dotted.gif) top left repeat-x !important; padding: 8px 0 0 0; margin: 8px 0 12px 0 !important; }
#content .pageNavExtras p.articlePaging { float: right; display: inline; white-space: nowrap; text-align: right; margin: -5px 0 0 0; }
.prev { display: inline; width: 20px; height: 20px; overflow: hidden; background: url(../images/btn_page_prev.png) 0 0 no-repeat; margin: 0 5px -7px 0; }
.next { display: inline; width: 20px; height: 20px; overflow: hidden; background: url(../images/btn_page_next.png) 0 0 no-repeat; margin: 0 0 -7px 0; }
.next:hover, .prev:hover { background-position: 0 -20px; }

/* about us page */
#management { width: 100%; margin: 0 0 50px 0; }
.mgtMember { width: 608px; margin: 0 0 10px 10px; padding: 0 0 20px 0; background: url(../images/rule_dotted.gif) bottom left repeat-x;  }
/* .mgtMember img { float: left; display: inline; margin: 0 10px 0 0; border: 4px solid #d2d2cf; } */
.mgtMember img { float: left; display: inline; margin: 0 10px 0 0; }
.mgtMember .mgtInfo { float: left; display: inline; margin: 6px 0 0 0; padding: 0; width: 495px; }
#content .mgtMember h2 { font-size: 20px; font-weight: normal; margin: 0 0 4px 0; }
.mgtMember h2 span { font-size: 12px; font-weight: bold; }
#content .mgtMember p.mgtControl { font-size: 14px; }
#content .mgtMember p.mgtControl a.controlOn { color: #4a5058 !important; }
.mgtMember .mgtBio, .mgtMember .mgtInsights { display: none; }
#content .mgtMember .mgtBio p { }
#content .mgtInsights li { padding: 0 0 6px 0; background: url(../images/rule_dotted.gif) bottom left repeat-x; }

/* history module 
   Adding new events:
     reduce right margin in #history #timeline a when adding new events
     if needed, get new image for backgroung
     adjust the left position for each previous year so the arrow at the bottom of the images line up with the year
*/
#history { width: 638px; height: 182px; background: url(../images/bkgd_history.gif) 0 0 no-repeat; position: relative; }
#history p { font-size: 12px; }
#history .histItem { display: none; position: absolute; }
#content #history .histItem p { color: #fff; margin: 0 0 6px 0; }
#history #timeline { position: absolute; bottom: 5px; left: 28px; font-size: 12px; font-weight: bold; }
#history #timeline a { display: block; float: left; width: 30px; height: 23px; margin: 0 30px 0 0; padding: 13px 0 0 0; }
#history #timeline a { background: url(../images/bul_timeline_link.gif) 12px 0 no-repeat;}
#history #timeline a:hover { background: url(../images/bul_timeline_on.gif) 12px 0 no-repeat;}
/* #history #timeline span { background: url(../images/bul_timeline_text.gif) 12px 0 no-repeat;} */
#hist1999 { width: 208px; height: 47px; padding: 10px 0 0 10px; background: url(../images/bkgd_hist218x57.gif) 0 0 no-repeat; }
#hist2000 { width: 208px; height: 63px; padding: 10px 0 0 10px; background: url(../images/bkgd_hist218x73.gif) 0 0 no-repeat; }
#hist2003, #hist2005 { width: 206px; height: 47px; padding: 10px 0 0 10px; background: url(../images/bkgd_hist219x57.gif) 0 0 no-repeat; }
#hist2004 { width: 209px; height: 95px; padding: 10px 0 0 10px; background: url(../images/bkgd_hist219x105.gif) 0 0 no-repeat; }
#hist2006 { width: 209px; height: 85px; padding: 10px 0 0 10px; background: url(../images/bkgd_hist219x95.gif) 0 0 no-repeat; }
#hist2007 { width: 309px; height: 105px; padding: 10px 0 0 10px; background: url(../images/bkgd_hist319x115.gif) 0 0 no-repeat; }
#hist2008 { width: 228px; height: 63px; padding: 10px 0 0 10px; background: url(../images/bkgd_hist238x73.gif) 0 0 no-repeat; }
#hist2009 { width: 220px; height: 60px; padding: 10px 0 0 10px; background: url(../images/bkgd_hist2009.gif) 0 0 no-repeat; }
#hist2010 { width: 225px; height: 50px; padding: 10px 0 0 10px; background: url(../images/bkgd_hist2010.gif) 0 0 no-repeat; }
#history #hist1999.histItem { top: 71px; left: 7px; display: block; } /* we show this one when the page loads */
#hist2000 { top: 55px; left: 17px; }
#hist2003 { top: 71px; left: 49px; }
#hist2004 { top: 24px; left: 115px; }
#hist2005 { top: 71px; left: 169px; }
#hist2006 { top: 34px; left: 235px; }
#hist2007 { top: 13px; left: 174px; }
#hist2008 { top: 54px; left: 262px; }
#hist2009 { top: 69px; left: 322px; }
#hist2010 { top: 69px; left: 376px; }

/* case studies carousel module */
#carousel { width: 980px; height: 127px; background: url(../images/bkgd_carousel.gif) 0 0 no-repeat; position: relative; margin: 0 0 20px 0; }
#carouselViewport { width: 976px; height: 127px; overflow: hidden; position: absolute; top: 0; left: 2px; }
#carousel ul { width: 1950px; padding: 0; margin: 0; display: none; position: absolute; top: 0; left: 0; }
#carousel ul li { float: left; display: inline; height: 110px; margin: 15px 50px 0 0; padding: 0; background: none; }
#carousel a#carouselPrev, #carousel a#carouselNext { display: block; width: 31px; height: 37px; overflow: hidden; text-indent: -9999px; position: absolute; z-index: 500; cursor: pointer; }
#carousel a#carouselPrev { top: 44px; left: 0; background: url(../images/btn_carousel_prev.png) 0 0 no-repeat; }
#carousel a#carouselNext { top: 44px; right: 0; background: url(../images/btn_carousel_next.png) 0 0 no-repeat; }
#carousel a#carouselPrev:hover, #carousel a#carouselNext:hover { background-position: 0 -37px !important; }
 
/* what we do page */
#whatNav { width: 260px; float: left; display: inline; margin: 0 20px 0 0; }
#whatContent { width: 410px; float: left; display: inline; margin: 0; }
#content #whatNav li { background: none; padding: 0; margin: 0 0 1px 0; zoom: 1; font-size: 12px; }
#whatNav li a { display: block; width: 250px; height: 22px; overflow: hidden; padding: 8px 0 0 10px; margin: 0 0 5px 0; background: url(../images/bkgd_whatnav.gif) 0 -30px no-repeat; color: #fff; font-weight: bold; }
#whatNav li a:hover, #whatNav li a.whatOn { background-position: 0 0; }
#whatNav li a.whatOn { cursor: default; }
/* #whatContent div, #sidebar div.whatSidebar { display: none; } */
#whatContent div#appDev, #main #sidebar .whatSidebar.appDev { display: block; }
#content #whatContent h2 { font-size: 16px; line-height: 20px; font-weight: bold; margin: 0 0 6px 0; }
#content #whatContent p+h2 { margin-top: 16px; }

/* careers page */
#openPositions { width: 310px; display: inline; float: left; padding: 20px 0 5px 0; border-top: 1px dotted #949494; border-bottom: 1px dotted #949494; }
#content #openPositions h2 { font-size: 18px; font-weight: normal; margin: 0 0 20px 0; }
#content #openPositions li { font-size: 14px; margin: 0 0 20px 0; padding: 0; background: none; }
.careerBtns { width: 100%; margin: 20px 0 0 0; padding: 10px 0 0 0; background: url(../images/rule_dotted.gif) top left repeat-x; }
a.btnStyle { display: block; float: left; height: 22px; padding: 8px 10px 0 10px; margin: 0 10px 0 0; background: #70b8c8; color: #fff; font-weight: bold; font-size: 12px; }
a.btnStyle:hover { background: #5393a0; color: #fff !important; }

/* main Insights page */
.insightsHome #sidebar { margin-top: 112px; }
.insightsHome #content .module p { font-size: 12px; }
/* i added to change link color in 4 modules */
.insightsHome #content .module a { color: #4a5058} 
.insightsHome #content .module a:hover { color: #70b8c8 }
.insightsHome #content .module a.more { color: #5a93a0} 
.insightsHome #content .module a.more:hover { color: #70b8c8 }


/* general form styles*/
input.formText, textarea.formTextarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #4a5058; padding: 5px 0 0 7px; border: none; }
input.formText { height: 20px; width: 283px; background: url(../images/bkgd_textinput.gif) 0 0 no-repeat; }
textarea.formTextarea { height: 200px; width: 283px; background: none; overflow: visible; }
/* div wrapping the textarea is necessary, as IE doesn't apply background correctly on the textarea itself */
div.textareaBg { width: 290px; height: 205px; background: url(../images/bkgd_textarea.gif) 0 0 no-repeat; margin: 0 0 12px 0; padding: 0 0 6px 0;}
input.submit { height: 30px; width: 51px; text-align: center; padding: 0px; margin: 2px 10px 0 0; background: url(../images/bkgd_btn_send.gif) 0 0 no-repeat; color: #fff; font-weight: bold; font-size: 12px; border: none; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }
input.submit:hover { background-position: 0 -30px; }

/* contact page */
label { display: none; }
#contactForm { margin: 0 0 0 10px; width: 290px; }
#contactForm p { margin-top: 4px; }
.locInfo { margin: 0 0 24px 0; position: relative; }
#content .locInfo h2 { font-weight: normal; font-size: 16px; margin: 0 0 0 10px; }
#content .locInfo p { position: relative; margin-left: 10px; padding-right: 0; zoom: 1; }
.locInfo p a.directions { position: absolute; bottom: 0; right: 0; margin: 0; }
.contact #sidebar { margin-top: 164px; }

/* my asp style */
.contactAspText { width: 281px; }

/* our clients page */
#clientList { width: 100%; margin: 0 0 20px 0; }
#content #clientList div { float: left; display: inline; margin: 0 20px 0 0; }
#content #clientList ul li { background: none; padding: 0; margin: 0 0 4px 0; font-size: 12px; }
#content #clientSort { position: relative; width: 100%; height: 52px; background: url(../images/bkgd_clientsort.gif) 0 0 repeat-x; margin: 0 0 20px 0; }
#clientSort a#btnAll { display: block; width: 90px; height: 23px; padding: 7px 0 0 10px; overflow: hidden; background: url(../images/btn_clients.gif) 0 0 no-repeat; color: #fff; font-weight: bold; position: absolute; left: 0; top: 10px; }
#clientSort a#btnAll:hover, #clientSort a#btnAll.allOff { background-position: 0 -30px; }
#content #clientSort ul { width: 203px; height: 30px; }
#industryList { position: absolute; top: 10px; left: 110px; }
#solutionList { position: absolute; top: 10px; left: 323px; }
#content #clientSort ul li { width: 193px; height: 23px; background: url(../images/btn_clients_wide.gif) 0 0 no-repeat; padding: 7px 0 0 10px; font-weight: bold; color: #fff; position: relative; cursor: pointer; }
#content #clientSort ul li.sortHover { background-position: 0 -30px; }
#content #clientSort ul li ul { background: url(../images/bkgd_clientmenu.png) 0 0 repeat; display: none; width: 197px; height: auto; position: absolute; top: 30px; left: 3px; padding: 10px 0 5px 0; }
#content #clientSort ul li ul li { height: auto; font-size: 12px; line-height: 15px; background: none; padding: 0; margin: 0 0 7px 10px; color: #fff; font-weight: normal; cursor: pointer; }
#content #clientSort ul li ul li.sortListHover { color: #70b8c8;}
#main #content #clientList ul li.sortOn { color: #4a5058 !important; }
#main #content #clientList ul li.sortOff { color: #c0c6cd !important; }
#main #content #clientList ul li.sortOff a { color: #c0c6cd !important; }
#main #content #clientList ul li.sortOff a:hover { color: #c0c6cd !important; }
/* #main #content #clientList ul li.sortOn { color: #4a5058 !important; }
#main #content #clientList ul li.sortOff { color: #868d95 !important; } */

/* i added for sidebar modules */
.clients #sidebar .module p { font-size: 12px; line-height: 18px; }
.home #content .module li { font-size: 14px; line-height: 18px; }
.clients #sidebar .module li { background: url(../images/rule_dotted.gif) bottom left repeat-x; padding: 0 0 6px 0; margin: 0 0 6px 0; }
.clients #sidebar .module li a { display: block; padding: 0 0 0 12px; background: url(../images/img_arrow_content.gif) 0 5px no-repeat; }
.clients #sidebar .module li a:hover { background: url(../images/img_arrow_content_on.gif) 0 5px no-repeat; }


/* case study page */
.caseLeft { width: 190px; float: left; display: inline; margin: 30px 20px 0 0; text-align:center }
.caseRight { width: 460px; float: left; display: inline; margin: 30px 0 0 0; }
#content .caseRight li { margin: 0 0 16px 0; padding: 0 0 0 30px; }
#content li.challenge { background: url(../images/icon_challenge.gif) 0 4px no-repeat; }
#content li.solution { background: url(../images/icon_solution.gif) 0 4px no-repeat; }
#content li.btmLine { background: url(../images/icon_bottomline.gif) 0 4px no-repeat; }
#content p.download { background: url(../images/rule_dotted.gif) top left repeat-x; padding: 11px 0 0 0; margin: 0 0 30px 0; }
p.download a, p.downloadRt a { padding: 2px 0 10px 20px; background: url(../images/icon_pdf.gif) 0 0 no-repeat; }
#content p.downloadRt { text-align: right; float: right; margin-top: 6px; }

/* why netsoft page */
.why #main { padding-bottom: 0; }
#whyImg { margin: 20px 0 0 0; }
.whyHover { display: none; width: 330px; background: #f7f7f7 url(../images/rule_vertical.gif) 0 0 repeat-y; padding: 2px 0 5px 20px; position: absolute; left: 620px; }
#content .whyHover p { font-size: 14px; line-height: 17px; margin: 0; padding: 0; }
#content .whyHover ul { margin: 8px 0 0 0; }
#content .whyHover li { font-size: 14px; line-height: 17px; margin: 0 0 5px 0; background: none; padding: 0; }
#content .whyHover li a { padding: 0 0 0 12px; background: url(../images/img_arrow_content.gif) 0 4px no-repeat; }
#content .whyHover li a:hover { background: url(../images/img_arrow_content_on.gif) 0 4px no-repeat; }
/* following styles commented out; positioning done with jQuery in whynetsoft.shtml file now */
/* #approachInfo { top: 280px; left: 620px; }
#capabilitiesInfo { top: 505px; left: 620px; }
#frameworkInfo { top: 355px; left: 620px; }
#industryInfo { top: 325px; left: 620px; } */

/* articles and white papers */
.articlePages { margin: 20px 0 0 0; }
.articleImage { width: 100%; margin: 20px 0 20px 0; padding: 0 0 20px 0; background: url(../images/rule_dotted.gif) bottom left repeat-x; }
.articleImage p { padding: 12px 0 0 0; background: url(../images/rule_dotted.gif) 0 0 repeat-x; }
.articleImageBottomCaption { width: 100%; margin: 20px 0 20px 0; padding: 0 0 10px 0; background: url(../images/rule_dotted.gif) bottom left repeat-x; }
.articleImageBottomCaption img { padding: 20px 0 5px 0; background: url(../images/rule_dotted.gif) 0 0 repeat-x; }
.sidebarShare img { margin: 0 10px -4px 0; }
#content .callout { background: #ececea; padding: 0 0 10px 0; margin: 24px 0 24px 0; }
#content .callout h3 { font-size: 13px; font-weight: bold; background: #d3d3cf; padding: 8px 0 8px 14px; margin: 0 0 10px 0; }
#content .callout p {padding: 10px 10px 6px 14px; }
#content .callout ul { margin: 0 10px 0 14px; }
#content .callout li { background-image: url(../images/bul_callout.gif); }
#content .pullquote { background: #ececea; padding: 14px 14px 14px 14px; margin: 24px 0 24px 0; }
#content .pullquote p { font-size: 16px; line-height: 20px; text-indent: -4px; padding: 0 10px 0 4px; margin: 0; }

/* icon sprites */
.icon { width: 35px; height: 30px; overflow: hidden; margin: 0 8px 0 5px; float: left; display: inline; background: url(../images/icons.gif) 0 0 no-repeat; }
.insights { background-position: 0 0; }
.info { background-position: -35px 0; }
.webcasts { background-position: -70px 0; }
.howto { background-position: -105px 0; }
.presentations { background-position: 0 -30px; }
.whitepapers { background-position: -35px -30px; }
.callus { background-position: -70px -30px; }
.message { background-position: -105px -30px; }
.events { background-position: 0 -60px; }
.author { background-position: -35px -60px; }
.related { background-position: -70px -60px; }
.expertise { background-position: -105px -60px; }
.solutions { background-position: 0 -90px; }
.locations { background-position: -35px -90px; }
.management { background-position: -70px -90px; }
.history { background-position: -105px -90px; }

#sidebar { width: 322px; margin: 105px 0 0 0; padding: 0; float: left; display: inline; position: relative; }
#sidebar img.floatRt { float: right; } /* used on 404 page */
.module { width: 302px; padding: 0 10px 0 10px; margin: 0 0 20px 0; }
#sidebar .module { background: #ececea; padding: 10px 10px 15px 10px; }
.band { background: #73726a; height: 35px; width: 100%; margin: 0 0 10px 0; padding: 5px 0 0 0; position: relative; }
.band h2, #content .band h2 { color: #fbfbfb; font-size: 15px; float: left; display: inline; font-weight: normal; margin: 5px 0 0 0; width: 200px; }
.band a.rssIcon { display: block; position: absolute; width: 16px; height: 16px; top: 12px; right: 10px; background: url(../images/icon_rss.png) 0 0 no-repeat; z-index: 1000; cursor: pointer; }
.module p, .module ul, .module dl { margin-left: 10px; margin-right: 10px; }
#sidebar .module p.spacer { margin: 0; height: 10px; font-size: 1px; line-height: 1px; }
#content .module h3, #sidebar .module h3 { font-size: 10px; font-weight: bold; color: #5a93a0; margin: -3px 0 6px 10px; }
.module p { padding-bottom: 8px; margin-bottom: 8px; background: url(../images/rule_dotted.gif) bottom left repeat-x; }
#content .module p { margin-bottom: 7px; }
.module p.more a, #sidebar .module p.more a { color: #5a93a0; }
#sidebar .module p a { color: #4a5058; }
.module p.more a img { margin-left: 5px; }
#sidebar .module p a:hover, .module p.more a:hover { color: #70b8c8; }
#main .module p.noBorder, #main .module p.more.noBorder, #sidebar .module p.noBorder, #sidebar .module p.more.noBorder, #sidebar .module p.personInfo.noBorder, .home #content .module li.noBorder { background: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
.module p.telNum { font-size: 20px; line-height: 20px; margin-bottom: 4px; }
.module p.telNum span { font-size: 12px; }
#sidebar .module p a.emailAddr { color: #5a93a0; }
#sidebar .module p a.emailAddr:hover { color: #70b8c8; }
.module p.personInfo { zoom: 1; }
.module p.personInfo img { float: left; display: inline; margin: 0 10px 5px 0; }
#sidebar .module p.personInfo a { font-size: 14px; color: #5a93a0; }
#sidebar .module p.personInfo a:hover { color: #70b8c8; }
#sidebar .module p.lg14 { font-size: 14px; padding-bottom: 6px; background: url(../images/rule_dotted.gif) bottom left repeat-x;  }
.module .sidePage p, .module .archives p { padding-bottom: 0; background: none; }
.module .sidePage p a, .module .archives p a { color: #5a93a0; }
.module .sidePage p a:hover, .module .archives p a:hover { color: #436e78; }

.rt322 #sidebar p.rssSubscribe { margin: 0 0 20px 0; }
.rt322 #sidebar p.rssSubscribe a { display: block; width: 282px; height: 24px; overflow: hidden; background: url(../images/btn_rss.gif) 0 0 no-repeat; font-size: 14px; font-weight: bold; padding: 8px 0 0 40px; color: #5a93a0; }
.rt322 #sidebar p.rssSubscribe a:hover { background-position: 0 -32px; color: #70b8c8; }
p.rssSubscribe a img { margin: 0 0 1px 5px; }

.feed { width: 322px; }
.feed .feedBtns { width: 301px; height: 31px; background: url(../images/bkgd_feed.gif) 0 0 no-repeat; padding: 11px 0 0 21px; }
.feedBtns a { float: left; display: inline; }
.feedBtns a.feedOn, .feedBtns a:hover { background-position: 0 -20px !important; }
.feedBtns a#fNews { width: 66px; height: 20px; overflow: hidden; text-indent: -9999px; background: url(../images/btn_feed_news.gif) 0 0 no-repeat; padding: 0 14px 0 0; margin: 0 14px 0 0; border-right: 1px solid #bbbab4; }
.feedBtns a#fEvents { width: 76px; height: 20px; overflow: hidden; text-indent: -9999px; background: url(../images/btn_feed_events.gif) 0 0 no-repeat; padding: 0 14px 0 0; margin: 0 14px 0 0; border-right: 1px solid #bbbab4; }
.feedBtns a#fInsights { width: 87px; height: 20px; overflow: hidden; text-indent: -9999px; background: url(../images/btn_feed_insights.gif) 0 0 no-repeat; }
.feed ul { margin: 10px 10px 0 10px; }
.feed li { font-size: 12px; line-height: 15px; margin: 0 0 10px 0; }
.feed li a { color: #4a5058; }
.feed li a:hover { color: #70b8c8; }
#fEventsContent, #fInsightsContent { display: none; }
.insightsHome .feed { position: absolute; left: 0; } /*  on the main insights page, we have to position this */

/* i added for delineating insights by type on feed */
.feed h3 { font-size: 10px; font-weight: bold; color: #5a93a0; margin: -3px 0 6px 10px; }
.feed p { padding-bottom: 8px; margin-bottom: 8px; background: url(../images/rule_dotted.gif) bottom left repeat-x; }



/* adjust widths for #content, #sidebar, and #sidebar .module based on the body class */
.rt322 #content { width: 638px; }
.rt322 #sidebar { width: 322px; }
.rt322 #sidebar .module { width: 302px; }
.rt350 #content { width: 610px; }
.rt350 #sidebar { width: 350px; }
.rt350 #sidebar .module { width: 330px; }
.rt290 #content { width: 670px; }
.rt290 #sidebar { width: 290px; }
.rt290 #sidebar .module { width: 270px; }
.rt270 #content { width: 690px; }
.rt270 #sidebar { width: 270px; }
.rt270 #sidebar .module { width: 250px; }
.wideintro #sidebar { margin: 0 0 0 0; }

.uxgroup #content p {padding-bottom:10px;} 
 

.colLeft, .colRight { float: left; display: inline; }
.colLeft { margin: 0 20px 0 0; }
.rt290 .colLeft { width: 310px; }
.rt290 .colRight { width: 340px; }
.rt322 .colLeft { width: 318px; margin-bottom: 30px; }
.rt322 .colLeft .module { width: 298px; }
.rt322 .colRight { width: 300px; margin-bottom: 30px; }
.rt322 .colRight .module { width: 280px; }

/* footer */
#footWrapper { background: #565e68 url(../images/bkgd_footer.gif) 0 0 repeat-x; position: absolute; bottom: 0; left: 0; width: 100%; }
#footer { width: 980px; height: 375px; padding: 0 0 0 0; text-align: left; margin: 0 auto 0 auto; color: #d2d2cf; position: relative; }
#footer a { color: #d2d2cf; }
#footer a:hover { color: #fff; }
#footer ul { margin: 0 0 55px 0; position: absolute; top: 50px; } /* using abs. positioning as IE doesn't like floated ul's */
#footer li { font-size: 12px; line-height: 16px; margin: 0 0 8px 0; padding: 0;  }
#footer li.footMain { font-weight: bold; margin: 0 0 16px 0; }
#footer ul.first { left: 0; }
#footer ul.second { left: 116px; }
#footer ul.third { left: 286px; }
#footer ul.fourth { left: 480px; }
#footer ul.fifth { left: 620px; }
#footContact { width: 192px; height: 60px; position: absolute; top: 50px; right: 0; padding: 16px 0 0 26px; background: url(../images/bkgd_footer_contact.png) 0 0 no-repeat; }
#footContact p { font-weight: bold; margin: 0 0 4px 0; letter-spacing: .05em; }
#footContact p.lg { font-size: 24px; line-height: 24px; letter-spacing: .07em; }
#footContact p a { color: #70b8c8; }
#footContact p a:hover { color: #fff; }
#footer p.copyright { position: absolute; top: 295px; left: 0; }

/* Social bookmarking module styles */
a#share { display: block; position: absolute; top: 292px; left: 600px; width: 63px; height: 21px; background: url(../images/bkgd_sharebtn.png) 0 0 no-repeat; overflow: hidden; padding: 4px 0 0 8px; font-size: 12px; font-weight: bold; }
a#share.shareHover { color: #fff !important; background-position: 0 -25px !important; }
#shareit-box { position: absolute; display: none; width: 115px; height: 150px; }
#shareit-body { width: 115px; height: 150px; background: url(../images/bkgd_sharemenu.png) 0 0 no-repeat; }
/* #shareit-icon  { height: 20px; } */
#shareit-body ul { list-style: none; width: 100px; margin: -34px 0 0 10px; padding: 0; }
#shareit-body ul li { margin: 0 0 8px 0; padding: 0; line-height: 16px; }
#shareit-body ul li a { padding-left: 21px; display: block; }
#shareit-body ul li a.shareit-linkedin { background: url(../images/icon_linkedin.gif) 0 0 no-repeat; }
#shareit-body ul li a.shareit-stumbleupon { background: url(../images/icon_stumbleupon.gif) 0 0 no-repeat; }
#shareit-body ul li a.shareit-facebook { background: url(../images/icon_facebook.gif) 0 0 no-repeat; }
#shareit-body ul li a.shareit-delicious { background: url(../images/icon_delicious.gif) 0 0 no-repeat; }
#shareit-body ul li a.shareit-twitter { background: url(../images/icon_twitter.gif) 0 0 no-repeat; }

/* styles for modal windows -- modal content only; actual modal styles are in colorbox.css */
.modalBio h2, .modalIndustry h2, #modalApply h2, #thankyou h2, #contactThankyou h2, #loginForm h2 { font-size: 20px; line-height: 22px; font-weight: normal; margin: 0 0 4px 0; }
.modalBio p, .modalIndustry p, #thankyou p, #contactThankyou p, #loginForm p { font-size: 13px; line-height: 16px; margin: 0 0 12px 0; }
.modalBio li { font-size: 13px; line-height: 16px; background: none; margin: 0 0 4px 0; }
.modalBio { width: 445px; background: #ececea; text-align: left; }
/* .modalBio img { float: left; display: inline; margin: 0 20px 0 0; border: 4px solid #d2d2cf; } */ /* image is 92x92 */
.modalBio img { float: left; display: inline; margin: 0 20px 0 0; } /* image is 92x92 */
.modalBio .bioText { width: 317px; float: left; display: inline; padding-right: 8px; }
.modalBio p.bioTitle { padding-bottom: 8px; background: url(../images/rule_dotted.gif ) bottom left repeat-x; margin-bottom: 6px; }
.modalInsights { background: url(../images/rule_dotted.gif) top left repeat-x; padding: 8px 0 0 0; }
.modalInsights p { margin-bottom: 6px; }
.modalInsights ul { margin: 0; }
.modalInsights li { padding: 0 0 6px 0; background: url(../images/rule_dotted.gif) bottom left repeat-x; }
.modalIndustry { width: 610px; background: #ececea; text-align: left; padding: 0 0 10px 0; }
.modalIndustry h2.indHead { height: 38px; margin: 0; padding: 0; }
.modalIndustry .indText { width: 310px; float: left; display: inline; margin: 0 16px 0 0; }
.modalIndustry .indText h3 { font-size: 13px; margin: 0 0 4px 0; font-weight: bold; }
.modalIndustry li { background: url(../images/bul_text.gif) 0 6px no-repeat; padding: 0 0 0 9px; margin: 0 0 2px 0; font-size: 13px;}
.modalIndustry .indModule { width: 275px; background: #fff; float: left; display: inline; padding: 5px 0 5px 5px; margin: 0; }
.indModule .module { width: 250px; padding: 10px 10px 10px 10px; margin: 0; background: #ececea; }
.indModule .band { background: #73726a; height: 35px; width: 250px; margin: 0 0 10px 0; padding: 5px 0 0 0; position: relative; }
.indModule .band h2 { color: #fbfbfb; font-size: 15px; float: left; display: inline; font-weight: normal; margin: 5px 0 0 0; width: 200px; }
.indModule p { font-size:12px; margin-left: 10px; margin-right: 10px; padding-bottom: 8px; margin-bottom: 8px; background: url(../images/rule_dotted.gif) bottom left repeat-x;  }
.indModule .module p a { color: #4a5058; }
.indModule p.more a { color: #5a93a0; }
.indModule p.more a img { margin-left: 5px; }
.indModule p a:hover, .indModule p.more a:hover { color: #70b8c8; }
#modalApply, #thankyou, #contactThankyou { width: 295px; margin: 10px 0 0 10px; background: #ececea; text-align: left; }
#thankyou { display: none; }
#modalApply h2 { margin-bottom: 12px; }
#modalApply p { margin: 9px 0 0 0; }
#modalApply p input.formText, #loginForm p input.formText { margin: 0 0 2px 0; }
#modalApply ul { width: 203px; height: 30px; margin: 9px 0 0 0; }
#modalApply ul li { width: 280px; height: 23px; background: url(../images/btn_applymenu.gif) 0 0 no-repeat; padding: 7px 0 0 10px; margin: 0; font-weight: bold; color: #fff; position: relative; cursor: pointer; }
#modalApply ul li.menuHover { background-position: 0 -30px; }
#modalApply ul li ul { background: url(../images/bkgd_clientmenu.png) 0 0 repeat; display: none; width: 284px; height: auto; position: absolute; top: 30px; left: 3px; padding: 10px 0 5px 0; margin: 0; }
#modalApply ul li ul li { height: auto; width: auto; font-size: 12px; line-height: 15px; background: none; padding: 0; margin: 0 0 7px 10px; color: #fff; font-weight: normal; cursor: pointer; }
#modalApply ul li ul li.menuListHover { color: #70b8c8;}
#modalApply .formUpload {margin: 0 0 10px 0; }
#modalApply input.submit { margin-top: 14px; cursor: pointer;  }
/* #modalApply .formUpload { background: #ececea; border: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 5px 0 0 10px; color: #4a5058; cursor: pointer; } */
#loginForm { width: 300px; margin: 10px 0 0 10px; background: #ececea; text-align: left; }
#loginForm p { margin: 9px 0 0 0; }
#loginForm input.submit { margin-bottom: 12px; margin-left: 1px; } /* 1px margin for IE6 */
#loginForm div.labelWrap { position: relative; float: left; clear: left; width: 290px; margin: 9px 0 3px 0; } /* for labelOver plugin */
#loginForm label.over { color: #4a5058; position: absolute; top: 4px; left: 5px; font-size: 12px; display: block; } /* for labelOver plugin */

/* blog */
.blog { padding: 0 0 3px 0; margin: 0 0 10px 0; background: url(../images/rule_dotted.gif) bottom left repeat-x; }
.blog img { margin-top: 10px; }
.blogDate { font-size: 12px; font-weight: bold; color: #868d95; }

#blogFilter ul li { background: none; padding: 0; margin: 0 0 4px 0; font-size: 12px; }
#blogFilter ul li { width: 250px; height: 23px; background: url(../images/btn_clients_wide.gif) 0 0 no-repeat; padding: 7px 0 0 10px; font-weight: bold; color: #fff; position: relative; cursor: pointer; }
#blogFilter ul li.sortHover { background-position: 0 -30px; }
#blogFilter ul { width: 250px; height: 30px; }
#blogFilter ul li ul { background: url(../images/bkgd_clientmenu.png) 0 0 repeat; display: none; width: 197px; height: auto; position: absolute; top: 30px; left: 3px; padding: 10px 0 5px 0; }
/* #blogFilter ul li ul li { height: auto; font-size: 12px; line-height: 15px; background: none; padding: 0; margin: 0 0 7px 10px; color: #fff; font-weight: normal; cursor: pointer; } */
#blogFilter ul li ul li { height: auto; font-size: 12px; line-height: 15px; background: none; padding: 0; margin: 0 0 7px 10px; font-weight: normal; cursor: pointer; }
#blogFilter ul li ul li.sortListHover { color: #70b8c8;}
#blogFilter a { color: #fff; }
#blogFilter a:hover { color: #70b8c8; }
#blogIndustryList { position: relative;  }
#blogSolutionList { position: relative;  }
#blogAuthorList { position: relative;  }


/* form validation error styles */
label.error { color: #990000; }
input.formText.error { background: url(../images/bkgd_textinput_error.gif) 0 0 no-repeat; }
.textareaBg.textareaError { background: url(../images/bkgd_textarea_error.gif) 0 0 no-repeat; }
 

body { -webkit-text-size-adjust: none; } /* for iphone, deactivates auto font-scaling */


div.linedoted{background:url("../images/rule_dotted.gif") repeat-x scroll left bottom transparent;border:0px;margin:0px;height:1px;margin:5px 0px 5px 0px;}

.newsimagesize {width:100%;}
.image400 {width:400px;}
.image316   {width:316px;}