.boxDefault { border: 1px solid #CCC; clear: both; position: relative; } .boxDefault.leftOpened { border-left: 0px; } .boxDefault .editIconLink { position: absolute; width: 281px; } .boxHeader { height: 27px; border: 1px, solid, #CCC; background-color: #335D86; background-image: -webkit-gradient(linear, left top, left bottom, from(#335D86), to(#003468)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #335D86, #003468); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #335D86, #003468); /* FF3.6 */ background-image: -ms-linear-gradient(top, #335D86, #003468); /* IE10 */ background-image: -o-linear-gradient(top, #335D86, #003468); /* Opera 11.10+ */ background-image: linear-gradient(top, #335D86, #003468); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#335D86', EndColorStr='#003468'); /* IE6–IE9 */ } .boxHeaderTitle { font-weight: bold; color: #FFF; font: bold 12px/25px Verdana; padding:0px 10px 2px; } /* Overrides the width of the outer columns within the boxDefault context, to adjust the 1px border on each side of the box. See: grid.css */ .boxDefault .gridSpan1.borderColumn, .boxDefault .gridWidth1.borderColumn { width: 71px; } .boxDefault .gridSpan2.borderColumn, .boxDefault .gridWidth2.borderColumn { width: 153px; } .boxDefault .gridSpan3.borderColumn, .boxDefault .gridWidth3.borderColumn { width: 235px; } .boxDefault .gridSpan4.borderColumn, .boxDefault .gridWidth4.borderColumn { width: 317px; } .boxDefault .gridSpan5.borderColumn, .boxDefault .gridWidth5.borderColumn { width: 399px; } .boxDefault .gridSpan6.borderColumn, .boxDefault .gridWidth6.borderColumn { width: 481px; } .boxDefault .gridSpan7.borderColumn, .boxDefault .gridWidth7.borderColumn { width: 563px; } .boxDefault .gridSpan8.borderColumn, .boxDefault .gridWidth8.borderColumn { width: 645px; } .boxDefault .gridSpan9.borderColumn, .boxDefault .gridWidth9.borderColumn { width: 727px; } .boxDefault .gridSpan10.borderColumn, .boxDefault .gridWidth10.borderColumn { width: 809px; } .boxDefault .gridSpan11.borderColumn, .boxDefault .gridWidth11.borderColumn { width: 891px; } /* * Determine the begin column. */ .boxDefault .gridBorderColumnPrepend1 { margin-left: 81px; } .boxDefault .gridBorderColumnPrepend2 { margin-left: 163px; } .boxDefault .gridBorderColumnPrepend3 { margin-left: 245px; } .boxDefault .gridBorderColumnPrepend4 { margin-left: 327px; } .boxDefault .gridBorderColumnPrepend5 { margin-left: 409px; } .boxDefault .gridBorderColumnPrepend6 { margin-left: 491px; } .boxDefault .gridBorderColumnPrepend7 { margin-left: 573px; } .boxDefault .gridBorderColumnPrepend8 { margin-left: 655px; } .boxDefault .gridBorderColumnPrepend9 { margin-left: 737px; } .boxDefault .gridBorderColumnPrepend10 { margin-left: 819px; } .boxDefault .gridBorderColumnPrepend11 { margin-left: 901px; } .boxDefault.paddingHorizontalM .gridSpan1.borderColumn, .boxDefault.paddingHorizontalM .gridWidth1.borderColumn, .boxDefault .paddingHorizontalM .gridSpan1.borderColumn, .boxDefault .paddingHorizontalM .gridWidth1.borderColumn { width: 53px; } .boxDefault.paddingHorizontalM .gridSpan2.borderColumn, .boxDefault.paddingHorizontalM .gridWidth2.borderColumn, .boxDefault .paddingHorizontalM .gridSpan2.borderColumn, .boxDefault .paddingHorizontalM .gridWidth2.borderColumn { width: 135px; } .boxDefault.paddingHorizontalM .gridSpan3.borderColumn, .boxDefault.paddingHorizontalM .gridWidth3.borderColumn, .boxDefault .paddingHorizontalM .gridSpan3.borderColumn, .boxDefault .paddingHorizontalM .gridWidth3.borderColumn { width: 217px; } .boxDefault.paddingHorizontalM .gridSpan4.borderColumn, .boxDefault.paddingHorizontalM .gridWidth4.borderColumn, .boxDefault .paddingHorizontalM .gridWidth4.borderColumn, .boxDefault .paddingHorizontalM .gridSpan4.borderColumn { width: 299px; } .boxDefault.paddingHorizontalM .gridSpan5.borderColumn, .boxDefault.paddingHorizontalM .gridWidth5.borderColumn, .boxDefault .paddingHorizontalM .gridSpan5.borderColumn, .boxDefault .paddingHorizontalM .gridWidth5.borderColumn { width: 381px; } .boxDefault.paddingHorizontalM .gridSpan6.borderColumn, .boxDefault.paddingHorizontalM .gridWidth6.borderColumn, .boxDefault .paddingHorizontalM .gridSpan6.borderColumn, .boxDefault .paddingHorizontalM .gridWidth6.borderColumn { width: 463px; } .boxDefault.paddingHorizontalM .gridSpan7.borderColumn, .boxDefault.paddingHorizontalM .gridWidth7.borderColumn, .boxDefault .paddingHorizontalM .gridSpan7.borderColumn, .boxDefault .paddingHorizontalM .gridWidth7.borderColumn { width: 545px; } .boxDefault.paddingHorizontalM .gridSpan8.borderColumn, .boxDefault.paddingHorizontalM .gridWidth8.borderColumn, .boxDefault .paddingHorizontalM .gridSpan8.borderColumn, .boxDefault .paddingHorizontalM .gridWidth8.borderColumn { width: 627px; } .boxDefault.paddingHorizontalM .gridSpan9.borderColumn, .boxDefault.paddingHorizontalM .gridWidth9.borderColumn, .boxDefault .paddingHorizontalM .gridSpan9.borderColumn, .boxDefault .paddingHorizontalM .gridWidth9.borderColumn { width: 709px; } .boxDefault.paddingHorizontalM .gridSpan10.borderColumn, .boxDefault.paddingHorizontalM .gridWidth10.borderColumn, .boxDefault .paddingHorizontalM .gridSpan10.borderColumn, .boxDefault .paddingHorizontalM .gridWidth10.borderColumn { width: 791px; } .boxDefault.paddingHorizontalM .gridSpan11.borderColumn, .boxDefault.paddingHorizontalM .gridWidth11.borderColumn, .boxDefault .paddingHorizontalM .gridSpan11.borderColumn, .boxDefault .paddingHorizontalM .gridWidth11.borderColumn { width: 873px; } /* * Determine the begin column. */ .boxDefault.paddingHorizontalM .gridBorderColumnPrepend1 { margin-left: 63px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend2 { margin-left: 145px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend3 { margin-left: 227px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend4 { margin-left: 309px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend5 { margin-left: 391px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend6 { margin-left: 473px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend7 { margin-left: 555px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend8 { margin-left: 637px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend9 { margin-left: 719px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend10 { margin-left: 801px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend11 { margin-left: 883px; } /* TODO: remove these rules, when spacing is replaced with padding.css or margin.css. */ /* In case of an additional horizontal spacing. */ .boxDefault.spacingHorizontalM .gridSpan1.borderColumn, .boxDefault.spacingHorizontalM .gridWidth1.borderColumn, .boxDefault .spacingHorizontalM .gridSpan1.borderColumn, .boxDefault .spacingHorizontalM .gridWidth1.borderColumn { width: 53px; } .boxDefault.spacingHorizontalM .gridSpan2.borderColumn, .boxDefault.spacingHorizontalM .gridWidth2.borderColumn, .boxDefault .spacingHorizontalM .gridSpan2.borderColumn, .boxDefault .spacingHorizontalM .gridWidth2.borderColumn { width: 135px; } .boxDefault.spacingHorizontalM .gridSpan3.borderColumn, .boxDefault.spacingHorizontalM .gridWidth3.borderColumn, .boxDefault .spacingHorizontalM .gridSpan3.borderColumn, .boxDefault .spacingHorizontalM .gridWidth3.borderColumn { width: 217px; } .boxDefault.spacingHorizontalM .gridSpan4.borderColumn, .boxDefault.spacingHorizontalM .gridWidth4.borderColumn, .boxDefault .spacingHorizontalM .gridWidth4.borderColumn, .boxDefault .spacingHorizontalM .gridSpan4.borderColumn { width: 299px; } .boxDefault.spacingHorizontalM .gridSpan5.borderColumn, .boxDefault.spacingHorizontalM .gridWidth5.borderColumn, .boxDefault .spacingHorizontalM .gridSpan5.borderColumn, .boxDefault .spacingHorizontalM .gridWidth5.borderColumn { width: 381px; } .boxDefault.spacingHorizontalM .gridSpan6.borderColumn, .boxDefault.spacingHorizontalM .gridWidth6.borderColumn, .boxDefault .spacingHorizontalM .gridSpan6.borderColumn, .boxDefault .spacingHorizontalM .gridWidth6.borderColumn { width: 463px; } .boxDefault.spacingHorizontalM .gridSpan7.borderColumn, .boxDefault.spacingHorizontalM .gridWidth7.borderColumn, .boxDefault .spacingHorizontalM .gridSpan7.borderColumn, .boxDefault .spacingHorizontalM .gridWidth7.borderColumn { width: 545px; } .boxDefault.spacingHorizontalM .gridSpan8.borderColumn, .boxDefault.spacingHorizontalM .gridWidth8.borderColumn, .boxDefault .spacingHorizontalM .gridSpan8.borderColumn, .boxDefault .spacingHorizontalM .gridWidth8.borderColumn { width: 627px; } .boxDefault.spacingHorizontalM .gridSpan9.borderColumn, .boxDefault.spacingHorizontalM .gridWidth9.borderColumn, .boxDefault .spacingHorizontalM .gridSpan9.borderColumn, .boxDefault .spacingHorizontalM .gridWidth9.borderColumn { width: 709px; } .boxDefault.spacingHorizontalM .gridSpan10.borderColumn, .boxDefault.spacingHorizontalM .gridWidth10.borderColumn, .boxDefault .spacingHorizontalM .gridSpan10.borderColumn, .boxDefault .spacingHorizontalM .gridWidth10.borderColumn { width: 791px; } .boxDefault.spacingHorizontalM .gridSpan11.borderColumn, .boxDefault.spacingHorizontalM .gridWidth11.borderColumn, .boxDefault .spacingHorizontalM .gridSpan11.borderColumn, .boxDefault .spacingHorizontalM .gridWidth11.borderColumn { width: 873px; } /* * Determine the begin column. */ .boxDefault.spacingHorizontalM .gridBorderColumnPrepend1 { margin-left: 63px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend2 { margin-left: 145px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend3 { margin-left: 227px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend4 { margin-left: 309px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend5 { margin-left: 391px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend6 { margin-left: 473px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend7 { margin-left: 555px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend8 { margin-left: 637px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend9 { margin-left: 719px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend10 { margin-left: 801px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend11 { margin-left: 883px; } .buttonBob { border-width: 1px 0; border-style: solid; border-color: #CE5C02; background: url('/Images/shared/buttons/buttons_sprite.png') repeat-x scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; vertical-align: middle; } .buttonBob span { border-width: 0 1px; border-style: solid; border-color: #CE5C02; margin: 0 -1px; display: block; } .buttonBob input, .buttonBob button, .buttonBob a, .buttonBob a:hover, .buttonBob a:visited { padding: 0 10px; font: bold 14px/28px Verdana; height: 28px; color: #FFF; display: block; text-decoration: none; border: medium none; box-sizing: border-box; } .buttonBob input, .buttonBob button { background-color: transparent; cursor: pointer; } .buttonBob:hover { border-color: #CE5C02; background-image: none; background-color: #FF7500; } .buttonBob:hover span { border-color: #CE5C02; } .buttonBob.buttonIsDisabled { border-color: #999; background-image: none; background-color: #DDD; } .buttonBob.buttonIsDisabled span { border-color: #999; } .buttonBob.buttonIsDisabled input, .buttonBob.buttonIsDisabled button, .buttonBob.buttonIsDisabled a, .buttonBob.buttonIsDisabled a:visited { color: #999; cursor: default; font-weight: normal; } .buttonBobS, .buttonBobM, .buttonBobL, [class*="fontDefault"] a.buttonBobS, [class*="fontDefault"] a.buttonBobM, [class*="fontDefault"] a.buttonBobL { background-clip: padding-box; border-radius: 0.1875em; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; font-family: Tahoma,Geneva,Kalimati,sans-serif; font-weight: bold; line-height: 1.5; overflow: hidden; text-align: center; text-decoration: none; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .buttonBobS, [class*="fontDefault"] a.buttonBobS, [class*="fontDefault"] a.buttonBobS:visited, .buttonBobM, [class*="fontDefault"] a.buttonBobM, [class*="fontDefault"] a.buttonBobM:visited, .buttonBobL, [class*="fontDefault"] a.buttonBobL, [class*="fontDefault"] a.buttonBobL:visited { background-color: #FF9F4D; background-image: linear-gradient(to bottom, #FF9F4D 0%, #FF7500 100%); border: 1px solid #CE5C02; color: #fff; } .buttonBobS:hover, .buttonBobS:focus, .buttonBobM:hover, .buttonBobM:focus, .buttonBobL:hover, .buttonBobL:focus, [class*="fontDefault"] a.buttonBobS:hover, [class*="fontDefault"] a.buttonBobS:focus, [class*="fontDefault"] a.buttonBobS:active, [class*="fontDefault"] a.buttonBobM:hover, [class*="fontDefault"] a.buttonBobM:focus, [class*="fontDefault"] a.buttonBobM:active, [class*="fontDefault"] a.buttonBobL:hover, [class*="fontDefault"] a.buttonBobL:focus, [class*="fontDefault"] a.buttonBobL:active { background: none repeat scroll 0 0 #FF7500; border: 1px solid #CE5C02; color: #fff; filter: none; } .buttonBobS, .buttonBobS:hover, .buttonBobS:focus, [class*="fontDefault"] a.buttonBobS, [class*="fontDefault"] a.buttonBobS:hover, [class*="fontDefault"] a.buttonBobS:focus, [class*="fontDefault"] a.buttonBobS:active, [class*="fontDefault"] a.buttonBobS:link, [class*="fontDefault"] a.buttonBobS:visited { font-size: 0.75rem; padding: 1px 0.75rem; } .buttonBobM, .buttonBobM:hover, .buttonBobM:focus, .buttonBobM:active, .buttonBobM:link, .buttonBobM:visited, [class*="fontDefault"] a.buttonBobM, [class*="fontDefault"] a.buttonBobM:hover, [class*="fontDefault"] a.buttonBobM:focus, [class*="fontDefault"] a.buttonBobM:active, [class*="fontDefault"] a.buttonBobM:link, [class*="fontDefault"] a.buttonBobM:visited { font-size: 0.875rem; padding: 3px 0.875rem; } .buttonBobL, .buttonBobL:hover, .buttonBobL:focus, .buttonBobL:active, .buttonBobL:link, .buttonBobL:visited, [class*="fontDefault"] a.buttonBobL, [class*="fontDefault"] a.buttonBobL:hover, [class*="fontDefault"] a.buttonBobL:focus, [class*="fontDefault"] a.buttonBobL:active, [class*="fontDefault"] a.buttonBobL:link, [class*="fontDefault"] a.buttonBobL:visited { font-size: 1rem; padding: 9px 1rem; } .buttonRoss { border-width: 1px 0; border-style: solid; border-color: #CE5C02; background: url('/Images/shared/buttons/buttons_sprite.png') repeat-x 0 -30px; display: inline-block; vertical-align: middle; } .buttonRoss span { border-width: 0 1px; border-style: solid; border-color: #CE5C02; margin: 0 -1px; _margin: 0; display: block; } .buttonRoss input, .buttonRoss button, .buttonRoss a, .buttonRoss a:hover, .buttonRoss a:visited { padding: 0 10px 1px 10px; font: bold 12px/18px Verdana; height: 19px; color: #FFF; display: block; text-decoration: none; border: none; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ie9 .buttonRoss input, .ie9 .buttonRoss button, .ie9 .buttonRoss a, .ie9 .buttonRoss a:hover, .ie9 .buttonRoss a:visited { line-height: 19px; } .ie7 .buttonRoss a { height: 18px; } .buttonRoss input, .buttonRoss button { background-color: transparent; *overflow: visible; cursor: pointer; } .buttonRoss:hover { border-color: #CE5C02; background-image: none; background-color: #FF7500; } .buttonRoss:hover span { border-color: #CE5C02; } .buttonRoss.buttonIsDisabled { border-color: #999; background-image: none; background-color: #DDD; } .buttonRoss.buttonIsDisabled span { border-color: #999; } .buttonRoss.buttonIsDisabled input, .buttonRoss.buttonIsDisabled button, .buttonRoss.buttonIsDisabled a, .buttonRoss.buttonIsDisabled a:visited { color: #999; cursor: default; font-weight: normal; } .buttonKateS { border: 1px solid #b2c2d1; color: #003468; background-color: #fefefe; /*background-image: linear-gradient(to bottom, #fefefe 0, #e5eaf5 100%) !important;*/ display: inline-block; padding: 5px 10px; border-radius: 0.18em; text-decoration: none !important; } .buttonKateS:hover, .buttonKateS:focus { color: #003468 !important; } .inputXS { width: 47px; } .inputS { width: 103px; } .inputL { width: 215px; } .inputFullWidth { width: 100%; } .inputXS, .inputS, .inputL, .inputFullWidth { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } input.inputXS, input.inputS, input.inputL, input.inputFullWidth { padding-left: 5px; height: 21px; } select.inputXS, select.inputS, select.inputL, select.inputFullWidth { padding-left: 2px; height: 21px; } select.inputXS option, select.inputS option, select.inputL option, select.inputFullWidth option { text-indent: 4px; } .inputPrefilled { background-color: #FDF6E9; } /* Browser hack to target webkit browsers (e.g. Safari and Chrome) */ @media screen and (-webkit-min-device-pixel-ratio:0) { select.inputXS, select.inputS, select.inputL, select.inputFullWidth { padding-left: 0; text-indent: 3px; } .inputPrefilled { /* Safari removes the arrow icon on dropdowns when using a background color other than #FFF */ background-color: #FFF; } } /* IE7 */ .ie7 input[type=text].inputXS { width: 37px; } .ie7 input[type=text].inputS { width: 93px; } .ie7 input[type=text].inputL { width: 204px; } .ie7 input.inputFullWidth { /* IE7 doesn´t support border-box box model. In CSS you can cannot substract pixel values from percentages. The only possible solution is a CSS expression (= JavaScript). Native JavaScript to determine to parent´s height is not possible. Therefore jQuery is required. One time evaluated expression: http://developer.yahoo.com/performance/rules.html#css_expressions */ width: expression((function(element) { if (window.jQuery && jQuery(element).is(":visible")) element.style.width = (jQuery(element).parent().width() - 10) + "px";})(this)); } .ie7 .inputXS, .ie7 .inputS, .ie7 .inputL, .ie7 .inputFullWidth { height: auto; } .radioButtonAndLabel, .checkBoxAndLabel { display: block; } .radioButtonAndLabel label, .checkBoxAndLabel label { display: block; padding-left: 19px; text-indent: -19px; } .radioButtonAndLabel input, .checkBoxAndLabel input { width: 13px; height: 13px; padding: 0; top: -1px; vertical-align: bottom; position: relative; } .radioButtonAndLabel input { margin: 0 4px 0 0; top: -2px; } .checkBoxAndLabel input { left: 1px; margin: 0 5px 0 0; } .ie7 .checkBoxAndLabel input { overflow: hidden; } .ie7 .radioButtonAndLabel input { top: 1px; overflow: hidden; } .iconAndTextS { display: inline-block; padding-left: 21px; /* 12px Icon + 9px Spacing */ vertical-align: middle; } .iconAndTextS [class*="icon"] { margin-left: -21px; position: absolute; } .ie7 .iconAndTextS [class*="icon"] { margin-top: 1px; } .iconAndTextM { display: inline-block; padding-left: 25px; /* 16px Icon + 9px Spacing */ vertical-align: middle; } .iconAndTextM [class*="icon"] { margin-left: -25px; position: absolute; } .iconAndTextL { display: inline-block; padding-left: 29px; /* 20px Icon + 9px Spacing */ vertical-align: middle; } .iconAndTextXL { display: inline-block; padding-left: 49px; /* 40px Icon + 9px Spacing */ vertical-align: middle; } .iconAndListItem { padding-left: 10px; /* 5px Icon + 5px Spacing */ } .iconAndListItem.iconBullet { background: transparent url('/Images/shared/icons/bull.png') no-repeat 0 8px; /* 8px = 5px from Top + 3px font spacing from Top */ min-height: 5px; } .bubble { zoom: 1; } .bubbleClose { background: url("/Images/shared/icons/close-x_L.png") no-repeat scroll 0 0 transparent; cursor: pointer; position:absolute; height: 24px; width: 24px; right:-14px; top:-14px; } .bubbleContent { background-color: #FFF; border: solid #B2C2D1 5px; position: relative; } .bubblePointerTopLeft, .bubblePointerTopMiddle, .bubblePointerTopRight, .bubblePointerRightTop, .bubblePointerRightMiddle, .bubblePointerRightBottom { background: transparent url('/Images/shared/notices/pointer_sprite.png') no-repeat 0 0; } .bubblePointerBottomLeft, .bubblePointerBottomMiddle, .bubblePointerBottomRight { background: transparent url('/Images/shared/notices/pointer_sprite.png') no-repeat 0 -35px; } .bubblePointerTopLeft, .bubblePointerTopMiddle, .bubblePointerTopRight, .bubblePointerRightTop, .bubblePointerRightMiddle, .bubblePointerRightBottom, .bubblePointerBottomLeft, .bubblePointerBottomMiddle, .bubblePointerBottomRight { width: 10px; height: 12px; } .bubblePointerRightTop, .bubblePointerRightMiddle, .bubblePointerRightBottom, .bubblePointerLeftTop, .bubblePointerLeftMiddle, .bubblePointerLeftBottom { margin-top: 18px; } .bubblePointerTopLeft, .bubblePointerTopMiddle, .bubblePointerTopRight, .bubblePointerBottomLeft, .bubblePointerBottomMiddle, .bubblePointerBottomRight { margin-left: 32px; } .bubblePointerLeftTop, .bubblePointerLeftMiddle, .bubblePointerLeftBottom { background: transparent url('/Images/shared/notices/pointer_sprite.png') no-repeat 0 -13px; width: 12px; height: 10px; } .lineLoud { height: 0px; border: 0px; border-bottom: 1px solid #333; } .lineSilent { height: 0px; border: 0px; border-bottom: 1px solid #CCC; } .lineDot { height: 0px; border: 0px; border-bottom: 1px dotted #CCC; } .lineMagazine { height: 0px; border: 0px; border-bottom: 1px solid #0095D5; } .lineCompany { height: 0px; border: 0px; border-bottom: 1px solid #EA9300; } .lineLogin { height: 0px; border: 0px; border-bottom: 1px solid #003468; } .boxPictureS { width: 62px; height: 47px; background: #FFF no-repeat center center; } .boxPictureM { width: 120px; height: 90px; background: #FFF no-repeat center center; } .boxPictureL { width: 252px; height: 190px; background: #FFF no-repeat center center; } .boxPictureXL { width: 318px; height: 240px; background: #FFF no-repeat center center; } .boxPictureXXL { width: 400px; height: 300px; background: #FFF no-repeat center center; } .boxDefault.boxPictureS { width: 60px; /* -2px boder */ height: 45px; /* -2px boder */ } .boxDefault.boxPictureM { width: 118px; /* -2px boder */ height: 88px; /* -2px boder */ } .boxDefault.boxPictureL { width: 250px; /* -2px boder */ height: 188px; /* -2px boder */ } .boxDefault.boxPictureXL { width: 316px; /* -2px boder */ height: 238px; /* -2px boder */ } .boxDefault.boxPictureXXL { width: 398px; /* -2px boder */ height: 298px; /* -2px boder */ } .boxPictureFooterL { background-color:#F2F5F7; float:left; width:250px; margin-top:-1px; } .boxDefault { border: 1px solid #CCC; clear: both; } .boxDefault.leftOpened { border-left: 0px; } .boxDefault .editIconLink { position: absolute; width: 281px; } .boxHeader { height: 27px; border: 1px, solid, #CCC; background-color: #335D86; background-image: -webkit-gradient(linear, left top, left bottom, from(#335D86), to(#003468)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #335D86, #003468); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #335D86, #003468); /* FF3.6 */ background-image: -ms-linear-gradient(top, #335D86, #003468); /* IE10 */ background-image: -o-linear-gradient(top, #335D86, #003468); /* Opera 11.10+ */ background-image: linear-gradient(top, #335D86, #003468); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#335D86', EndColorStr='#003468'); /* IE6–IE9 */ } .boxHeaderTitle { font-weight: bold; color: #FFF; font: bold 12px/25px Verdana; padding:0px 10px 2px; } /* Overrides the width of the outer columns within the boxDefault context, to adjust the 1px border on each side of the box. See: grid.css */ .boxDefault .gridSpan1.borderColumn, .boxDefault .gridWidth1.borderColumn { width: 71px; } .boxDefault .gridSpan2.borderColumn, .boxDefault .gridWidth2.borderColumn { width: 153px; } .boxDefault .gridSpan3.borderColumn, .boxDefault .gridWidth3.borderColumn { width: 235px; } .boxDefault .gridSpan4.borderColumn, .boxDefault .gridWidth4.borderColumn { width: 317px; } .boxDefault .gridSpan5.borderColumn, .boxDefault .gridWidth5.borderColumn { width: 399px; } .boxDefault .gridSpan6.borderColumn, .boxDefault .gridWidth6.borderColumn { width: 481px; } .boxDefault .gridSpan7.borderColumn, .boxDefault .gridWidth7.borderColumn { width: 563px; } .boxDefault .gridSpan8.borderColumn, .boxDefault .gridWidth8.borderColumn { width: 645px; } .boxDefault .gridSpan9.borderColumn, .boxDefault .gridWidth9.borderColumn { width: 727px; } .boxDefault .gridSpan10.borderColumn, .boxDefault .gridWidth10.borderColumn { width: 809px; } .boxDefault .gridSpan11.borderColumn, .boxDefault .gridWidth11.borderColumn { width: 891px; } /* * Determine the begin column. */ .boxDefault .gridBorderColumnPrepend1 { margin-left: 81px; } .boxDefault .gridBorderColumnPrepend2 { margin-left: 163px; } .boxDefault .gridBorderColumnPrepend3 { margin-left: 245px; } .boxDefault .gridBorderColumnPrepend4 { margin-left: 327px; } .boxDefault .gridBorderColumnPrepend5 { margin-left: 409px; } .boxDefault .gridBorderColumnPrepend6 { margin-left: 491px; } .boxDefault .gridBorderColumnPrepend7 { margin-left: 573px; } .boxDefault .gridBorderColumnPrepend8 { margin-left: 655px; } .boxDefault .gridBorderColumnPrepend9 { margin-left: 737px; } .boxDefault .gridBorderColumnPrepend10 { margin-left: 819px; } .boxDefault .gridBorderColumnPrepend11 { margin-left: 901px; } .boxDefault.paddingHorizontalM .gridSpan1.borderColumn, .boxDefault.paddingHorizontalM .gridWidth1.borderColumn, .boxDefault .paddingHorizontalM .gridSpan1.borderColumn, .boxDefault .paddingHorizontalM .gridWidth1.borderColumn { width: 53px; } .boxDefault.paddingHorizontalM .gridSpan2.borderColumn, .boxDefault.paddingHorizontalM .gridWidth2.borderColumn, .boxDefault .paddingHorizontalM .gridSpan2.borderColumn, .boxDefault .paddingHorizontalM .gridWidth2.borderColumn { width: 135px; } .boxDefault.paddingHorizontalM .gridSpan3.borderColumn, .boxDefault.paddingHorizontalM .gridWidth3.borderColumn, .boxDefault .paddingHorizontalM .gridSpan3.borderColumn, .boxDefault .paddingHorizontalM .gridWidth3.borderColumn { width: 217px; } .boxDefault.paddingHorizontalM .gridSpan4.borderColumn, .boxDefault.paddingHorizontalM .gridWidth4.borderColumn, .boxDefault .paddingHorizontalM .gridWidth4.borderColumn, .boxDefault .paddingHorizontalM .gridSpan4.borderColumn { width: 299px; } .boxDefault.paddingHorizontalM .gridSpan5.borderColumn, .boxDefault.paddingHorizontalM .gridWidth5.borderColumn, .boxDefault .paddingHorizontalM .gridSpan5.borderColumn, .boxDefault .paddingHorizontalM .gridWidth5.borderColumn { width: 381px; } .boxDefault.paddingHorizontalM .gridSpan6.borderColumn, .boxDefault.paddingHorizontalM .gridWidth6.borderColumn, .boxDefault .paddingHorizontalM .gridSpan6.borderColumn, .boxDefault .paddingHorizontalM .gridWidth6.borderColumn { width: 463px; } .boxDefault.paddingHorizontalM .gridSpan7.borderColumn, .boxDefault.paddingHorizontalM .gridWidth7.borderColumn, .boxDefault .paddingHorizontalM .gridSpan7.borderColumn, .boxDefault .paddingHorizontalM .gridWidth7.borderColumn { width: 545px; } .boxDefault.paddingHorizontalM .gridSpan8.borderColumn, .boxDefault.paddingHorizontalM .gridWidth8.borderColumn, .boxDefault .paddingHorizontalM .gridSpan8.borderColumn, .boxDefault .paddingHorizontalM .gridWidth8.borderColumn { width: 627px; } .boxDefault.paddingHorizontalM .gridSpan9.borderColumn, .boxDefault.paddingHorizontalM .gridWidth9.borderColumn, .boxDefault .paddingHorizontalM .gridSpan9.borderColumn, .boxDefault .paddingHorizontalM .gridWidth9.borderColumn { width: 709px; } .boxDefault.paddingHorizontalM .gridSpan10.borderColumn, .boxDefault.paddingHorizontalM .gridWidth10.borderColumn, .boxDefault .paddingHorizontalM .gridSpan10.borderColumn, .boxDefault .paddingHorizontalM .gridWidth10.borderColumn { width: 791px; } .boxDefault.paddingHorizontalM .gridSpan11.borderColumn, .boxDefault.paddingHorizontalM .gridWidth11.borderColumn, .boxDefault .paddingHorizontalM .gridSpan11.borderColumn, .boxDefault .paddingHorizontalM .gridWidth11.borderColumn { width: 873px; } /* * Determine the begin column. */ .boxDefault.paddingHorizontalM .gridBorderColumnPrepend1 { margin-left: 63px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend2 { margin-left: 145px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend3 { margin-left: 227px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend4 { margin-left: 309px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend5 { margin-left: 391px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend6 { margin-left: 473px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend7 { margin-left: 555px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend8 { margin-left: 637px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend9 { margin-left: 719px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend10 { margin-left: 801px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend11 { margin-left: 883px; } /* TODO: remove these rules, when spacing is replaced with padding.css or margin.css. */ /* In case of an additional horizontal spacing. */ .boxDefault.spacingHorizontalM .gridSpan1.borderColumn, .boxDefault.spacingHorizontalM .gridWidth1.borderColumn, .boxDefault .spacingHorizontalM .gridSpan1.borderColumn, .boxDefault .spacingHorizontalM .gridWidth1.borderColumn { width: 53px; } .boxDefault.spacingHorizontalM .gridSpan2.borderColumn, .boxDefault.spacingHorizontalM .gridWidth2.borderColumn, .boxDefault .spacingHorizontalM .gridSpan2.borderColumn, .boxDefault .spacingHorizontalM .gridWidth2.borderColumn { width: 135px; } .boxDefault.spacingHorizontalM .gridSpan3.borderColumn, .boxDefault.spacingHorizontalM .gridWidth3.borderColumn, .boxDefault .spacingHorizontalM .gridSpan3.borderColumn, .boxDefault .spacingHorizontalM .gridWidth3.borderColumn { width: 217px; } .boxDefault.spacingHorizontalM .gridSpan4.borderColumn, .boxDefault.spacingHorizontalM .gridWidth4.borderColumn, .boxDefault .spacingHorizontalM .gridWidth4.borderColumn, .boxDefault .spacingHorizontalM .gridSpan4.borderColumn { width: 299px; } .boxDefault.spacingHorizontalM .gridSpan5.borderColumn, .boxDefault.spacingHorizontalM .gridWidth5.borderColumn, .boxDefault .spacingHorizontalM .gridSpan5.borderColumn, .boxDefault .spacingHorizontalM .gridWidth5.borderColumn { width: 381px; } .boxDefault.spacingHorizontalM .gridSpan6.borderColumn, .boxDefault.spacingHorizontalM .gridWidth6.borderColumn, .boxDefault .spacingHorizontalM .gridSpan6.borderColumn, .boxDefault .spacingHorizontalM .gridWidth6.borderColumn { width: 463px; } .boxDefault.spacingHorizontalM .gridSpan7.borderColumn, .boxDefault.spacingHorizontalM .gridWidth7.borderColumn, .boxDefault .spacingHorizontalM .gridSpan7.borderColumn, .boxDefault .spacingHorizontalM .gridWidth7.borderColumn { width: 545px; } .boxDefault.spacingHorizontalM .gridSpan8.borderColumn, .boxDefault.spacingHorizontalM .gridWidth8.borderColumn, .boxDefault .spacingHorizontalM .gridSpan8.borderColumn, .boxDefault .spacingHorizontalM .gridWidth8.borderColumn { width: 627px; } .boxDefault.spacingHorizontalM .gridSpan9.borderColumn, .boxDefault.spacingHorizontalM .gridWidth9.borderColumn, .boxDefault .spacingHorizontalM .gridSpan9.borderColumn, .boxDefault .spacingHorizontalM .gridWidth9.borderColumn { width: 709px; } .boxDefault.spacingHorizontalM .gridSpan10.borderColumn, .boxDefault.spacingHorizontalM .gridWidth10.borderColumn, .boxDefault .spacingHorizontalM .gridSpan10.borderColumn, .boxDefault .spacingHorizontalM .gridWidth10.borderColumn { width: 791px; } .boxDefault.spacingHorizontalM .gridSpan11.borderColumn, .boxDefault.spacingHorizontalM .gridWidth11.borderColumn, .boxDefault .spacingHorizontalM .gridSpan11.borderColumn, .boxDefault .spacingHorizontalM .gridWidth11.borderColumn { width: 873px; } /* * Determine the begin column. */ .boxDefault.spacingHorizontalM .gridBorderColumnPrepend1 { margin-left: 63px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend2 { margin-left: 145px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend3 { margin-left: 227px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend4 { margin-left: 309px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend5 { margin-left: 391px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend6 { margin-left: 473px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend7 { margin-left: 555px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend8 { margin-left: 637px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend9 { margin-left: 719px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend10 { margin-left: 801px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend11 { margin-left: 883px; } .buttonBob { border-width: 1px 0; border-style: solid; border-color: #CE5C02; background: url('/Images/shared/buttons/buttons_sprite.png') repeat-x scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; vertical-align: middle; } .buttonBob span { border-width: 0 1px; border-style: solid; border-color: #CE5C02; margin: 0 -1px; display: block; } .buttonBob input, .buttonBob button, .buttonBob a, .buttonBob a:hover, .buttonBob a:visited { padding: 0 10px; font: bold 14px/28px Verdana; height: 28px; color: #FFF; display: block; text-decoration: none; border: medium none; box-sizing: border-box; } .buttonBob input, .buttonBob button { background-color: transparent; cursor: pointer; } .buttonBob:hover { border-color: #CE5C02; background-image: none; background-color: #FF7500; } .buttonBob:hover span { border-color: #CE5C02; } .buttonBob.buttonIsDisabled { border-color: #999; background-image: none; background-color: #DDD; } .buttonBob.buttonIsDisabled span { border-color: #999; } .buttonBob.buttonIsDisabled input, .buttonBob.buttonIsDisabled button, .buttonBob.buttonIsDisabled a, .buttonBob.buttonIsDisabled a:visited { color: #999; cursor: default; font-weight: normal; } .buttonBobS, .buttonBobM, .buttonBobL, [class*="fontDefault"] a.buttonBobS, [class*="fontDefault"] a.buttonBobM, [class*="fontDefault"] a.buttonBobL { background-clip: padding-box; border-radius: 0.1875em; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; font-family: Tahoma,Geneva,Kalimati,sans-serif; font-weight: bold; line-height: 1.5; overflow: hidden; text-align: center; text-decoration: none; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .buttonBobS, [class*="fontDefault"] a.buttonBobS, [class*="fontDefault"] a.buttonBobS:visited, .buttonBobM, [class*="fontDefault"] a.buttonBobM, [class*="fontDefault"] a.buttonBobM:visited, .buttonBobL, [class*="fontDefault"] a.buttonBobL, [class*="fontDefault"] a.buttonBobL:visited { background-color: #FF9F4D; background-image: linear-gradient(to bottom, #FF9F4D 0%, #FF7500 100%); border: 1px solid #CE5C02; color: #fff; } .buttonBobS:hover, .buttonBobS:focus, .buttonBobM:hover, .buttonBobM:focus, .buttonBobL:hover, .buttonBobL:focus, [class*="fontDefault"] a.buttonBobS:hover, [class*="fontDefault"] a.buttonBobS:focus, [class*="fontDefault"] a.buttonBobS:active, [class*="fontDefault"] a.buttonBobM:hover, [class*="fontDefault"] a.buttonBobM:focus, [class*="fontDefault"] a.buttonBobM:active, [class*="fontDefault"] a.buttonBobL:hover, [class*="fontDefault"] a.buttonBobL:focus, [class*="fontDefault"] a.buttonBobL:active { background: none repeat scroll 0 0 #FF7500; border: 1px solid #CE5C02; color: #fff; filter: none; } .buttonBobS, .buttonBobS:hover, .buttonBobS:focus, [class*="fontDefault"] a.buttonBobS, [class*="fontDefault"] a.buttonBobS:hover, [class*="fontDefault"] a.buttonBobS:focus, [class*="fontDefault"] a.buttonBobS:active, [class*="fontDefault"] a.buttonBobS:link, [class*="fontDefault"] a.buttonBobS:visited { font-size: 0.75rem; padding: 1px 0.75rem; } .buttonBobM, .buttonBobM:hover, .buttonBobM:focus, .buttonBobM:active, .buttonBobM:link, .buttonBobM:visited, [class*="fontDefault"] a.buttonBobM, [class*="fontDefault"] a.buttonBobM:hover, [class*="fontDefault"] a.buttonBobM:focus, [class*="fontDefault"] a.buttonBobM:active, [class*="fontDefault"] a.buttonBobM:link, [class*="fontDefault"] a.buttonBobM:visited { font-size: 0.875rem; padding: 3px 0.875rem; } .buttonBobL, .buttonBobL:hover, .buttonBobL:focus, .buttonBobL:active, .buttonBobL:link, .buttonBobL:visited, [class*="fontDefault"] a.buttonBobL, [class*="fontDefault"] a.buttonBobL:hover, [class*="fontDefault"] a.buttonBobL:focus, [class*="fontDefault"] a.buttonBobL:active, [class*="fontDefault"] a.buttonBobL:link, [class*="fontDefault"] a.buttonBobL:visited { font-size: 1rem; padding: 9px 1rem; } .buttonRoss { border-width: 1px 0; border-style: solid; border-color: #CE5C02; background: url('/Images/shared/buttons/buttons_sprite.png') repeat-x 0 -30px; display: inline-block; vertical-align: middle; } .buttonRoss span { border-width: 0 1px; border-style: solid; border-color: #CE5C02; margin: 0 -1px; _margin: 0; display: block; } .buttonRoss input, .buttonRoss button, .buttonRoss a, .buttonRoss a:hover, .buttonRoss a:visited { padding: 0 10px 1px 10px; font: bold 12px/18px Verdana; height: 19px; color: #FFF; display: block; text-decoration: none; border: none; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ie9 .buttonRoss input, .ie9 .buttonRoss button, .ie9 .buttonRoss a, .ie9 .buttonRoss a:hover, .ie9 .buttonRoss a:visited { line-height: 19px; } .ie7 .buttonRoss a { height: 18px; } .buttonRoss input, .buttonRoss button { background-color: transparent; *overflow: visible; cursor: pointer; } .buttonRoss:hover { border-color: #CE5C02; background-image: none; background-color: #FF7500; } .buttonRoss:hover span { border-color: #CE5C02; } .buttonRoss.buttonIsDisabled { border-color: #999; background-image: none; background-color: #DDD; } .buttonRoss.buttonIsDisabled span { border-color: #999; } .buttonRoss.buttonIsDisabled input, .buttonRoss.buttonIsDisabled button, .buttonRoss.buttonIsDisabled a, .buttonRoss.buttonIsDisabled a:visited { color: #999; cursor: default; font-weight: normal; } .buttonKateS { border: 1px solid #b2c2d1; color: #003468; background-color: #fefefe; display: inline-block; padding: 5px 10px; border-radius: 0.18em; text-decoration: none !important; } .buttonKateS:hover, .buttonKateS:focus { color: #003468 !important; } .inputXS { width: 47px; } .inputS { width: 103px; } .inputL { width: 215px; } .inputFullWidth { width: 100%; } .inputXS, .inputS, .inputL, .inputFullWidth { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } input.inputXS, input.inputS, input.inputL, input.inputFullWidth { padding-left: 5px; height: 21px; } select.inputXS, select.inputS, select.inputL, select.inputFullWidth { padding-left: 2px; height: 21px; } select.inputXS option, select.inputS option, select.inputL option, select.inputFullWidth option { text-indent: 4px; } .inputPrefilled { background-color: #FDF6E9; } /* Browser hack to target webkit browsers (e.g. Safari and Chrome) */ @media screen and (-webkit-min-device-pixel-ratio:0) { select.inputXS, select.inputS, select.inputL, select.inputFullWidth { padding-left: 0; text-indent: 3px; } .inputPrefilled { /* Safari removes the arrow icon on dropdowns when using a background color other than #FFF */ background-color: #FFF; } } /* IE7 */ .ie7 input[type=text].inputXS { width: 37px; } .ie7 input[type=text].inputS { width: 93px; } .ie7 input[type=text].inputL { width: 204px; } .ie7 input.inputFullWidth { /* IE7 doesn´t support border-box box model. In CSS you can cannot substract pixel values from percentages. The only possible solution is a CSS expression (= JavaScript). Native JavaScript to determine to parent´s height is not possible. Therefore jQuery is required. One time evaluated expression: http://developer.yahoo.com/performance/rules.html#css_expressions */ width: expression((function(element) { if (window.jQuery && jQuery(element).is(":visible")) element.style.width = (jQuery(element).parent().width() - 10) + "px";})(this)); } .ie7 .inputXS, .ie7 .inputS, .ie7 .inputL, .ie7 .inputFullWidth { height: auto; } .radioButtonAndLabel, .checkBoxAndLabel { display: block; } .radioButtonAndLabel label, .checkBoxAndLabel label { display: block; padding-left: 19px; text-indent: -19px; } .radioButtonAndLabel input, .checkBoxAndLabel input { width: 13px; height: 13px; padding: 0; top: -1px; vertical-align: bottom; position: relative; } .radioButtonAndLabel input { margin: 0 4px 0 0; top: -2px; } .checkBoxAndLabel input { left: 1px; margin: 0 5px 0 0; } .ie7 .checkBoxAndLabel input { overflow: hidden; } .ie7 .radioButtonAndLabel input { top: 1px; overflow: hidden; } .iconAndTextS { display: inline-block; padding-left: 21px; /* 12px Icon + 9px Spacing */ vertical-align: middle; } .iconAndTextS [class*="icon"] { margin-left: -21px; position: absolute; } .ie7 .iconAndTextS [class*="icon"] { margin-top: 1px; } .iconAndTextM { display: inline-block; padding-left: 25px; /* 16px Icon + 9px Spacing */ vertical-align: middle; } .iconAndTextM [class*="icon"] { margin-left: -25px; position: absolute; } .iconAndTextL { display: inline-block; padding-left: 29px; /* 20px Icon + 9px Spacing */ vertical-align: middle; } .iconAndTextXL { display: inline-block; padding-left: 49px; /* 40px Icon + 9px Spacing */ vertical-align: middle; } .iconAndListItem { padding-left: 10px; /* 5px Icon + 5px Spacing */ } .iconAndListItem.iconBullet { background: transparent url('/Images/shared/icons/bull.png') no-repeat 0 8px; /* 8px = 5px from Top + 3px font spacing from Top */ min-height: 5px; } .bubble { zoom: 1; } .bubbleClose { background: url("/Images/shared/icons/close-x_L.png") no-repeat scroll 0 0 transparent; cursor: pointer; position:absolute; height: 24px; width: 24px; right:-14px; top:-14px; } .bubbleContent { background-color: #FFF; border: solid #B2C2D1 5px; position: relative; } .bubblePointerTopLeft, .bubblePointerTopMiddle, .bubblePointerTopRight, .bubblePointerRightTop, .bubblePointerRightMiddle, .bubblePointerRightBottom { background: transparent url('/Images/shared/notices/pointer_sprite.png') no-repeat 0 0; } .bubblePointerBottomLeft, .bubblePointerBottomMiddle, .bubblePointerBottomRight { background: transparent url('/Images/shared/notices/pointer_sprite.png') no-repeat 0 -35px; } .bubblePointerTopLeft, .bubblePointerTopMiddle, .bubblePointerTopRight, .bubblePointerRightTop, .bubblePointerRightMiddle, .bubblePointerRightBottom, .bubblePointerBottomLeft, .bubblePointerBottomMiddle, .bubblePointerBottomRight { width: 10px; height: 12px; } .bubblePointerRightTop, .bubblePointerRightMiddle, .bubblePointerRightBottom, .bubblePointerLeftTop, .bubblePointerLeftMiddle, .bubblePointerLeftBottom { margin-top: 18px; } .bubblePointerTopLeft, .bubblePointerTopMiddle, .bubblePointerTopRight, .bubblePointerBottomLeft, .bubblePointerBottomMiddle, .bubblePointerBottomRight { margin-left: 32px; } .bubblePointerLeftTop, .bubblePointerLeftMiddle, .bubblePointerLeftBottom { background: transparent url('/Images/shared/notices/pointer_sprite.png') no-repeat 0 -13px; width: 12px; height: 10px; } .lineLoud { height: 0px; border: 0px; border-bottom: 1px solid #333; } .lineSilent { height: 0px; border: 0px; border-bottom: 1px solid #CCC; } .lineDot { height: 0px; border: 0px; border-bottom: 1px dotted #CCC; } .lineMagazine { height: 0px; border: 0px; border-bottom: 1px solid #0095D5; } .lineCompany { height: 0px; border: 0px; border-bottom: 1px solid #EA9300; } .lineLogin { height: 0px; border: 0px; border-bottom: 1px solid #003468; } .boxPictureS { width: 62px; height: 47px; background: #FFF no-repeat center center; } .boxPictureM { width: 120px; height: 90px; background: #FFF no-repeat center center; } .boxPictureL { width: 252px; height: 190px; background: #FFF no-repeat center center; } .boxPictureXL { width: 318px; height: 240px; background: #FFF no-repeat center center; } .boxPictureXXL { width: 400px; height: 300px; background: #FFF no-repeat center center; } .boxDefault.boxPictureS { width: 60px; /* -2px boder */ height: 45px; /* -2px boder */ } .boxDefault.boxPictureM { width: 118px; /* -2px boder */ height: 88px; /* -2px boder */ } .boxDefault.boxPictureL { width: 250px; /* -2px boder */ height: 188px; /* -2px boder */ } .boxDefault.boxPictureXL { width: 316px; /* -2px boder */ height: 238px; /* -2px boder */ } .boxDefault.boxPictureXXL { width: 398px; /* -2px boder */ height: 298px; /* -2px boder */ } .boxPictureFooterL { background-color:#F2F5F7; float:left; width:250px; margin-top:-1px; } .boxDefault { border: 1px solid #CCC; clear: both; } .boxDefault.leftOpened { border-left: 0px; } .boxDefault .editIconLink { position: absolute; width: 281px; } .boxHeader { height: 27px; border: 1px, solid, #CCC; background-color: #335D86; background-image: -webkit-gradient(linear, left top, left bottom, from(#335D86), to(#003468)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #335D86, #003468); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #335D86, #003468); /* FF3.6 */ background-image: -ms-linear-gradient(top, #335D86, #003468); /* IE10 */ background-image: -o-linear-gradient(top, #335D86, #003468); /* Opera 11.10+ */ background-image: linear-gradient(top, #335D86, #003468); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#335D86', EndColorStr='#003468'); /* IE6–IE9 */ } .boxHeaderTitle { font-weight: bold; color: #FFF; font: bold 12px/25px Verdana; padding:0px 10px 2px; } /* Overrides the width of the outer columns within the boxDefault context, to adjust the 1px border on each side of the box. See: grid.css */ .boxDefault .gridSpan1.borderColumn, .boxDefault .gridWidth1.borderColumn { width: 71px; } .boxDefault .gridSpan2.borderColumn, .boxDefault .gridWidth2.borderColumn { width: 153px; } .boxDefault .gridSpan3.borderColumn, .boxDefault .gridWidth3.borderColumn { width: 235px; } .boxDefault .gridSpan4.borderColumn, .boxDefault .gridWidth4.borderColumn { width: 317px; } .boxDefault .gridSpan5.borderColumn, .boxDefault .gridWidth5.borderColumn { width: 399px; } .boxDefault .gridSpan6.borderColumn, .boxDefault .gridWidth6.borderColumn { width: 481px; } .boxDefault .gridSpan7.borderColumn, .boxDefault .gridWidth7.borderColumn { width: 563px; } .boxDefault .gridSpan8.borderColumn, .boxDefault .gridWidth8.borderColumn { width: 645px; } .boxDefault .gridSpan9.borderColumn, .boxDefault .gridWidth9.borderColumn { width: 727px; } .boxDefault .gridSpan10.borderColumn, .boxDefault .gridWidth10.borderColumn { width: 809px; } .boxDefault .gridSpan11.borderColumn, .boxDefault .gridWidth11.borderColumn { width: 891px; } /* * Determine the begin column. */ .boxDefault .gridBorderColumnPrepend1 { margin-left: 81px; } .boxDefault .gridBorderColumnPrepend2 { margin-left: 163px; } .boxDefault .gridBorderColumnPrepend3 { margin-left: 245px; } .boxDefault .gridBorderColumnPrepend4 { margin-left: 327px; } .boxDefault .gridBorderColumnPrepend5 { margin-left: 409px; } .boxDefault .gridBorderColumnPrepend6 { margin-left: 491px; } .boxDefault .gridBorderColumnPrepend7 { margin-left: 573px; } .boxDefault .gridBorderColumnPrepend8 { margin-left: 655px; } .boxDefault .gridBorderColumnPrepend9 { margin-left: 737px; } .boxDefault .gridBorderColumnPrepend10 { margin-left: 819px; } .boxDefault .gridBorderColumnPrepend11 { margin-left: 901px; } .boxDefault.paddingHorizontalM .gridSpan1.borderColumn, .boxDefault.paddingHorizontalM .gridWidth1.borderColumn, .boxDefault .paddingHorizontalM .gridSpan1.borderColumn, .boxDefault .paddingHorizontalM .gridWidth1.borderColumn { width: 53px; } .boxDefault.paddingHorizontalM .gridSpan2.borderColumn, .boxDefault.paddingHorizontalM .gridWidth2.borderColumn, .boxDefault .paddingHorizontalM .gridSpan2.borderColumn, .boxDefault .paddingHorizontalM .gridWidth2.borderColumn { width: 135px; } .boxDefault.paddingHorizontalM .gridSpan3.borderColumn, .boxDefault.paddingHorizontalM .gridWidth3.borderColumn, .boxDefault .paddingHorizontalM .gridSpan3.borderColumn, .boxDefault .paddingHorizontalM .gridWidth3.borderColumn { width: 217px; } .boxDefault.paddingHorizontalM .gridSpan4.borderColumn, .boxDefault.paddingHorizontalM .gridWidth4.borderColumn, .boxDefault .paddingHorizontalM .gridWidth4.borderColumn, .boxDefault .paddingHorizontalM .gridSpan4.borderColumn { width: 299px; } .boxDefault.paddingHorizontalM .gridSpan5.borderColumn, .boxDefault.paddingHorizontalM .gridWidth5.borderColumn, .boxDefault .paddingHorizontalM .gridSpan5.borderColumn, .boxDefault .paddingHorizontalM .gridWidth5.borderColumn { width: 381px; } .boxDefault.paddingHorizontalM .gridSpan6.borderColumn, .boxDefault.paddingHorizontalM .gridWidth6.borderColumn, .boxDefault .paddingHorizontalM .gridSpan6.borderColumn, .boxDefault .paddingHorizontalM .gridWidth6.borderColumn { width: 463px; } .boxDefault.paddingHorizontalM .gridSpan7.borderColumn, .boxDefault.paddingHorizontalM .gridWidth7.borderColumn, .boxDefault .paddingHorizontalM .gridSpan7.borderColumn, .boxDefault .paddingHorizontalM .gridWidth7.borderColumn { width: 545px; } .boxDefault.paddingHorizontalM .gridSpan8.borderColumn, .boxDefault.paddingHorizontalM .gridWidth8.borderColumn, .boxDefault .paddingHorizontalM .gridSpan8.borderColumn, .boxDefault .paddingHorizontalM .gridWidth8.borderColumn { width: 627px; } .boxDefault.paddingHorizontalM .gridSpan9.borderColumn, .boxDefault.paddingHorizontalM .gridWidth9.borderColumn, .boxDefault .paddingHorizontalM .gridSpan9.borderColumn, .boxDefault .paddingHorizontalM .gridWidth9.borderColumn { width: 709px; } .boxDefault.paddingHorizontalM .gridSpan10.borderColumn, .boxDefault.paddingHorizontalM .gridWidth10.borderColumn, .boxDefault .paddingHorizontalM .gridSpan10.borderColumn, .boxDefault .paddingHorizontalM .gridWidth10.borderColumn { width: 791px; } .boxDefault.paddingHorizontalM .gridSpan11.borderColumn, .boxDefault.paddingHorizontalM .gridWidth11.borderColumn, .boxDefault .paddingHorizontalM .gridSpan11.borderColumn, .boxDefault .paddingHorizontalM .gridWidth11.borderColumn { width: 873px; } /* * Determine the begin column. */ .boxDefault.paddingHorizontalM .gridBorderColumnPrepend1 { margin-left: 63px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend2 { margin-left: 145px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend3 { margin-left: 227px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend4 { margin-left: 309px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend5 { margin-left: 391px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend6 { margin-left: 473px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend7 { margin-left: 555px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend8 { margin-left: 637px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend9 { margin-left: 719px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend10 { margin-left: 801px; } .boxDefault.paddingHorizontalM .gridBorderColumnPrepend11 { margin-left: 883px; } /* TODO: remove these rules, when spacing is replaced with padding.css or margin.css. */ /* In case of an additional horizontal spacing. */ .boxDefault.spacingHorizontalM .gridSpan1.borderColumn, .boxDefault.spacingHorizontalM .gridWidth1.borderColumn, .boxDefault .spacingHorizontalM .gridSpan1.borderColumn, .boxDefault .spacingHorizontalM .gridWidth1.borderColumn { width: 53px; } .boxDefault.spacingHorizontalM .gridSpan2.borderColumn, .boxDefault.spacingHorizontalM .gridWidth2.borderColumn, .boxDefault .spacingHorizontalM .gridSpan2.borderColumn, .boxDefault .spacingHorizontalM .gridWidth2.borderColumn { width: 135px; } .boxDefault.spacingHorizontalM .gridSpan3.borderColumn, .boxDefault.spacingHorizontalM .gridWidth3.borderColumn, .boxDefault .spacingHorizontalM .gridSpan3.borderColumn, .boxDefault .spacingHorizontalM .gridWidth3.borderColumn { width: 217px; } .boxDefault.spacingHorizontalM .gridSpan4.borderColumn, .boxDefault.spacingHorizontalM .gridWidth4.borderColumn, .boxDefault .spacingHorizontalM .gridWidth4.borderColumn, .boxDefault .spacingHorizontalM .gridSpan4.borderColumn { width: 299px; } .boxDefault.spacingHorizontalM .gridSpan5.borderColumn, .boxDefault.spacingHorizontalM .gridWidth5.borderColumn, .boxDefault .spacingHorizontalM .gridSpan5.borderColumn, .boxDefault .spacingHorizontalM .gridWidth5.borderColumn { width: 381px; } .boxDefault.spacingHorizontalM .gridSpan6.borderColumn, .boxDefault.spacingHorizontalM .gridWidth6.borderColumn, .boxDefault .spacingHorizontalM .gridSpan6.borderColumn, .boxDefault .spacingHorizontalM .gridWidth6.borderColumn { width: 463px; } .boxDefault.spacingHorizontalM .gridSpan7.borderColumn, .boxDefault.spacingHorizontalM .gridWidth7.borderColumn, .boxDefault .spacingHorizontalM .gridSpan7.borderColumn, .boxDefault .spacingHorizontalM .gridWidth7.borderColumn { width: 545px; } .boxDefault.spacingHorizontalM .gridSpan8.borderColumn, .boxDefault.spacingHorizontalM .gridWidth8.borderColumn, .boxDefault .spacingHorizontalM .gridSpan8.borderColumn, .boxDefault .spacingHorizontalM .gridWidth8.borderColumn { width: 627px; } .boxDefault.spacingHorizontalM .gridSpan9.borderColumn, .boxDefault.spacingHorizontalM .gridWidth9.borderColumn, .boxDefault .spacingHorizontalM .gridSpan9.borderColumn, .boxDefault .spacingHorizontalM .gridWidth9.borderColumn { width: 709px; } .boxDefault.spacingHorizontalM .gridSpan10.borderColumn, .boxDefault.spacingHorizontalM .gridWidth10.borderColumn, .boxDefault .spacingHorizontalM .gridSpan10.borderColumn, .boxDefault .spacingHorizontalM .gridWidth10.borderColumn { width: 791px; } .boxDefault.spacingHorizontalM .gridSpan11.borderColumn, .boxDefault.spacingHorizontalM .gridWidth11.borderColumn, .boxDefault .spacingHorizontalM .gridSpan11.borderColumn, .boxDefault .spacingHorizontalM .gridWidth11.borderColumn { width: 873px; } /* * Determine the begin column. */ .boxDefault.spacingHorizontalM .gridBorderColumnPrepend1 { margin-left: 63px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend2 { margin-left: 145px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend3 { margin-left: 227px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend4 { margin-left: 309px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend5 { margin-left: 391px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend6 { margin-left: 473px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend7 { margin-left: 555px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend8 { margin-left: 637px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend9 { margin-left: 719px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend10 { margin-left: 801px; } .boxDefault.spacingHorizontalM .gridBorderColumnPrepend11 { margin-left: 883px; } .buttonBob { border-width: 1px 0; border-style: solid; border-color: #CE5C02; background: url('/Images/shared/buttons/buttons_sprite.png') repeat-x scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; vertical-align: middle; } .buttonBob span { border-width: 0 1px; border-style: solid; border-color: #CE5C02; margin: 0 -1px; display: block; } .buttonBob input, .buttonBob button, .buttonBob a, .buttonBob a:hover, .buttonBob a:visited { padding: 0 10px; font: bold 14px/28px Verdana; height: 28px; color: #FFF; display: block; text-decoration: none; border: medium none; box-sizing: border-box; } .buttonBob input, .buttonBob button { background-color: transparent; cursor: pointer; } .buttonBob:hover { border-color: #CE5C02; background-image: none; background-color: #FF7500; } .buttonBob:hover span { border-color: #CE5C02; } .buttonBob.buttonIsDisabled { border-color: #999; background-image: none; background-color: #DDD; } .buttonBob.buttonIsDisabled span { border-color: #999; } .buttonBob.buttonIsDisabled input, .buttonBob.buttonIsDisabled button, .buttonBob.buttonIsDisabled a, .buttonBob.buttonIsDisabled a:visited { color: #999; cursor: default; font-weight: normal; } .buttonBobS, .buttonBobM, .buttonBobL, [class*="fontDefault"] a.buttonBobS, [class*="fontDefault"] a.buttonBobM, [class*="fontDefault"] a.buttonBobL { background-clip: padding-box; border-radius: 0.1875em; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; font-family: Tahoma,Geneva,Kalimati,sans-serif; font-weight: bold; line-height: 1.5; overflow: hidden; text-align: center; text-decoration: none; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .buttonBobS, [class*="fontDefault"] a.buttonBobS, [class*="fontDefault"] a.buttonBobS:visited, .buttonBobM, [class*="fontDefault"] a.buttonBobM, [class*="fontDefault"] a.buttonBobM:visited, .buttonBobL, [class*="fontDefault"] a.buttonBobL, [class*="fontDefault"] a.buttonBobL:visited { background-color: #FF9F4D; background-image: linear-gradient(to bottom, #FF9F4D 0%, #FF7500 100%); border: 1px solid #CE5C02; color: #fff; } .buttonBobS:hover, .buttonBobS:focus, .buttonBobM:hover, .buttonBobM:focus, .buttonBobL:hover, .buttonBobL:focus, [class*="fontDefault"] a.buttonBobS:hover, [class*="fontDefault"] a.buttonBobS:focus, [class*="fontDefault"] a.buttonBobS:active, [class*="fontDefault"] a.buttonBobM:hover, [class*="fontDefault"] a.buttonBobM:focus, [class*="fontDefault"] a.buttonBobM:active, [class*="fontDefault"] a.buttonBobL:hover, [class*="fontDefault"] a.buttonBobL:focus, [class*="fontDefault"] a.buttonBobL:active { background: none repeat scroll 0 0 #FF7500; border: 1px solid #CE5C02; color: #fff; filter: none; } .buttonBobS, .buttonBobS:hover, .buttonBobS:focus, [class*="fontDefault"] a.buttonBobS, [class*="fontDefault"] a.buttonBobS:hover, [class*="fontDefault"] a.buttonBobS:focus, [class*="fontDefault"] a.buttonBobS:active, [class*="fontDefault"] a.buttonBobS:link, [class*="fontDefault"] a.buttonBobS:visited { font-size: 0.75rem; padding: 1px 0.75rem; } .buttonBobM, .buttonBobM:hover, .buttonBobM:focus, .buttonBobM:active, .buttonBobM:link, .buttonBobM:visited, [class*="fontDefault"] a.buttonBobM, [class*="fontDefault"] a.buttonBobM:hover, [class*="fontDefault"] a.buttonBobM:focus, [class*="fontDefault"] a.buttonBobM:active, [class*="fontDefault"] a.buttonBobM:link, [class*="fontDefault"] a.buttonBobM:visited { font-size: 0.875rem; padding: 3px 0.875rem; } .buttonBobL, .buttonBobL:hover, .buttonBobL:focus, .buttonBobL:active, .buttonBobL:link, .buttonBobL:visited, [class*="fontDefault"] a.buttonBobL, [class*="fontDefault"] a.buttonBobL:hover, [class*="fontDefault"] a.buttonBobL:focus, [class*="fontDefault"] a.buttonBobL:active, [class*="fontDefault"] a.buttonBobL:link, [class*="fontDefault"] a.buttonBobL:visited { font-size: 1rem; padding: 9px 1rem; } .buttonRoss { border-width: 1px 0; border-style: solid; border-color: #CE5C02; background: url('/Images/shared/buttons/buttons_sprite.png') repeat-x 0 -30px; display: inline-block; vertical-align: middle; } .buttonRoss span { border-width: 0 1px; border-style: solid; border-color: #CE5C02; margin: 0 -1px; _margin: 0; display: block; } .buttonRoss input, .buttonRoss button, .buttonRoss a, .buttonRoss a:hover, .buttonRoss a:visited { padding: 0 10px 1px 10px; font: bold 12px/18px Verdana; height: 19px; color: #FFF; display: block; text-decoration: none; border: none; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ie9 .buttonRoss input, .ie9 .buttonRoss button, .ie9 .buttonRoss a, .ie9 .buttonRoss a:hover, .ie9 .buttonRoss a:visited { line-height: 19px; } .ie7 .buttonRoss a { height: 18px; } .buttonRoss input, .buttonRoss button { background-color: transparent; *overflow: visible; cursor: pointer; } .buttonRoss:hover { border-color: #CE5C02; background-image: none; background-color: #FF7500; } .buttonRoss:hover span { border-color: #CE5C02; } .buttonRoss.buttonIsDisabled { border-color: #999; background-image: none; background-color: #DDD; } .buttonRoss.buttonIsDisabled span { border-color: #999; } .buttonRoss.buttonIsDisabled input, .buttonRoss.buttonIsDisabled button, .buttonRoss.buttonIsDisabled a, .buttonRoss.buttonIsDisabled a:visited { color: #999; cursor: default; font-weight: normal; } .buttonKateS { border: 1px solid #b2c2d1; color: #003468; background-color: #fefefe; display: inline-block; padding: 5px 10px; border-radius: 0.18em; text-decoration: none !important; } .buttonKateS:hover, .buttonKateS:focus { color: #003468 !important; } .inputXS { width: 47px; } .inputS { width: 103px; } .inputL { width: 215px; } .inputFullWidth { width: 100%; } .inputXS, .inputS, .inputL, .inputFullWidth { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } input.inputXS, input.inputS, input.inputL, input.inputFullWidth { padding-left: 5px; height: 21px; } select.inputXS, select.inputS, select.inputL, select.inputFullWidth { padding-left: 2px; height: 21px; } select.inputXS option, select.inputS option, select.inputL option, select.inputFullWidth option { text-indent: 4px; } .inputPrefilled { background-color: #FDF6E9; } /* Browser hack to target webkit browsers (e.g. Safari and Chrome) */ @media screen and (-webkit-min-device-pixel-ratio:0) { select.inputXS, select.inputS, select.inputL, select.inputFullWidth { padding-left: 0; text-indent: 3px; } .inputPrefilled { /* Safari removes the arrow icon on dropdowns when using a background color other than #FFF */ background-color: #FFF; } } /* IE7 */ .ie7 input[type=text].inputXS { width: 37px; } .ie7 input[type=text].inputS { width: 93px; } .ie7 input[type=text].inputL { width: 204px; } .ie7 input.inputFullWidth { /* IE7 doesn´t support border-box box model. In CSS you can cannot substract pixel values from percentages. The only possible solution is a CSS expression (= JavaScript). Native JavaScript to determine to parent´s height is not possible. Therefore jQuery is required. One time evaluated expression: http://developer.yahoo.com/performance/rules.html#css_expressions */ width: expression((function(element) { if (window.jQuery && jQuery(element).is(":visible")) element.style.width = (jQuery(element).parent().width() - 10) + "px";})(this)); } .ie7 .inputXS, .ie7 .inputS, .ie7 .inputL, .ie7 .inputFullWidth { height: auto; } .radioButtonAndLabel, .checkBoxAndLabel { display: block; } .radioButtonAndLabel label, .checkBoxAndLabel label { display: block; padding-left: 19px; text-indent: -19px; } .radioButtonAndLabel input, .checkBoxAndLabel input { width: 13px; height: 13px; padding: 0; top: -1px; vertical-align: bottom; position: relative; } .radioButtonAndLabel input { margin: 0 4px 0 0; top: -2px; } .checkBoxAndLabel input { left: 1px; margin: 0 5px 0 0; } .ie7 .checkBoxAndLabel input { overflow: hidden; } .ie7 .radioButtonAndLabel input { top: 1px; overflow: hidden; } .iconAndTextS { display: inline-block; padding-left: 21px; /* 12px Icon + 9px Spacing */ vertical-align: middle; } .iconAndTextS [class*="icon"] { margin-left: -21px; position: absolute; } .ie7 .iconAndTextS [class*="icon"] { margin-top: 1px; } .iconAndTextM { display: inline-block; padding-left: 25px; /* 16px Icon + 9px Spacing */ vertical-align: middle; } .iconAndTextM [class*="icon"] { margin-left: -25px; position: absolute; } .iconAndTextL { display: inline-block; padding-left: 29px; /* 20px Icon + 9px Spacing */ vertical-align: middle; } .iconAndTextXL { display: inline-block; padding-left: 49px; /* 40px Icon + 9px Spacing */ vertical-align: middle; } .iconAndListItem { padding-left: 10px; /* 5px Icon + 5px Spacing */ } .iconAndListItem.iconBullet { background: transparent url('/Images/shared/icons/bull.png') no-repeat 0 8px; /* 8px = 5px from Top + 3px font spacing from Top */ min-height: 5px; } .bubble { zoom: 1; } .bubbleClose { background: url("/Images/shared/icons/close-x_L.png") no-repeat scroll 0 0 transparent; cursor: pointer; position:absolute; height: 24px; width: 24px; right:-14px; top:-14px; } .bubbleContent { background-color: #FFF; border: solid #B2C2D1 5px; position: relative; } .bubblePointerTopLeft, .bubblePointerTopMiddle, .bubblePointerTopRight, .bubblePointerRightTop, .bubblePointerRightMiddle, .bubblePointerRightBottom { background: transparent url('/Images/shared/notices/pointer_sprite.png') no-repeat 0 0; } .bubblePointerBottomLeft, .bubblePointerBottomMiddle, .bubblePointerBottomRight { background: transparent url('/Images/shared/notices/pointer_sprite.png') no-repeat 0 -35px; } .bubblePointerTopLeft, .bubblePointerTopMiddle, .bubblePointerTopRight, .bubblePointerRightTop, .bubblePointerRightMiddle, .bubblePointerRightBottom, .bubblePointerBottomLeft, .bubblePointerBottomMiddle, .bubblePointerBottomRight { width: 10px; height: 12px; } .bubblePointerRightTop, .bubblePointerRightMiddle, .bubblePointerRightBottom, .bubblePointerLeftTop, .bubblePointerLeftMiddle, .bubblePointerLeftBottom { margin-top: 18px; } .bubblePointerTopLeft, .bubblePointerTopMiddle, .bubblePointerTopRight, .bubblePointerBottomLeft, .bubblePointerBottomMiddle, .bubblePointerBottomRight { margin-left: 32px; } .bubblePointerLeftTop, .bubblePointerLeftMiddle, .bubblePointerLeftBottom { background: transparent url('/Images/shared/notices/pointer_sprite.png') no-repeat 0 -13px; width: 12px; height: 10px; } .lineLoud { height: 0px; border: 0px; border-bottom: 1px solid #333; } .lineSilent { height: 0px; border: 0px; border-bottom: 1px solid #CCC; } .lineDot { height: 0px; border: 0px; border-bottom: 1px dotted #CCC; } .lineMagazine { height: 0px; border: 0px; border-bottom: 1px solid #0095D5; } .lineCompany { height: 0px; border: 0px; border-bottom: 1px solid #EA9300; } .lineLogin { height: 0px; border: 0px; border-bottom: 1px solid #003468; } .boxPictureS { width: 62px; height: 47px; background: #FFF no-repeat center center; } .boxPictureM { width: 120px; height: 90px; background: #FFF no-repeat center center; } .boxPictureL { width: 252px; height: 190px; background: #FFF no-repeat center center; } .boxPictureXL { width: 318px; height: 240px; background: #FFF no-repeat center center; } .boxPictureXXL { width: 400px; height: 300px; background: #FFF no-repeat center center; } .boxDefault.boxPictureS { width: 60px; /* -2px boder */ height: 45px; /* -2px boder */ } .boxDefault.boxPictureM { width: 118px; /* -2px boder */ height: 88px; /* -2px boder */ } .boxDefault.boxPictureL { width: 250px; /* -2px boder */ height: 188px; /* -2px boder */ } .boxDefault.boxPictureXL { width: 316px; /* -2px boder */ height: 238px; /* -2px boder */ } .boxDefault.boxPictureXXL { width: 398px; /* -2px boder */ height: 298px; /* -2px boder */ } .boxPictureFooterL { background-color:#F2F5F7; float:left; width:250px; margin-top:-1px; } .ie7 .iconInfoSilentS { background-position-y: 0; } .basicPartHeight { height:306px; } .basicPartSpace { padding-right: 4px; } .basicPartLabelWidth { width:120px; } .fontLabelError { color:#ff0000; } .iconDocumentS { background: url("/Images/shared/icons/document_S.png") no-repeat scroll center 0 transparent; display: inline-block; height: 12px; margin-top: 3px; vertical-align: top; width: 12px; } .iconDetailSearchS { background: url("/Images/shared/icons/detailsearch_silent_S.png") no-repeat scroll center 0 transparent; display: inline-block; height: 12px; margin-top: 3px; vertical-align: top; width: 12px; } .iconDocumentLockL { background: url("/Images/shared/icons/document_Lock_L.png") no-repeat scroll center 0 transparent; display: inline-block; height: 20px; vertical-align: top; width: 20px; } .iconHookCircleL { display: inline-block; vertical-align: top; width: 20px; height: 22px; background: transparent url("/Images/shared/icons/hook_circle_L.png") no-repeat center 0; } .iconHookInfoL { background: transparent url('/Images/shared/icons/info-i_L.png') no-repeat center 0; display: inline-block; vertical-align: top; width: 20px; height: 20px; } .iconPhoneT { background: url("/Images/shared/icons/phone_T.png") no-repeat scroll center 0 transparent; display: inline-block; height: 24px; vertical-align: top; width: 20px; } .iconPhoneL { background: url("/Images/shared/icons/phone_L.png") no-repeat scroll center 0 transparent; display: inline-block; height: 20px; vertical-align: top; width: 20px; } .iconCalendarInactiveM { background: url("/Images/shared/icons/calendar_inactive_M.png") no-repeat scroll center 0 transparent; display: inline-block; height: 16px; vertical-align: top; width: 16px; } .iconAndTextL { display: inline-block; padding-left: 29px; } .iconAndTextL [class*="icon"] { margin-left: -29px; position: absolute; } .input-error { border: 2px solid #df0001; background-color: #f8aaaa; } .fixedBgDimensions { background-size: 398px 298px; background-repeat: no-repeat; } .fixedBgThumbDimensions { background-size: 58px 43px; background-repeat: no-repeat; } a.imageGalleryLink, a.imageGalleryLink:hover { text-decoration: none; } .boxDefault.boxPictureS { height: 43px; width: 58px; } .boxLogo90 { max-width: 90px; height: auto; background: #FFF no-repeat center center; } .thumbImageContainer { display: inline-block; vertical-align: top; } .marginRightMinusOne { margin-right: -1px; } .marginLeftEight { margin-left: 8px; } .mapContainerCursor { cursor:pointer; } .orangeBorderForThumbnails { border-color: #FF6600; } .ie9 .iconPrintS { margin-top: 2px; } .advert-top-head { position: absolute; top: 33px; left: 181px; z-index: 900; clear: right; float: left; margin: 0; padding: 0; } .advert-sky-right { position: absolute; top: 191px; left: 1001px; z-index: 155; } .mediumRectangle { float: left; width: 318px; margin-bottom: 18px; } .medium-rectangle-list { float: left; width: 301px; } .mediumRectangleHeadline { float: left; background-color: #ECEDF4; width: 17px; min-height: 50px; display: none; } .mediumRectangleHeadline img { border-width: 0; margin-top: 3px; margin-left: 3px; } .messageSuccess { background-color: #DFEBDC; } .messageFailure { background-color: #F1EEE9; } .bubbleContentWithBlueBorder { background-color: #FFF; border: solid #335D86 5px; position: relative; } .bubblePointerBottomLeftBlue { width: 10px; height: 12px; background: transparent url('/Images/shared/notices/pointer_maps_sprite_blue.png') no-repeat 0 -35px; margin-left: 32px; } ul.carouselThumbsContainer{} ul.carouselThumbsContainer li { color: #DDDDDD; display: inline; float: left; width: 63px; } div.carouselThumbsContainer ul li div.image { float: left; text-align: center; } .group:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .carouselControls { position: relative; } .carouselLeft, .carouselRight { background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#E5EAF0)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(center top , white 0%, #E5EAF0 100%); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(center top , white 0%, #E5EAF0 100%); /* FF3.6 */ background-image: -ms-linear-gradient(center top , white 0%, #E5EAF0 100%); /* IE10 */ background-image: -o-linear-gradient(center top , white 0%, #E5EAF0 100%); /* Opera 11.10+ */ background-image: linear-gradient(center top , white 0%, #E5EAF0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='white', EndColorStr='#E5EAF0'); /* IE6–IE9 */ border-color: #B2C2D1; border-style: solid; position: absolute; width: 18px; } .carouselButtonDisabled { background-image: none; /*background-color: white;*/ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* IE6–IE9 */ border: #aaa; background: #ddd } .carouselLeft { border-radius: 3px; border-width: 1px 1px 1px 1px; left: 0; } .carouselRight { border-radius: 3px; border-width: 1px 1px 1px 1px; right: 0; } .carouselLeft .carouselButton { background: url("/Images/shared/icons/arrow_angle_left_default_XS.png") no-repeat scroll center 18px transparent; height: 43px; width: 18px; } .carouselLeft .disabledIcon { background: url("/Images/shared/icons/arrow_angle_left_silent_XS.png") no-repeat scroll center 18px transparent; } .carouselRight .carouselButton { background: url("/Images/shared/icons/arrow_angle_right_default_XS.png") no-repeat scroll center 18px transparent; height: 43px; width: 18px; } .carouselRight .disabledIcon { background: url("/Images/shared/icons/arrow_angle_right_silent_XS.png") no-repeat scroll center 18px transparent; } .carouselLeftHover { background-color: #E5EAF0; background-image: none; cursor: pointer; filter: none; } .carouselRightHover { background-color: #E5EAF0; background-image: none; cursor: pointer; filter: none; } #efficiencyRectangle { float:left; width: 234px; border: solid #CCCCCC 1px; } #efficiencyRectangle .efficiencyRectangleImg { border-top: solid 1px #CCCCCC; } .overflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* .carouselLeft:hover, .carouselRight:hover { background-color: #E5EAF0; background-image: none; cursor: pointer; filter: none; } .carouselLeft .carouselButton:hover { background-image: url("/Images/shared/icons/arrow_angle_left_loud_XS.png"); } .carouselRight .carouselButton:hover { background-image: url("/Images/shared/icons/arrow_angle_right_loud_XS.png"); }*/ #nameData { width: 172px; word-wrap: break-word; } #locationData { width: 172px; word-wrap: break-word; } .wrapText { word-wrap: break-word; } .ie8 #nameData { width: 134px; word-wrap: break-word; } .ie8 #logoData { width: 90px; } #container { width: 398px; height: 298px; } #container .image-wrapper { display:table; text-align:center; } #container .image-wrapper .image-container { display: table-cell; vertical-align: middle; width: 398px; height: 298px; text-align:center; } .image-item { max-height: 298px; max-width: 398px; } .newSendMail { list-style-type:disc; display:block; padding:10px 0px 0px 15px; } .newSendMailBox { padding-top:10px; margin-top:12px; background-color:rgb(255,255,255); border:1px solid black !important; } #clickSellerNumTel, #clickSellerNum, .numberOnClick{ display:block; float:left; } #sellerNumTel,#sellerNum, #phoneDataShow{ display:none; } .numberDots { float:left; color:black; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 500px !important; height: 300px !important; margin: 0 auto; border-radius: 4px; } .lb-container { padding: 4px; width: inherit !important; height: inherit !important; background-color: white; } .lightbox { position: absolute; width: 100%; left: inherit; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; width: inherit !important; height: inherit !important; max-width: inherit; border-radius: 3px; } .dropdown p { display: inline-block; font-weight: bold; } /*background-image:url('/Images/common/ger_flag.gif');*/ #country_sales { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-repeat: no-repeat; background-image: url(/Images/common/ger_flag.gif); background-position: left center; padding-left: 30px; } #country_sales option:nth-child(1) { background: url(/Images/common/ger_flag.gif) no-repeat left center; } #country_sales option:nth-child(2) { background: url(/Images/common/eng_flag.gif) no-repeat left center; } #country_sales option:nth-child(3) { background: url(/Images/common/fra_flag.gif) no-repeat left center; } [class^="button"].dropdown,[class*=" button"].dropdown { text-align:left } button[class^="button"].dropdown:after,button[class*=" button"].dropdown:after { content:""; width:0; height:0; border-style:solid; border-color:white transparent transparent transparent; border-width:0.33333em; margin-top: 7px; float: right; } .ui-button .ui-icon.iconFlag { background-image: url(/Images/common/ger_flag.gif); } button.buttonKateS.dropdown:after { border-color:black transparent transparent transparent } button.buttonKateS.dropdown.disabled { color:#999; background:#DDD; border:0.083em solid #999 } button.buttonKateS.dropdown.disabled:after { border-color:#999 transparent transparent transparent } [class^="dropdown-content-"],[class*="dropdown-content-"] { display:none; z-index:9999 } [class^="dropdown-content-"] a,[class*="dropdown-content-"] a,[class^="dropdown-content-"] label,[class*="dropdown-content-"] label { display:block } .dropdown-content-kate { position:absolute; background:white; border:0.083em solid #b2c2d1; margin-top:-0.12em } .dropdown-content-kate li { font:normal 12px/18px Verdana,Helvetica,Arial,sans-serif; color:#003468; height:1.833em; padding-top:0.417em; padding-left:0.750em } .dropdown-content-kate li:hover { background:#f2f5f7 } .dropdown-content-kate a:hover,.fontDefault .dropdown-content-kate a:hover { color:#FF7500 } .dropdown-content-kate .select a{border:2px solid #FF6701;margin:0px;} .fontDefault .dropdown-content-kate a { text-decoration:none; font-size:1em; font:normal 12px/18px Verdana,Helvetica,Arial,sans-serif; color:#003468 } .iconFlag { background: url("/Images/common/ger_flag.gif") no-repeat scroll center 0 transparent; display: inline-block; height: 20px; vertical-align: top; width: 20px; } #similarVehicles.gridSpan8 { display: inline; float: left; margin-left: 10px; width: 646px; } #similarVehicles.gridInner { clear: both; margin-left: 0; } #similarVehicles .boxDefault { border: 1px solid #CCCCCC; clear: both; display: block; } #similarVehicles .fontDefault { color: #333333; cursor: default; font: 12px/18px Verdana,Helvetica,Arial,sans-serif; } #similarVehicles .fontLoud { color: #333333; font: bold 12px/18px Verdana,Helvetica,Arial,sans-serif; } #similarVehicles .fontHeadline { color: #333333; font: 16px/18px Tahoma; line-height: 21px; } #similarVehicles a { color: #0026B3 !important; font: bold 12px/18px Verdana,Helvetica,Arial,sans-serif; text-decoration: none; } #similarVehicles a:hover { color: #FF7500 !important; font: bold 12px/18px Verdana,Helvetica,Arial,sans-serif; text-decoration: none; } #similarVehicles .paddingTopBlockM { padding-top: 18px; } #similarVehicles .paddingBottomM { padding-bottom: 18px; } #similarVehicles .marginTopFontM { margin-top: 15px; } #similarVehicles .marginTopFontS { margin-top: 6px; } #similarVehicles .marginLeftL { margin-left: 36px; } #similarVehicles .block { display: block; } #similarVehicles.hdn { display: none; } #similarVehicles .carouselM .carouselPrevious { height: 88px; } #similarVehicles .carouselM .carouselNext { height: 88px; } #similarVehicles .carouselControls { position: relative; } #similarVehicles .carouselPrevious, #similarVehicles .carouselNext { width: 18px; position: absolute; border-color: #B2C2D1; border-style: solid; background-image: -moz-linear-gradient(top, white 0%, #e5eaf0 100%); /* Mozilla Firefox */ background-image: -ms-linear-gradient(top, white 0%, #e5eaf0 100%); /* IE10 */ background-image: -o-linear-gradient(top, white 0%, #e5eaf0 100%); /* Opera */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e5eaf0)); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-linear-gradient(top, white 0%, #e5eaf0 100%); /* Webkit (Chrome 11+) */ background-image: linear-gradient(top, white 0%, #e5eaf0 100%); /* Proposed W3C Markup */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFF', endColorstr='#E5EAF0'); /* IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFF', endColorstr='#E5EAF0')"; /* IE8/IE9 */ } #similarVehicles .carouselPrevious { border-width: 1px 1px 1px 0; -moz-left-border-radius: 3px; /* Firefox */ -webkit-left-border-radius: 3px; /* Safari, Chrome */ border-top-right-radius: 3px; /* CSS3 */ border-bottom-right-radius: 3px; /* CSS3 */ left: 0px; } #similarVehicles .carouselNext { top: 0; right: 0px; border-width: 1px 0 1px 1px; -moz-right-border-radius: 3px; /* Firefox */ -webkit-right-border-radius: 3px; /* Safari, Chrome */ border-top-left-radius: 3px; /* CSS3 */ border-bottom-left-radius: 3px; /* CSS3 */ } #similarVehicles .carouselPrevious .carouselButton { background: url("/Images/shared/icons/arrow_angle_left_default_XS.png") center 40px no-repeat; width: 18px; height: 90px; } #similarVehicles .carouselNext .carouselButton { background: url("/Images/shared/icons/arrow_angle_right_default_XS.png") center 40px no-repeat; width: 18px; height: 90px; } #similarVehicles .carouselM .carouselContent { margin: 0 36px; } #similarVehicles .carouselPrevious:hover, #similarVehicles .carouselNext:hover { background-image: none; background-color: #E5EAF0; cursor: pointer; filter: none; -ms-filter: none; } #similarVehicles .carouselPrevious .carouselButton:hover { background-image: url("/Images/shared/icons/arrow_angle_left_loud_XS.png"); } #similarVehicles .carouselNext .carouselButton:hover { background-image: url("/Images/shared/icons/arrow_angle_right_loud_XS.png"); } #similarVehicles .flexibleGrid { /*margin-bottom: -18px;*/ text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; width: 100%; } #similarVehicles .flexibleGridSpan { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #similarVehicles .flexibleGridEnd { width: 100%; display: inline-block; height: 0; line-height: 0; font-size: 0; } .ie7 .flexibleGrid { margin-bottom: 0; } #similarVehicles .boxPictureM { background: none no-repeat scroll center center #FFFFFF; } #similarVehicles .boxPictureM { height: 89px; width: 118px; } #similarVehicles .boxDefault .boxPictureM { height: 87px; width: 116px; } #similarVehicles.gridSpan8 { display: inline; float: left; margin-left: 10px; width: 646px; } #similarVehicles.gridInner { clear: both; margin-left: 0; } #similarVehicles .boxDefault { border: 1px solid #CCCCCC; clear: both; display: block; } #similarVehicles .fontDefault { color: #333333; cursor: default; font: 12px/18px Verdana,Helvetica,Arial,sans-serif; } #similarVehicles .fontLoud { color: #333333; font: bold 12px/18px Verdana,Helvetica,Arial,sans-serif; } #similarVehicles .fontHeadline { color: #333333; font: 16px/18px Tahoma; line-height: 21px; } #similarVehicles a { color: #0026B3 !important; font: bold 12px/18px Verdana,Helvetica,Arial,sans-serif; text-decoration: none; } #similarVehicles a:hover { color: #FF7500 !important; font: bold 12px/18px Verdana,Helvetica,Arial,sans-serif; text-decoration: none; } #similarVehicles .paddingTopBlockM { padding-top: 18px; } #similarVehicles .paddingBottomM { padding-bottom: 18px; } #similarVehicles .marginTopFontM { margin-top: 15px; } #similarVehicles .marginTopFontS { margin-top: 6px; } #similarVehicles .marginLeftL { margin-left: 36px; } #similarVehicles .block { display: block; } #similarVehicles.hdn { display: none; } #similarVehicles .carouselM .carouselPrevious { height: 88px; } #similarVehicles .carouselM .carouselNext { height: 88px; } #similarVehicles .carouselControls { position: relative; } #similarVehicles .carouselPrevious, #similarVehicles .carouselNext { width: 18px; position: absolute; border-color: #B2C2D1; border-style: solid; background-image: -moz-linear-gradient(top, white 0%, #e5eaf0 100%); /* Mozilla Firefox */ background-image: -ms-linear-gradient(top, white 0%, #e5eaf0 100%); /* IE10 */ background-image: -o-linear-gradient(top, white 0%, #e5eaf0 100%); /* Opera */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e5eaf0)); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-linear-gradient(top, white 0%, #e5eaf0 100%); /* Webkit (Chrome 11+) */ background-image: linear-gradient(top, white 0%, #e5eaf0 100%); /* Proposed W3C Markup */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFF', endColorstr='#E5EAF0'); /* IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFF', endColorstr='#E5EAF0')"; /* IE8/IE9 */ } #similarVehicles .carouselPrevious { border-width: 1px 1px 1px 0; -moz-left-border-radius: 3px; /* Firefox */ -webkit-left-border-radius: 3px; /* Safari, Chrome */ border-top-right-radius: 3px; /* CSS3 */ border-bottom-right-radius: 3px; /* CSS3 */ left: 0px; } #similarVehicles .carouselNext { top: 0; right: 0px; border-width: 1px 0 1px 1px; -moz-right-border-radius: 3px; /* Firefox */ -webkit-right-border-radius: 3px; /* Safari, Chrome */ border-top-left-radius: 3px; /* CSS3 */ border-bottom-left-radius: 3px; /* CSS3 */ } #similarVehicles .carouselPrevious .carouselButton { background: url("/Images/shared/icons/arrow_angle_left_default_XS.png") center 40px no-repeat; width: 18px; height: 90px; } #similarVehicles .carouselNext .carouselButton { background: url("/Images/shared/icons/arrow_angle_right_default_XS.png") center 40px no-repeat; width: 18px; height: 90px; } #similarVehicles .carouselM .carouselContent { margin: 0 36px; } #similarVehicles .carouselPrevious:hover, #similarVehicles .carouselNext:hover { background-image: none; background-color: #E5EAF0; cursor: pointer; filter: none; -ms-filter: none; } #similarVehicles .carouselPrevious .carouselButton:hover { background-image: url("/Images/shared/icons/arrow_angle_left_loud_XS.png"); } #similarVehicles .carouselNext .carouselButton:hover { background-image: url("/Images/shared/icons/arrow_angle_right_loud_XS.png"); } #similarVehicles .flexibleGrid { /*margin-bottom: -18px;*/ text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; width: 100%; } #similarVehicles .flexibleGridSpan { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #similarVehicles .flexibleGridEnd { width: 100%; display: inline-block; height: 0; line-height: 0; font-size: 0; } .ie7 .flexibleGrid { margin-bottom: 0; } #similarVehicles .boxPictureM { background: none no-repeat scroll center center #FFFFFF; } #similarVehicles .boxPictureM { height: 89px; width: 118px; } #similarVehicles .boxDefault .boxPictureM { height: 87px; width: 116px; } #similarVehicles.gridSpan8 { display: inline; float: left; margin-left: 10px; width: 646px; } #similarVehicles.gridInner { clear: both; margin-left: 0; } #similarVehicles .boxDefault { border: 1px solid #CCCCCC; clear: both; display: block; } #similarVehicles .fontDefault { color: #333333; cursor: default; font: 12px/18px Verdana,Helvetica,Arial,sans-serif; } #similarVehicles .fontLoud { color: #333333; font: bold 12px/18px Verdana,Helvetica,Arial,sans-serif; } #similarVehicles .fontHeadline { color: #333333; font: 16px/18px Tahoma; line-height: 21px; } #similarVehicles a { color: #0026B3 !important; font: bold 12px/18px Verdana,Helvetica,Arial,sans-serif; text-decoration: none; } #similarVehicles a:hover { color: #FF7500 !important; font: bold 12px/18px Verdana,Helvetica,Arial,sans-serif; text-decoration: none; } #similarVehicles .paddingTopBlockM { padding-top: 18px; } #similarVehicles .paddingBottomM { padding-bottom: 18px; } #similarVehicles .marginTopFontM { margin-top: 15px; } #similarVehicles .marginTopFontS { margin-top: 6px; } #similarVehicles .marginLeftL { margin-left: 36px; } #similarVehicles .block { display: block; } #similarVehicles.hdn { display: none; } #similarVehicles .carouselM .carouselPrevious { height: 88px; } #similarVehicles .carouselM .carouselNext { height: 88px; } #similarVehicles .carouselControls { position: relative; } #similarVehicles .carouselPrevious, #similarVehicles .carouselNext { width: 18px; position: absolute; border-color: #B2C2D1; border-style: solid; background-image: -moz-linear-gradient(top, white 0%, #e5eaf0 100%); /* Mozilla Firefox */ background-image: -ms-linear-gradient(top, white 0%, #e5eaf0 100%); /* IE10 */ background-image: -o-linear-gradient(top, white 0%, #e5eaf0 100%); /* Opera */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e5eaf0)); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-linear-gradient(top, white 0%, #e5eaf0 100%); /* Webkit (Chrome 11+) */ background-image: linear-gradient(top, white 0%, #e5eaf0 100%); /* Proposed W3C Markup */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFF', endColorstr='#E5EAF0'); /* IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFF', endColorstr='#E5EAF0')"; /* IE8/IE9 */ } #similarVehicles .carouselPrevious { border-width: 1px 1px 1px 0; -moz-left-border-radius: 3px; /* Firefox */ -webkit-left-border-radius: 3px; /* Safari, Chrome */ border-top-right-radius: 3px; /* CSS3 */ border-bottom-right-radius: 3px; /* CSS3 */ left: 0px; } #similarVehicles .carouselNext { top: 0; right: 0px; border-width: 1px 0 1px 1px; -moz-right-border-radius: 3px; /* Firefox */ -webkit-right-border-radius: 3px; /* Safari, Chrome */ border-top-left-radius: 3px; /* CSS3 */ border-bottom-left-radius: 3px; /* CSS3 */ } #similarVehicles .carouselPrevious .carouselButton { background: url("/Images/shared/icons/arrow_angle_left_default_XS.png") center 40px no-repeat; width: 18px; height: 90px; } #similarVehicles .carouselNext .carouselButton { background: url("/Images/shared/icons/arrow_angle_right_default_XS.png") center 40px no-repeat; width: 18px; height: 90px; } #similarVehicles .carouselM .carouselContent { margin: 0 36px; } #similarVehicles .carouselPrevious:hover, #similarVehicles .carouselNext:hover { background-image: none; background-color: #E5EAF0; cursor: pointer; filter: none; -ms-filter: none; } #similarVehicles .carouselPrevious .carouselButton:hover { background-image: url("/Images/shared/icons/arrow_angle_left_loud_XS.png"); } #similarVehicles .carouselNext .carouselButton:hover { background-image: url("/Images/shared/icons/arrow_angle_right_loud_XS.png"); } #similarVehicles .flexibleGrid { /*margin-bottom: -18px;*/ text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; width: 100%; } #similarVehicles .flexibleGridSpan { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #similarVehicles .flexibleGridEnd { width: 100%; display: inline-block; height: 0; line-height: 0; font-size: 0; } .ie7 .flexibleGrid { margin-bottom: 0; } #similarVehicles .boxPictureM { background: none no-repeat scroll center center #FFFFFF; } #similarVehicles .boxPictureM { height: 89px; width: 118px; } #similarVehicles .boxDefault .boxPictureM { height: 87px; width: 116px; } .iconCalculatorS { background: url("/Images/common/calculator_S.png") no-repeat scroll center 0 transparent; display: inline-block; height: 17px; margin-top: 3px; vertical-align: top; width: 14px; } .countdown-class { color: #ff7500; font: 14px/18px Verdana,Helvetica,Arial,sans-serif; } #container .overlap{position:absolute;left:0;top:0;z-index:1;}