html
{
overflow-y: scroll; /* CSS3 */
}
body
{
margin: 0px;
padding: 0px;
background-image: url(/media/gfx/bkg_sun_line_wide.gif);
background-repeat: no-repeat;
background-position: 62% -9px;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
color: #000;
line-height: 1.3em;
}
img
{
border: 0px;
}
form
{
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6
{
margin: 0 0 0.4em 0;
}
h1
{
margin-top: 0.3em;
font-size: 240%;
font-weight: normal;
text-transform: uppercase;
}
h2
{
font-weight: normal;
font-size: 1.667em;
text-transform: uppercase;
}
h3
{
font-size: 1.166em;
}
body.cufon h1
{
font-size: 310%;
margin: 0px;
}
body.cufon h2
{
font-size: 1.667em;
}
body.cufon h3
{
font-size: 1.166em;
}
a
{
color: #64a0c8;
text-decoration: none;
}
a:hover
{
cursor: pointer;
color: #f0b400;
}
a:visited
{
color: #64a0c8;
}
a:visited:hover
{
color: #f0b400;
}
h2.greyblack a, h2.greyblack a:visited
{
color: #827E77;
}
h2.greyblack a:hover
{
color: #f0b400;
}
h1 a, h2 a
{
color: #000;
}
h1 a:hover, h2 a:hover, h3 a:hover
{
color: #f0b400;
}
h1 a:visited, h2 a:visited
{
color: #000;
}
h3 a
{
color: #827e77;
}
h3 a:visited
{
color: #827e77;
}
p
{
margin: 0;
padding: 0 0 1.5em 0;
font-size: 1.12em;
line-height: 1.5em;
}
ul
{
list-style: none;
margin: 0 0 1em 0;
padding: 0;
}
ul li
{
margin: 0 0 0 0;
padding: 0 0 0.5em 0;
}
input.text
{
border: 1px solid #e0ded8;
color: #827e77;
font-size: 1em;
padding: 2px 5px;
}
iframe
{
margin-bottom: 100px;
}
span.ingress
{
font-size: 1.166em;
line-height: 1.3em;
}
div.ingress
{
font-size: 1.166em;
line-height: 1.3em;
}
/*
----------------------------------------
PAGE STRUCTURE COMPONENTS
----------------------------------------
*/
#PageContainer
{
background-image: url(/media/gfx/pageContainer_bkg.gif);
background-position: left 100px;
background-repeat: repeat-x; /*position: absolute;*/
z-index: 10;
width: 100%;
}
#Page
{
width: 947px;
margin: 0 auto;
padding: 0 0px 0px 20px;
}
#PageTop
{
height: 100px;
padding-right: 19px;
}
body.frontpage #PageTop
{
padding-right: 10px;
}
/* Top menu */
#PageTop > .right
{
float: right;
margin-right: -14px;
margin-top:21px;
width: 630px;
max-height: 100px;
}
#PageTop > .right.extranet
{
float: right;
margin: 50px -8px 0px 0px;
}
#PageTop > .right > div
{
width: 100%;
}
ul#TopMenu
{
float: right;
list-style: none;
margin: 19px 0px 16px 0px;
padding: 0px;
display: block;
}
ul#TopMenu li
{
float: left;
margin: 0px 5px;
padding: 0px;
text-transform: uppercase;
font-size: 0.916em;
}
ul#TopMenu li span
{
display: block;
margin-right: -4px;
padding: 2px 0 12px;
}
ul#TopMenu li a
{
display: block;
color: #827E77;
padding: 4px 10px;
background-image: none;
}
ul#TopMenu li.selected a
{
color: #fff;
background-color: #827E77;
}
ul#TopMenu li a:hover
{
color: #f0b400;
}
ul#TopMenu li a.visited:hover
{
color: #f0b400;
}
ul#TopMenu li.selected a:hover
{
color: #fff;
}
div#langSelector
{
display: inline-block;
float: right;
/*margin-top: 22px; Changed By Kulvir Singh*/
margin-top:-2px; /* IE 8 */
margin-top:0px; /* IE 7 and below */
margin-right: 38px;
text-transform: uppercase;
font-size: 0.916em;
}
div#langSelector a#LanguageSelectorLink
{
padding: 2px 25px 1px 8px;
margin-right: 0px;
background: transparent url(/media/gfx/menu/arrow_down_gray.gif) no-repeat 95% center;
color: #827E77;
display: block;
}
div#langSelector a#LanguageSelectorLink:hover
{
color: #FFD354;
}
div#langSelector a#LanguageSelectorLink:active, div#langSelector a#LanguageSelectorLink.open
{
padding: 2px 25px 1px 8px;
margin-right: -2px;
background: #827E77 url(/media/gfx/menu/arrow_down_white.png) no-repeat 95% center;
color: white;
}
div#langSelector ul#LanguageSelectorList
{
margin-top: 1px;
background-color: #827E77;
padding: 4px 0px;
position: absolute;
z-index: 10000;
}
div#langSelector ul#LanguageSelectorList a
{
color: white;
margin: 0px 8px;
}
div#langSelector ul#LanguageSelectorList a:hover
{
color: #FFD354;
}
ul#languageSelector
{
width: auto;
}
ul#languageSelector li a#LanguageSelectorLink
{
/*margin-right: 25px;*/
margin-right: 5px;
padding-right: 26px;
width: 100%;
background-image: url(/media/gfx/menu/arrow_down_gray.gif);
background-position: 95% center;
}
ul#languageSelector li a#LanguageSelectorLink.open, ul#TopMenu li a#LanguageSelectorLink:hover
{
color: #000;
background-color: #FFD354;
background-image: url(/media/gfx/menu/arrow_down.gif);
background-position: 95% center;
background-repeat: no-repeat;
}
ul#languageSelector li.languageSelector
{
background-image: url(/media/gfx/top_menu_sep.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
ul#languageSelector li a#LanguageSelectorLink.open
{
background-image: url(/media/gfx/menu/arrow_up.gif);
}
#LanguageSelectorList
{
display: none;
}
ul#languageSelector li.languageSelector ul
{
background-image: url(/media/gfx/menu/languageMenu_gradient.png);
background-position: 0px 0px;
background-repeat: repeat-x;
background-color: #f7ac19;
position: absolute;
padding-bottom: 6px;
margin-top: 1px;
z-index: 10000;
}
ul#TopMenu li.languageSelector ul li
{
float: none;
display: block;
clear: both;
}
ul#TopMenu li.languageSelector ul li.selected a
{
font-style: italic;
}
ul#TopMenu li.languageSelector ul li a
{
color: #000000;
background: none;
padding: 6px 12px 0px;
}
ul#TopMenu li.languageSelector ul li a:hover
{
color: #ffffff;
}
div#NotAvailableLanguage span
{
line-height: 20px;
}
div#NotAvailableLanguage
{
background-color: #FFD22A;
color: #000000;
height: 20px;
position: absolute;
text-align: center;
vertical-align: middle;
width: 100%;
}
/* Hack */
#PageBody
{
height: 630px;
}
html > body #PageBody
{
min-height: 570px;
height: auto;
}
#PageFooter
{
clear: both;
padding-top: 7px;
padding-bottom: 10px;
margin-right: 10px;
margin-bottom: 10px;
font-size: 0.833em;
height: 1em;
}
/* Content components */
#PageLogo
{
float: left;
margin-top: 49px;
}
#Search
{
float: right;
/* margin: 18px 0px 0px 38px; Changed by Kulvir Singh*/
}
#Search input.text
{
width: 115px;
height: 15px;
margin-right: 5px;
background: transparent url(/media/gfx/menu/magnifier.png) no-repeat 100% 5px;
border: none;
color: #827E77;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.916em;
text-transform: uppercase;
border-bottom: 1px solid #827E77;
padding-right: 10px;
}
#Search input:focus
{
outline: none;
}
#Search input.submit
{
display: none;
}
#ContactPages
{
width: 45%;
float: right;
}
#ContactInformation
{
float: right;
width: 100%;
text-align: right;
}
/*
----------------------------------------
FRONTPAGE
----------------------------------------
*/
body.frontpage #PageContainer
{
}
body.frontpage #MainContent
{
height: 335px;
}
body.frontpage .NewsContainer, body.frontpage .frontpageNewsContainer
{
position: relative;
top: -4px;
left: -4px;
height: 296px;
}
body.alternative .frontpageNewsContainer
{
display: none;
}
/*
----------------------------------------
SECTION PAGE
----------------------------------------
*/
body.section #Page
{
width: 957px;
}
body.section #MenuContainer
{
width: 299px;
float: left;
margin-right: 0px;
}
body.section #SectionPoster
{
float: left;
width: 658px;
height: 369px;
margin-top: 1px;
background-position: top left;
background-repeat: no-repeat;
}
body.section #ContentContainer
{
width: 935px;
clear: both;
position: relative;
top: -35px;
padding-top: 10px;
background-color: #fff;
border: 1px solid #e3e1dc;
}
html > body.section #ContentContainer
{
width: 945px;
top: -39px;
left: -4px;
background-image: url(/media/gfx/section/sectionContent_topBkg.png);
background-position: top left;
background-repeat: no-repeat;
padding-top: 10px;
border: 0px;
background-color: transparent;
}
html > body.section #ContentContainer .shadow.middle
{
background-image: url(/media/gfx/section/sectionContent_middleBkg.png);
}
html > body.section #ContentContainer .shadow.footer
{
background-image: url(/media/gfx/section/sectionContent_footerBkg.png);
}
body.section #PageFooter
{
margin-right: 20px;
position: relative;
top: -39px;
height: 2em;
}
/*
----------------------------------------
ARTICLE PAGE, NEWSROOM, SEARCH -> uses .article
----------------------------------------
*/
canvas
{
visibility: visible !important;
}
body.article #MenuContainer
{
width: 299px;
float: left;
margin-right: 16px;
}
body.article #ContentContainer
{
margin-top: 15px;
float: left;
width: 618px;
background-color: #fff;
padding-top: 1px;
border: 1px solid #e3e1dc;
}
html > body.article #ContentContainer
{
width: 626px;
background-image: url(/media/gfx/contentContainer_topBkg.png);
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
padding-top: 10px;
border: none;
}
/*
----------------------------------------
SYSTEM ERROR
----------------------------------------
*/
body.systemError #Page
{
width: 957px;
}
html > body.systemError #PageBody
{
height: 500px;
}
#ErrorMessage
{
background-color: #ffca2c;
float: left;
width: 289px;
height: 369px;
background-image: url('/media/gfx/errorMsgTop.gif');
background-position: top left;
background-repeat: no-repeat;
}
#ErrorMessage .errorContent
{
padding: 25px 10px 10px 10px;
line-height: 1.4em;
}
#ErrorMessage h1
{
font-size: 200%;
margin-bottom: 0.3em;
}
#ErrorMessage a
{
color: #64a0c8;
}
#ErrorMessage a:hover
{
color: #fff;
}
#ErrorMessage p.address
{
padding-bottom: 0.5em;
}
#ErrorMessage dl.contactInfo
{
width: 100%;
padding: 0;
margin: 0;
}
#ErrorMessage dl.contactInfo dt
{
width: 25%;
float: left;
clear: left;
}
#ErrorMessage dl.contactInfo dt, #ErrorMessage dl.contactInfo dd
{
padding-bottom: 0.2em;
}
/*
----------------------------------------
COMMON CONTENT (page shadow etc)
----------------------------------------
*/
.content
{
height: 500px;
background-color: #fff;
}
html > body .content
{
height: auto;
min-height: 500px;
margin: 0px 4px 0px 4px;
background-image: url(/media/gfx/contentFooterShade.png);
background-repeat: repeat-x;
background-position: bottom left;
}
html > body .shadow.middle
{
background-image: url(/media/gfx/contentContainer_bkg.png);
background-repeat: repeat-y;
background-position: top left;
}
html > body .shadow.footer
{
background-image: url(/media/gfx/contentContainer_footerBkg.png);
background-position: top left;
background-repeat: no-repeat;
height: 10px;
}
.contentMain
{
padding: 0px 10px 0px 10px;
clear: both;
margin: 0px;
}
.contentHead
{
border-bottom: 1px solid #e0ded8;
clear: both;
padding: 10px 10px 0px 10px;
}
.contentFooter
{
width: 100%;
clear: both;
}
/*
----------------------------------------
MAIN MENU
----------------------------------------
*/
#MainMenu
{
float: left;
width: 299px;
margin-bottom: 10px;
background-image: url(/media/gfx/menu/mainMenu_topline.gif);
background-position: top left;
background-repeat: no-repeat;
}
body.alternative #MainMenu
{
padding-top: 1px;
}
#MainMenu li cufon
{
padding-bottom: 4px;
}
#MainMenu li
{
padding-bottom: 0px;
margin: 0px;
width: 100%;
display: block;
}
#MainMenu li a.mainlinks, #MainMenu li a.mainlinks:hover, #MainMenu li a.menulinksselected
{
width: 267px;
text-transform: uppercase;
display: block;
padding: 7px 16px 6px 16px;
font-size: 2.5em;
}
#MainMenu li a.mainlinks
{
color: #827e77;
background-image: url(/media/gfx/menu/mainMenu_underline.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
#MainMenu li a.mainlinks:hover
{
background-image: url(/media/gfx/menu/mainMenu_over.gif);
background-position: 0 50%;
background-repeat: repeat-y;
color: #000;
}
#MainMenu li a.menulinksselected
{
background-image: url(/media/gfx/menu/mainMenu_over.gif);
background-position: 0 50%;
background-repeat: repeat-y;
color: #000;
}
body.frontpage #MainMenu
{
background-image: url(/media/gfx/menu/mainMenu_topline_frontpage.gif);
}
body.frontpage #MainMenu li a
{
background-image: url(/media/gfx/menu/mainMenu_underline_frontpage.gif);
}
body.frontpage #MainMenu li a:hover
{
background-image: url(/media/gfx/menu/mainMenu_over_frontpage.gif);
}
/*
----------------------------------------
FRONTPAGE POSTER
----------------------------------------
*/
#Poster
{
float: left;
width: 637px;
height: 335px;
display: block;
position: relative;
top: 1px; /*left:-8px;*/
left: 0px;
}
/*
----------------------------------------
FRONTPAGE POSTER
----------------------------------------
*/
#FrontpageNews
{
margin-left: 4px;
margin-right: 4px;
display: block;
background-color: #fff;
border: 1px solid #e3e1dc;
padding: 1px;
}
#FrontpageNews ul li
{
width: 311px;
float: left;
margin-left: 1px;
}
#FrontpageNews ul li:first-child
{
margin-left: 0px;
}
#FrontpageNews ul h3
{
background-color: #000;
background-image: url(/media/gfx/newsHeader_bkg.gif);
background-repeat: no-repeat;
background-position: 0 50%;
color: #fff;
padding: 10px;
font-weight: normal;
font-size: 1.666em;
margin-bottom: 1px;
}
#FrontpageNews ul h4
{
font-size: 1.222em;
margin: 1em 10px 0.5em 10px;
}
#FrontpageNews ul h4 a
{
color: #000;
}
#FrontpageNews ul h4 a:hover
{
color: #f0b400;
}
#FrontpageNews ul p
{
margin: 0 10px;
}
#FrontpageNews ul li ul.news li
{
width: 100%;
border-top: 1px solid #e8e6e2;
}
#FrontpageNews ul li ul.news li:first-child
{
border-top: none;
}
#FrontpageNews ul li ul.news h4
{
color: #827e77;
margin-bottom: 0.2em;
}
#FrontpageNews ul li ul.news li p.date
{
color: #827e77;
margin-bottom: 0em;
}
/*
----------------------------------------
SUB MENU
----------------------------------------
*/
div#SubMenu
{
width: 100%;
clear: both;
padding-top: 16px;
background-color: #fff;
font-size: 0.916em;
background-image: url(/media/gfx/menu/subMenuTopShadow.gif);
background-repeat: no-repeat;
background-position: top left;
}
div#SubMenu ul
{
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
}
html > body div#SubMenu
{
background-image: url(/media/gfx/menu/subMenuTopShadow.png);
}
div#SubMenu ul li
{
display: block;
background-image: url(/media/gfx/menu/subMenu_underline.gif);
background-repeat: repeat-x;
background-position: bottom left;
padding-bottom: 0px;
}
div#SubMenu ul li.selected
{
background-image: none;
position: relative;
top: -1px;
}
div#SubMenu ul li a
{
display: block;
width: 269px;
padding: 4px 9px 5px 19px;
background-position: left 50%;
background-repeat: no-repeat;
color: #64a0c8;
}
div#SubMenu ul li a:hover
{
background-color: #e2f4ff;
color: #64a0c8; /* background-color: #64a0c8; color: #fff; */
}
div#SubMenu ul li.selected a
{
background-image: url(/media/gfx/menu/subMenu_selectedBkg.gif);
color: #fff;
}
/* Level 2 */
div#SubMenu ul li ul
{
font-size: 1em;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
background-image: url(/media/gfx/menu/subMenu_underline.gif);
background-repeat: repeat-x;
background-position: bottom left;
}
div#SubMenu ul li ul li
{
background-image: none;
display: block;
padding: 0 9px;
}
div#SubMenu ul li ul li.selected
{
position: static;
top: 0px;
}
div#SubMenu ul li ul li a
{
border-top: 1px solid #e2f4ff;
width: 249px;
}
div#SubMenu ul li.selected ul li a
{
background-image: none;
color: #64a0c8;
}
div#SubMenu ul li.selected ul li ul li a
{
width: 228px;
}
div#SubMenu ul li.selected ul li:first-child a
{
border-top: none;
}
div#SubMenu ul li ul li.selected a
{
background-color: #e2f4ff;
background-image: none;
color: #64a0c8;
}
div#SubMenu ul li ul li a:hover
{
background-color: #e2f4ff;
color: #64a0c8;
}
/* Level 3 */
div#SubMenu ul li ul li .container
{
background-image: url(/media/gfx/menu/subMenu2_topShade.gif);
background-repeat: no-repeat;
background-position: top left;
}
div#SubMenu ul li ul li ul
{
background-image: url(/media/gfx/menu/subMenu2_bottomShade.gif);
background-repeat: no-repeat;
background-position: bottom left;
margin: 0px;
}
html > body div#SubMenu ul li ul li .container
{
background-image: url(/media/gfx/menu/subMenu2_topShade.png);
}
html > body div#SubMenu ul li ul li ul
{
background-image: url(/media/gfx/menu/subMenu2_bottomShade.png);
}
div#SubMenu ul li ul li ul li
{
margin-left: 11px;
margin-right: 0px;
padding-right: 0px;
}
div#SubMenu ul li ul li ul li a
{
border-top: none;
width: 229px;
}
div#SubMenu ul li ul li ul li:first-child a
{
border-top: none;
}
div#SubMenu ul li ul li.selected li a
{
background-color: transparent;
background-image: none;
color: #64a0c8;
}
div#SubMenu ul li ul li.selected li.selected a
{
background-image: none;
font-weight: bold;
color: #64a0c8;
}
div#SubMenu ul li ul li.selected li a:hover
{
background-color: #e2f4ff;
color: #64a0c8;
}
/*
----------------------------------------
ARTICLE
----------------------------------------
*/
.content.article
{
padding-bottom: 20px;
}
.content.article
{
color: #827e77;
}
.content.article h1
{
color: #000;
margin-top: 7px;
margin-bottom: 4px;
text-transform: uppercase;
line-height: 1.1em;
}
.cufon .content.article h1
{
margin-top: 7px;
margin-bottom: 1px;
}
.content.article h2
{
font-size: 1.667em;
line-height: 1em;
}
.content.article h3
{
font-size: 1.166em;
}
.content.article .leftColumn ul
{
list-style: square;
}
.content.article .leftColumn ul li
{
margin: 0 0 0 20px;
padding: 0;
}
.content.article .mainIllustration
{
margin-top: 20px;
}
.content.article .ingress
{
color: #000;
font-size: 1.166em;
width: 429px;
padding-top: 20px;
}
.partner_info_width
{
width: 100% !important;
}
.content.article .ingress p:first-child
{
/* EpiServer legger til p */
padding: 0px;
}
.content.article .leftColumn
{
padding-top: 20px;
width: 429px;
}
.content.article.withRightColumn .leftColumn
{
width: 289px;
float: left;
}
.content.article.withRightColumn .rightColumn
{
float: right;
width: 289px;
padding-top: 20px;
}
.leftColumn h2.section-Top-heading, .middleColumn h2.section-Top-heading, .rightColumn h2.section-Top-heading
{
color: #000000;
font-size: 20px;
line-height: 20px;
position: relative;
left: 0px; /*margin: 0 0 0 -6px; */
margin: 5px 0 13px 0px !important;
padding: 0 8px 11px 0 !important;
border-bottom: 2px solid #000000;
}
/* Full Width */
.content.article.fullWidth .ingress
{
width: 598px;
clear: both;
}
.content.content.article.fullWidth .leftColumn
{
width: 598px;
clear: both;
}
.content.article.fullWidth .rightColumn
{
display: none;
}
.uppercase
{
text-transform: uppercase;
}
.image-control
{
margin-top: 20px;
}
/* Campaign */
.banner
{
margin-bottom: 9px;
clear: both;
padding: 10px 10px 5px 10px;
}
.banner h3
{
margin-left: -10px;
margin-right: -10px;
padding: 0 10px 5px 10px;
font-size: 1.166em;
background-position: bottom left;
background-repeat: no-repeat;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 10px;
}
/* Facts */
.banner.facts
{
padding: 10px;
background-color: #000;
color: #fff;
}
.banner.facts p
{
padding-bottom: 0.5em;
}
.banner.facts h3
{
color: #f0b400;
background-image: url(/media/gfx/banners/headerLine_relatedLinks.gif);
}
.banner.facts ul
{
list-style: square;
}
.banner.facts ul li
{
margin: 0 0 0 20px;
padding: 0;
}
.banner ul
{
margin-bottom: 0px;
}
/* Related links and Attachments */
.banner.linkList
{
background-color: #e0ded8;
padding-bottom: 15px;
color: #827e77;
}
.banner.linkList h3
{
background-image: url(/media/gfx/banners/headerLine_facts.gif);
}
.banner.linkList ul
{
margin-left: -10px;
margin-right: -10px;
}
.banner.linkList ul li
{
list-style: none;
padding: 0px;
display: block;
width: 100%;
margin: 0px;
}
.banner.linkList ul li.alternate
{
padding: 0px;
display: block;
width: 100%;
margin: 0px;
background-color: #e6e5e0;
}
.banner.linkList a
{
padding: 0.3em 10px 0.3em 10px;
margin: 0px;
display: block;
color: #827e77;
}
.banner.linkList a:hover
{
color: #000 !important;
}
.banner.linkList a:visited
{
color: #64a0c8;
}
/* Gradient boxes */
.banner.titleBox
{
display: block;
height: 40px;
padding: 10px;
background-color: #b1afae;
background-image: url(/media/gfx/banners/grayGradient_bkg.gif);
background-repeat: repeat-x;
background-position: bottom left;
}
html > body .banner.titleBox
{
height: auto;
min-height: 40px;
}
.banner.titleBox.singleLine
{
padding-top: 15px;
padding-bottom: 0px !important;
}
.banner.titleBox span
{
display: block;
color: #fff;
line-height: 1.1em;
padding: 0px;
margin: 0px;
font-weight: normal;
text-transform: none;
font-size: 1.666em;
}
.banner.titleBox.icon span
{
padding-left: 28px;
background-position: 0px 2px;
background-repeat: no-repeat;
}
.banner.titleBox.icon.ppt span
{
background-image: url(/media/gfx/banners/icon_ppt.png);
}
.banner.titleBox.icon.pdf span
{
background-image: url(/media/gfx/banners/icon_pdf.png);
}
.banner.titleBox.icon.doc span
{
background-image: url(/media/gfx/banners/icon_word.png);
}
.banner.titleBox.icon.xls span
{
background-image: url(/media/gfx/banners/icon_excel.png);
}
.banner.titleBox.icon.cal span
{
background-image: url(/media/gfx/banners/icon_cal.png);
}
.banner.titleBox.icon.vid span
{
background-image: url(/media/gfx/banners/icon_video.png);
}
.banner.titleBox.gray
{
background-image: url(/media/gfx/banners/grayGradient_bkg.gif);
}
.banner.titleBox.blue
{
background-image: url(/media/gfx/banners/blueGradient_bkg.gif);
background-color: #9ec3de;
}
/* Title and text */
.banner.titleTextBox
{
display: block;
padding: 10px;
background-position: bottom left;
background-repeat: repeat-x;
padding-top: 2px;
}
.banner.titleTextBox .title
{
display: block;
font-size: 21px;
padding-top: 10px;
margin-bottom: 5px;
text-transform: uppercase;
}
body.cufon .banner.titleTextBox .title
{
font-size: 28px;
padding-top: 7px;
margin-bottom: 0;
}
.banner.titleTextBox.yellow
{
background-image: url(/media/gfx/banners/yellowGradient_bkg.gif);
background-color: #ffd865;
color: #000 !important;
}
.banner.titleTextBox.black
{
background-color: #222;
background-image: url(/media/gfx/banners/blackGradient_bkg.gif); /* Is solid black */
background-repeat: repeat;
color: #f0b400 !important;
}
a.banner:hover
{
background-image: none !important;
}
a.banner.image
{
display: block;
padding: 0px;
}
.banner.imageWithText
{
background-color: #e0ded8;
padding: 1px 1px 10px 1px;
color: #948f86;
}
.banner.imageWithText img
{
clear: both;
}
.banner.imageWithText p
{
padding: 0 9px 0 9px;
margin: 10px 0 0 0;
}
/*
----------------------------------------
LANGUAGE SELECTOR
----------------------------------------
*/
ul#LanguageSelector
{
float: right;
width: 100%;
font-size: 0.833em;
margin-bottom: 0px;
padding-bottom: 0px;
}
ul#LanguageSelector li
{
float: right;
display: inline;
padding-bottom: 0px;
}
ul#LanguageSelector li a
{
display: block;
background-repeat: repeat-x;
background-position: top left;
float: left;
padding: 0px 8px 0px 8px;
height: 16px;
}
ul#LanguageSelector li.selected a
{
background-image: url(/media/gfx/language_selected_bkg.gif);
color: #fff;
}
ul#LanguageSelector li.selected a:hover
{
background-image: url(/media/gfx/language_over_bkg.gif);
color: #000;
}
/*
----------------------------------------
SECTION CONTENT
----------------------------------------
*/
#ContentContainer .content.section
{
color: #827e77;
width: 937px;
height: 350px;
}
html > body #ContentContainer .content.section
{
height: auto;
min-height: 350px;
}
.content.section .column
{
float: left;
margin: 0px;
width: 289px;
}
html > body .content.section .column
{
margin-top: 4px;
}
.content.section .leftColumn
{
padding-left: 10px;
padding-right: 10px;
}
.content.section .middleColumn
{
margin-left: 5px;
margin-right: 5px;
padding-left: 10px;
padding-right: 10px;
}
.content.section .rightColumn
{
padding-left: 10px;
padding-right: 10px;
width: 289px;
padding-left: 10px;
padding-right: 10px;
}
body.debug .leftColumn
{
background-color: #bbb;
}
body.debug .content.section .middleColumn
{
background-color: #aaa;
}
body.debug .content.section .rightColumn
{
background-color: #ccc;
}
.content.section .column img
{
/* todo: changed width to 279px*/
max-width: 289px;
margin-bottom: 5px;
}
.content.section h1, .content.section h2
{
color: #000;
margin-top: 13px;
margin-bottom: 0.5em;
font-weight: normal;
line-height: 1.2em;
}
.content.section h3
{
margin-bottom: 0.3em;
}
.content.section p.ingress
{
font-size: 1.166em;
line-height: 1.3em;
text-align: left;
}
/*
----------------------------------------
PRODUCTSLIST
----------------------------------------
*/
ul.productList li
{
font-size: 1.666em;
line-height: 1.2em;
padding-top: 1px;
padding-bottom: 1px;
margin-top: 1px;
}
ul.productList a
{
display: block;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 5px;
padding: 15px 60px 5px 0px;
background-position: 100% 50%;
background-repeat: no-repeat;
}
/*
----------------------------------------
TITLE DATA LIST
----------------------------------------
*/
.vline
{
padding: 10px;
margin-top: 1px;
background-image: url(/media/gfx/vline/list_vline_middle.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
html > body .vline
{
background-image: url(/media/gfx/vline/list_vline_middle.png);
}
.vline.top
{
padding-top: 0;
background-image: url(/media/gfx/vline/list_vline_top.gif);
}
html > body .vline.top
{
background-image: url(/media/gfx/vline/list_vline_top.png);
}
.vline.bottom
{
background-image: url(/media/gfx/vline/list_vline_bottom.gif);
background-position: top right;
}
html > body .vline.bottom
{
background-image: url(/media/gfx/vline/list_vline_bottom.png);
}
.vline ul
{
margin-bottom: 0px;
}
/* SECTION PAGE SPESIFIC STYLES */
/* Positioning */
.content.section .leftColumn .vline
{
margin-left: -10px;
}
.content.section .middleColumn .vline
{
margin-left: -10px;
}
/*
/Commented by Kulvir singh to modify section pagecolumns
.content.section .rightColumn .vline
{
margin-right: -10px;
margin-left: -10px;
}*/
/* Background-images in columns */
.content.section .middleColumn .vline
{
background-image: url(/media/gfx/vline/list_vline_m_middle.gif);
background-position: bottom left;
}
html > body .content.section .middleColumn .vline
{
background-image: url(/media/gfx/vline/list_vline_m_middle.png);
}
.content.section .middleColumn .vline.top
{
background-image: url(/media/gfx/vline/list_vline_m_top.gif);
background-position: bottom left;
}
html > body .content.section .middleColumn .vline.top
{
background-image: url(/media/gfx/vline/list_vline_m_top.png);
}
.content.section .middleColumn .vline.bottom
{
background-image: url(/media/gfx/vline/list_vline_m_bottom.gif);
background-position: top left;
}
html > body .content.section .middleColumn .vline.bottom
{
background-image: url(/media/gfx/vline/list_vline_m_bottom.png);
}
/* Right column */
.content.section .rightColumn .vline
{
background-image: url(/media/gfx/vline/list_vline_r_middle.gif);
background-position: bottom left;
}
html > body .content.section .rightColumn .vline
{
background-image: url(/media/gfx/vline/list_vline_r_middle.png);
}
.content.section .rightColumn .vline.top
{
background-image: url(/media/gfx/vline/list_vline_r_top.gif);
}
html > body .content.section .rightColumn .vline.top
{
background-image: url(/media/gfx/vline/list_vline_r_top.png);
}
.content.section .rightColumn .vline.bottom
{
background-image: url(/media/gfx/vline/list_vline_bottom.gif);
background-position: top left;
}
html > body .content.section .rightColumn .vline.bottom
{
background-image: url(/media/gfx/vline/list_vline_bottom.png);
}
/*
----------------------------------------
TITLE DATA LIST
----------------------------------------
*/
ul.titleDateList li
{
padding-top: 0.3em;
padding-right: 10px;
padding-bottom: 0.3em;
}
ul.titleDateList li a
{
cursor: pointer;
display: block;
}
ul.titleDateList .title
{
width: 70%;
}
ul.titleDateList .date
{
float: right;
padding-right: 10px;
}
/*
----------------------------------------
SECTION POSTER BUTTONS
----------------------------------------
*/
#PosterButtons
{
height: 314px;
width: 265px;
float: right;
}
#PosterButtons .buttonContainer
{
position: relative;
}
#PosterButtons a.button
{
color: #fff;
}
#PosterButtons .button
{
clear: both;
font-size: 12px;
margin-top: 10px;
display: block;
padding: 7px 30px 7px 20px;
height: 16px; /* 30 */
width: 185px;
background-image: url(/media/gfx/section/btDefault.gif);
background-position: 0% 50%;
background-repeat: no-repeat;
}
html > body #PosterButtons .button
{
background-image: url(/media/gfx/section/btDefault.png);
}
#PosterButtons .button:hover
{
background-image: url(/media/gfx/section/btDefault_over.gif);
}
html > body #PosterButtons .button:hover
{
background-image: url(/media/gfx/section/btDefault_over.png);
}
#PosterButtons .button.contact
{
margin-top: 0px;
}
#PosterButtons .button.contact
{
background-image: url(/media/gfx/section/btContact.gif);
}
html > body #PosterButtons .button.contact
{
background-image: url(/media/gfx/section/btContact.png);
}
#PosterButtons a.button.contact:hover
{
background-image: url(/media/gfx/section/btContact_over.gif);
}
html > body #PosterButtons a.button.contact:hover
{
background-image: url(/media/gfx/section/btContact_over.png);
}
#PosterButtons .button.contact.open
{
background-image: url(/media/gfx/section/btContact_open.gif);
}
html > body #PosterButtons .button.contact.open
{
background-image: url(/media/gfx/section/btContact_open.png);
}
#PosterButtons a.button.contact.open:hover
{
background-image: url(/media/gfx/section/btContact_open_over.gif);
}
html > body #PosterButtons a.button.contact.open:hover
{
background-image: url(/media/gfx/section/btContact_open_over.png);
}
#PosterButtons #ContactInfo
{
display: none;
width: 215px;
font-size: 11px;
padding: 15px 10px 5px 10px;
background-image: url(/media/gfx/section/contactInfo_bkg.gif);
background-position: top left;
background-repeat: no-repeat;
color: #827e77;
}
html > body #PosterButtons #ContactInfo
{
background-image: url(/media/gfx/section/contactInfo_bkg.png);
}
#PosterButtons #ContactInfo p
{
padding-bottom: 0.6em;
}
#PosterButtons #ContactInfo p:first-child
{
display: block;
position: relative;
left: -9px;
width: 223px;
font-size: 12px;
font-weight: bold;
padding-bottom: 7px;
margin-bottom: 10px;
padding-left: 10px;
border-bottom: 1px solid #fff;
color: #000;
}
/*
----------------------------------------
STOCK INFORMATION
----------------------------------------
*/
#StockInfo
{
width: 100%;
margin-bottom: 20px;
}
#StockInfo .comment
{
color: #827e77;
font-size: 0.833em;
padding: 0px;
margin-bottom: 0.5em;
}
#StockInfo .info
{
color: #f0b400;
width: 289px;
clear: both;
}
#StockInfo dt
{
color: #fff;
}
#StockInfo dl.last
{
background-color: #000;
width: 160px;
height: 55px;
overflow: hidden;
padding: 0 10px 10px 10px;
margin: 0;
float: left;
}
#StockInfo dl.last dt
{
position: relative;
top: 22px;
}
#StockInfo dl.last dd
{
position: relative;
text-align: right;
font-size: 36px;
}
#StockInfo dl.last dd.change
{
clear: both;
width: 50%;
padding: 0px 15px 0 0;
margin: 10px 0 0 0;
background-position: 100% 50%;
background-repeat: no-repeat;
font-size: 12px;
text-align: right;
float: right;
}
#StockInfo .info .last .change.up
{
background-image: url(/media/gfx/shareChange_up.gif);
}
#StockInfo .info .last .change.down
{
background-image: url(/media/gfx/shareChange_down.gif);
}
#StockInfo .info dl.highAndLow
{
margin: 0;
float: right;
background-color: #000;
width: 108px;
height: 65px;
}
#StockInfo .info dl.highAndLow dt
{
position: absolute;
clear: both;
padding-left: 10px;
padding-top: 10px;
margin: 0;
}
#StockInfo .info dl.highAndLow dd
{
border-bottom: 1px solid #fff;
padding-left: 8px;
padding-top: 8px;
margin: 0;
height: 24px;
}
#StockInfo .info dl.highAndLow dd
{
text-align: right;
font-size: 20px;
padding-right: 8px;
}
/*
----------------------------------------
FINANCIAL CALENDAR
----------------------------------------
*/
.financialCalendar
{
background-color: #948f86;
color: #fff;
clear: both;
padding-bottom: 10px;
margin-bottom: 10px;
}
.content.section .rightColumn .financialCalendar
{
margin-left: -10px;
}
.financialCalendar h3
{
font-size: 1.166em;
padding: 10px 10px 5px 10px;
background-position: bottom left;
background-repeat: no-repeat;
background-image: url(/media/gfx/banners/headerLine_finance.gif);
font-weight: normal;
text-transform: uppercase;
margin-bottom: 10px;
color: #000;
}
.banner.financialCalendar h3
{
padding-top: 0px;
}
.financialCalendar ul
{
list-style: none;
padding: 0px;
margin: 0px;
margin-bottom: 0px;
}
.financialCalendar ul li
{
padding-left: 10px;
}
.financialCalendar ul li.alternate
{
background-color: #9f9a92;
}
.financialCalendar a
{
color: #fff;
}
.financialCalendar a:hover
{
color: #000 !important;
}
.financialCalendar a:visited
{
color: #fff;
}
.financialCalendar ul.titleDateList .date
{
padding-right: 0px;
}
.banner.financialCalendar div
{
margin-left: -10px;
margin-right: -10px;
}
/*
----------------------------------------
VACANT POSITIONS
----------------------------------------
*/
.vacantPositions
{
background-color: #000;
color: #fff;
clear: both;
padding-bottom: 0.5em;
margin-bottom: 1px;
}
.content.section .rightColumn .vacantPositions
{
/* margin-left: -10px;*/
}
.vacantPositions h3
{
font-size: 1.166em;
padding: 10px 10px 5px 10px;
background-position: bottom left;
background-repeat: no-repeat;
background-image: url(/media/gfx/banners/headerLine_relatedLinks.gif);
font-weight: normal;
text-transform: uppercase;
margin-bottom: 10px;
color: #f0b400;
}
.vacantPositions ul
{
padding-top: 0.5em;
margin-bottom: 0px;
}
.vacantPositions ul li
{
padding-left: 10px;
padding-right: 10px;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.vacantPositions ul li:first-child
{
border-top: none;
}
.vacantPositions ul li.alternate
{
background-color: #1a1a1a;
}
.vacantPositions ul li.link.alternate, .vacantPositions ul li.link
{
border-top: 1px solid #1a1a1a;
background-color: transparent;
padding-top: 1em;
}
.vacantPositions a
{
color: #fff;
cursor: pointer;
}
.vacantPositions a:hover
{
color: #f0b400 !important;
}
.vacantPositions a:visited
{
color: #fff;
}
.vacantPositions ul li .title
{
display: block;
}
.vacantPositions ul li .location
{
color: #a9a59e;
padding-bottom: 0px;
}
.vacantPositions p.link
{
border-top: 1px solid #1a1a1a;
padding-top: 1em;
padding-left: 10px;
padding-bottom: 10px;
}
/*
----------------------------------------
NEWSROOM / DOWNLOAD CENTER
----------------------------------------
*/
html > body.article.newsroom #ContentContainer.newsroom
{
background-image: url(/media/gfx/contentContainer_topBkg_newsroom.png);
}
html > body.article.newsroom .contentHead
{
padding-bottom: 15px;
}
#ContentContainer.newsroom .contentHead
{
background-color: #938f86;
background-image: url(/media/gfx/newsroom_header_bkg.jpg);
background-repeat: repeat-x;
background-position: top left;
margin-left: 1px;
margin-right: 1px;
padding-bottom: 15px;
padding-top: 15px;
color: #fff;
border-bottom: 0px;
}
.content.newsroom .contentHead h1
{
color: #fff;
}
.content.newsroom .contentHead p
{
padding-bottom: 0;
}
.content.newsroom .contentMain
{
padding-top: 1px;
}
.newsroom .newsList
{
margin-left: -10px;
margin-right: -10px;
}
.newsList a
{
cursor: pointer;
}
.newsList h2
{
padding-top: 20px;
color: #000;
font-weight: bold;
}
.newsroom .newsList h2
{
padding-left: 10px;
}
.newsList li
{
clear: both;
}
.newsList li .date
{
position: absolute;
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
font-weight: bold;
}
.newsList li .title
{
position: relative;
padding-left: 15%;
display: block;
width: 75%;
}
ul.newsList
{
margin: 0px !important;
}
.newsList .yearList ul
{
border-bottom: 1px solid #f9f8f7;
padding-bottom: 0px;
width: 100%;
}
.newsList .yearList li
{
width: 100%;
float: left;
clear: both;
padding-top: 0.3em;
padding-bottom: 0.3em;
background-color: #f9f8f7;
}
.newsList .yearList li.alternate
{
background-color: transparent;
padding-top: 0.3em;
padding-bottom: 0.3em;
}
/* NewsArticle */
.newsArticle .contentHead
{
margin-bottom: 20px;
}
.newsArticle .contentMain h2
{
margin-bottom: 0.5em;
line-height: 1.2em;
}
/*
----------------------------------------
IFRAME TEMPLATE
----------------------------------------
*/
.content.iframe .contentHead
{
padding-bottom: 16px;
margin-left: 10px;
margin-right: 10px;
color: #fff;
}
.content.iframeFullScreen
{
width: 931px;
border: 1px solid #e3e1dc;
margin-top: 15px;
}
html > body.iframe .content
{
min-height: 530px;
}
/*
----------------------------------------
FORM TEMPLATES
----------------------------------------
*/
div.formElements
{
width: 550px;
}
.bold
{
font-weight: bold;
}
.formColWidth
{
width: 225px;
}
#id_matrix
{
width: 100%;
}
.formExtendTable
{
width: 100%;
}
.formExtendTable td
{
vertical-align: top;
}
.formElements .validatorMessages
{
padding: 20px 0 0 0;
}
.formElements input
{
width: 252px;
}
.formElements input.multiline
{
height: 50px;
margin-left: 100px;
}
.formElements select
{
width: 256px;
}
.formElements select.small
{
width: 55px;
margin: 0 5px 0 6px;
}
.formElements textarea
{
width: 252px;
}
.MultiFile-label
{
display: block;
clear: right;
padding-top: 4px;
}
#submitButtonContainer input
{
float: right;
padding-left: 10px;
padding-right: 10px;
margin: 0px 4px 0px 0px;
width: 100px;
clear: both;
}
.xformvalidator
{
color: Red;
}
a.dp-choose-date
{
float: left;
width: 16px;
height: 16px;
padding: 0;
margin: 2px 3px 0;
display: block;
text-indent: -2000px;
overflow: hidden;
background: url(/media/gfx/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled
{
background-position: 0 -20px;
cursor: default;
}
/* makes the input field shorter once the date picker code
* has run (to allow space for the calendar icon
*/
input.dp-applied
{
width: 229px;
float: left;
}
table.jCalendar
{
border: 1px solid #000;
background: #aaa;
border-collapse: separate;
border-spacing: 2px;
}
table.jCalendar th
{
background: #333;
color: #fff;
font-weight: bold;
padding: 3px 5px;
}
table.jCalendar td
{
background: #ccc;
color: #000;
padding: 3px 5px;
text-align: center;
}
table.jCalendar td.other-month
{
background: #ddd;
color: #aaa;
}
table.jCalendar td.today
{
background: #666;
color: #fff;
}
table.jCalendar td.selected
{
background: #f66;
color: #fff;
}
table.jCalendar td.selected.dp-hover
{
background: #f33;
color: #fff;
}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td
{
background: #fff;
color: #000;
}
table.jCalendar tr.selectedWeek td
{
background: #f66;
color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover
{
background: #bbb;
color: #888;
}
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover
{
background: #bbb;
color: #888;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup
{
position: relative;
background: #ccc;
font-size: 10px;
font-family: arial, sans-serif;
padding: 2px;
width: 171px;
line-height: 1.2em;
}
div#dp-popup
{
position: absolute;
z-index: 199;
}
div.dp-popup h2
{
font-size: 12px;
text-align: center;
margin: 2px 0;
padding: 0;
}
a#dp-close
{
font-size: 11px;
padding: 4px 0;
text-align: center;
display: block;
}
a#dp-close:hover
{
text-decoration: underline;
}
div.dp-popup a
{
color: #000;
text-decoration: none;
padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev
{
position: absolute;
top: 2px;
left: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-prev a
{
float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a
{
cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled
{
cursor: default;
}
div.dp-popup div.dp-nav-next
{
position: absolute;
top: 2px;
right: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-next a
{
float: right;
}
div.dp-popup a.disabled
{
cursor: default;
color: #aaa;
}
div.dp-popup td
{
cursor: pointer;
}
div.dp-popup td.disabled
{
cursor: default;
}
#uploadedFiles
{
margin-top: 20px;
}
/*
----------------------------------------
USER REGISTRATION
----------------------------------------
*/
#password-strength
{
float: left;
}
/*
----------------------------------------
SEARCH
----------------------------------------
*/
html > body #ContentContainer.search
{
background-image: url(/media/gfx/contentContainer_topBkg_newsroom.png);
}
#ContentContainer.search .contentHead
{
background-color: #938f86;
background-image: url(/media/gfx/newsroom_header_bkg.jpg);
background-repeat: repeat-x;
background-position: top left;
margin-left: 1px;
margin-right: 1px;
padding-bottom: 15px;
padding-top: 15px;
color: #fff;
border-bottom: 0px;
}
.content.search .contentMain
{
padding-top: 1px;
}
.searchSummary .searchFor, .searchSummary .hits
{
font-weight: bold;
}
.searchResultList li
{
border-bottom: 1px solid #efeeeb;
padding: 10px;
margin-left: -9px;
margin-right: -9px;
}
.searchResultList li:hover
{
background-color: #f9f8f7;
cursor: pointer;
}
.searchResultList .date
{
position: absolute;
margin-left: 0px;
font-size: 1.116em;
font-weight: bold;
}
.searchResultList h3
{
margin-left: 15%;
}
.searchResultList h3 a
{
color: #827e77;
}
.searchResultList h3 a:hover
{
color: #827e77;
}
.searchResultList p
{
margin-left: 15%;
margin-bottom: 0.5em;
padding: 0;
}
.searchResultList p.path
{
font-size: 0.9116em;
}
/*
----------------------------------------
LIST PAGE NAVIGATION
----------------------------------------
*/
.listPageNavigation
{
list-style: none;
padding: 10px;
margin-left: -9px;
margin-right: -9px;
}
.listPageNavigation li.previous
{
float: left;
width: 50%;
}
.listPageNavigation li.next
{
text-align: right;
}
.listPageNavigation li a
{
display: block;
float: left;
font-size: 1.116em;
font-weight: bold;
color: #827e77;
background-position: 0 60%;
background-repeat: no-repeat;
}
.listPageNavigation li.previous a
{
padding-left: 22px;
background-image: url(/media/gfx/arrowPrevious.gif);
}
.listPageNavigation li.previous a:hover
{
color: #f0b400;
background-image: url(/media/gfx/arrowPrevious_over.gif);
}
.listPageNavigation li.next a
{
padding-right: 22px;
float: right;
background-image: url(/media/gfx/arrowNext.gif);
background-position: 100% 60%;
}
.listPageNavigation li.next a:hover
{
color: #f0b400;
background-image: url(/media/gfx/arrowNext_over.gif);
}
/*
----------------------------------------
FILTERFORM
----------------------------------------
*/
.filterForm
{
clear: both;
border: 1px solid #f9f8f7; /* IE6 fix */
background-color: #f9f8f7;
margin: 0px;
}
html > body .filterForm
{
border: none;
}
.contentMain .filterForm
{
margin-left: -9px;
margin-right: -9px;
}
.filterForm .criteria
{
display: block;
float: left;
padding: 15px 10px 15px 10px;
width: 40%;
}
.filterForm .criteria label
{
display: block;
margin-bottom: 0.2em;
}
.filterForm .criteria select
{
width: 100%;
border: 1px solid #e0ded8;
color: #827e77;
}
.filterForm .rssContainer
{
display: block;
float: right;
padding: 10px 10px;
}
.filterForm .rssLink
{
display: block;
width: 15px;
height: 15px;
background-repeat: no-repeat;
background-image: url(/media/gfx/rss_icon.png);
}
/*
----------------------------------------
SimpleLoginView
----------------------------------------
*/
.simpleLogin
{
float: right;
margin: 15px;
}
/*
----------------------------------------
VISUAL UNIVERSE
----------------------------------------
*/
.VisualUniversePoster
{
background-image: url(/media/img/visual_universe.jpg);
background-position: top left;
background-repeat: no-repeat;
width: 299px;
height: 227px;
margin-bottom: 20px;
}
.VisualUniversePoster #PosterButtons
{
height: auto;
text-align: left;
margin-top: 186px;
margin-left: 10px;
float: left;
width: 289px;
width: auto;
}
.VisualUniversePoster #PosterButtons .button
{
margin: 0px;
}
.content.visualUniverse .contentHead
{
background-image: url(/media/gfx/contentHead_line.gif);
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom: 16px;
border-bottom: 0px;
}
.content.visualUniverse.imageList .contentHead
{
background-image: none;
}
.content.visualUniverse .filterForm
{
border-bottom: 1px solid white;
clear: both;
display: block;
margin-bottom: 10px;
}
.content.visualUniverse.imageList .filterForm
{
border-bottom: 1px solid white;
clear: both;
display: block;
margin-bottom: 0px;
}
.content.visualUniverse .contentMain .filterForm .criteria
{
float: none;
}
/* Logout button */
#LogOut
{
float: right;
margin-top: 57px;
margin-right: -5px;
}
html > body #LogOut
{
float: right;
margin-top: 0px;
margin-right: 10px;
}
a.logoutButton
{
color: #fff;
font-size: 12px;
display: block;
padding: 7px 30px 7px 20px;
height: 16px;
width: 135px;
background-image: url(/media/gfx/visualUniverse/btLogout.gif);
background-position: 0% 50%;
background-repeat: no-repeat;
margin-bottom: 10px;
}
.logoutButton:hover
{
background-image: url(/media/gfx/visualUniverse/btLogout_over.gif);
}
.content .imagelistContainer
{
margin-left: -9px;
margin-right: -9px;
}
.content table.imagelist
{
border-top: 1px solid #fff;
}
.content table.imagelist thead th
{
background-image: url(/media/gfx/visualUniverse/imageListHeadBkg.gif);
background-repeat: repeat-x;
background-position: bottom left;
background-color: #b8b5ac;
color: #fff;
padding: 5px 10px;
font-weight: normal;
text-align: left;
}
.content table.imagelist tbody td
{
padding: 10px;
}
.content table.imagelist tbody td, .content table.imagelist tbody th
{
border-bottom: 1px solid #e0ded8;
}
.content table.imagelist tbody th.image .imageContainer
{
background-color: #e0ded8;
width: 95px;
height: 95px;
}
.content table.imagelist td.resolution, .content table.imagelist td.date, .content table.imagelist td.pixelsize
{
white-space: nowrap;
}
.content table.imagelist tr.alternate td, .content table.imagelist tr.alternate th
{
background-color: #f6f4f5;
}
/*
----------------------------------------
COMMON
----------------------------------------
*/
.clearer
{
clear: both;
}
.boxClearer
{
clear: both;
height: 1px;
}
ul.horizontalLinks li
{
display: inline;
background-image: url(/media/gfx/footer_link_bkg.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-right: 1.5em;
padding-left: 1.5em;
}
ul.horizontalLinks li.first
{
background-image: none;
border-left: none;
padding-left: 0;
}
ul.horizontalLinks li.last
{
padding-right: 0;
}
ul.horizontalLinks.right
{
text-align: right;
}
/*
----------------------------------------
LOGIN FORM
----------------------------------------
*/
table.loginArea
{
width: 100%;
padding: 0px;
margin: 0px;
background-color: #000000;
}
#LoginForm
{
padding: 10px;
margin-bottom: 0px;
color: #fff;
}
#LoginForm h3
{
color: #f0b400;
background-image: url(/media/gfx/banners/headerLine_relatedLinks.gif);
}
#LoginForm dl.form
{
width: 100%;
clear: both;
float: left;
margin: 0 0 5px 0;
color: #827e77;
}
#LoginForm dl.form dt
{
display: block;
width: 35%;
float: left;
clear: left;
padding: 0px;
margin: 0px;
padding-top: 3px;
margin-bottom: 5px;
}
#LoginForm dl.form dd
{
display: block;
width: 60%;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
float: left;
}
#LoginForm label
{
color: #8d8e88;
}
#LoginForm dl.form input
{
float: right;
width: 100%;
padding: 2px 5px;
color: #827e77;
border: 1px solid #979691;
}
#LoginForm .messages
{
float: left;
line-height: 1.6;
}
#LoginForm .login
{
float: right;
}
#LoginForm .error
{
display: block;
color: #f0b400 !important;
}
#LoginForm .buttonContainer
{
width: 95%;
clear: both;
padding-right: 5px;
text-align: left;
}
#LoginForm .rememberMe
{
clear: both;
color: #8D8E88;
padding: 10px 0;
width: 95%;
}
#LoginForm .loginButton
{
background-image: url('/media/gfx/buttons/loginArrow.gif');
background-position: left 50%;
background-repeat: no-repeat;
background-color: Transparent;
border: 0px;
color: #64a0c8;
text-align: left;
font-weight: bold;
padding-right: 0px;
padding-left: 18px;
margin-right: 0px;
width: auto;
font-size: 1em;
}
#LoginForm .loginButton:hover
{
background-image: url('/media/gfx/buttons/loginArrow_over.gif');
color: #f0b400;
cursor: pointer;
}
html > body #LoginForm .loginButton
{
background-image: url('/media/gfx/buttons/loginArrow.png');
padding-left: 18px;
}
html > body #LoginForm .loginButton:hover
{
background-image: url('/media/gfx/buttons/loginArrow_over.png');
}
.greyHeader td a
{
color: #FFFFFF;
}
/*
table.loginArea {
width: 100%;
padding: 0px;
margin: 0px;
background-color: #000000;
}
#LoginForm {
width: 100%;
display: block;
margin: 0px 0px 10px 0px;
padding: 10px 0 0 0;
}
#LoginForm dl.form {
width: 100%;
clear: both;
float: left;
margin: 0 0 5px 0;
color: #827e77;
}
#LoginForm dl.form dt {
display: block;
width: 40%;
float: left;
clear: left;
padding: 0px;
margin: 0px;
padding-top: 3px;
margin-bottom: 2px;
}
#LoginForm dl.form dd {
display: block;
width: 50%;
margin: 0px;
padding: 0px;
margin-bottom: 2px;
float: left;
}
#LoginForm label {
margin-left: 10px;
color : #827e77;
}
#LoginForm dl.form input {
float: right;
width: 100%;
padding: 2px 5px;
color: #827e77;
border: 1px solid #e0ded8;
}
#LoginForm .messages {
clear: both;
margin-left: 30px;
}
#LoginForm .error {
display: block;
color: #f0b400 !important;
}
#LoginForm .buttonContainer {
clear: both;
padding-right: 5px;
text-align: right;
}
#LoginForm .textButton {
float: right;
font-size: 1.166em;
font-weight:bold;
font-family : Arial, Helvetica, Sans-Serif;
border: 0px solid white;
background-color: #000000;
padding: 0 10px 0 0;
text-align: right;
margin: 0px;
color: #64A0C8;
cursor: pointer;
}
#LoginForm .textButton.hover
{
color: #ffd865;
}
*/
/*
----------------------------------------
IMAGE BUTTON
----------------------------------------
*/
a.imageButton
{
color: #fff;
font-size: 12px;
margin-top: 2px;
display: block;
padding: 7px 30px 7px 20px;
height: 16px; /* 30 */
width: 125px;
background-image: url(/media/gfx/buttons/btArrowSmall.gif);
background-position: 0% 50%;
background-repeat: no-repeat;
}
html > body a.imageButton
{
background-image: url(/media/gfx/buttons/btArrowSmall.png);
}
#PosterButtons a.imageButton:hover
{
background-image: url(/media/gfx/buttons/btArrowSmall_over.gif);
}
html > body a.imageButton:hover
{
color: #fff;
background-image: url(/media/gfx/buttons/btArrowSmall_over.png);
}
a.imageButton.subscribe
{
float: right;
margin-top: 3px;
margin-bottom: 5px;
}
/*
----------------------------------------
Discalimmer
----------------------------------------
*/
a.disclaimerCountry
{
display: block;
padding: 5px;
margin-left: 15px;
clear: left;
}
a.disclaimerButton
{
display: block;
padding: 6px;
width: 100px;
margin-left: 20px;
margin-right: 15px;
background-color: #827e77;
color: #fff;
}
/*
----------------------------------------
SWFOBJECT / ALTERNATIVE CONTENT
----------------------------------------
*/
.screenOnly
{
display: block !important;
}
.printOnly
{
display: none;
}
body.alternative .printOnly.alternative
{
display: block;
}
/*
----------------------------------------
EPISERVER EDITOR CLASSES
----------------------------------------
*/
/* TABLE IN CONTENT */
.content table
{
border-collapse: collapse;
margin-bottom: 1.5em;
}
.content table td
{
padding: 0.2em;
}
.content table td p
{
padding: 0;
}
table td.lastInGroup
{
border-bottom: 12px solid #fff;
}
table.grayHeader td, table.grayHeaderAlternate td, table.grayHeaderLines td, table.grayHeaderGrid td, table.plainGrid td, table.plainLines td, table.Plain-alternate td
{
color: #827e77;
text-align: left;
}
table.grayHeaderLines tr td, table.plainLines tr td
{
border-bottom: 1px solid #e0ded8;
}
table.grayHeaderGrid tr td, table.plainGrid tr td
{
border-bottom: 1px solid #e0ded8;
border-right: 1px solid #e0ded8;
}
table.grayHeaderGrid, table.plainGrid tr td
{
border-top: 1px solid #e0ded8;
border-left: 1px solid #e0ded8;
}
table.grayHeader tr.alternate td, table.alternate tr.alternate td, table.grayHeaderAlternate tr.alternate td, table.Plain-alternate tr.alternate td
{
background-color: #f9f8f7;
}
table.Plain-alternate tr:first-child td
{
/*background-color:#FFF; border-bottom: 0px; padding-top: 7px; padding-bottom: 5px; color: #000;*/
}
table.grayHeader tr:first-child td, table.grayHeaderAlternate tr:first-child td, table.grayHeaderLines tr:first-child td, table.grayHeaderGrid tr:first-child td, table.grayHeaderAlternate tr:first-child th
{
background-image: url(/media/gfx/table/head_bkg.gif);
background-position: bottom left;
background-repeat: repeat-x;
background-color: #b8b5ad;
border-bottom: 0px;
padding-top: 7px;
padding-bottom: 5px;
color: #fff;
}
/* BLUE LINKLIST */
.linkList_blueTop
{
background-image: url(/media/gfx/linkList_blueTop.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 10px;
width: 259px;
font-weight: bold;
font-size: 1.166em;
}
.linkList_blueTop li
{
width: 100%;
padding-bottom: 0px;
}
.linkList_blueTop li a
{
background-image: url(/media/gfx/linkList_arrow.gif);
background-position: 5px 50%;
background-repeat: no-repeat;
padding: 0.35em 0 0.4em 25px;
display: block;
}
html > body .linkList_blueTop li a
{
background-image: url(/media/gfx/linkList_arrow.png);
}
.linkList_blueTop li a:hover
{
background-image: url(/media/gfx/linkList_arrow_over.gif);
}
html > body .linkList_blueTop li a:hover
{
background-image: url(/media/gfx/linkList_arrow_over.png) !important;
}
/* SECTION HEADER - gray block */
.content.section h2.grayBlock
{
background-color: #948f86;
margin: 0px 0px 15px 0px;
padding: 10px 10px 20px 10px;
color: #fff;
}
.content.section h2.grayBlock
{
margin-left: -10px;
}
/* end */
/* PARTNER PORTAL */
.collapse
{
display: none;
margin-top: 0px;
}
.expand
{
clear: both;
}
.link-head a
{
color: #FFFFFF;
}
.grayHeader td.column1, .grayHeader td.column2, .grayHeader td.column3, .grayHeader td.column4, .alternate td.column1, .alternate td.column2, .alternate td.column3, .alternate td.column4
{
padding-bottom: 5px;
padding-top: 7px;
}
.grayHeader td.column1, .alternate td.column1
{
width: 130px;
}
.grayHeader td.column2, .alternate td.column2
{
width: 224px;
}
.grayHeader td.column3, .alternate td.column3
{
width: 115px;
}
.grayHeader td.column4, .alternate td.column4
{
width: 110px;
}
.expand td.column1 span
{
background-image: url('../../media/gfx/arrow-down.gif');
background-position: 5px 50%;
background-repeat: no-repeat;
padding-left: 25px;
}
.expand .open td.column1 span
{
background-image: url('/media/gfx/arrow-up.gif');
background-position: 5px 50%;
background-repeat: no-repeat;
padding-left: 25px;
}
.expand .open table tr td
{
background-color: #E2F4FF;
}
.twoColumns
{
clear: both;
}
.twoColumns li
{
float: left;
width: 50%;
}
.twoColumns li.first
{
clear: left;
}
div.infoBox
{
padding: 10px 10px 0px 10px;
margin: -1px 10px 0px 10px;
clear: left;
border-top: 1px solid #c3d4e2;
}
.infobox h3
{
text-transform: uppercase;
}
.documentList li
{
background-image: url('/media/gfx/banners/icon_pdf.png');
background-position: 0px 50%;
background-repeat: no-repeat;
padding-left: 25px;
line-height: 20px;
padding-top: 7px;
}
.documentFlashDataList li
{
background-image: url('/media/gfx/banners/icon_xls.png');
background-position: 0px 50%;
background-repeat: no-repeat;
padding-left: 25px;
line-height: 20px;
padding-top: 7px;
}
div.shipmentInfo h3.shipmentHeader
{
font-size: 1.7em;
font-weight: normal;
margin-top: 10px;
}
.shipmentTable td.column1
{
width: 75px;
text-align: left;
}
.shipmentTable td.column2
{
width: 214px;
}
.shipmentTable td.column3
{
width: 205px;
vertical-align: top;
}
.collapse
{
background-color: #E2F4FF;
}
table.alternate tr:hover td
{
background-color: #E2F4FF;
color: #F0B400;
}
table.alternate
{
margin-bottom: 0;
}
.infoBox ul
{
list-style-type: none;
padding: 0px;
}
.orderspace
{
float: left;
width: 10px;
display: block;
}
.arrow-cont
{
display: block;
float: left;
height: 16px;
margin-left: 5px;
margin-top: 3px;
width: 11px;
}
.arrow-cont input[type="image"]
{
margin-bottom: 3px;
}
.partnerFields
{
float: left;
}
table.grayHeader tr:first-child td, table.grayHeaderAlternate tr:first-child td, table.grayHeaderLines tr:first-child td, table.grayHeaderGrid tr:first-child td, table.grayHeaderAlternate tr:first-child th a
{
color: #FFFFFF;
}
.subTitle
{
/*color: #ffca2c;*/
color: #fec51b;
font-size: 22px;
float: left;
}
.subtitle_cont
{
float: left;
height: 40px;
width: 100%;
}
.subTitleimg
{
position: relative;
top: 5px;
left: 5px;
float: left;
}
h2.subTitle span
{
width: 0px;
}
h2.heading
{
margin-top: 3px;
color: #FFFFFF;
}
.bk_link a, .bk_link a:visited
{
color: #000000;
}
.inner-cont
{
width: 298px;
float: left;
margin-right: 20px;
}
.inner-cont_mid
{
width: 299px;
float: left;
margin-right: 20px;
}
.inner-cont_last
{
width: 299px;
float: left;
}
.inner-cont, .inner-cont_mid, .inner-cont_last
{
color: #000000;
margin-bottom: 10px;
}
.inner-cont span.heading, .inner-cont_mid span.heading, .inner-cont_last span.heading
{
color: #000000;
font-size: 20px;
line-height: 20px;
position: relative;
left: 0px; /*margin: 0 0 0 -6px; */
margin: -3px 0 0 0px;
padding: 0 8px 11px 0;
border-bottom: 2px solid #000000;
display: block;
}
.img_file
{
margin-top: 15px;
text-align: center;
height: 8px;
display: block;
}
.img_file_Products
{
margin-top: 5px;
text-align: center;
height: 8px;
}
.inner-cont ul, .inner-cont_mid ul, .inner-cont_last ul
{
margin: 0px;
padding: 0px;
list-style: none;
}
.inner-cont ul li, .inner-cont_mid ul li
{
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #CCCCCC;
}
.inner-cont_last ul li
{
padding: 0;
}
.line
{
height: 1px;
border-bottom: 1px solid #CCCCCC;
width: 225px;
}
.inner-cont_last ul li table
{
margin-top: 6px;
margin-bottom: 9px;
}
.headline
{
font-weight: bold;
}
.headline a, .headline a:visited
{
color: #000000;
}
.date_font
{
color: #BCB9B4; /*font-size: 10px;*/
font-weight: bold;
line-height: 1.6em;
}
.footer_font
{
color: #7EB0D1; /*font-size: 10px;*/
font-weight: bold; /*line-height: 25px;*/
line-height: 2em;
}
.product_content
{
width: 225px;
float: left;
padding-bottom: 5px;
}
.product_image
{
width: 60px;
float: left;
}
.product_content h4
{
font-size: 13px;
text-transform: uppercase;
}
.title1 h1
{
position: relative;
left: 0px;
font-size: 34px;
}
h4 a, h4 a:visited
{
color: #000000;
}
.main_content
{
height: 390px;
}
.NewsContainerReplace
{
width: 945px;
}
.NewsImages
{
/*width: 303px; height: 132px;*/
margin-top: 15px;
text-align: center;
min-height: 8px;
}
.panel-overlay a h1
{
color: #FFFFFF;
}
.subtitle_cont a
{
color: #fec51b;
display: block;
}
.link-heading-cont
{
display: block;
padding-left: 10px;
margin-left: -10px;
height: 90px;
}
.spncws-symbolfield
{
background-color: #FFFFFF;
color: #827E77;
font-size: 8pt;
}
/*Success Stories */
/*---------------------------------------------- */
.content.article h2.sucessstoryhead
{
font-size: 1.667em;
line-height: 38px;
}
.sucessstoryhead
{
color: #827e77;
text-align: left;
}
.filter-bar
{
background-image: url("/media/img/item-bg.png");
background-position: right top;
background-repeat: repeat-x;
height: 38px;
}
.filterPanelShow
{
background-image: url(/media/img/arrow-up1.gif);
background-repeat: no-repeat;
background-position: right top;
padding-left: 17px;
}
.filterPanelHide
{
background-image: url(/media/img/arrow-down1.gif);
background-repeat: no-repeat;
background-position: right top;
padding-left: 20px;
display: none;
}
.filterPanelImage
{
padding-left: 20px;
background-image: url(/media/img/arrow-down1.gif);
background-repeat: no-repeat;
background-position: right top;
}
.sucessstoryPanelShow
{
background-image: url(/media/img/minus.png);
background-repeat: no-repeat;
background-position: right center;
display: block;
float: right;
width: 100%;
text-indent:10px;
}
.sucessstoryPanelHide
{
background-image: url(/media/img/plus.png);
background-repeat: no-repeat;
background-position: right center;
display: block;
cursor: pointer;
float: right;
width: 100%;
text-indent:10px;
}
.sucessstoryPanelImage
{
padding-left: 20px;
background-image: url(/media/img/plus.png);
background-repeat: no-repeat;
float: right;
background-position: right center;
}
.success-list
{
width: 600px;
float: left;
}
.btn-container
{
width: 50px;
float: right;
margin: 10px 0px 6px 0px;
}
.btn-container a
{
margin-left: 3px;
}
.full-length
{
width: 598px !important;
}
.success-list1
{
width: 598px;
float: left;
}
.success-list h2
{
background: url("/media/gfx/banners/grayGradient_bkg.gif") repeat-x;
height: 35px;
line-height: 35px;
color: #FFFFFF;
padding-left: 5px;
}
.success_image
{
width: 180px;
}
.success_content
{
width: 400px;
height: 150px;
}
.sucessstoryline
{
height: 1px;
border-bottom: 1px solid #CCCCCC;
width: 400px;
}
.product_content_success
{
width: 218px;
float: left;
padding-bottom: 5px;
}
.bigfont
{
font-size: 18px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
text-transform: none !important;
float: left;
min-width: 100px;
display: block;
cursor: pointer;
}
.smallfont
{
font-size: 12px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
text-transform: none !important;
min-width: 100px;
float: right;
margin-right: 40px;
text-align: right;
cursor: pointer;
}
.repeat-container
{
width: 596px;
margin-bottom: 2px;
color: #948f86;
}
.repeat-container .img
{
width: 199px;
height: 150px;
margin-right: 10px;
float: left;
}
.repeat-container .content-repeater
{
width: 387px;
float: left;
}
/*p
{
margin: 0px;
padding: 0px;
}*/
.repeat-container .heading
{
font-size: 2;
font-weight: bold;
margin-bottom: 3px;
}
.ingress
{
font-size: 2;
}
.repeat-container .paragraph
{
font-size: 2;
margin-bottom: 15px !important;
}
.repeat-container .paragraph p
{
font-size: 12px !important;
margin-bottom: 15px !important;
color: #948F86 !important;
padding: 0px !important;
}
.repeat-container .config
{
font-size: 2;
margin-bottom: 15px;
}
.repeat-container a
{
color: #64a0c8;
text-decoration: none;
}
.repeat-container a:hover
{
color: #f0b400;
text-decoration: none;
}
.repeatset
{
width: 598px;
}
.repeat-container
{
margin: 2px 0px 2px 0px;
color: #948f86;
}
.img
{
width: 199px;
height: 150px;
margin-right: 10px;
float: left;
}
.img-grid
{
width: 198px;
height: 150px;
margin: 2px 3px 2px -1px;
float: left;
}
.img-grid-last
{
width: 196px;
height: 150px;
float: left;
margin: 2px 0px 2px -1px;
}
.content-list
{
width: 448px;
float: left;
}
.heading
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin-bottom: 3px;
}
.paragraph
{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.config
{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.head-bar
{
background-image: url(images/item-bg.png);
background-repeat: repeat-x;
height: 38px;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
line-height: 38px;
text-indent: 10px;
}
.right-content
{
float: left;
font-size: 12px;
font-weight: normal;
height: 38px;
line-height: 37px;
text-align: right;
width: 332px;
}
/*
.title
{
width: 220px;
height: 38px;
float: left;
}*/
.arrow-key
{
width: 46px;
height: 36px;
float: right;
margin-top: 2px;
}
.galleryview
{
background: url(/media/img/grid-view.png) no-repeat right top;
float: left;
display: block;
width: 22px;
height: 22px;
}
a:hover.galleryview
{
background: url(/media/img/grid-view-selected.png) no-repeat right top;
display: block;
float: left;
width: 22px;
height: 22px;
}
.galleryview_selected
{
background: url(/media/img/grid-view-selected.png) no-repeat right top !important;
}
.listview
{
background: url(/media/img/list-view.png) no-repeat right top;
float: left;
display: block;
width: 22px;
height: 22px;
}
a:hover.listview
{
background: url(/media/img/list-view-selected.png) no-repeat right top;
float: left;
display: block;
width: 22px;
height: 22px;
}
.listview_selected
{
background: url(/media/img/list-view-selected.png) no-repeat right top !important;
}
.shadow.footer
{
margin: 0px !important;
}
#sucessstorycontainer
{
margin-left: -2px;
}
.spl-margin
{
margin-top: 2px;
margin-left: -1px;
}
#sucessstorycontainerGallery table
{
margin: 0px !important;
padding: 0px !important;
}
.description
{
background: transparent url(/media/img/trans.png) right top !important;
zoom: 1;
}
/* -------- End Success Stories---------- */
.clear
{
clear: both;
}
/* new change*/
.sub-heading-text
{
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
html > body.article #ContentContainer.EventOverView
{
background-image: url(/media/gfx/contentContainer_topBkg_newsroom.png) !important;
}
html > body.article.EventOverView .contentHead
{
padding-bottom: 15px;
}
#ContentContainer.EventOverView .contentHead
{
background-color: #938f86;
background-image: url(/media/gfx/newsroom_header_bkg.jpg);
background-repeat: repeat-x;
background-position: top left;
margin-left: 1px;
margin-right: 1px;
padding-bottom: 15px;
padding-top: 15px;
color: #fff;
border-bottom: 0px;
}
.content.EventOverView .contentHead h1
{
color: #fff;
}
.content.EventOverView .contentHead p
{
padding-bottom: 0;
}
.content.EventOverView .contentMain
{
padding-top: 1px;
}
.EventOverView .newsList
{
margin-left: -10px;
margin-right: -10px;
}
.EventList a
{
cursor: pointer;
}
.EventList h2
{
padding-top: 20px;
color: #000;
font-weight: bold;
}
.EventOverView .EventList h2
{
padding-left: 10px;
}
.EventList li
{
clear: both;
}
.EventList li .date
{
float: left;
width: 11%;
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
font-weight: bold;
}
.EventList li .place
{
float: left;
width: 23%;
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
}
.EventList li .title
{
float: left;
padding-left: 1%;
display: block;
width: 60%;
}
ul.EventLis
{
margin: 0px !important;
}
.EventList .yearList ul
{
border-bottom: 1px solid #f9f8f7;
padding-bottom: 0px;
width: 100%;
}
.EventList .yearList li
{
width: 100%;
float: left;
clear: both;
padding-top: 0.3em;
padding-bottom: 0.3em;
background-color: #f9f8f7;
}
.EventList .yearList li.alternate
{
background-color: transparent;
padding-top: 0.3em;
padding-bottom: 0.3em;
}
.contentMain ul.EventList
{
margin-left: -10px !important;
margin-right: -10px !important;
}
/* -------- Video Gallery---------- */
div.player
{
height: 147px;
margin: 0px 4px 2px -1px;
width: 196px;
cursor: pointer;
float: left;
text-align: center;
}
div.videoplayer
{
height: 220px;
margin: 2px 3px 2px -1px;
width: 289px;
cursor: pointer;
float: left;
text-align: center;
}
div.videoplayer img
{
margin-top: 53px;
z-index: 10;
}
div.player img
{
margin-top: 50px;
}
div.player div.info a, div.player div.info a:hover
{
color: #f0b400;
}
div.player div.info
{
background: url("/media/img/h80.png") repeat-x scroll 0 0 #000000; /* background: transparent url(/media/img/trans.png) right top*/
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 32px;
margin-top: 1px;
opacity: 0.7;
padding: 7px;
text-align: left;
width: auto;
z-index: 100;
}
div.player div.info span
{
display: block;
}
.shadowboxtitle
{
font-size: 12px;
font-weight: normal;
line-height: 15px;
margin-bottom: 6px;
}
.nopadding p
{
padding: 0px;
margin: 0px;
}
.zero-padding
{
padding: 0px !important;
}
#videoOverview table
{
margin-bottom: 0px !important;
margin-left: -1px;
}
/*------------------------------------------
Video Control
------------------------------------------*/
.videoControl, .videorightbox, .videofile
{
position: relative;
}
.videoControl img
{
position: absolute;
left: 35%;
top: 35%;
}
.videorightbox img
{
position: absolute;
left: 35%;
top: 29%;
}
.videofile img
{
position: absolute;
left: 35%;
top: 35%;
}
/*
----------------------------------------
Black box for Right Section Control on Event Pages
----------------------------------------
*/
.event-info
{
background: #000000;
width: 290px;
}
.event-info div.heading
{
color: #f0b400;
font-size: 12px;
padding: 3%;
width: 94%;
border-bottom: 1px solid #f0b400;
margin-bottom: 10px;
}
.event-info div.infocontent
{
color: #ffffff;
margin: 0 10px 10px 10px;
}
/*Profile Setting*/
div#profileSelector
{
display: inline-block;
float: right;
margin: 0px 10px 0px 10px;
text-transform: uppercase;
font-size: 0.916em;
}
div#profileSelector a#profileSelectorLink
{
padding: 1px 25px 1px 8px;
margin-right: -2px;
background: transparent url(/media/gfx/menu/arrow_down_gray.gif) no-repeat 95% center;
color: #827E77;
font-weight: bold;
min-height: 15px;
min-width: 20px;
display: block;
}
div#profileSelector a#profileSelectorLink:hover
{
color: #FFD354;
}
div#profileSelector a#profileSelectorLink:active, div#profileSelector a#profileSelectorLink.open
{
background: #827E77 url(/media/gfx/menu/arrow_down_white.png) no-repeat 95% center;
color: white;
font-weight: bold;
min-height: 15px;
min-width: 20px;
display: block;
}
div#profileSelector ul#profileSelectorList
{
margin-top: 1px;
background-color: #827E77;
padding: 4px 0px;
position: absolute;
z-index: 10000;
display: none;
}
div#profileSelector ul#profileSelectorList a
{
color: white;
margin: 0px 8px;
}
div#profileSelector #profileSelectorList .selected a
{
color: #FFD354;
}
div#profileSelector ul#profileSelectorList a:hover
{
color: #FFD354;
}
ul#TopMenu li spl-width
{
width: 200px !important;
}
ul#TopMenu li a#profileSelectorLink
{
margin-right: 5px;
padding-right: 25px;
background-image: url(/media/gfx/menu/arrow_down_gray.gif);
background-position: 95% center;
}
ul#TopMenu li a#profileSelectorLink.open, ul#TopMenu li a#profileSelectorLink:hover
{
color: #000;
background-color: #FFD354;
background-image: url(/media/gfx/menu/arrow_down.gif);
background-position: 95% center;
background-repeat: no-repeat;
}
ul#TopMenu li a#profileSelectorLink.open
{
background-image: url(/media/gfx/menu/arrow_up.gif);
}
#profileSelectorList
{
display: none;
}
ul#TopMenu li.profileSelector ul
{
background-image: url(/media/gfx/menu/languageMenu_gradient.png);
background-position: 0px 0px;
background-repeat: repeat-x;
background-color: #f7ac19;
position: absolute;
padding-bottom: 6px;
margin-top: 1px;
z-index: 10000;
}
ul#TopMenu li.profileSelector ul li
{
float: none;
display: block;
clear: both;
}
ul#TopMenu li.profileSelector ul li.selected a
{
font-style: italic;
}
ul#TopMenu li.profileSelector ul li a
{
color: #000000;
background: none;
padding: 6px 12px 0px;
}
ul#TopMenu li.profileSelector ul li a:hover
{
color: #ffffff;
}
div#NotAvailableLanguage span
{
line-height: 20px;
}
div#NotAvailableLanguage
{
background-color: #FFD22A;
color: #000000;
height: 20px;
position: absolute;
text-align: center;
vertical-align: middle;
width: 100%;
}
ul#profileSelector
{
float: right;
width: 100%;
font-size: 0.833em;
margin-bottom: 0px;
padding-bottom: 0px;
}
ul#profileSelector li
{
float: right;
display: inline;
padding-bottom: 0px;
}
ul#profileSelector li a
{
display: block;
background-repeat: repeat-x;
background-position: top left;
float: left;
padding: 0px 8px 0px 8px;
height: 16px;
}
ul#profileSelector li.selected a
{
background-image: url(/media/gfx/language_selected_bkg.gif);
color: #fff;
}
ul#profileSelector li.selected a:hover
{
background-image: url(/media/gfx/language_over_bkg.gif);
color: #000;
}
/*-------------------------------------
Event Listing
---------------------------------------*/
.event-container
{
margin-bottom: 5px;
}
ul.GreyMenuItems
{
list-style: none;
margin: 0px;
padding: 0px;
}
ul.GreyMenuItems li
{
display: block;
background-color: #efeeed;
font-size: 11px;
color: #948f86;
text-transform: uppercase;
float: left;
margin-right: 2px;
margin-bottom: 2px;
}
ul.GreyMenuItems li a.eventLink
{
display: block;
color: #948f86;
line-height: 21px;
padding: 0px 20px;
text-decoration: none;
}
ul.GreyMenuItems li a:hover
{
display: block;
background-color: #000000;
color: #f0b400;
line-height: 21px;
padding: 0px 20px;
text-decoration: none;
}
ul.GreyMenuItems li a.lnkUpdate
{
display: block;
background-color: #000000;
color: #f0b400;
line-height: 21px;
padding: 0px 20px;
text-decoration: none;
}
.grey-content-set
{
background-color: #efeeed;
padding: 9px;
}
.txtcontainer-full-length
{
width: 598px;
}
.gapspacer
{
height: 5px;
}
.heading-event-list
{
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
height: 17px;
margin-bottom: 7px;
}
a.cal-icon
{
background: #9ec3de url(/media/img/cal-blue.png) no-repeat center;
width: 50px;
}
a:hover.cal-icon
{
background: #ffca2c url(/media/img/cal-orange.png) no-repeat center;
width: 50px;
}
span.financial
{
background: url(/media/img/event-icon.png) no-repeat right;
padding-right: 20px;
}
span.titleheading, p.titlesubheading
{
font-size: 14px;
font-weight: bold;
color: #000000;
}
span.titlesubheading, p.titlesubheading
{
font-size: 10px;
color: #948f86;
margin-top: 4px;
}
/*.content-line
{
width: 600px;
}*/
.upcoming-event
{
width: 248px !important;
}
.previous-event, .event-List
{
width: 298px !important;
}
.content-line-eventList
{
width: 298px;
}
.txtcontainer
{
float: left;
width: 548px;
}
.link
{
width: 50px;
float: right;
}
.content-line-eventList p, .content-line-eventList ul, .content-line-eventList li, .content-line-eventList h1, .content-line-eventList h2, .content-line-eventList h3, .content-line-eventList h4, .content-line-eventList h5, .content-line-eventList h6
{
margin: 0px;
padding: 0px;
}
.content-line-eventList table td
{
padding: 0px !important;
}
.content-line-eventList ul li, .content-line-eventList p
{
margin: 0;
padding: 0 0 0 0em !important;
}
.content-line p, .content-line ul, .content-line li, .content-line h1, .content-line h2, .content-line h3, .content-line h4, .content-line h5, .content-line h6
{
margin: 0px;
padding: 0px;
}
.content-line table td
{
padding: 0px !important;
}
.content-line ul li, .content-line p
{
margin: 0;
padding: 0 0 0 0em !important;
}
.event-container ul li
{
padding: 0 0 0 0em !important;
}
/*For Dynamic Content Control*/
.content-line-eventList-control
{
width: 289px;
}
.upcoming-event-control
{
width: 239px !important;
}
.previous-event-control, .event-List-control
{
width: 289px !important;
}
/*---------*/
.section_product_content
{
width: 194px;
margin-right:9px;
float: left;
padding-bottom: 5px;
}
.section_product_content h4
{
font-size: 13px;
text-transform: uppercase;
}
.section_line
{
height: 1px;
border-bottom: 1px solid #CCCCCC;
width: 203px;
}
ul.product-section li
{
margin:0px !important;
padding:0px !important;
}
ul.product-section table
{
width: 100%; margin: 0px !important; padding: 0px !important;
}
.main
{
position: relative;
}