on the top line causes a gap between the .content and .label */
}
.unif_track .dijitExpand_ListTitlePane {
margin-bottom: 0.5em;
}
.unif_track .richtext {
font-size: 1em;
}
.unif_track .richtext li {
list-style:square;
margin-left:15px;
color:#666;
font-size:1em;
line-height:1.453em;
}
.unif_track .richtext ol li {
list-style: decimal;
margin-left: 13px;
}
.unif_track ol {
margin-left /*\**/: 9px\9;
}
.dhl .unif_track textarea {
resize: vertical;
}
.unif_track select {
font-style: italic;
border: 1px solid #7F9DB9;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
height: 1.7em;
width: 100%;
margin-bottom: 5px;
}
.unif_track textarea.code {
margin-bottom: 5px;
}
.taskcenter .unif_track textarea.code {
margin-top: 0px;
margin-bottom: 0px;
}
.taskcenter .unif_track .AWB_field_wrapper {
margin-top: 5px;
margin-bottom: 0px;
}
.unif_track .unif_track_desc {
margin-bottom: 5px;
}
.unif_track .unif_track_form .unif_track_button{
float: left;
padding-top: 15px;
padding-left: 5px;
}
.unif_track .unif_track_form .unif_track_fields{
float: left;
padding-right: 5px;
max-width: 265px;
}
.unif_track .unif_track_form .unif_track_fields.no_shipment_label {
padding-top: 15px;
}
.unif_track .unif_track_form .unif_track_fields label{
display: block;
}
.unif_track .unif_track_form .unif_track_fields select {
width: 265px;
height: 24px;
}
.unif_track .unif_track_form .unif_track_fields textarea.code {
min-width: 265px;
width: 265px;
height: 15px;
}
.unif_track .unif_track_errors {
margin-left: 272px;
}
/*** right side narrow column ***/
.taskcenter .unif_track .unif_track_form .unif_track_fields{
margin-right: 0px;
max-width: 165px;
}
.content_cross_reference .unif_track .unif_track_form {
width: 100%;
margin-bottom: 5px;
}
.content_cross_reference .unif_track .unif_track_desc {
display: none;
}
.content_cross_reference .unif_track_form .unif_track_fields select {
width: 192px;
}
.content_cross_reference .unif_track_form .unif_track_fields textarea.code {
width: 190px;
min-width: 190px;
height: 4em;
}
.taskcenter .unif_track .unif_track_form .unif_track_fields.no_shipment_label,
.content_cross_reference .unif_track .unif_track_form .unif_track_fields.no_shipment_label {
padding-top: 0px;
}
.taskcenter .unif_track .unif_track_button,
.content_cross_reference .unif_track .unif_track_button {
padding-top: 0;
padding-left: 0px;
float: right;
}
.content_cross_reference .unif_track_container {
margin: 0px 5px 0px -5px;
}
.taskcenter .unif_track_container {
margin: 0;
}
.taskcenter .unif_track .unif_track_errors,
.content_cross_reference .unif_track .unif_track_errors {
margin-left: 0px;
}
.unif_track,
.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;
}
.unif_track_headline,
.fast_track_headline {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
margin-bottom: .5em;
margin-top:-.2em;
}
/* IE fix */
.unif_track_headline {
*/zoom: 1;
float: left;
}
.taskcenter .unif_track .unif_track_button {
width: 25px;
}
.facelift-content .taskcenter .dhl #mainTaskCTabContainer .unif_track label {
min-width: 165px;
width: 165px;
}
/* IE fix */
.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;
}
.unif_track textarea.code,
.fast_track textarea.code {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
height: 4em;
/* IO change width: 20.1em;
width: 23.1em;*/
width: 98%;
border: 1px solid #7f9db9;
vertical-align: middle;
padding: 3px 1px 3px 2px;
overflow:hidden;
color:#666;
}
.fast_track textarea.code {
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;
}
.unif_track #st_hilfe_01,
.unif_track #hilfe_01,
.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.8em;
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;
/*display: inline-block;*/
}
.richtext a.arrowLinkUp{
display:inline-block;
}
a.arrowLink {
background: url(../img/common/arrow.gif) no-repeat 0 .4em;
padding-left: .7em;
display: inline-block;
}
/* Rss feed arrow link */
.rsslink a {
font-size: 1.2em;
}
.content_cross_reference .rsslink {
margin: 0 1em 0.5em 2em;
}
.content_cross_reference .transaction_teaser .rsslink{
margin: 0 0em 0.5em 0em;
}
.content_cross_reference .transaction_teaser_white .rsslink{
margin: 0 0em 0.5em 0em;
}
.rsslink{
margin-bottom: 0.5em;
}
a.rssFeed {
background: url(../img/common/feed.png) no-repeat 0 .04em;
padding-left: 1.5em;
}
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,
.unif_track fieldset,
.fast_track fieldset {
border:0;
}
.conversion_calculator legend,
.taskcenter legend,
.link_list_white legend,
.unif_track 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 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 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;
}
.footer .footer_navigation {
min-width: 540px;
width:54em;
}
/*** 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}
.unif_track p, .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;}
.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;}
.content_cross_reference .cq-dd-paragraph .transactionteaser {
display /*\**/: inline-block\9;
}
.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 .unif_track select, {
margin: .2em 1em 5px 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;
}
.content_teaser div h2 a {
display /*\**/: inline-block\9
}
.career_module {
position:relative;
overflow:hidden;
}
.career_box {
width:485px;
margin-bottom:10px;
}
.career_box h2 {
font-weight:bold;
margin-bottom:24px;
padding-bottom:0;
font-size:1.4em;
}
.career_box a {
color: #000000;
font-weight: bold;
display:block;
text-decoration:none;
}
.career_box .arrow {
background:url(../img/common/arrow_up.gif) no-repeat 0 2px;
display:block;
float:left;
width:14px;
height:10px;
}
.career_box a:hover {
text-decoration:underline;
color:#CC0000;
}
.career_box table {
border-collapse: collapse;
border-spacing: 0;
font-size:1.2em;
line-height:1.3em;
}
.career_box table td, .career_box table th{
border-bottom: 1px solid #cdcdcd;
line-height: 1.3em
}
.career_box table th {
padding:6px 0 6px 5px;
text-align:left;
}
.career_box table td {
padding:6px 10px 6px 5px;
text-align:left;
vertical-align: top;
}
.career_box .position {
width:217px;
}
.career_box .loaction {
width:142px;
}
.career_box .division {
width:126px;
}
/** Job Search **/
.content_cross_reference .career_search {
margin-left:2em;
}
.career_search {
font-size:1.2em;
width:212px;
position:relative;
overflow:hidden;
}
.career_search_floatleft {
margin-top:37px;
}
.career_search .career_search_label{
display:inline-block;
}
.career_search .career_search_label,
.career_search select{
width:178px;
}
.career_search select {
margin-right:7px;
margin-bottom:14px;
}
.btn_career_search {
cursor:pointer;
background:#cc0202;
border:none;
color:#fff;
min-width:23px;
width:auto;
padding: 0 0 0.1em 0;
vertical-align: middle;
margin-bottom: 0.2em;
font-size: 12px;
height: 17px;
}
.btn_career_search:hover {
color:#ffcc00;
}
.dontshow {
display:none;
}
.label {
display:block;
}
.career_search select {
font-size:10px;
}
.career_search label {
display:block;
}
/** IE's **/
*+html .btn_career_search{
vertical-align:top;
overflow:visible;
padding:2px 2px 0;
}
* html .btn_career_search{
vertical-align:top;
overflow:visible;
padding:2px 2px 0;
}
/** New tab system **/
.containerTabNavigation {
position:relative;
}
.containerTabNavigation .containerTab {
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
border-top: 1px solid #D8D8D8;
color: #666666;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.1em;
font-weight: bold;
margin-bottom: -5px;
margin-right: 3px;
margin-top: 5px;
cursor: pointer;
float: left;
position: relative;
white-space: nowrap;
z-index: 3;
}
.containerTabNavigation .containerTab {
margin-bottom: -1px !important;
}
.containerTabNavigation .containerTab a {
text-decoration:none;
color: #666666;
}
.containerTabNavigation .containerTab a:hover {
text-decoration:underline;
color:#CC0000;
}
.containerTabNavigation .containerTabChecked a{
color: #000000;
display: block;
overflow: hidden;
}
.containerTabNavigation .containerTab .link span {
text-decoration:none;
color: #666666;
}
.containerTabNavigation .containerTab .link span:hover {
text-decoration:underline;
color:#CC0000;
}
.containerTabNavigation .containerTabChecked .link span{
color: #000000;
display: block;
overflow: hidden;
}
.containerTabNavigation .containerTabInnerDiv {
border: none;
margin-bottom: 0;
padding: 0 5px;
}
.containerTabInnerDiv {
position: relative;
overflow:hidden;
}
.containerTabNavigation .containerTabContent {
border: none;
padding: 3px 0px 2px 0px;
/*overflow:hidden;*/
}
.containerTabNavigation .containerTab {
color: #666666;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.1em;
font-weight: bold;
}
.containerTab {
cursor: pointer;
white-space: nowrap;
}
.containerTabNavigation .containerTabChecked {
background: none repeat scroll 0 0 #FFFFFF;
border-left: 1px solid #DBDBDB;
border-right: 1px solid #DBDBDB;
border-top: 1px solid #DBDBDB;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.1em;
margin-bottom: -1px;
margin-top: 1px;
text-decoration: none;
padding-bottom: 4px;
}
.containerTabNavigation .containerTabChecked .containerTabInnerDiv {
border: none;
padding: 7px 0px 4px 0px;
}
.containerTabNavigation .containerTabChecked .containerTabInnerDiv .containerTabContent {
padding: 0 5px;
}
.containerContentTabs {
border-top: 1px solid #DBDBDB;
padding-top: 23px;
}
.tabName {
display:none;
}
.tabName a,
.containerTabNavigation a,
.tabName span,
.containerTabNavigation .link span {
display:block;
overflow:hidden;
position:relative;
}
.containerTabNavigation,
.containerContentTabs {
width:480px;
}
.sa_expand_list_txt {
padding-left: 1.5em;
}
/* Added for mini task center*/
.miniTaskCenter .dijitExpand_ListTitlePaneContentInner .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;
}
.miniTaskCenter .dijitExpand_ListTitlePaneContentInner .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;
}
.miniTaskCenter .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;
}
.miniTaskCenter .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;
}
.miniTaskCenter .standardlink.section a.arrowLinkUp {
margin-left: -.1em;
padding-left: 1.65em;
margin-bottom: 0em;
display: block;
font-weight: bold;
*/padding-left: 1.8em;
}
.miniTaskCenter .standardlink.section a.arrowLink {
margin-left: .2em;
padding-left: 1.35em;
margin-bottom: 0em;
display: block;
font-weight: bold;
*/padding-left: 1.5em;
}
.miniTaskCenter .expandablelink .standardlink a {
font-size: 1em;
}
.miniTaskCenter .expandablelink .richtext h3 {
font-size: .8em;
color: #666;
}
.miniTaskCenter .richtext {
margin-bottom: .2em;
}
.content_cross_reference .miniTaskCenter .dropofflocator .dhl {
margin: 0 1em 1.1em -0.9em;
}
.miniTaskCenter .standardlink.section a.anchorLink {
/*margin-left: 0.2em;
padding-left: 1.3em;
margin-bottom: 0em;
display: block;*/
font-weight: bold;
}/* /etc/designs/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.navi_blue, a.navi_blue:link, a.navi_blue:visited {
padding: 4px 14px;
display: block;
background: url(../img/common/arrow_navi_blue.gif) no-repeat .3em .5em;
}
a.navi_blue:hover{
color: #ffcd00;
background: url(../img/common/arrow_navi_on_blue.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;
}
a.naviTrans_blue, a.naviTrans_blue:link, a.naviTrans_blue:visited {
color: #fff;
padding: .32em 1.2em;
background: url(../img/common/arrow_naviTrans_blue.gif) 0 .4em no-repeat;
display: block;
}
a.naviTrans_blue:hover {
color: #ffcd00;
padding: .32em 1.2em;
background: url(../img/common/arrow_naviTrans_on_blue.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;
}
/* /etc/designs/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;
}
/* /etc/designs/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;
}
*+html .dhl .dijitArticleTitlePaneTextNode {
margin-left: 7px;
}
.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('/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('/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('/js/lib/dijit/themes/dhl/images/title_minus.gif') no-repeat left center;
}
.dj_ie6 .dhl .dijitArticleTitlePane .dijitOpen .dijitArrowNode {
background-image: url('/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('/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('/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('/js/lib/dijit/themes/dhl/images/title_minus.gif') no-repeat left center;
}
.dj_ie6 .dhl .dijitExpand_ListTitlePane .dijitOpen .dijitArrowNode {
background-image: url('/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('/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('/js/lib/dijit/themes/dhl/images/title_plus.gif');
}
.dhl .dijitNewsListTitlePane .dijitOpen .dijitArrowNode {
background: url('/js/lib/dijit/themes/dhl/images/title_minus.gif') no-repeat left center;
}
.dj_ie6 .dhl .dijitNewsListTitlePane .dijitOpen .dijitArrowNode {
background-image: url('/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('/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('/js/lib/dijit/themes/dhl/images/title_plus.gif');
}
.dhl .dijitsmallNewsListTitlePane .dijitOpen .dijitArrowNode {
background: url('/js/lib/dijit/themes/dhl/images/title_minus.gif') no-repeat left center;
}
.dj_ie6 .dhl .dijitsmallNewsListTitlePane .dijitOpen .dijitArrowNode {
background-image: url('/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('/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('/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('/js/lib/dijit/themes/dhl/images/title_minus.gif') no-repeat left center;
}
.dj_ie6 .dhl .dijitTitlePane .dijitOpen .dijitArrowNode {
background-image: url('/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('/js/lib/dijit/themes/dhl/images/shadow_l.gif') left top repeat-y;
}
.dhl .wrap2 {
background: url('/js/lib/dijit/themes/dhl/images/shadow_t.gif') right top repeat-x;
}
.dhl .wrap3 {
background: url('/js/lib/dijit/themes/dhl/images/shadow_r.gif') right top repeat-y;
}
.dhl .wrap4 {
background: url('/js/lib/dijit/themes/dhl/images/shadow_b.gif') right bottom repeat-x;
}
.dhl .wrap5 {
background: url('/js/lib/dijit/themes/dhl/images/corner_bl.gif') left bottom no-repeat;
}
.dhl .wrap6 {
background: url('/js/lib/dijit/themes/dhl/images/corner_tl.gif') left top no-repeat;
}
.dhl .wrap7 {
background: url('/js/lib/dijit/themes/dhl/images/corner_tr.gif') right top no-repeat;
}
.dhl .wrap8 {
padding: 5px 5px 5px 5px;
background: url('/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 .unif_track,
.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("/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("/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("/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("/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("/js/lib/dijit/themes/dhl/images/task_center_tabs.gif") no-repeat right -100px;
border: none;
}
#mainTaskCTabContainer_tablist .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
background: url("/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("/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("/js/lib/dijit/themes/dhl/images/task_center_tabs.gif") no-repeat right -250px;
border: none;
}
#mainTaskCTabContainer_tablist .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
background: url("/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("/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("/js/lib/dijit/themes/dhl/images/tab_off_bg.gif") repeat-x;
padding: 12px 5px 2px 6px;
border: none;
}
#mainTabContainer_tablist .dijitTabInnerDiv {
background: url("/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("/js/lib/dijit/themes/dhl/images/tab_off_left.gif") no-repeat top left;
text-decoration: underline;
}
#mainTabContainer_tablist .dijitTabHover .dijitTabInnerDiv {
background: url("/js/lib/dijit/themes/dhl/images/tab_off_right.gif") no-repeat top right;
border: none;
}
#mainTabContainer_tablist .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
background: url("/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("/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("/js/lib/dijit/themes/dhl/images/tab_on_right.gif") no-repeat top right;
border: none;
}
#mainTabContainer_tablist .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
background: url("/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("/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;
}
/* Added for mini task center*/
.miniTaskCenter .dijitExpand_ListTitlePane .dijitExpand_ListTitlePaneTitle {
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 2px;
cursor: pointer;
overflow: hidden;
}
.miniTaskCenter .dijitExpand_ListTitlePaneContentInner {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin-top: 0px;
padding: 0px 0px 10px 18px
}
.miniTaskCenter .dijitExpand_ListTitlePaneContentOuter {
border-top: medium none; /* w/out this, an on the top line causes a gap between the .content and .label */
}
.miniTaskCenter .fast_track_container .wrap1, .miniTaskCenter .drop_off_locator_simple_container .wrap1 {
background: transparent none repeat scroll 0 0;
float: left;
width: 100%;
}
.miniTaskCenter .fast_track_container .wrap2, .miniTaskCenter .drop_off_locator_simple_container .wrap2 {
background: transparent none repeat scroll 0 0;
}
.miniTaskCenter .fast_track_container .wrap3, .miniTaskCenter .drop_off_locator_simple_container .wrap3 {
background: transparent none repeat scroll 0 0;
}
.miniTaskCenter .fast_track_container .wrap4, .miniTaskCenter .drop_off_locator_simple_container .wrap4 {
background: transparent none repeat scroll 0 0;
}
.miniTaskCenter .fast_track_container .wrap5, .miniTaskCenter .drop_off_locator_simple_container .wrap5 {
background: transparent none repeat scroll 0 0;
}
.miniTaskCenter .fast_track_container .wrap6, .miniTaskCenter .drop_off_locator_simple_container .wrap6 {
background: transparent none no-repeat scroll left top;
}
.miniTaskCenter .fast_track_container .wrap7, .miniTaskCenter .drop_off_locator_simple_container .wrap7 {
background: transparent none repeat scroll 0 0;
}
.miniTaskCenter .fast_track_container .wrap8, .miniTaskCenter .drop_off_locator_simple_container .wrap8 {
background: transparent none repeat scroll 0 0;
padding: 5px;
}
.miniTaskCenter .dijitExpand_ListTitlePaneContentInner .fast_track {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 0 0 0 0;
margin: -0.1em 0 -1em -0.9em;
}
.miniTaskCenter .dijitExpand_ListTitlePaneContentInner .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;
}
.miniTaskCenter .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;
}
.miniTaskCenter .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;
}
/* /etc/designs/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.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;
}
/* /etc/designs/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;
}/* /etc/designs/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 { }
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 { }
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 { }
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 { }
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%; }
/* /etc/designs/dhl/docroot/css/homepage.css */
@charset "utf-8";
/* special width for homepage content columns */
hr {
margin: 0 2em 1.2em;
}
.content_main {
width: 72em;
max-width:99%;
min-width:720px;
}
.content_left {
width: 38em;
max-width:51%;
min-width:380px;
float: left;
padding-right: 1.1em;
background: transparent url(../img/common/shadow_content_title_right_home.png) no-repeat 100% 0;
}
/* different background image for local homepage */
.localHome .content_left {
width: 38em;
max-width:51%;
min-width:380px;
float: left;
padding-right: 1.1em;
background: transparent url(../img/common/shadow_content_title_right.png) no-repeat 100% 0;
}
.content_right {
padding-top: 2.2em;
width: 32.9em;
max-width:47%;
min-width:329px;
float: left;
overflow: hidden;
}
.content_right .module {
margin: 0 1em 1.1em;
/* vorher das warum?? margin: 0 2em 1.1em 2em;*/
}
.container_title {
padding: 0;
height: auto;
background: #fc0;
margin: 0 0 1.2em;
}
.localHome .container_title {
margin: 0 0 1.2em;
}
.content_right div.container_title {
padding-left: 0;
margin-top: -2.2em;
background: #fc0;
}
.content_title_shadow {
position: absolute;
width: 1em;
height: 33em;
left: 38em;
top: 9.5em;
background: url(../img/common/shadow_content_title_right.png) no-repeat;
}
.content_cross_reference {
margin-left: 0;
}
.content_right .standardarticle .standard_article {
padding-left: 1.5em;
}
.localHome .content_right .flashmodule{
width:320px;
text-align:center;
}
.rsslink {
margin: 0 1em 0.5em 2em;
}
.content_left .codeinclusion{
padding-bottom:0;
}/* /etc/designs/dhl/docroot/css/ie_optimization_home.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 {
width: 73em;
max-width:99%;
min-width:730px;
}
* html .content_cross_reference {
margin-left: -.5em;
}
* +html .content_left {
background: transparent url(../img/common/shadow_content_title_right_home.gif) no-repeat 100% 0;
padding-right: expression(document.getElementById("emhelper").offsetWidth >= 13? "0.85em": document.getElementById("emhelper").offsetWidth >= 12? "0.95em":"1.1em");
}
* +html .localHome .content_left {
background: transparent url(../img/common/shadow_content_title_right.gif) no-repeat 100% 0;
padding-right: expression(document.getElementById("emhelper").offsetWidth >= 13? "0.85em": document.getElementById("emhelper").offsetWidth >= 12? "0.95em":"1.1em");
}
* +html .be_home .content_left {
background: none;
}
* html .content_left {
background: transparent url(../img/common/shadow_content_title_right_home.gif) no-repeat 100.2% 0;
padding-right: expression(document.getElementById("emhelper").offsetWidth >= 13? "0.85em": document.getElementById("emhelper").offsetWidth >= 12? "0.95em":"1.1em");
}
* html .be_home .content_left {
background:none;
}
/* different background image for local homepage */
* html .localHome .content_left {
background: transparent url(../img/common/shadow_content_title_right.gif) no-repeat 100.2% 0;
}
* html .localHome .content_left {
background: transparent url(../img/common/shadow_content_title_right.gif) no-repeat 100.2% 0;
padding-right: expression(document.getElementById("emhelper").offsetWidth >= 13? "0.85em": document.getElementById("emhelper").offsetWidth >= 12? "0.95em":"1.1em");
}
/* positioning of footer IE 7 */
* +html .footer {
width: 73em;
min-width:730px;
}
* +html .footer div.container {
padding: 1em 1em .5em;
background: #fc0;
width: 71.5em;
max-width:96%;
}
* +html .footer div.container {
max-width: expression(document.getElementById("emhelper").offsetWidth >= 13? "96.3%": document.getElementById("emhelper").offsetWidth >= 12? "96%":"96%");
}
* html .footer {
width: expression(document.getElementById("emhelper").offsetWidth >= 13? "72.75em": document.getElementById("emhelper").offsetWidth >= 12? "72.90em":"73em");
}
/* positioning main area IE 7 and 6 */
* +html .main_area {
background: url(../img/common/shadow_main_right.gif) no-repeat 110% 0;
}
/* right positioning of quick search */
* html .localHome .navigation_main div.quicksearch {
top: -.1em;
right:2.9em;
}
* html .navigation_main div.quicksearch {
top: -.1em;
right: 2.9em;
background: none;
}
* html .navigation_main div.quicksearch {
background: none;
}
/* positioning of quicksearch IE 7 */
* +html .navigation_main div.quicksearch {
padding-top: .4em;
right: .9em;
}
html .quicksearch input.keyword {
*/padding: expression(document.getElementById("emhelper").offsetWidth >= 13? "0.17em": document.getElementById("emhelper").offsetWidth >= 12? "0.1em":"0em");
}
/* 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 {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/shadow_content_title_right.png');
background: none;
top: 9.7em;
}
* +html .content_title_shadow {
left: 38.3em;
}
/* 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.0em": document.getElementById("emhelper").offsetWidth >= 12? "72.0em":"72.5em");
}
* +html .content_main_shadow {
background: url(../img/common/shadow_content_main_right.png) no-repeat 100% 0;
width: expression(document.getElementById("emhelper").offsetWidth >= 13? "70.20em": document.getElementById("emhelper").offsetWidth >= 12? "70.40em":"72.0em");
}
/*Spacer IE*/
.spacer {
*/margin-top:.55em;
}
/* Opera Hack*/
@media screen and (min-width: 0px){
hr {
display: block;
background: #f5f5f5;
margin: 0 2em 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 2em .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 2em .55em;
height:3px;
border-top:1px solid #dbdbdb;
border-bottom:2px solid #f5f5f5;
border-left:none;
border-right:none;
}
/*main navigation icons position IE*/
#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;
}
/* Opera */
@media screen and (min-width: 0px){
head~body .content_right .module {
margin: 0 1em;
padding-bottom: 1.1em;
/* vorher das warum?? margin: 0 2em 1.1em 2em;*/
}
}
*html .content_right {
width: 33.1em;
}
html .module {
*/margin: 0 1em .4em 2em;
/* vorher das warum?? margin: 0 2em 1.1em 2em;*/
}
/*** Global locator ***/
* html .container_title div.locator {
margin-top: expression(document.getElementById("emhelper").offsetWidth >= 13? "-3.4em": document.getElementById("emhelper").offsetWidth >= 12? "-2.7em":"-2.2em");
}
*+html .container_title div.locator {
margin-top: expression(document.getElementById("emhelper").offsetWidth >= 13? "-1.2em": document.getElementById("emhelper").offsetWidth >= 12? "-0.4em":"0em");
}
.locator form {
*/height: 1%;
*/padding-top: .3em;
*/padding-bottom: .4em;
}
html .locator select {
*/width: expression(document.getElementById("emhelper").offsetWidth >= 13? "14em": document.getElementById("emhelper").offsetWidth >= 12? "14em":"15em");
}
.locator select.worldwide {
*/margin-right: 2.5em;
}
/* Opera */
@media screen and (min-width: 0px){
head~body .locator select.worldwide {
margin-right: 2.3em;
}
}
/*Safari2 */
/*\*/
html*.locator label {
color: #C00;
font: bold 1.2em Arial;
vertical-align: middle;
cursor:pointer;
}
;
}/**/
* html .locator label {
vertical-align: super;
}
*+html .locator label {
vertical-align: super;
}
/*** TaskCenter ***/
/* activate PNG support in IE 6 for right shadow of content title */
* html .taskcenter #help {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/help.png');
background:none;
}
*+html .taskcenter input.go {
margin-bottom:6px;
height:1.3em;
line-height:1.1em;
}
* html .taskcenter input.go {
margin-bottom:6px;
height:1.3em;
line-height:1.1em;
}
*+html .taskcenter input.cancel {
margin-bottom:6px;
height:1.3em;
line-height:1.1em;
}
* html .taskcenter input.cancel {
margin-bottom:6px;
height:1.3em;
line-height:1.1em;
}
@media all and (min-width:0px) {
head~body .taskcenter input.track_e {
font-size: 1.1em;
padding:.2em;
}
head~body .taskcenter input.track_l {
font-size: 1.1em;
padding:.2em;
}
head~body .taskcenter input.go {
font-size: 1em;
padding:0;
margin-bottom:.4em;
border-left: 2px solid #cc0202;
border-right: 2px solid #cc0202;
}
}
/*** Newslist ***/
/* ie7 hack */
*+html .newslist_txt_teaser {
margin-left: 7.1em;
}
*+html .teaser_box {
float:left;
width:25em;
padding-left:2em;
}
/* ie6 hack */
* html .newslist_txt_teaser {
margin-left: 6.8em;
}
* html .teaser_box {
float:left;
width:25em;
padding-left:1.7em;
}
/*** Belgium homepage ***/
*+html .container_title {
margin-bottom: .8em;
}
/*** Taskcenter ***/
* html #trackingIndex_fast {
width: 95%;
padding-left: 1px;
}
*+html #logistics textarea {
margin-left: 15px;
}
* html .city_zip {
padding-bottom: 7px;
}
* html .parsys,
* html .transparsys {
height: 100%;
}
* html .fast_track {
padding-left: 10px!important;
}
/* quicksearch fix*/
.quicksearch #search { */margin-left: -9px;}
* html .quicksearch { right: 2.6em!important; }
*+html .quicksearch { right: .6em; }
.taskcenter .fast_track{
-margin-left:0!important;
-padding-left:0!important;
}
.taskcenter .fast_track_container .wrap8{
-padding:5px 0px!important;
}
/** 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;
}
/* global home column b */
/* ie7 */
* +html #mainTaskCTabContainer {
width:30.2em;
}
/* ie6 */
* html #mainTaskCTabContainer {
width:29.9em;
}
/* 03.15.2012 */
.locator form {
padding-top/*\**/:0.25em\9;
}
.locator form {
padding-top: 0.25em \0/;
}
* + html .locator form{
padding-bottom:0.46em;
}
.locator form {
*/height: 1%;
*/padding-top: .3em;
*/padding-bottom: .4em;
}
* +html .content_left .codeinclusion{
padding-bottom: 20px;
}
*+html .content_left .codeinclusion{
padding-bottom: 20px;
}
* html .content_left .codeinclusion{
padding-bottom: 20px;
}
* html .main{
width: 98.3em !important;
background-position-x:100.2em !important;
}
* html .main .header{
width: 98.7em !important;
}
* html .main .navigation_main{
width: 97.1em !important;
}
* html .main .main_area{
width:expression(document.documentElement.clientWidth < 798? "99.8em":
document.documentElement.clientWidth > document.getElementById("emhelper").offsetWidth*98.7 ?
"99.8em":
"99.8em"
);
position: relative;
}
* html .content_cross_reference {
margin-left: expression( document.documentElement.clientWidth < 990? "0px":
document.documentElement.clientWidth > 990 ?
"0px":
"0px"
);
}
/* gloabl locator issue in IE- given by IO 28Jan13*/
*+html .globallocator .locator
.locatorform{
padding-top: 0.1em;
}
*+html .globallocator .locator .locatorform #country{
vertical-align: top;
}
*+html .globallocator .locator .locatorform .locator_go{
vertical-align: text-bottom;
}
*+html .locator select {
vertical-align: top !important;
}
*+html .locator input.locator_go{
vertical-align: top !important;
}
/* /etc/designs/dhl/docroot/css/font_alternate.css */
@charset "utf-8";
/* CSS Document */
* {
font-family: microsoft yahei, meiryo, simsun, ms ui gothic, ms gothic, arial, sans-serif!important;
}
* html .expandable_list { margin-top: 0px!important; }
*+html.dj_ie7 .dijitNewsListTitlePaneTextNode {
width: 6em;
}
* html.dj_ie6 .dijitNewsListTitlePaneTextNode {
width: 6em;
}
* html.dj_ie6 .newslist_txt_teaser {
margin-left: 7.1em;
}
*+html .faceliftHeader div.buident{
margin-top: -15px!important;
}/* /etc/designs/dhl/docroot/css/iconTeaser.css */
.iconTeaser.module {
clear: both;
margin: 0;
overflow: hidden;
padding: 0 0 1.1em;
position: relative;
}
.iconTeaserGreyContainer.module {
margin-bottom: .6em !important;
padding: 0;
}
/* grey variant */
.iconTeaserGrey {
background-color: #F2F2ED;
display: block;
overflow: hidden;
padding: 8px 8px 10px 10px;
}
/* image */
.iconImage {
height: auto;
margin: 0 0 1px;
overflow: hidden;
padding: 3px 0 0;
text-align: center;
}
.iconImage img {
display: block;
}
.iconTeaser .iconLeft {
float: left;
margin-right: 9px;
}
*+html .iconTeaser .iconHelper .iconLeft {
float: none;
text-align: left;
}
.iconTeaser .iconRight {
float: right;
margin-left: 9px;
}
*+html .iconTeaser .iconHelper .iconRight {
float: none;
text-align: right;
}
/* headline */
.iconTeaser .helper h2 img {
display: block;
}
* html .iconTeaser h2 {
width: auto;
}
/*** cross reference column **/
.content_cross_reference .iconTeaser.module {
margin: 0 1em 0 2em;
}
.content_cross_reference .iconTeaserGreyContainer.module {
margin-left: 1.5em;
}
/*** homepage columns **/
.contentleftpar .iconTeaser.module,
.contentrightpar .iconTeaser.module {
margin: 0 2em;
}
.contentleftpar .iconTeaserGreyContainer.module {
margin-right: 1.5em;
}
.contentrightpar .iconTeaserGreyContainer.module {
margin-right: 1em;
}
* html .contentleftpar .iconTeaserGrey {
padding-top: 0.3em;
}
/* inner elements */
.linkContainerCenter {
float: left;
}
.linkContainerLeft {
clear: both;
float: left;
}
.standard_link_alignment,
.expandable_link_alignment,
.richtext_alignment {
display: none;
}
.richtextCenter {
float: none;
}
.richtextLeft {
clear: both;
float: left;
}
.iconTeaser td {
padding: 0;
vertical-align: top;
}
.iconTeaser .iconHelper {
vertical-align: middle;
}
/* /etc/designs/dhl/docroot/css/miniTaskCenter.css */
.miniTaskCenter{
position: relative;
overflow: hidden;
clear: both;
margin: 0;
padding: 0 0 1.1em;
}
.miniTaskCenterGreyContainer {
padding:0 !important;
}
.miniTaskCenterGrey{
background-color: #F2F2ED;
/*margin: 5px 5px 5px 5px;*/
padding: 8px 8px 10px 10px;
/*** css 3 shadow
-moz-box-shadow: 0px 0px 3px #999;
-webkit-box-shadow:0px 0px 3px #999;
box-shadow: 0px 0px 3px #999; **/
/*** css 3 rounded corners
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;**/
/*** ie version 6 to 8
border-color:#BBB\9;
border-width:1px\9;
border-style:solid\9; **/
padding-top:12px\9
}
.miniTaskCenter .iconImage{
overflow: hidden;
height: auto;
margin: 0 0 1px 0;
padding: 3px 0;
text-align: center;
}
.miniTaskCenter .iconImage img {
display:block;
}
.miniTaskCenter .iconLeft {
float: left;
margin-right: 9px;
}
.miniTaskCenter .iconRight {
float: right;
margin-left: 9px;
}
.miniTaskCenterGrey .iconImage{
}
* html .miniTaskCenter h2{
width: auto;
}
/*** container_1_1 specifics **/
.container_1_1 .miniTaskCenter{
margin: 0;
padding: 0 0 1.1em;
}
.container_1_1 .miniTaskCenterGreyContainer{
margin: 1px 5px 1.6em 0;
margin-right: 1px\9
}
/*** cross reference column **/
.content_cross_reference .miniTaskCenter{
margin: 0 1em 1.6em 2em;
}
.content_cross_reference .miniTaskCenterGreyContainer{
margin: 0 1.5em 0.583em 2.083em;
margin-right: 1.4em\9;
}
.content_cross_reference .miniTaskCenterGrey{
padding-top: 0.8em\9
}
/*** homepage columns **/
.contentleftpar .miniTaskCenter{
margin: 0 0 1.6em 2em !important;
}
.contentleftpar .miniTaskCenterGrey{
padding-top: 0.8em\9
}
.contentleftpar .miniTaskCenterGreyContainer{
margin: 0 1.5em 0.667em 1.5em !important;
margin-right: 2em\9;
}
* html .contentleftpar .miniTaskCenterGrey{
margin-right: 1.6em !important;
padding-top: 0.3em;
}
.contentrightpar .miniTaskCenter{
margin: 0 0 1.6em 2em !important;
}
.contentrightpar .miniTaskCenterGreyContainer{
margin: 0 2.4em 0.667em 1.083em !important;
margin-right: 2.9em\9;
padding:0;
}
.contentrightpar .miniTaskCenterGrey{
padding-top: 0.8em\9
} |