/* CSS Document */ /* common */ body {color:#434343;} a {text-decoration:none; font: normal 12px/16px Arial,"MS PGothic",Verdana; line-height: 1.4;} p, li, font, td { font: normal 100% Arial,"MS PGothic",Verdana; margin:0;padding:0; line-height: 1.4; color:#434343;} .middlecenter, table.courseflow tr td{vertical-align:middle; text-align:center;} .middleleft{vertical-align:middle; text-align:left;} .middleright{vertical-align:middle; text-align:right;} .topcenter{vertical-align:top; text-align:center;} .topleft{vertical-align:top; text-align:left;} .topright{vertical-align:top; text-align:right;} .bottomcenter{vertical-align:bottom; text-align:center;} .bottomleft{vertical-align:bottom; text-align:left;} .bottomright{vertical-align:bottom; text-align:right;} .smallf{font-size:10px;} #content{font-size:12px !important;} /* for pre-aloha style contents */ #content p, li, font, td { font: normal 12px/14px Arial,"MS PGothic",Verdana;line-height: 1.6;} /* sf-menu */ /* .sf-menu a, .sf-menu a:visited {color: #FFF;} */ /*.sf-menu a:hover, .sf-menu li ul li a:hover {color: #FFF;}*/ /*.sf-menu li li:hover, .sf-menu li li.sfHover,*/ /*.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {color: #000 !important;}*/ .sf-menu li.primaryli a.primary {line-height:1em !important;} /* sidenavigation */ .sidebar_left #sidenavigation li div a{color:#434343 !important; font-size:14px !important;} .sidebar_left #sidenavigation li div.selected li a, .sidebar_left #sidenavigation li.last div.selected li a {color:#434343 !important; font-size:12px !important;} .sidebar_left #sidenavigation li div a:hover, .sidebar_left #sidenavigation li div.selected a:hover, .sidebar_left #sidenavigation li div.selected li a:hover, .sidebar_left #sidenavigation li div.selected li a.selected:hover, .sidebar_left #sidenavigation li.last div.selected a:hover, .sidebar_left #sidenavigation li.last div.selected a.selected:hover {color:#ff0000 !important;} .sidebar_left #sidenavigation li div.selected a, .sidebar_left #sidenavigation li div.selected a.selected, .sidebar_left #sidenavigation li.last div.selected a.selected {color:#000 !important; font-weight:bold;} /* three_col_blue_left */ #bodycontent .three_col_blue_left .sidenav a {color:#434343 !important; font-size:12px !important;} #bodycontent .three_col_blue_left .sidenav a:hover {color:#FF0000 !important;} #bodycontent .three_col_blue_left .sidenav li.current li.current a {color:#000 !important; font-weight:bold;} #bodycontent .three_col_blue_left .sidenav li.current li a:hover {color:#FF0000 !important;} #bodycontent li a{font-size:12px;} /* wrapper_sidebar */ #gradientwrap .wrapper_sidebar .sidenav li a {color:#434343;} #gradientwrap .wrapper_sidebar .sidenav li li a {color:#434343;} /* footer */ #footer .nav, #footer .nav a {color:#434343 !important;} #footer .nav .select_language {color:#015BA7 !important;} #footer .nav a:hover {color: #FF0000 !important;} .bottom .copyright{color:#434343 !important;} /* SEO tab */ .tab_container p, .tab_container h1 {color: #434343 !important;} /* BEGIN casestudy page */ #casestudypage .full_study p {color:#434343;} /*GLOBAL NAV*/ #globalnav a span { font: normal 11px/13px Verdana,Arial; display:block; color:#000; } #globalnav a:hover span { color:#F10; background-color:#FFF; } /*TABS*/ #tabnav a { float:left; background:url(images/tab_left.gif) no-repeat left top; margin:0; padding:0 0 0 6px; text-decoration:none; } #tabnavlogin a { float:left; background:url(images/tab_left_login.gif) no-repeat left top; margin:0; padding:0 0 0 6px; text-decoration:none; } #tabnavlogin a span{padding:5px 12px 3px 3px;} #tabnavww a{float:right;margin:0;text-decoration:underline;background:none;padding:0px 0px 0px 5px;} #tabnavww a span { font: normal 11px/13px Verdana,Arial; } /*SUBNAV*/ #subnav a { font: normal 12px/14px Verdana, Arial; } #subnav h3 { font: normal 12px/13px Verdana, Arial; margin:0 1px 0 1px;} #img60text H3 A{color:#296DC0;} #img60text H3 A:hover{color:#FF1100;} /* circlelink*/ #circlelinks_jp a,#circlelinks a:hover {display:block; padding:0 3px 3px 20px; background:url(images/but_circle15_off.gif) no-repeat; } #circlelinks_jp a:hover {background:url(images/but_circle15_hov.gif) no-repeat; } #but_sm{ float:left; margin:5px;} #but_sm a {display:block;height:24px;color:#FFF; float:left; background:url(images/but_sm_left.gif) no-repeat left top; margin:0; padding:0; text-decoration:none; } #but_sm a span {color:#FFF; float:left; display:block; background:url(images/but_sm_right.gif) no-repeat right top; padding:5px 15px 8px 5px; margin:0 5px 0px 6px; font: bold 10px/10px Verdana, Arial; color:#FFF !important; white-space:nowrap; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #but_sm a span {float:none; color:#FFF;} /* End IE5-Mac hack */ #but_sm a:hover {background-position:0% -24px;} #but_sm a:hover span {color:#FFF !important; background-position:100% -24px; font: bold 10px/10px Verdana, Arial; white-space:nowrap;} /* landing 1colum */ div#content.jp{width:980px !important; margin:0px !important; padding:0px !important;} table.cloudbox{padding:0px; margin:0px; width:900px !important; border:0px; clear:both;} td.cloudboxleft{background:url(/jp/assets/images/landing/cloud/box_left.gif) top left repeat-y; width:20px !important; padding:0px; margin:0px;} td.cloudboxright{background:url(/jp/assets/images/landing/cloud/box_right.gif) top right repeat-y; width:16px !important; padding:0px; margin:0px;} td.cloudboxmain{width:864px !important; padding:10px; margin:0px;} td.cloudboxbtm{background:url(/jp/assets/images/landing/cloud/box_btm.gif) top no-repeat; width:900px !important; height:15px; padding:0px; margin:0px;} div.arrow{height:80px; width:900px !important; vertical-align:middle; text-align:center; color:#FF1100; font-size:18px; font-weight:bold; line-height:22px; margin:0px 0px 0px 0px; background:url(/jp/assets/images/landing/img_arrow.gif) transparent center no-repeat; clear:both; } div.toplink{float:right; width:900px !important; clear:both; text-align:right; margin:1px 40px 1px 0px; font-weight:bold; font-size:14px; } td.ctd0{font-weight:bold; text-align:center; border:solid #CCCCCC 1px; } td.ctd1{background-color:#FFE1E1; font-weight:bold; text-align:center; border:solid #CCCCCC 1px; padding:3px; } td.ctd2{background-color:#D9ECFF; font-weight:bold; text-align:center; border:solid #CCCCCC 1px; padding:3px; } div.cttitle1{ color:#FFFFFF; font-weight:bold; background-color:#804040; border-bottom:solid #D1A3A3 2px; border-right:solid #D1A3A3 2px; padding:4px; margin:5px; text-align:center; } .box1{float:left; background-color:#D9ECFF; color:#114477; font-size:16px; font-weight:bold; padding:5px; margin:10px; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; width:80px; text-align:center; } .call_lp{width:980px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .call_lp_ff:after{content:""; height:0; display:block; clear:both; } *html .kokyaku_ie{display:inline; font-size:0px; } /* button */ #but_lg_jp {float:left; white-space:nowrap; margin:5px; } #but_lg_jp.right{float:right; } #but_lg_jp a{float:left; background:url(/common/assets/css/images/but_lg_left.gif) no-repeat left top; margin:0; padding:0 0 0 6px;text-decoration:none; } #but_lg_jp a span { float:left; display:block; background:url(/common/assets/css/images/but_lg_right.gif) no-repeat right top; padding:9px 15px 12px 6px; margin:0 10px 0px 6px; font: bold 13px/13px Verdana, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "MS UI Gothic"; color:#FFF !important; white-space:nowrap; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #but_lg_jp a span {float:none; } /* End IE5-Mac hack */ #but_lg_jp a:hover { background-position:0% -34px;padding:0 0 0 6px; } #but_lg_jp a:hover span { color:#FFF !important; background-position:100% -34px; font: bold 13px/13px Verdana, Arial; white-space:nowrap; } #red_button {float:left; white-space:nowrap; margin:5px 10px 5px 5px; display:inline-block; min-width:115px; } #red_button a{float:left; background:transparent url(images/header/bk_red_button.png) no-repeat left top; margin:0; padding:0 0 0 6px;text-decoration:none; display:block; white-space:nowrap;} #red_button a span {float:left; display:block; background:url(/common/assets/css/images/header/bk_red_button_right.png) no-repeat right top; padding:9px 20px 12px 6px; margin:0 0px 0px 6px; font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "MS UI Gothic"; color:#FFF !important; min-width:95px; margin-right:-14px;} #red_button a:hover { background-position:0% -34px;padding:0 0 0 6px; } #red_button a:hover span { color:#FFF !important; background-position:100% -34px; font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "MS UI Gothic"; white-space:nowrap; } /* products */ #products_menu table.menu{ background: url(/jp/assets/images/home/img_box-3.gif) no-repeat; width:258px; height:214px; } #products_menu td.selected{ background: url(/jp/assets/images/home/img_box-3_hl.gif) no-repeat; } #products_menu table,#products_menu tr,#products_menu td{text-align:center; vertical-align:middle; } /* training-form */ #regpg td.col1wide_jp{text-align:right; padding:2px 0px;width:290px} #regpg td.col2_jp{width:320px;padding:3px 0px 3px 5px;} #regpg #contentbox3container #contentbox3{background:none;} /* eventlist */ #eventlist td.hdr1_jp { width:300px !important; font: bold 11px/11px Verdana, Arial; color:#000; text-align:left; background:url(images/bg_filter.gif);} #events_tbl td.col1_jp { width:300px; padding:0px; margin:0px;} .eventsWrapper .eventsRow2 .announcements h2{font-size:12px;color:#326DB5;} .eventsWrapper .eventsRow1 #wrap .carouseltitle{font-size:12px;color:#326DB5;} /* customers */ #half3columns h2 a{font-size:16px; font-weight:bold;} /* cfj */ #hilite{width:533px;} /* body content -add 091118*/ .right_side_primary #bodycontent h2 {line-height:1.6em !important;} /*portal*/ #portal_wrap{ margin-top:10px; width:960px; color:#000000; } #portal_wrap #mainhead{ background:url(/jp/campaigns/public-sector/images/gp-header.gif) no-repeat top left; width:960px; height:119px; text-indent:-9999px; font-size;1px; } #portal_wrap .fll{ float:left;} #portal_wrap .flr{ float:right;} #portal_wrap .clear{clear:both;} #portal_wrap .f14{font-size:14px;} #portal_wrap p{margin:0;padding:0;color:#000000;} #portal_wrap .mt15{margin-top:15px;} #portal_wrap #mainbody{ width:860px; margin:0 auto; margin-top:30px; } #portal_wrap #mainbody .lead_txt{ width:550px; float:left; } #portal_wrap #mainbody a{font-size:12px !important;} #portal_wrap #mainbody a#cta_btn1{ background:url(/jp/campaigns/public-sector/images/cta_gp_contact.gif) no-repeat top left; width:274px; height:70px; display:block; text-indent:-9999px; } #portal_wrap #mainbody a#cta_btn1:hover{ background:url(/jp/campaigns/public-sector/images/cta_gp_contact.gif) no-repeat left -70px; } #portal_wrap #mainbody ul li{float:left;width:240px;} #portal_wrap #mainbody ul li a#imgtab01{margin-bottom:5px;width:235px;height:143px;display:block;background:url(/jp/campaigns/public-sector/images/gp_tab01.gif) left top;text-indent:-9999px;} #portal_wrap #mainbody ul li a#imgtab01:hover{background:url(/jp/campaigns/public-sector/images/gp_tab01.gif) left -143px;} #portal_wrap #mainbody ul li a#imgtab02{margin-bottom:5px;width:235px;height:143px;display:block;background:url(/jp/campaigns/public-sector/images/gp_tab02.gif) left top;text-indent:-9999px;} #portal_wrap #mainbody ul li a#imgtab02:hover{background:url(/jp/campaigns/public-sector/images/gp_tab02.gif) left -143px;} #portal_wrap #mainbody .title{ background:url(/jp/campaigns/public-sector/images/gp_title01.gif) no-repeat left top; width:856px; height:51px; text-indent:90px; font-weight:bold; color:#fff; font-size:16px; line-height:3.0; overflow:hidden; margin-top:30px; } #portal_wrap #mainbody .desc_txt{ background:#ebf2f8; width:806px; height:auto; margin-left:15px; padding:5px 15px 15px 20px; } #portal_wrap #mainbody .desc_txt p{width:800px;} #portal_wrap #mainbody .desc_txt p.faqttl{font-weight:bold;margin-top:15px;color:#ff1100;font-size:14px;margin-bottom:-8px;} #portal_wrap #mainbody .desc_txt p.quetxt{font-weight:bold;margin-top:10px;} #portal_wrap #mainbody .desc_txt p.anstxt{margin-left:10px;width:790px;} #portal_wrap #mainbody a#cta_btn2{ background:url(/jp/campaigns/public-sector/images/cta_gp_contact_l.gif) no-repeat top left; width:339px; height:71px; display:block; text-indent:-9999px; margin:20px auto; } #portal_wrap #mainbody a#cta_btn2:hover{ background:url(/jp/campaigns/public-sector/images/cta_gp_contact_l.gif) no-repeat left -71px; } #portal_wrap .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #portal_wrap .clearfix { display: inline-table; min-height: 1%; } #portal_wrap table tr td{color:#000;} /* for smb portal */ #portal_wrap img{padding:0;margin:0;display:block;} #portal_wrap #casestudy_wrap{ width:667px; padding-bottom:17px; background:url(/jp/campaigns/smb/images/bg_ncase_btm.gif) left bottom no-repeat; margin-left:8px; } #portal_wrap #casestudy_wrap #casestudy{ width:667px; background:url(/jp/campaigns/smb/images/bg_ncase_middle.gif) left top repeat-y; padding:10px; padding-left:20px; } #portal_wrap #casestudy_wrap #casestudy p{width:630px;} #portal_wrap #search_cs{ width:663px; padding-bottom:18px; border-top:none; border-bottom:none; background:url(/jp/campaigns/smb/images/img_btm01.gif) left bottom no-repeat; margin-bottom:20px; } #portal_wrap #search_cs ul{width:287px;margin-top:15px;} #portal_wrap #search_cs ul li.title{margin-left:0px;margin-bottom:5px;} #portal_wrap #search_cs ul li{margin-left:20px;text-indent:-5px;} #portal_wrap #search_cs ul li a{font-size:12px !important;} #portal_wrap #what_crm{ width:928px; padding-bottom:12px; background:url(/jp/campaigns/smb/images/img_btm02.gif) left bottom no-repeat; } #portal_wrap .rightbox{ width:250px; padding-bottom:8px; background:url(/jp/campaigns/smb/images/bk_rightbox_btm.gif) left bottom no-repeat; } #portal_wrap .rightbox .boxmdl{ background:url(/jp/campaigns/smb/images/bk_rightbox_middle.gif) left top repeat-y; padding:10px; } /* for smb-2 portal */ #smb_portal_wrap{ width:920px; margin:0 auto; color:#000000; margin:0 25px 0 0; background-color:#fff; padding-left:15px; padding-top:15px; } #smb_portal_wrap img{display:block;} #smb_portal_wrap .fll{ float:left;} #smb_portal_wrap .flr{ float:right;} #smb_portal_wrap .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #smb_portal_wrap .clearfix { display: inline-table; min-height: 1%; } #smb_portal_wrap .leadtxt{ font-size:14px; line-height:1.6; padding:20px 10px; } #smb_portal_wrap .txtbox{ border:1px solid #ccc; position:relative; width:900px; } #smb_portal_wrap .txtbox #s_title{ position:absolute; top:-15px; left:-1px; } #smb_portal_wrap .txtbox li a{ font-size:12px !important; line-height:1.6; } #smb_portal_wrap #aboutcrm{ width:890px; margin-left:10px; background-color:#f0f0f0; position:relative; margin-top:25px; } #smb_portal_wrap #aboutcrm #abouttitle{ position:absolute; top:-15px; left:-10px; width:900px; height:56px; } /* for resource center */ #resource ul li a{font-size:12px !important;} /* for quick site*/ #nav .wrap a{ font-weight:bold; font-size:14px; } /* Kevin Moore's Changes */ a.button span.text {line-height:18px} /* header menu */ #nav li{margin-right:0px;} #nav a{font-weight:bold;font-size:14px;}