custom widget */
.header div.linkitem {
display: inline;
}
.header div.servicelinks a {
color: #000;
padding-left: .5em;
background: url(/img/meta/servicelink_separator.gif) no-repeat 0 .5em;
}
/* custom add to render left separator bar and color if on current language page, render as text only not link */
.header div.servicelinks li.defaultLang {
color: #000;
padding-left: .5em;
background: url(/img/meta/servicelink_separator.gif) no-repeat 0 .5em;
color: #b28e00;
}
.header div.servicelinks a:hover {
color: #C00;
text-decoration:underline;
}
.header div.servicelinks a.act {
color: #b28e00;
}
/* custom add important to take precedence so left separator bar not rendered if first item link */
.header div.servicelinks a.firstItem {
background: none !important;
}
/* custom add to render first item with no left separator bar and color if first item is default language */
.header div.servicelinks li.firstItem {
background: none;
color: #b28e00;
}
/* quick search */
.quicksearch {
position: absolute;
padding-top: .5em;
top: 0;
right: .7em;
padding-left: 20px;
padding-bottom: 5px;
background: none;
}
.quicksearch label {
color: #fff;
vertical-align: middle;
padding-right: .5em;
}
.quicksearch input.q {
height: 1.05em;
width: 9.6em;
border: 1px solid #a2a2a2;
vertical-align: middle;
}
.quicksearch input.search {
height:auto;
background: #cc0202;
border: 1px solid #b10000;
font-size: 1em;
color: #fff;
vertical-align: top;
}
.quicksearch input.search:hover{
color: #fc0;
}
/*** print header ***/
.printheader {
display:none;
}
/*** content grid ***/
.navigation_content {
float: left;
width: 20em;
max-width:30%;
min-width:200px;
margin-bottom:20px;
}
.navigation_content img {
width:20em;
max-width:100%;
min-width:200px;
}
.navigation_content .menu a img {
height:0px!important;
width:0px!important;
min-width:0px!important;
}
.content_main_container {
overflow:hidden;
padding:0;
margin:0;
}
*html .content_main_container {
overflow:auto;
padding:0;
margin:0;
}
* +html .content_main_container {
overflow:auto;
padding:0;
margin:0;
}
.content_main {
width: 52em;
max-width:100%;
min-width:520px;
float: left;
padding: 0;
}
.content_main_index {
width: 52em;
max-width:100%;
min-width:520px;
float: left;
padding: 0;
background:url(/img/common/shadow_content_title_right.png) 0 0 no-repeat;
}
.container_title {
margin-bottom: 0;
padding: .9em 20px;
overflow: hidden;
}
.container_title_main {
background: #fc0;
margin-bottom: 2.2em;
padding: 1em 20px 2.2em;
overflow: hidden;
}
.container_title div.breadcrumb, .container_title_main div.breadcrumb {
margin-left:0;
margin-bottom:10px;
}
.container_title div.breadcrumb ul li a, .container_title_main div.breadcrumb ul li a{
background: url(/img/common/arrow.gif) no-repeat 0 .4em;
padding-right: 0;
padding-left: .6em;
margin-bottom: 1.1em;
}
.container_title div.breadcrumb li,
.container_title_main div.breadcrumb li {
display: inline;
padding-right: .6em;
padding-left: .3em;
background: url(/img/common/breadcrumb_separator.gif) no-repeat 100% .2em;
font-size: 1.2em;
}
.container_title div.breadcrumb li.first,
.container_title_main div.breadcrumb li.first {
padding-left: 0;
}
.container_title div.breadcrumb li.status, .container_title_main div.breadcrumb li.status {
font-weight: bold;
background: none;
color:#000;
}
.container_title div.breadcrumb li :hover, .container_title_main div.breadcrumb li :hover,
.container_title div.breadcrumb li.first :hover, .container_title_main div.breadcrumb li.first :hover {
text-decoration:underline;
color:#cc0202;
}
.container_title div.breadcrumb li.status :hover, .container_title_main div.breadcrumb li.status :hover {
text-decoration:none;
color:#000;
}
.container_title h1 {
font-size: 2em;
color: #000;
font-weight: normal;
margin-bottom: .2em;
}
.container_title_main h1 {
font-size: 2em;
color: #C00;
font-weight: normal;
margin-bottom: .2em;
}
.container_title p, .container_title_main p {
color: #666;
padding-top:.05em;
}
.container_1_1, .container {
padding: 0 20px;
}
.container {
margin-bottom: 1.1em;
}
.container h2 {
padding-bottom: .2em;
}
.container p {
color:#666;
}
.container_slot_1,
.container_slot_2 {
float: left;
width: 23em;
max-width:48%;
}
.container_slot_1 {
padding-right: 20px;
}
.content_cross_reference {
width: 26em;
border-top:1px solid #DDD;
float: left;
padding-top: 2.2em;
margin-top:-1px;
}
/* need to comment out if using above two classes */
.content_cross_reference hr {
margin-right: 1em;
margin-left: 2em;
}
/*** footer styles ***/
.footer {
width: 73em;
max-width:99%;
min-width:730px;
padding-top: 5em;
background: url(/img/common/shadow_footer_right.gif) no-repeat 100% 100%;
clear: left;
}
.footer p {
font-size: 1em;
color: #000;
}
.footer div.container {
padding: 1em 1em .5em;
background: #fc0;
width: 70em;
max-width:96%;
margin-bottom: 0;
}
.footer .logo {
float: left;
}
.footer .footer_navigation {
float: right;
text-align: right;
}
.footer .footer_navigation li {
display: inline;
/* custom add padding-right because custom widget rendering seemed to squish the text and separator */
padding-right: .28em;
/* moved from .footer .footer_navigation li a */
padding-left: .5em;
background: url(/img/meta/servicelink_separator.gif) no-repeat 0 .4em;
}
/* custom add so left separator bar not rendered if first item footer link */
.footer .footer_navigation li.firstItem, .footer .footer_navigation li.firstItem a {
background: none;
}
.footer .footer_navigation a.email {
padding-left: 1.6em;
background: url(/img/meta/icon_mail.gif) no-repeat 0 .1em;
}
.footer .footer_navigation a.print {
padding-left: 2.3em;
background: url(/img/meta/icon_print.gif) no-repeat 0 0;
}
.footer a:hover {
text-decoration:underline;
}
/*** shadow styles ***/
.navigation_main_shadow {
position: absolute;
font-size: 1.3em;
width: 100%;
left: 0;
top: 6.6em;
background: url(/img/common/shadow_navigation_main_bottom.png) no-repeat;
}
.content_main_shadow {
position: absolute;
height: 409px;
top: 4.6em;
width: 72em;
max-width:99%;
min-width:720px;
background: url(/img/common/shadow_content_main_right.png) no-repeat 72em 0;
padding-right:1em;
}
.content_title_shadow_index {
position: absolute;
width: 1em;
height: 33em;
left: 20em;
top: 9.5em;
background: url(/img/common/shadow_content_title_right.png) no-repeat;
}
/*** headerservicelinks repositioning ***/
.headerservicelinks{
position:absolute;
right: 0.7em;
}
/* /apps/dhl/docroot/css/modules.css */@charset "utf-8";
/* CSS commands for modules */
.module {
margin: 0 1em 1.1em 2em;
/* vorher das warum?? margin: 0 2em 1.1em 2em;*/
}
.favoritesselector {
display: none; /* for all browser*/
*/display: block; /* for all IE */
}
/* changed - nested module fix */
.module .module,
.module .module .module,
.module .module .module .module {
margin:0;
}
/*new IO*/
.container_1_1 .standardarticle .module {
margin: 0;
}
.tabs .standardarticle .module,
.container_1_1 .transactionteaser .module .module {
margin: 0 0 1.1em;
}
#container_1_1 .module {
margin: 0;
}
/* CL new */
.container_1_1 .module {
margin: 0;
}
/* IO new */
.container_1_1 .contentteaser .module,
.container_1_1 .transactionteaser .module,
.container_1_1 .fasttrack .module,
.container_1_1 .linklistdropdown .module,
.cq-colctrl-lt0 .contentteaser .module,
.cq-colctrl-lt0 .transactionteaser .module,
.cq-colctrl-lt0 .fasttrack .module,
.cq-colctrl-lt0 .linklistdropdown .module {
margin: 0;
padding: 0 0 1.1em;
}
.container_1_1 .transactionteaser .module .module {
margin: 0;
padding: 0;
}
.container_1_1 .dropofflocator .dhl {
padding: 0 0 1.1em;
}
.cq-colctrl-lt0 .transactionteaser .module .module {
margin: 0;
padding: 0;
}
.cq-colctrl-lt0 .dropofflocator .dhl {
padding: 0 0 1.1em;
}
.content_cross_reference .dropofflocator .dhl {
margin: 0 1em 1.1em 2em;
}
.spacer {
margin-top:1.2em;
}
/* IO new */
.container_1_1 .spacer,
.content_cross_reference .spacer {
margin-top:0;
}
.module h2 {
/*changed module h2 color to black*/
color: #000;
}
textarea,
select {
border: 1px solid #7f9db9;
}
/*** styles for Content Teaser ***/
/*.content_cross_reference .contentteaser {
margin-left:-2em;
}*/
.module h2 a {
color: #c00;
text-decoration:none;
}
.module h2 a:hover {
color: #cc0001;
text-decoration:underline;
}
.module p {
line-height:1.25em;
}
.module .richtext {
line-height:1.25em;
}
/* new/added IO - workaround copy in title without p-tag */
.ct_image {
float:left;
padding-top:6px;
margin-right:4px;
}
/*Added class ct_image_right*/
.ct_image_right {
float:right;
padding-top:6px;
margin-left:4px;
}
/* new/added IO*/
.ct_image a,
.ct_image_right a {
font-size:0;
}
/*** styles for Standard and News Article ***/
.standard_article h2 {
margin:0 0 .2em;
}
.standard_article p {
font-size: 1em;
line-height: 1.55em;
color: #666;
padding: .2em 0 .8em;
}
.standard_article ul {
list-style:square;
margin:1px 0 10px;
}
.standard_article li {
list-style:square;
margin-left:15px;
color:#666;
font-size:1.2em;
line-height:1.8em;
}
.standard_article .richtext li {
list-style:square;
margin-left:15px;
color:#666;
font-size:1em;
line-height:1.453em;
}
/*Added standard article list properties*/
.standard_article ol {
list-style:decimal;
margin:1px 0 10px;
}
.standard_article ol li {
list-style:decimal;
margin-left:18px;
}
/* IO New */
.standardlink a {
font-size: 1.2em;
}
.news_article h2 {
margin:0 0 .3em;
}
.news_article h3 {
margin:0 0 .2em .1em;
}
.news_article p {
font-size: 1.2em;
line-height: 1.55em;
color: #666;
padding: 0 0 2em;
}
.news_article ul {
list-style:square;
margin:.1em 0 1em .1em;
}
.news_article li {
list-style:square;
margin-left:13px;
color:#666;
font-size:1.2em;
line-height:1.8em;
}
/*Added news article list properties*/
.news_article ol {
list-style:decimal;
margin:1px 0 10px;
}
.news_article ol li {
list-style:decimal;
margin-left:18px;
}
.news_article p.newsDate {
font-size:1.1em;
padding: 0 0 .8em;
}
.articleImg_left {
float:left;
margin:.3em 1.6em .1em 0;
}
.articleImg_right {
float:right;
margin:.3em 0 0 1.6em;
}
/*special 4 centered img´s in column c*/
.content_cross_reference .articleImg {
float:right;
margin:0.3em 1.6em 0.1em 0;
}
.content_cross_reference .articleImg_right {
padding-right:1.3em!important;
}
.caption {
font-size:1.1em;
color:#666;
line-height:1.2em;
}
.cp230 {
width:230px;
}
.shadow_img {
background: url(/img/common/shadow_images.gif) no-repeat bottom right;
padding: 0 5px 4px 0;
display: block;
}
.standard_article .dijitExpand_ListTitlePane {
margin-bottom:2.1em;
}
/*** styles for Global locator ***/
.locator form {
height: 4.8em;
padding-top: 1em;
text-align: right;
margin-right: 1em;
}
.locator label {
color: #c00;
font: bold 1.2em Arial;
vertical-align:text-bottom; /* CHANGED THIS */
}
.locator select {
font-size: 1.1em;
width: 15em;
background: #ffd940;
border: 1px solid #f5c300;
margin: 0 0 .3em 1em;
}
.locator select.worldwide {
margin-right: 2.2em; /* CHANGED THIS */
}
.locator input.locator_go {
font-size: 1.1em;
width: 2em;
color: #fff;
background: #cc0001;
border: none;
vertical-align: baseline;
margin-bottom: .3em;
cursor:pointer;
}
/*** styles for Button:hover ***/
.locator input.locator_go:hover,
.fast_track input.track:hover,
.link_list_grey input.go:hover,
.link_list_white input.go:hover,
.formpage input.formbutton:hover, .formpage input.submitbutton:hover,
.conversion_calculator input.go_01:hover,
.conversion_calculator input.go_02:hover,
.conversion_calculator input.go_03:hover,
.conversion_calculator input.go_04:hover,
.currency_converter input.convert:hover,
.currency_converter input.clear:hover,
.paperwork input.submitbutton:hover,
.paperwork input.formbutton:hover,
.drop_off_locator_simple input.go:hover,
.drop_off_locator_full input.go:hover,
.drop_off_locator_full input.clear:hover,
.drop_off_results input.search:hover,
.nordic_component input.book:hover,
.nordic_component input.book_print:hover,
.shipment_tracking input.track:hover,
.tracking_shipper_ref input.track:hover,
.volumetric_weight input.calculate:hover {
color: #fc0;
}
/*** Fontstyles for Button:hover ***/
.locator input.locator_go,
.fast_track input.track,
.link_list_grey input.go,
.link_list_white input.go,
.formpage input.formbutton, .formpage input.submitbutton,
.conversion_calculator input.go_01,
.conversion_calculator input.go_02,
.conversion_calculator input.go_03,
.conversion_calculator input.go_04,
.currency_converter input.convert,
.currency_converter input.clear,
.paperwork input.submitbutton,
.paperwork input.formbutton,
.drop_off_locator_simple input.go,
.drop_off_locator_full input.go,
.drop_off_locator_full input.clear,
.drop_off_results input.search,
.nordic_component input.book,
.nordic_component input.book_print,
.shipment_tracking input.track,
.tracking_shipper_ref input.track,
.volumetric_weight input.calculate {
font-family:Arial, Helvetica, sans-serif!important;
}
/*** styles for Newslist ***/
.dijitNewsListTabPaneWrapper {
clear: both;
}
.newslist_pic_teaser {
float:left;
}
.newslist_txt_teaser {
line-height: 1.5em;
margin-left: 6.8em;
margin-bottom: 15px;
}
.vertical_line {
clear:both;
background:url(/img/common/vertical_line.gif) repeat-x;
height:3px;
margin-top: 15px;
margin-bottom: 13px;
}
/*** styles for Newslist small ***/
.news_teaser_img {
float:left;
padding-top:1.6em;
}
.teaser_box {
float:left;
width:25em;
padding-left:1.8em;
}
.news_teaser_txt {
line-height:1.5em;
}
.news_teaser_date, .news_teaser_txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
}
.news_teaser_txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
.news_teaser_date {
color: #999;
}
.news_teaser_headline {
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight:bold;
margin-bottom: .5em;
}
.news_teaser_txt {
color: #666;
margin-bottom: 1.5em;
}
/*** styles for ExpandableList ***/
.expand_list_txt {
padding-left: 1.5em;
line-height:1.5em;
margin-bottom:1em;
}
.expand_list_img_left {
float:left;
margin: 3px 5px 5px 0;
}
.expand_list_img_right {
float:right;
margin: 3px 0 5px 5px;
}
.expand_list_txt li {
list-style:square;
/* IO Change line-height:1.8em;*/
line-height:1.5em;
margin-left: 1.1em;
}
.expand_list_txt a.arrowLink {
font-size:1em;
}
.article_list {
color:#000;
font-weight:normal;
}
.ArticleTitleContent {
padding: 0 0 .3em 1.5em;
}
/*** styles for TransactionTeaser ***/
.transaction_teaser {
background:#f2f2ed;
padding: 1em;
padding-bottom:1.2em;
}
.transaction_teaser_headline {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
margin-bottom: .5em;
margin-top:-.25em;
}
.transaction_teaser_headline h2{
font-size: 1.2em;
}
.transaction_teaser_txt {
font-family: Arial, Helvetica, sans-serif;
/* IO change font-size: 1.2em;*/
font-size: .9em;
}
/*** !!! 10/02/2009 !!! ***/
/*** !!! start new styles for transaction teaser copy !!! ***/
.transaction_teaser p{
padding:.2em 0;
}
.transaction_teaser_txt p{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding:0 0 .2em;
}
/*** !!! end new styles for transaction teaser copy !!! ***/
/*** !!! 10/02/2009 !!! ***/
.transaction_teaser ul li {
list-style:square;
}
/*** !!! 21/04/2009 !!! ***/
/*** !!! start new styles for transaction teaser white in cross reference column !!! ***/
.transaction_teaser_white .content_teaser {
margin-left:0;
}
.content_teaser ul {
margin-left:1.4em;
/* IO change - new font-size */
font-size:1.2em;
}
.richtext ul {
/* IO change - new font-size inner richtext div */
font-size:1em;
}
#containerleftpar_transactionteaser .module {
margin:0;
}
/*** !!! end new styles for transaction teaser white in cross reference column !!! ***/
/*** styles for FastTrack ***/
.fast_track {
background:#f2f2ed;
padding: .85em;
padding-bottom:1.2em;
font-size: 1.2em;
}
.fast_track .error {
font-size: 1em;
color:#cc0202;
margin-bottom:.2em;
}
.fast_track_headline {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
margin-bottom: .5em;
margin-top:-.2em;
}
.fast_track .shipment {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
display:block;
}
.fast_track select.shipment {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
height: 1.7em;
width: 15em;
border: 1px solid #7f9db9;
}
.fast_track textarea.code {
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
height: 4em;
/* IO change width: 20.1em;
width: 23.1em;*/
width: 100%;
border: 1px solid #7f9db9;
vertical-align: middle;
padding-left:1px;
padding-top:1px;
overflow:hidden;
margin-top: 8px;
margin-bottom: 10px;
}
.fast_track input.track {
/* IO change height: 1.5em;*/
background: #cc0202;
border: 1px solid #cc0201;
font-size: 1em;
color: #fff;
vertical-align: middle;
cursor:pointer;
float:right;
}
.fast_track #hilfe_01 {
float:right;
background:url(/img/common/help.png) no-repeat;
width: 17px;
height: 17px;
cursor:pointer;
margin-top:-.1em;
}
/*** styles for LinkListDropdown ***/
.link_list_grey {
background:#f2f2ed;
padding: .85em;
padding-bottom:1.2em;
}
.link_list_grey fieldset {
margin-top:-.25em;
}
.link_list_grey p {
margin-bottom:.3em;
margin-top:0; /*changed with padding below margin-top:-.4em;*/
}
.link_list_grey h2 {
font-size: 14px;
/*changed padding-bottom added*/
padding: 0 0 .4em; /*changed with margin above padding: 0 0 .8em;*/
}
.link_list_grey legend {
color:#000;
font-size: 1.1em;
font-weight: bold;
margin-bottom:.5em;
display:none;
}
.link_list_grey label {
display:block;
/* changed - font-size: 1.2em; - added*/
font-size: 1.2em;
}
.link_list_grey .dropdown {
float:left;
}
.link_list_grey select.linklist_dropdown_01,
.link_list_grey select.linklist_dropdown_02 {
font-family: Arial, Helvetica, sans-serif;
/*changed - font-size: .9em; */
font-size: 1.05em;
height: 1.7em;
width: 15em;
border: 1px solid #7f9db9;
}
.link_list_grey select.linklist_dropdown_01 {
margin-bottom:.7em;
}
.link_list_grey input.go {
/* IO changed it back height: 1.8em;*/
background: #cc0202;
border: 1px solid #cc0201;
/* IO changed it back font-size: .8em;*/
/* changed - font-size: 1.1em; */
font-size: 1.1em;
color: #fff;
/* IO changed it back float:right;*/
/*float:right;*/
cursor:pointer;
/* changed - margin-top:-1.9em; */
/*margin-top:-1.9em;*/
/* changed - vertical-align:top; - added */
vertical-align:sub;
}
.link_list_grey select.worldwide {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
height: 1.7em;
width: 18em;
border: 1px solid #7f9db9;
/*Removed the float:left*/
margin-bottom:1em;
}
.link_list_grey select.country {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
height: 1.7em;
width: 18em;
border: 1px solid #7f9db9;
}
.link_list_white {
padding-bottom:.4em;
}
.link_list_white .error{
color:#cc0202;
margin-bottom:.2em;
}
.link_list_white p{
margin-bottom:.35em;
margin-top:-.1em;
}
.link_list_white label {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
display:block;
}
.link_list_white legend {
color:#000;
font-size: 1.1em;
font-weight: bold;
margin-bottom:.5em;
display:none;
}
.link_list_white select.linklist_dropdown_w01,
.link_list_white select.linklist_dropdown_w02 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
height: 1.7em;
width: 18em;
border: 1px solid #7f9db9;
margin-top:.2em;
margin-right:.7em;
}
.link_list_white select.linklist_dropdown_w01 {
margin-bottom:.7em;
}
.link_list_white input.go {
/* changed - height: 1.5em*/
height: 1.6em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: 1.1em;
color: #fff;
padding-bottom:.1em;
/* changed - vertical-align: top; - added */
vertical-align: middle;
cursor:pointer;
}
.link_list_white select.worldwide {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
height: 1.7em;
width: 18em;
border: 1px solid #7f9db9;
margin-bottom:1em;
}
.link_list_white select.country {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
height: 1.7em;
width: 18em;
border: 1px solid #7f9db9;
margin-right:.9em;
margin-bottom:1em;
}
/* IO New */
.transaction_teaser .link_list_grey {
background:#f2f2ed;
padding: 0;
/*padding-bottom:1.20em;*/
/*changed font-size: 1.2em; */
font-size: 1em;
}
/* IO New */
.transaction_teaser .link_list_grey select.linklist_dropdown_01,
.transaction_teaser .link_list_grey select.linklist_dropdown_02 {
font-size: 1.1em;
margin-top:0;
}
.transaction_teaser .link_list_grey select.linklist_dropdown_02 {
margin:0 .5em 1em 0;
}
.transaction_teaser .link_list_grey select.country {
border:1px solid #7F9DB9;
font-family:Arial,Helvetica,sans-serif;
font-size:.9em;
height:1.7em;
margin-top:.2em;
width:15em;
}
/*** styles for Links ***/
a {
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: underline;
color: #c00;
}
a.arrowLinkUp {
background: url(/img/common/arrow_up.gif) no-repeat 0 .2em;
padding-left: 1em;
margin-left: -.2em;
}
a.arrowLink {
background: url(/img/common/arrow.gif) no-repeat 0 .4em;
padding-left: .7em;
}
a.arrowLink_space {
background: url(/img/common/arrow.gif) no-repeat 0 .4em;
padding-left: .7em;
display:block;
}
.zoom_in {
background: url(/img/common/zoom_in.gif) no-repeat 0 .2em;
padding-left: 1.3em;
}
.zoom_out {
background: url(/img/common/zoom_out.gif) no-repeat 0 .2em;
padding-left: 1.3em;
}
.anchorLink {
background: url(/img/common/anchor_arrow.gif) no-repeat 0 .45em;
/*changed - padding-left: .9em;*/
padding-left: .7em;
}
.dlLink {
background: url(/img/common/dl_arrow.gif) no-repeat 0 .35em;
font-size:1em;
padding-left: .7em;
padding-right: .4em;
display: block;
}
.downloadLink {
background: url(/img/common/dl_arrow.gif) no-repeat 0 .35em;
font-size:1em;
padding-left: .7em;
padding-right: .4em;
}
.dlLink:hover{
text-decoration:underline;
}
.favLink {
background: url(/img/common/favorites_star.gif) no-repeat 0 .1em;
padding-left: 1.4em;
}
.favLink:hover {
text-decoration:underline;
color: #cc0202;
}
a.doc_pdf,
a.doc_exl,
a.doc_doc,
a.doc_ppt,
a.doc_txt,
a.doc_zip,
a.doc_img,
a.doc_wmv,
a.doc_mov,
a.doc_swf {
color: #666;
background: url(/img/common/doc_type.gif) no-repeat;
padding-left: 1.2em;
font-weight:normal;
}
a.doc_pdf {
background-position: 0 0;
}
a.doc_exl {
background-position: 0 -16px;
}
a.doc_doc {
background-position: 0 -32px;
}
a.doc_ppt {
background-position: 0 -48px;
}
a.doc_txt {
background-position: 0 -64px;
}
a.doc_zip {
background-position: 0 -80px;
}
a.doc_img {
background-position: 0 -96px;
}
a.doc_wmv {
background-position: 0 -112px;
}
a.doc_mov {
background-position: 0 -128px;
}
a.doc_swf {
background-position: 0 -144px;
}
a.doc_pdf:hover,
a.doc_exl:hover,
a.doc_doc:hover,
a.doc_ppt:hover,
a.doc_txt:hover,
a.doc_zip:hover,
a.doc_img:hover,
a.doc_wmv:hover,
a.doc_mov:hover,
a.doc_swf:hover {
color: #666;
text-decoration:none;
}
.linkup { background-image:url(/img/common/arrow_up.gif); background-repeat:no-repeat;background-position:0 .2em;padding-left:1.1em;line-height:1.5em}
.linkside{ background-image:url(/img/common/arrow.gif); background-repeat:no-repeat;background-position:.2em .4em;padding-left:1em;line-height:1.5em}
/*** styles for Form Pages ***/
.formpage h2, .formpage h3 {
margin-top: 2em;
}
.formpage h3 {
font-size: 1.2em;
}
.formpage label {
display: block;
font-size: 1.2em;
color: #666;
margin-top: 1em;
}
.formpage fieldset {
border:0;
}
.formpage legend {
display:none;
}
.paperwork legend {
display: inline;
}
.formpage label.inlineLabels {
display: inline;
line-height: 2em;
}
.formpage p {
margin-bottom: 1.15em;
}
.formpage input {
margin-right: .5em;
vertical-align:text-top; /* CHANGED THIS */
}
.formpage .maxfield {
width: 33.7em;
margin-right: 0;
margin-top: .2em;
border:1px solid #7F9DB9;
font-size:1.1em;
padding:.2em;
color:#666;
}
.formpage .minfield {
width: 5.5em;
margin-right: 0;
margin-top: .2em;
border: 1px solid #7f9db9;
font-size:1.1em;
padding:.2em;
color:#666;
height:1.2em; /* CHANGED THIS */
}
.formpage .file_upload {
border: 1px solid #7f9db9;
font-size:1.1em;
padding:.2em;
color:#666;
margin-top:.2em;
}
.formpage .maxfield:focus,
.formpage .minfield:focus,
.formpage .file_upload:focus,
.formpage textarea:focus,
.formpage select:focus {
color:#000;
}
.formpage .checkalone {
margin: 4em 0;
}
.formpage textarea {
width: 24.1em;
height: 5.5em;
font: normal 1.1em Arial;
color:#666;
padding:.1em .2em;
margin-top: .2em;
}
.formpage select {
width: 24.7em;
font-size:1.1em;
height:1.7em;
color:#666;
margin-top: .2em;
}
.formpage input.formbutton, .formpage input.submitbutton {
background: #666;
border: none;
color: #fff;
font-size: 1.1em;
padding: .1em;
float: left;
}
.formpage input.submitbutton {
background: #cc0001;
float: right;
margin-right: 2.4em;
}
.formpage .helpbutton {
vertical-align: top;
cursor:pointer;
margin-top: .2em;
}
.formpage h1 .helpbutton, .formpage h2 .helpbutton, .formpage h3 .helpbutton {
margin-top:0;
}
.dhl .dijitTooltipContainer {
font-size: 1.2em;
}
.formpage .formerror {
color: #c00;
font-weight: bold;
}
.formpage .error_txt {
color: #c00;
font-weight: normal;
}
.formpage div.errorlist{
color: #c00;
}
.formpage div.errorlist a {
color: #c00;
font-weight: bold;
}
.formpage div.errorlist li {
font-size: 1.2em;
line-height: 2.2em;
list-style-type: none;
background: url(/img/common/form_error_bullet.gif) no-repeat 0 1em;
padding-left: 1em;
}
/*** styles for Table Spreadsheet ***/
.spreadsheet .tableborder {
border-bottom: 2px solid #d1d1d1;
margin-bottom: 2em;
}
.spreadsheet table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
empty-cells: show;
}
.spreadsheet caption {
font-size: 1.2em;
font-weight: bold;
padding-bottom: .75em;
border-bottom: 2px solid #d1d1d1;
}
.spreadsheet th, .spreadsheet td {
background: #e8e8e4;
font-size: 1.1em;
padding: .2em .6em;
vertical-align: top;
border-right: 3px solid #fff;
border-bottom: 1px solid #d1d1d1;
}
.spreadsheet td {
background: #fff;
}
.spreadsheet .rowGrey {
background: #f2f2ed;
}
.spreadsheet .rowWhite {
background: #fff;
}
.spreadsheet .lastChild {
border-right: none;
}
.spreadsheet .lastRow {
border-bottom: none;
}
/*** styles for ConversionCalculator ***/
.conversion_calculator_container {
padding-bottom:2.1em;
}
.conversion_calculator {
background:#f2f2ed;
padding: 1em;
font-size: 1.2em;
}
.conversion_calculator p {
font-size: 1em;
}
.conversion_cal_headline {
color:#000;
font-size: 1.1em;
font-weight: bold;
}
.conversion_calculator fieldset,
.taskcenter fieldset,
.link_list_grey fieldset,
.link_list_white fieldset,
.fast_track fieldset {
border:0;
}
.conversion_calculator legend,
.taskcenter legend,
.link_list_white legend,
.fast_track legend {
display:none;
}
.conversion_calculator label {
margin-right:.5em;
}
.conversion_calculator .cal_length,
.conversion_calculator .cal_area,
.conversion_calculator .cal_volume,
.conversion_calculator .cal_weight {
float:right;
margin-top:.8em;
vertical-align:middle;
text-align:right;
width:100%;
}
.conversion_calculator input.length,
.conversion_calculator input.area,
.conversion_calculator input.volume,
.conversion_calculator input.weight {
color: #666;
font-size: .75em;
height: 1.5em !important;
width: 7.6em;
border: 1px solid #7f9db9;
margin-right:.7em;
padding-top:.1em !important;
padding-left:.2em;
}
.conversion_calculator input.length:focus,
.conversion_calculator input.area:focus,
.conversion_calculator input.volume:focus,
.conversion_calculator input.weight:focus {
color: #000;
}
.no_label {
display:none;
}
.conversion_calculator select.conversion_01,
.conversion_calculator select.conversion_02,
.conversion_calculator select.conversion_03,
.conversion_calculator select.conversion_04 {
color: #666;
font-size: .85em;
height: 1.8em !important;
width: 15.5em;
border: 1px solid #7f9db9;
margin-right:.7em;
vertical-align:top;
}
.conversion_calculator select.conversion_01:focus,
.conversion_calculator select.conversion_02:focus,
.conversion_calculator select.conversion_03:focus,
.conversion_calculator select.conversion_04:focus {
color: #000;
}
.conversion_calculator input.go_01,
.conversion_calculator input.go_02,
.conversion_calculator input.go_03,
.conversion_calculator input.go_04 {
height: 1.8em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: .8em;
color: #fff;
padding-bottom: .2em;
margin-right:1.2em;
cursor:pointer;
padding-top:0 !important;
padding-left:0 !important;
padding-right:0 !important;
vertical-align:top;
}
.conversion_calculator input.result_01,
.conversion_calculator input.result_02,
.conversion_calculator input.result_03,
.conversion_calculator input.result_04 {
color: #666;
font-size: .75em;
height: 1.5em !important;
width: 8.5em;
border: 1px solid #7f9db9;
padding-top:.1em !important;
padding-left:.2em;
vertical-align:top;
}
.conversion_calculator input.result_01:focus,
.conversion_calculator input.result_02:focus,
.conversion_calculator input.result_03:focus,
.conversion_calculator input.result_04:focus {
color: #000;
}
.no_float {
clear:both;
}
/*** styles for CurrencyConverter ***/
.currency_converter {
background:#f2f2ed;
padding: 1em;
font-size: 1.2em
}
.currency_converter p {
font-size: 1em;
}
.currency_converter legend {
color:#000;
font-size: 1.1em;
font-weight: bold;
}
.currency_converter fieldset {
border:0;
}
.currency_converter label {
font-size: .95em;
}
.currency_converter .amount_set {
margin-bottom:1.45em;
}
.currency_converter .currency_set {
margin-bottom:1.45em;
float:left;
width: 44.8%;
}
.currency_converter .amount_legend {
margin-bottom:.3em;
}
.currency_converter .value_label {
color:#000;
margin-bottom: .1em;
display:block;
}
.currency_converter .currency_label {
color:#666;
float:left;
}
.currency_converter .result_label {
margin-right:.5em;
font-weight: bold;
}
.currency_converter .currency_converter_buttons {
width:100%;
height: 1em;
}
.currency_converter input.convert {
height: 1.8em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: .9em;
line-height: 1.4em;
color: #fff;
padding-bottom: .2em;
cursor:pointer;
float: right;
}
.currency_converter input.clear {
height: 1.8em;
background: #666;
border: 1px solid #666665;
font-size: .9em;
line-height: 1.4em;
color: #fff;
padding-bottom: .2em;
cursor:pointer;
float:left;
}
.currency_converter input.currency_value {
width:9em;
}
.currency_converter input.convert_result {
width:19.5em;
}
.currency_converter input.currency_value,
.currency_converter input.convert_result {
color: #666;
font-size: .75em;
height: 1.7em;
border: 1px solid #7f9db9;
padding-top:.2em;
padding-left:.2em;
}
.currency_converter input.currency_value:focus,
.currency_converter input.convert_result:focus {
color:#000;
}
.currency_converter select.further_currencies_01,
.currency_converter select.further_currencies_02 {
color: #666;
font-size: .85em;
height: 1.8em !important;
width: 100%;
border: 1px solid #7f9db9;
margin-right:.7em;
margin-bottom:.1em;
}
.currency_converter select.further_currencies_01:focus,
.currency_converter select.further_currencies_02:focus {
color:#000;
}
.currency_converter .currency_radio {
/*margin-bottom:.45em;*/
vertical-align:middle;
width:100%;
}
.currency_converter .convert_from,
.currency_converter .convert_to {
padding-top:.55em;
height:13px;
}
.currency_converter .input_area {
float:left;
padding-top:.1em;
padding-right:.3em;
}
.currency_converter .convert_arrow {
background:url(/img/modules/7_04_dhl_currency_converter_convert_to_20_21.gif) no-repeat ;
width:20px;
height:21px;
float:left;
margin-top:4em;
margin-left:8px;
margin-right:8px;
}
.currency_converter .us_flag,
.currency_converter .gb_flag,
.currency_converter .jp_flag,
.currency_converter .eu_flag {
background:url(/img/modules/7_04_dhl_currency_converter_flags_18_52.gif) no-repeat;
width:18px;
height:13px;
float:right;
cursor:pointer;
}
.currency_converter .us_flag {
background-position: 0 0;
}
.currency_converter .gb_flag {
background-position: 0 -13px;
}
.currency_converter .jp_flag {
background-position: 0 -26px;
}
.currency_converter .eu_flag {
background-position: 0 -39px;
}
.currency_converter .convert_result {
width: 100%;
float:right;
text-align: right;
}
/* custom add 05/13/2009 for error messages */
.currency_converter .error li {
margin-left:20px;
}
/* end custom add 05/13/2009 for error messages */
/*** styles for StatusLine ***/
.status,
.status_proforma {
width:100%;
overflow:hidden;
margin-bottom:2em;
}
.status div.statusLine,
.status div.statusLineLast,
.status div.statusLineLast_pic,
.status_proforma div.statusLine,
.status_proforma div.statusLineLast,
.status_proforma div.statusLineLast_pic {
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
position: relative;
float:right;
}
.status div.statusLineBorder,
.status_proforma div.statusLineBorder {
height: 1%;
}
.status div.stepFrameFirst, .status div.stepFrame, .status div.stepFrameActive, .status div.stepFrameLast,
.status_proforma div.stepFrameFirst, .status_proforma div.stepFrame, .status_proforma div.stepFrameActive, .status_proforma div.stepFrameLast {
float: left;
height: 2.9em;
border-bottom: 1px solid #dbdbdb;
border-top: 1px solid #dbdbdb;
background:#fff;
}
.status div.stepFrameFirst,
.status_proforma div.stepFrameFirst {
padding-left: .5em;
}
.status div.stepFrameActive,
.status_proforma div.stepFrameActive {
background: #e8e8e4;
}
.status div.stepFrameLast,
.status_proforma div.stepFrameLast {
float:left;
padding: 0 1.7em;
}
.status div.stepFrameLastActive,
.status_proforma div.stepFrameLastActive {
float:left;
padding: 0 1.7em;
background: #e8e8e4;
}
.status div.stepText, .status div.stepTextActive, .status div.stepTextPre,
.status_proforma div.stepText, .status_proforma div.stepTextActive, .status_proforma div.stepTextPre {
font-size:1.1em;
padding: .7em .7em;
color: #666;
font-weight: bold;
line-height:1em;
}
.status div.stepTextPre,
.status_proforma div.stepTextPre {
color: #b2b2b2;
}
.status div.stepTextActive,
.status_proforma div.stepTextActive {
color: #000;
}
.status div.stepPic,
.status_proforma div.stepPic {
float: left;
}
.status div.stepPic img,
.status_proforma div.stepPic img {
height: 3.1em;
}
.breadcrumb li.status {
margin-bottom: 0;
overflow: auto;
width:auto;
}
/*** styles for customs paperwork ***/
.paperwork div.module {
float: left;
width: 20em;
margin: 0 4em 0 0;
display: inline;
}
.paperwork .inputtext, .paperwork select {
width: 100%;
border: 1px solid #7f9db9;
margin-top:.2em;
font-size:1.1em;
color:#666;
}
.paperwork .inputtext:focus,
.paperwork select:focus,
.paperwork .address:focus {
color:#000;
}
.paperwork .inputtext {
padding:.2em;
}
.paperwork fieldset {
border: 0 none;
}
.paperwork legend {
font-size: 1.2em;
color: #666;
padding-top: .5em;
margin-bottom: -.5em;
}
.paperwork .headline {
font-size: 1.4em;
font-weight:bold;
color: #000;
padding-bottom:.7em;
}
.paperwork .headline2nd {
font-size: 1.4em;
font-weight:bold;
color: #000;
padding-bottom:.7em;
padding-top:2em;
}
.paperwork .add {
font-size: 1.2em;
color: #666;
padding-top: .5em;
margin-bottom: -.5em;
}
.paperwork label {
margin-top: .5em;
}
.paperwork .address {
width: 19.4em;
margin-top: .75em;
border: 1px solid #7f9db9;
padding:.2em;
font-size:1.1em;
color:#666;
}
.paperwork select.currency {
width: 6em;
}
.paperwork input.submitbutton {
margin-right: 0;
margin-top: 2.5em;
}
.paperwork input.formbutton {
margin-top: 2.5em;
}
.paperwork input.nomargin {
margin-top: .2em;
}
.paperwork label.inlineLabels {
line-height: 3em;
}
.paperwork h3 {
font-size: 1.4em;
margin-left: 1.4em;
}
.paperwork textarea {
width: 19.4em;
}
/*** styles for DropOffLocator simple ***/
.drop_off_locator_simple_container {
padding-bottom:2.1em;
}
.drop_off_locator_simple {
background:#f2f2ed;
padding: .85em;
padding-bottom: 1.2em;
font-size: 1.2em
}
.drop_off_locator_simple fieldset {
border: none;
margin-top:-.2em;
}
.drop_off_locator_simple legend {
color:#000;
font-size: 1.1em;
font-weight: bold;
margin-bottom:.5em;
/* new 13/08/09 */
white-space: normal;
}
.location_label {
color:#000;
margin-bottom: .1em;
display:block;
}
.drop_off_locator_simple select.user_location {
color: #666;
font-size: 10px;
height: 1.7em;
width: 15em;
border: 1px solid #7f9db9;
margin-bottom:1.2em;
}
/* start IO new - module on taskcenter */
.taskcenter .drop_off_locator_simple select.user_location {
border:1px solid #7F9DB9;
color:#666;
font-size:.92em;
height:1.8em;
margin-bottom:1em;
width:15em;
}
/* end IO new - module on taskcenter */
.drop_off_locator_simple select.user_location:focus {
color: #000;
}
.drop_off_locator_simple input.drop_off_s_radio {
vertical-align:middle;
}
.drop_off_locator_simple input.city_zip_code {
color: #666;
font-size: 10px;
height: 1.7em;
width: 15em;
border: 1px solid #7f9db9;
padding-top:.2em;
padding-left:.2em;
float:left;
margin:0 1em 1em 0;
}
/* start IO new - module on taskcentre */
.taskcenter .drop_off_locator_simple input.city_zip_code {
border:1px solid #7F9DB9;
color:#666;
float:left;
font-size:.9em;
height:1.7em;
padding-left:.2em;
padding-top:.2em;
width:15em;
margin:0 1em 1em 0;
}
/* end IO new - module on taskcentre */
.drop_off_locator_simple input.city_zip_code:focus {
color: #000;
}
.drop_off_locator_simple input.go {
height: 1.8em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: .8em;
color: #fff;
padding: .1em;
cursor:pointer;
}
/* start IO new - module on taskcentre */
.taskcenter .drop_off_locator_simple input.go {
background:#CC0202;
border:1px solid #CC0201;
color:#fff;
cursor:pointer;
float:left;
font-size:1em;
height:1.8em;
padding:.1em;
}
/* end IO new - module on taskcentre */
.drop_off_locator_simple .city_zip {
margin-top:.4em;
}
/*** styles for DropOffLocator full ***/
.drop_off_locator_full {
background:#f2f2ed;
padding: 1em;
font-size: 1.2em;
}
.drop_off_locator_full p {
font-size: 1em;
}
.drop_off_locator_full fieldset {
border: none;
}
.drop_off_locator_full legend {
color:#000;
font-size: 1.1em;
font-weight: bold;
margin-bottom:.7em;
}
.drop_off_locator_full label {
vertical-align:middle;
}
.drop_off_locator_full select.drop_off_locator_location {
color: #666;
font-size: .75em;
width: 22.4em;
border: 1px solid #7f9db9;
height:1.8em;
}
.drop_off_locator_full input.city_town,
.drop_off_locator_full input.postcode_zip,
.drop_off_locator_full input.province_state {
color: #666;
font-size: .85em;
height: 1.6em;
width: 19.4em;
border: 1px solid #7f9db9;
padding-top:.2em;
padding-left:.2em;
}
.drop_off_locator_full select.drop_off_locator_location:focus,
.drop_off_locator_full input.city_town:focus,
.drop_off_locator_full input.postcode_zip:focus,
.drop_off_locator_full input.province_state:focus {
color: #000;
}
.drop_off_locator_full input.drop_off_radio {
vertical-align: text-bottom;
}
.drop_off_locator_full input.go {
height: 1.8em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: .8em;
color: #fff;
padding-bottom: .2em;
cursor:pointer;
float: right;
}
html:not([dummy]) .drop_off_locator_full input.go {
font-size: .9em!important;
padding-bottom: .2em!important;
padding-top: 0!important;
padding-left: 0!important;
padding-right: 0!important;
}
.drop_off_locator_full input.clear {
height: 1.8em;
background: #666;
border: 1px solid #666665;
font-size: .8em;
color: #fff;
padding-bottom: .2em;
cursor:pointer;
float:left;
}
html:not([dummy]) .drop_off_locator_full input.clear {
font-size: .9em!important;
padding-bottom: .2em!important;
padding-top: 0!important;
padding-left: 0!important;
padding-right: 0!important;
line-height: normal!important;
}
.drop_off_locator_full .label_area {
float:left;
width:35%;
text-align:right;
margin-right:.6em;
padding-top:.1em;
}
.drop_off_locator_full .input_area {
float:left;
margin-bottom:.9em;
width:60%;
}
.drop_off_locator_full .button_area {
width:81.8%;
float:left;
}
.label_space {
margin-right:2em;
}
/*** styles for Table DropOff Results ***/
.drop_off_results {
margin-bottom: 4em;
}
.drop_off_results .tableborder {
border-bottom: 2px solid #d1d1d1;
}
.drop_off_results table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
empty-cells: show;
}
.drop_off_results caption {
font-size: 1.2em;
font-weight: bold;
text-align: left;
padding-bottom: .75em;
border-bottom: 2px solid #d1d1d1;
}
.drop_off_results th, .drop_off_results td {
background: #e8e8e4;
font-size: 1.1em;
text-align: left;
padding: .2em;
vertical-align: top;
border-bottom: 1px solid #d1d1d1;
}
.drop_off_results td {
background: #fff;
}
.drop_off_results .rowGrey {
background: #f2f2ed;
}
.drop_off_results .lastChild {
border-right: none;
border-left: 3px solid #fff;
padding: .2em .4em;
}
.drop_off_results .firstRow {
border-bottom: none;
padding-bottom: 0;
}
.drop_off_results .lastRow {
border-bottom: none;
}
.drop_off_results .firstChild {
text-align: center;
}
.drop_off_results .firstChild,
.drop_off_results .secChild {
border-right: 3px solid #fff;
padding: .2em .4em;
}
.drop_off_results .trdChild {
padding: .2em .4em;
}
.drop_off_results .zoom_map {
width:100%;
text-align:right;
margin-top:1em;
margin-bottom:.4em;
}
.drop_off_results .result_map {
width:100%;
border-top:solid 2px #d1d1d1;
border-bottom:solid 2px #d1d1d1;
margin-bottom:2em;
}
.drop_off_locator_full .button_area {
width:81.8%;
float:left;
}
.drop_off_results .button_area .new_search {
height: 1.8em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: .8em;
color: #fff;
padding-bottom: .2em;
cursor:pointer;
float: right;
}
.drop_off_results input.search {
height: 1.8em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: 1.1em;
color: #fff;
padding-bottom: .2em;
cursor:pointer;
float: right;
}
/*** styles for Table DropOff Results Simple ***/
.drop_off_results_simple p{
color:#666;
margin-bottom: 3.6em;
}
.drop_off_results_simple .result_headline{
font-size:1.2em;
font-weight:bold;
margin-bottom:.6em;
}
.drop_off_results_simple .result_info {
color:#666;
font-size:1.2em;
width:29em;
float:left;
margin-bottom:.3em;
}
.drop_off_results_simple .result_flag {
float:right;
padding-left: 1em;
}
.drop_off_results_simple .result_links {
color:#000;
font-size:1.2em;
margin-bottom:2em;
float:left;
}
.drop_off_results_simple .town_info_headline {
color:#000;
font-size:1.2em;
font-weight:bold;
margin-bottom:.3em;
}
.drop_off_results_simple .town_info {
color:#666;
font-size:1.2em;
float:left;
width:20em;
margin-bottom:2em;
}
.drop_off_results_simple .opening_info {
color:#666;
font-size:1.2em;
margin-left:20.8em;
}
/*** styles for Country Profile ***/
.country_profile {
margin-bottom: 4em;
}
.country_profile p {
color:#666;
margin-bottom: 3.6em;
}
.country_profile .result_headline{
font-size:1.2em;
font-weight:bold;
margin-bottom:.6em;
}
.country_profile .result_info {
color:#000;
font-size:1.2em;
width:29em;
float:left;
margin-bottom:.3em;
font-weight:bold;
}
.country_profile .demo_columns {
float:left;
width:29em;
color:#666;
font-size:1.2em;
line-height:1.5em;
}
.country_profile .demo_columns .firstCol {
float:left;
width:4.6em;
margin-right:10px;
text-align:right;
}
.country_profile .demo_columns .secondCol {
float:left;
width:21em;
}
.country_profile .demo_columns_full {
float:left;
width:41em;
color:#666;
font-size:1.2em;
line-height:1.5em;
margin-top:20px;
}
.country_profile .demo_columns_full .firstCol {
float:left;
width:15.4em;
margin-right:10px;
text-align:right;
font-weight:bold;
}
.country_profile .demo_columns_full .secondCol {
float:left;
display:inline-block;
width:24.6em;
}
.country_profile .result_flag {
float:left;
padding-right: 1em;
}
/*** styles for NordicComponent ***/
.nordic_component_container {
padding-bottom:2.1em;
}
.nordic_component {
background:#f2f2ed;
padding: .85em;
padding-bottom:1.2em;
font-size: 1.2em;
}
.nordic_component fieldset {
border: none;
margin-top:-.2em;
}
.nordic_component legend {
color:#000;
font-size: 1.1em;
font-weight: bold;
margin-bottom:.5em;
}
.nordic_component p {
font-size: 1em;
color:#666;
line-height:normal;
margin-bottom:.7em;
}
.within_from_label,
.product_label {
color:#000;
margin-bottom: .15em;
display:block;
}
.nordic_component select.within_from {
color: #666;
font-size: 10px;
height: 1.7em;
width: 15em;
border: 1px solid #7f9db9;
margin-bottom:.8em;
}
.nordic_component select.product {
color: #666;
font-size: 10px;
height: 1.7em;
width: 15em;
border: 1px solid #7f9db9;
margin-bottom:1em;
}
.nordic_component select.within_from:focus,
.nordic_component select.product:focus {
color: #000;
}
.dom_int {
margin-bottom:.5em;
}
.nordic_radio_label {
color:#666;
}
.nordic_component input.nordic_radio {
vertical-align:middle;
}
.nordic_component input.book {
margin-right:1.1em;
}
.nordic_component input.book,
.nordic_component input.book_print {
height: 1.8em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: .8em;
color: #fff;
padding-bottom: .1em;
cursor:pointer;
float: right;
}
/*** styles for ShipmentTracking ***/
.shipment_tracking {
background:#f2f2ed;
padding: 1em;
font-size: 1.2em;
}
.shipment_tracking fieldset {
border: none;
}
.shipment_tracking legend {
color:#000;
font-size: 1.1em;
font-weight: bold;
margin-bottom:.15em;
}
.shipment_tracking label {
font-size: 1.1em;
margin-bottom:.08em;
display:block;
}
.shipment_tracking .shipment_type {
float:left;
width:39%;
padding-right:1em;
}
.shipment_tracking .tracking_no {
float:left;
width:55%;
padding-left:1em;
}
.shipment_tracking p {
color:#666;
font-size:1em;
margin-bottom:.9em;
}
.shipment_tracking input.track {
height: 1.6em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: .9em;
color: #fff;
padding: 0 0 .1em;
cursor:pointer;
float: right;
}
html:not([dummy]) .shipment_tracking input.track {
height: 1.6em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: .9em;
color: #fff;
padding: 0!important;
padding-bottom: .1em!important;
cursor:pointer;
float: right;
}
.shipment_tracking select.shipment {
color:#666;
font-size: .8em;
height: 1.7em;
width: 16.6em;
border: 1px solid #7f9db9;
float:left;
}
.shipment_tracking textarea {
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
width: 20.4em!important;
height: 5.5em;
border: 1px solid #7f9db9;
padding-left:.1em;
overflow:hidden;
float:left;
}
.shipment_tracking select.shipment:focus,
.shipment_tracking textarea:focus {
color:#000;
}
.shipment_tracking #hilfe_02,
.shipment_tracking #hilfe_03 {
float:right;
background:url(/img/common/help.png) no-repeat;
width: 1.4em;
height: 1.4em;
cursor:pointer;
}
.shipment_tracking .text_area {
width:19em;
float:left;
}
.shipment_tracking .error {
color:#cc0202;
}
/*** styles for ShipmentTrackingResultPage ***/
.shipment_tracking_results table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
empty-cells: show;
}
.shipment_tracking_results .tableborder {
border-bottom: 2px solid #d1d1d1;
margin-bottom: 4em;
}
.shipment_tracking_results caption {
font-size: 1.2em;
font-weight: bold;
text-align: left;
padding-bottom: .75em;
border-bottom: 2px solid #d1d1d1;
}
.shipment_tracking_results th {
background: #e8e8e4;
font-size: 1.1em;
text-align: left;
padding: .2em .6em;
vertical-align: top;
border-right: 3px solid #fff;
border-bottom: 1px solid #d1d1d1;
}
.shipment_tracking_results td {
background: #ffffff;
font-size: 1.1em;
text-align: left;
padding: .2em .6em;
vertical-align: top;
border-right: 3px solid #fff;
border-bottom: 1px solid #d1d1d1;
}
.shipment_tracking_results .rowGrey {
background: #f2f2ed;
}
.shipment_tracking_results .lastChild {
border-right: none;
}
.shipment_tracking_results .lastRow {
border-bottom: none;
}
.shipment_tracking_results .no_line {
border-bottom: none;
}
.shipment_tracking_results .no_white {
border-right: none;
}
.shipment_tracking_results p {
color: #666;
font-size: 1.2em;
margin-bottom:3.6em;
margin-top:.3em;
}
.shipment_tracking_results p.table {
color: #666;
font-size: 1em;
margin-bottom:0;
margin-top:0;
line-height:.9em;
}
.shipment_tracking_results .check_box {
background:url(/img/modules/7_13_dhl_7_13_shipment_tracking_result_checkbox.gif) no-repeat;
width: 11px;
height: 11px;
margin-top:.2em;
}
/*** styles for TrackByShippersReference ***/
.tracking_shipper_ref {
background:#f2f2ed;
padding: 1em;
font-size: 1.2em;
}
.tracking_shipper_ref fieldset {
border: none;
}
.tracking_shipper_ref legend {
color:#000;
font-size: 1.1em;
font-weight: bold;
margin-bottom:.15em;
}
.tracking_shipper_ref label {
font-size: 1em;
display:block;
}
.tracking_shipper_ref .label_area {
float:left;
width:50%;
text-align:right;
margin-right:.6em;
}
.tracking_shipper_ref .input_area {
float:left;
margin-bottom:.85em;
width:45%;
}
.tracking_shipper_ref .button_area {
width:94.8%;
float:left;
}
.tracking_shipper_ref input.track {
background: #cc0202;
border: 1px solid #cc0201;
font-size: 1em;
color: #fff;
cursor:pointer;
float: right;
}
.tracking_shipper_ref input.shippers_ref,
.tracking_shipper_ref input.acc_no {
color: #666;
font-size: .75em;
height: 1.7em;
width: 21em;
border: 1px solid #7f9db9;
padding-top:.2em;
padding-left:.2em;
}
.tracking_shipper_ref select.ship_destination {
color: #666;
font-size: .85em;
height: 1.8em;
width: 19em;
border: 1px solid #7f9db9;
}
.tracking_shipper_ref select.date_range_from_d,
.tracking_shipper_ref select.date_range_from_m,
.tracking_shipper_ref select.date_range_to_d,
.tracking_shipper_ref select.date_range_to_m {
color: #666;
font-size: .85em;
height: 1.8em;
width: 4.4em;
border: 1px solid #7f9db9;
margin-right:.85em;
}
.tracking_shipper_ref select.date_range_from_y,
.tracking_shipper_ref select.date_range_to_y {
color: #666;
font-size: .85em;
height: 1.8em;
width: 5.8em;
border: 1px solid #7f9db9;
margin-right:.85em;
}
.tracking_shipper_ref input.shippers_ref:focus,
.tracking_shipper_ref input.acc_no:focus,
.tracking_shipper_ref select.ship_destination:focus,
.tracking_shipper_ref select.date_range_from_d:focus,
.tracking_shipper_ref select.date_range_from_m:focus,
.tracking_shipper_ref select.date_range_to_d:focus,
.tracking_shipper_ref select.date_range_to_m:focus,
.tracking_shipper_ref select.date_range_from_y:focus,
.tracking_shipper_ref select.date_range_to_y:focus {
color:#000;
}
.tracking_shipper_ref p {
color: #666;
font-size: 1em;
margin-bottom: .85em;
}
.tracking_shipper_ref .no_label {
display:none;
}
/*** styles for VolumetricWeight ***/
.volumetric_weight {
background:#f2f2ed;
padding: 1em;
font-size: 1.2em
}
.volumetric_weight fieldset {
border: none;
}
.volumetric_weight legend {
display:none;
}
.volumetric_weight label {
font-size: 1em;
}
.volumetric_weight .unit_headline,
.volumetric_weight .measures_headline {
width:11em;
text-align:right;
margin-right:.8em;
float:left;
}
.volumetric_weight input.volumetric_weight_radio {
vertical-align:middle;
}
.volumetric_weight .package_type {
width:100%;
margin-bottom:1em;
}
.volumetric_weight .unit_measure {
width:100%;
margin-bottom:1em;
}
.volumetric_weight .measures {
width:50%;
text-align:right;
margin-bottom:.8em;
}
.volumetric_weight .result {
width:50%;
text-align:right;
}
.volumetric_weight input.vm_length,
.volumetric_weight input.vm_width,
.volumetric_weight input.vm_height,
.volumetric_weight input.vm_result {
color: #666;
font-size: .75em;
height: 1.7em;
width: 8.5em;
border: 1px solid #7f9db9;
margin-left:.8em;
padding-top:.2em;
padding-left:.2em;
}
.volumetric_weight input.vm_length:focus,
.volumetric_weight input.vm_width:focus,
.volumetric_weight input.vm_height:focus,
.volumetric_weight input.vm_result:focus {
color: #000;
}
.volumetric_weight input.calculate {
background: #cc0202;
border: 1px solid #cc0201;
font-size: 1em;
color: #fff;
padding-bottom: .1em;
margin-top:.4em;
margin-bottom:1.25em;
cursor:pointer;
float: right;
}
.volumetric_weight .result_input {
color:#000;
font-weight:bold;
}
.volumetric_weight .radio_input {
color:#666;
}
.volumetric_weight .radio_input:hover {
color:#000;
}
.volumetric_weight .radio_space {
width: 7.5em;
float:left;
}
.volumetric_weight .dhl_box {
background:url(/img/modules/7_15_dhl_volumetric_weight_box.gif) no-repeat;
width: 17.5em;
height: 10em;
float: right;
}
.volumetric_weight .dhl_tube {
background:url(/img/modules/7_15_dhl_volumetric_weight_tube.gif) no-repeat;
width: 17.5em;
height: 10em;
float: right;
}
.volumetric_weight .dhl_box_length,
.volumetric_weight .dhl_tube_length {
color: #4c4c4a;
font-size:12px;
font-weight:bold;
margin-top:33px;
margin-left:120px;
}
.volumetric_weight .dhl_box_width {
color: #4c4c4a;
font-size:12px;
font-weight:bold;
margin-top:5px;
margin-left:137px;
}
.volumetric_weight .dhl_tube_width {
color: #4c4c4a;
font-size:12px;
font-weight:bold;
margin-top:5px;
margin-left:155px;
}
.volumetric_weight .dhl_box_height {
color: #4c4c4a;
font-size:12px;
font-weight:bold;
margin-top:30px;
margin-left:155px;
}
.volumetric_weight .error {
font-size: 1em;
color:#cc0202;
margin-bottom:.2em;
}
/*** styles for Tabs ***/
.tabs .mainNewsListTabContainer_tablist-top {
float:right;
margin-right:2em;
}
.tabs .tab_img_left {
float:left;
margin: 3px 5px 5px 0;
}
.tabs .tab_img_right {
float:right;
margin: 3px 0 5px;
padding-left:5px;
}
.tabs h2 {
color:#000;
font-size:1.3em;
font-weight:bold;
}
.tabs h3 {
color:#000;
font-size:1.2em;
font-weight:bold;
clear:none;
}
.tabs p {
color:#666;
}
.tabs .dijitTitlePaneTitle {
margin: .5em 0 1.5em;
}
.tabs .dijitArrowNode {
padding: 0 4px 0 0;
}
.tabs .tabs_title_pane_txt {
font-size: 1.2em;
margin-left: -.3em; /* Text linksbündig Linktext */
}
.tabs .dijitTitlePaneTextNode:hover {
text-decoration:underline;
}
.tabs ul li {
color:#666;
font-size:1em;
margin: .4em 0 0 1.2em;
list-style:square;
}
.tabs .download {
clear:both;
cursor:pointer;
font-size:1.2em;
padding-top:.3em;
}
* html .tabs .dijitNewsListTabPane {
padding-top: 11px;
}
/* IO New*/
.expand_list_txt ul {
font-size:.9em;
}
/*** styles for PopUp ***/
.popup_header {
background:url(/img/common/popup_header_bg.gif) repeat-x;
height:65px;
padding-top:9px;
padding-left:10px;
}
.main_pop div.content_main{
float:none;
width:100%;
}
.main_pop .container_title{
margin:0;
}
/*** footer styles ***/
.popup_footer {
background: #fc0;
height:3em;
}
.popup_footer .footer_navigation {
float:right;
text-align: right;
padding-top:.4em;
}
.popup_footer .footer_navigation ul {
padding-right:1.3em;
padding-left:0;
margin:0;
}
.popup_footer .footer_navigation li {
display: inline;
}
.popup_footer .footer_navigation li a {
padding-left: .6em;
background: url(/img/meta/servicelink_separator.gif) no-repeat .0 .4em;
}
.popup_footer .footer_navigation a.print {
padding-left: 1.5em;
background: url(/img/meta/icon_print_popup.gif) no-repeat 0 .1em;
}
.footer a:hover {
text-decoration:underline;
}
/*** styles for Downloads ***/
.downloads .download {
clear:both;
cursor:pointer;
font-size:1.2em;
padding-bottom:.3em;
}
/*** styles for Contact ***/
p.contact {
color:#666;
}
.contact p {
padding-top:.3em;
padding-bottom:1.1em;
}
.contact p.comment_type {
padding-bottom:.4em;
font-weight:bold;
}
.contact legend {
color:#000;
font-size: 1.2em;
font-weight: bold;
}
.contact fieldset {
border:0;
padding:.1em;
width:473px !important;
}
.contact label {
font-size: 1.2em;
color:#666;
vertical-align:middle;
}
.contact .module {
float:left;
width:21.9em;
margin:0 .3em 1em 0;
}
.contact .module02 {
float:right;
width:21.9em;
margin:0 0 1em;
}
.contact .details {
margin:0;
width:100%;
}
.contact .module p {
padding:1.7em 0 0 1em;
font-size:1.1em;
}
.contact select {
width:100%;
margin-top:.2em;
color:#666;
font-size:1.1em;
height:1.7em;
}
.contact .inputtext {
width:19.3em;
margin-top:.2em;
border: 1px solid #7f9db9;
font-size:1.1em;
padding:.2em;
color:#666;
}
.contact textarea {
width:42.9em;
height:5em;
margin-bottom:1em;
margin-top:.55em;
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
color:#666;
padding:.1em .2em;
}
.contact select:focus,
.contact .inputtext:focus,
.contact textarea:focus {
color:#000;
}
.contact input.clear {
height: 1.8em;
background: #666;
border: 1px solid #666665;
font-size: 1.1em;
color: #fff;
padding-bottom: .2em;
cursor:pointer;
float:left;
line-height:normal;
}
.contact input.send {
height: 1.8em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: 1.1em;
color: #fff;
padding-bottom: .2em;
cursor:pointer;
float: right;
margin:0;
}
.contact .comment_legend {
padding-top:2.2em;
padding-bottom:.8em;
}
.contact input {
vertical-align:middle;
}
/* custom add 05/12/2009 for error messages at top of contact form; to emulate generic forms */
.contact .formerror {
color: #c00;
font-weight: bold;
}
.contact .error_txt {
color: #c00;
font-weight: normal;
}
.contact div.errorlist{
color: #c00;
}
.contact div.errorlist a {
color: #c00;
font-weight: bold;
}
.contact div.errorlist li {
font-size: 1.2em;
line-height: 2.2em;
list-style-type: none;
background: url(/img/common/form_error_bullet.gif) no-repeat 0 1em;
padding-left: 1em;
}
/* END custom add 05/12/2009 for error messages at top of contact form; to emulate generic forms */
/*** styles for EmailaFriend ***/
.email_a_friend p {
padding-top:.3em;
padding-bottom:1.1em;
}
.email_a_friend legend {
color:#000;
font-size: 1.2em;
font-weight: bold;
}
.email_a_friend fieldset {
border:0;
padding:.1em
}
.email_a_friend label {
font-size: 1.2em;
color:#666;
vertical-align:middle;
}
.email_a_friend .module {
float:left;
width:21.9em;
margin:0 2em 1em 0;
}
.email_a_friend .module02 {
float:right;
width:21.9em;
margin:0 0 1em;
}
.email_a_friend .inputtext {
width:100%;
margin-top:.2em;
border: 1px solid #7f9db9;
font-size:1.1em;
padding:.2em;
color:#666;
}
.email_a_friend .inputtext:focus {
color:#000;
}
.email_a_friend input.clear {
height: 1.8em;
background: #666;
border: 1px solid #666665;
font-size: 1.1em;
color: #fff;
padding-bottom: .2em;
cursor:pointer;
float:left;
}
.email_a_friend input.send {
height: 1.8em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: 1.1em;
color: #fff;
padding-bottom: .2em;
cursor:pointer;
float: right;
}
/*** styles for SearchResults ***/
.search_results .dijitTitlePaneTextNode:hover {
text-decoration:underline;
}
.search_results legend {
display:none;
}
.search_results fieldset {
border:0;
padding:.1em;
}
.search_results label {
font-size: 1.1em;
color:#666;
vertical-align:baseline;
}
.search_results label.search_label {
color:#000;
font-weight:bold;
font-size: 1.2em;
}
.search_results .module {
float:left;
width:100%;
margin:0;
padding: 0 0 .7em;
}
.search_results .module01,
.search_results .module02,
.search_results .module03 {
width:19em;
}
.search_results .module01 {
float:left;
margin:0 2em .3em 0;
}
.search_results .module02 {
float:right;
padding:0 0 1em;
}
.search_results .module03 {
float:right;
padding:.3em 0 1em;
}
.search_results .module01 p{
font-size:1.1em;
}
.search_results textarea {
width:100%;
height: 3em;
color:#666;
font-size:1em;
font-family: Arial, Helvetica, sans-serif;
padding:.1em .2em;
}
.search_results select {
width:100%;
color:#666;
font-size:1.1em;
height:1.6em;
}
.search_results input.submitbutton {
background: #cc0202;
border: 1px solid #cc0201;
font-size: 1.2em;
color: #fff;
cursor:pointer;
margin-left:.6em;
height:1.6em;
padding-bottom:.2em;
vertical-align:bottom;
}
.search_results input.new_search {
color:#666;
border: 1px solid #7f9db9;
font-size:1.1em;
padding:.2em;
width:18.35em;
}
.search_results select,
.search_results textarea,
.search_results input {
margin-top:.2em;
}
.search_results .search_radio {
vertical-align:text-bottom;
margin: 0 .25em 0 1em;
}
.search_results select:focus,
.search_results textarea:focus,
.search_results input:focus,
.search_results input.new_search:focus {
color:#000;
}
.search_results .results_no {
color:#000;
font-size:1.2em;
padding-top:2em;
}
.search_results .search_navigation {
padding-top:.4em;
padding-bottom:3.5em;
}
.search_results .search_navigation a {
text-decoration:underline;
}
.search_results .search_navigation li.first,
.search_results .search_navigation li.last,
.search_results .search_navigation a.last {
background: none;
padding-right:0;
text-decoration:none;
}
.search_results .search_navigation ul li{
display: inline;
padding-right: .8em;
padding-left: .4em;
background: url(/img/common/breadcrumb_separator.gif) no-repeat right .2em;
font-size:1.2em;
}
.search_results .search_navigation li.active {
font-weight:bold;
text-decoration:none;
color:#000;
}
.search_results a.arrow_left {
background: url(/img/common/arrow_rtl.gif) no-repeat 0 .4em;
padding:.1em .3em;
text-decoration:none;
}
.search_results a.arrow_right {
background: url(/img/common/arrow.gif) no-repeat 0 .4em;
padding:.1em .3em;
text-decoration:none;
}
.search_results .result_headline {
font-size:1.2em;
font-weight:bold;
}
.search_results .result_teaser {
color:#666;
font-size:1.2em;
padding-top:.3em;
padding-bottom:2em;
}
.search_results .highlight {
background:#fc0;
padding: 0 .2em;
}
/*** SiteMap styles ***/
.sitemap {
font-size: 1.2em;
overflow:hidden;
width:100%;
}
.sitemap li {
padding: 0 0 0 10px;
list-style-type: none;
}
.sitemap hr {
margin: 0 0 .8em;
}
.sitemapItem{
font-weight:bold;
display:block;
position:relative;
background: url(/img/common/arrow.gif) no-repeat 0 .5em;
padding:.2em 2px .15em 9px;
width:100%;
}
.sitemapItem1{
font-weight:bold;
display:block;
position:relative;
left:13px;
top:0;
background: url(/img/common/arrow.gif) no-repeat 0 .5em;
border-bottom:1px solid #dcdbd9;
padding:.2em 2px .2em 9px;
margin:0;
overflow:hidden;
width:100%;
}
.sitemapItem2 {
display:block;
position:relative;
left:10px;
top:0;
background: url(/img/common/arrow.gif) no-repeat 0 .5em;
border-bottom:1px solid #dcdbd9;
padding: .2em 0 .2em 9px;
color:#000;
overflow:hidden;
width:95.8%;
}
.sitemapItem3 {
display:block;
position:relative;
left:30px;
top:0;
background: url(/img/common/arrow.gif) no-repeat 0 .5em;
padding: .2em 0 .2em 9px;
color:#000;
width:100%;
}
.sitemapItem3External {
display:block;
position:relative;
left:30px;
top:0;
background: url(/img/common/arrow_up.gif) no-repeat 0 .5em;
padding: .2em 0 .2em 9px;
color:#000;
width:100%;
}
.subItem {
border-bottom: 1px #fff;
}
.Item1border {
border-bottom: 1px solid #dcdbd9;
}
.Item2border {
border-bottom: 1px solid #dcdbd9;
margin-left:10px;
}
/*Added Item 3,4,5 border*/
.Item3border, .Item4border, .Item5border {
border-bottom: none;
margin-left:30px;
}
/*** styles for OfficeLocator ***/
.office_locator {
background:#f2f2ed;
padding: 1em;
font-size: 1.2em;
}
.office_locator_headline {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
margin-bottom: .15em;
}
/*** styles for FlashModule ***/
#flash_teaser_small {
height:12em;
width:20em;
margin-bottom:2.2em;
}
/* overrides the inline style of -4px */
.navigation_content .headlineflashimage #flash_teaser_small {margin-bottom:2.2em!important;}
/*** styles for Belgium ***/
.shadow_img_lrg {
background: url(/img/common/shadow_images_lrg.gif) no-repeat 100% 100%;
padding: 0 5px 5px 0;
}
#be_flash_teaser {
padding-bottom: 20px;
}
/* styles for gallery */
/* needed for IE to make :active state work first time */
/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#666; text-decoration:none; border:1px solid #000; width:87px; height:55px; float:left; margin:4px 8px 4px 0; z-index:50;}
a.slidea {background:url(/img/example_content/dummy_gallery_pic1.jpg);}
a.slideb {background:url(/img/example_content/dummy_gallery_pic1.jpg);}
a.slidec {background:url(/img/example_content/dummy_gallery_pic1.jpg);}
a.slided {background:url(/img/example_content/dummy_gallery_pic1.jpg);}
a.slidee {background:url(/img/example_content/dummy_gallery_pic1.jpg);}
a.slidef {background:url(/img/example_content/dummy_gallery_pic1.jpg);}
a.slideg {background:url(/img/example_content/dummy_gallery_pic1.jpg);}
a.slideh {background:url(/img/example_content/dummy_gallery_pic1.jpg);}
a.slidei {background:url(/img/example_content/dummy_gallery_pic1.jpg);}
a.slidej {background:url(/img/example_content/dummy_gallery_pic1.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}
/* styling for BOTTOM gallery */
.container_bottom {position:relative; width:486px; height:490px; background:none; margin:0 0 1.4em;}
.container_bottom img {border:0;}
.container_bottom .thumbs {position:absolute; left:0; bottom:0; height:134px;}
.container_bottom a.gallery:hover span {display:block; position:absolute; width:480px; height:35px; top:-50px; left:2px; padding:0 5px 5px 0; color:#666; z-index:100;background:#fff}
.container_bottom span.first {display:block; position:absolute; width:480px; height:35px; top:-50px; left:2px; padding:0 5px 5px 0; color:#666; z-index:100;}
.container_bottom a.gallery:active, .container_bottom a.gallery:focus {border:1px solid #000;}
.container_bottom a.gallery:hover em {display:block; position:absolute; width:486px; height:297px; top:-355px; left:0; padding:0; color:#666;z-index:50;}
.container_bottom h1 {clear:both; margin:0; padding-top:1px;background:transparent url(/img/modules/dhl_be_gallery_bg.gif) right bottom no-repeat;padding:1px 5px 5px 0;}
.container_bottom h1 em {font-size:.6em; color:#666;}
.thumbs img {background:transparent url(/img/modules/dhl_be_gallery_bg.gif) right bottom no-repeat;padding:0 5px 5px 0;}
.be_caption {
color:#666;
font-size:1.1em;
line-height:1.2em;
margin:.5em 0 1em;
}
/* Paragraph Fix for Modules */
.news_teaser_txt p {font-size:1em; line-height: 1.5em;}
.dhl .dijitTitlePaneContentInner p {font-size:1em;}
.ArticleTitleContent p {font-size:1em}
.fast_track p {font-size:1em}
.drop_off_locator_simple p {font-size:1em}
.sa_expand_list_txt p {font-size:1em}
.newslist_txt_teaser p {font-size:1em; line-height: 1.5em;}
.expand_list_txt p {font-size:1em}
.tabs_title_pane_txt p {font-size:1em; line-height: 1.2em;}
.result_teaser p {font-size:1em; line-height: 1.2em;}
.drop_off_results_simple p {font-size:1em; margin-bottom:0; line-height:1.2em;}
.drop_off_results tr p {font-size:1em; line-height: 1.2em; color: #000;}
.shipment_tracking_results tr p {font-size:1em; color: #000;}
.spreadsheet tr p {font-size:1em; color: #000;}
.dhl .dijitTitlePaneContentInner .module01 p {font-size:1.1em;}
/* grey tool-boxes error class */
.dhl .error {
color:#cc0202;
margin-bottom:.2em;
}
/* styles to provide font consistency */
/*.tabs .expand_list_txt h2 {font-size: 1em;}*/
.tabs .expand_list_txt h3 {font-size: 1em;}
.tabs .expand_list_txt ul li {font-size: 1.1em;}
.expand_list_txt .standard_article li {font-size: 1.1em;}
.expand_list_txt .standard_article ol li {font-size: 1.1em;}
.expand_list_txt a.anchorLink {font-size:1em; padding-left: .7em;}
.dhl .sa_expand_list_txt .dijitExpand_ListTitlePaneTextNode {font-size:1em;}
.dhl .sa_expand_list_txt .dijitExpand_ListTitlePaneTextNode:hover {font-size:1em;}
.sa_expand_list_txt .sa_expand_list_txt p {font-size:.8em;}
.transaction_teaser .dijitTitlePaneContentInner .transaction_teaser p {font-size:1.2em;}
.transactionteaser .transactionteaser .wrap1,
.transactionteaser .transactionteaser .wrap2,
.transactionteaser .transactionteaser .wrap3,
.transactionteaser .transactionteaser .wrap4,
.transactionteaser .transactionteaser .wrap5,
.transactionteaser .transactionteaser .wrap6,
.transactionteaser .transactionteaser .wrap7,
.transactionteaser .transactionteaser .wrap8 {
background: none;
padding: 0;
}
.breadcrumb {
font-size: 1.1em;
}
.standardarticle .standardlink a {
font-size: 1em;
}
.standardarticle .standardlinkpar {
margin-bottom: 2em;
}
.standardlink a.arrowLinkUp {
margin-left: -.3em;
background-position: .1em .2em;
}
.expandable_list .standardlink a.arrowLinkUp,
.expandable_list .standardlink a {
font-size: 1.2em;
background-position: .1em .2em;
}
.transactionteaser .standardlink a.arrowLinkUp {
font-size: 1.2em;
}
/* changes for dojo.ArticleTitlePane in Transaction Teaser */
.dhl .transaction_teaser .dijitArticleTitlePaneTextNode {
font-weight: bold;
}
.dhl .transaction_teaser .dijitArticleTitlePaneContentInner {
font-size:1em;
}
.dhl .transaction_teaser .dijitArticleTitlePaneContentOuter {
border-top: 1px solid #f2f2ed;
}
.dhl .transaction_teaser_white .dijitArticleTitlePaneContentOuter {
border-top: 1px solid #fff;
}
.container .transactionteaser .module {
margin: 0;
padding: 0 0 1.1em;
}
.container .transactionteaser .module .module,
.container .transaction_teaser .transaction_teaser {
margin:0;
padding:0;
}
/* grey transaction teaser img width & shadow fix*/
.container_slot_1 .transactionteaser .transaction_teaser .ct_image.img_large,
.container_slot_2 .transactionteaser .transaction_teaser .ct_image.img_large,
.content_cross_reference .transactionteaser .transaction_teaser .ct_image.img_large {
max-width: 20em;
overflow:hidden;
}
.container_slot_1 .transactionteaser .transaction_teaser .ct_image .shadow_img,
.container_slot_2 .transactionteaser .transaction_teaser .ct_image .shadow_img,
.content_cross_reference .transactionteaser .transaction_teaser .ct_image .shadow_img {
background: none;
}
/* content teaser - link fix*/
.contentteaser .content_teaser a {
display:block;
clear:both;
}
/* latest css fixes */
.dhl .taskcenter .expandablelink .richtext h3 {
font-size: .8em;
color: #666;
}
.dhl .taskcenter .richtext {
margin-bottom: .2em;
}
.dhl .taskcenter .expandablelink .standardlink a {
font-size: 1em;
}
.dhl .taskcenter .expandablelink .standardlink a.arrowLinkUp {
background-position: 0 .2em;
}
.dhl .tabs ul li {
font-size: 1em;
line-height: 1.4em;
}
.standard_article .richtext ol li {
list-style:decimal;
margin-left:13px;
color:#666;
font-size:1em;
line-height:1.8em;
}
.transaction_teaser .content_teaser h2 {
padding: 0 0 .6em;
}
.richtext h2 {
color: #000;
font-size: 1.2em;
}
.richtext h3 {
color: #000;
font-size: 1em;
}
.richtext h4 {
font-size: 1em;
}
.richtext .spreadsheet caption {
color: #000;
font-size: 1em;
}
.richtext .spreadsheet th, .richtext .spreadsheet td {
color: #000;
font-size: .9em;
}
.tabs .downloads .download {
font-size:1em;
}
#tcpform .richtext,
.dhl.tabs .standard_article .richtext,
.standard_article .richtext {
margin-bottom: 1.2em;
}
.content_cross_reference .transaction_teaser_white .standard_article .richtext { /* exception for cross reference content */
margin-bottom: 0;
}
.dhl.tabs .standardlink .arrowLinkUp {
display:block;
}
.standard_article p {
line-height: 1.45em;
padding: .44em 0 .8em;
}
.contentteaser .content_teaser .richtext br {
display:none;
}
.section.end {
padding-top: 1.4em;
}
.formpage h2, .formpage h3 {
margin-top: 1em;
}
.flashmodule {
margin-bottom: 1.1em;
}
.dhl .taskcenter .drop_off_locator_simple select,
.dhl .taskcenter .link_list_white select,
.dhl .taskcenter .fast_track select{
margin: .2em 1em 1em 0!important;
}
.dhl .taskcenter .fast_track textarea{
margin-top: 0;
}
.dhl .taskcenter .linklistdropdown.section .module {
margin:0;
}
.dhl .taskcenter .link_list_white {
padding-bottom: 0;
}
.richtext.emptycontainer {
margin: -.9em 0 0;
}
/*marketing text module*/
.marketing_text {
background: #F2F2ED;
border: 1px solid #d1d1d1;
width: 46.2em;
padding: .7em .8em;
margin: 1em 0;
}
.marketing_text h2 {
font-size:1.25em;
}
.marketing_text h2 a {
background: url(/img/common/arrow.gif) no-repeat 0 .4em;
padding-left: .6em;
color: #000;
}
.marketing_text h2 a:hover {
color: #cc0001;
}
/* Tracking Page Show/Hide all Button*/
#close_all_button {
display:none;
}
#close_all_button, #show_all_button {
float:right;
font-weight:bold;
margin-top: .4em;
font-size: 1.2em;
}
/* added 20/07/09 */
/* News Article Tweak */
.news_article .richtext li {
list-style:square;
margin-left:15px;
color:#666;
font-size:1em;
line-height:1.453em;
}
.news_article .richtext ol li {
list-style:decimal;
margin-left:15px;
color:#666;
font-size:1em;
line-height:1.8em;
}
/* new 13/08/09 */
.transaction_teaser .link_list_white select.worldwide {
width: 15em;
}
.transaction_teaser .link_list_white select.country {
width: 15em;
}
/* new 10/09/09 */
.richtext .dlLink {
float: left;
}
.taskcenter .standardlink.section a.arrowLinkUp {
margin-left: -.1em;
padding-left: 1.65em;
margin-bottom: .3em;
display: block;
font-weight: bold;
*/padding-left: 1.8em;
}
.taskcenter .standardlink.section a.arrowLink {
margin-left: .2em;
padding-left: 1.35em;
margin-bottom: .3em;
display: block;
font-weight: bold;
*/padding-left: 1.5em;
}
.taskcenter .dijitTitlePaneContentInner .standardlink.section a.arrowLink {
background: url(/img/common/arrow.gif) no-repeat 0 .4em;
padding-left: .7em;
display: inline;
margin-bottom: 0;
margin-left: 0;
}
.taskcenter .dijitTitlePaneContentInner .standardlink.section a.arrowLinkUp {
background: url(/img/common/arrow_up.gif) no-repeat .1em .2em;
padding-left: 1em;
margin-left: -.3em;
display: inline;
margin-bottom: 0;
}
/* tab fix*/
.mainNewsListTabContainer .dijitTab {
margin-bottom: -1px!important;
}
/* spacing under flash component/new to dhl*/
.codeinclusion {padding-bottom: 20px;}
/* breaking link fix */
.richtext a{
*/display:inline-block!important; /* ie only */
}
.contentteaser .content_teaser .richtext a.arrowLink, .contentteaser .content_teaser .richtext a.arrowLinkUp {
*/display:block!important; /* ie only */
}
.content_cross_reference .flashmodule {
margin-left: 2em;
}
/* rendering bug fix */
.content_main_index .container_1_1 .container_slot_1 .transactionteaser .transaction_teaser .content_teaser {
position:relative;
}
/* margin for static campaign teasers on local and global home */
.content_main .contentleftpar .standardarticle .standard_article {
margin-left:2em;
}
.content_main .contentleftpar .standardarticle .standard_article .articleImg_left {
margin-right:0;
}
/* form input adjust for column control pages */
.formpage div.cq-colctrl-lt0-c0 .maxfield, .formpage div.cq-colctrl-lt0-c1 .maxfield {
width: 20.3em!important;
}
/* /apps/dhl/docroot/css/navigation.css *//*********************
navigation styles
**********************/
.navigation_main {
background: url(/img/meta/main_navigation_bg.gif) repeat-x;
background-color: #c00;
padding: .5em 1em .5em 2em;
position: relative;
/*white-space: nowrap;*/
z-index: 100;
}
.navigation_main li {
display: inline;
}
.navigation_main a {
font-size: 1.2em;
font-weight: normal;
color: #fff;
/*padding-right: 3em;*/
}
.navigation_main a:hover {
color: #fc0;
}
#nav li:hover, #nav li.hover {
position: static;
}
#nav, #nav ul {
position: relative;
float: left;
list-style: none;
line-height: 1;
font-weight: normal;
padding: 0;
margin: 0;
z-index:900;
}
#nav a.nav_top {
display: block;
color: #fff;
font-weight: bold;
text-decoration: none;
padding: .15em 29px .15em 0;
background-color:#c00;
}
#nav a.nav_top_active {
display: block;
color: #fc0;
font-weight: bold;
text-decoration: none;
padding: .15em 29px .15em 0;
background-color:#c00;
}
#nav a.nav_top:hover, #nav a.nav_top_active:hover {
color: #fc0;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
position: absolute;
left: -999em;
font-weight: normal;
margin: 0 0 0 -2em;
padding: 1.5em 0 1.5em 1em;
background: #c00 url(/img/meta/bg_navi_drop.jpg) 0 .5em no-repeat;
width: 15.8em;
z-index:900;
white-space:normal;
}
#nav li li {
float:none;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
}
.main_navigation {
clear: left;
}
.main_navigation a, .main_navigation a:link {
color: #fff;
}
.main_navigation a:hover {
text-decoration: none;
color: #ffcd00;
}
a.navi, a.navi:link, a.navi:visited {
padding: 4px 14px;
display: block;
background: url(/img/common/arrow_navi.gif) no-repeat .3em .5em;
}
a.navi:hover{
color: #ffcd00;
background: url(/img/common/arrow_navi_on.gif) .3em .5em no-repeat;
}
a.naviTrans, a.naviTrans:link, a.naviTrans:visited {
color: #fff;
padding: .32em 1.2em;
background: url(/img/common/arrow_naviTrans.gif) 0 .4em no-repeat;
display: block;
}
a.naviTrans:hover {
color: #ffcd00;
padding: .32em 1.2em;
background: url(/img/common/arrow_naviTrans_on.gif) 0 .4em no-repeat;
}
/*** sub navigation styles ***/
.menu{
width:18em;
max-width:20%;
min-width:180px;
font-size:1.2em;
}
.menu .toplevel {
width:16em;
max-width:18%;
min-width:160px;
margin: 0 0 -.8em 1.7em;
}
.menu .toplevel hr{
margin-bottom:1.60em;
}
.menu .toplevel h2{
padding-bottom:.3em;
}
.menu ul{
padding:0;
}
.menu li {
padding: 0 0 0 10px;
list-style-type: none;
}
.menuItem, .menuItemSelected, .menuItemSelectNoSub {
font-weight:bold;
display:block;
position:relative;
left:10px;
top:0;
width:16em;
padding:.2em 2px .15em 6px;
padding-left:15px;
max-width:18%;
min-width:143px;
}
.menuItem1, .menuItem1Selected {
font-weight:bold;
display:block;
position:relative;
left:10px;
top:0;
background-color:#fff;
width:16em;
padding:.1em 2px .2em 6px;
padding-left:15px;
max-width:15%;
min-width:143px;
}
.menuItem2, .menuItem2Selected {
font-weight:bold;
display:block;
position:relative;
left:11px;
top:0;
background-color:#fff;
width:16em;
padding:.4em 2px .3em 6px;
padding-left:15px;
max-width:15%;
min-width:142px;
color:#000;
}
.menuItem3, .menuItem3External, .menuItem3Selected, .menuItem3SelectedLast {
font-weight:bold;
display:block;
position:relative;
left:11px;
top:0;
width:13em;
padding:.4em 2px .3em 6px;
padding-left:15px;
max-width:15%;
min-width:132px;
color:#000;
}
.menuItem {
border-bottom:1px solid #dcdbd9;
background: url(/img/common/arrow_sidenavi.gif) no-repeat 0 .45em;
}
.menuItemSelected {
background: url(/img/common/arrow_sidenavi_down.gif) no-repeat 0 .45em;
}
.menuItem, .menuItem1, .menuItem2, .menuItem3,.menuItem3External {
font-weight:normal;
}
.menuItemSelected, .menuItem1Selected, .menuItem2Selected, .menuItem3Selected, .menuItem3SelectedLast{
font-weight:bold;
}
.menuItem2, .menuItem2Selected{
padding: .2em 0 .2em 8px;
}
.menuItem1 {
background: url(/img/common/arrow.gif) no-repeat 3px .46em;
border-bottom:1px solid #dcdbd9;
}
.menuItem1Selected {
background: url(/img/common/arrow_down.gif) no-repeat 3px .46em;
border-bottom:1px hidden #dcdbd9;
}
.menuItem2 {
background: url(/img/common/arrow.gif) no-repeat 0 .5em;
border-bottom:1px solid #dcdbd9;
}
.menuItem2Selected {
background: url(/img/common/arrow_down.gif) no-repeat 0 .5em;
border-bottom:1px hidden #dcdbd9;
}
.menuItem3, .menuItem3External, .menuItem3Selected, .menuItem3SelectedLast{
padding: .2em 0 .2em 10px;
}
.menuItem3 {
background: url(/img/common/arrow.gif) no-repeat 0 .5em;
}
.menuItem3External {
background: url(/img/common/arrow_up.gif) no-repeat 0 .5em;
}
.menuItem3Selected {
background: url(/img/common/arrow_down.gif) no-repeat 0 .5em;
}
.menuItem3SelectedLast {
color:#000;
}
.menuItem:hover, .menuItem2:hover, .menuItem3:hover, .menuItem3External:hover,
a.menuItemSelected:hover, a.menuItem2Selected:hover, a.menuItem3SelectedLast:hover,
.menuItem:focus, .menuItem2:focus, .menuItem3:focus,
a.menuItemSelected:focus, a.menuItem2Selected:focus {
text-decoration:underline;
}
.startpageSelect {
margin:12px 0 0 20px;
font-size:1.2em;
}
.startpageSelect label.inlineLabels {
display: inline;
line-height: 2em;
margin: .1em 0 0 .2em;
}
/* /apps/dhl/docroot/js/lib/dijit/themes/dijit.css *//*
Essential styles that themes can inherit.
In other words, works but doesn't look great.
*/
/****
GENERIC PIECES
****/
.dijitReset {
/* Use this style to null out padding, margin, border in your template elements
so that page specific styles don't break them.
- Use in all TABLE, TR and TD tags.
- If there is more than one class on the tag, place this first so other classes override.
*/
margin:0px;
border:0px;
padding:0px;
line-height:normal;
}
.dijitInline {
/* To inline block elements.
Similar to InlineBox below, but this has fewer side-effects in Moz.
Also, apparently works on a DIV as well as a FIELDSET.
*/
display:-moz-inline-box; /* FF2 */
display:inline-block; /* webkit and FF3 */
border:0px;
padding:0px;
vertical-align:middle;
}
.dj_ie .dijitInline {
zoom: 1; /* set hasLayout:true to mimic inline-block */
#display:inline;
}
.dijitInlineTable {
/* To inline tables with a given width set (otherwise, use dijitInline above)
* Must also put style="-moz-inline-stack" on the node itself to workaround FF2 bugs
*/
display: -moz-inline-stack; /* FF2 */
display:inline-table;
display:inline-block; /* webkit and FF3 */
#display:inline; /* MSIE (TODO: is this needed???) */
border:0px;
padding:0px;
vertical-align:middle;
position:relative; /* #5034 */
}
.dijitTeeny {
font-size:1px;
line-height:1px;
}
/*
* Popup items have a wrapper div (dijitPopup)
* with the real popup inside, and maybe an iframe too
*/
.dijitPopup {
position: absolute;
background-color: transparent;
margin: 0;
border: 0;
padding: 0;
}
.dijit_a11y .dijitPopup,
.dijit_ally .dijitPopup div,
.dijit_a11y .dijitPopup table,
.dijit_a11y .dijitTooltipContainer {
opacity: 1 !important;
background-color: white !important;
}
.dj_ie .dijit_a11y .dijitPopup * {
filter: none;
}
.dijitInputField {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
.dijitPositionOnly {
/* Null out all position-related properties */
padding: 0px !important;
border: 0px !important;
background-color: transparent !important;
background-image: none !important;
height: auto !important;
width: auto !important;
}
.dijitNonPositionOnly {
/* Null position-related properties */
float: none !important;
position: static !important;
margin: 0px 0px 0px 0px !important;
vertical-align: middle !important;
}
.dijitBackgroundIframe {
/*
* iframe used for FF2 in high-contrast mode to prevent menu
* being transparent
*/
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: -1;
border: 0;
padding: 0;
margin: 0;
}
.dijitClickableRegion {
/* a region we expect the user to click on */
cursor : pointer;
}
.dijitDisplayNone {
/* hide something. Use this as a class rather than element.style so another class can override */
display:none !important;
}
.dijitContainer {
/* for all layout containers */
overflow: hidden; /* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
}
/****
A11Y
****/
.dijit_a11y * {
background-image:none !important;
background-color:transparent !important;
}
.dijit_a11y .dijitCalendarIncrementControl .dijitA11ySideArrow {
padding-left:.2em;
visibility:visible !important;
}
.dijitToolbar .dijitDropDownButton .dijitA11yDownArrow{
/*make the arrow smaller in toolbar*/
padding:0;
margin:0;
}
.dj_ie6 .dijitToolbar .dijitDropDownButton .dijitA11yDownArrow{
/*vertical-align: middle does not place the arrow in the middle of the toolbar in IE*/
vertical-align: bottom;
}
.dijitA11ySideArrow {
vertical-align:top;
margin-right:0em;
margin-left:.2em;
line-height:2em;
text-align:center;
}
.dj_ie .dijitA11yDownArrow,
.dj_ie .dijitA11yUpArrow {
font-size:.8em;
vertical-align:middle;
margin-right:.5em;
}
.dijit_a11y .dijitButton .dijitButtonNode,
.dijit_a11y .dijitDropDownButton .dijitButtonNode,
.dijit_a11y .dijitComboButton .dijitButtonNode,
.dijit_a11y .dijitComboBox .dijitInputField,
.dijit_a11y .dijitComboBox .dijitButtonNode {
border:1px solid black !important;
background:white !important;
color:black !important;
}
.dijit_a11y .dijitButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitComboButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitComboBoxDisabled .dijitInputField,
.dijit_a11y .dijitComboBoxDisabled .dijitButtonNode,
.dijit_a11y .dijitSpinnerDisabled .dijitButtonNode,
.dijit_a11y .dijitSpinnerDisabled .dijitInputField {
border:1px dotted #999999 !important;
color:#999999 !important;
}
.dijit_a11y .dijitComboButton .dijitDownArrowButton,
.dijit_a11y .dijitComboBox .dijitDownArrowButton {
border-left:0px !important;
}
/* In high contrast mode, display the check symbol */
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
display: inline !important;
}
/****
3-element borders: ( dijitLeft + dijitStretch + dijitRight )
****/
.dijitLeft {
/* Left part of a 3-element border */
background-position:left top;
background-repeat:no-repeat;
}
.dijitStretch {
/* Middle (stretchy) part of a 3-element border */
white-space:nowrap; /* MOW: move somewhere else */
background-repeat:repeat-x;
}
.dijitRight {
/* Right part of a 3-element border */
#display:inline; /* IE7 sizes to outer size w/o this */
background-position:right top;
background-repeat:no-repeat;
}
/****
Right-to-left rules
****/
.dijitRTL .dijitRightArrow {
/* it becomes a left arrow for LTR locales */
/* MOW: TODO... */
margin-left:-2.1em;
}
/****
dijit.form.Button
dijit.form.DropDownButton
dijit.form.ComboButton
dijit.form.ComboBox (partial)
****/
.dijitButton,
.dijitDropDownButton,
.dijitComboButton,
.dijitComboBox {
/* outside of button */
margin: 0.2em;
/* normalize line-heights inside the button */
line-height: 1.3em;
}
.dj_safari .dijitToolbar .dijitDropDownButton {
padding-left: 0.3em;
}
.dijitButtonNode {
/* Node that is acting as a button -- may or may not be a BUTTON element */
border:1px solid gray;
margin:0px;
padding:.2em .2em .1em .2em;
overflow:visible;
line-height:normal;
font-family:inherit;
font-size:inherit;
color: inherit;
cursor:pointer;
vertical-align:middle;
text-align:center;
white-space: nowrap;
}
.dijitDownArrowButton,
.dijitUpArrowButton {
/* Node that is acting as a arrow button -- drop down (spinner has its own treatment). Also gets dijitButtonNode */
/* place AFTER dijitButtonNode so it overrides */
padding:0em .4em;
margin:0px;
font-size: 0.7em;
}
.dijitButtonContents {
color:inherit;
}
.dijitDropDownButton .dijitA11yDownArrow {
margin-left:.8em;
}
.dijitComboButton TABLE {
/* each cell in a combo-table should have its own separate border */
border-collapse: separate;
border:0px;
padding:0px;
margin:0px;
}
.dijitComboButton .dijitButtonContents {
border-right-width:0px !important;
}
table .dijitButton .dijitButtonNode,
table .dijitComboButton .dijitButtonNode {
#overflow:hidden; /* visible messes up if the button is inside a table on IE */
}
.dijitButtonNode IMG {
/* make text and images line up cleanly */
vertical-align:middle;
margin-bottom:.2em;
}
/******
TextBox related.
Everything that has an
*******/
.dijitTextBox,
.dijitComboBox,
.dijitSpinner {
border: solid black 1px;
width: 15em; /* need to set default size on outer node since inner nodes say and . user can override */
}
/* rules for safari to deal with fuzzy blue focus border */
.dijitTextBox input:focus,
.dijitComboBox input:focus,
.dijitSpinner input:focus {
outline: none; /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}
.dijitTextBoxFocused,
.dijitComboBoxFocused,
.dijitSpinnerFocused {
/* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */
outline: auto 5px -webkit-focus-ring-color;
}
.dijitTextBox INPUT,
.dijitComboBox INPUT,
.dijitSpinner INPUT {
padding:0px;
border-left: solid black 1px; /* TODO: for RTL mode should be border-right */
display:inline;
position:static !important;
border:0px !important;
margin:0px !important;
vertical-align:0em !important;
visibility:visible !important;
background-color:transparent !important;
background-image:none !important;
width:100% !important;
}
/* #4711: prevent IE from over-expanding 100% width input boxes */
.dj_ie .dijitTextBox .dijitInputField,
.dj_ie .dijitComboBox .dijitInputField,
.dj_ie .dijitSpinner .dijitInputField {
position:relative;
}
.dj_ie .dijitTextBox .dijitInputField INPUT,
.dj_ie .dijitComboBox .dijitInputField INPUT,
.dj_ie .dijitSpinner .dijitInputField INPUT {
position:absolute !important;
top:auto !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
font-size:100%;
}
.dj_ie INPUT.dijitTextBox {
font-size:100%;
}
/* Display an "X" for invalid input. Themes will override these rules to display an icon instead.
*/
.dijitValidationIcon { display: none; background-position-y:center; }
.dijitValidationIconText { visibility: hidden; }
.dijit_a11y .dijitValidationIcon { display: none !important; }
.dijit_a11y .dijitValidationIconText { display: block !important; }
.dijitTextBoxError .dijitValidationIconText,
.dijitComboBoxError .dijitValidationIconText,
.dijitSpinnerError .dijitValidationIconText {
visibility: visible;
}
.dijitSpinner .dijitDownArrowButton,
.dijitSpinner .dijitUpArrowButton {
padding: 0 .4em;
border: 1px solid;
line-height: .769em;
/* TODO: as we use border-collapse, is this necessary? */
border-left-style: none;
}
.dj_ie .dijitSpinner .dijitDownArrowButton,
.dj_ie .dijitSpinner .dijitUpArrowButton {
padding: 0 .2em!important;
text-align: center;
}
.dijitSpinner .dijitDownArrowButton div,
.dijitSpinner .dijitUpArrowButton div {
text-align: center;
font-size: .769em;
line-height: 1em;
vertical-align: baseline;
margin: 0 auto;
}
.dijitTextBox .dijitDownArrowButton {
/* this is for a combo box with no arrow displayed; we set baseClass=TextBox */
display:none;
}
/****
dijit.form.CheckBox
&
dijit.form.RadioButton
****/
.dijitCheckBox,
.dijitRadio,
.dijitCheckBoxInput {
padding: 0;
border: 0;
width: 16px;
height: 16px;
background-position:center center;
background-repeat:no-repeat;
}
.dijitCheckBox INPUT,
.dijitRadio INPUT {
margin: 0;
padding: 0;
display: block;
}
.dijitCheckBoxInput {
/* place the actual input on top, but all-but-invisible */
opacity: 0.01;
overflow:hidden;
}
.dj_ie .dijitCheckBoxInput {
filter: alpha(opacity=0);
}
.dijit_a11y .dijitCheckBox,
.dijit_a11y .dijitRadio {
width: auto;
height: auto;
}
.dijit_a11y .dijitCheckBoxInput {
opacity: 1;
filter: none;
width: auto;
height: auto;
}
/****
dijit.ProgressBar
****/
.dijitProgressBarEmpty{
/* outer container and background of the bar that's not finished yet*/
position:relative;overflow:hidden;
border:1px solid black; /* a11y: border necessary for high-contrast mode */
z-index:0; /* establish a stacking context for this progress bar */
}
.dijitProgressBarFull {
/* outer container for background of bar that is finished */
position:absolute;
overflow:hidden;
z-index:-1;
top:0;
width:100%;
height:100%;
}
.dijitProgressBarTile{
/* inner container for finished portion */
position:absolute;
overflow:hidden;
top:0px;
left:0px;
bottom:0px;
right:0px;
margin:0px;
padding:0px;
width:auto;
height:auto;
background-color:#aaa;
background-attachment: fixed;
}
.dijit_a11y .dijitProgressBarTile{
/* a11y: The border provides visibility in high-contrast mode */
border-width:4px;
border-style:solid;
background-color:transparent !important;
}
.dj_iequirks .dijitProgressBarTile{
width:100%;
height:100%;
}
.dj_ie6 .dijitProgressBarTile{
/* width:auto works in IE6 with position:static but not position:absolute */
position:static;
/* height:auto does not work in IE6 */
height:100%;
}
.dijitProgressBarIndeterminate .dijitProgressBarLabel{
visibility:hidden;
}
.dijitProgressBarIndeterminate .dijitProgressBarTile{
/* animated gif for 'indeterminate' mode */
}
.dijitProgressBarIndeterminateHighContrastImage{
display:none;
}
.dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage{
display:block;
position:absolute;
top:0;
bottom:0;
margin:0;
padding:0;
width:100%;
height:auto;
}
.dijitProgressBarLabel{
display:block;
position:static;
width:100%;
text-align:center;
background-color:transparent;
}
/* progress bar in vertical mode - TODO: remove? no longer supported? */
.dijitProgressBarVertical .dijitProgressBarFull{
bottom:0px; /* start at the bottom */
}
.dj_ie6 .dijitProgressBarVertical .dijitProgressBarTile{
position:absolute;
/* can't use position:static here -- need absolute positioning to place
the bar at the bottom of a vertical progressbar */
width:100%;
}
/****
dijit.Tooltip
****/
.dijitTooltip {
position: absolute;
z-index: 2000;
display: block;
/* make visible but off screen */
left: 50%;
top: -10000px;
overflow: visible;
width: 22em;
}
/*
See http://trac.dojotoolkit.org/ticket/5006
.dijitTooltipDialog {
position: relative;
}
*/
.dijitTooltipContainer {
border: solid black 2px;
background: #b8b5b5;
color: black;
font-size: small;
}
.dijitTooltipFocusNode {
padding: 2px 2px 2px 2px;
}
.dijitTooltipConnector {
position: absolute;
}
/* MOW: using actual images at this time
/* draw an arrow with CSS only * /
.dijitTooltipConnector {
/* the border on the triangle * /
font-size: 0px; line-height: 0%; width: 0px;
border-top: none;
border-bottom: 14px solid black;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
top: -14px;
left: 3px;
z-index: 2;
}
.dijitTooltipConnector div {
/* the background of the triangle * /
font-size: 0px; line-height: 0%; width: 0px;
position: absolute;
border-bottom: 10px solid #b8b5b5;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: 6px;
left: -5px;
z-index: 3;
}
*/
/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS)
make sure that the position:absolute in dijitAlign* overrides other classes */
.dijitLayoutContainer{
position: relative;
display: block;
overflow: hidden;
}
body .dijitAlignTop,
body .dijitAlignBottom,
body .dijitAlignLeft,
body .dijitAlignRight {
position: absolute;
overflow: hidden;
}
body .dijitAlignClient { position: absolute; }
/* SplitContainer
'V' == container that splits vertically (up/down)
'H' = horizontal (left/right)
*/
.dijitSplitContainer{
position: relative;
overflow: hidden;
display: block;
}
.dijitSplitPane{
position: absolute;
}
.dijitSplitContainerSizerH,
.dijitSplitContainerSizerV {
position:absolute;
font-size: 1px;
cursor: move;
cursor: w-resize;
background-color: ThreeDFace;
border: 1px solid;
border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
margin: 0;
}
.dijitSplitContainerSizerV {
cursor: n-resize;
}
.dijitSplitContainerSizerH .thumb {
position:absolute;
top:49%;
}
.dijitSplitContainerSizerV .thumb {
position:absolute;
left:49%;
}
.dijitSplitContainerVirtualSizerH,
.dijitSplitContainerVirtualSizerV {
font-size: 1px;
cursor: move;
cursor: w-resize;
background-color: ThreeDShadow;
-moz-opacity: 0.5;
opacity: 0.5;
filter: Alpha(Opacity=50);
margin: 0;
}
.dijitSplitContainerVirtualSizerV {
cursor: n-resize;
}
/* ContentPane */
.dijitContentPane {
display: block;
overflow: visible; /* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
clear: both;
}
/* TitlePane */
.dijitTitlePane {
display: block;
overflow: visible;
}
/* Color Palette */
.dijitColorPalette {
border:1px solid #999;
background:#fff;
-moz-border-radius:3pt;
}
img.dijitColorPaletteUnder {
border-style:none;
position:absolute;
left:0;
top:0;
}
.dijitColorPaletteInner {
position: relative;
overflow:hidden;
outline:0;
}
.dijitPaletteImg {
width: 16px; /*This is the width of one color in the provided palettes. */
height: 14px; /* Height of one color in the provided palettes. */
position: absolute;
overflow: hidden;
cursor: default;
z-index: 10;
border:1px solid #999;
/* -moz-border-radius:2pt; */
}
.dijitPaletteImgHighlight {
width: 14px; /*This is the width of one color in the provided palettes. */
height: 12px; /* Height of one color in the provided palettes. */
position: absolute;
overflow: hidden;
cursor: default;
z-index: 10;
}
/* .dijitPaletteImg:hover, */
.dijitPaletteImg:focus,
.dijitPaletteImgHighlight {
width: 14px; /*This is the width of one color in the provided palettes. */
height: 12px; /* Height of one color in the provided palettes. */
border:2px solid #000;
outline:2px solid #dedede;
/* -moz-border-radius:0; */
}
.dijitColorPaletteCell {
width:16px;
height:14px;
border: 1px solid;
}
.dijitColorPaletteCell:hover {
border-style: solid;
outline:0;
}
/* Accordion */
.dijitAccordionPane {
overflow: hidden !important; /* prevent spurious scrollbars */
}
.dijitAccordionPane .dijitAccordionBody {
overflow: auto;
}
.dijitAccordionContainer {
border:1px solid #b7b7b7;
border-top:0 !important;
}
.dijitAccordionPane .dijitAccordionTitle:hover {
cursor: pointer;
}
.dijitAccordionPane .dijitAccordionTitle .dijitAccordionArrow {
float: right;
}
/* images off, high-contrast mode styles */
.dijitAccordionPane .dijitAccordionTitle .arrowTextUp,
.dijitAccordionPane .dijitAccordionTitle .arrowTextDown {
display: none;
float: right;
font-size: 0.65em;
font-weight: normal !important;
}
.dijit_a11y .dijitAccordionPane .dijitAccordionTitle .arrowTextUp {
display: inline;
}
.dijit_a11y .dijitAccordionPane-selected .dijitAccordionTitle .arrowTextDown {
display: inline;
}
.dijit_a11y .dijitAccordionPane-selected .dijitAccordionTitle .arrowTextUp {
display: none;
}
/* Calendar */
.dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td, .dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td {
padding: 0;
}
.dijitCalendarNextYear {
margin:0 0 0 0.55em;
}
.dijitCalendarPreviousYear {
margin:0 0.55em 0 0;
}
.dijitCalendarIncrementControl {
cursor:pointer;
cursor:hand;
width:1em;
}
.dijitCalendarDisabledDate {
color:gray !important;
}
.dijitCalendarBodyContainer tbody tr td {
cursor:pointer;
cursor:hand;
}
.dijitCalendarPreviousMonthDisabled {
cursor:default !important
}
.dijitCalendarCurrentMonthDisabled {
cursor:default !important
}
.dijitCalendarNextMonthDisabled {
cursor:default !important;
}
.dijitCalendarDateTemplate {
cursor:pointer;
}
.dijitCalendarSelectedYear {
cursor:pointer;
}
.dijitCalendarNextYear,
.dijitCalendarPreviousYear {
cursor:pointer;
}
.dijitCalendarMonthLabelSpacer {
/* don't display it, but make it affect the width */
position: relative;
height: 1px;
overflow: hidden;
visibility: hidden;
}
/* Menu */
.dijitMenu {
border:1px solid black;
background-color:white;
}
.dijitMenuTable {
margin:1px 0px;
border-collapse:collapse;
border-width:0px;
background-color:white;
}
.dijitMenuItem{
white-space: nowrap;
padding:.1em .2em;
}
.dijitMenuItemHover {
cursor:pointer;
cursor:hand;
background-color:black;
color:white;
}
.dijitMenuItemIcon {
position: relative;
background-position: center center;
background-repeat: no-repeat;
}
.dijitMenuItemDisabled * {
/* for a disabled menu item, just set it to mostly transparent */
opacity:0.3;
cursor:default;
}
.dj_ie .dijit_a11y .dijitMenuItemDisabled td,
.dj_ie .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled td {
color:gray !important;
filter: alpha(opacity=35);
}
.dijitMenuItemLabel {
position: relative;
vertical-align: middle;
}
.dijit_a11y .dijitMenuItemHover .dijitMenuItemLabel {
border-width: 1px;
border-style: solid;
}
.dijit_a11y .dijitMenuItemHover {
border: 1px #fff dotted !important;
}
.dijit_a11y .dijitMenuExpandInner {
display:block !important;
}
/* separator can be two pixels -- set border of either one to 0px to have only one */
.dijitMenuSeparatorTop {
height: 50%;
margin: 0px;
margin-top:3px;
font-size: 1px;
}
.dijitMenuSeparatorBottom {
height: 50%;
margin: 0px;
margin-bottom:3px;
font-size: 1px;
}
/* Tab */
.dijitTabContainer .dijitAlignTop {
/* position the tab labels row down by 1 px, and on top of the dijitTabPaneWrapper
so the buttons can overlay the tab pane properly */
top:1px !important;
z-index:10;
}
.dijitTabContainer .dijitAlignBottom {
/* position the tab labels row up by 1 px so they overlap */
margin-top:-1px !important;
z-index:10;
}
.dijitTabContainer .dijitAlignLeft {
/* position the tab labels left by 1 px so they overlap */
margin-right:-1px !important;
z-index:10;
}
.dijitTabContainer .dijitAlignRight {
/* position the tab labels row up by 1 px, and on top of the dijitTabPaneWrapper
so the buttons can overlay the tab pane properly */
margin-left:-1px !important;
z-index:10;
}
.dijitTabPaneWrapper {
z-index:0;
overflow: hidden;
}
.dijitTab {
position:relative;
float:left;
cursor:pointer;
white-space:nowrap;
z-index:3;
}
.dijitTabContainer .dijitAlignLeft .dijitTab,
.dijitTabContainer .dijitAlignRight .dijitTab {
float:none;
}
.dijitTabInnerDiv {
position:relative;
}
.dijitTab .close {
display: inline-block;
cursor: default;
font-size: small;
}
/* images off, high-contrast mode styles */
.dijitTab .closeText {
display:none;
padding: 0px 2px;
margin: 0px 2px;
}
.dijit_a11y .dijitTab .closeImage {
padding: 0px !important;
margin: 0px !important;
top: 0px !important;
bottom: 0px !important;
}
.dijit_a11y .closeText {
display:inline;
margin-left:6px;
}
.dijit_a11y .closeText:hover {
border:thin solid;
}
.dijit_a11y .dijitTabChecked {
border-style:dashed !important;
}
.dijit_a11y .dijitTabInnerDiv {
border-left:none !important;
}
.dijitInlineEditor {
/* span around an inline-editable value when in edit mode */
position:relative;
vertical-align:bottom;
}
.dj_ie .dijitInlineEditor {
vertical-align:middle;
}
.dijitInlineValue {
/* span around an inline-editable value when NOT in edit mode */
}
.dijitInlineEditor .dijitButtonContainer {
/* div around the buttons -- makes them float below the field */
position:absolute;
right:0px;
overflow:visible;
}
.dijitInlineEditor .saveButton,
.dijitInlineEditor .cancelButton {
}
/* Tree */
.dijitTreeExpando {
float: left;
display: inline;
clear:both;
}
.dijitTreeExpand {
float: left;
display: inline;
}
.dijitTreeContent {
cursor: default;
/* can't make inline - multiline bugs */
}
.dijitExpandoText {
display: none;
}
.dijit_a11y .dijitExpandoText {
float: left;
display: inline;
padding-left: 10px;
padding-right: 10px;
font-family: monospace;
border-style: solid;
border-width: thin;
}
/* Dialog */
.dijitDialog {
position: absolute;
z-index: 999;
padding: 1px;
}
.dijitDialogUnderlayWrapper {
position: absolute;
left: 0px;
top: 0px;
z-index: 998;
display: none;
background: transparent;
}
.dijitDialogUnderlay {
background: #eeeeee;
opacity: 0.5;
}
.dj_ie .dijitDialogUnderlay {
filter: alpha(opacity=50);
}
/* images off, high-contrast mode styles */
.dijit_a11y .dijitDialog {
opacity: 1 !important;
background-color: white !important;
}
.dijitDialog .closeText {
display:none;
position:absolute;
}
.dijit_a11y .dijitDialog .closeText {
display:inline;
}
.dijitSliderMoveable {
z-index:99;
position:absolute !important;
display:block;
vertical-align:middle;
}
.dijitHorizontalSliderMoveable {
right:0px;
}
.dijit_a11y div.dijitSliderImageHandle,
.dijitSliderImageHandle {
margin:0px;
padding:0px;
position:absolute !important;
border:8px solid gray;
width:0px;
height:0px;
}
.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {
border:4px solid #000;
height:8px;
width:8px;
}
.dijitVerticalSliderImageHandle {
top:-8px;
left:-6px;
}
.dijitHorizontalSliderImageHandle {
left:-8px;
top:-5px;
vertical-align:top;
}
.dijitSliderBar {
border-style:solid;
border-color:black;
}
.dijitHorizontalSliderBar {
height:4px;
border-width:1px 0px;
}
.dijitVerticalSliderBar {
width:4px;
border-width:0px 1px;
}
.dijitSliderProgressBar {
background-color:red;
#z-index:0;
}
.dijitVerticalSliderProgressBar {
position:static !important;
height:0%;
vertical-align:top;
text-align:left;
}
.dijitHorizontalSliderProgressBar {
position:absolute !important;
width:0%;
vertical-align:middle;
overflow:visible;
}
.dijitSliderRemainingBar {
overflow:hidden;
background-color:transparent;
#z-index:-1;
}
.dijitVerticalSliderRemainingBar {
height:100%;
text-align:left;
}
.dijitHorizontalSliderRemainingBar {
width:100% !important;
}
/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */
.dijitSliderBumper {
overflow:hidden;
#z-index:-1
}
.dijitVerticalSliderBumper {
width:4px;
height:8px;
border-width:0px 1px;
}
.dijitHorizontalSliderBumper {
width:8px;
height:4px;
border-width:1px 0px;
}
.dijitVerticalSliderBottomBumper,
.dijitHorizontalSliderLeftBumper {
background-color:red;
}
.dijitVerticalSliderTopBumper,
.dijitHorizontalSliderRightBumper {
background-color:transparent;
}
.dijitHorizontalSliderDecoration {
text-align:center;
}
.dijitSlider .dijitSliderButton {
font-family:monospace;
margin:0px;
padding:0px;
display:block;
}
.dijit_a11y .dijitSliderButtonInner {
visibility:visible !important;
}
.dijitSlider .dijitVerticalSliderTopButton {
vertical-align:bottom;
}
.dijitSlider .dijitVerticalSliderBottomButton {
vertical-align:top;
}
.dijitSliderButtonContainer {
text-align:center;
height:0px;
}
.dijitSlider .dijitButtonNode {
padding:0px;
display:block;
}
.dj_ie .RuleContainer {
z-index: -1; /* #4809 */
}
.RuleContainer {
position:relative;
overflow:visible;
}
.VerticalRuleContainer {
height:100%;
line-height:0px;
float:left;
text-align:left;
}
.dj_opera .VerticalRuleContainer {
line-height:2%;
}
.dj_ie .VerticalRuleContainer {
line-height:normal;
}
.dj_gecko .VerticalRuleContainer {
margin:0px 0px 1px 0px; /* mozilla bug workaround for float:left,height:100% block elements */
}
.RuleMark {
position:absolute;
border:1px solid black;
line-height:0px;
height:100%;
}
.HorizontalRuleMark {
width:0px;
border-top-width:0px !important;
border-bottom-width:0px !important;
border-left-width:0px !important;
}
.RuleLabelContainer {
position:absolute;
}
.HorizontalRuleLabelContainer {
text-align:center;
display:inline-block;
}
.HorizontalRuleLabel {
position:relative;
left:-50%;
}
.VerticalRuleMark {
height:0px;
border-right-width:0px !important;
border-bottom-width:0px !important;
border-left-width:0px !important;
width:100%;
left:0px;
}
.dj_ie .VerticalRuleLabelContainer {
margin-top:-.55em;
}
/* Toolbar A11y */
.dijit_a11y .dijitButtonContents .dijitButtonText {
display: inline !important;
}
.dijitTextArea {
width:100%;
}
.dj_ie .dijitTextArea p {
margin-top:0px;
margin-bottom:0px;
}
/* Editor */
.IEFixedToolbar {
position:absolute;
/* top:0; */
top: expression(eval((document.documentElement||document.body).scrollTop));
}
/* TimePicker */
.dijitTimePickerItemInner {
text-align:center;
border:0;
padding:2px 8px 2px 8px;
}
.dijitTimePickerTick {
/* opacity:0.1 !important; */
color:#dedede;
border-bottom:1px solid #dedede;
border-top:1px solid #dedede;
position:relative;
}
.dijitTimePickerTick .dijitTimePickerItemInner {
font-size:0.25em;
}
.dijitTimePickerMarker {
background-color:#ededed;
border-top:1px solid #999;
border-bottom:1px solid #999;
}
.dijitTimePickerItemHover {
opacity:1 !important;
background-color:#808080;
color:#fff;
border-top:1px solid #333;
border-bottom:1px solid #333;
cursor:pointer;
}
.dijitTimePickerMarker.dijitTimePickerItemHover {
font-size:1.3em;
}
.dijitTimePickerItemHover .dijitTimePickerItemInner {
display:block;
overflow:visible;
background-color:#808080;
font-size:1em;
}
.dijitTimePickerItemSelected {
font-weight:bold;
color:#333;
background-color:#b7cdee !important;
}
.dijit_a11y .dijitTimePickerItem {
border-bottom:1px solid #333;
}
/* Disable the high contrast character */
.dijitToggleButtonIconChar {
display:none !important;
}
.dijit_a11y .dijitToggleButtonIconChar {
display:inline !important;
}
.dijit_a11y .dijitToggleButtonIconChar {
visibility:hidden;
}
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
visibility:visible !important;
}
/* /apps/dhl/docroot/js/lib/dijit/themes/dhl/dhl.css *//*
Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file.
*/
/*@import url("../dijit.css");*/
.dj_safari .dhl .dijitPopup {
/* -webkit-border-radius: 5px; */
-webkit-box-shadow: 0px 5px 10px #adadad;
}
/*
* Control opacity of popups
*/
.dhl .dijitPopup div,
.dhl .dijitPopup table {
opacity: 0.95;
}
/* TitlePane ArticleList */
/* title pane headline*/
.dhl .dijitArticleTitlePane .dijitArticleTitlePaneTitle {
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0px;
cursor: pointer;
overflow: hidden;
}
.dhl .dijitArticleTitlePaneTextNode {
color: #000;
font-size: 1.2em;
margin-left: 1.5em;
}
.dhl .dijitArticleTitlePaneTextNode:hover {
color: #cc0000;
text-decoration: underline;
}
.dj_ie7 .dijitArticleTitlePaneTextNode {
display:inline;
margin-left:7px;
}
.dj_ie6 .dijitArticleTitlePaneTextNode {
display:inline;
margin-left:0px;
}
/* title pane icon*/
/* TODO: merge these, and all other icons to a series of background-image:() and background-position: -16*n px styles */
.dhl .dijitArticleTitlePane .dijitArrowNode {
width:11px;
height:1.4em;
float:left;
padding: 0px 7px 0px 0px;
}
.dhl .dijitArticleTitlePane .dijitClosed .dijitArrowNode {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_plus.gif') no-repeat left center;
}
.dhl .dijitArticleTitlePaneFocused .dijitArticleTitlePaneTextNode {
color: #cc0000;
text-decoration: underline;
}
.dhl .dijitArticleTitlePaneHover .dijitArticleTitlePaneTextNode {
color: #cc0000;
text-decoration: underline;
}
.dj_ie6 .dhl .dijitArticleTitlePane .dijitClosed .dijitArrowNode {
background-image:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_plus.gif');
padding: 0px 4px 0px 0px;
}
.dj_ie7 .dhl .dijitArticleTitlePane .dijitClosed .dijitArrowNode {
padding: 0px 0px 0px 0px;
}
.dhl .dijitArticleTitlePane .dijitOpen .dijitArrowNode {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_minus.gif') no-repeat left center;
}
.dj_ie6 .dhl .dijitArticleTitlePane .dijitOpen .dijitArrowNode {
background-image:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_minus.gif');
padding: 0px 4px 0px 0px;
}
.dj_ie7 .dhl .dijitArticleTitlePane .dijitOpen .dijitArrowNode {
padding: 0px 0px 0px 0px;
}
.dhl .dijitArticleTitlePane .dijitArrowNodeInner {
visibility:hidden;
}
.dijit_a11y .dijitArticleTitlePane .dijitArrowNodeInner {
visibility:visible;
}
.dhl .dijitArticleTitlePaneTitle .dijitOpenCloseArrowOuter {
margin-right:5px;
}
.dhl .dijitOpen .dijitArticleTitlePaneTitle .dijitOpenCloseArrowOuter {
position:relative;
top:2px;
}
/* title pane content */
.dhl .dijitArticleTitlePaneContentOuter {
border-top: 1px solid #fff; /* w/out this, an on the top line causes a gap between the .content and .label */
}
.dhl .dijitArticleTitlePaneContentInner {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin-top: 1px;
}
/* force hasLayout to ensure borders etc, show up */
.dj_ie6 .dhl .dijitArticleTitlePaneContentOuter,
.dj_ie6 .dhl .dijitArticleTitlePane .dijitTitlePaneTitle {
zoom: 1;
}
.dhl .dijitClickableRegion {
background-color : #ffc !important;
}
/*ArticleList Ende*/
/* TitlePane ExpandableList */
/* title pane headline*/
.dhl .dijitExpand_ListTitlePane .dijitExpand_ListTitlePaneTitle {
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 5px;
cursor: pointer;
overflow: hidden;
}
.dhl .dijitExpand_ListTitlePaneTextNode {
color: #000;
font-size: 1.2em;
font-weight:bold;
margin-left: 1.5em;
}
.dhl .dijitExpand_ListTitlePaneTextNode:hover {
color: #cc0000;
text-decoration:underline;
font-size: 1.2em;
font-weight:bold;
margin-left: 1.5em;
}
.dhl .richtext .dijitExpand_ListTitlePaneTextNode {
font-size: 1.0em;
}
.dhl .richtext .dijitExpand_ListTitlePaneTextNode:hover {
font-size: 1.0em;
}
.dj_ie7 .dijitExpand_ListTitlePaneTextNode {
display:inline;
margin-left:7px;
}
.dj_ie7 .dijitExpand_ListTitlePaneTextNode:hover {
display:inline;
margin-left:7px;
}
.dj_ie6 .dijitExpand_ListTitlePaneTextNode {
display:inline;
margin-left:0px;
}
/* title pane icon*/
/* TODO: merge these, and all other icons to a series of background-image:() and background-position: -16*n px styles */
.dhl .dijitExpand_ListTitlePane .dijitArrowNode {
width:11px;
height:1.5em;
float:left;
padding: 0px 7px 0px 0px;
}
.dhl .dijitExpand_ListTitlePane .dijitClosed .dijitArrowNode {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_plus.gif') no-repeat left center;
}
.dhl .dijitExpand_ListTitlePaneFocused .dijitExpand_ListTitlePaneTextNode {
text-decoration:none;
}
.dj_ie6 .dhl .dijitExpand_ListTitlePane .dijitClosed .dijitArrowNode {
background-image:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_plus.gif');
padding: 0px 4px 0px 0px;
}
.dj_ie7 .dhl .dijitExpand_ListTitlePane .dijitClosed .dijitArrowNode {
padding: 0px 0px 0px 0px;
}
.dhl .dijitExpand_ListTitlePane .dijitOpen .dijitArrowNode {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_minus.gif') no-repeat left center;
}
.dj_ie6 .dhl .dijitExpand_ListTitlePane .dijitOpen .dijitArrowNode {
background-image:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_minus.gif');
padding: 0px 4px 0px 0px;
}
.dj_ie7 .dhl .dijitExpand_ListTitlePane .dijitOpen .dijitArrowNode {
padding: 0px 0px 0px 0px;
}
.dhl .dijitExpand_ListTitlePane .dijitArrowNodeInner {
visibility:hidden;
}
.dijit_a11y .dijitExpand_ListTitlePane .dijitArrowNodeInner {
visibility:visible;
}
.dhl .dijitExpand_ListTitlePaneTitle .dijitOpenCloseArrowOuter {
margin-right:5px;
}
.dhl .dijitOpen .dijitExpand_ListTitlePaneTitle .dijitOpenCloseArrowOuter {
position:relative;
top:2px;
}
/* title pane content */
.dhl .dijitExpand_ListTitlePaneContentOuter {
border-top: 1px solid #fff; /* w/out this, an on the top line causes a gap between the .content and .label */
}
.dhl .dijitExpand_ListTitlePaneContentInner {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
margin-top: 1px;
}
.dhl .richtext .dijitExpand_ListTitlePaneContentInner {
font-size: 1.0em;
}
/* force hasLayout to ensure borders etc, show up */
.dj_ie6 .dhl .dijitExpand_ListTitlePaneContentOuter,
.dj_ie6 .dhl .dijitExpand_ListTitlePane .dijitTitlePaneTitle {
zoom: 1;
}
.dhl .dijitClickableRegion {
background-color : #ffc !important;
}
/*ExpandableList Ende*/
/* TitlePane NewsList */
/* title pane headline*/
.dhl .dijitNewsListTitlePane .dijitNewsListTitlePaneTitle {
background: none;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 5px;
cursor: pointer;
}
.dhl .dijitNewsListTitlePaneTextNode {
color: #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.5em;
/*width: 5.9em;*/
float:left;
display: block;
}
.dj_ie6 .dijitNewsListTitlePaneTextNode{
width: 5.7em;
}
.dhl .dijitNewsListTitlePaneTextSubNode {
font-size: 1.2em;
font-weight:bold;
line-height: 1.5em;
margin-left: 6.9em;
/*display:inline-block;*/
}
.dj_ie6 .dijitNewsListTitlePaneTextSubNode {
margin-left: 0;
width: 20em;
}
.dj_ie7 .dijitNewsListTitlePaneTextNode {
display:block;
width: 5.9em;
line-height: 1.6em;
}
.dj_ie7 .dijitNewsListTitlePaneTextSubNode {
display: inline-block;
margin-left: 6.9em;
}
.dhl .dijitNewsListTitlePane .dijitNewsListTitlePaneTitle .dijitNewsListTitlePaneTextSubNode:hover {
color:#cc0000;
text-decoration:underline;
}
.dhl .dijitNewsListTitlePane:hover .dijitNewsListTitlePaneTitle:hover .dijitNewsListTitlePaneTextNode:hover{
color:#999999;
text-decoration:none;
}
/* title pane icon*/
/* TODO: merge these, and all other icons to a series of background-image:() and background-position: -16*n px styles */
.dhl .dijitNewsListTitlePane .dijitArrowNode {
width:11px;
height:1.7em;
float:left;
padding: 0 7px 0 0;
}
.dhl .dijitNewsListTitlePane .dijitClosed .dijitArrowNode {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_plus.gif') no-repeat left center;
}
.dhl .dijitNewsListTitlePaneFocused .dijitNewsListTitlePaneTextNode {
text-decoration:none;
}
.dj_ie6 .dhl .dijitNewsListTitlePane .dijitClosed .dijitArrowNode {
background-image:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_plus.gif');
}
.dhl .dijitNewsListTitlePane .dijitOpen .dijitArrowNode {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_minus.gif') no-repeat left center;
}
.dj_ie6 .dhl .dijitNewsListTitlePane .dijitOpen .dijitArrowNode {
background-image:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_minus.gif');
}
.dhl .dijitNewsListTitlePane .dijitArrowNodeInner {
visibility:hidden;
}
.dijit_a11y .dijitNewsListTitlePane .dijitArrowNodeInner {
visibility:visible;
}
.dhl .dijitNewsListTitlePaneTitle .dijitOpenCloseArrowOuter {
margin-right:5px;
}
.dhl .dijitOpen .dijitNewsListTitlePaneTitle .dijitOpenCloseArrowOuter {
position:relative;
top:2px;
}
/* title pane content */
.dhl .dijitNewsListTitlePaneContentOuter {
border-top: 1px solid #fff; /* w/out this, an on the top line causes a gap between the .content and .label */
}
.dhl .dijitNewsListTitlePaneContentInner {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin-top: 0.1em;
}
/* force hasLayout to ensure borders etc, show up */
.dj_ie6 .dhl .dijitNewsListTitlePaneContentOuter,
.dj_ie6 .dhl .dijitNewsListTitlePane .dijitTitlePaneTitle {
zoom: 1;
}
.dhl .dijitClickableRegion {
background-color : #ffc !important;
}
/*NewsList Ende*/
/* TitlePane smallNewsList */
/* title pane headline*/
.dhl .dijitsmallNewsListTitlePane .dijitsmallNewsListTitlePaneTitle {
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0.5em;
cursor: pointer;
color:#999999;
}
.dhl .dijitsmallNewsListTitlePane .dijitsmallNewsListTitlePaneTitle .dijitsmallNewsListTitlePaneTextSubNode:hover {
color:#cc0000;
text-decoration:underline;
}
.dhl .dijitsmallNewsListTitlePane:hover .dijitsmallNewsListTitlePaneTitle:hover .dijitsmallNewsListTitlePaneTextNode:hover{
color:#999999;
text-decoration:none;
}
.dhl .dijitsmallNewsListTitlePaneTextNode {
color: #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
float:left;
}
.dhl .dijitsmallNewsListTitlePaneTextSubNode {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
margin-left: 6.9em;
color:#000000;
/*display:inline-block;*/
}
.dj_ie6 .dijitsmallNewsListTitlePaneTextSubNode {
margin-left: 6.6em;
display:inline-block;
}
.dj_ie7 .dijitsmallNewsListTitlePaneTextNode {
display:block;
}
.dj_ie7 .dijitsmallNewsListTitlePaneTextSubNode {
display:block;
padding-left:3px;
}
/* title pane icon*/
/* TODO: merge these, and all other icons to a series of background-image:() and background-position: -16*n px styles */
.dhl .dijitsmallNewsListTitlePane .dijitArrowNode {
width:11px;
height:1.5em;
float:left;
padding: 0 6px 0 0;
}
.dhl .dijitsmallNewsListTitlePane .dijitClosed .dijitArrowNode {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_plus.gif') no-repeat left center;
}
.dhl .dijitsmallNewsListTitlePaneFocused .dijitsmallNewsListTitlePaneTextNode {
text-decoration:none;
}
.dj_ie6 .dhl .dijitsmallNewsListTitlePane .dijitClosed .dijitArrowNode {
background-image:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_plus.gif');
}
.dhl .dijitsmallNewsListTitlePane .dijitOpen .dijitArrowNode {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_minus.gif') no-repeat left center;
}
.dj_ie6 .dhl .dijitsmallNewsListTitlePane .dijitOpen .dijitArrowNode {
background-image:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_minus.gif');
}
.dhl .dijitsmallNewsListTitlePane .dijitArrowNodeInner {
visibility:hidden;
}
.dijit_a11y .dijitsmallNewsListTitlePane .dijitArrowNodeInner {
visibility:visible;
}
.dhl .dijitsmallNewsListTitlePaneTitle .dijitOpenCloseArrowOuter {
margin-right:5px;
}
.dhl .dijitOpen .dijitsmallNewsListTitlePaneTitle .dijitOpenCloseArrowOuter {
position:relative;
top:2px;
}
/* title pane content */
.dhl .dijitsmallNewsListTitlePaneContentOuter {
border-top: 1px solid #fff; /* w/out this, an on the top line causes a gap between the .content and .label */
}
.dhl .dijitsmallNewsListTitlePaneContentInner {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin-top: 1px;
display: inline-block;
}
/* force hasLayout to ensure borders etc, show up */
.dj_ie6 .dhl .dijitNewsListTitlePaneContentOuter,
.dj_ie6 .dhl .dijitNewsListTitlePane .dijitTitlePaneTitle {
zoom: 1;
}
.dhl .dijitClickableRegion {
background-color : #ffc !important;
}
/*smallNewsList Ende*/
/* TitlePane */
/* title pane headline*/
.dhl .dijitTitlePane .dijitTitlePaneTitle {
font-family:Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin-bottom: 0.3em;
cursor: pointer;
/* width: 100%; */
}
.dhl .dijitTitlePane .dijitTitlePaneTitle:hover {
color:#cc0000;
cursor: pointer;
/* width: 100%; */
}
.dijitTitlePaneTextNode {
margin-left: 1.6em;
}
.dj_ie7 .dijitTitlePaneTextNode {
display:inline;
margin-left: 0.2em;
}
.dj_ie6 .dijitTitlePaneTextNode {
margin-left: 1.4em;
}
/* title pane icon*/
/* TODO: merge these, and all other icons to a series of background-image:() and background-position: -16*n px styles */
.dhl .dijitTitlePane .dijitArrowNode {
width:11px;
height:1.3em;
float:left;
padding: 0 7px 0 0;
}
.dhl .dijitTitlePane .dijitClosed .dijitArrowNode {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_plus.gif') no-repeat left center;
}
.dhl .dijitTitlePaneFocused .dijitTitlePaneTextNode {
text-decoration:none;
}
.dj_ie6 .dhl .dijitTitlePane .dijitClosed .dijitArrowNode {
background-image:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_plus.gif');
height:1.2em;
padding: 0 4px 0 0;
}
.dj_ie7 .dhl .dijitTitlePane .dijitClosed .dijitArrowNode {
height:1.2em;
}
.dhl .dijitTitlePane .dijitOpen .dijitArrowNode {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_minus.gif') no-repeat left center;
}
.dj_ie6 .dhl .dijitTitlePane .dijitOpen .dijitArrowNode {
background-image:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/title_minus.gif');
height:1.2em;
padding: 0 4px 0 0;
}
.dj_ie7 .dhl .dijitTitlePane .dijitOpen .dijitArrowNode {
height:1.2em;
}
.dhl .dijitTitlePane .dijitArrowNodeInner {
visibility:hidden;
}
.dijit_a11y .dijitTitlePane .dijitArrowNodeInner {
visibility:visible;
}
.dhl .dijitTitlePaneTitle .dijitOpenCloseArrowOuter {
margin-right:5px;
}
.dhl .dijitOpen .dijitTitlePaneTitle .dijitOpenCloseArrowOuter {
position:relative;
top:2px;
}
/* title pane content */
.dhl .dijitTitlePaneContentInner {
color: #666666;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 0px 0px 18px 18px;
}
/* force hasLayout to ensure borders etc, show up */
.dj_ie6 .dhl .dijitTitlePaneContentOuter,
.dj_ie6 .dhl .dijitTitlePane .dijitTitlePaneTitle {
zoom: 1;
}
.dhl .dijitClickableRegion {
background-color : #ffc !important;
}
/* Shadow Wrapping... */
.dhl .wrap1 {
float:left;
width:100%;
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/shadow_l.gif') left top repeat-y;
}
.dhl .wrap2 {
background: url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/shadow_t.gif') right top repeat-x;
}
.dhl .wrap3 {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/shadow_r.gif') right top repeat-y;
}
.dhl .wrap4 {
background: url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/shadow_b.gif') right bottom repeat-x;
}
.dhl .wrap5 {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/corner_bl.gif') left bottom no-repeat;
}
.dhl .wrap6 {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/corner_tl.gif') left top no-repeat;
}
.dhl .wrap7 {
background:url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/corner_tr.gif') right top no-repeat;
}
.dhl .wrap8 {
padding: 5px 5px 5px 5px;
background: url('/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/corner_br.gif') right bottom no-repeat;
/* added next line for IE7 - not sure if makes difference or it's dijiTaskCTabPaneWrapper below */
/*_padding: 0px;*/
}
/* END Shadow Wrapping... */
/* IO New Fast Track Module on TASKCENTER */
.taskcenter .dhl .dijitTitlePaneContentInner .fast_track {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
padding:0 0 0 0;
margin: -1em 0 -1em -1.4em;
}
.taskcenter .dhl .dijitTitlePaneContentInner .drop_off_locator_simple {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
padding:0 0 0 0;
margin: 0em 0em -1em -0.4em;
}
.taskcenter .dhl .fast_track_container .wrap1, .taskcenter .dhl .drop_off_locator_simple_container .wrap1 {
background:transparent none repeat scroll 0 0;
float:left;
width:100%;
}
.taskcenter .dhl .fast_track_container .wrap2, .taskcenter .dhl .drop_off_locator_simple_container .wrap2 {
background:transparent none repeat scroll 0 0;
}
.taskcenter .dhl .fast_track_container .wrap3, .taskcenter .dhl .drop_off_locator_simple_container .wrap3 {
background:transparent none repeat scroll 0 0;
}
.taskcenter .dhl .fast_track_container .wrap4,.taskcenter .dhl .drop_off_locator_simple_container .wrap4 {
background:transparent none repeat scroll 0 0;
}
.taskcenter .dhl .fast_track_container .wrap5, .taskcenter .dhl .drop_off_locator_simple_container .wrap5 {
background:transparent none repeat scroll 0 0;
}
.taskcenter .dhl .fast_track_container .wrap6, .taskcenter .dhl .drop_off_locator_simple_container .wrap6 {
background:transparent none no-repeat scroll left top;
}
.taskcenter .dhl .fast_track_container .wrap7, .taskcenter .dhl .drop_off_locator_simple_container .wrap7 {
background:transparent none repeat scroll 0 0;
}
.taskcenter .dhl .fast_track_container .wrap8, .taskcenter .dhl .drop_off_locator_simple_container .wrap8 {
background:transparent none repeat scroll 0 0;
padding:5px;
}
.dhl .taskcenter {
margin-bottom:5px;
}
/* TASKCENTER */
.dhl .dijitTaskCTabPaneWrapper {
background: #f2f2ed;
padding: 1em;
/* added for IE7 - for some reason, the shadow on the top was too thick on IE */
position: static!important;
/*line-height: 1.1;*/
height: 100%;
}
.dijitTaskCTabPane {
position: static!important;
}
.dijitContentPane .dijitTaskCTabPane {
position: static!important;
}
/* Buttons */
/* Common */
.mainTaskCTabContainer_tablist-top {
/* changed 19/08/09 prev. padding-left: 15px; */
padding-left: 10px;
}
#mainTaskCTabContainer_tablist .dijitTab {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/task_center_tabs.gif") no-repeat 0 0;
font-size: 1.1em;
font-weight: bold;
color: #666666;
margin-bottom: -4px;
margin-left: 1px;
margin-right: 2px;
}
/* tabs in task center */
#mainTaskCTabContainer_tablist .dijitTabContent {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/task_center_tabs.gif") repeat 0 -50px;
padding:12px 5px 3px 6px;
border: none;
}
/* space inbetween tabs in task center */
#mainTaskCTabContainer_tablist .dijitTabInnerDiv {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/task_center_tabs.gif") no-repeat right -100px;
/* changed 19/08/09 prev. padding: 0px 12px 0px 12px; */
padding: 0px 3px 0px 3px;
border: none;
margin-bottom: 0px;
}
/* DHL Belgien Common */
*html #home_tabs {
margin-bottom:20px;
}
.mainTaskDTabContainer_tablist-top {
padding-left: 0px;
padding:0px;
height:100%;
}
.dj_ie7 .dhl .mainTaskDTabContainer_tablist-top {
margin-top: -3px;
}
#mainTaskDTabContainer_tablist .dijitTab {
background: #fff;
font-size: 1.2em;
font-weight: normal;
color: #666666;
margin-bottom: -4px;
margin-left: 0px;
margin-right: 0px;
width:25%;
}
*html #mainTaskDTabContainer_tablist .dijitTab {
width:24.8%;
}
#mainTaskDTabContainer_tablist .dijitTabContent {
background: none;
padding:12px 5px 10px 6px;
border: none;
}
#mainTaskDTabContainer_tablist .dijitTabInnerDiv {
background: #fff;
padding: 0px 10px 0px 10px;
border: none;
margin-bottom: 0px;
}
/* Hover */
#mainTaskCTabContainer_tablist .dijitTabHover {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/task_center_tabs.gif") no-repeat 0 0;
text-decoration:underline;
color:#cc0000;
}
#mainTaskCTabContainer_tablist .dijitTabHover .dijitTabInnerDiv {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/task_center_tabs.gif") no-repeat right -100px;
border: none;
}
#mainTaskCTabContainer_tablist .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/task_center_tabs.gif") repeat 0 -50px;
padding:12px 5px 3px 6px;
}
/* DHL Belgien Hover */
#mainTaskDTabContainer_tablist .dijitTabHover {
background: #fff;
text-decoration:none;
color:#000;
}
#mainTaskDTabContainer_tablist .dijitTabHover .dijitTabInnerDiv {
background: #fff;
border: none;
}
#mainTaskDTabContainer_tablist .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
background: #fff;
padding:12px 5px 10px 6px;
}
/* Checked */
#mainTaskCTabContainer_tablist .dijitTabChecked {
/* the selected tab (with or without hover) */
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/task_center_tabs.gif") no-repeat 0 -150px;
font-size: 1.2em;
color: #000000;
top: 1px;
margin-left: -2px;
margin-right: -1px;
text-decoration:none;
}
#mainTaskCTabContainer_tablist .dijitTabChecked .dijitTabInnerDiv {
padding:0px 7px 4px 9px;
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/task_center_tabs.gif") no-repeat right -250px;
border: none;
}
#mainTaskCTabContainer_tablist .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/task_center_tabs.gif") repeat 0 -200px;
/* changed 19/08/09 prev. padding:10px 10px 0px 10px; */
padding:10px 5px 4px 5px;
margin: 0 0 -4px 0;
}
/* DHL Belgien Checked */
#mainTaskDTabContainer_tablist .dijitTabChecked {
/* the selected tab (with or without hover) */
background: #ffcc00;
font-size: 1.2em;
color: #000000;
margin-left: 0px;
margin-right: 0px;
text-decoration:none;
}
#mainTaskDTabContainer_tablist .dijitTabChecked .dijitTabInnerDiv {
/*padding:0px 7px 4px 9px;*/
background: #ffcc00;
border: none;
}
#mainTaskDTabContainer_tablist .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
background: #ffcc00;
padding:12px 5px 10px 6px;
}
/* NEWSLIST */
.dhl .dijitNewsListTabPaneWrapper {
border-top:#dbdbdb 1px solid;
padding-top: 23px;
}
.dj_ie .dhl .dijitNewsListTabPaneWrapper {
width: 48em;
overflow:visible;
}
.dj_ie6 .dhl .dijitNewsListTabPaneWrapper {
padding-top: 11.5px;
}
.dhl .dijitNewsListTabContainer {
padding-top: 5px;
}
/* Buttons */
/* Common */
.mainNewsListTabContainer_tablist-top {
padding-left: 90px;
}
.mainNewsListTabContainer .dijitTab {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #666666;
margin-top: 5px;
margin-right: 3px;
margin-bottom: -5px;
border-left:1px solid #d8d8d8;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
}
.mainNewsListTabContainer .dijitTabContent {
padding:3px 5px 2px 6px;
border: none;
}
.mainNewsListTabContainer .dijitTabInnerDiv {
padding: 0px 10px 0px 10px;
border: none;
margin-bottom: 0px;
}
/* Hover */
.mainNewsListTabContainer .dijitTabHover {
color:#cc0000;
text-decoration:underline;
}
.mainNewsListTabContainer .dijitTabHover .dijitTabInnerDiv {
border: none;
}
.mainNewsListTabContainer .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
padding:3px 5px 2px 6px;
}
/* Checked */
.mainNewsListTabContainer .dijitTabChecked {
/* the selected tab (with or without hover) */
background:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #000000;
border-left:1px solid #dbdbdb;
border-top:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
margin-bottom: -1px;
margin-top: 1px;
text-decoration:none;
}
.mainNewsListTabContainer .dijitTabChecked .dijitTabInnerDiv {
padding:7px 5px 4px 6px;
border: none;
}
.mainNewsListTabContainer .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
padding: 0px 10px 0px 10px;
}
/* Tab Container*/
/* tab content */
.dhl .dijitTabPaneWrapper {
border-top:#999999 solid 1px;
background:#fff;
}
.dijitTabContainer {
padding-top: 5px;
}
.dijitTabLabels-top {
padding-left: 15px;
}
/* Buttons */
/* Common */
.dijitTaskLabels-top {
padding-left: 15px;
}
#mainTabContainer_tablist .dijitTab {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/tab_off_left.gif") no-repeat top left;
font-size: 1.1em;
font-weight: bold;
color: #666666;
margin-bottom: -4px;
margin-left: 1px;
margin-right: 2px;
}
#mainTabContainer_tablist .dijitTabContent {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/tab_off_bg.gif") repeat-x;
padding:12px 5px 2px 6px;
border: none;
}
#mainTabContainer_tablist .dijitTabInnerDiv {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/tab_off_right.gif") no-repeat top right;
padding: 0px 10px 0px 10px;
border: none;
margin-bottom: 0px;
}
/* Hover */
#mainTabContainer_tablist .dijitTabHover {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/tab_off_left.gif") no-repeat top left;
text-decoration:underline;
}
#mainTabContainer_tablist .dijitTabHover .dijitTabInnerDiv {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/tab_off_right.gif") no-repeat top right;
border: none;
}
#mainTabContainer_tablist .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/tab_off_bg.gif") repeat-x;
padding:12px 5px 2px 6px;
}
/* Checked */
#mainTabContainer_tablist .dijitTabChecked {
/* the selected tab (with or without hover) */
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/tab_on_left.gif") no-repeat top left;
font-size: 1.2em;
color: #000000;
top: 1px;
margin-left: -2px;
margin-right: -1px;
}
#mainTabContainer_tablist .dijitTabChecked .dijitTabInnerDiv {
padding:0px 7px 4px 9px;
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/tab_on_right.gif") no-repeat top right;
border: none;
}
#mainTabContainer_tablist .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
background: url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/tab_on_bg.gif") repeat-x;
padding:10px 10px 0px 10px;
}
/*Tooltip*/
.dhl .dijitTooltip,
.dhl .dijitTooltipDialog {
/* the outermost dom node, holding the connector and container */
opacity: 0.1;
background: transparent; /* make the area on the sides of the arrow transparent */
}
.dijitTooltipBelow {
/* leave room for arrow above content */
padding-top: 13px;
}
.dijitTooltipAbove {
/* leave room for arrow below content */
padding-bottom: 13px;
}
.dijitTooltipContainer {
/*
The part with the text.
NOTE:
FF doesn't clip images used as CSS bgs if you specify a border
radius. If you use a solid color, it does. Webkit gets it right.
Sigh.
background: #ffffff url("/apps/dhl/docroot/js/lib/dijit/themes/dhl/images/popupMenuBg.gif") repeat-x bottom left;
*/
font-size: 1.1em;
background-color: #fff6d1;
border:1px solid #d8d8d4;
padding:0.45em;
/*border-radius: 6px;
-moz-border-radius: 7px;
-webkit-border-radius: 6px; */
}
.dhl .dijitTooltipConnector {
/* the arrow piece */
border:0px;
z-index: 2;
}
.dhl .dijitTooltipABRight .dijitTooltipConnector {
left: auto !important;
right: 3px;
}
.dhl .dijitTooltipBelow .dijitTooltipConnector {
/* the arrow piece for tooltips below an element */
top: 0px;
left: 3px;
width:16px;
height:14px;
}
.dhl .dijitTooltipAbove .dijitTooltipConnector {
/* the arrow piece for tooltips above an element */
bottom: 0px;
left: 3px;
width:16px;
height:14px;
}
.dhl .dijitTooltipLeft {
padding-right: 13px;
}
.dj_ie6 .dhl .dijitTooltipLeft {
padding-right: 15px;
}
.dhl .dijitTooltipLeft .dijitTooltipConnector {
/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
right: 0px;
bottom: 7px;
width:16px;
height:14px;
}
.dhl .dijitTooltipRight {
padding-left: 13px;
}
.dhl .dijitTooltipRight .dijitTooltipConnector {
/* the arrow piece for tooltips to the right of an element, bottom borders aligned */
left: 0px;
bottom: 7px;
width:16px;
height:14px;
}
/* /apps/dhl/docroot/css/application.css */@charset "utf-8";
/* CSS commands for application */
/*** Taskcenter ***/
.taskcenter .dijitTitlePaneTitle:hover {
color:#c00;
}
.taskcenter .error {
font-size: 1em;
color:#cc0202;
margin-bottom:.7em;
margin-top:-.4em;
line-height: 1.1em;
}
.wrap1 {
width: 31em;
}
.dijitTaskCTabPaneWrapper {
clear: both;
}
.taskcenter .tc_label {
display:block;
}
/* Outer taskcenter div */
.taskcenter {
float:left;
margin-bottom:-.4em;
}
/* Main tab container */
#mainTaskCTabContainer {
width:30em;
}
/* Main tab container full content */
#mainTaskDTabContainer {
width:100%;
}
/* Content tab container */
#help {
float:left;
background:url(/img/common/help.png) no-repeat;
width: 17px;
height: 17px;
margin-left:2px;
margin-top:1px;
margin-bottom: .4em;
cursor:pointer;
}
/* Textarea Gap */
.taskcenter .express_tracking_field {
padding: .3em 0 .7em;
}
.taskcenter .logistic_tracking_field {
padding: .75em 0 .95em;
}
/* Input */
textarea.tracking, textarea.airwaybill {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
height: 4.1em;
width: 24.9em;
border: 1px solid #7f9db9;
vertical-align: middle;
padding-left:.4em;
padding-top:.3em;
overflow:hidden;
}
.taskcenter select.shipment_type {
float:left;
margin-bottom: .8em;
}
.taskcenter select.country, .taskcenter select.shipment_type {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
height: 1.8em;
width: 15.7em;
border: 1px solid #7f9db9;
margin-top:.2em;
padding-top:0;
}
.taskcenter input.track_e {
xheight: 1.5em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: 1.1em;
color: #fff;
float:right;
padding-bottom: 0;
vertical-align: middle;
cursor:pointer;
}
.taskcenter input.track_l {
height: 1.5em;
background: #cc0202;
border: 1px solid #cc0201;
font-size: 1.1em;
color: #fff;
float:right;
vertical-align: middle;
padding-bottom: .2em;
cursor:pointer;
}
.taskcenter input.go {
background-color: #cc0202;
border: 1px solid #cc0201;
font-size: 1.1em;
color: #fff;
vertical-align: middle;
cursor:pointer;
}
.taskcenter input.cancel {
height: 1.5em;
background: #666;
border: 1px solid #666;
font-size: 1.1em;
color: #fff;
vertical-align: middle;
cursor:pointer;
margin:0 0 .5em;
}
.taskcenter input.track_e:hover,
.taskcenter input.track_l:hover,
.taskcenter input.go:hover,
.taskcenter input.cancel:hover {
color: #fc0;
}
.no_float {
clear:both;
}
/*** AirBillGuide ***/
.air_bill_guide .wrap1 {
width:480px;
float:left;
}
.air_bill_guide p, .air_bill_guide ul, .air_bill_guide li {
color:#666;
}
.air_bill_guide h3 {
font-size:1.3em;
margin: 2em 0 .5em;
}
.air_bill_guide p {
font-size:1.2em;
margin-bottom:1em;
}
.air_bill_guide ul li {
font-size:1.2em;
margin:1.2em;
list-style:square;
}
.air_bill {
background: url(/img/application/airwaybill_form.jpg) no-repeat 0 0;
width: 470px;
height: 323px;
display:block;
}
.air_bill_column01 {
width: 180px;
height: 323px;
float:left;
margin-left:7px;
}
.air_bill_column02 {
width: 186px;
height: 323px;
float:left;
margin-left:0;
}
.air_bill_column03 {
width: 84px;
height: 323px;
float:left;
margin-left:0;
}
#air_bill_help01 {
width: 176px;
cursor:pointer;
margin-top:32px;
margin-bottom:8px;
height:38px;
}
#air_bill_help02 {
width: 91px;
height: 18px;
cursor:pointer;
margin-right:2px;
margin-bottom:2px;
float:left;
}
#air_bill_help03 {
width: 83px;
height: 18px;
cursor:pointer;
float:left;
}
#air_bill_help04 {
clear:left;
width: 176px;
height: 17px;
margin-bottom:2px;
cursor:pointer;
}
#air_bill_help05 {
width: 176px;
height: 72px;
margin-bottom:11px;
cursor:pointer;
}
#air_bill_help06 {
width: 176px;
height: 119px;
cursor:pointer;
}
#air_bill_help07 {
margin-top:98px;
width: 183px;
height: 45px;
margin-bottom:9px;
cursor:pointer;
}
#air_bill_help08 {
width: 183px;
height: 46px;
margin-bottom:10px;
cursor:pointer;
}
#air_bill_help09 {
width: 183px;
height:69px;
margin-bottom:10px;
cursor:pointer;
}
#air_bill_help10 {
width: 183px;
height:31px;
cursor:pointer;
}
#air_bill_help11 {
margin-top:47px;
width: 80px;
height: 103px;
cursor:pointer;
}
#air_bill_help01:hover,
#air_bill_help02:hover,
#air_bill_help03:hover,
#air_bill_help04:hover,
#air_bill_help05:hover,
#air_bill_help06:hover,
#air_bill_help07:hover,
#air_bill_help08:hover,
#air_bill_help09:hover,
#air_bill_help10:hover,
#air_bill_help11:hover {
border: 2px solid #cc0202;
}
* html #air_bill_help01 :hover,
* html #air_bill_help02 :hover,
* html #air_bill_help03 :hover,
* html #air_bill_help04 :hover,
* html #air_bill_help05 :hover,
* html #air_bill_help06 :hover,
* html #air_bill_help07 :hover,
* html #air_bill_help08 :hover,
* html #air_bill_help09 :hover,
* html #air_bill_help10 :hover,
* html #air_bill_help11 :hover {
border: 2px solid #cc0202;
}
/* /apps/dhl/docroot/css/customization.css *//***********************************************
* customizations that were not provided by DHL
* but needed to get some components to render
* correctly
**********************************************/
/**********************************************
* from default.css
**********************************************/
/* custom add to emulate the tags around the standard link list because
for some reason, post-processing adds an ending tag before the start of
the standard link */
div.standardlinkpar {
font-size: 1.2em;
line-height: 1.25em;
color: #666;
padding-top: .2em;
}
/* custom add so header (site id + header service links) will render correctly
(not pushed up for site id and down and to the right for links) with the
new HTML/CSS integration */
/*
.header .siteid .image img.logo {
margin-top: 1.9em;
float: left;
}
*/
/* custom add so the header service links are displayed on the same line with custom widget */
.header div.linkitem {
display: inline;
}
/* custom add to render left separator bar and color if on current language page, render as text only not link */
.header div.servicelinks li.defaultLang {
color: #000;
padding-left: .5em;
background: url(/img/meta/servicelink_separator.gif) no-repeat left .5em;
color: #b28e00;
}
/* custom add important to take precedence so left separator bar not rendered if first item link */
.header div.servicelinks a.firstItem {
background: none !important;
}
/* custom add to render first item with no left separator bar and color if first item is default language */
.header div.servicelinks li.firstItem {
background: none;
color: #b28e00;
}
/*
* custom add to add padding/margins to entire container; this should be taken
* care of in each individual component instead
*/
.content_cross_reference_custom_class .content_teaser {
margin: 0 1em 1.1em 2em;
}
/*
* custom add to add padding/margins to horizontal separator line in
* CONTENT_CROSS_REFERENCE area;
* NOTE: if THIS is active, then the following #content_cross_reference hr MUST
* BE commented out
*/
.content_cross_reference_custom_class .content_teaser hr {
margin: 0 0 1.2em;
}
/* need to comment out if using above two classes
#content_cross_reference hr {
margin-right: 1em;
margin-left: 2em;
}
*/
/*********************
footer styles
**********************/
.footer .footer_navigation li {
/*display: inline;*/
/* custom add padding-right because custom widget rendering seemed to squish the text and separator */
/*padding-right: 0.28em;*/
/* moved from #footer .footer_navigation li a */
/*padding-left: 0.5em;*/
/*background: url(/img/meta/servicelink_separator.gif) no-repeat 0 0.4em;*/
}
/* custom add so left separator bar not rendered if first item footer link */
.footer .footer_navigation li.firstItem, .footer .footer_navigation li.firstItem a {
background: none;
}
/*
.footer .footer_navigation li a {
padding-left: 0.5em;
background: url(/img/meta/servicelink_separator.gif) no-repeat 0 0.4em;
}
*/
/**********************************************
* from modules.css
**********************************************/
/* all copied from .module so content teaser will work
if placed in right container
*/
/*
* custom add to remove padding/margins if content teaser is placed in the
* content_cross_reference (right) container because padding/margins were
* added to the entire container - see content_cross_reference_custom_class
* class in default.css
*/
.module_cross_ref {
margin: 0;
}
/*
* custom add .module_cross_ref for settings if content teaser is placed in
* the content_cross_reference (right) container - see
* .content_cross_reference_custom_class class in default.css and
* .module_cross_ref class above
*/
.module_cross_ref h2 {
color: #000;
}
/*
* custom add .module_cross_ref for settings if content teaser is placed in
* the content_cross_reference (right) container - see
* .content_cross_reference_custom_class class in default.css and
* .module_cross_ref class above
*/
.module_cross_ref h2 a {
color: #C00;
text-decoration:none;
}
/*** Content Teaser ***/
/*
* custom add .module_cross_ref for settings if content teaser is placed in
* the content_cross_reference (right) container - see
* .content_cross_reference_custom_class class in default.css and
* .module_cross_ref class above
*/
.module_cross_ref h2 a:hover {
color: #c00;
text-decoration:underline;
}
/*
* custom add .module_cross_ref for settings if content teaser is placed in
* the content_cross_reference (right) container - see
* .content_cross_reference_custom_class class in default.css and
* .module_cross_ref class above
*/
.module_cross_ref p {
line-height: 1.25em;
}
/*** Standard and News Article ***/
/* custom add to emulate the tags around the standard link list OUTSIDE
expandable links but WITHIN standard article because for some reason, post-
processing adds an ending tag before the start of the standard link */
div.articlestandardlinkpar {
color: #666666;
font-size: 1.2em;
line-height: 1.55em;
padding: .2em 0 .8em;
padding-top: .2em;
}
/* custom add to emulate the tags around the standard link list INSIDE
transaction teaser because already adding class transaction_teaser_txt
around standard links INSIDE expandable links INSIDE transaction teaser */
div.transactionstandardlinkpar {
font-family: Arial,Helvetica,sans-serif;
font-size: 1.2em;
}
/* custom add to emulate the tags around the standard link list OUTSIDE
expandable links but WITHIN tab system because for some reason, post-
processing adds an ending tag before the start of the standard link */
div.tabsstandardlinkpar {
color:#666666;
font-size:1.2em;
line-height:1.45em;
padding-top:.2em;
}
/* custom add to emulate the tags around the standard link list INSIDE
rich text editor otherwise the links created from the rich text editor are
rendered too small text */
div.richtextlinkpar {
font-family: Arial,Helvetica,sans-serif;
font-size: 1.2em;
}
div.panesys_stackcontainer {
margin: 0;
padding: .001em;
height: auto! important;
}
/* custom add for div class to render the text after contact form is submitted
to display if form submittal was successful or not - e-mail sent or not */
.form_submittal h2, .form_submittal h3 {
margin-top: 2em;
padding-bottom: .2em;
font-size: 1.4em;
}
/* custom add for text to be displayed above the contact form after contact
form is submitted if form submittal was unsuccessful */
.form_submittal .error {
color: #C00;
}
/* custom add for list of error or validation messages for contact form after
contact form is submitted (no e-mail message sent in this case) */
.form_submittal .error li {
background: transparent url(/img/common/form_error_bullet.gif) no-repeat scroll 0 1em;
font-size: 1.2em;
line-height: 2.2em;
list-style-type: none;
padding-left: 1em;
}
/* custom add for span tags for all links */
span.secret {
height: 1px;
width: 1px;
position: absolute;
overflow: hidden;
top: -10px;
}
/* custom add for transaction teaser to be placed within a containerpar, the main
wide container in a content or top of area of interest index template */
.content_containerpar_module {
margin: 0;
}
/* custom add for shadow wrapping white background for transaction teaser */
.dhl .wrap1_white {
float: left;
width: 100%;
background: url('images/placeholder_l.gif') left top repeat-y;
}
.dhl .wrap2_white {
background: url('images/placeholder_t.gif') right top repeat-x;
}
.dhl .wrap3_white {
background: url('images/placeholder_r.gif') right top repeat-y;
}
.dhl .wrap4_white {
background: url('images/placeholder_b.gif') right bottom repeat-x;
}
.dhl .wrap5_white {
background: url('images/placeholder_bl.gif') left bottom no-repeat;
}
.dhl .wrap6_white {
background: url('images/placeholder_tl.gif') left top no-repeat;
}
.dhl .wrap7_white {
background: url('images/placeholder_tr.gif') right top no-repeat;
}
.dhl .wrap8_white {
padding: 5px;
background: url('images/placeholder_br.gif') right bottom no-repeat;
}
/* custom add to change id to class */
.transaction_teaser {
background: #F2F2ED none repeat scroll 0 0;
padding: 1em 1em 1.2em;
}
/* custom add for transaction teaser white background */
.transaction_teaser_white {
background: #FFF none repeat scroll 0 0;
padding: 0;
/*margin-top: -3px*/
/*padding: 1em 1em 1.2em;*/
}
.content_cross_reference .transaction_teaser_white {
padding-left: 0!important;
}
/* custom add to make transaction teaser look like content teaser - red - if linkable */
.transaction_teaser_headline a {
color: #C00;
text-decoration: none;
}
/* custom add to make transaction teaser look like content teaser - red and underlined - if linkable and hovering */
.transaction_teaser_headline a:hover {
color: #C00;
text-decoration: underline;
}
/* IO custom add to make transaction teaser white look like content teaser */
.transactionteaser_white .wrap1 {
background:none;
float:left;
width:100%;
}
.transactionteaser_white .wrap2,
.transactionteaser_white .wrap3,
.transactionteaser_white .wrap4,
.transactionteaser_white .wrap5,
.transactionteaser_white .wrap6,
.transactionteaser_white .wrap7 {
background:none;
}
.transactionteaser_white .wrap8 {
background:none;
padding:0;
}
/* /apps/dhl/docroot/css/static.css *//* parsys component */
div.par {
clear: both;
}
div.parsys_column {
height: 100%;
width: 100%;
float: left;
border: 0;
vertical-align:top;
padding: 0;
margin: 5px 0;
}
div.parsys_column .section {
overflow:hidden;
width: 100%;
}
/* column control layouts */
div.cq-colctrl-cols {width: 100%; float: left; }
div.cq-colctrl-default { width: 100%;}
div.cq-colctrl-lt0 { background:url(/img/cq/cq-colctrl-lt0.gif) repeat-y scroll 0 0 invert;}
div.cq-colctrl-lt0-c0 { width: 48%; padding-right: 14px;}
div.cq-colctrl-lt0-c1 { width: 49% }
div.cq-colctrl-lt1 { background:url(/img/cq/cq-colctrl-lt1.gif) repeat-y scroll 0 0 invert;}
div.cq-colctrl-lt1-c0 { width: 34%; padding-right: 14px;}
div.cq-colctrl-lt1-c1 { width: 63%;}
div.cq-colctrl-lt2 { background:url(/img/cq/cq-colctrl-lt2.gif) repeat-y scroll 0 0 invert;}
div.cq-colctrl-lt2-c0 { width: 31%; padding-right: 14px;}
div.cq-colctrl-lt2-c1 { width: 31%; padding-right: 14px;}
div.cq-colctrl-lt2-c2 { width: 32%; }
div.cq-colctrl-lt3 { background:url(/img/cq/cq-colctrl-lt3.gif) repeat-y scroll 0 0 invert; }
div.cq-colctrl-lt3-c0 { width: 46%; padding-right: 14px;}
div.cq-colctrl-lt3-c1 { width: 24%; padding-right: 14px;}
div.cq-colctrl-lt3-c2 { width: 24%; }
/* /apps/dhl/docroot/css/default_tracking_template.css */.content_main_container {
overflow:hidden;
padding:0;
margin:0;
background:url(/img/common/shadow_content_title_right.png) 0 0 no-repeat;
}
*html .content_main_container {
overflow:auto;
padding:0;
margin:0;
background:url(/img/common/shadow_content_title_right.png) 0 0 no-repeat;
}
* +html .content_main_container {
overflow:auto;
padding:0;
margin:0;
background:url(/img/common/shadow_content_title_right.png) 0 0 no-repeat;
}
.content_main {
width: 52em;
max-width:100%;
min-width:520px;
float: left;
padding: 0;
}
.content_main_index {
width: 52em;
max-width:100%;
min-width:520px;
float: left;
padding: 0;
background:none;
}
.content_main_shadow_cltp {
position: absolute;
height: 169px;
top: 4.2em;
width: 72em;
max-width:99%;
min-width:720px;
background: url(/img/common/shadow_content_main_right_cltp.png) no-repeat 72em 0;
padding-right:1em;
}
*html .content_main_shadow_cltp {
position: absolute;
height: 169px;
top: 4.2em;
width: 72em;
max-width:99%;
min-width:720px;
background: url(/img/common/shadow_content_main_right_cltp.gif) no-repeat 72em 0;
padding-right:1em;
}
* +html .content_main_shadow_cltp {
position: absolute;
height: 169px;
top: 4.2em;
width: 72em;
max-width:99%;
min-width:720px;
background: url(/img/common/shadow_content_main_right_cltp.gif) no-repeat 72em 0;
padding-right:1em;
}
.content_main_container_full {
width: 100%;max-width:100%;min-width:750px;float: left;padding: 0;
}
*html .content_main_container_full {
width: 79em;max-width:100%;min-width:790px;float: left;padding: 0;
}
.dhl .dijitArticleTitlePaneContentOuter {
border-top:none;
}
.dhl .dijitArticleTitlePaneTextNode {
color:#000;
font-size:1.1em;
margin-left:1.5em;
}
.dhl .dijitArticleTitlePaneContentInner {
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:1.1em;
}
.tableborder .dhl {font-size:0.9em;}
/*** CLTP_Tracking extra styles **/
.clpt_tracking .content_main_container_full {
width: 100%;max-width:100%;min-width:750px;float: left;padding: 0;
}
.clpt_tracking .navigation_main_shadow{
display:none;
}
/*** CLTP_TrackingResultPage ***/
.clpt_tracking_results .summary_title{
font-weight: bold;
font-size: 1.2em;
width: 565px;
float: left;
}
.clpt_tracking_results .details {float: left; display: block;}
.clpt_tracking_results h2{
margin: 1em 0 -1.5em;
}
.clpt_tracking_results table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
empty-cells: show;
float:left;
}
.clpt_tracking_results .tableborder {
border-bottom: 2px solid #d1d1d1;
margin-top: 3em;
border-top: 2px solid #d1d1d1;
}
.clpt_tracking_results .tableborder_yellow {
border-bottom: 2px solid #d1d1d1;
margin-top: 3em;
}
.clpt_tracking_results caption {
font-size: 1.4em;
font-weight: bold;
text-align: left;
padding-bottom: .75em;
border-bottom: 2px solid #d1d1d1;
}
.clpt_tracking_results .tophead {
background: #e8e8e4;
}
.clpt_tracking_results .tophead th {
background: #e8e8e4;
font-size: 1.1em;
text-align: left;
padding: .2em .6em;
vertical-align: top;
border-right: none;
border-bottom: 1px solid #d1d1d1;
padding-bottom:.8em;
}
.clpt_tracking_results .tophead th td {
background: #e8e8e4;
font-size: 1.1em;
text-align: left;
padding: .2em .6em;
vertical-align: top;
border-right: none;
border-bottom: none;
}
.clpt_tracking_results .tophead th.icon {
text-align:right;
}
.clpt_tracking_results .tophead .iconImg {
margin-top:1.6em;
text-align:right;
}
.clpt_tracking_results th,
.clpt_tracking_results td {
font-size: 1.1em;
text-align: left;
padding: .2em .6em;
vertical-align: top;
border-right: 3px solid #fff;
border-bottom: 1px solid #d1d1d1;
}
.clpt_tracking_results th {
background: #e8e8e4;
}
.clpt_tracking_results td {
background: #fff;
}
.clpt_tracking_results .emptyRow {
height:3px;
background:#fff;
border-right: none;
}
.clpt_tracking_results .rowGrey {
background-color: #f2f2ed;
}
.clpt_tracking_results .lastChild {
border-right: none;
}
.clpt_tracking_results .lastRow {
border-bottom: none;
}
.clpt_tracking_results .yellow {
background: #ffe88c;
}
.clpt_tracking_results .no_line {
border-bottom: none;
}
.clpt_tracking_results .sm_line {
border-bottom: 1px solid #d1d1d1;
}
.clpt_tracking_results .no_white {
border-right: none;
}
.clpt_tracking_results p {
color: #666;
font-size: 1.2em;
margin-bottom:3.6em;
margin-top:.3em;
}
.clpt_tracking_results p.table {
color: #666;
font-size: 1.0em;
margin-bottom:0;
margin-top:0;
line-height:.9em;
}
.clpt_tracking_results .check_box {
background:url(/img/modules/7_13_dhl_7_13_shipment_tracking_result_checkbox.gif) no-repeat;
width: 11px;
height: 11px;
margin-top:.2em;
}
.clpt_tracking_results .air_waybill {
font-size:1.2em;
margin-bottom:.5em;
display:block;
}
.clpt_tracking_results .error {
font-size: 1.1em;
color:#C00;
margin-bottom:.2em;
display:block;
}
.clpt_tracking_results .tophead span.copy {
font-size: 1.1em;
color:#000;
margin-bottom:.2em;
display:block;
}
.font_normal {
font-weight:normal;
}
.clpt_tracking_results .arrowLink {
font-size: 1.1em;
}
.clpt_tracking_results .arrowLink_space {
display:inline;
}
.clpt_tracking_results .details .arrowLink, .clpt_tracking_results .new_search .arrowLink {
font-size: 1.2em;
font-weight:bold;
}
.clpt_tracking_results .new_search {
margin-top:2em;
clear:left;
/*float:left;*/
}
.clpt_tracking_results .details {
display:none;
}
.clpt_tracking_results fieldset {
border:0;
}
.clpt_tracking_results input.track_radio {
vertical-align:text-bottom;
}
*html .clpt_tracking_results input.track_radio {
vertical-align: middle;
}
* +html .clpt_tracking_results input.track_radio {
vertical-align: middle;
}
.clpt_tracking_results input.submitbutton {
background: #666;
border: none;
color: #fff;
font-size: 1.1em;
padding: .1em;
float: left;
}
.clpt_tracking_results input.submitbutton {
background-color: #cc0001;
float: right;
margin-right: -.9em;
margin-top: .6em;
}
.clpt_tracking_results input.submitbutton:hover {
color: #fc0;
}
.content_main_container_full .shipment_tracking_container {
max-width:100%;
min-width:520px;
padding:0;
width:52em;
}
/* /apps/dhl/docroot/css/ie_optimization.css */@charset "utf-8";
/* special IE CSS commands */
* +html .main{
width: 98.7em;
max-width:98.5%;
min-width:766px;
background: url(/img/common/shadow_main_right.gif) no-repeat 98.7em 0;
}
*html .main{
background: url(/img/common/shadow_main_right.gif) no-repeat 98.7em 0;
}
* html .content_main{
margin-left: -1px;
width: 52.4em;
}
* +html .content_main{
width: 52.3em;
max-width:100%;
min-width:510px;
}
* html .content_main_container {
overflow:auto;
}
@media screen and (min-width: 0px){
.container_title_main {
padding-bottom:2.3em;
}
}
/*\*/
html*.container_title_main {
padding-bottom:2.6em;
;
}/**/
*+html .container_title_main {
padding-bottom:2.3em;
}
* html .content_main_index {
background:url(/img/common/shadow_content_title_right.gif) 0 0 no-repeat;
}
*html .container_slot_1 {
width: 23.2em;
max-width:48%;
padding-right: 20px;
}
*html .container_slot_2 {
width: 22.9em;
max-width:48%;
}
/* positioning main area IE 7 and 6 */
* +html .main_area {
background: url(/img/common/shadow_main_right.gif) no-repeat 110% 0;
padding-right:0.4em;
width: 100%;
}
/* positioning of footer IE 7 */
* +html .footer {
width: 74em;
min-width:740px;
}
* +html .footer div.container {
padding: 1em 1em .5em;
background: #fc0;
width: 71.5em;
max-width:96%;
}
* html .footer {
width: expression(document.getElementById("emhelper").offsetWidth >= 13? "72.75em": document.getElementById("emhelper").offsetWidth >= 12? "72.90em":"73.5em"); /* frueher 73.0 */
}
* +html .footer div.container {
max-width: expression(document.getElementById("emhelper").offsetWidth >= 13? "96.3%": document.getElementById("emhelper").offsetWidth >= 12? "96%":"96%");
}
/* for ie6 */
* html .footer div.container {
width:70.5em;
}
.footer div.container {
*/padding-bottom: 0!important;
}
/* main navigation*/
/* left side navigation IE 6 */
* html .menu {
width:15.5em;
}
* html .menu .toplevel {
width:13.5em;
}
* html .menuItem,* html .menuItemSelected, * html .menuItemSelectNoSub, * html .menuItem1,* html .menuItem1Selected, * html .menuItem2,* html .menuItem2Selected, * html .menuItem2SelectNoSub {
width:11.9em;
}
* html .menuItem3,* html .menuItem3Selected, * html .menuItem3SelectNoSub {
width:10em;
}
* html .menuItem3SelectedLast {
width:10.1em;
}
/*Safari2 */
/*\*/
html*.navigation_main div.quicksearch {
padding-top: .4em;
right: .7em;
;
}/**/
/* right positioning of quicksearch IE 6 */
* html .navigation_main div.quicksearch {
top: 0;
right: 3.3em;
padding-bottom: 4px;
padding-left:16px;
background: none!important;
}
* html .navigation_main div.quicksearch {
background: none;
}
html .quicksearch input.q {
*/padding: expression(document.getElementById("emhelper").offsetWidth >= 13? "0.17em": document.getElementById("emhelper").offsetWidth >= 12? "0.1em":"0");
}
/* positioning of quicksearch IE 7 */
* +html .navigation_main div.quicksearch {
padding-top: .4em;
right: .9em;
}
/* sub navigation top margin IE 6 */
html .menu .iegap, html .sitemap .iegap {
*/margin-top:-15px;
}
/* fix for IE hr margin bug */
hr {
*/margin-top: -.7em;
*/margin-bottom: .5em;
}
html .menu .toplevel hr{
*/margin-bottom:1.1em;
}
html .menu .toplevel h2{
*/padding-bottom:0;
*/margin-bottom:-.05em;
}
#nav a.navi, #nav a.navi:link, #nav a.navi:visited {
*/background: url(/img/common/arrow_navi.gif) no-repeat .3em .4em;
}
#nav a.navi:hover{
*/background: url(/img/common/arrow_navi_on.gif) .3em .4em no-repeat;
}
#nav a.naviTrans, #nav a.naviTrans:link, #nav a.naviTrans:visited {
*/background: url(/img/common/arrow_naviTrans.gif) 0 .3em no-repeat;
}
#nav a.naviTrans:hover {
*/background: url(/img/common/arrow_naviTrans_on.gif) 0 .3em no-repeat;
}
/* activate PNG support in IE 6 for bottom shadow of main navigation*/
* html .navigation_main_shadow {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/shadow_navigation_main_bottom.png');
background: none;
top: 6.6em;
}
/* activate PNG support in IE 6 for right shadow of content title */
* html .content_title_shadow_index {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/shadow_content_title_right.png');
background: none;
left: 20.1em;
}
/* activate PNG support in IE 6 for right shadow of content main */
* html .content_main_shadow {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/shadow_content_main_right.png');
background: none;
left: 72.5em;
left: expression(document.getElementById("emhelper").offsetWidth >= 13? "72.35em": document.getElementById("emhelper").offsetWidth >= 12? "72.4em":"72.5em");
}
/* activate PNG support in IE 7 for right shadow of content main */
* +html .content_main_shadow {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/shadow_content_main_right.png');
background: none;
left: 72.5em;
left: expression(document.getElementById("emhelper").offsetWidth >= 13? "72.20em": document.getElementById("emhelper").offsetWidth >= 12? "72.30em":"72.5em");
}
/* activate PNG support in IE 6 for right shadow of content main, tracking template */
* html .content_main_shadow_cltp {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/shadow_content_main_right_cltp.png');
background: none;
left: 72.5em;
left: expression(document.getElementById("emhelper").offsetWidth >= 13? "72.35em": document.getElementById("emhelper").offsetWidth >= 12? "72.4em":"72.5em");
}
/* activate PNG support in IE 7 for right shadow of content main, tracking template */
* +html .content_main_shadow_cltp {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/shadow_content_main_right_cltp.png');
background: none;
left: 72.5em;
left: expression(document.getElementById("emhelper").offsetWidth >= 13? "72.20em": document.getElementById("emhelper").offsetWidth >= 12? "72.30em":"72.5em");
}
* html .content_main_index {
width: 52.4em;
max-width:100%;
min-width:520px;
float: left;
padding: 0;
background:url(/img/common/shadow_content_title_right.gif) 0 0 no-repeat;
margin-left:-1px;
}
* +html .content_main_shadow {
background: url(/img/common/shadow_content_main_right.png) no-repeat 72.6em 0;
}
*html .container_title_main {
background: #fc0;
*/padding: .9em 2em 1.6em;
overflow: hidden;
border-bottom:1px solid #fc0;
}
* html .container_title_main {
padding-bottom:2.2em;
}
/* new 09/10/05 */
* html .container_title_main h1 {
margin-bottom: .4em;
white-space:
}
* html .content_main .container {
background: #fff;
}
* html .searchresults {
padding-top: 2em;
}
/* new 09/10/05 */
/*Spacer IE*/
.spacer {
*/margin-top:-.6em;
}
.content_main .spacer,
.content_main_index .spacer {
*/margin-top:.55em;
}
/* Opera Hack*/
@media screen and (min-width: 0px){
hr {
display: block;
background: #f5f5f5;
margin: 0 0 1.2em;
max-height:2px;
border-top:1px solid #dbdbdb;
border-bottom:none;
border-left:none;
border-right:none;
}
}
/*Safari2 */
/*\*/
html*hr {
display: block;
background: #f5f5f5;
margin: 0 0 1.2em;
max-height:2px;
border-top:1px solid #dbdbdb;
border-bottom:none;
border-left:none;
border-right:none;
;
}/**/
/* IE7 */
*+html hr {
display: block;
margin: 0 0 .55em;
height:3px;
border-top:1px solid #dbdbdb;
border-bottom:2px solid #f5f5f5;
border-left:none;
border-right:none;
}
* html hr {
display: block;
margin: 0 0 .55em;
height:3px;
border-top:1px solid #dbdbdb;
border-bottom:2px solid #f5f5f5;
border-left:none;
border-right:none;
}
.container_title div.breadcrumb li, .container_title_main div.breadcrumb li {
*/padding-right: .4em;
*/padding-left: .6em;
}
@media screen and (min-width: 0px){
.dlLink:hover {
color:#cc0202;
}
}
/*** Newslist ***/
* html .vertical_line {
margin-bottom: 1px;
}
/* ie6 hack */
* html .newslist_txt_teaser {
margin-left: 6.6em;
height: 1px; /* 3-Px-Bug IE6 */
}
* html .newslist_pic_teaser {
width: 70px;
margin-right: -3px;
}
/* ie7 hack */
*+html .newslist_txt_teaser {
margin-left: 6.95em;
}
/*Safari Hack*/
/*\*/
html*.dhl .dijitNewsListTitlePaneTextSubNode {
margin-left: .2em;
width:32.9em;
display:inline-block;
;
}/**/
/* ie hack */
html*.dhl .dijitNewsListTitlePaneTextSubNode {
width:auto;
;
}
/*** Newslist small ***/
/*Safari Hack*/
/*\*/
html*.news_teaser_txt {
[;
margin-left:0;
];
}
/*\*/
html*.dhl .dijitsmallNewsListTitlePaneTextSubNode {
margin-left: .45em;
width:258px;
;
}/**/
/* ie6 hack */
* html .news_teaser_img {
width:78px;
}
* html .news_teaser_txt {
margin-left: 0;
}
* html .news_teaser_headline {
padding-left:79px;
}
/*** FastTrack ***/
/* activate PNG support in IE 6 for right shadow of content title */
* html .fast_track #hilfe_01 {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/help.png');
background:none;
}
/* IE6 */
* html .fast_track_headline {
margin-top:0;
}
* html .fast_track input.track {
height: 1.6em;
font-size: .9em;
}
* html .fast_track textarea.code {
font-size: .9em;
width: 16.8em!important;
}
* html .fast_track #hilfe_01 {
margin-left: 185px!important;
}
/* IE7 */
*+html .fast_track select.shipment {
font-size: .9em;
height: 1.9em;
}
*+html .fast_track textarea.code {
font-size: .9em;
width: 16.8em;
}
*+html .fast_track input.track {
height: 1.6em;
font-size: .9em;
}
*+html .fast_track #hilfe_01 {
margin-left: 185px!important;
}
/* Opera9 */
@media all and (min-width:0) {
head~body .fast_track textarea.code {
font-size: .8em;
width: 19.3em;
}
}
@media all and (min-width:0) {
head~body .fast_track input.track {
font-size: .9em;
border-left: 3px solid #cc0201!important;
border-right: 3px solid #cc0201!important;
}
}
/*** customs paperwork ***/
/* IE 6*/
* html .status div.statusLineLast {
width:73.6%;
margin-right:0;
}
* html .status div.statusLine {
width:98.6%;
margin-right:0;
}
* html .status_proforma div.statusLineLast {
width:64.2%;
margin-right:0;
}
* html .status_proforma div.statusLine {
width:89.2%;
margin-right:0;
}
* html .paperwork .inputtext,
* html .paperwork .address {
width: 18.4em;
}
* html .paperwork div.module {
margin-right: 2em;
width:21em;
}
* html .paperwork .add {
margin-bottom:.2em;
margin-top:0;
}
* html .paperwork textarea.item_list,
* html .paperwork textarea.notes {
*/width:18.4em;
margin-right:.5em;
}
* html .paperwork select.country,
* html .paperwork select.country2,
* html .paperwork select.invoice_date,
* html .paperwork select.trade_terms,
* html .paperwork select.export_type {
height:1.8em;
font-size:1.1em;
width:19em;
margin-right:.4em;
}
* html .paperwork select.currency,
* html .paperwork .minfield {
margin-right:14.7em;
}
/* IE7 */
*+html .paperwork select.country,
*+html .paperwork select.country2,
*+html .paperwork select.invoice_date,
*+html .paperwork select.trade_terms,
*+html .paperwork select.export_type {
height:2.1em;
font-size:1.1em;
width:19.5em;
}
*+html .paperwork div.module {
margin-right: 3.9em;
width: 20.2em;
}
*+html .paperwork .inputtext,
*+html .paperwork .address {
width: 18.8em;
}
*+html .paperwork textarea.item_list,
*+html .paperwork textarea.notes {
*/width:18.8em;
}
/* IE */
.paperwork legend {
*/margin-left: -.6em;
}
/* Opera9 */
@media all and (min-width:0) {
head~body .paperwork .address {
width: 17.6em;
}
}
/*** CurrencyConverter ***/
/* IE6 */
* html .currency_converter .clearAll {
margin:0;
padding:0;
height:1px;
}
* html .currency_converter select.further_currencies_01,
* html .currency_converter select.further_currencies_02 {
margin-top:.5em;
margin-right:0;
font-size:.9em;
width: 19.4em;
padding:0;
}
* html .currency_converter input.currency_value,
* html .currency_converter input.convert_result {
font-size: .9em;
height: 1.4em;
}
html .currency_converter .currency_radio {
*/width:auto;
}
* html .currency_converter input.convert_result {
width:15em;
}
* html .currency_converter .currency_label {
height: .1em;
padding-top: .35em;
}
* html .currency_converter .result_label {
height: .1em;
}
* html .currency_converter .convert_from,
* html .currency_converter .convert_to {
padding-top:0;
width:17.8em;
}
* html .currency_converter .input_area {
float:left;
padding-top:0;
padding-right:0;
}
* html .currency_converter {
width:auto;
}
* html .currency_converter .convert_arrow {
margin-left:1px;
margin-right:1px;
}
* html .currency_converter .currency_set {
width: 17.8em;
margin-bottom:0;
}
* html .currency_converter .us_flag {
background:url(/img/modules/7_04_dhl_currency_converter_flags_18_52_ie6.gif) no-repeat 0 0;
margin-top:.3em;
padding-right:.3em;
height:1px;
}
* html .currency_converter .gb_flag {
background:url(/img/modules/7_04_dhl_currency_converter_flags_18_52_ie6.gif) no-repeat 0 -17px;
margin-top:.3em;
padding-right:.3em;
}
* html .currency_converter .jp_flag {
background:url(/img/modules/7_04_dhl_currency_converter_flags_18_52_ie6.gif) no-repeat 0 -34px;
margin-top:.3em;
padding-right:.3em;
}
* html .currency_converter .eu_flag {
background:url(/img/modules/7_04_dhl_currency_converter_flags_18_52_ie6.gif) no-repeat 0 -51px;
margin-top:.3em;
padding-right:.3em;
}
* html .currency_converter input.convert {
font-size: .9em;
margin-top:1em;
}
* html .currency_converter input.clear {
font-size: .9em;
margin-top:1em;
}
/* IE7 */
*+html .currency_converter .clearAll {
margin:0;
padding:0;
height:0;
}
*+html .currency_converter .currency_set {
margin-bottom:1.8em
}
*+html .currency_converter .input_area {
float:left;
padding-top:0;
padding-right:0;
}
*+html .currency_converter .currency_label {
padding-top: .35em;
}
*+html .currency_converter .us_flag {
margin-top:.3em;
}
*+html .currency_converter .gb_flag {
margin-top:.3em;
}
*+html .currency_converter .jp_flag {
margin-top:.3em;
}
*+html .currency_converter .eu_flag {
margin-top:.3em;
}
*+html .currency_converter select.further_currencies_01,
*+html .currency_converter select.further_currencies_02 {
margin-top:.5em;
font-size:.9em;
height:2.0em !important;
}
*+html .currency_converter input.currency_value,
*+html .currency_converter input.convert_result {
font-size: .9em;
padding-top:.2em;
padding-left:.2em;
height: 1.4em;
}
*+html .currency_converter input.currency_value {
width:7em;
}
*+html .currency_converter input.convert_result {
width: 15.1em
}
/* Opera9 */
@media all and (min-width:0) {
head~body .currency_converter .input_area {
float:left;
padding-top:0;
}
}
@media all and (min-width:0) {
head~body .currency_converter .currency_label {
padding-top: .2em;
}
}
@media all and (min-width:0) {
head~body .currency_converter .us_flag {
margin-top:.2em;
}
}
@media all and (min-width:0) {
head~body .currency_converter .gb_flag {
margin-top:.2em;
}
}
@media all and (min-width:0) {
head~body .currency_converter .jp_flag {
margin-top:.2em;
}
}
@media all and (min-width:0) {
head~body .currency_converter .eu_flag {
margin-top:.2em;
}
}
@media all and (min-width:0) {
head~body .currency_converter .convert_arrow {
margin-left:13px;
margin-right:13px;
}
}
@media all and (min-width:0) {
head~body .currency_converter .currency_radio {
width: auto;
}
}
@media all and (min-width:0) {
head~body .currency_converter input.currency_value {
height: 1.4em;
font-size: .9em;
width: 7em;
}
}
@media all and (min-width:0) {
head~body .currency_converter input.convert_result {
height: 1.4em;
font-size: .9em;
width: 14.4em;
}
}
@media all and (min-width:0) {
head~body .currency_converter select.further_currencies_01,
head~body .currency_converter select.further_currencies_02 {
font-size: .9em;
height: 1.5em;
}
}
@media all and (min-width:0) {
head~body .currency_converter input.convert {
font-size: .9em;
padding: .2em;
margin-bottom:1em;
}
}
@media all and (min-width:0) {
head~body .currency_converter input.clear {
font-size: .9em;
padding: .2em;
}
}
/*Safari2 */
/*\*/
html*.currency_converter .input_area {
float:left;
padding-top:0;
padding-right:.3em;
}
;
}/**/
/*** ConversionCalculator ***/
/* IE6 */
* html .conversion_calculator .cal_length,
* html .conversion_calculator .cal_area,
* html .conversion_calculator .cal_volume,
* html .conversion_calculator .cal_weight {
float:right;
margin-top:.7em;
vertical-align: top;
}
* html .conversion_calculator input.length,
* html .conversion_calculator input.area,
* html .conversion_calculator input.volume,
* html .conversion_calculator input.weight {
font-size: .9em;
height: 1.5em;
width: 7em;
margin-right:.3em;
}
* html .conversion_calculator select.conversion_01,
* html .conversion_calculator select.conversion_02,
* html .conversion_calculator select.conversion_03,
* html .conversion_calculator select.conversion_04 {
font-size: .9em;
height: 1.4em;
width: 13em;
margin-right:.5em;
}
* html .conversion_calculator input.result_01,
* html .conversion_calculator input.result_02,
* html .conversion_calculator input.result_03,
* html .conversion_calculator input.result_04 {
font-size: .9em;
height: 1.5em;
width: 7em;
}
* html .conversion_calculator input.go_01,
* html .conversion_calculator input.go_02,
* html .conversion_calculator input.go_03,
* html .conversion_calculator input.go_04 {
font-size: .9em;
height:1.9em !important;
margin-right:.8em;
margin-top:0.1em;
padding-left:0.1em;
padding-top:0.1em;
vertical-align:top;
}
* html .cal_length, * html .cal_area, * html .cal_volume, * html .cal_weight {
width:96%;
}
* html .conversion_cal_headline {
color:#000;
}
* html .conversion_calculator {
width:94.9%;
}
/* IE7 */
*+html .conversion_calculator .cal_length,
*+html .conversion_calculator .cal_area,
*+html .conversion_calculator .cal_volume,
*+html .conversion_calculator .cal_weight {
float:right;
margin-top:.8em;
vertical-align: top;
}
*+html .conversion_calculator input.length,
*+html .conversion_calculator input.area,
*+html .conversion_calculator input.volume,
*+html .conversion_calculator input.weight {
font-size: .9em;
height: 1.4em;
width: 7em;
padding-top:0.2em !important;
}
*+html .conversion_calculator select.conversion_01,
*+html .conversion_calculator select.conversion_02,
*+html .conversion_calculator select.conversion_03,
*+html .conversion_calculator select.conversion_04 {
margin-bottom:0;
font-size: .9em;
height: 2.0em !important;
width: 13em;
vertical-align:bottom;
}
*+html .conversion_calculator input.result_01,
*+html .conversion_calculator input.result_02,
*+html .conversion_calculator input.result_03,
*+html .conversion_calculator input.result_04 {
font-size: .9em;
height: 1.4em;
width: 7em;
padding-top:0.2em !important;
}
*+html .conversion_calculator input.go_01,
*+html .conversion_calculator input.go_02,
*+html .conversion_calculator input.go_03,
*+html .conversion_calculator input.go_04 {
margin-right:.8em;
height:2.0em !important;
padding:0.1em 0.1em 0;
margin-top:0.1em;
}
*+html .cal_length, *+html .cal_area, *+html .cal_volume, *+html .cal_weight {
width:96%;
}
*+html .conversion_calculator {
width:94.9%;
}
/* Opera9 */
@media all and (min-width:0) {
.conversion_calculator .cal_length,
.conversion_calculator .cal_area,
.conversion_calculator .cal_volume,
.conversion_calculator .cal_weight {
float:right;
margin-top:.8em;
vertical-align: middle;
}
}
@media all and (min-width:0) {
head~body .conversion_calculator input.length,
head~body .conversion_calculator input.area,
head~body .conversion_calculator input.volume,
head~body .conversion_calculator input.weight {
font-size: .9em;
height: 1.4em;
width: 7em;
margin-bottom: .2em;
}
}
@media all and (min-width:0) {
head~body .conversion_calculator select.conversion_01,
head~body .conversion_calculator select.conversion_02,
head~body .conversion_calculator select.conversion_03,
head~body .conversion_calculator select.conversion_04 {
font-size: .9em;
height: 1.5em;
width: 13em;
margin-bottom: 0;
}
}
@media all and (min-width:0) {
head~body .conversion_calculator input.result_01,
head~body .conversion_calculator input.result_02,
head~body .conversion_calculator input.result_03,
head~body .conversion_calculator input.result_04 {
font-size: .9em;
height: 1.4em;
width: 7em;
margin-bottom: .2em;
}
}
@media all and (min-width:0) {
head~body .conversion_calculator input.go_01,
head~body .conversion_calculator input.go_02,
head~body .conversion_calculator input.go_03,
head~body .conversion_calculator input.go_04 {
height: 1.7em;
font-size: .9em;
margin-bottom: .2em;
}
}
@media all and (min-width:0) {
head~body .conversion_calculator input.go_01,
head~body .conversion_calculator input.go_02,
head~body .conversion_calculator input.go_03,
head~body .conversion_calculator input.go_04 {
font-size: .9em;
padding: .2em;
}
}
/*** DropOffLocator full ***/
/* IE6 */
* html .drop_off_locator_full label {
vertical-align:none;
}
* html .drop_off_locator_full select.drop_off_locator_location {
width:18.6em;
font-size: .9em;
}
* html .drop_off_locator_full .label_area {
padding-top:.25em;
}
* html .drop_off_locator_full .input_area {
margin-bottom:.8em;
}
* html .drop_off_locator_full input.city_town,
* html .drop_off_locator_full input.postcode_zip,
* html .drop_off_locator_full input.province_state
{
width:18.3em;
font-size: .9em;
height: 1.5em;
}
* html .drop_off_locator_full input.drop_off_radio {
vertical-align: middle;
}
* html .drop_off_locator_full input.go {
font-size: .9em!important;
line-height: 13px!important;
padding-bottom: 0!important;
}
* html .drop_off_locator_full input.clear {
font-size: .9em!important;
line-height: 13px!important;
padding-bottom: 0!important;
}
*+html .drop_off_locator_full input.go {
font-size: .8em!important;
line-height: 13px!important;
}
*+html .drop_off_locator_full input.clear {
font-size: .8em!important;
line-height: 13px!important;
}
/* IE7 */
*+html .drop_off_locator_full legend {
margin-bottom:.9em;
}
*+html .drop_off_locator_full label {
vertical-align:none;
}
*+html .drop_off_locator_full .label_area {
padding-top:.2em;
}
*+html .drop_off_locator_full .input_area {
margin-bottom:.8em;
}
*+html .drop_off_locator_full select.drop_off_locator_location
{
font-size: .9em;
width: 18.7em;
}
*+html .drop_off_locator_full input.city_town,
*+html .drop_off_locator_full input.postcode_zip,
*+html .drop_off_locator_full input.province_state
{
font-size: .9em;
height: 1.4em;
width:18.3em;
}
*+html .drop_off_locator_full input.drop_off_radio {
vertical-align:middle;
}
/* Opera9 */
@media all and (min-width:0) {
head~body .drop_off_locator_full input.drop_off_radio {
vertical-align: middle;
}
}
@media all and (min-width:0) {
head~body .drop_off_locator_full legend {
color:#000;
font-size: 1.1em;
font-weight: bold;
height:1.9em;
}
}
@media all and (min-width:0) {
head~body .drop_off_locator_full select.drop_off_locator_location {
font-size: .9em;
height: 1.5em;
width: 17.8em;
}
}
@media all and (min-width:0) {
head~body .drop_off_locator_full input.city_town,
head~body .drop_off_locator_full input.postcode_zip,
head~body .drop_off_locator_full input.province_state {
font-size: .9em;
height: 1.4em;
width: 17.6em;
}
}
@media all and (min-width:0) {
head~body .drop_off_locator_full input.go {
font-size: .9em;
padding: .2em;
border-left: 4px solid #cc0201!important;
border-right: 4px solid #cc0201!important;
}
}
@media all and (min-width:0) {
head~body .drop_off_locator_full input.clear {
font-size: .9em;
padding: .2em;
border-left: 4px solid #666665!important;
border-right: 4px solid #666665!important;
}
}
/*** DropOffLocator result ***/
/* IE6 */
* html .drop_off_results input.search {
font-size: 1.1em;
padding-bottom: 0;
}
/* Opera9 */
@media all and (min-width:0) {
head~body .drop_off_results input.search {
font-size: 1.1em;
padding: .2em;
}
}
/*** ShipmentTracking ***/
/* IE6 */
* html .shipment_tracking .shipment_type {
float:left;
/* edit 19/08/09 was width: 47%; */
width:39%;
padding-right:1em;
}
* html .shipment_tracking .tracking_no {
float:left;
/* edit 19/08/09 was width: 47%; */
width:55%;
padding-left:1em;
}
* html .shipment_tracking textarea {
width: 17.1em;
}
* html .shipment_tracking select.shipment {
font-size: .9em;
/* edit 19/08/09 was width: 17.6em; */
width: 15em;
}
* html .shipment_tracking #hilfe_02,
* html .shipment_tracking #hilfe_03 {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/help.png');
background:none;
}
* html .shipment_tracking .text_area {
width:14em;
float:left;
}
/* IE7 */
*+html .shipment_tracking select.shipment {
font-size: .9em;
height: 1.9em;
/* edit 19/08/09 was width: 17.6em; */
width: 15em;
}
/* Opera9 */
@media all and (min-width:0) {
head~body .shipment_tracking select.shipment {
width: 17em;
height: 1.4em;
font-size: .9em;
}
}
@media all and (min-width:0) {
head~body .shipment_tracking textarea {
width: 17em;
font-size: .9em;
}
}
@media all and (min-width:0) {
head~body .shipment_tracking input.track {
height: 1.6em;
font-size: .9em;
padding-top: 0;
padding-bottom: 0;
padding-left: .2em!important;
padding-right: .2em!important;
border-left: 4px solid #cc0201!important;
border-right: 4px solid #cc0201!important;
}
}
/*** TrackByShippersReference ***/
/*Safari Hack*/
/*\*/
html*.tracking_shipper_ref select.date_range_from_d,
html*.tracking_shipper_ref select.date_range_from_m,
html*.tracking_shipper_ref select.date_range_to_d,
html*.tracking_shipper_ref select.date_range_to_m {
width: 4.8em;
;
}/**/
/* IE6 */
* html .tracking_shipper_ref input.shippers_ref,
* html .tracking_shipper_ref input.acc_no
{
font-size: .9em;
height: 1.4em;
width: 17.4em;
}
* html .tracking_shipper_ref select.ship_destination
{
font-size: .9em;
width: 17.8em;
}
* html .tracking_shipper_ref select.date_range_from_d,
* html .tracking_shipper_ref select.date_range_from_m,
* html .tracking_shipper_ref select.date_range_to_d,
* html .tracking_shipper_ref select.date_range_to_m {
font-size: .9em;
width: 3.6em;
margin-right:.45em;
}
* html .tracking_shipper_ref select.date_range_from_y,
* html .tracking_shipper_ref select.date_range_to_y {
font-size: .9em;
width: 4.6em;
margin-right:.65em;
}
* html .tracking_shipper_ref .input_area {
margin-bottom:-1em;
height:0;
}
* html .tracking_shipper_ref .label_area {
margin-bottom:0;
height:0;
}
* html .tracking_shipper_ref input.track {
font-size: .9em;
}
/* IE7 */
*+html .tracking_shipper_ref input.shippers_ref,
*+html .tracking_shipper_ref input.acc_no
{
font-size: .9em;
height: 1.4em;
width: 17.4em;
}
*+html .tracking_shipper_ref select.ship_destination
{
font-size: .9em;
width: 17.8em;
height: 1.9em;
}
*+html .tracking_shipper_ref select.date_range_from_d,
*+html .tracking_shipper_ref select.date_range_from_m,
*+html .tracking_shipper_ref select.date_range_to_d,
*+html .tracking_shipper_ref select.date_range_to_m {
font-size: .9em;
width: 3.8em;
margin-right:.5em;
height: 1.9em;
}
*+html .tracking_shipper_ref select.date_range_from_y,
*+html .tracking_shipper_ref select.date_range_to_y {
font-size: .9em;
width: 4.8em;
margin-right:.65em;
}
*+html .tracking_shipper_ref .input_area {
margin-bottom:.8em;
}
*+html .tracking_shipper_ref input.track {
font-size: .9em;
}
/* Opera */
@media all and (min-width:0) {
head~body .tracking_shipper_ref input.shippers_ref,
head~body .tracking_shipper_ref input.acc_no
{
font-size: .9em;
height: 1.5em;
width: 16.8em;
padding-top:0;
}
}
@media all and (min-width:0) {
head~body .tracking_shipper_ref select.ship_destination
{
font-size: .9em;
width: 17em;
height: 1.5em;
}
}
@media all and (min-width:0) {
head~body .tracking_shipper_ref select.date_range_from_d,
head~body .tracking_shipper_ref select.date_range_from_m,
head~body .tracking_shipper_ref select.date_range_to_d,
head~body .tracking_shipper_ref select.date_range_to_m {
font-size: .9em;
width: 3.2em;
margin-right:.65em;
height: 1.5em;
}
}
@media all and (min-width:0) {
head~body .tracking_shipper_ref select.date_range_from_y,
head~body .tracking_shipper_ref select.date_range_to_y {
font-size: .9em;
width: 4.2em;
margin-right:.65em;
height: 1.5em;
}
}
@media all and (min-width:0) {
head~body .tracking_shipper_ref input.track {
font-size: .9em;
padding: .2em;
}
}
/*** VolumetricWeight ***/
/* IE6 */
* html .volumetric_weight input.vm_length,
* html .volumetric_weight input.vm_width,
* html .volumetric_weight input.vm_height,
* html .volumetric_weight input.vm_result {
font-size: .9em;
height: 1.4em;
width: 6.8em;
margin-left:.8em;
padding-top:.2em;
padding-left:.2em;
}
* html .volumetric_weight input.calculate {
font-size: .9em;
padding-bottom: 0;
margin-bottom: 0;
}
/* IE7 */
*+html .volumetric_weight input.vm_length,
*+html .volumetric_weight input.vm_width,
*+html .volumetric_weight input.vm_height,
*+html .volumetric_weight input.vm_result {
font-size: .9em;
height: 1.5em;
width: 6.8em;
margin-left:.8em;
padding-top:.2em;
padding-left:.2em;
}
*+html .volumetric_weight input.calculate {
font-size: .9em;
padding-bottom: 0;
margin-bottom: 0;
}
/* Opera9 */
@media all and (min-width:0) {
head~body .volumetric_weight input.vm_length,
head~body .volumetric_weight input.vm_width,
head~body .volumetric_weight input.vm_height,
head~body .volumetric_weight input.vm_result {
font-size: 1em;
height: 1.4em;
width: 6.8em;
margin-left:.8em;
padding-top:0;
}
}
@media all and (min-width:0) {
head~body .volumetric_weight input.calculate {
font-size: .9em;
padding: .2em;
margin-bottom: 0;
}
}
/*** DropOffLocator simple ***/
/* IE6 */
* html .drop_off_locator_simple fieldset {
margin-top:0;
}
* html .drop_off_locator_simple select.user_location {
font-size: .9em;
width: 15em;
margin-bottom:1.2em;
}
* html .drop_off_locator_simple input.city_zip_code {
font-size: .9em;
height: 1.4em;
width: 14.6em;
}
.drop_off_locator_simple legend {
*/margin-left:-.65em;
}
/* IE7 */
*+html .drop_off_locator_simple select.user_location {
font-size: .9em;
height: 1.9em;
width: 15em;
margin-bottom:1.2em;
}
*+html .drop_off_locator_simple input.city_zip_code {
font-size: .9em;
height: 1.4em;
width: 14.6em;
}
/* Opera9 */
@media all and (min-width:0) {
head~body .drop_off_locator_simple select.user_location {
font-size: .9em;
height: 1.5em;
width: 15em;
margin-bottom:1.2em;
}
head~body .drop_off_locator_simple input.city_zip_code {
font-size: .9em;
height: 1.5em;
width: 14.6em;
padding-top:0;
}
head~body .drop_off_locator_simple input.go {
font-size: .9em;
padding:.2em;
}
head~body .drop_off_locator_simple legend {
margin-left:0;
margin-right:0;
}
}
/*** NordicComponent ***/
/* IE6 */
.nordic_component fieldset {
margin-top:0;
}
* html .nordic_component select.within_from {
font-size: .9em;
width: 15em;
margin-bottom:.8em;
}
* html .nordic_component select.product {
font-size: .9em;
width: 15em;
margin-bottom:1em;
}
/* IE7 */
*+html .nordic_component select.within_from {
font-size: .9em;
width: 15em;
height: 1.9em;
margin-bottom:.8em;
}
*+html .nordic_component select.product {
font-size: .9em;
width: 15em;
height: 1.9em;
margin-bottom:1em;
}
.nordic_component legend {
*/margin-left:-.65em;
}
/* Opera9 */
@media all and (min-width:0) {
head~body .nordic_component select.within_from {
font-size: .9em;
width: 15em;
height: 1.5em;
margin-bottom:.8em;
}
head~body .nordic_component select.product {
font-size: .9em;
width: 15em;
height: 1.5em;
margin-bottom:1em;
}
head~body .nordic_component input.book,
head~body .nordic_component input.book_print {
font-size: .9em;
padding: .2em;
}
head~body .nordic_component legend {
margin-left:0;
margin-right:0;
}
}
/*** LinkListDropdown ***/
/*Safari2 */
/*\*/
html*.link_list_white input.go {
height:1.8em;
margin-top:-1.9em;
;
}/**/
/* IE6 */
* html .link_list_white select.worldwide,
* html .link_list_white select.country,
* html .link_list_white select.linklist_dropdown_w01,
* html .link_list_white select.linklist_dropdown_w02 {
font-size: 1.1em;
height: 1.9em;
width: 16em;
}
* html .link_list_white input.go {
height: 1.6em;
font-size: 1.1em;
margin-bottom:.2em;
}
/* IE6 */
* html .link_list_grey fieldset {
margin-top:0;
}
* html .link_list_grey label {
margin-top:0;
}
* html .link_list_grey h2{
*/padding: 0 0 .5em; /* instead of negative margin-top of p (below) */
}
/** html .link_list_grey p{
*//*margin-top:-.3em;
}*/
* html .link_list_grey input.go {
margin-top:-1.4em;
}
*+html .link_list_grey input.go {
margin-top:-1.6em;
}
.link_list_grey legend {
*/margin-left:-.65em;
}
* html .link_list_white select.linklist_dropdown_w01 {
margin-bottom:.65em;
}
* html .link_list_white select.linklist_dropdown_w01,
* html .link_list_white select.linklist_dropdown_w02 {
margin-right:.65em;
}
/* IE7 */
*+html .link_list_grey h2{
padding: 0 0 .45em; /* instead of negative margin-top of p (below) */
}
/**+html .link_list_grey p{
margin-top:-.35em;
}*/
*+html .link_list_grey select.linklist_dropdown_01 {
margin-bottom:.65em;
}
*+html .link_list_grey select.linklist_dropdown_01,
*+html .link_list_grey select.linklist_dropdown_02 {
font-size: .9em;
height: 1.9em;
width: 14em;
}
*+html .link_list_white select.worldwide,
*+html .link_list_white select.country,
*+html .link_list_white select.linklist_dropdown_w01,
*+html .link_list_white select.linklist_dropdown_w02 {
font-size: 1.1em;
height: 1.9em;
width: 16em;
margin-right:.6em;
}
*+html .link_list_white select.linklist_dropdown_w01 {
margin-bottom:.5em;
}
*+html .link_list_grey input.go {
margin-top:-1.6em;
}
*+html .link_list_white input.go {
height: 1.6em;
font-size: 1.1em;
margin-bottom:.4em;
vertical-align:text-bottom;
}
* html .link_list_white input.go {
vertical-align:text-bottom;
}
/* Opera9 */
@media all and (min-width:0) {
head~body .link_list_grey legend {
margin-left:0;
margin-right:0;
}
head~body .link_list_grey h2{
padding: 0 0 .4em;
}
/*head~body .link_list_grey p{
margin-top:0;
}*/
head~body .link_list_grey input.go {
font-size: .9em;
padding:.2em;
vertical-align: top;
border-left: 2px solid #cc0201;
border-right: 2px solid #cc0201;
}
head~body .link_list_white input.go {
font-size: 1.1em;
padding:.2em;
margin-bottom:.2em;
}
head~body .link_list_white select.worldwide,
head~body .link_list_white select.country,
head~body .link_list_white select.linklist_dropdown_w01,
head~body .link_list_white select.linklist_dropdown_w02 {
height: 1.7em;
width: 18em;
}
head~body .content_cross_reference .parbase.referenceparagraph.section.reference {
padding-bottom: 1px;
}
}
/*** Tabs ***/
.tabs .download {
*/padding-top:.15em;
}
.tabs h2 {
/* IO change 21.04 margin-top:-2.0em;*/
}
/* IE6 */
* html .tabs ul li {
margin: .4em 0 0 1.3em;
}
* html .tabs .dijitArrowNode {
padding: 0 3px 0 0;
}
* html .tabs .tabs_title_pane_txt {
margin-left: -.15em; /* Text linksbündig Linktext */
}
/* IE7 */
*+html .tabs ul li {
margin: .4em 0 0 1.25em;
}
*+html .tabs .tabs_title_pane_txt {
margin-left: -.2em; /* Text linksbündig Linktext */
}
/*Safari2 */
/*\*/
html*.tabs .mainNewsListTabContainer_tablist-top {
float:none;
margin-left:8em;
}
;
}/**/
/*** Form Pages ***/
/* IE6 & IE7 */
.formpage textarea {
*/overflow:hidden;
*/width:25.1em;
}
.formpage select, .paperwork select {
*/font-size:1.1em;
*/height:1.8em;
*/width:25.7em;
}
.formpage input {
*/vertical-align:baseline;
}
/* Opera */
@media all and (min-width:0) {
head~body .formpage input.formbutton {
font-size: 1.1em;
padding:.2em .4em;
}
}
@media all and (min-width:0) {
head~body .formpage input.submitbutton {
font-size: 1.1em;
padding:.2em .4em;
}
}
@media all and (min-width:0) {
head~body .formpage .file_upload {
width:31.5em;
}
}
@media all and (min-width:0) {
head~body .formpage textarea {
width:24.4em;
}
}
/*** Contact ***/
.contact legend {
*/margin-left:-.6em;
}
.contact .module {
*/width:21.8em;
}
.contact .module02 {
*/width:21.8em;
}
*+html .contact fieldset{
width:470px !important;
}
/*** EmailaFriend ***/
.email_a_friend legend {
*/margin-left:-.6em;
}
.email_a_friend .module {
*/width:21em;
}
.email_a_friend .module02 {
*/width:21em;
}
.email_a_friend input.clear {
*/height: 1.6em;
*/padding-bottom: 0;
*/cursor:pointer;
*/float:left;
}
.email_a_friend input.send {
*/height: 1.6em;
*/padding-bottom: 0;
*/cursor:pointer;
*/float: right;
}
*+html .email_a_friend input.send {
margin-right:-.5em;
}
/* Opera9 */
@media all and (min-width:0) {
head~body .email_a_friend input.send {
font-size: 1.1em;
padding:.2em;
}
}
@media all and (min-width:0) {
head~body .email_a_friend input.clear {
font-size: 1.1em;
padding:.2em;
}
}
/*** SearchResults ***/
/* IE6 & IE7 */
.search_results .search_navigation ul li{
*/padding-right: .6em;
*/padding-left: .6em;
*/background: url(/img/common/breadcrumb_separator.gif) no-repeat right .2em;
}
.search_results select {
*/font-size:1em;
*/height:1.7em;
}
.search_results textarea {
*/width:18.3em;
*/height:4em;
*/font-size:1em;
*/font-family: Arial, Helvetica, sans-serif;
*/overflow:hidden;
}
.search_results input.submitbutton {
*/height: 1.5em;
*/font-size: 1.2em;
*/margin-left:.6em;
*/margin-bottom:.1em;
}
.search_results input.new_search {
*/font-size:1.1em;
*/padding:.2em;
*/width:20.2em;
}
.search_results input {
*/vertical-align:middle;
}
.search_results label {
*/vertical-align:middle;
}
/* Opera9 */
@media all and (min-width:0) {
head~body .search_results input.new_search {
font-size: 1.1em;
padding:.2em;
width:20.1em;
}
}
@media all and (min-width:0) {
head~body .search_results input.submitbutton {
font-size: 1.2em;
padding:.2em;
}
}
@media all and (min-width:0) {
head~body .search_results input {
vertical-align:sub;
}
}
@media all and (min-width:0) {
head~body .search_results select {
font-size: 1em;
height:1.6em;
}
}
/*Safari2 */
/*\*/
html*.search_results input.new_search {
font-size:1em;
width:22.7em;
}
;
}/**/
/*** Contact ***/
/* IE6 & IE7 */
* html .contact .details {
margin:0;
width:98%;
}
/* IE6 & IE7 */
.contact select {
*/margin-top:.2em;
*/font-size:1.1em;
*/height:1.8em;
*/width:20.5em;
}
.contact textarea {
*/overflow:hidden;
*/height:5em;
}
.contact .module p {
*/padding:1.9em 0 0 1em;
}
/* Opera9 */
@media all and (min-width:0) {
head~body .contact input.clear,
head~body .contact input.send {
font-size: 1.1em;
padding:.2em .4em;
}
}
/*** customs paperwork ***/
@media all and (min-width:0) {
head~body .paperwork textarea.item_list,
head~body .paperwork textarea.notes {
width:17.6em;
}
}
/*** OfficeLocator ***/
* html .office_locator_headline {
margin-bottom: .5em;
}
/*** FlashModule ***/
#flash_teaser_small {
*/height:12.1em;
*/width:20.1em;
}
/*** TransactionTeaser ***/
* html .transaction_teaser_headline {
margin-top:0;
}
/*** IE6 Disapearing Bug ***/
* html .parsys,
* html .transparsys {
height: 100%;
}
/* quicksearch fix*/
.quicksearch #search { */margin-left: -9px;}
* html .quicksearch { right: 2.6em!important; }
*+html .quicksearch { right: .6em; }
/* container fix*/
/*.container { */*/*/margin: 0;}*/
/* richtext fix */
.richtext { */line-height: 1.47em;}
/* legend fix */
* html legend {margin-left: -6px;}
/* expandable list fix */
* html .expandable_list { margin-top: -13px; }
* html .content_teaser .expandable_list { margin-top: 0; }
* html .content_teaser .dijitExpand_ListTitlePaneTextNode { line-height: 18px!important; }
/* ol fix*/
* html ol { padding-left: 10px;}
/* status line fix */
*+html .statusLineBorder { height: 31px!important;}
* html .statusLineBorder { margin-bottom: -3px!important;}
* html .statusLine { width: auto!important; border-right: 0 none!important;}
* html .statusLine .stepFrameLast { border-right: 1px solid #dbdbdb; }
/* standardlink arrowlink fix */
.standardlink_2 a.arrowLinkUp {
*/margin-left: 0!important;
}
/* ie6 content_main_container png-error fix */
* html .content_main_container { background: none!important; }
/* ie6 article image fix */
.articleImg_left {
float:left;
margin:.3em 1.6em .1em 0;
}
.articleImg_right {
float:right;
margin:.3em 0 0 1.6em;
}
* html .content_main_index .container_1_1 .container_slot_2 { margin-right: -20px!important;}
* html .content_main_index .container_1_1 .articleImg_left { margin-right: 0!important; }
.currency_converter .amount_legend,
.drop_off_locator_full legend,
.shipment_tracking legend,
.tracking_shipper_ref legend { */margin-left: -7px!important;}
* html .content_cross_reference .transactionteaser_white .transaction_teaser_white {
padding:1em 0em 1.2em 0em;
}
* html .content_main_index .tabs .expandablelist .expandablelink .expand_list_txt {
width:465px!important;
}
* html .contact input.clear {
line-height:1.1em;
}
/** IE7 headerservicelinks repositioning ***/
*+html .headerservicelinks{
position:absolute;
top: 0.1em;
right: 0.2em;
}
/** IE7 .transaction_teaser_white in .wrap8 in .content_cross_reference **/
*+html .content_cross_reference .wrap8 .transaction_teaser_white{
position:relative;
}
/** IE6 expandlist in expandlist on find dhl locations page**/
* html .expand_list_txt .insideparsys .section .standard_article .richtext{
padding-top:13px;
}
/** IE7 quicksearch "Go" Button **/
*+html .quicksearch input.search{
height:1.6em;
vertical-align:middle;
}
/** IE6 quicksearch "Go" Button **/
* html .quicksearch input.search{
height:1.6em;
vertical-align:middle;
}
/** IE6 .transaction_teaser_white in .wrap8 in .content_cross_reference **/
* html .content_cross_reference .wrap8 .transaction_teaser_white{
padding-top:0px;
padding-bottom:0px;
}
/** IE6 .dijitNewsListTitlePaneTextSubNode **/
* html.dj_ie6 .dijitNewsListTitlePaneTextSubNode{
display:inline-block;
width:auto;
}
/** safari .module **/
.dj_safari .module {
margin: 0 1em 1.1em 2em;
}
.dj_safari .module .module,
.dj_safari .module .module .module,
.dj_safari .module .module .module .module {
margin: 0;
}
.dj_safari .headerservicelinks ul{
white-space:nowrap;
}
/* all ies */
.taskcenter .error {
margin-top:0\9;
}
|