/* yellow: #c78b2b text black: #53534a h2: #455560 h3: #959484 lt blue/grey: #adb8bf dk stone: #82827b */ @font-face { font-family:'DINWeb'; src: url('../fonts/DINWeb-modified.eot'); src: url('../fonts/DINWeb-modified.eot?#iefix') format('embedded-opentype'), url('../fonts/DINWeb-modified.woff') format('woff'); font-weight: normal; font-style: normal; } /************************ * STANDARD ELEMENTS ************************/ html, body {margin:0; padding:0; height:100%; /*sf*/} body {font-size:76%; font-family:Arial, Helvetica, sans-serif; color:#53534a; background:#dfe0e1 url(../images/back-top.png) repeat;} p {font-size:1.07em; margin:0 0 12px 0; line-height:1.2; text-align:left;} div {position:relative;} .main-i li {margin-bottom:5px;} /* LINKS */ a {color:#c78b2b; text-decoration:none;} p a {padding:0 3px; } p a:active, p a:focus, p a:hover {background:#DFE0E1;} #footer p a:active, #footer p a:focus, #footer p a:hover {background:#898989;} .HomePage a, #announcement a, #reports a {color:#455560; text-decoration:none;} a, a:focus, a:active {outline:none;} /* Removes the dotted line around links */ a img {border:none;} /* HEADERS */ h1 {color:#fff; line-height:1.1em; font-size:2.1em; font-weight:normal; margin:12px 17px; text-transform:uppercase; font-family:DINWeb, "Arial Narrow", Arial, Helvetica, sans-serif; } .main-i h1 {color:#455560; font-size:1.5em; line-height:1.1; font-weight:normal; margin:0 0 10px 0;} h1 span {color:#B7B7B0;} h2 {color:#455560; font-size:1.25em; font-weight:700; margin:0 0 10px 0;} h3 {color:#959484; font-size:1.25em; font-weight:700; margin:0 0 10px 0;} h4 {color:#455560; line-height:1em; font-size:1em; font-weight:normal; margin:0 0 10px 0; } /* GENERAL CLASSES */ .unviewable {position:absolute; display:block; height:10px; width:10px; left:-999em; top:-999em; overflow:hidden;} /* Hides the element from view */ .small {font-size:0.9em; margin-bottom:15px;} .white-border {border:1px #fff solid;} .clear {clear:both;} /* HOVERS & FOCUS & EXTRAS */ .Apple-style-span {background:#ffe0ee; color:#ff0000;} input:focus, textarea:focus {background:#fefef4; } ::selection { background:#eaebec; } ::-moz-selection { background:#eaebec; } /************************ STRUCTURAL ************************/ /* GENERAL / MULTI-USE */ #container {min-width:980px; height:100%;/*sf*/} .wrapper {margin:0 auto;width:980px; height:100%;} #content .wrapper { overflow:auto; padding-bottom: 150px; background:#fff;}/*sf*/ /* CONTENT PANES */ #content {position:relative; margin:0; padding:0; width:100%; min-height:100%;/*sf*/ background:url(../images/back.png) 50% 0 repeat-y; /* no z-index */} #content #side {width:275px; float:right; } .HomePage #content #side {width:275px; float:left; margin:0 0 0 -980px;} .InvestorCenter #content #side2 {width:275px; float:left; margin:0 0 0 -275px;} #content #main {float:left; min-height:365px;} #content #main .main-i {margin:0 0 40px 17px;} #content #main .withSidebar {width:660px;} /*#content #main .main-i {margin:0 290px 40px 13px; width:677px; }*/ .HomePage #content #main .main-i {margin:0 0 0 290px; width:690px; } .InvestorCenter #content #main .main-i {margin:0 383px 0 17px; width:290px;} #content #main .inner {margin-bottom:100px;} .HomePage #content #main .inner {height:360px; padding-top:320px;} /* FOOTER */ #footer {width:100%; height:150px; margin-top:-150px;/*sf*/ overflow:hidden; clear:both;/*sf*/ z-index:2; background:url(../images/footer.png) no-repeat 50% 0;} /* PRESENTATIONAL */ /************************ * ANNUAL REPORT 2010 ************************/ /************************ * LOGO BAR ************************/ #header {height:280px; width:980px; } .HomePage #header {height:360px;} #header #head-image {position:absolute; display:block; right:0; top:0; } #header h3 {position:absolute; display:block; width:169px; height:121px; left:196px; top:0px; margin:10px 0 0; padding:0; z-index:35;} #header a {display:block;} #header a:hover {text-decoration:none;} #header #logo-left {position:absolute; left:0; top:80px; width:275px; height:185px; background:#455560;z-index:20;} .HomePage #header #logo-left {height:265px;} #header #align-bottom {position:absolute; width:275px; bottom:0;} #header #logo-image {position:absolute; right:0; top:80px; width:690px; height:185px; z-index:20; background:#455560; overflow:hidden; } .HomePage #header #logo-image {height:265px; background-color:#455560; } /************************ * MAIN NAVIGATION ***********************/ /*Menu positioning*/ #navigation {position:absolute; top:0; height:80px; width:100%; color:#455560; z-index:30;} #navigation .wrapper {width:980px;} /* Main level links styles */ #mainnav {float:right; height:80px; padding:0; margin:0 40px 0 0; line-height: 1;} #mainnav li {height:80px; font-size:1em; float:left; cursor:default; list-style:none; } #mainnav a {font-size:1.1em; display:block; text-decoration:none; color:#455560; height:45px; width:80px; padding:35px 0 0 0; line-height:45px; text-align:center; font-weight:700;} #mainnav ul { display:block; position:absolute; z-index:33; width:13em; margin:0 0 0 0; padding:5px 0 10px; background:url(../images/nav-lvl2-back.png) repeat;} #mainnav ul li { height: auto; width:100%;} #navigation #mainnav ul a { height:16px; display:block; width:12.439em; /* don't ask why we need this. */ overflow:hidden; line-height:16px; padding:0 1em; background:none;font-size:0.9em; text-align:left; font-weight:normal;} #mainnav a:hover, #mainnav .hover a, #mainnav a:focus {color:#c78b2b;} #mainnav .current a, #mainnav .section a {color:#c78b2b;} #mainnav .current ul a, #mainnav .section ul a {background:none; font-weight:normal; color:#455560;} #mainnav .dropdown a:hover, #mainnav .dropdown a:focus {color:#c78b2b;} #mainnav .dropdown:hover ul a, #mainnav .dropdown:focus ul a, #mainnav .section:hover ul a, #mainnav .section:focus ul a, #mainnav .section.hover ul a {color:#455560;} #navigation #mainnav ul a:hover, #navigation #mainnav ul a:focus, #navigation #mainnav ul .hover a { color:#c78b2b;} #navigation #mainnav .section .current a, #navigation #mainnav .section .section a { color:#c78b2b} #navigation #mainnav ul .hover>a {color:#c78b2b;} #mainnav li:hover>ul, #mainnav li.hover>ul, #mainnav a:focus+ul, #mainnav .section ul, #mainnav .current ul, #mainnav .hover a:focus { margin-left: 0; } /* MAIN MENU - HORIZ #mainnav ul { display:block; position: absolute; z-index:33; left:290px; padding:0 0 0 85px; width:605px; background:url(../images/nav-lvl2-back.png) repeat;} #mainnav ul li { height: auto; } #navigation #mainnav ul a { height:30px; width:auto; font-size:0.95em; line-height:30px; padding:0 10px; background:none;} */ /************************ * GENERAL PAGE ***********************/ .highlight {color:#455560; line-height:1.25em; font-size:1.65em; margin:0 0 20px 0; } .HomePage .highlight {color:#c78b2b; line-height:1.25em; font-size:1.65em; font-weight:700; margin-right:200px;} /************************ * ALL FORMS ************************/ form {display:block; position:relative; width:375px; padding:20px; background:#82827b;} form input.checkbox {border:none;} form div.field {position:relative;} form h3 {margin:20px 0 10px; clear:both;} form p {margin:0 0 10px; color:#fff;} form .help {margin:0 0 10px 100px; font-size:0.8em; margin-top:-5px;} form #Remember {margin-left:10px;overflow:hidden;} form #Remember input {margin:0 10px 0 0; float:left; width:auto; } form #Remember label {width:auto; margin-top:2px; float:left; } form #ForgotPassword {position:absolute; line-height:29px; height:2.1em; top:0; right:100px; padding:0 10px; text-decoration:none; } form #ForgotPassword a {text-decoration:none; color:#fff; font-weight:700; } form .hiddenField {display:none;} /* hides spam protection field */ form fieldset {border:none; margin:0; padding:0} form input, form textarea, form select {border:#fff 1px solid; margin:0;font-size:0.95em; font-family:Arial, Helvetica, sans-serif; color:#53534a; padding:10px 10px 5px; width:350px;} form div.field {clear:left; margin-bottom:10px;} form label {display:block; width:90px; line-height:1.2; margin-top:0.2em; font-weight:bold; color:#fff;} form div.optionset {overflow:hidden;} form .optionset input, form .checkbox input {width:auto;} form ul.optionset label {width:auto !important;} form .checkbox label {display:inline;} form ul.optionset {margin-left:170px;} form ul.optionset li {clear:left; list-style:none;} form ul.optionset li input {float:left; margin:0.2em 5px 0 0; } form div.optionset ul {padding:0; list-style:none; margin:0; overflow:hidden;} form .checkbox input, form .optionset input {border:0;} /* JS hover classes */ form .no-label input, form .no-label textarea {margin-top:8px; color:#707070;} form .no-label .non-default, form .no-label .non-default {color:#53534a;} /* Required */ form span.required, form span.message, form label.required, form label.message {background:#FBD9D9;display:block;line-height:1.1em;padding:3px 10px; margin:0 0 5px 0; width:352px} form .optionset span.required, form .optionset span.message, form .optionset label.required, form .optionset label.message {position:absolute;right:80px;width:auto;} /* Action */ form .Actions {margin:10px 0 10px 0; padding:0; border:0; text-align:right; width:372px;} form .Actions input {color:#fff;background:#d5a00f; border:#d5a00f 1px solid; padding:5px 20px; font-size:1em; text-align:center; cursor:pointer; width:auto;} form .Actions input:hover, form .Actions input:focus, form .Actions input:active {color:#d5a00f; background:#fff; } /************************ * HOME ***********************/ #home-globe {float:right;} #home-globe a {display:block;} #home-globe img {margin-bottom:12px} .HomePage .main-i p {margin-right:200px;} /************************ * SIDEBARS ***********************/ #announcement, #share, #subscribe, #sidenav, #rss, #reports {background:#adb8bf; padding:14px 17px; margin:0 0 15px;} #announcement {padding-bottom:6px;} #announcement h2, #reports h2, #share h2, #subscribe h2, #sidenav h2, #rss h2 {font-weight:700; font-size:1.1em; text-transform:uppercase; margin:0 0 5px;} #announcement ul, #announcement li, #reports ul, #reports li {list-style:none; margin:0 0 8px; padding:0;} #announcement strong, #reports strong {display:block; line-height:1; color:#fff; font-weight:700;} #announcement ul a, #announcement ul span, #reports ul a, #reports ul span {display:block; padding:2px;line-height:1;} #announcement ul a:hover strong, #reports ul a:hover strong {color:#c78b2b;} #share {height:115px; padding:0; overflow:hidden; padding-left:120px; background:#ced7dd;} #side #share h2 {margin:18px 0 11px;} #back-stock {width:96px; height:115px; display:block; position:absolute; left:0; top:0; background:#dfe0e1 url(../images/back-stock.png) no-repeat;} #share ul, #share ul li {margin:0; padding:0; list-style:none;} #share ul li a {line-height:30px; display:block; font-size:1.07em;} #side #share ul li a:hover, #side #share ul li a:focus {color:#c78b2b; } #share ul li a img {margin:0 0 -2px 10px;} #share #asx a {} #share #tsx a {} #subscribe {background:#82827b;} #subscribe h2 {color:#fff; margin-bottom:5px;} #subscribe form {width:auto; padding:0; background:none;} #subscribe form fieldset {margin:0; padding:0; border:none;} #subscribe form input {width:219px; } #subscribe form div.field {margin:0;} #subscribe form #URL {display:none;} #subscribe form label {} #subscribe form .Actions {width:auto;} #subscribe form .Actions input {width:80px; right:0; cursor:pointer; margin:5px 0; padding:5px 0;} #subscribe form .validation-error, #subscribe form .holder-validation input {background:#FBD9D9;} #subscribe form .required, #subscribe form .validation {color:red; display:block;} /* Required */ #subscribe form span.required, #subscribe form span.message, #subscribe form label.required, #subscribe form label.message {background:#FBD9D9;display:block;line-height:1;padding:3px; margin:0; width:249px} #subscribe form .optionset span.required, form .optionset span.message, form .optionset label.required, form .optionset label.message {position:absolute;right:80px;width:auto;} /************************ * UNSUBSCRIBE ***********************/ .UnsubscribePage #content #main .main-i {margin-left:290px;} #Unsubscribe_EmailAddressForm_EmailAddressForm {width:650px;} #Unsubscribe_EmailAddressForm_EmailAddressForm fieldset input {width:628px;} #Unsubscribe_EmailAddressForm_EmailAddressForm .Actions {width:650px;} #subscribe a {display:block; position:absolute; margin:-36px 0 0 9px; font-size:0.95em; padding:1px 3px; color:#fff;} #subscribe p {color:#FFFFFF;font-weight:700;margin:0 0 60px;padding:5px;} #subscribe a:active, #subscribe a:focus, #subscribe a:hover {background:#6e6e68;} #Unsubscribe_MailingListForm_MailingListForm_NotSubscribedToLabel, #Unsubscribe_MailingListForm_MailingListForm_SubscribedToLabel {width:auto; margin:0 0 10px 0;} /************************ * PAGE SIDE IMAGES ***********************/ #side-images {margin:0 0 15px;} #content .floating {margin:0; padding:0; width:275px; text-align:right; font-size:0.9em;} #content .floating dt {background:#82827b; padding:10px 10px 10px 0;} #content .floating dd {margin:0 0 15px 0; padding:0 10px 10px; font-weight:700; text-transform:uppercase; background:#82827b; color:#fff;} #content .floating a {display:block; position:relative; background:#fff url(../images/image-side.png) no-repeat 0 0;} #content .floating a:hover img, #content .floating a:focus img {filter:alpha(opacity=75);-moz-opacity: 0.75;-webkit-opacity: 0.75;opacity: 0.75;} /************************ * SECOND LEVEL NAVIGATION ***********************/ #sidenav, #rss {padding:20px 25px; min-height:90px; background:#bac3c8;} #sidenav ul {margin:0; padding:0; list-style:none;} #sidenav a {background:url(../images/announce-bullet.png) no-repeat 3px 4px; display:block; line-height:1; padding:3px 3px 3px 14px; margin-bottom:2px; color:#455560; } #sidenav a:hover, #sidenav a:focus, #sidenav .current a, #sidenav .selected a {font-weight:700;} /************************ * Footer ***********************/ #footer .wrapper {color:#fff;} #footer a {color:#fff;} #vanity {height:150px;} #vanity p {margin:0; line-height:1.1em; font-size:0.95em; text-align:right; } #vanity #author {position:absolute; bottom:7px; right:0; width:38em; text-align:right; } /************************ * WYSIWYG EDITOR ALIGNMENT CLASSES ************************/ #content p.left {text-align:left;} #content p.center {text-align:center;} #content p.right {text-align:right;} #content p img.center {margin:0 auto 10px auto; display:block} #content p img.right {float:right; margin:0 0 10px 20px;} #content p a.right {float:right; padding:0;background:none;} #content img.large {margin-top:-40px;margin-right:-10px;} #content img.leftAlone {text-align:left; display:block; margin-bottom:10px;} #content img.left {float:left; margin-right:20px;} #content p.MsoNormal, #content p.MsoBodyText {margin: 0;} /************************ * STAFF MEMBER ***********************/ .staff-member {margin-bottom:30px; } .staff-member-photo {padding:0 0 0 175px; min-height:170px;} .staff-member h2 {margin-bottom:0;} .staff-member .staff-qual {padding-left:15px; color:#959484;} .staff-member img {position:absolute; display:block; left:0; top:0;} /************************ * TABLES (goes with tables js and table_header.png) ***********************/ table {padding: 0;margin: 0 0 20px 0; min-width:500px; max-width:660px;} table caption {padding:6px 2px;color:#455560; font-size:1.2em; font-weight:bold;text-align:left;} /* Table caption style */ table th, table thead tr td, table tfoot tr td {font-weight:700; font-size:1.1em;color: #fff; padding: 6px 6px 6px 12px;background:#82827b;} /* Header style */ table tfoot th, table tfoot tr td {font-size: 1.1em;color: #fff; padding: 6px 6px 6px 12px;background: #82827b} /* FOOTER style */ table tr td {background: #e9eaeb;padding: 6px 12px;} /* Row style */ table p {margin:0; } /* Removes margin from paragraphs in tables */ table strong {color:#455560; font-size:1.1em;} .table-row-highlight {} /* For the CMS Editor */ .table-row-highlight td, .table-cell-highlight {font-weight:700; background:#ced7dd;} .table-white td {background:#fff; height:15px; line-height:15px; padding:0;} .tablenotes {list-style:none; margin:0 0 20px; font-style:italic;} /************************ * Two Col Layout ***********************/ .TwoColPage #content #main .main-i, .UserDefinedForm #content #main .main-i {margin:0 0 40px 17px; width:967px; } .TwoColPage .leftColumn {float:left; width:48%;} .TwoColPage .rightColumn {float:right; width:48%;} .UserDefinedForm .leftColumn {float:left; width:275px;} .UserDefinedForm .rightColumn {float:right; width:690px;} /************************ * ANNOUNCEMENT PAGES ***********************/ #content #report-nav {border:1px solid #003f68; margin:0 0 20px 0; overflow:hidden; background:#cee2ef; color:#3E3E3E; } #report-nav dd, #report-nav dt {list-style:none; display:block; float:left; margin:0; line-height:2.5em; } #report-nav dt {margin-right:5px;padding:0 0 0 10px;} #report-nav a:hover {} #report-nav a {line-height:2.5em;padding:0 5px;} .newslist {padding:0; margin:0; list-style:none; clear:left; width:660px} .newslist p {margin-right:0;} .newslist li {height:2.5em; overflow:hidden; line-height:2.5em; position:relative;} .newslist li.odd {background:#f7f7f7} .newslist .newslist-date {display:block;position:absolute; left:5px; top:0;} .newslist a, .newslist .newslist-nofile {display:block; padding:0 100px; color:#455560;} .newslist a:hover, .newslist a:focus {background:#CED7DD;} .newslist .newslist-size {display:block;position:absolute; right:5px; top:0; width:90px; text-transform:uppercase; } .newslist acronym {cursor:pointer;} #content #rss {background:#ced7dd; } #content #rss p {line-height:1.2; } #content #rss a img {position:absolute; top:50%; margin-top:-8px; left:2px;} #content #rss a {text-align:left;display:block; } #content #rss a:hover, #content #rss a:focus {background:#BAC3C8; } #content #rss .download-link {text-decoration:none; font-size:1.1em; padding:2px; position:relative; min-height:16px;} #content #rss .download-link strong {margin-left:21px; display:block;line-height:16px;} .InvestorCenter #sidenav {padding:10px 10px 20px; background:#ced7dd;} /************************ * EMPLOYMENT HOLDER ***********************/ .jobslist {padding:0; margin:0 0 30px; list-style:none; clear:left;} .jobslist h2 {margin:0;} .jobslist h2 a, .nolink {display:block; padding:0.6em 15px; } .jobslist .location {position:absolute; right:15px; color:#53534a; top:0.9em; text-transform:uppercase; font-size:0.7em;} .jobslist p {margin:5px 0 0 15px; padding-bottom:10px;} .jobslist .Summary {margin:5px 80px 10px 15px;padding:0;} .jobslist li {position:relative; overflow:hidden;} .jobslist li.odd {background:#F7F7F7; } .jobslist .cdate {display:block;position:absolute; left:5px; top:0;} .cover {position:absolute; display:block; top:0; left:0; text-indent:-999em; width:100%; height:100%; background:url(../images/blank.gif); padding:0; margin:0;} /* background required for IE 5-8 and Opera. Don't get me started. */ .cover:hover, .cover:focus {background-color:#455560; filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15; } /************************ * PROJECTS ***********************/ .HotSpotImagePage #content #main .main-i {margin:0 0 40px 0; width:980px; } .HotSpotImagePage .highlight {} .HotSpotImagePage .highlight em {font-style:normal; color:#959484;} .HotSpotImagePage .highlight strong {font-weight:normal; color:#c78b2b;} .HotSpotImagePage .highlight-caption {line-height:1.3; font-size:1.1em; color:#959484; } .HotSpotImagePage .highlight-caption strong {color:#455560; } .HotSpotImagePage .project {position:absolute; width:215px; top:0; left:17px; height:365px; z-index:20;} .HotSpotImagePage .project .help {line-height:1.3; font-size:1.1em; text-align:right; color:#455560;margin-top:40px; padding-right:14px; background:url(../images/announce-bullet.png) no-repeat right 50%; } #overview-map {z-index:19; margin:0 0 0 289px;} #overview-map a {position:absolute; padding:0; margin:0; display:block; text-indent:-999em; overflow:hidden;z-index:21; cursor:pointer;} #overview-map a:hover,#overview-map a:focus,#overview-map a:active {z-index:22;} #overview-map dl, #overview-map dd, #overview-map dt {padding:0; margin:0; } /************************ * IMAGE GALLERY ***********************/ .ImageGalleryPage h3 {margin:20px 0} .ImageGalleryPage #content #main .main-i {margin-left:0;} #gallery {} #gallery, #gallery li {padding: 0; margin: 0; list-style: none; line-height: 1;} #gallery {overflow:hidden; margin:10px 0;} #gallery li {float:left; margin:0 15px 15px 0; width:200px; background:#455560;} #gallery a {padding:0; display:block; position:relative; color:#fff;} #gallery p {font-size:0.95em; height:2.5em; padding:5px 5px 0; background:#fff; margin-bottom:0;} #gallery a span {display:block; position:absolute; left:0; top:0; width:95px; height:70px; } #gallery a:hover, #gallery a:focus, #gallery a:active {filter:alpha(opacity=75);-moz-opacity: 0.75;-webkit-opacity: 0.75;opacity: 0.75;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxContent{margin-top:32px;} #cboxLoadedContent{background:#455560; padding:1px;} #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;} #cboxLoadingOverlay{background:#455560;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/colorbox/controls.png) 0 0 no-repeat;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}