/* 082012 Possible */
body { margin:0; padding:0; font-family:'Segoe UI', Helvetica, Arial,sans-serif !important; color:#030303; font-size:13px; text-align:center; background-color:#FFF; min-width:1181px !important; }
@font-face
{
font-family: "Segoe UI Semibold";
font-style: normal;
font-weight: 600;
src: local("Segoe UI"), local("Segoe"), local("Segoe WP"), url("http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.eot?#iefix") format("embedded-opentype"), url("http://i.s- microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.woff") format("woff"), url("http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.ttf") format("truetype"), url("http://i.s- microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.svg#web") format("svg");
}
@font-face
{
font-family: 'Segoe UI Light';
src: url("http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.eot");
src: url("http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.eot?#iefix") format("embedded-opentype"), url("http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.woff") format("woff"), url("http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.ttf") format("truetype"), url("http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.svg#web") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: "Segoe UI";
src: url("http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.eot");
src: url("http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.eot?#iefix") format("embedded-opentype"), url("http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.woff") format("woff"), url("http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.ttf") format("truetype"), url("http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.svg#web") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: "Segoe UI bold";
src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.eot");
src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.ttf") format("truetype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.svg#web") format("svg");
font-weight: normal;
font-style: normal;
}
a:link, a:active, a:visited { color:#1570A6; text-decoration:none; }
input, textarea { font-family:Segoe UI, Arial, Helvetica, sans-serif; }
.clear { clear:both; margin:0; padding:0; }
#header img,
#menu img,
#container-pww img,
#footer img { border:none; }
#container-pww { margin:0 auto; padding:0; width:1000px; text-align:left; }
#header h1,
#header h2,
#container-pww h1,
#container-pww h2,
#container-pww h3,
#container-pww h4,
#container-pww h5,
#container-pww h6 { font-weight:100; }
#header h1,
#header h2,
#container-pww h1,
#container-pww h2,
#container-pww h3,
#container-pww h4,
#container-pww h5 { font-family:Segoe UI Light, Segoe UI, Helvetica,Arial, sans-serif; }
#container-pww p { font-family:Segoe UI, Segoe UI, Helvetica, Arial, sans-serif; }
#container-pww .cta-dl { background:url(../images/icon-sprite.png) no-repeat right -237px; }
#container-pww .cta-go { background:url(../images/icon-sprite.png) no-repeat right -292px; }
#footer .box-lang,
#filter .filter-options h5 { font-family:Segoe UI Semibold, Segoe UI, Helvetica, Arial,sans-serif; }
#filter .filter-content .cta-main h4,
#filter .filter-content .cta-main h5,
#filter .filter-content .cta-main h6,
#filter .filter-content .cta-main p,
#main .aside h4,
#main .aside .cta-main h4,
#main .aside .cta-main h5 { font-family:Segoe UI, Helvetica, Arial,sans-serif; }
/* background colors */
/* default blue */
#container-pww .color-01 { background-color:#1570A6; }
/* orange */
#container-pww .color-02 { background-color:#ff8c00; }
/* green */
#container-pww .color-03 { background-color:#7fba00; }
/*cyan(blue)*/
#container-pww .color-04 { background-color:#00BCF2; }
/* Lime*/
#container-pww .color-05 { background-color:#BAD80A; }
/*Magenta*/
#container-pww .color-06 { background-color:#EC008C; }
/*Dark Orange*/
#container-pww .color-07 { background-color:#e93200; }
#container-pww .color-08 { background-color:#B40093; }
#container-pww .color-09 { background-color:#6DC2E9; }
#container-pww .color-10 { background-color:#EB3C00; }
#container-pww .color-11 { background-color:#0072C6; }
#container-pww .color-12 { background-color:#65baf9; }
#container-pww .color-13 { background-color:#505050; }
/* header */
#header { margin:0 auto; padding:10px 42px 0 35px; height:82px;width:916px; text-align:left; }
#header h1,
#header .about { height:44px; }
#header h2,
#header .search { height:38px; }
#header h1,
#header h2 { margin:0; width:468px; float:left; line-height:1.0em; }
#header h1 { padding:0; padding-left:2px; }
#header h2 { padding:0; font-size:30px; color:#333; margin-top:-9px; }
#header h2 a,
#header h2 a:visited { color:#000; }
#header .about,
#header .search { margin:0; padding:0; width:448px; float:right; text-align:right; margin-right:-1px; }
#header .about { position: relative; }
#header .about a { padding:0 0 0 0; font-size:13px; line-height:1.0em; }
#header .about.dropdown.open{ }
#header .about.dropdown.open a{ }
#header .about.dropdown.open > .dropdown-menu{ display: block;}
#header .about .submenu {position: absolute; background-color: #fff; height:auto; top: 20px; right:0px; z-index: 1000; display: none; float: left; padding: 5px 0; margin: 2px 0 0; list-style: none; text-align:left;}
#header .about .submenu a { color:#0072c6; background: none; padding:10px;}
#header .about .submenu li { float:none; display: block; padding:10px; }
#header .search #searchbox { margin:0; padding:0; width:242px; height:24px; border:1px solid #CCC; float:right; }
#header .search input#iptSearchTextBox { margin:0; padding:3px 3px 3px 3px; width:200px; border:none; font-size:13px; color:#333;outline:0;}
#header .search input#iptSubmit { margin:0; padding:3px 3px 3px 3px; width:30px; height:24px; border:none; font-size:13px; color:#333; text-indent:-9999px; background:url(../images/icon-sprite.png) no-repeat -15px -23px; }
/* navigation */
#menu { margin:0 0 0 0; padding:10px 42px 0 29px; height:34px; border-bottom:5px solid #EEE; text-align:left; font-weight:600; font-family:Segoe UI Semibold,Segoe UI,Arial,Verdana,Tahoma,sans-serif;}
#menu .menu-content { margin:0 auto; width:936px; }
#menu ul { margin:0 auto; padding:0; list-style:none; height:34px; }
#menu ul li { margin:0; padding:0 0 0 0; height:34px; display:inline; float:left; }
#menu ul li a { padding:10px 15px 0 15px; display:block; height:24px; color:#505050; line-height:1.231em; outline:none; }
#menu ul li a:hover { background-color:#EEE; color:#0072c6; }
#menu .menu-content ul.nav li a.active,
#menu ul li:first-child a.active,
#menu .submenu li a.active { font-weight:bold; }
#menu .submenu { padding:15px 0 0 0; margin: auto; position: absolute; background-color: #EEE; height:auto; top: 136px; left: 0; z-index: 1000; display: none; float: left; list-style: none; width: 100%}
#menu .submenu a { padding:5px 26px 5px 11px; height:auto; color:#0072c6; outline:none; line-height:1.1em; }
#menu .submenu li { padding:0 0 0 0; display: block; }
#menu .dropdown.open { background-color: #EEE; z-index:1000; }
#menu .dropdown.open a { color:#0072c6; }
#menu .dropdown.open > .dropdown-menu { display: block; }
/* footer */
#footer { margin:0 auto; background-color:#EEE; font-size:13px; text-align:left; }
#footer .footer-content { margin:0 auto; padding:66px 42px 39px 42px; width:916px; }
#footer ul { margin:0; padding:0; list-style:none; }
#footer ul li { margin:0; padding:0 0 5px 0; }
#footer ul li a { margin:0; padding:0; line-height:1.5em !important; }
#footer ul li a:hover
{ margin:0; padding:0; line-height:1.5em !important; color: #000; text-decoration:underline; }
#footer .aside { margin:0; padding:0 10px 40px 0; height:348px; float:left; }
#footer .box-01,
#footer .box-04 { width:220px; }
#footer .box-02 { width:244px; }
#footer .box-03 { width:224px; }
#footer h3 { margin:0; padding:0 0 5px 0; font-weight:100; font-size:16px; color:#1a1a1a; line-height:1.25em; margin-bottom:0.65em; }
#footer .box-01 h3 { padding:0 0 10px 0; }
#footer .box-01 ul li { padding:0 0 10px 0;}
#footer .box-01 ul li a { padding:5px 0 0 35px; font-weight:100; display:block; height:21px; font-size:14px; color:#1a1a1a; line-height:1em !important;}
#footer .box-01 a.win { background:url(../images/footer-logo_windows.png) no-repeat 0 0; }
#footer .box-01 a.office { background:url(../images/footer-logo_office13.png) no-repeat 0 0; }
#footer .box-01 a.surface { background:url(../images/footer-logo_surface.png) no-repeat 0 0; }
#footer .box-01 a.phone { background:url(../images/footer-logo_winphone.png) no-repeat 0 0; }
#footer .box-01 a.mobile_devices { background:url(../images/footer_logo_nokia_symbols.png) no-repeat 0 0; }
#footer .box-01 a.xbox { background:url(../images/footer-logo_xbox.png) no-repeat 0 0; }
#footer .box-01 a.skype { background:url(../images/footer-logo_skype.png) no-repeat 0 0; }
#footer .box-01 a.msn { background:url(../images/footer_logo_msn_symbols.png) no-repeat 0 0; }
#footer .box-01 a.bing { background:url(../images/footer-logo_bing.png) no-repeat 0 0; }
#footer .box-01 a.store { background:url(../images/footer-logo_ms_store.png) no-repeat 0 0; }
#footer .box-lang { margin:0; padding:3px 0 0 32px; width:260px; height:23px; float:left; background:url(../images/icon-sprite.png) no-repeat 0 -63px; }
#footer .box-legal { margin:0; padding:0; width:604px; float:right; }
#footer .box-legal ul li { margin:0; padding:0 0 0 10px; display:inline; float:right; }
#footer .box-legal ul li a { margin:0; padding:0; line-height:1.7em; }
/* content area */
#main { padding:0 0 30px 0; margin-left:-1px; }
/* L3 L4 top margin */
.main-l3,
.main-l4 { margin:35px 0 0 0; }
#main h1 { padding:0 0 10px 0; font-size:30px; color:#030303; }
#main h2 { padding:0 42px 15px 42px; font-size:30px; color:#030303; }
#main h3 { padding:0 0 0 0; font-size:30px; color:#030303; }
#main h4 { padding:24px 20px 10px 0; font-size:20px; color:#030303; }
#main h5 { padding:0 20px 20px 0; font-size:16px; color:#030303; }
#main h6 { padding:0 20px 20px 0; font-size:16px; color:#030303; }
#main p { padding:0 0 15px 0; font-size:13px; color:#030303; }
/* hero area */
#main .hero { margin:0 0 32px 0; padding:0; height:338px; position:relative; z-index:1; }
#main .hero1 { margin:0 0 32px 0; padding:0; height:198px; width:604px; position:relative; z-index:1; }
#main .hero .hero-img { margin:0 0 0 42px; padding:0; width:916px; height:338px; position:absolute; z-index:2; top:0; left:0; }
#main .hero1 .hero-img1 { margin:0 0 0 42px; padding:0; width:604px; height:198px; position:absolute; z-index:2; top:0; left:0; }
#main .hero .hero-cta { margin:0; padding:20px; width:203px; height:203px; position:absolute; z-index:3; top:35px; left:82px; }
#main .hero1 .hero-cta1 { margin:0; width:150px; height:150px; position:absolute; z-index:3; top:25px; left:62px; }
#main .hero .hero-cta h1 { color:#FFF; line-height:1.0em; }
#main .hero .hero-cta p { color:#FFF; line-height:1.538em; }
/* main content that requires specific height */
#main .article-01 { height:330px; position:relative; }
/* main content */
#main .content { margin:0; padding:0px 0px 0px 42px; width:624px; float:left; }
#main .content h2 { padding:0 0 15px 0; line-height:1.167em; }
#main .content h4 { line-height:1.100em; }
#main .content h5 { padding:0 20px 15px 0; line-height:1.538em; }
#main .content h6 { padding:5px 20px 5px 0; line-height:1.538em; }
#main .content h4.dl { padding:24px 20px 10px 40px; background:url(../images/icon-sprite.png) no-repeat 0 -483px; }
#main .content ul.dl-links { margin:0; padding:10px 0 20px 0; list-style:none; }
#main .content ul li,
#main .content ol li { margin:0; padding:0 0 10px 0; }
#main .content p { padding:0 20px 20px 0; line-height:1.538em; }
#main .content .hero-l2 { margin:0 20px 12px 0; padding:0; height:130px; position:relative; z-index:1; }
#main .content .hero-l2 h2 { padding:0 20px 20px 20px; color:#FFF; position:absolute; bottom:0; left:0; }
#main .content .hero-l3 { margin:0 20px 12px 0; padding:0; }
/* L3 generic tables */
#main .content .table-l3 { margin:0 0 20px 0; padding:0; border:none; }
#main .content .table-l3 td { margin:0; padding:0 5px 10px 0; vertical-align:top; }
/* L4 data tables */
#main .content .table-l4 { margin:0 0 20px 0; padding:0; border:none; }
#main .content .table-l4 th { margin:0; padding:10px 10px 10px 5px; text-align:left; background-color:#ff8c00; vertical-align:top; }
#main .content .table-l4 td { margin:0; padding:10px 10px 10px 5px; font-size:12px; vertical-align:top; }
#main .content .table-sm { width:100%; }
#main .content .table-md { width:100%; }
#main .content .table-lg { width:100%; }
#main .content .line-01 { margin:0 20px 10px 0; padding:0; border:1px solid #EEE; }
/* social media links */
#social-bugs { margin:40px 0 0 0; padding:0; }
#social-bugs ul { margin:0; padding:0; list-style:none; }
#social-bugs ul li { margin:0; padding:0 0 15px 0; }
#social-bugs ul li a { margin:0; padding:7px 0 0 42px; height:25px; font-size:18px; line-height:1.0em; }
#social-bugs ul li a.social-fb { background:url(../images/icon-sprite.png) no-repeat 0 -106px; }
#social-bugs ul li a.social-tw { background:url(../images/icon-sprite.png) no-repeat 0 -158px; }
#social-bugs ul li a.social-blog { background:url(../images/blog-icon.jpg) no-repeat; }
/* level 3 social */
#social-bugs-l3 { margin:20px 0; padding:0; height:32px; }
#social-bugs-l3 ul { margin:0; padding:0; list-style:none; }
#main .content #social-bugs-l3 ul li { margin:0; padding:0 10px 0 0; display:block; height:32px; float:left; }
#social-bugs-l3 ul li a { margin:0; padding:0 0 0 0; display:block; height:32px; width:32px; text-indent:-9999px; }
#social-bugs-l3 ul li a.social-fb { background:url(../images/icon-sprite.png) no-repeat 0 -347px; }
#social-bugs-l3 ul li a.social-tw { background:url(../images/icon-sprite.png) no-repeat 0 -399px; }
#social-bugs-l3 ul li a.social-blog { background:url(../images/blog-icon.jpg); }
#social-bugs-l3 ul li a.social-links { background:url(../images/icon-sprite.png) no-repeat 0 -451px; }
/* main content colored button */
#cta-button { margin:40px 0 0 0; padding:0 0 13px 0; }
#cta-button a { margin:0; padding:8px 14px; color:#FFF; font-size:18px; }
/* main sidebar */
#main .aside { margin:0; padding:0px 0 0 10px; width:292px; float:left; }
/* main sidebar link lists */
#main .aside h4 { padding:0 0 15px 0; font-size:20px; line-height:1.0em; }
#main .aside ul { margin:0; padding:0; list-style:none; }
#main .aside ul.cta-links { margin:0; padding:0 0 30px 0; }
#main .aside ul.cta-links li { margin:0; padding:0 0 10px 0; }
#main .aside ul.cta-links li a { font-weight:100; font-size:18px; line-height:1.111em; }
/* CTA containers used in sidebar and bottom area */
#container-pww .cta-clr { margin:0 0 20px 0; padding:20px 20px 0 20px; width:242px; height:133px; position:relative; }
#cta-ribbon .cta-clr { margin:0 20px 20px 0; float:left; }
#container-pww .cta-clr h3 { font-size:30px; color:#FFF; line-height:1.25em; }
#container-pww .cta-clr p { margin:-5px 0 0 0; padding:0 40px 0 0; color:#FFF; line-height:1.538em; }
#container-pww .cta-clr .box-cta { margin:0; padding:0; height:55px; width:252px; position:absolute; top:98px; left:20px; }
#container-pww .cta-clr .box-cta .select-year { margin:0; padding:0; }
#container-pww .cta-clr .box-cta .select-year #filterlink { margin:0; padding:6px 30px 0 15px; display:block; height:25px; width:148px; font-sizes:18px; color:#ec4200; border:1px solid #ec4200; background:#FFF url(../images/icon-sprite.png) no-repeat right -197px; }
#container-pww .cta-clr .box-cta .select-year .years { margin:5px 0 0 0; width:190px; font-sizes:18px; }
/* custom MS Translate widget */
#container-pww .cta-clr .box-cta-02 { margin:0; padding:0; width:252px; position:absolute; top:80px; left:20px; }
#container-pww #MicrosoftTranslatorWidget #MSTWContent #MSTWHeader .MSTWBox #MSTWHeaderText { display:none; }
#container-pww #MicrosoftTranslatorWidget #MSTWContent #MSTWHeader .MSTWBox select { width:215px; }
#yeardrop {position: relative;}
#yeardrop .submenu {position: absolute; background-color: #fff; height:auto; top: 33px; left: 0; right:0; z-index: 1000; display: none; float: left; margin: 2px 0 0; list-style: none;}
#yeardrop .submenu a { color:#0072c6;}
#yeardrop .submenu li { float:none; display: block; padding:10px;}
#yeardrop.open a{ color:#0072c6; }
#yeardrop.open > .dropdown-menu { display: block; }
/* bottom main content cta ribbon */
#cta-ribbon { clear:both; margin:0; width:936px; background-color:#DCDCDC; }
#container-pww .ribbon-01 { padding:63px 22px 40px 42px; }
#container-pww .ribbon-02 { padding:80px 22px 48px 42px; }
/* CTA containers used in bottom ribbon and main content area */
#container-pww .cta-main { margin:0; padding:0 20px 20px 0; width:292px; }
#cta-ribbon .cta-main { float:left; }
#main .content .cta-main { padding:0 20px 30px 0; float:left; }
#main .aside .cta-main { padding:0px 20px 25px 0; width:272px; }
#container-pww .cta-main h4 { padding:10px 0 15px 0; font-size:18px; color:#030303; }
#container-pww .cta-main h6 { padding:0 0 0px 0; font-size:18px; color:#030303; }
#cta-ribbon .cta-main h5 { padding:0 0 15px 0; font-size:20px; color:#030303; }
#main .aside .cta-main h4 { padding:10px 0 15px 0; font-size:20px; color:#030303; }
#main .aside .cta-main h5 a { font-size:18px; }
#container-pww .cta-main p { padding:0 0 20px 0; line-height:1.538em; }
#cta-ribbon .cta-main ul { margin:0; padding:0; list-style:none; }
#cta-ribbon .cta-main ul li { margin:0; padding:0 0 10px 0; }
#cta-ribbon .cta-main ul li a { font-weight:100; font-size:18px; }
/* filter */
#filter { margin:0 20px 0 0; padding:20px 0 0 0; border-top:1px solid #EEE; }
#filter .filter-options { margin:0; padding:0 20px 0 0; width:194px; float:left; }
#filter .filter-options h5 { padding:0 0 10px 0; font-weight:bold; font-size:13px; color:#1a1a1a; }
#filter .filter-options ul { margin:0; padding:0; list-style:none; }
#filter .filter-options ul li { clear:both; margin:0; padding:0; color:#1a1a1a; }
#filter .filter-options ul li input { margin:2px 0 10px 0; float:left; }
#filter .filter-options ul li label { margin:0 0 10px 0; padding:0 0 0 10px; float:left; width:80%; }
#filter .filter-content { margin:0; padding:0 0 0 0; width:390px; float:left; }
#filter .filter-content .item { margin:0 0 10px 0; padding:0 0 10px 0; width:100%; border-bottom:1px solid #EEE;}
#filter .filter-content .success-story { padding: 0; font-size:20px; color:#030303; }
#filter .filter-content .success-story h4 { padding:10px 0 5px 0; font-size:18px; color:#030303; }
#filter .filter-content .success-story h5 { padding:0 0 5px 0; font-size:13px; color:#030303; }
#filter .filter-content .success-story h6 { padding:0 0 15px 0; font-size:13px; color:#030303; }
#filter .filter-content .success-story .filter-video { margin:0 0 20px 0; }
#filter .filter-content .success-story p.back-to-top { margin:20px 0 0 0; }
/* tabbed content */
div.tabNavWrapper
{
border-bottom: 1px solid #D5D5D5;
height: 31px;
margin-bottom: 30px;
position: relative;
}
.tabbedContent ul.tabNav
{
background: url(../img/btn/tabBorder.png) repeat-x left 30px transparent;
margin-bottom: 20px;
}
.tabbedContent ul.tabNav li
{
float: left;
}
.tabbedContent ul.tabNav li a
{
display: inline-block;
font-weight: bold;
height: 31px;
text-decoration: none;
padding-left: 3px;
}
.tabbedContent ul.tabNav li a:hover span
{
text-decoration: underline;
}
.tabbedContent ul.tabNav li a span
{
cursor: pointer;
display: inline-block;
font-weight: normal;
height: 21px;
padding: 7px 10px 9px;
}
.tabbedContent ul.tabNav li.active a
{
background: url("../img/btn/tabContentBG.png") repeat-x scroll left top transparent;
}
.tabbedContent ul.tabNav li.active a span
{
background: url("../img/btn/tabContentBG.png") no-repeat scroll right top transparent;
color: #000000;
}
/* END tabbed content */
/* fixes */
a img
{
border: none;
}
.clearfix:after, .container:after
{
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.clearfix, .container
{
display: block;
}
.clear
{
clear: both;
}
/* END fixes */
/* basic site styles */
div.wrapper
{
width: 920px;
margin: 0 auto;
}
div.wrapper div.innerWrapper
{
}
div.wrapper div.innerWrapper div.contentWrapper
{
background: url("../img/siteGraphics/topPageRoundCornerBG.png") no-repeat scroll 0 0 #ffffff;
position: relative;
}
.noBorder
{
border: none !important;
}
/* layout */
div.leftContent
{
/* border-right: 1px solid #D5D5D5;*/
float: left;
margin-bottom: 20px;
margin-top: 20px;
width: 670px;
}
div.rightContent
{
border-left: 1px solid #D5D5D5;
float: left;
padding: 0 0 0 17px;
width: 250px;
margin-top: 12px;
}
div.rightContentNew
{
border-left: 1px solid #D5D5D5;
float: right;
padding: 0 0 0 17px;
width: 212px;
margin-top: 12px;
}
/* tools home */
div.orangeWrapper
{
clear: both;
background-color: #f7ca00;
background-image: url('../img/siteGraphics/orange-gradient.gif');
/* background-image: url('../img/siteGraphics/green-gradient.png');*/
background-repeat: repeat-y;
}
div.orangeWrapper h1
{
font-size: 1.5em;
font-weight: normal;
margin: 8px 12px;
}
div.orangeWrapper div.content
{
padding: 24px 32px;
}
div.orangeWrapper div.content div.video
{
width: 186px;
float: left;
margin-left: 12px;
margin-right: 17px;
}
div.orangeWrapper div.content div.video h2
{
font-weight: normal;
font-size: 1.1em;
}
div.orangeWrapper div.content div.video p
{
color: #000000;
margin-top: 8px;
}
div.orangeWrapper div.content div.last
{
margin-right: 0px;
}
div.singleWrapper div.leftColumn
{
float: left;
width: 628px;
padding: 24px;
}
div.singleWrapper div.leftColumn h1
{
font-size: 1.2em;
margin: 8px;
}
div.singleWrapper div.leftColumn div.hr
{
margin: 24px 8px;
width: auto;
}
div.singleWrapper div.leftColumn div.third
{
float: left;
width: 173px;
padding: 8px;
padding-right: 40px;
}
div.singleWrapper div.leftColumn div.last
{
padding-right: 0px;
}
div.singleWrapper div.leftColumn div.third h1
{
color: #cc3300;
font-size: 1.3em;
margin: 0px;
}
div.singleWrapper div.leftColumn div.third p
{
margin: 8px 0px 8px 0px;
height: 70px;
}
a.redButton
{
display: block;
/*background-image: url('/about/corporatecitizenship/en-us/_ui/img/siteGraphics/orange-button.gif');*/
background-repeat: no-repeat;
width: 157px;
height: 21px;
color: #ffffff;
font-weight: normal;
font-size: 1.2em;
padding: 8px;
}
a.blue_shade
{
display: block;
background-image: url('../img/siteGraphics/blue_shade.png');
background-repeat: no-repeat;
width: 153px;
height: 22px;
color: #ffffff;
font-weight: normal;
font-size: 1.2em;
padding: 8px 8px 8px 15px;
}
a.green_shade
{
display: block;
background-image: url('../img/siteGraphics/green_shade.png');
background-repeat: no-repeat;
width: 153px;
height: 22px;
color: #ffffff;
font-weight: normal;
font-size: 1.2em;
padding: 8px 8px 8px 15px;
}
a.orange_shade
{
display: block;
background-image: url('../img/siteGraphics/orange_shade.png');
background-repeat: no-repeat;
width: 153px;
height: 22px;
color: #ffffff;
font-weight: normal;
font-size: 1.2em;
padding: 8px 8px 8px 15px;
}
a.redButton:hover
{
text-decoration: none;
}
div.singleWrapper div.rightColumn
{
float: left;
width: 210px;
background-color: #f5f5f5;
padding: 16px;
min-height: 16px;
}
div.singleWrapper div.rightColumn div.rightBlock
{
margin-top: 0px !important;
margin-bottom: 12px;
}
div.singleWrapper div.rightColumn div.rightBlock h4
{
font-size: 1.0em;
font-weight: bold;
}
div.singleWrapperBottom
{
padding: 24px 32px 4px 32px;
}
div.singleWrapperBottom div.breadcrumbs
{
margin-top: 25px;
}
div.orangeWrapper div.hr
{
border-bottom-color: #d3a907;
margin: 24px 12px;
width: auto;
}
div.orangeWrapper div.shadowBottom
{
/* background-image: url('/about/corporatecitizenship/en-us/_ui/img/siteGraphics/shadow-bottom.png');*/
background-repeat: repeat-x;
height: 4px;
}
div.orangeWrapper div.upperImg
{
background-image: url('../img/siteGraphics/upper_patch.png');
height: 32px;
}
div.orangeWrapper div.bottomImg
{
background-image: url('../img/siteGraphics/bottom_patch.png');
/* background-image: url('../img/siteGraphics/bottom_patch1.png'); */
height: 32px;
}
div.orangeWrapper div.shadowTop
{
clear: both;
/*background-image: url('/about/corporatecitizenship/en-us/_ui/img/siteGraphics/shadow-top.png');*/
background-repeat: repeat-x;
height: 24px;
}
/* end home */
div.oneColumn div.column
{
padding: 0 30px 30px; border:1px solid red;
}
div.oneColumn, div.twoColumn, div.threeColumn
{
margin: 20px 0;
padding: 0 20px;
}
div.twoColumn div.column
{
float: left;
padding-right: 20px;
width: 304px;
}
div.twoColumn div.skinnyColumn
{
float: left;
padding-right: 20px;
width: 203px;
}
div.twoColumn div.wideColumn
{
float: left;
padding-right: 20px;
width: 405px;
}
div.twoColumn div.last
{
padding-right: 0;
}
div.threeColumn div.column
{
float: left;
padding-right: 20px;
width: 196px;
}
div.threeColumn div.last
{
padding-right: 0;
}
/* END layout */
/* site elements */
a.internalFrontLink
{
padding-left:16px;
background: url("../img/btn/internalLink.png") no-repeat left top transparent;
}
a.externalLink, a.internalLink, a.downloadLink, a.backToTopLink, a.closeLink, a.showLink, a.hideLink
{
padding-right: 16px;
}
a.externalLink
{
background: url("../img/btn/externalLink.png") no-repeat right top transparent;
}
a.internalLink
{
background: url("../img/btn/internalLink.png") no-repeat right top transparent;
}
a.downloadLink
{
background: url("../img/btn/downloadLink.png") no-repeat right top transparent;
}
a.backToTopLink
{
background: url("../img/btn/bttLink.png") no-repeat left top transparent;
padding-left: 16px;
float: right;
}
a.closeLink {
background: url("../img/btn/bttLink.png") no-repeat right top transparent;
}
a.showLink {background: url("../img/btn/showLink.png") no-repeat right top transparent;}
a.hideLink {background: url("../img/btn/hideLink.png") no-repeat right top transparent;}
/* site elements */
/* END basic site styles*/
/* uberNav */
div.uberNavWrapper
{
height: 37px;
}
div.uberNavWrapper div#uberNav
{
float: left;
}
div.uberNavWrapper div#uberNav ul li
{
float: left;
}
div.uberNavWrapper div#uberNav ul li a
{
display: inline-block;
font-size: 1.2em;
font-weight: bold;
height: 37px;
text-decoration: none;
padding-left: 3px;
}
div.uberNavWrapper div#uberNav ul li a span
{
cursor: pointer;
display: inline-block;
font-family: Segoe UI,Verdana,Arial,Sans-Serif;
font-weight: normal;
height: 21px;
padding: 7px 10px 9px;
text-transform: uppercase;
}
div.uberNavWrapper div#uberNav ul li a:hover
{
background: url("/about/corporatecitizenship/en-us/images/uberNav/uberNavBG.png") repeat-x scroll left top transparent;
}
div.uberNavWrapper div#uberNav ul li a:hover span, div.uberNavWrapper div#uberNav ul li a.selected
{
background: url("/about/corporatecitizenship/en-us/images/uberNav/uberNavBG.png") no-repeat scroll right top transparent;
color: #000000;
}
div.uberNavWrapper div#uberNavUtility
{
float: right;
margin-top: 8px;
}
div.uberNavWrapper div#uberNavUtility ul li
{
border-right: 1px solid #B2B2B2;
float: left;
position: relative;
}
div.uberNavWrapper div#uberNavUtility ul li.last
{
border-right: none;
}
div.uberNavWrapper div#uberNavUtility ul li a
{
font-size: 0.9em;
font-weight: normal;
padding: 0 5px;
}
div.uberNavWrapper div#uberNavUtility ul li.last a
{
font-size: 0.9em;
font-weight: normal;
padding-right: 0;
}
.programsMenu
{
background-color: #F4F4F4;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
display: none;
position: absolute;
width: 130px;
}
#programsDrop
{
}
a.programArrow
{
padding-right: 14px !important;
background: url("/about/corporatecitizenship/en-us/images/UberNav/programDrop.png") no-repeat scroll right top transparent !important;
}
a.programArrow:hover
{
}
.showMenu
{
display: block;
}
/* END uberNav */
/* primaryNav */
div.primaryNavWrapper
{
border-top: 1px solid #D0D0D0;
padding-top: 12px;
position: absolute;
top: -45px;
width: 100%;
}
div.primaryNavWrapper ul li
{
border-right: 1px solid #D0D0D0;
float: left;
}
div.primaryNavWrapper ul li.first a
{
padding-left: 0;
}
div.primaryNavWrapper ul li.last
{
border-right: none;
}
div.primaryNavWrapper ul li.currentPage a
{
color: #000000;
}
div.primaryNavWrapper ul li a
{
font-size: 1.25em;
font-weight: normal;
padding: 0 18px;
}
/* END primaryNav */
/* END secondaryNav */
div.secondaryNavWrapper
{
padding: 20px 0 20px 20px;
}
div.secondaryNavWrapper ul li
{
float: left;
}
div.secondaryNavWrapper ul li.currentPage a
{
color: #000000;
}
div.secondaryNavWrapper ul li a
{
padding-right: 20px;
}
/* END secondaryNav */
/* breadcrumbNav */
div.breadcrumbNavWrapper
{
margin: 20px 0 45px;
}
div.breadcrumbNavWrapper ul li
{
float: left;
color: #000000;
font-weight: bold;
}
div.breadcrumbNavWrapper ul li a
{
padding-right: 16px;
background: url("../img/siteGraphics/breadbrumbNavBG.png") no-repeat scroll right top transparent;
}
/* END breadcrumbNav */
/* header */
div.headerWrapper
{
background-color: #eae9e6;
}
div.headerWrapper div.brandHeader
{
float: left;
margin: 30px 30px 20px;
}
div.headerWrapper div.brandHeader a.logo
{
display: block;
text-indent: -9999px;
background: url("../img/siteGraphics/msLogoHeader.png") no-repeat top left;
width: 260px;
height: 61px;
margin-bottom: 5px;
}
div.headerWrapper div.brandHeader a.logo_about
{
display: block;
text-indent: -9999px;
background: url("/about/corporatecitizenship/en-us/images/microsoft-logo.png") no-repeat top left;
width: 207px;
height: 61px;
margin-bottom: 5px;
}
div.headerWrapper div.utilityHeader
{
float: right;
font-size: 0.9em;
margin: 30px 0 30px 30px;
text-align: right;
}
div.headerWrapper div.utilityHeader a
{
text-decoration: none;
}
div.headerWrapper div.utilityHeader a:hover
{
text-decoration: underline;
}
/* DELETE ONCE SEARCH IS IMPLEMETED */
div.headerWrapper div.utilityHeader div.search
{
background-color: #FFFFFF;
border: 1px solid grey;
font-style: italic;
margin-top: 15px;
padding-left: 5px;
text-align: left;
width: 260px;
}
/* END DELETE ONCE SEARCH IS IMPLEMETED */
/* END header */
/* megaFooter */
div.megaFooterWrapper
{
background: url("/about/corporatecitizenship/en-us/images/megaFooter/footerBG.png") no-repeat scroll left bottom #FFFFFF;
/* background: url("../img/siteGraphics/footerBG1.png") no-repeat scroll left bottom #FFFFFF;*/
padding: 0 25px 110px;
position: relative;
}
div.megaFooterWrapper div.interestWrapper
{
float: left;
min-height: 170px;
padding: 0 20px;
width: 200px;
}
div.megaFooterWrapper div.connectwithusWrapper
{
float: left;
min-height: 170px;
padding: 0 20px;
width: 285px;
}
div.megaFooterWrapper div.aboutWrapper, div.megaFooterWrapper div.communityToolsWrapper, div.megaFooterWrapper div.moreAboutWrapper, div.megaFooterWrapper div.otherSitesWrapper
{
float: left;
min-height: 170px;
padding: 0 20px;
width: 245px;
}
div.megaFooterWrapper h3
{
color: #000000;
}
div.megaFooterWrapper h4
{
color: #000000;
}
div.megaFooterWrapper a, div.megaFooterWrapper p
{
font-size: 0.9em;
}
div.megaFooterWrapper div.interestWrapper
{
border-right: 1px solid #D5D5D5;
padding-left: 0;
}
div.megaFooterWrapper div.interestWrapper ul
{
float: left;
padding-right: 10px;
}
div.megaFooterWrapper div.connectwithusWrapper ul li a span
{
background-image: url("../img/btn/linksSocial.png");
background-repeat: no-repeat;
display: block;
float: left;
height: 14px;
margin-right: 5px;
margin-top: 2px;
width: 14px;
}
div.megaFooterWrapper div.connectwithusWrapper ul li a span.connectFacebook
{
background-position: top left;
}
div.megaFooterWrapper div.connectwithusWrapper ul li a span.connectTwitter
{
background-position: left -14px;
}
div.megaFooterWrapper div.connectwithusWrapper ul li a span.connectBlog
{
background-position: bottom left;
}
div.megaFooterWrapper div.aboutWrapper
{
border-left: 1px solid #D5D5D5;
}
div.megaFooterWrapper div.communityToolsWrapper
{
border-left: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
}
div.megaFooterWrapper div.moreAboutWrapper
{
}
div.megaFooterWrapper div.otherSitesWrapper
{
border-left: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
}
/* END megaFooter */
/* footer */
div.footer
{
position: relative;
width: 920px;
}
div.footer div.footerLinksWrapper
{
background-color: #EAE9E6;
float: left;
padding-bottom: 20px;
width: 100%;
}
div.footer div.footerLinksWrapper ul li
{
border-right: 1px solid #B2B2B2;
float: left;
padding: 0 5px;
}
div.footer div.footerLinksWrapper ul li.first
{
border-right: medium none;
color: #969696;
/* padding-right: 280px;*/
padding-right: 80px;
}
div.footer div.footerLinksWrapper ul li.last
{
border-right: none;
}
div.footer div.footerLinksWrapper ul li a
{
padding: 0 5px;
text-decoration: none;
font-size: 0.9em;
font-weight: normal;
}
div.footer div.footerLinksWrapper ul li a:hover
{
text-decoration: underline;
}
div.footer a.footerLogo
{
background: url("../img/siteGraphics/msLogoFooter.png") no-repeat scroll left top transparent;
display: block;
float: right;
height: 18px;
margin-top: 3px;
text-indent: -9999px;
width: 80px;
}
/* END footer */
/* addThis styles */
div.megaFooterWrapper ul#social-media
{
bottom: 40px;
left: 25px;
list-style-image: none;
list-style-type: none;
position: absolute;
width: 600px;
}
ul#social-media li
{
float: left;
padding-right: 4px;
}
ul#social-media li.text
{
color: #969696;
font-size: 12px;
padding-right: 8px;
}
ul#social-media li.separator
{
border-left: 1px solid #969696;
margin-left: 10px;
padding-left: 15px;
}
ul#social-media li a
{
background: url("/about/corporatecitizenship/en-us/images/social-bookmarks/footer_social_icon_links.gif") no-repeat scroll 0 0 transparent;
display: block;
overflow: hidden;
text-indent: -9999px;
}
ul#social-media li#su a
{
background-position: 0 -3px;
height: 15px;
width: 16px;
}
ul#social-media li#su a:hover
{
background-position: 0 -20px;
}
ul#social-media li#facebook a
{
background-position: -23px -3px;
height: 15px;
width: 16px;
}
ul#social-media li#facebook a:hover
{
background-position: -23px -20px;
}
ul#social-media li#digg a
{
background-position: -45px -3px;
height: 15px;
width: 16px;
}
ul#social-media li#digg a:hover
{
background-position: -45px -20px;
}
ul#social-media li#share_delish a
{
background-position: -68px -3px;
height: 15px;
width: 16px;
}
ul#social-media li#share_delish a:hover
{
background-position: -68px -20px;
}
ul#social-media li#delish a
{
background-position: 0 -3px;
height: 15px;
width: 16px;
}
ul#social-media li#share_twitter a
{
background-position: -92px -3px;
height: 15px;
width: 16px;
}
ul#social-media li#share_twitter a:hover
{
background-position: -92px -20px;
}
ul#social-media li#delish a:hover
{
background-position: 0 -18px;
}
ul#social-media li#follow_facebook a
{
background-position: -190px -3px;
height: 15px;
width: 16px;
}
ul#social-media li#follow_facebook a:hover
{
background-position: -22px -20px;
}
/* END addThis styles */
/* content parts */
/* optional */
.stacked
{
margin-bottom: 20px;
}
.shortStack
{
margin-bottom: 3px;
}
.divider
{
margin: 20px 0;
}
/* END optional */
/* copy blocks */
p.introCopy
{
color: #000000;
font-size: 1.3em;
line-height: 1.2em;
}
p.introLogo
{
padding-left: 190px;
background: url("../img/siteGraphics/introUPLogo.png") no-repeat scroll top left #ffffff;
}
img.introLogo
{
float: right;
margin: 16px;
margin-bottom: 0px;
margin-top: 80px;
}
/* END copy blocks */
/* headers */
h2.blue, h2.green, h2.orange, h2.yellow
{
background: url("../img/siteGraphics/headerBG.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 1.em;
font-weight: bold;
height: 30px;
margin-bottom: 8px;
padding-left: 10px;
padding-top: 8px;
}
h2.blue
{
background-position: left top;
}
h2.green
{
background-position: left -38px;
}
h2.orange
{
background-position: left -76px;
}
h2.yellow
{
background-position: left bottom;
}
/* END headers */
/* headings */
h1.headingLeaves, h1.headingGears
{
display: block;
margin: 8px 0 0 20px;
padding: 20px 0 16px 105px;
}
h1.headingLeaves
{
background: url("../img/common/headingLeaves.png") no-repeat scroll left top transparent;
}
h1.accessEducation
{
background: url("../img/common/access_education.png") no-repeat scroll left top transparent;
}
h1.conserveAndManage
{
background: url("../img/common/conserve_and_manage.png") no-repeat scroll left top transparent;
}
h1.empowerNonprofits
{
background: url("../img/common/empower_nonprofits.png") no-repeat scroll left top transparent;
}
h1.granteetoolkit
{
background: url("../img/common/grantee_toolkit.png") no-repeat scroll left top transparent;
}
h1.getJobSkills
{
background: url("../img/common/get_job_skills.png") no-repeat scroll left top transparent;
}
h1.Languages
{
background: url("../img/common/globe.png") no-repeat scroll left top transparent;
}
h1.innovateAndCreate
{
background: url("../img/common/innovate_and_create.png") no-repeat scroll left top transparent;
}
h1.partnershipResourcing
{
background: url("../img/common/partnership_resourcing.png") no-repeat scroll left top transparent;
}
h1.protectYourself
{
background: url("../img/common/protect_yourself.png") no-repeat scroll left top transparent;
}
h1.headingGears
{
background: url("../img/common/headingGears.png") no-repeat scroll left top transparent;
}
h1.headingLeaves span, h1.headingGears span
{
color: #727175;
font-size: 0.75em;
font-style: italic;
}
h1.headingYellow
{
background: url("../img/common/headingYellow.png") no-repeat scroll left top transparent;
color: #FFFFFF;
font-size: 1.8em;
margin-bottom: 0;
margin-top: 40px;
padding: 63px 0 40px 40px;
}
h1.headingYellow span
{
display: block;
font-size: 1.3em;
font-weight: bold;
}
/* END headings */
/* carousel Nav */
#primaryNavInner
{
float: left;
width: 100%;
overflow: hidden;
background: url("../img/common/primaryNavBG.png") repeat-x top left #F0F0F0;
}
#primaryNavItems
{
position: relative;
list-style-type: none;
margin: 0px;
padding: 0px;
padding-bottom: 10px;
}
#primaryNavItems li
{
float: left;
width: 120px;
border-right: 1px solid #D5D5D5;
height: 130px;
padding:0 16px;
}
#primaryNavItems li.last
{
border-right: none;
}
#primaryNavItems li a
{
/* .margin-bottom:-4px; IE is making a 4px gap bellow an image inside of an anchor () so this is to fix that*/ /* styling */
cursor: pointer;
cursor: hand;
border: 0px;
display: block;
}
#primaryNavLArrow, #primaryNavRArrow
{
float: left;
height: 180px;
width: 20px;
background-image: url(../img/common/primaryNavArrows.png);
background-repeat: no-repeat;
cursor: pointer;
}
#primaryNavLArrow
{
background-position: top left;
}
#primaryNavRArrow
{
background-position: top right;
}
#primaryNavItems li a
{
outline: none;
text-decoration: none;
position: relative;
}
#primaryNavItems li a:hover span.title
{
/*text-decoration: underline;*/
}
#primaryNavItems li a.orange, #primaryNavItems li a.blue, #primaryNavItems li a.blue2, #primaryNavItems li a.green, #primaryNavItems li a.yellow, #primaryNavItems li a.magenta, #primaryNavItems li a.magenta2
{
background: url("../img/common/primaryNavIcons.png") no-repeat scroll right top transparent;
padding-top: 95px;
}
#primaryNavItems li a.orange
{
background-position:20px -145px;
}
#primaryNavItems li a.magenta2
{
background-position:20px -785px;
}
#primaryNavItems li a.blue2
{
background-position:20px 5px;
}
#primaryNavItems li a.green
{
background-position:20px -625px;
}
#primaryNavItems li a.yellow
{
background-position:20px -470px;
}
#primaryNavItems li a.magenta
{
background-position:20px -300px;
}
#primaryNavItems li a.orange:hover
{
background-position:-140px -145px;
}
#primaryNavItems li a.magenta2:hover
{
background-position:-140px -785px;
}
#primaryNavItems li a.blue2:hover
{
background-position:-140px 5px;
}
#primaryNavItems li a.green:hover
{
background-position:-140px -625px;
}
#primaryNavItems li a.yellow:hover
{
background-position:-140px -470px;
}
#primaryNavItems li a.magenta:hover
{
background-position:-140px -300px;
}
#primaryNavItems li a.orange:hover span.title
{
color: #f8e7da;
}
#primaryNavItems li a.magenta2:hover span.title
{
color: #f3d9e2;
}
#primaryNavItems li a.blue2:hover span.title
{
color: #ddecf3;
}
#primaryNavItems li a.green:hover span.title
{
color: #e8f2e3;
}
#primaryNavItems li a.yellow:hover span.title
{
color: #fbf2da;
}
#primaryNavItems li a.magenta:hover span.title
{
color: #f3d9e2;
}
#primaryNavItems li a.orange span.title, #primaryNavItems li a.magenta2 span.title, #primaryNavItems li a.blue2 span.title, #primaryNavItems li a.green span.title, #primaryNavItems li a.yellow span.title, #primaryNavItems li a.magenta span.title
{
display: block;
text-align: center;
}
#primaryNavItems li a.orange span.title
{
color: #f47e24;
}
#primaryNavItems li a.magenta2 span.title
{
bottom:9px;
color:#C81253;
position:relative;
}
#primaryNavItems li a.blue2 span.title
{
color: #3c9ecd;
}
#primaryNavItems li a.green span.title
{
color: #7dbf63;
}
#primaryNavItems li a.yellow span.title
{
color: #fec521;
}
#primaryNavItems li a.magenta span.title
{
color:#C81253;
}
#primaryNavItems li a.orange span.description, #primaryNavItems li a.magenta2 span.description, #primaryNavItems li a.blue2 span.description, #primaryNavItems li a.green span.description, #primaryNavItems li a.yellow span.description, #primaryNavItems li a.magenta span.description
{
color:#000000;
display:none;
font-size:1.1em;
position:absolute;
top:40px;
}
#primaryNavItems li a.orange:hover span.description, #primaryNavItems li a.magenta2:hover span.description, #primaryNavItems li a.blue2:hover span.description, #primaryNavItems li a.green:hover span.description, #primaryNavItems li a.yellow:hover span.description, #primaryNavItems li a.magenta:hover span.description
{
display: block;
text-align: center;
}
.subCarousel
{
padding-bottom: 25px;
}
/* END carousel Nav */
/* Carousel Footer Nav */
#FooterNavInner
{
float: left; /* important for inline positioning */
width: 880px; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden; /* important (hide the items outside the div) */ /* non-important styling bellow */
background: url("../img/common/footerNavBG.png") repeat-x top left #F0F0F0;
}
#FooterNavItems
{
position: relative;
left: -210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width: 9999px; /* important */ /* non-important styling bellow */
padding-bottom: 10px;
}
#FooterNavItems li
{
float: left; /* important for inline positioning of the list items */
width: 150px; /* fixed width, important */ /* just styling bellow*/
border-right: 1px solid #D5D5D5;
height: 125px;
margin: 15px 5px 15px 13px;
padding: 0 0 0 16px;
}
#FooterNavItems li a
{
/* .margin-bottom:-4px; IE is making a 4px gap bellow an image inside of an anchor () so this is to fix that*/ /* styling */
cursor: pointer;
cursor: hand;
border: 0px;
display: block;
}
#FooterNavLArrow, #FooterNavRArrow
{
float: left;
height: 155px;
width: 20px;
background-image: url(../img/common/primaryNavArrows.png);
background-repeat: no-repeat;
cursor: pointer;
}
#FooterNavLArrow
{
background-position: left -10px;
}
#FooterNavRArrow
{
background-position: right -10px;
}
#FooterNavItems li a
{
outline: none;
text-decoration: none;
}
#FooterNavItems li a:hover span.title
{
text-decoration: underline;
}
#FooterNavItems li a.orange, #FooterNavItems li a.blue, #FooterNavItems li a.blue1, #FooterNavItems li a.blue2, #FooterNavItems li a.green, #FooterNavItems li a.yellow, #FooterNavItems li a.magenta, #FooterNavItems li a.magenta2
{
background: url("../img/common/primaryNavIcons.png") no-repeat scroll right top transparent;
padding-top: 90px;
}
#FooterNavItems li a.orange
{
background-position: 20px -160px;
}
#FooterNavItems li a.magenta2
{
background-position: 20px -797px;
}
#FooterNavItems li a.blue2
{
background-position: 20px -3px;
}
#FooterNavItems li a.green
{
background-position: 20px -632px;
}
#FooterNavItems li a.yellow
{
background-position: 20px -480px;
}
#FooterNavItems li a.blue1
{
background-position: 20px -315px;
}
#FooterNavItems li a.orange span.title
{
margin-left: 20px;
}
#FooterNavItems li a.magenta2 span.title
{
margin-left: 5px;
}
#FooterNavItems li a.blue1 span.title
{
margin-left: 6px;
}
#FooterNavItems li a.blue2 span.title
{
margin-left: 11px;
}
#FooterNavItems li a.green span.title
{
margin-left: 2px;
}
#FooterNavItems li a.yellow span.title
{
margin-left: 11px;
}
#FooterNavItems li a.magenta span.title
{
margin-left: 7px;
}
#FooterNavItems li a.orange span.title
{
color: #f47e24;
}
#FooterNavItems li a.magenta2 span.title
{
color: #C81253;
}
#FooterNavItems li a.blue1 span.title, #FooterNavItems li a.blue2 span.title
{
color: #3c9ecd;
}
#FooterNavItems li a.green span.title
{
color: #7dbf63;
}
#FooterNavItems li a.yellow span.title
{
color: #fec521;
}
#FooterNavItems li a.magenta span.title
{
color: #c81253;
}
#FooterNavItems li a.orange span.description, #FooterNavItems li a.magenta2 span.description, #FooterNavItems li a.blue1 span.description, #FooterNavItems li a.blue2 span.description, #FooterNavItems li a.green span.description, #FooterNavItems li a.yellow span.description, #FooterNavItems li a.magenta span.description
{
color: #727175;
display: block;
width: 125px;
}
#FooterNavInner
{
margin-bottom: 40px;
}
/* End Carousel Footer Nav */
/* filter layout */
#successFilterOptions
{
float: left;
width: 180px;
margin-left: 20px;
}
#successFiltered
{
float: right;
width: 440px;
}
#successFiltered div.item td
{
vertical-align: top;
}
#successFiltered div.item td .backToTopLink
{
font-size: 0.855em;
white-space: nowrap;
}
#filterOptions
{
float: left;
width: 180px;
}
#filtered
{
width: 456px;
float: right;
margin-right: -10px;
}
/* greyWrapper */
div.greyWrapper
{
background-color: #F5F5F5;
border: 1px solid #E0E0E0; /*min-height: 175px;*/
padding: 8px;
position: relative;
}
div.greyToolWrapper
{
background-color: #F5F5F5;
border: 1px solid #E0E0E0;
padding: 8px;
position: relative;
}
div.greyWrapper span, div.greyToolWrapper span
{
background: url("../img/siteGraphics/tlCorner.png") no-repeat scroll 0 0 transparent;
height: 14px;
left: -1px;
position: absolute;
top: -1px;
width: 14px;
}
div.greyWrapper ul
{
list-style: disc outside;
}
div.greyWrapper ol
{
list-style: decimal outside;
}
div.greyWrapper ul, div.greyWrapper ol
{
margin-left: 30px;
margin-bottom: 1.5em;
}
div.greyWrapper ul li, div.greyWrapper ol li
{
font-size: 0.9em;
margin: 7px 0;
}
div.greyWrapper div.greyWrapperContent img
{
margin-bottom: 8px;
}
div.greyWrapper div.greyWrapperContentRight
{
float: right;
width: 315px;
}
div.greyWrapper div.greyWrapperContentLeft
{
float: left;
width: 255px;
}
div.greyWrapper div.greyWrapperContent p, div.greyWrapper div.greyWrapperContentRight p, div.greyWrapper div.greyWrapperContentLeft p
{
font-size: 0.9em;
}
div.greyWrapper div.greyWrapperContent p strong, div.greyWrapper div.greyWrapperContentRight p strong, div.greyWrapper div.greyWrapperContentLeft p strong
{
display: block;
}
div.greyWrapper div.greyWrapperContent p, div.greyWrapper div.greyWrapperContent h2, div.greyWrapper div.greyWrapperContentRight p, div.greyWrapper div.greyWrapperContentLeft p
{
padding-left: 10px;
}
/* greyWrapper */
div.greyWrapper div.greyWrapperContent div.trainingItem
{
margin-bottom: 12px;
}
div.greyWrapper div.greyWrapperContent div.trainingItem p
{
margin-bottom: 0.5em;
}
div.greyWrapper div.greyWrapperContent div.trainingItem strong
{
font-weight: bold;
font-size: 1.0em;
color: inherit;
margin-bottom: 0.5em;
}
div.wideColumn div.greyWrapper div.greyWrapperContent div.subColumn
{
float: left;
width: 182px;
padding-right: 15px;
}
div.wideColumn div.greyWrapper div.greyWrapperContent div.last
{
padding-right: 0px;
}
div.oneColumn div.greyWrapper div.greyWrapperContent div.subColumn
{
float: left;
width: 298px;
padding-right: 15px;
}
div.oneColumn div.greyWrapper div.greyWrapperContent div.last
{
padding-right: 0px;
}
/* button link */
a.button
{
background: url("../img/btn/buttonArrow.png") repeat-x scroll right top transparent;
display: inline-block;
font-weight: bold;
height: 25px;
text-decoration: none;
}
a.button span.buttonArrow
{
display: inline-block;
padding: 4px 26px 0 10px;
background: url(../img/btn/buttonEdge.png) no-repeat 0 0;
height: 21px;
cursor: pointer;
text-transform: uppercase;
}
a.button:hover span.buttonArrow
{
text-decoration: underline;
}
/* END button link */
/* decorated list */
ul.decoratedList li
{
background: url(../img/siteGraphics/decoratedListBG.png) left center no-repeat;
padding-left: 16px;
margin-bottom: 10px;
}
/* END decorated list */
/* radioSelection */
div.radioSelection
{
padding-left: 90px;
}
div.radioSelection span
{
display: block;
float: left;
margin: 0 25px 0 0;
padding: 0;
width: auto;
position: relative;
background: none;
height: auto;
}
div.radioSelection span label
{
display: block;
font-size: 100%;
line-height: 150%;
margin: -19px 0 0 20px;
padding: 3px 0 5px;
width: 128px;
}
/* END radioSelection */
/* tabbed content */
div.tabNavWrapper
{
border-bottom: 1px solid #D5D5D5;
height: 31px;
margin-bottom: 30px;
position: relative;
}
.tabbedContent ul.tabNav
{
background: url(../img/btn/tabBorder.png) repeat-x left 30px transparent;
margin-bottom: 20px;
}
.tabbedContent ul.tabNav li
{
float: left;
}
.tabbedContent ul.tabNav li a
{
display: inline-block;
font-weight: bold;
height: 31px;
text-decoration: none;
padding-left: 3px;
}
.tabbedContent ul.tabNav li a:hover span
{
text-decoration: underline;
}
.tabbedContent ul.tabNav li a span
{
cursor: pointer;
display: inline-block;
font-weight: normal;
height: 21px;
padding: 7px 10px 9px;
}
.tabbedContent ul.tabNav li.active a
{
background: url("../img/btn/tabContentBG.png") repeat-x scroll left top transparent;
}
.tabbedContent ul.tabNav li.active a span
{
background: url("../img/btn/tabContentBG.png") no-repeat scroll right top transparent;
color: #000000;
}
/* END tabbed content */
/* showHide */
.answer
{
display: none;
}
.question
{
padding-left: 20px;
background: url("../img/common/showHide.png") no-repeat scroll left top transparent;
display: block;
line-height: 1.2em;
margin-bottom: 15px;
}
.active
{
background-position: left -14px;
}
/* END showHide */
/* content parts */
/* Page Specific Styles */
/* Elevate_America */
ul#data li.offering
{
background-position: -613px 0;
}
ul#data li
{
background: url("../img/common/li-gradient-sprite.gif") no-repeat scroll left top transparent;
color: #333333;
line-height: 1.5em;
padding: 15px 23px 20px;
width: 565px;
}
div.legend
{
background: url("../img/common/legend.png") no-repeat scroll left top transparent;
height: 59px;
margin-bottom: 20px;
width: 629px;
}
.eleAmericaWrapper
{
background-color: #F5F5F5;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
padding: 8px;
}
/* END Elevate_America */
.alt_software p strong
{
margin-bottom: -15px;
}
.caseStudies p strong
{
margin: 6px 0 -12px 0;
}
.caseStudies ul
{
font-size: 0.9em;
}
div#videoPlayer
{
background: none repeat scroll 0 0 transparent;
float: right;
height: 250px;
margin-bottom: 10px;
width: 303px;
}
div#videoPlayer1
{
background: none repeat scroll 0 0 transparent;
/*float: right;*/
height: 250px;
margin-bottom: 10px;
width: 303px;
}
div#watch-more
{
color: #4A4A4A;
font-family: Verdana,Arial,Sans-Serif;
font-size: 11px;
font-weight: normal;
height: 66px;
margin-top: 6px;
overflow: hidden;
padding: 0;
text-align: center;
width: 290px;
float: right;
clear: both;
}
div.blog
{
padding-left: 10px;
}
div.blog a
{
font-size: .9em;
}
div.blog a.externalLink
{
font-size: 1em;
}
div.blog p
{
padding-left: 0 !important;
}
div.blog h4
{
display: none;
}
/* END Page Specific Styles */
.get_started_content
{
float: right;
width: 320px;
}
.pyramidBlurb
{
float: right;
width: 330px;
padding-top: 65px;
color: #000000;
}
.pyramidCol
{
float: left;
width: 200px;
}
.pyramidCol h4
{
padding-left: 10px;
margin-top: 20px;
}
.pyramidOrange
{
color: #F47E24;
}
.pyramidGreen
{
color: #7DBF63;
}
.pyramidBlue
{
color: #3C9ECD;
}
.leftColTR
{
width: 330px;
float: left;
}
#local-impact-story img
{
width: 210px;
margin-bottom: 8px;
}
#local-impact-story h3
{
font-size:11px;
font-weight:bold;
line-height:1;
margin-bottom:1em;
}
/* @end */
div.primaryNavWrapper #hd ul li
{
border-right: none;
}
.sub-title
{
color: #666666;
font-family: Arial,HelveticaNeueLT Std,Sans-Serif;
font-size: 16px;
font-weight: bold;
padding-left: 20px;
}
div#hd .four-column
{
width: 830px;
background: #fff; /*background: transparent url(../images/four-column.png);*/
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
}
div#hd .four-column li.column
{
float: left;
display: block;
width: 180px;
z-index: 1001;
border-right: 1px solid #efefef;
padding-left: 15px;
padding-right: 15px;
}
div#hd .four-column li.first
{
padding-left: 0px;
}
div#hd .four-column li.last
{
border-right: 0px;
padding-right: 0px;
}
div#hd .four-column ul.links li
{
margin-bottom: 5px;
display: block;
}
div#hd .four-column ul.links li.sublinks
{
margin: 0 0 0 10px;
display: block;
}
.indent
{
margin-left: 10px;
}
.navseperator
{
height: 5px;
}
ul#primary-nav li.navItem a.navLink
{
background: transparent url("/about/corporatecitizenship/en-us/images/navbar/spriteAbout.png") no-repeat;
height: 40px;
display: block;
z-index: 500;
}
ul#primary-nav li#homeAbout a.navLink
{
background-position: 0 0;
width: 44px;
}
ul#primary-nav li#commitmentsAbout a.navLink
{
background-position: -62px 0;
width: 122px;
}
ul#primary-nav li#focusAbout a.navLink
{
background-position: -220px 0;
width: 147px;
}
ul#primary-nav li#actionsAbout a.navLink
{
background-position: -403px 0;
width: 99px;
}
ul#primary-nav li#partnershipsAbout a.navLink
{
background-position: -538px 0;
width: 67px;
}
ul#primary-nav li a.hover, ul#primary-nav li a.navLink:hover
{
position: relative;
z-index: 999;
}
ul#primary-nav li#homeAbout a.hover, ul#primary-nav li#homeAbout a.navLink:hover
{
background-position: 0 -40px;
width: 44px;
}
ul#primary-nav li#commitmentsAbout a.hover, ul#primary-nav li#commitmentsAbout a.navLink:hover
{
background-position: -62px -40px;
}
ul#primary-nav li#focusAbout a.navLink:hover, ul#primary-nav li#focusAbout a.hover
{
background-position: -220px -40px;
}
ul#primary-nav li#actionsAbout a.hover, ul#primary-nav li#actionsAbout a.navLink:hover
{
background-position: -403px -40px;
}
ul#primary-nav li#partnershipsAbout a.hover, ul#primary-nav li#partnershipsAbout a.navLink:hover
{
background-position: -538px -40px;
}
.hide
{
display: none;
}
.show
{
display: block;
}
#hd
{
position: relative;
}
#hd h2 a
{
font-size: 1em;
font-weight: bold;
}
div.primaryNavWrapper #hd ul li a
{
font-size: 1em;
font-weight: bold;
}
/* @end */
/* @end */
ul#primary-nav
{
display: block;
float: left;
left: 0;
margin-bottom: 0;
position: absolute;
top: -10px;
z-index: 10001;
}
ul#primary-nav li.navItem a.navLink
{
float: left;
text-indent: -99999999px;
z-index: 999;
}
span.dropdown-seperators
{
width: 1px;
height: 21px;
background: url(/about/corporatecitizenship/en-us/images/dropdown-seperators.gif) no-repeat left top;
position: absolute;
top: 102px;
z-index: 1000;
}
ul#primary-nav li.last a.navLink
{
border-right: none;
}
.subnav
{
position: absolute;
top: 39px;
left: 0px;
overflow: hidden;
border: 1px solid #b5b5b5;
display: none;
padding-bottom: 35px;
z-index: 1001;
}
.subnav a.arrow
{
zoom: 1;
}
/* @group sprite */
/**************************************************
CSS FOR SEARCH TEXT BOX
**************************************************/
#msviLSBForm
{
padding: 0px;
margin: 0px;
}
.msviLSBsform
{
padding-right: 0px;
padding-left: 130px;
font-size: 100%;
z-index: 2;
padding-bottom: 0px;
margin: 0px 0px 0px 130px;
padding-top: 10px;
font-family: Verdana;
height: 24px;
text-align: left;
white-space: nowrap;
}
#msKiev
{
border-right: gray 1px solid;
padding-right: 2px;
border-top: gray 1px solid;
display: block;
padding-left: 2px;
padding-bottom: 0px;
margin: 0px;
border-left: gray 1px solid;
border-bottom: gray 1px solid;
height: 24px;
background-color: white;
text-align: left;
white-space: nowrap;
}
#msviLSBtbox
{
border-right: 0px;
padding-right: 0px;
border-top: 0px;
padding-left: 0px;
border-left: 0px;
width: 220px;
padding-top: 2px;
border-bottom: 0px;
height: 17px;
padding-bottom: 0px;
}
#msviLSBWeb
{
border-top-width: 0px;
padding-right: 0px;
padding-left: 0px;
border-left-width: 0px;
/* background-image: url(http://www.microsoft.com/about/corporatecitizenship/en-us/images/en-us.gif);*/
border-bottom-width: 0px;
padding-bottom: 0px;
margin: 0px 0px 1px 5px;
width: 38px;
cursor: pointer;
padding-top: 0px;
background-repeat: no-repeat;
height: 20px;
background-color: transparent;
border-right-width: 0px;
width: 39px;
}
.msviLSBlogo
{
display: inline-block;
background-image: url(/about/corporatecitizenship/en-us/images/logo_inside_transparent.gif);
margin-bottom: -5px;
margin-left: 0px;
width: 47px;
margin-right: 0px;
background-repeat: no-repeat;
height: 22px;
}
#msviLSBssearch
{
padding-right: 2px;
padding-left: 2px;
margin: 0px;
background-image: url(/about/corporatecitizenship/en-us/images/Search_icon.gif);
border: 0px;
cursor: hand;
width: 20px;
height: 20px;
}
.msviLSBSearchActive
{
border-right: black 1px solid;
border-top: black 1px solid;
border-left: black 1px solid;
color: #000;
border-bottom: black 1px solid;
font-style: normal;
}
.msviLSBSearchInactive
{
color: #999;
font-style: italic;
}
/*Misc*/
div.successStoryVid
{
width: 328px;
height: 185px;
overflow:hidden;
margin-bottom: 10px;
border: 1px solid #D5D5D5;
position: relative;
clear: right;
}
div.successStoryInnerVid {float: left;}
/* DEV1Styles */
div.hr {
border-bottom:1px solid #e0e0e0;
height:1px;
width:100%;
}
a.backToTopLink {
background-position:left bottom;
float:right;
padding-left:16px;
}
a.accordionBackToTop {
margin-top:65px;
}
div.columnThin {
float:left;
margin:0;
width:176px;
}
div.columnWide {
float:left ;
padding:0;
margin-left:20px;
width:412px;
}
div.infoBox {
background:none repeat scroll 0 0 #F5F5F5;
border:1px solid #E0E0E0;
min-height:130px;
padding:10px;
}
div.infoBox p {
font-size:11px;
margin-bottom:5px;
}
div.infoBox h2 {
color:#FFFFFF;
font-weight:bold;
height:30px;
margin:-11px -11px 5px;
padding:10px 0 0 12px;
}
h2.infoBox-blue {
background:url('../img/siteGraphics/infobox-head-blue.jpg') top left no-repeat;
}
h2.infoBox-green {
background:url('../img/siteGraphics/infobox-head-green.jpg') top left no-repeat;
}
h2.infoBox-orange {
background:url('../img/siteGraphics/infobox-head-orange.jpg') top left no-repeat;
}
ul.blogs {
font-size:1.0em;
list-style-type:none;
}
ul.blogs li {
margin-bottom:10px;
}
ul.blogs li a {
font-weight:normal;
}
ul.blogs li span {
display:block;
}
div.accordionHead {
border-bottom:1px solid #D5D5D5;
margin:10px 10px 0;
padding-bottom:20px;
}
div.accordion {
margin:0 10px 20px;
}
div.accordion div.item {
border-bottom:1px solid #ececec;
color:#727175;
font-size:0.917em;
padding:15px 0;
line-height:1.272em;
}
div.accordion div.item img {
float:left;
}
div.accordion div.item .last {
border-bottom:none;
}
div.accordion div.item a {
font-size:1.272em;
}
div.radioTitle {
color:#000000;
float:left;
font-size:1.0em;
font-weight:bold;
margin-bottom:8px;
width:90px;
}
div.caseStudies {
margin: 0px 16px 0px 8px;
padding-bottom:20px;
}
div.caseStudies img {
display:inline;
margin:10px 10px 10px 0;
}
div.caseStudies table {
width:435px;
margin-bottom:10px;
padding:0;
border-collapse:collapse;
}
div.caseStudies table thead tr td {
color:#000;
font-size:1.167em;
font-weight:bold;
padding:0;
}
div.caseStudies table tbody tr td {
color:#000;
font-size:0.917em;
padding:0;
}
div.caseStudies table tbody tr td a {
font-weight:normal;
}
div.right
{
float:right;
}
div.references
{
font-size:10px;
}
/* greyWrapper */
fieldset.greyWrapper
{
background-color: #F5F5F5;
border: 1px solid #E0E0E0;
/*min-height: 175px;*/
padding: 8px;
position: relative;
margin-bottom: 8px;
}
fieldset.greyWrapper span {
background:none repeat scroll 0 0 transparent;
display:block;
float:left;
height:auto;
margin:0 0px 0 0;
padding:0;
position:relative;
width:auto;}
fieldset.greyWrapper span label {
display:block;
font-size:100%;
line-height:150%;
margin:-19px 0 0 20px;
padding:3px 0 5px;
width:125px;
}
fieldset.greyWrapper span.tlCorner {
background:url("../img/siteGraphics/tlCorner.png") no-repeat scroll 0 0 transparent;
height:14px;
left:-1px;
position:absolute;
top:-1px;
width:14px;
}
/* greyWrapper */
/* END DEV1Styles */
/* DEV2Styles */
/* DELETE */
div.filler
{
height: 20px;
border-bottom: 1px dashed #000;
margin-bottom: 20px;
}
/* END DELETE */
/* colleeno 5/27/10 */
div.training div.leftCol, div.training div.rightCol
{
width: 275px;
padding-bottom: 10px;
}
div.training div.rightCol h5
{
margin-top: 0;
}
h2.blueFull
{
background-color: #2f7caf;
}
h2.yellowFull
{
background-color: #f5bf28;
}
h5.indented
{
float: left;
margin-top: 0;
}
div.indented
{
margin-left: 25px;
margin-top: 0;
}
h5.title
{
font-size: 1.2em;
}
ul.bulletList
{
list-style-type: disc;
margin-bottom: 1.5em;
margin-left: 15px;
}
ul.bulletList li
{
padding-left: 5px;
}
sup
{
padding-right: 4px;
font-size: 11px;
}
h4.strong
{
font-weight: bold;
margin: 5px 0;
}
/* */
/* colleeno 5-22-10 */
/* global type styles */
h6
{
margin: 5px 0;
}
em
{
font-style: oblique;
}
label
{
color: #666;
}
.rightContent p
{
line-height: 1.2em;
font-size:0.92em;
margin: 0 0 1em 0;
}
.doubleStack
{
margin: 20px 0;
}
.topStack
{
margin-top: 20px;
}
body .doubleTopStack
{
margin-top: 40px;
}
/* END global type styles */
/* dupe social media link styles */
div.rightContent a span.socialMedia
{
background-image: url(../img/btn/linksSocial.png);
background-repeat: no-repeat;
display: block;
float: left;
height: 14px;
margin-right: 5px;
margin-top: 2px;
width: 14px;
}
div.rightContent a span.connectFacebook
{
background-position: left top;
}
div.rightContent a span.connectTwitter
{
background-position: left -14px;
}
div.rightContent a span.connectBlog
{
background-position: left bottom;
}
/* END dupe social media link styles */
/* rightbar content blocks */
div.rightContent div.rightBlockBorder
{
/* adds the bottom-border + padding */
padding-bottom: 1em;
margin-bottom: 2.5em;
border-bottom: 1px solid #d5d5d5;
}
div.rightContent div.rightBlock
{
margin: 2em 0;
}
div.rightContent div.rightNewsBlock
{
margin-bottom: 2em;
}
div.rightContent div.rightLinksBlock
{
margin-bottom: 1em;
}
div.rightContent div.rightLinksBlock h4
{
margin-bottom: .3em;
}
div.rightContent div.rightLinksBlock p
{
margin-bottom: .5em;
}
div.rightContent div.rightVidBlock p
{
margin-bottom: 1.8em;
}
div.rightContent div.rightImageBlock img
{
margin-bottom: 1em;
}
div.rightContent div.rightSelectBlock
{
margin-bottom: 3em;
}
div.rightContent div.rightEventBlock
{
margin-bottom: 1em;
}
div.rightContent div.rightEventBlock h5, div.rightContent div.rightEventBlock h6
{
font-size: .9em;
color: #000;
font-weight: bold;
margin-bottom: .2em;
}
div.rightContent div.rightTwitterBlock
{
}
div.rightContent div.rightTwitterBlock p.tweet
{
color: #000;
margin-bottom: .2em;
}
div.feedBlock
{
width: 212px;
}
div.feedBlock div.header
{
background-image: url('../img/btn/grey-header.gif');
height: 25px;
padding: 10px;
}
div.feedBlock div.header h4
{
color: #ffffff;
background-repeat: no-repeat;
padding-left: 38px;
padding-top: 4px;
padding-bottom: 4px;
}
div.feedBlock div.header h4.blog
{
background-image: url('../img/btn/blog-header-icon.png');
}
div.feedBlock div.header h4.twitter
{
background-image: url('../img/btn/twitter-header-icon.png');
}
div.feedBlock div.items
{
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}
div.feedBlock div.items div.item
{
padding: 8px 8px 2px 8px;
border-bottom: 1px solid #e0e0e0;
background: #f5f5f5;
}
div.feedBlock div.items div.alternate
{
background: #ffffff;
}
div.feedBlock div.items div.item p
{
margin-bottom: 6px;
}
div.feedBlock div.items div.top
{
border-bottom: none;
background-image: url('../img/btn/grey-header-arrow.gif');
background-repeat: no-repeat;
background-position: 8px 0px;
padding: 0px;
height: 6px;
}
div.feedFooter
{
padding: 8px;
font-size: 0.9em;
background-position: left center;
background-repeat: no-repeat;
padding-left: 24px;
}
div.feedFooter-blog
{
background-image: url(../img/btn/blog.png);
}
div.feedFooter-twitter
{
background-image: url(../img/btn/twitter.png);
}
div.getInspired h4
{
color: #666666;
font-weight: bold;
background-image: url('../img/btn/inspired-icon.png');
background-repeat: no-repeat;
padding-left: 32px;
padding-top: 8px;
padding-bottom: 8px;
}
div.getInspired img
{
margin-bottom: 8px;
}
div.getTraining h4
{
color: #666666;
font-weight: bold;
background-image: url('../img/btn/training-icon.png');
background-repeat: no-repeat;
padding-left: 48px;
padding-top: 8px;
padding-bottom: 8px;
}
div.getTraining img
{
margin-bottom: 8px;
}
/*END rightbar content blocks */
/* start contact community affairs */
div.leftColumn
{
width: 560px;
}
a.topLink
{
background: transparent url("../img/btn/topArrow.jpg") 0 6px no-repeat;
padding-left: 10px;
float: right;
}
div.titleBar
{
height: 20px;
margin-top: 25px;
}
div.titleBar h3
{
float: left;
}
div.titleBar a.topLink
{
float: right;
}
a.viewAllBtn
{
float: left;
margin-right: 5px;
}
div.communityNav
{
height: 28px;
margin-bottom: 3em;
}
ul.communityNav
{
margin-left: 0 !important;
}
ul.communityNav li
{
display: inline;
float: left;
margin: 0 !important;
padding: 0;
text-align: center;
}
ul.communityNav li a, ul.communityNav li.deselected
{
margin: 0;
padding-top: 3px;
display: block;
width: 29px;
height: 25px;
background: transparent url("../img/btn/communityNavBtn.jpg") 0 0 no-repeat;
font-weight: bold;
font-size: 1.25em;
}
ul.communityNav li a:hover
{
color: #fff;
text-decoration: none;
background-position: 0 -29px;
}
ul.communityNav li a:focus
{
color: #a0a0a0;
text-decoration: none;
background-position: left bottom;
}
ul.communityNav li a.all
{
color: #a0a0a0;
text-decoration: none;
width: 102px;
text-indent: -9999px;
margin-right: 1px;
background: transparent url("../img/btn/viewAllBtn.jpg") 0 0 no-repeat;
}
div.communityLinkBlock
{
float: left;
width: 275px;
margin-right: 15px;
}
div.communityLinkBlock div.communityLink
{
height: 30px;
padding-top: 10px;
border-bottom: 1px solid #ececec;
color: #d5d5d5;
font-size: 1.2em;
font-weight: bold;
}
div.communityLinkBlock div.communityLink a, div.communityLinkBlock div.communityLink span.deselected
{
padding-left: 5px;
margin-right: 5px;
}
div.communityLinkBlock div.communityLink span.deselected
{
color: #a0a0a0;
}
div.communityLinkBlock div.communityLink a.mailLink
{
display: inline-block;
margin: 0 0 -5px 10px;
width: 20px;
height: 18px;
background: #fff url("../img/btn/mailIcon.gif") 1px 1px no-repeat;
}
div.communityLinkBlock div.communityLink a.mailLink:hover
{
background-position: 0 -18px;
}
div.communityLinkBlock div.communityLink.last
{
border-bottom: 0;
}
/* END contact community affairs */
/* start get job skills */
div.linkBlock
{
float: left;
width: 307px;
margin-right: 15px;
}
div.linkBlock.right
{
margin-right: 0;
margin-bottom: 5px;
}
div.linkBlock a
{
display: block;
height: 30px;
padding-top: 10px;
border-bottom: 1px solid #ececec;
font-size: 1.2em;
font-weight: bold;
}
div.linkBlock a.last
{
border-bottom: 0;
}
div.leftCol
{
width: 200px;
float: left; /*margin-right:5px; margin-top:15px;*/
}
div.rightCol
{
float: right; /*margin-top:15px; margin-bottom:20px;*/
}
/* END get job skills */
/* start empower ngo */
input#viewAll
{
}
div.faqBlock
{
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #ececec;
}
div.faqBlock p, div.faqBlock a, div.faqBlock h2
{
margin: 5px 0;
}
body a.hiddenLink, body a.shownLink
{
/* needs to overwrite faqblock a */
width: 15px;
height: 12px;
padding-left: 20px;
margin-left: 0;
background: #fff url("../img/btn/hsArrows.gif") 0 0 no-repeat;
color: #000;
font-weight: bold;
font-size: 1.2em;
}
body a.shownLink
{
background-position: 0 -14px;
}
/* END empower ngo */
/* start get job skills */
div.successSpotlight img
{
float: left;
margin-right: 15px;
}
div.successSpotlight p
{
margin-bottom: 5px;
font-size: 0.9em;
line-height: 1.3em;
}
/* END get job skills */
/* start box edits */
div.columnWide.left
{
margin-left: 0;
margin-right: 20px;
}
h2.infoBox-yellow
{
background: transparent url(../img/siteGraphics/infobox-head-yellow.jpg) no-repeat scroll left top;
}
div.infoBox h2
{
padding: 8px 0 0 12px;
font-size: 1.2em;
}
div.headerWrapper div.brandHeader
{
margin-left: 0;
}
div.threeColumn.thinColumn
{
margin: 0;
padding: 0;
}
div.threeColumn div.thinColumn
{
margin: 0;
padding: 0 10px 0 0;
}
div.threeColumn div.thinColumn.last
{
padding-right: 0;
}
div.columnWide.left
{
}
/* end colleeno 5-22-10 */
/* breadcrumbs */
.breadcrumbs
{
color:#888888;
font-size:0.89em;
margin-top:50px;
}
.breadcrumbs a
{
font-weight: normal;
}
/* back to top links */
div.accordionHead h2 a
{
font-size: .8em;
}
div.greyWrapperContentLeft h4
{
text-indent: 9px;
}
/* Success Stories */
div.caseStudies img
{
float:left;
}
div.success
{
width:365px;
float:left;
}
div.caseStudies ul
{
margin-bottom:20px;
}
div.caseStudies li
{
list-style-type:disc;
list-style-position:inside;
}
div.caseStudies a.downloadLink
{
clear:both;
}
div.caseStudies a.downloadLink img
{
vertical-align:middle;
clear:both;
margin:0 10px 10px 0;
}
div.caseStudies div.get_started_content
{
float:left;
width:290px;
}
div.caseStudies div.greyWrapperContent h6
{
padding-left:10px;
}
div.caseStudies div.greyWrapperContent ul
{
margin-left:10px
}
div.greyWrapper div.greyWrapperContentRight div.blog p
{
padding:0;
}
div.rightContent div.events_module h5
{
margin-top:10px;
margin-bottom:0;
font-size:120%;
}
div.rightContent div.events_module h6
{
margin:0;
}
div.thinColumn p
{
margin-top:10px;
margin-bottom:3px;
}
div p.alternative_software
{
margin-bottom:0;
}
.calloutWrapper {background-color:#fff; border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0; padding: 16px 8px 8px 8px;}
/* END DEV1Styles */
#clear_position span {
position:relative !important;
}
.clear_position1 span {
position:relative !important;
}
/* Start Search Box Styles */
.searchBar {
Z-INDEX: 99; POSITION: relative
}
.searchBarInner {
BORDER-BOTTOM: #2d5b7c 1px solid; BORDER-LEFT: #2d5b7c 1px solid; BACKGROUND-COLOR: white; FLOAT: left; BORDER-TOP: #2d5b7c 1px solid; BORDER-RIGHT: 0px
}
.searchBarInner #iptSearchTextBox {
BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 1px; MARGIN-TOP: 0px; WIDTH: 198px; DISPLAY: inline; BACKGROUND: white; FLOAT: left; HEIGHT: 18px; MARGIN-LEFT: 5px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 3px
}
.searchBox_Normal {
COLOR: #000000;
}
.searchBox_Empty {
FONT-STYLE: italic; COLOR: #939292;
}
.searchBingWatermark {
BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN-TOP: 1px; WIDTH: 43px; MARGIN-BOTTOM: 1px; BACKGROUND: url(/about/corporatecitizenship/en-us/images/dlc_mixed.png) no-repeat 0px -72px; FLOAT: left; HEIGHT: 20px; VERTICAL-ALIGN: top; BORDER-TOP: 0px; MARGIN-RIGHT: 1px; BORDER-RIGHT: 0px
}
.searchButton {
BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN-TOP: 1px; WIDTH: 21px; MARGIN-BOTTOM: 1px; BACKGROUND: url(/about/corporatecitizenship/en-us/images/dlc_mixed.png) no-repeat -38px -26px; HEIGHT: 20px; VERTICAL-ALIGN: top; BORDER-TOP: 0px; CURSOR: pointer; MARGIN-RIGHT: 1px; BORDER-RIGHT: 0px
}
.scopeButton {
WIDTH: 13px; DISPLAY: inline-block; BACKGROUND: url(/about/corporatecitizenship/en-us/images/dlc_mixed.png) no-repeat -34px 0px; FLOAT: left; HEIGHT: 24px; MARGIN-RIGHT: 4px
}
.filterArea {
Z-INDEX: 10; BORDER-BOTTOM: #2d5b7c 1px solid; POSITION: absolute; TEXT-ALIGN: left; BORDER-LEFT: #2d5b7c 1px solid; PADDING-BOTTOM: 0.4em; BACKGROUND-COLOR: white; PADDING-LEFT: 0px; WIDTH: 238px; PADDING-RIGHT: 0px; BORDER-TOP: #2d5b7c 1px solid; TOP: 23px; BORDER-RIGHT: #2d5b7c 1px solid; PADDING-TOP: 0.4em; LEFT: 38px
}
.filterArea DIV {
CURSOR: pointer
}
.filterArea DIV SPAN {
BORDER-BOTTOM: 0.3em; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 7px; PADDING-LEFT: 0px; WIDTH: 7px; PADDING-RIGHT: 0px; DISPLAY: inline-block; BACKGROUND-POSITION: -49px -73px; HEIGHT: 7px; BORDER-TOP: 0px; RIGHT: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0.3em; LEFT: 0px
}
.filterArea DIV A {
PADDING-BOTTOM: 0.3em; PADDING-LEFT: 23px; PADDING-RIGHT: 23px; DISPLAY: inline-block; FONT-FAMILY: Arial; COLOR: #3f6a90; FONT-SIZE: 12px; VERTICAL-ALIGN: middle; TEXT-DECORATION: none; PADDING-TOP: 0.3em
}
.filterArea .mouseOverDiv {
BACKGROUND-COLOR: blue
}
.filterArea .mouseLeaveDiv {
BACKGROUND-COLOR: white
}
.filterArea .selectedItem {
}
.filterArea .unselectedItem {
}
.unselectedItem SPAN {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.selectedItem SPAN {
BACKGROUND: url(/shared/templates/components/IRSearchBar/dlc_mixed.png) no-repeat
}
.unselectedItem A {
FONT-WEIGHT: normal
}
.selectedItem A {
FONT-WEIGHT: bold
}
.webSearchButton {
MARGIN: 1px 0px 0px; PADDING-LEFT: 2px; WIDTH: 50px; FLOAT: left
}
.webSearchButton INPUT {
BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: medium none; CURSOR: pointer; BORDER-RIGHT: medium none; PADDING-TOP: 0px
}
.webSearchButton-left {
WIDTH: 5px; DISPLAY: block; BACKGROUND: url(/shared/templates/components/IRSearchBar/WebBtn.gif) no-repeat 0px -23px; FLOAT: left; HEIGHT: 22px
}
.webSearchButton-middle {
PADDING-BOTTOM: 2px; LINE-HEIGHT: 20px; PADDING-LEFT: 1px; WIDTH: 37px; PADDING-RIGHT: 1px; DISPLAY: block; BACKGROUND: url(/shared/templates/components/IRSearchBar/WebBtn.gif) repeat-x 0px 0px; FLOAT: left; HEIGHT: 22px; COLOR: white; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
.webSearchButton-right {
WIDTH: 5px; DISPLAY: block; BACKGROUND: url(/shared/templates/components/IRSearchBar/WebBtn.gif) no-repeat -20px -23px; HEIGHT: 22px
}
/* toolTip table */
table.toolTip
{
position: absolute;
top: 0.5em;
left: 100%;
padding: 0px;
width: 196px;
z-index: 1000;
}
table.toolTip td
{
padding: 0px;
}
table.toolTip tr.top td.edge, table.toolTip tr.bottom td.edge
{
background-image: url('../img/tool-tip/horizontal-sprite.png');
}
table.toolTip tr.middle td.edge
{
background-image: url('../img/tool-tip/vertical-sprite.png');
background-repeat: repeat-y;
}
table.toolTip td.corner
{
background-image: url('../img/tool-tip/corners-sprite.png');
background-repeat: no-repeat;
}
table.toolTip tr.top
{
height: 16px;
}
table.toolTip tr.bottom
{
height: 4px;
}
table.toolTip td.left
{
width: 13px;
}
table.toolTip td.right
{
width: 9px;
}
table.toolTip tr.top td.right
{
background-position: -14px 0px;
}
table.toolTip tr.middle td.left
{
background-position: 9px 0px;
}
table.toolTip tr.middle td.center
{
background-color: #ffffff;
}
table.toolTip tr.middle td.center div
{
/* float: right;*/
margin-top: -12px;
margin-right: -6px;
padding: 8px;
font-size: 0.9em;
}
table.toolTip tr.middle td.right
{
background-position: -4px 0px;
}
table.toolTip tr.bottom td.left
{
background-position: 0px -16px;
}
table.toolTip tr.bottom td.center
{
background-position: 0px 4px;
}
table.toolTip tr.bottom td.right
{
background-position: -14px -16px;
}
/* productLogos */
table.productLogos
{
width: 100%;
margin-bottom: 0px;
}
table.productLogos td
{
text-align: center;
}
/* quickLinks */
ul.quickLinks li a
{
font-size: 0.9em;
}
/* video popup */
#playerWrapper
{
position: fixed;
top: 128px;
left: 50%;
margin-left: -324px;
padding: 8px;
background-color: #ffffff;
z-index: 2000;
width: 640px;
height: 480px;
}
#playerCloseButton
{
margin-top: -24px;
margin-right: -24px;
margin-bottom: -8px;
display: block;
float: right;
width: 30px;
height: 30px;
background-image: url('../videoplayer/close.png');
}
#playerOverlay
{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1000;
background-color: #000000;
opacity: 0.3;
filter: alpha(opacity=30);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}