/* CSS Document */ /* ************************************************************************** CSS code is organized by page heirarchy beginning with Main Menu buttons **************************************************************************** */ /* === GLOBAL / APPLIED TO MULTIPLE PAGES ========================================================================================== */ #pagination {position:absolute; right:0px; margin-top:30px;} #pagination a {display:block; float:left; margin:0px 1px; background:#F9F9F9; font-size:12px; text-align:center; color:#B2B2B2;} #pagination a.nextprevious {width:auto; height:19px/*22*/; padding-top:3px;} #pagination a.pagenumber {width:26px; height:19px/*22*/; padding-top:3px;} #pagination a.pagenumber.current {color:#FFFFFF;} body.solution_page #pagination a.pagenumber.current {background:#00B086;} body.solution_page #pagination a:hover {background:#CCEFE7;} body.toolbox_page #pagination a.pagenumber.current {background:#38939B;} body.toolbox_page #pagination a:hover {background:#D7E9EB;} body.customers_page #pagination a.pagenumber.current {background:#8FCAE7;} body.customers_page #pagination a:hover {background:#E9F4FA;} body.resource_page #pagination a.pagenumber.current {background:#F0AB00;} body.resource_page #pagination a:hover {background:#FCEECC;} body.helpdesk_page #pagination a.pagenumber.current {background:#981E32;} body.helpdesk_page #pagination a:hover {background:#EAD2D6;} body.news_page #pagination a.pagenumber.current {background:#BFB733;} body.news_page #pagination a:hover {background:#F2F1D6;} body.general_page #pagination a.pagenumber.current {background:#0C2D82;} body.general_page #pagination a:hover {background:#CED5E6;} #sidecolumn .textheading {margin-bottom:6px;} #sidecolumn .linklist {list-style:none; margin:0px; padding:0px; margin-bottom:25px;} #sidecolumn .linklist li {margin-bottom:3px; font-size:11px; line-height:11px;} body.solution_page #sidecolumn .linklist a {color:#00B086;} body.toolbox_page #sidecolumn .linklist a {color:#38939B;} body.customers_page #sidecolumn .linklist a {color:#8FCAE7;} body.resource_page #sidecolumn .linklist a {color:#F0AB00;} body.helpdesk_page #sidecolumn .linklist a {color:#981E32;} body.news_page #sidecolumn .linklist a {color:#BFB733;} body.general_page #sidecolumn .linklist a {color:#0C2D82;} #sidecolumn .linklist a:hover {color:#828282 !important;} #sidecolumn .navmenu {list-style:none; margin:0px; padding:0px; margin-bottom:25px;} #sidecolumn .navmenu li {margin-bottom:6px;} #sidecolumn .navmenu li.current {padding:4px 0px 4px 4px; height:15px/*23*/;} body.solution_page #sidecolumn .navmenu li.current {background:#00B086;} body.toolbox_page #sidecolumn .navmenu li.current {background:#38939B;} body.customers_page #sidecolumn .navmenu li.current {background:#8FCAE7;} body.resource_page #sidecolumn .navmenu li.current {background:#F0AB00;} body.helpdesk_page #sidecolumn .navmenu li.current {background:#981E32;} body.news_page #sidecolumn .navmenu li.current {background:#BFB733;} body.general_page #sidecolumn .navmenu li.current {background:#0C2D82;} #sidecolumn .navmenu li.current a {color:#FFFFFF;} #sidecolumn .navmenu a {font-size:11px;} #sidecolumn form input.submit {width:20px; height:20px;} body.solution_page #sidecolumn form input.submit {background:#00B086;} body.toolbox_page #sidecolumn form input.submit {background:#38939B;} body.customers_page #sidecolumn form input.submit {background:#8FCAE7;} body.resource_page #sidecolumn form input.submit {background:#F0AB00;} body.helpdesk_page #sidecolumn form input.submit {background:#981E32;} body.news_page #sidecolumn form input.submit {background:#BFB733;} body.general_page #sidecolumn form input.submit {background:#0C2D82;} #maincolumn ul.featpanels {width:710px; height:281px; background:#FFFFFF; list-style:none; margin:0px; padding:0px;} #maincolumn ul.featpanels li {width:164px/*230*/; height:215px/*281*/; padding:33px; margin-right:10px; margin-bottom:5px; position:relative; float:left; background:#F2F2F2;} #maincolumn ul.featpanels li:last-child {margin-right:0px;} #maincolumn ul.featpanels li a.morelink {display:block; position:absolute; left:35px; bottom:30px;} #maincolumn ul.featpanels li p {font-size:11px; line-height:17px;} #maincolumn ul.featpanels li span.title {color:#B2B2B2; display:block; padding-bottom:5px; font-size:11px;} #maincolumn ul.featpanels li.casestudy {background:#F2F2F2 url(../_images/layout/featpanel_bg1.png) no-repeat;} #maincolumn ul.featpanels li.casestudy .headline {font-size:14px; font-weight:bold; display:block; color:#8FCAE7; margin-bottom:8px;} #maincolumn ul.featpanels li.casestudy img {display:block; margin-bottom:8px; width: 164px; height: 94px; overflow: hidden;} #maincolumn ul.featpanels li.casestudy a {color:#8FCAE7;} #maincolumn ul.featpanels li.casestudy a:hover {color:#828282;} #maincolumn ul.featpanels li.resourcepublication {background:#F2F2F2 url(../_images/layout/featpanel_bg1.png) no-repeat;} #maincolumn ul.featpanels li.resourcepublication .headline {font-size:14px; font-weight:bold; display:block; color:#F0AB00; margin-bottom:8px;} #maincolumn ul.featpanels li.resourcepublication img {display:block; margin-bottom:8px; width: 164px; height: 94px; overflow: hidden;} #maincolumn ul.featpanels li.resourcepublication a {color:#F0AB00;} #maincolumn ul.featpanels li.resourcepublication a:hover {color:#828282;} #maincolumn ul.featpanels li.demo {background:#F2F2F2 url(../_images/layout/featpanel_bg1.png) no-repeat;} #maincolumn ul.featpanels li.demo .headline {font-size:14px; font-weight:bold; display:block; color:#F0AB00; margin-bottom:8px;} #maincolumn ul.featpanels li.demo img {display:block; margin-bottom:8px; width: 164px; height: 94px; overflow: hidden;} #maincolumn ul.featpanels li.demo a {color:#F0AB00;} #maincolumn ul.featpanels li.demo a:hover {color:#828282;} #maincolumn ul.featpanels li.demo .demothumb {width:164px; height:151px; overflow:hidden; margin-bottom:10px;} #maincolumn ul.featpanels li.whitepaper {background:#F2F2F2 url(../_images/layout/featpanel_bg2.png) no-repeat;} #maincolumn ul.featpanels li.whitepaper .headline {font-size:22px; font-weight:bold; display:block; color:#F0AB00 !important; margin-bottom:8px;} #maincolumn ul.featpanels li.whitepaper a {color:#F0AB00;} #maincolumn ul.featpanels li.whitepaper a:hover {color:#828282;} div.sectionfooter {font-weight:bold; font-size:11px; color:#828282; padding-bottom:8px; border-bottom:1px #828282 dotted;} div.sectionfooter.right-aligned {text-align:right;} /* === INDEX ======================================================================================================================= */ /* === INTEGRATED SOLUTION ========================================================================================================= */ body.solution_page a {color:#00B086;} body.solution_page a:visited {color:#00B086;} body.solution_page a:hover {color:#828282;} body.solution_page h2 {width:139px; height:56px;} body.solution_page h2 a {display:block; width:139px; height:56px; background:url(../_images/layout/h2-solution.png) no-repeat;} body.solution_page h2 a span {display:none;} body.solution_page h3 {font-size:14px; font-weight:bold; color:#00B086; margin-bottom:5px;} body.solution_page h4 {font-size:14px; color:#828282; margin-bottom:10px;} body.solution_page hr {color:#00B086; background-color:#00B086; height:3px; border:none; margin-bottom:20px;} body.solution_page #pagefooter {background:#CCEFE7;} div.processlist { border-top: 1px dotted #505050; padding: 17px 0px 0px; min-height: 80px; width: 100%; } div.processlist div.leftcol { margin-right: 10px; float: left; width: 74px; } div.processlist div.rightcol { float: left; padding-right: 5px; width: 621px; } /* === TOOL BOX ==================================================================================================================== */ body.toolbox_page a {color:#38939B;} body.toolbox_page a:visited {color:#38939B;} body.toolbox_page a:hover {color:#828282;} body.toolbox_page h2 {width:101px; height:22px;} body.toolbox_page h2 a {display:block; width:110px; height:22px; background:url(../_images/layout/h2-toolbox.png) no-repeat;} body.toolbox_page h2 a span {display:none;} body.toolbox_page h3 {font-size:18px; font-weight:normal; color:#38939B; margin-bottom:20px;} body.toolbox_page h4 {font-size:14px; color:#828282; margin-bottom:10px;} body.toolbox_page hr {color:#38939B; background-color:#38939B; height:3px; border:none; margin-bottom:20px;} body.toolbox_page .leadimg {margin-bottom:30px;} body.toolbox_page #pagefooter {background:#D7E9EB;} body.toolbox_page #maincolumn #usercontent ul {width:661px;/*710*/; height:auto; padding:25px; padding-left:22px; border:1px #828282 dotted; margin-bottom:20px; list-style: none; margin-left:0px;} body.toolbox_page #maincolumn #usercontent ul li {margin-bottom:7px; line-height:13px; width: auto; font-size:11px; padding-left: 13px; font-weight:bold; color:#828282; background: url(/dev/_images/layout/bullet_green.png) 0px 5px no-repeat;} p#tbox_intro {width:185px; float:left; margin-right:35px;} ul#tbox_panels {width:490px; height:380px; list-style:none; margin:0px; padding:0px; float:left;} ul#tbox_panels li {width:115px; height:120px; margin-right:10px; margin-bottom:10px; float:left;} ul#tbox_panels li a {width:115px; height:120px; display:block; background:url(../_images/assets/toolbox/tboxpanels_hover.png) no-repeat;} ul#tbox_panels li a span {display:none;} ul#tbox_panels li a#funds {background-position:0px 0px;} ul#tbox_panels li a#digiasset {background-position:-125px 0px;} ul#tbox_panels li a#marketing {background-position:-250px 0px;} ul#tbox_panels li a#listmgmt {background-position:-375px 0px;} ul#tbox_panels li a#media {background-position:0px -125px;} ul#tbox_panels li a#urls {background-position:-125px -125px;} ul#tbox_panels li a#seo {background-position:-250px -125px;} ul#tbox_panels li a#training {background-position:-375px -125px;} ul#tbox_panels li a#rewards {background-position:0px -250px;} ul#tbox_panels li a#incentives {background-position:-125px -250px;} ul#tbox_panels li a#analytics {background-position:-250px -250px;} ul#tbox_panels li a#reporting {background-position:-375px -250px;} /* ..... hover .... */ ul#tbox_panels li a#funds:hover {background-position:0px -380px;} ul#tbox_panels li a#digiasset:hover {background-position:-125px -380px;} ul#tbox_panels li a#marketing:hover {background-position:-250px -380px;} ul#tbox_panels li a#listmgmt:hover {background-position:-375px -380px;} ul#tbox_panels li a#media:hover {background-position:0px -510px;} ul#tbox_panels li a#urls:hover {background-position:-125px -510px;} ul#tbox_panels li a#seo:hover {background-position:-250px -510px;} ul#tbox_panels li a#training:hover {background-position:-375px -510px;} ul#tbox_panels li a#rewards:hover {background-position:0px -640px;} ul#tbox_panels li a#incentives:hover {background-position:-125px -640px;} ul#tbox_panels li a#analytics:hover {background-position:-250px -640px;} ul#tbox_panels li a#reporting:hover {background-position:-375px -640px;} /* === CUSTOMERS ==========================================================================+======================================= */ body.customers_page a {color:#8FCAE7;} body.customers_page a:visited {color:#8FCAE7;} body.customers_page a:hover {color:#828282;} body.customers_page h2 {width:141px; height:22px;} body.customers_page h2 a {display:block; width:141px; height:22px; background:url(../_images/layout/h2-customers.png) no-repeat;} body.customers_page h2 a span {display:none;} body.customers_page h3 {margin-bottom:10px;} body.customers_page h3 span {display:none;} body.customers_page h3.publication_headline {font-size:28px; font-weight:normal; color:#8FCAE7; border-top:3px #8FCAE7 solid; padding-top:7px; } body.customers_page h3.publication_headline a#pdflink {position:absolute; right:0px; top:13px; display:inline; font-size:11px; font-weight:bold;} body.customers_page h4 {font-size:14px; color:#828282; margin-bottom:10px;} body.customers_page hr {color:#8FCAE7; background-color:#8FCAE7; height:3px; border:none; margin-bottom:20px;} body.customers_page #pagefooter {background:#E9F4FA;} /* === RESOURCE CENTRAL ============================================================================================================ */ body.resource_page a {color:#F0AB00;} body.resource_page a:visited {color:#F0AB00;} body.resource_page a:hover {color:#828282;} body.resource_page h2 {width:120px; height:56px;} body.resource_page h2 a {display:block; width:120px; height:56px; background:url(../_images/layout/h2-resource.png) no-repeat;} body.resource_page h2 a span {display:none;} body.resource_page h3 {margin-bottom:10px; position:relative;} body.resource_page h3 span {display:none;} body.resource_page h3.publication_headline {font-size:28px; font-weight:normal; color:#F0AB00; border-top:3px #F0AB00 solid; padding-top:7px; } body.resource_page h3.publication_headline a#pdflink {position:absolute; right:0px; top:13px; display:inline; font-size:11px; font-weight:bold;} body.resource_page h4 {font-size:14px; color:#828282; margin-bottom:10px;} body.resource_page hr {color:#F0AB00; background-color:#F0AB00; height:3px; border:none; margin-bottom:20px;} body.resource_page #pagefooter {background:#FCEECC;} body.resource_page #demo {margin-bottom:20px;} body.resource_page .sectionfooter {margin:10px 0px; margin-bottom:30px;} /* === HELP DESK =================================================================================================================== */ body.helpdesk_page a {color:#981E32;} body.helpdesk_page a:visited {color:#981E32;} body.helpdesk_page a:hover {color:#828282;} body.helpdesk_page h2 {width:134px; height:28px;} body.helpdesk_page h2 a {display:block; width:134px; height:28px; background:url(../_images/layout/h2-helpdesk.png) no-repeat;} body.helpdesk_page h2 a span {display:none;} body.helpdesk_page h3 {margin-bottom:30px;} body.helpdesk_page h3 span {display:none;} body.helpdesk_page h4 {font-size:14px; color:#828282; margin-bottom:10px;} body.helpdesk_page hr {color:#981E32; background-color:#981E32; height:3px; border:none; margin-bottom:20px;} body.helpdesk_page #pagefooter {background:#EAD2D6;} body.helpdesk_page span.question {font-size:14px; font-weight:bold; color:#981E32; display:block; margin-bottom:5px;} /* === NEWS ======================================================================================================================= */ body.news_page a {color:#BFB733;} body.news_page a:visited {color:#BFB733;} body.news_page a:hover {color:#828282;} body.news_page h2 {width:73px; height:22px;} body.news_page h2 a {display:block; width:73px; height:22px; background:url(../_images/layout/h2-news.png) no-repeat;} body.news_page h2 a span {display:none;} body.news_page h3 {} body.news_page h3.publication_headline {font-size:28px; font-weight:normal; color:#BFB733; letter-spacing:0.0px;} body.news_page h3 a {font-weight:normal;} body.news_page h4 {font-size:14px; color:#828282; margin-bottom:10px;} body.news_page hr {color:#BFB733; background-color:#BFB733; height:3px; border:none; margin-bottom:20px;} body.news_page #pagefooter {background:#F2F1D6;} form#newssearch {width:140px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #B2B2B2 dotted;} form#newssearch * {vertical-align:middle;} form#newssearch input.text {font-family:Arial, Helvetica, sans-serif; color:#B2B2B2; padding:1px; border:1px #B2B2B2 solid; width:110px; height: 16px;} /*ul#taglist {list-style:none; margin:0px; padding:0px; margin-bottom:25px;} ul#taglist li {margin-bottom:3px; font-size:11px; line-height:11px;} ul#whitepapers_list {list-style:none; margin:0px; padding:0px; margin-bottom:25px;} ul#whitepapers_list li {margin-bottom:3px; font-size:11px; line-height:11px;}*/ div.newsstory {width:710px; height:auto; border-top:3px #BFB733 solid; padding-top:7px; margin-bottom:55px;} div.newsstory .storyimage {width:710px; height:auto; overflow:hidden; margin-bottom:10px;} div.newsstory .credits {font-weight:bold; font-size:10px; color:#B2B2B2; margin-bottom:8px; display:block;} div.newsstory .credits .author {color:#BFB733;} /* === ABOUT, CONTACT, LOGIN ============================================================+======================================= */ body.general_page a {color:#0C2D82;} body.general_page a:visited {color:#0C2D82;} body.general_page a:hover {color:#828282;} body.general_page h2 a {display:block;} body.general_page h2#about a {width:79px; height:22px; background:url(../_images/layout/h2-about.png) no-repeat;} body.general_page h2#clientarea a {width:148px; height:22px; background:url(../_images/layout/h2-clientarea.png) no-repeat;} body.general_page h2#visitorarea a {width:168px; height:22px; background:url(../_images/layout/h2-visitorarea.png) no-repeat;} body.general_page h2#login a {width:72px; height:28px; background:url(../_images/layout/h2-login.png) no-repeat;} body.general_page h2#contact a {width:100px; height:22px; background:url(../_images/layout/h2-contact.png) no-repeat;} body.general_page h2#search a {width:93px; height:22px; background:url(../_images/layout/h2-search.png) no-repeat;} body.general_page h2 a span {display:none;} body.general_page h3 {font-size:14px; font-weight:bold; color:#0c2d82; margin-bottom:5px;} body.general_page h4 {font-size:14px; color:#828282; margin-bottom:10px;} body.general_page hr {color:#0C2D82; background-color:#38939B; height:3px; border:none; margin-bottom:20px;} body.general_page ul li { margin-bottom: 10px; } body.general_page #pagefooter {background:#CED5E6;} #maincolumn .leftcolumn { float: left; width: 50%; } #maincolumn .rightcolumn { float: left; width: 50%; } form#userlogin, form#usersignup {;} form#userlogin {margin-right:70px;} form#userlogin h3, form#usersignup h3 {margin-bottom:30px;} form#userlogin h3 span, form#usersignup h3 span {display:none;} form#userlogin ul, form#usersignup ul {list-style:none; margin:0px; padding:0px;} form#userlogin ul li, form#usersignup ul li {margin-bottom:10px; position:relative;} form#userlogin label, form#usersignup label {display:block; margin-bottom:3px; font-size:11px; font-weight:bold;} form#userlogin input.text, form#usersignup input.text {width:273px/*275*/; height:18px/*20*/; border:1px #E4E4E4 solid; border-top:1px #8F8F8F solid; background:url(_images/assets/login/textbox-bg.png) repeat-x;} form#requestdemo p { margin-bottom: 5px; width: 275px; } form#requestdemo p label { display: block; margin-bottom: 3px; font-size: 11px; font-weight: bold; } form#requestdemo p input.text { width:273px/*275*/; height:18px/*20*/; border:1px #E4E4E4 solid; border-top:1px #8F8F8F solid; background:url(_images/assets/login/textbox-bg.png) repeat-x; } form#requestdemo p input.button { float: right; } form#requestdemo p select { width:273px/*275*/; height:20px/*22*/; border:1px #E4E4E4 solid; border-top:1px #8F8F8F solid; background:url(_images/assets/login/textbox-bg.png) repeat-x; } form#requestdemo p textarea { width:273px/*275*/; height:130px/*132*/; border:1px #E4E4E4 solid; border-top:1px #8F8F8F solid; background:url(_images/assets/login/textbox-bg.png) repeat-x; }