body { margin: 0; padding: 0; font: 12px/15px 'Trebuchet MS', sans-serif; color: black; background: white; text-align: center; background: transparent url('../images/layout/background/background1.jpg') no-repeat fixed center top; } a { color: blue; text-decoration: none; } a:hover { text-decoration: underline; } input, textarea, select { margin: 0; padding: 0; font-size: 12px; font-family: inherit; } fieldset { margin: 0; padding: 0; border: none; } legend { margin: 0; padding: 0; display: none; } img { margin: 0; border: 0; } form { margin: 0; } p, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } ul.reset, ul.reset li { margin: 0; padding: 0; } ul.reset li { list-style: none; } table { border-collapse: collapse; } table, th, td { margin: 0; padding: 0; } table caption { display: none; } .hr hr { display: none; } div.error { color: red; } pre { margin: 20px; padding: 10px; background-color: #ffeeee; border: 1px solid red; font-family: 'Courier New', Courier, monospace; font-size: 12px; color: #333333; } /* hide addthis div */ #atffc { display: none; } /* lay out */ .center { position: relative; margin: 0 auto; width: 995px; text-align: left; } #top { position: relative; width: 100%; height: 130px; overflow: hidden; background: transparent url('../images/layout/top.png') repeat-x 0px 0px; z-index: 20; } #top p.logo a { position: absolute; top: 0; left: 20px; display: block; width: 150px; height: 110px; overflow: hidden; text-indent: -999em; outline: none; } #top p.logo a img { display: block; position: absolute; top: 20px; left: 15px; } ul#nav-top { position: absolute; top: 0; left: 130px; } form#vacancy-search-simple { position: absolute; top: 0; right: 0; } /* content */ #middle { margin: -14px 0 40px; width: 100%; overflow: hidden; min-height: 100%; } #column-left { float: left; width: 759px; } #column-right { float: right; width: 234px; } #content { margin-left: 237px; width: 522px; } .content-shadow-top { height: 4px; width: 522px; overflow: hidden; background: url('../images/layout/content-shadow-top.png') no-repeat 0 bottom; } .content-background-bottom { width: 522px; background: url('../images/layout/content-background-bottom.png') no-repeat 0 bottom; } .content-background-top { margin: 0 4px; padding: 4px 40px 41px 43px; width: 431px; /* (522 - 8) - 40 - 43 */ overflow: hidden; background: url('../images/layout/content-background-top.png') no-repeat; } /* application form */ .application-form #content { margin: 0 0 0 15px; width: 744px; } .application-form .content-shadow-top { height: 4px; width: 744px; overflow: hidden; background: url('../images/layout/content-shadow-widebody-top.png') no-repeat 0 bottom; } .application-form #content .content-background-bottom { width: 744px; background: url('../images/layout/content-background-widebody-bottom.png') no-repeat 0 bottom; } .application-form #content .content-background-top { padding: 0px 0px 43px 5px; margin: 0; width: 734px; overflow: hidden; background: url('../images/layout/content-background-widebody-top-gray-ribbon.png') no-repeat; } /* floating-left-pane */ .floating-left-pane { position: absolute; z-index: 100; top: 0px; left: 16px; } .floating-left-pane .floating-left-pane-shadow-top { height: 4px; } .floating-left-pane .floating-left-pane-background-top { padding: 4px; overflow: hidden; } /* footer */ #footer { position: fixed; bottom: 0; left: 0; clear: both; width: 100%; overflow: hidden; padding-top: 6px; height: 24px; background: transparent url('../images/layout/footer.png') repeat-x 0 0; z-index: 200; } /* admin-chat-listing */ .admin-chat-listing #top { /*display: none;*/ } /* headers */ h1 { margin: 10px 0 18px 0; line-height: 24px; font-size: 24px; font-weight: normal; text-transform: uppercase; color: #c0093f; } #content h2 { clear: both; margin: 5px 0 0 0; font-size: 12px; line-height: 16px; color: #c0093f; } /* paragraphs */ #content p { margin: 0 0 14px 0; } /* hr */ #content .hr { float: none; margin: 5px 0 14px 0; width: 470px; overflow: hidden; height: 2px; background: url('../images/content/hr-bg.gif') no-repeat 0 0; } /* lists */ #content ul { margin: 0 0 14px 0; padding: 0; } #content ul li { padding: 0 0 0 14px; background: url('../images/content/li-arrow-red.gif') no-repeat 5px 0; list-style: none; } /* anchors */ #content a { color: #c0093f; outline: none; } /* read more link */ #content .read-more-wrapper { position: relative; margin: -11px 0 11px 0; width: auto; left: 30px; overflow: hidden; } #content a.read-more { float: right; display: block; padding-right: 7px; background: url('../images/content/a-read-more-bg.gif') no-repeat 100% 1px; } /* link button */ #content .link-button-wrapper { width: auto; overflow: hidden; margin: 0 0 6px 0; } #content .link-button { float: left; height: 22px; background: url('../images/content/button-white.gif') no-repeat right bottom; } #content .link-button a { display: block; float: left; padding-left: 10px; padding-right: 10px; height: 22px; line-height: 22px; background: url('../images/content/button-white-left.gif') no-repeat left bottom; font-weight: bold; text-align: center; text-shadow: 0 1px #000; color: white; } /* right button */ #content .link-button-wrapper.right { position: relative; left: 30px; } #content .link-button-wrapper.right .link-button { float: right; clear: right; margin: 1px 0 8px 0; } /* right-pane-contact */ #right-pane-contact { position: relative; z-index: -10; margin: -4px 4px 0 4px; width: 210px; background: url('../images/content/right-pane-contact-background-bottom.gif') no-repeat left bottom; } #right-pane-contact .right-pane-contact-background-top { padding: 4px 30px 12px 14px; width: 166px; background: url('../images/content/right-pane-contact-background-top.gif') no-repeat left top; } #right-pane-contact h2 { padding-bottom: 1px; font-weight: bold; font-size: 18px; line-height: 21px; color: #c0093f; } #right-pane-contact p { font-size: 11px; line-height: 14px; } #right-pane-contact ul { padding: 4px 0; background: url('../images/content/right-pane-contact-seperator.gif') no-repeat left top; } #right-pane-contact ul li { padding: 0 0 0 8px; background: url('../images/content/li-arrow-red.gif') no-repeat; } #right-pane-contact ul li a { display: block; font-size: 11px; line-height: 14px; color: #000000; } #right-pane-contact .helpdesk-offline { margin: 2px 0 3px 0; padding: 5px 0 0 0; height: 20px; background: url('../images/content/helpdesk-offline.gif') no-repeat 20px 0; } /* agenda page */ #content ul.agenda { width:471px; } #content ul.agenda li { background: none; padding: 0; } #content ul.agenda li h2 em { font-style: normal; color: #000; } #content ul.agenda li span.location { display: block; width: 100%; overflow: hidden; } #content ul.agenda li .hr { margin-bottom: 6px; } /* content block */ #content .content-block { width: 475px; /* (471 + 4) -28 */ overflow: hidden; margin-left: -4px; } #content .content-block img { float: left; } #content .content-block .shadow-top { height: 5px; background: url('../images/content/content-block-shadow-top-bg.png') no-repeat left top; } #content .content-block .content-block-bottom { background: url('../images/content/content-block-bottom-bg.png') no-repeat left bottom; margin-bottom: 5px; padding-bottom: 5px; } #content .content-block .content-block-top { overflow: hidden; background: url('../images/content/content-block-top-bg.png') no-repeat 2px 0; padding: 0 28px 0 4px; } #content .content-block .content-block-top p { margin: 0 0 5px 20px; } #content .content-block .content-block-top img { position: relative; padding-right: 10px; } #content .content-block .content-block-top h2 { clear: none; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #c0093f; margin: 10px 0; padding-left: 20px; padding-right: 20px; } /* faq */ #content ul.faq { background: url('../images/content/hr-bg.gif') no-repeat; width: 471px; } #content ul.faq a.question { display: block; color: #000; padding: 0 40px 0 0; } #content ul.faq a.question:hover { text-decoration: none; } #content ul.faq a.question em { display: block; font-style: normal; color: #c0093f; font-weight: bold; } #content ul.faq a.question:hover em { text-decoration: none; } #content ul.faq .answer { display: none; padding: 5px 0; } #content ul.faq p { margin: 0; } #content ul.faq li { background: url('../images/content/hr-bg.gif') no-repeat center bottom; padding: 4px 20px 6px 0; } #content ul.faq li a.question { background: url('../images/content/faq-unselected-a.gif') no-repeat center right; } #content ul.faq li.sel a.question { background: url('../images/content/faq-selected-a.gif') no-repeat center right; } #content ul.faq li.sel .answer { display: block; } /* custom */ #content .faq-header h2 { padding-bottom: 5px; color: black; text-transform: uppercase; } /* div intro */ #content .intro { padding-right: 28px; } /* textpage */ #content .textpage { width: 471px; padding-right: 0; } #content .textpage .hr { margin: 8px 0; } #content .textpage .collapsable { overflow: hidden; height: 110px; } #content .textpage .collapsable .collapsable-content { overflow: hidden; } #content .textpage a.expand { display: block; width: 65px; background: url('../images/content/a-read-more-bg.gif') no-repeat 65px 1px; margin: 5px 10px 5px 0; padding-right: 10px; } #content .textpage .content-block a.expand { float: right; } #content .textpage .link-button { margin-right: 10px; } #content .textpage .box-button { float: right; } #content .textpage .paragraph { clear: both; padding-right: 28px; } /* trigger */ .trigger { padding: 0; } .trigger .trigger-shadow-top { height: 4px; width: 218px; overflow: hidden; background: url('../images/content/trigger-shadow-top.png') no-repeat 0 bottom; } .trigger .trigger-bottom { width: 218px; background: url('../images/content/trigger-background-bottom.png') no-repeat 0 bottom; padding-bottom: 12px; } .trigger .trigger-top { margin: 0 4px; width: 210px; overflow: hidden; background: url('../images/content/trigger-background-top.png') no-repeat; } .trigger a { color: #000; outline: 0; overflow: hidden; } .trigger span.title { display: block; font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 5px 10px; color: #c0093f; } .trigger span.text { display: block; margin: 2px 10px; } /* network-pane */ #network-pane { position: absolute; top: 476px; right: 0; width: 33px; /*width: 137px;/**/ height: 87px; overflow: hidden; background: url('../images/content/network-pane.png') no-repeat; cursor: pointer; text-align: left; } #network-pane.allow-hover:hover { width: 137px; } #network-pane h2 { display: none; } #network-pane ul { margin: 11px 0 0 42px; } #network-pane ul li { float: left; margin: 0 8px 8px 0; } #network-pane ul li a { display: block; width: 22px; height: 23px; } /* homepage */ .animation-container { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; background-color: white; z-index: 30; text-align: left; } object, embed { margin: 0; padding: 0; outline: 0; } /* nav-top */ ul#nav-top { padding: 48px 0 0 11px; width: 585px; height: 111px; overflow: hidden; } ul#nav-top li { display: inline; } ul#nav-top li a { float: left; display: block; padding: 0 9px; background: transparent url('../images/layout/menu-vertical-bar.gif') no-repeat top right; color: black; font-size: 11px; font-weight: bold; text-transform: uppercase; outline: none; /* letter-spacing: 0.08em; /* */ } ul#nav-top li.last a { background: none; } ul#nav-top li.sel a, ul#nav-top li a:hover { color: #c0093f; text-decoration: none; } /* nav-sub */ #nav-sub-pane .floating-left-pane-shadow-top { width: 248px; background: url('../images/menu/floating-left-pane-shadow-top.png') no-repeat 0 bottom; } #nav-sub-pane .floating-left-pane-background-bottom { width: 248px; background: url('../images/menu/floating-left-pane-background-bottom.png') no-repeat 0 bottom; } #nav-sub-pane .floating-left-pane-background-top { padding: 10px 4px 22px 23px; width: 221px; /* 248 - 4 - 23 */ background: url('../images/menu/floating-left-pane-background-top.png') no-repeat; } /* h2 */ #nav-sub-pane h2 { margin: 1px 0 4px 0; font-size: 15px; line-height: 35px; height: 35px; color: #c0093f; text-transform: uppercase; } ul#nav-sub { padding: 0 0 0 0; width: auto; overflow: hidden; } ul#nav-sub li { display: inline; } ul#nav-sub li a { display: block; margin-right: 9px; padding: 1px 0 2px 0; color: black; font-size: 12px; outline: none; } ul#nav-sub li.sel a, ul#nav-sub li li.sel a { background: transparent url('../images/menu/red-arrow-right.gif') no-repeat 100% 4px; } ul#nav-sub li.sel a, ul#nav-sub li a:hover { color: #c0093f; text-decoration: none; } ul#nav-sub li.sel li a, ul#nav-sub li.sel li a:hover { background-image: none; color: black; } /* ul#nav-sub li li.sel a, ul#nav-sub li li a:hover { color: #c0093f; background-image: url('../images/menu/red-arrow-right.gif'); text-decoration: none; } /* */ ul#nav-sub ul { padding-left: 37px; } /* nav-footer */ #footer p { font-size: 14px; line-height: 24px; padding-left: 20px; color: white; } ul#nav-footer { float: right; padding: 0 11px 0 0; width: auto; overflow: hidden; height: 24px; } ul#nav-footer li { float: left; display: block; padding: 0 9px; color: white; text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 24px; background: transparent url('../images/layout/menu-vertical-bar-footer.gif') no-repeat center right; } ul#nav-footer li.last { background: none; } ul#nav-footer li a { display: block; font-size: 11px; font-weight: bold; line-height: 24px; color: white; outline: none; } ul#nav-footer li.icons a { float: left; display: block; margin: 2px 0 0 6px; height: 19px; outline: none; font-size: 10px; line-height: 10px; } ul#nav-footer li.icons a img { display: block; } ul#nav-footer li.sel a, ul#nav-footer li a:hover { text-decoration: none; /* background: transparent url('../images/layout/menu-selected-state-footer.gif') repeat-x bottom right; /* */ } /* vacancy-search-simple form */ form#vacancy-search-advanced { padding-bottom: 20px; } form#vacancy-search-simple { padding: 46px 0 0 15px; width: 245px; /* 260 - 15 */ height: 65px; /* 111 - 46 */ overflow: hidden; background: transparent url('../images/form/vacancy-search-simple.gif') no-repeat 0px 0px; } /* weird menu */ form#vacancy-search-simple ul { position: absolute; top: 6px; left: 11px; } form#vacancy-search-simple ul li { display: inline; } form#vacancy-search-simple ul li a { padding: 0 5px; display: block; float: left; font-weight: bold; font-size: 11px; line-height: 15px; color: black; background: url('../images/form/vacancy-search-simple-vertical-bar.gif') no-repeat top right; } form#vacancy-search-simple ul li.last a { background-image: none; } form#vacancy-search-simple label em { display: none; } form#vacancy-search-simple label { position: absolute; top: 23px; left: 94px; color: white; font-size: 18px; text-transform: uppercase; letter-spacing: -0.02em; white-space: nowrap; } form#vacancy-search-simple input, form#vacancy-search-advanced input, form#vacancy-alert-trigger input { float: left; width: 149px; /* 157 - 2*4 */ /*height: 26px;*/ padding: 0 4px 1px; margin-bottom: 4px; padding: 3px 4px 1px; margin-right: 8px; background: url('../images/form/vacancy-search-simple-text-input.png') no-repeat top right; border: none; } form#vacancy-alert-trigger input { width: 118px; margin-right: 6px; background-image: url('../images/vacancy/trigger-text-input.png'); } form#vacancy-search-simple .button { float: left; } /* search-advanced */ form#vacancy-search-simple a.search-advanced { display: block; float: left; clear: both; width: 150px; margin-top: 0px; padding-left: 13px; font-weight: bold; font-size: 11px; line-height: 15px; color: black; background: url('../images/form/vacancy-search-simple-arrow-right.gif') no-repeat 3px 0; } /* labels */ input[type=checkbox] { cursor: pointer; } /* flexible submit and anchor button */ .button { float: left; background-image: url('../images/form/button-white.gif'); background-position: right bottom; } form#vacancy-search-advanced .button { float: right; margin: 2px 13px 0 0; } .button.blue { background-image: url('../images/form/button-blue.gif'); } .button button { overflow: visible; display: block; margin: 0; padding: 0 15px 0 15px; width: auto; height: 22px; line-height: 22px; background-image: url('../images/form/button-white-left.gif'); background-position: 0 -44px; background-repeat: no-repeat; background-color: transparent; border: none; font-weight: bold; color: #fff; cursor: pointer; font-weight: bold; font-size: 11px; text-align: center; text-shadow: 0 1px #000; overflow: visible; /* removes extra side padding in IE */ outline: 0; } /* safari and google chrome only - fix margins */ @media screen and (-webkit-min-device-pixel-ratio:0) { .button button { padding-left: 11px; padding-right: 12px; } } .button.blue button { background-image: url('../images/form/button-blue-left.gif'); } /* hover states */ .button:hover { background-position: right 0; } .button:hover button { background: url('../images/form/button-white-left.gif') no-repeat 0 0; } .button.blue:hover button { background-image: url('../images/form/button-blue-left.gif'); } /* active states */ .button:active { background-position: right -22px; outline: none; } .button:active button { background: url('../images/form/button-white-left.gif') no-repeat 0 -22px; text-shadow: none; } .button.blue:active button { background-image: url('../images/form/button-blue-left.gif'); } /* overrides extra padding in firefox */ button::-moz-focus-inner { border: 0; padding: 0; } /* Javascript generated select */ body.js select, body.js input.file { visibility: hidden; } div.js-select { float: left; display: block; margin: 3px 0 1px 0; height: 28px; background: url('../images/vacancy/select.png') no-repeat right top; } div.js-select a { display: block; width: 100%; } div.js-select a:hover { text-decoration: none; } div.js-select a span { display: block; padding: 7px 25px 0 11px; height: 16px; overflow: hidden; line-height: 16px; font-weight: bold; font-size: 12px; color: #000000; } div.js-select-options { padding-top: 3px; background: url('../images/form/select-options.png') no-repeat; text-align: left; } div.js-select-options div.js-select-options-bottom { height: 6px; overflow: hidden; background: url('../images/form/select-options-bottom.png') no-repeat; } div.js-select-options a { display: block; width: 100%; text-decoration: none; } div.js-select-options a.js-option-selected { font-weight: bold; } div.js-select-options a:hover span { background-color: #C0093F; text-decoration: none; } div.js-select-options a span { display: block; padding: 0 11px 0 11px; line-height: 16px; font-size: 12px; color: #000000; }/**/ /* contact form */ form#contact { margin: 5px 0 7px 0; width: 431px; overflow: hidden; } form#contact .fieldcontainer { margin: 5px 0 7px 0; width: 431px; overflow: hidden; } form#contact label { float: left; display: block; width: 115px; height: 23px; line-height: 23px; } form#contact input, form#contact textarea { float: left; display: block; border: none; color: #999; } form#contact input { padding: 3px 8px 0 8px; width: 141px; /* 157px */ height: 20px; /* 23px */ background: #fff url('../images/form/input-text-bg.gif') no-repeat top left; } form#contact textarea { padding: 4px 0 0 8px; width: 304px; /* 312px */ height: 108px; /* 112px */ background: #fff url('../images/form/textarea-bg.gif') no-repeat top left; } form#contact .button { margin: 5px 4px 7px 0; float: right; } form#contact div.error { color: #c0093f; padding-left: 115px; } textarea { font-family: 'Trebuchet MS', sans-serif; } input[type=text] { line-height: normal !important; } body.vacancy #content h1 { margin-bottom: 0px; color: #0099ff; } body.vacancy-detail #content h1 { margin-top: 19px; color: #0099ff; } body.vacancy #content a { color: #0099ff; } body.vacancy #content .link-button a { color: #ffffff; } body.vacancy #content h2 { color: #0099ff; text-transform: uppercase; } /* remove dashed line from top */ body.vacancy .content-background-top { position: relative; padding-top: 0; background-image: url('../images/layout/content-background-top-no-dash.png'); } body.vacancy-detail .content-background-top { padding-top: 0; padding-bottom: 25px; background-image: url('../images/vacancy/content-background-top-gray-ribbon.png'); } body.vacancy-detail #content ul li { background: url('../images/vacancy/arrow-next.png') no-repeat 5px 4px; } body.vacancy-detail #content h2 { text-transform: uppercase; color: #0099ff; } body.vacancy-detail #content .link-button-wrapper { margin-bottom: 20px; } /* sub-title */ #content p.sub-title { /*padding: 2px 0 0 0;*/ margin: 0 0 12px 0; font-size: 11px; line-height: 15px; color: #010000; } #content p.sub-title .highlight { color: #0099ff; } #content p.sub-title a.rss { display: inline; padding: 0 19px 0 0; background: url('../images/vacancy/rss-mini.gif') no-repeat right top; } /* mpn */ body.vacancy .mpn { position: absolute; right: 13px; font-size: 11px; line-height: 11px; } body.vacancy #content .mpn span, body.vacancy #content .mpn span a { float: left; display: block; } body.vacancy #content .mpn span.numbers a { padding: 0 2px 0 4px; background: url('../images/vacancy/mpn-number-seperator.gif') no-repeat 0 2px; color: #010000; } body.vacancy #content .mpn span.numbers a.first { background: none; } body.vacancy #content .mpn span.numbers a.sel { color: #0099ff; } body.vacancy .mpn span.previous a { padding: 0 0 0 8px; background: url('../images/vacancy/arrow-previous.png') no-repeat left 3px; } body.vacancy .mpn span.next a { padding: 0 8px 0 0; background: url('../images/vacancy/arrow-next.png') no-repeat right 3px; } /* vacancies */ table#vacancies { position: relative; left: -43px; margin: -3px 0 8px 0; width: 514px; } body.vacancy-detail table#vacancies { margin-top: 0; margin-bottom: 0; } table#vacancies th { padding: 4px 0 0 0; height: 31px; background: url('../images/vacancy/table-header.gif') repeat-x; } table#vacancies th.title { /*width: 209px;/**/ /*width: 353px;/**/ width: 303px; } /* table#vacancies th.function_group { width: 144px; } /**/ table#vacancies th.institute_service { /*width: 161px;/**/ width: 211px; } #content table#vacancies th.related-vacancies { padding: 3px 0 0 39px; font-size: 14px; line-height: 16px; font-weight: bold; color: #ffffff; } #content table#vacancies th a { display: block; padding: 0 0 0 10px; height: 31px; background: url('../images/vacancy/table-header-seperator.gif') no-repeat; font-size: 14px; line-height: 16px; font-weight: bold; color: #ffffff; } #content table#vacancies th.title a { padding-left: 43px; background: none; } #content table#vacancies th a span.title { float: left; padding: 7px 0 0 0; } #content table#vacancies th a span.image { float: left; padding: 5px 0 0 2px; } table#vacancies tr td { padding: 5px 5px 5px 9px; background: url('../images/vacancy/table-row.gif') repeat-y; vertical-align: top; font-size: 12px; line-height: 16px; } table#vacancies tr.odd td { background-image: url('../images/vacancy/table-row-odd.gif'); } table#vacancies tr td.title { padding-left: 43px; /*width: 161px;/**/ /*width: 305px;/**/ width: 255px; } table#vacancies tr td.description { padding: 0; height: 0; background: url('../images/vacancy/table-row-description.gif') repeat-y; } table#vacancies tr td.description div.description-viewport { position: relative; height: 0; overflow: hidden; } table#vacancies tr td.description div.description-container { position: absolute; padding: 5px 5px 5px 43px; } /* table#vacancies tr td.function_group { width: 130px; background-position: -209px 0; } /**/ table#vacancies tr td.institute_service { /*width: 147px;/**/ width: 197px; /*background-position: -353px 0;/**/ background-position: -303px 0; } table#vacancies td.title a { padding: 0 0 0 14px; background: url('../images/content/black-arrow-right-hover.png') no-repeat 0 -188px; font-size: 11px; font-weight: bold; text-transform: uppercase; } table#vacancies td.title a.sel, table#vacancies td.title a:hover { background-position: 0 5px; } table#vacancies tr td a.remove-result-from-cookie { display: block; float: right; padding: 0 0 0 5px; width: 40px; height: 18px; overflow: hidden; background: url('../images/vacancy/remove-result.png') no-repeat 5px 0; text-indent: -9999px; } /* vacancy-filters */ #vacancy-filters .floating-left-pane-shadow-top { width: 257px; background: url('../images/vacancy/floating-left-pane-shadow-top.png') no-repeat 0 bottom; } #vacancy-filters .floating-left-pane-background-bottom { width: 257px; background: url('../images/vacancy/floating-left-pane-background-bottom.png') no-repeat 0 bottom; } #vacancy-filters .floating-left-pane-background-top { padding: 0 4px 0 4px; width: 249px; /* 257px */ background: url('../images/vacancy/floating-left-pane-background-top.png') no-repeat; } #vacancy-filters form#vacancy-search-advanced { padding: 16px 0 10px 13px; } #vacancy-filters fieldset.keywords label { display: block; margin-bottom: 4px; width: 236px; height: 18px; overflow: hidden; text-indent: -9999px; } #vacancy-filters legend { display: none; } #vacancy-filters fieldset.filters { margin-top: 14px; } #vacancy-filters fieldset.filters label { display: block; margin-bottom: 3px; width: 236px; height: 14px; overflow: hidden; background: url('../images/vacancy/filter-op.gif') no-repeat; text-indent: -9999px; } #vacancy-filters .field-container { width: 236px; height: 32px; overflow: hidden; background: url('../images/vacancy/filter-field-seperator.gif') no-repeat top left; } #vacancy-filters .field-container label { display: none; } #vacancy-filters select { width: 226px; } body.vacancy div.js-select-options { background: url('../images/vacancy/select-options.png') no-repeat; } body.vacancy div.js-select-options div.js-select-options-bottom { background: url('../images/vacancy/select-options-bottom.png') no-repeat; } body.vacancy div.js-select-options a span { margin: 0 24px 0 0; } body.vacancy div.js-select-options a:hover span { background-color: #00acff; } #vacancy-filters .save-search-profile button { margin: 10px 0 0 0; padding: 0; width: 156px; height: 18px; background: transparent url('../images/vacancy/save-search-profile.gif') no-repeat right top; text-align: left; border: none; font-weight: bold; font-size: 11px; line-height: 18px; cursor: pointer; } #vacancy-filters .delete-search-profile button { margin: 10px 0 0 0; padding: 0; width: 156px; height: 18px; background: transparent url('../images/vacancy/delete-search-profile.gif') no-repeat right top; text-align: left; border: none; font-weight: bold; font-size: 11px; line-height: 18px; cursor: pointer; } #vacancy-filters p a.all-vacancies { display: block; padding: 5px 8px 10px 12px; width: 100px; color: black; font-weight: bold; background: url('../images/content/black-arrow-right.png') no-repeat 1px 5px; } a#function_group-0, a#institute_service-0, a#education-0, a#employment-0 { font-style: italic; } /* my-vanacies */ #my-vanacies { position: relative; z-index: 10; padding: 4px; width: 210px; height: 88px; background: url('../images/vacancy/my-vacancies.png') no-repeat; } #my-vanacies h2, #my-vanacies label { display: none; } #my-vanacies ul { padding: 34px 0 0 16px; } #my-vanacies ul li { padding: 1px 0; } #my-vanacies ul li.new-vacancies { margin-top: 14px; } #my-vanacies ul li a { display: block; padding: 0 0 0 9px; background: url('../images/vacancy/my-vacancies-menu-arrow.png') no-repeat left 3px; font-weight: bold; color: #ffffff; text-decoration: none; } #my-vanacies ul li a:hover, #my-vanacies ul li.sel a { background-position: left -13px; } #my-vanacies ul li a:hover span, #my-vanacies ul li.sel a span { text-decoration: underline; } #my-vanacies form#send-vacancy { padding-top: 51px; padding-left: 14px; } #my-vanacies form#send-vacancy input { float: left; width: 149px; /* 157 - 2*4 */ height: 19px; padding: 3px 4px 0; margin-right: 8px; background: url('../images/vacancy/vacancy-send-text-input.gif') no-repeat bottom right; border: none; } #my-vanacies form#send-vacancy .button button { padding-left: 3px; padding-right: 3px; text-transform: uppercase; } #my-vanacies p.result { padding: 47px 20px 0px 15px; } /* vacancy-detail */ body.vacancy #content ul.vacancy-navigation-bar { position: relative; margin: 0; width: 468px; height: 20px; overflow: hidden; z-index: 21; } body.vacancy #content ul.vacancy-navigation-bar li { float: right; padding: 0 5px 0 7px; background: url('../images/vacancy/mpn-number-seperator.gif') no-repeat left 6px; } body.vacancy #content ul.vacancy-navigation-bar li.print { background: none; } body.vacancy #content ul.vacancy-navigation-bar li.send { padding-top: 2px; } body.vacancy #content ul.vacancy-navigation-bar li.back { float: left; padding-left: 0; background: none; } body.vacancy #content ul.vacancy-navigation-bar li a { background: none; font-size: 11px; line-height: 20px; color: #010000; text-decoration: none; } body.vacancy #content ul.vacancy-navigation-bar li.back a, body.vacancy #content ul.vacancy-navigation-bar li a:hover { color: #0099FF; } body.vacancy #content ul.vacancy-navigation-bar li.back a { float: left; display: block; padding-left: 9px; background: url('../images/vacancy/arrow-previous.png') no-repeat left 7px; } .used-filters { font-size: 11px; } .vacancy-alert-trigger-background-bottom { margin-bottom: 4px; background: url('../images/vacancy/vacancy-alert-trigger-background-bottom.png') no-repeat; } #vacancy-alert-trigger { padding: 4px 10px 8px 13px; background: url('../images/vacancy/vacancy-alert-trigger-background-top.png') no-repeat; } #vacancy-alert-trigger h2 { padding: 2px 0 0 0; font-size: 14px; text-transform: uppercase; } #vacancy-alert-trigger p { padding: 4px 0; } #vacancy-alert-trigger .fieldcontainer { padding-top: 2px; width: 226px; overflow: hidden; } /* vacancy-alert-subscribe (lightbox) */ #vacancy-alert-subscribe { background: url('../images/vacancy/vacancy-alert-subscribe-background-top.png') no-repeat; } #vacancy-alert-subscribe .vacancy-alert-subscribe-background-top { padding: 0 15px 15px 15px; overflow: hidden; background: url('../images/vacancy/vacancy-alert-subscribe-background-bottom.png') no-repeat; } #vacancy-alert-subscribe .column { float: left; padding-right: 10px; width: 225px; } #vacancy-alert-subscribe .button { clear: left; float: right; } #vacancy-alert-subscribe h1, #vacancy-alert-subscribe h2 { color: #0099FF; } #vacancy-alert-subscribe h1 { text-transform: uppercase; } #vacancy-alert-subscribe h2 { font-size: 14px; font-weight: bold; line-height: 20px; } #vacancy-alert-subscribe div.close-wrapper { height: 20px; overflow: hidden; } #vacancy-alert-subscribe a.close { float: right; display: block; line-height: 20px; color: #0099FF; } #vacancy-alert-subscribe .fieldcontainer { padding: 2px 0; width: 225px; overflow: hidden; } #vacancy-alert-subscribe label { float: left; display: block; padding: 0 0 0 5px; width: 180px; } #vacancy-alert-subscribe .field_email { margin: 3px 0; } #vacancy-alert-subscribe input.checkbox { float: left; display: block; width: 13px; height: 13px; } #vacancy-alert-subscribe label, #vacancy-alert-subscribe input.checkbox { float: left; } #vacancy-alert-subscribe input.checkbox { clear: left; } #vacancy-alert-subscribe .hr { float: none; margin: 5px 0 14px 0; height: 2px; overflow: hidden; background: url('../images/content/hr-bg.gif') no-repeat; } #vacancy-alert-subscribe input.text { padding: 3px 8px 0 8px; width: 141px; height: 20px; background: #F8F8F8 url('../images/form/input-text-bg.gif') no-repeat; border: none; } #vacancy-alert-subscribe .submit { width: 705px; overflow: hidden; } #vacancy-alert-subscribe .error { color: red; } .at300bs.at15t_expanded, .at300bs.at15t_compact { background-position: 0 2px !important; padding-bottom: 2px !important; } /* open-application-trigger */ div#open-application-trigger { position: relative; margin: 0 0 10px 0; } div#open-application-trigger a, div#open-application-trigger span { display: block; cursor: pointer; } div#open-application-trigger a { width: 248px; height: 54px; background: url('../images/vacancy/open-sollicitatie-button.png') no-repeat; } div#open-application-trigger span.title { text-indent: -999em; overflow: hidden; } div#open-application-trigger span.link { position: absolute; top: 30px; left: 18px; font-weight: bold; color: #000; } div#open-application-trigger a:hover { text-decoration: underline; color: #000; } /* form */ #application-form-container { background: url('../images/form/application-form-gradient.gif') no-repeat 0 0; padding: 10px 0 0 13px; } form#application-form { width: 712px; overflow: hidden; padding: 0; } /* dotted line (vertical hr) */ body.application-form.step1 form#application-form { background: url('../images/form/dotted-center-line.png') repeat-y 356px 0px; } body.application-form.step2 form#application-form { background: url('../images/form/dotted-center-line.png') repeat-y 356px 0px; } /* fieldsets */ #application-form fieldset { float: left; clear: left; padding-left: 26px; width: 300px; } #application-form fieldset.address-data, #application-form fieldset.availability { float: right; clear: none; padding-right: 30px; } #application-form fieldset.motivation, #application-form fieldset.resume, #application-form fieldset.how-did-you-find { width: 456px; } /* legend */ #application-form legend { line-height: 30px; padding: 0 0 5px 0; margin: 0; font-size: 110%; font-weight: bold; display: block; } #application-form legend.hidden { text-indent: -9999px; } #application-form legend.removed { display: none; } /* fieldcontainer */ #application-form .fieldcontainer { float: left; clear: both; padding: 0 0 9px 0; width: 300px; } #application-form .fieldcontainer.select { padding-bottom: 0; } #application-form fieldset.motivation .fieldcontainer, #application-form fieldset.resume .fieldcontainer { width: 456px; } /* submit */ #application-form .submit-container { clear: both; width: 100%; } #application-form .submit-container div.button { float: right; } /* label */ #application-form .fieldcontainer label { float: left; padding: 4px 0 0 0; width: 130px; } /* fields */ #application-form .fieldcontainer input, #application-form .fieldcontainer textarea { float: right; padding: 3px 8px 0 8px; border: 0px; } #application-form .fieldcontainer input { background: #f8f8f8 url('../images/form/input-text-bg.gif') no-repeat top left; height: 20px; /* 23px */ width: 141px; /* 157px */ } #application-form .fieldcontainer textarea { padding: 4px 0 0 8px; width: 304px; /* 312px */ height: 108px; /* 112px */ background: #fff url('../images/form/textarea-bg.gif') no-repeat top left; } /* radio */ #application-form .fieldcontainer.radio input.radio { display: block; float: left; width: 13px; height: 13px; margin: 5px 9px 0 0; padding: 0; background: none; } #application-form .fieldcontainer.radio .input-container label { margin: 0 18px 0 0; width: auto; } /* (javascript) select */ #application-form .fieldcontainer select { float: right; width: 157px; background: #f8f8f8 url('../images/form/input-text-bg.gif') no-repeat top left; font-size: 11px; } #application-form .input-container { float: right; width: 157px; overflow: hidden; } #application-form .fieldcontainer.select div.js-select { float: right; width: 157px; background: url('../images/form/select.png') no-repeat; } body.application-form div.js-select-options a:hover span { background-color: #00acff; } #application-form div.js-select a span{ padding: 3px 7px 0; color: #000; font-weight: normal; font-size: 100%; } body.application-form div.js-select-options a span { display: block; padding: 0 5px 0 7px; line-height: 150%; font-size: 100%; color: #000; } /* (javascript) file upload */ #application-form .fieldcontainer.file { position: relative; } #application-form div.fakefile { position: absolute; top: 0px; left: 136px; width: 232px; z-index: 1; } #application-form div.fakefile input, #application-form div.fakefile span.button { display: block; float: left; margin-left: 8px; } #application-form div.fakefile span.button { width: 59px; height: 22px; background: url('../images/form/button-bladeren.gif') no-repeat; } #application-form .js-file-input input.file { position: relative; text-align: right; z-index: 2; float: none; width: 236px; } /* custom date */ #application-form .custom_date label.hidden { display: none; } #application-form .custom_date input { float: left; width: 21px; margin-right: 9px; padding: 3px 0 0 7px; } #application-form .custom_date input.custom_date_year { width: 32px; } /* required */ #application-form p.required-fields { font-size: 10px; clear: both; } #application-form fieldset.motivation .field_motivation_prefered_function { width: 301px; } /* viewdone container */ .viewdone-container { padding: 38px 50px 50px 15px; } /* review done */ .step4 .viewdone-container { padding: 38px 50px 50px 26px; } /* error */ div.error { width: 100%; clear: both; background: url('../images/form/expression-mark.png') no-repeat left 1px; padding: 0 0 0 17px; } /* content and layout stuff */ /* _____________________________________________________________________________________*/ /* header */ .header-container { padding-left: 15px; } /* headers */ body.application-form #content h1 { color: #000101; margin-top: 19px; } body.application-form #content h1 span { color: #0099ff; } body.application-form #content h2 { color: #0099ff; } /* hard ruler */ body.application-form #content .hr { width: 712px; margin-bottom: 6px; } /* LinkedIn button */ body.application-form #content .link-button { margin-bottom: 22px; } /* page navigation */ body.application-form #content ul.vacancy-navigation-bar { padding-left: 8px; height: 20px; margin: 0; overflow: hidden; } #content ul.vacancy-navigation-bar li.back { float: left; background: none; } #content ul.vacancy-navigation-bar li a { background: none; font-size: 11px; line-height: 20px; text-decoration: none; } #content ul.vacancy-navigation-bar li.back a, #content ul.vacancy-navigation-bar li a:hover { color: #0099FF; } #content ul.vacancy-navigation-bar li.back a { padding-left: 9px; background: url('../images/vacancy/arrow-previous.png') no-repeat left 4px; } /* tabbed navigation (steps) */ ul#tabbed-nav { height: 35px; margin: 0; padding: 0 0 0 12px; background: url('../images/form/tabbed-nav-ul-background.png') repeat-x 0px 0px; clear: both; } ul#tabbed-nav li { float: left; margin: 0; padding: 0; background: url('../images/form/tabbed-nav-tab-right.png') no-repeat right top; } ul#tabbed-nav li a { display: block; font-weight: bold; text-decoration: none; } ul#tabbed-nav li span.tab { display: block; padding: 0 10px; color: #999999; font-weight: bold; font-size: 110%; line-height: 35px; background: none; } ul#tabbed-nav li a span.tab { color: #000000; } ul#tabbed-nav li a:hover span.tab { text-decoration: none; color: #0099ff; } ul#tabbed-nav li span span { color: #0099ff; } /* sel */ ul#tabbed-nav li.preceding-sel { background: url('../images/form/tabbed-nav-background.png') repeat-x 0px 0px; } ul#tabbed-nav li.sel { background: url('../images/form/tabbed-nav-tab-right-sel.png') no-repeat right top; } ul#tabbed-nav li.sel span.tab { color: #000000; } ul#tabbed-nav li.sel span.tab { background: url('../images/form/tabbed-nav-tab-left-sel.png') no-repeat 0px 0px; } /* first */ ul#tabbed-nav li.first span.tab { background: url('../images/form/tabbed-nav-tab-left-first.png') no-repeat 0px 0px; } ul#tabbed-nav li.first.sel span.tab { background: url('../images/form/tabbed-nav-tab-left-first-sel.png') no-repeat 0px 0px; } /* last */ ul#tabbed-nav li.last { background: url('../images/form/tabbed-nav-tab-right-last.png') no-repeat right top; } ul#tabbed-nav li.last.sel { background: url('../images/form/tabbed-nav-tab-right-last-sel.png') no-repeat right top; } #map { margin-bottom: 9px; /*height: 213px;/278px;*/ height: 313px; width: 438px; border: 1px solid #b0b3af; } ul#locations { margin-top: 36px; width: 440px; overflow: hidden; background: url('../images/google-maps/location-seperator.png') repeat-y 190px 0; } ul#locations li { float: left; display: block; padding: 0 0 16px 13px; width: 207px; } ul#locations li { width: 198px; } ul#locations li.odd { clear: left; } #content ul#locations li a { display: block; color: #000000; text-decoration: none; } #content ul#locations li a span.name { display: block; font-weight: bold; } #content ul#locations li a:hover span.name { color: #c0093f; } #content ul#locations li a span.lat { display: none; } #content ul#locations li a span.lng { display: none; } #content ul#locations li a span.src { display: none; } .google-overlay { position: absolute; padding: 4px; width: 305px; height: 128px; background: url('../images/google-maps/overlay.png') no-repeat; } .google-overlay img { float: left; padding: 8px 0 0 10px; } .google-overlay span.name { display: block; padding: 4px 0 0 0; margin-left: 160px; font-weight: bold; font-size: 14px; color: #c0093f; text-transform: uppercase; } .google-overlay span.address { display: block; padding: 12px 0 0 0; margin-left: 160px; font-size: 12px; } #content .google-overlay a { position: absolute; left: 168px; top: 93px; padding: 0 0 0 10px; background: url('../images/content/a-read-more-bg.gif') no-repeat 1px 1px; font-size: 11px; font-weight: bold; color: #000000; } .js-lightbox-close { } .js-lightbox-canvas { /*background: white;*/ } /*--------------------------------------*/ /* DO NOT EDIT STYLES BELOW */ /*--------------------------------------*/ .js-lightbox-preload-container { position: absolute; left: -10px; top:-10px; width: 1px; height: 1px; overflow: hidden; } .js-lightbox-preload-container .js-lightbox-content-wrapper { position: absolute; display: block; } .js-image-lightbox, .js-gallery-lightbox, .js-lightbox { position: absolute; top: 0; left: 0; display: none; } .js-lightbox-canvas { position: absolute; overflow: hidden; text-align: left; } .js-lightbox-next, .js-lightbox-previous { position: absolute; top: 20px; display: block; overflow: hidden; text-indent: -9999px; } .js-lightbox-previous { left: 0; background-position: left 40%; } .js-lightbox-next { right: 0; background-position: right 40%; } .js-lightbox-previous, .js-lightbox-next { background-repeat: no-repeat; } /* blogger */ div.blogger { padding-right: 28px; } div.blogger img { float: left; padding: 0 10px 10px 0; } #content div.blogger h2.name { clear: none; float: left; margin: 0; font-size: 18px; font-weight: bold; line-height: 85px; color: #C0093F; } /* weblog */ div.weblog { padding-right: 28px; width: 443px; overflow: hidden; } #content div.weblog p.meta { margin-bottom: 8px; font-size: 11px; } div.weblog p.meta a { padding: 0 0 0 8px; background: url('../images/content/arrow-red-right.png') no-repeat 0 5px; font-weight: bold; } #content div.weblog h2 { margin-bottom: 3px; line-height: 20px; font-size: 18px; font-weight: bold; } #content div.weblog a.comments { color: #000000; } #content div.weblog a.read-more { float: right; display: block; margin: 0; padding: 0; background-image: url('../images/form/button-white.gif'); background-repeat: repeat-x; background-position: right bottom; text-decoration: none; } #content div.weblog a.read-more span { display: block; margin: 0; padding: 0 8px; width: auto; overflow: visible; background: transparent url('../images/form/button-white-left.gif') no-repeat 0 -44px; text-align: center; line-height: 22px; font-size: 11px; font-weight: bold; color: #ffffff; text-shadow: 0 1px #000000; text-decoration: none; cursor: pointer; outline: 0 none; } /* hover states */ #content div.weblog a.read-more:hover { background-position: right 0; } #content div.weblog a.read-more:hover span { background: url('../images/form/button-white-left.gif') no-repeat 0 0; } /* active states */ #content div.weblog a.read-more:hover:active { background-position: right -22px; outline: none; } #content div.weblog a.read-more:hover:active span { background: url('../images/form/button-white-left.gif') no-repeat 0 -22px; text-shadow: none; } #content div.weblog a.read-more span img { padding: 0 0 0 2px; } /* mpn */ body.weblog-list div.mpn { width: 440px; overflow: hidden; } body.weblog-list div.mpn span.previous { float: left; display: block; } body.weblog-list div.mpn span.previous a { padding: 0 0 0 10px; background: url('../images/content/black-arrow-left.png') no-repeat 0 1px; } body.weblog-list div.mpn span.next { float: right; display: block; } body.weblog-list div.mpn span.next a { padding: 0 10px 0 0; background: url('../images/content/black-arrow-right.png') no-repeat right 1px; } /* weblog-detail */ div.weblog-detail { padding-right: 28px; width: 443px; overflow: hidden; } body.weblog-detail #content h3 { font-weight: bold; font-size: 12px; color: #C0093F; } #content div.weblog-detail h2 { margin-bottom: 10px; line-height: 20px; font-size: 18px; font-weight: bold; } div.weblog-detail img { margin-bottom: 5px; } body.weblog-detail div.meta { width: 471px; overflow: hidden; font-size: 11px; } body.weblog-detail div.meta div.image-viewport { float: left; margin: 0 10px 0 0; width: 52px; height: 51px; overflow: hidden; } body.weblog-detail div.meta p { float: left; padding: 10px 0 0 0; } body.weblog-detail div.meta p a { padding: 0 0 0 8px; background: url('../images/content/arrow-red-right.png') no-repeat 0 5px; font-weight: bold; } /* mpn-detail */ body.weblog-detail #content ul.mpn-detail { margin: 0; padding: 0; width: 440px; overflow: hidden; } body.weblog-detail #content ul.mpn-detail li { float: left; margin: 0; padding: 0; width: 140px; background: none; } body.weblog-detail #content ul.mpn-detail li.back-to-overview { width: 160px; text-align: center; } body.weblog-detail #content ul.mpn-detail li.next { text-align: right; } body.weblog-detail #content ul.mpn-detail li.next a { padding: 0 10px 0 0; background: url('../images/content/black-arrow-right.png') no-repeat right 1px; } body.weblog-detail #content ul.mpn-detail li.previous a { padding: 0 0 0 10px; background: url('../images/content/black-arrow-left.png') no-repeat left 1px; } /* weblog-comment-form */ form#weblog-comment-form { margin: 5px 0 7px 0; width: 431px; overflow: hidden; } form#weblog-comment-form .fieldcontainer { margin: 5px 0 7px 0; width: 431px; overflow: hidden; } form#weblog-comment-form label { float: left; display: block; width: 115px; height: 23px; line-height: 23px; } form#weblog-comment-form input, form#weblog-comment-form textarea { float: left; display: block; border: none; color: #999; } form#weblog-comment-form input { padding: 3px 8px 0 8px; width: 141px; /* 157px */ height: 20px; /* 23px */ background: #fff url('../images/form/input-text-bg.gif') no-repeat top left; } form#weblog-comment-form textarea { padding: 4px 0 0 8px; width: 304px; /* 312px */ height: 108px; /* 112px */ background: #fff url('../images/form/textarea-bg.gif') no-repeat top left; } form#weblog-comment-form .button { margin: 5px 4px 7px 0; float: right; } form#weblog-comment-form div.error { color: #c0093f; padding-left: 115px; } /* comment */ div.comment { padding-top: 15px; padding-right: 28px; width: 443px; overflow: hidden; } #content div.comment p.meta { margin: 0 0 4px 0; font-size: 11px; } div.comment p.meta span { padding: 0 0 0 8px; background: url('../images/content/arrow-red-right.png') no-repeat 0 5px; font-weight: bold; color: #C0093F; } /* trigger */ div#weblog-trigger { padding: 0 0 4px 0; width: 218px; background: url('../images/weblog/trigger-bottom.png') no-repeat bottom left; } div#weblog-trigger div.weblog-content { padding: 4px; background: url('../images/weblog/trigger-top.png') no-repeat top left; } div#weblog-trigger div.weblog-content h2 { margin: 6px 10px 0; font-size: 18px; font-weight: bold; line-height: 20px; color: #c0093f; text-transform: uppercase; } div#weblog-trigger .hr { float: none; margin: 3px 0 5px 10px; width: 200px; overflow: hidden; height: 2px; background: url('../images/content/hr-bg.gif') no-repeat 0 0; } div#weblog-trigger p.title { margin: 0 10px 5px; font-size: 12px; font-weight: bold; font-style: italic; } div#weblog-trigger a.name { margin: 0 10px 5px; padding: 0 0 0 8px; background: url('../images/content/arrow-red-right.png') no-repeat 0 5px; font-size: 11px; font-weight: bold; color: #c0093f; } div#weblog-trigger p.job-title { margin: 0 10px 5px; font-size: 11px; } div#weblog-trigger a.weblog { display: block; margin: 0 10px 22px; padding: 0 0 0 8px; background: url('../images/content/arrow-red-right.png') no-repeat 0 5px; font-size: 11px; color: #c0093f; text-decoration: underline; } p.chat-status { padding: 0 10px; line-height: 25px; font-weight: bold; } p.chat-status img { vertical-align: middle; } /* start-chat-form */ form#start-chat-form { padding: 10px 10px 0; } form#start-chat-form div.text-input-container { float: left; width: 114px; height: 22px; background: url('../images/chat/input-text.gif') no-repeat; } form#start-chat-form input { margin: 0 6px 0 0; padding: 3px 4px 0 4px; width: 106px; border: none; color: #000000; background: none; } form#start-chat-form input.default { color: #999999; font-style: italic; } form#start-chat-form input.error { color: red; } form#start-chat-form .button { margin: 0 0 0 5px; } form#start-chat-form button { padding: 0px 7px; } /* chat-window */ div#chat-window { width: 473px; height: 337px; overflow: hidden; background: transparent url('../images/chat/window.png') no-repeat; } /* close button */ div#chat-window a { float: right; display: block; padding: 11px 18px 0 0; color: #ffffff; font-size: 12px; font-weight: bold; } div#chat-window h1 { display: none; } div#chat-window p.name { padding: 40px 0 0 20px; color: #ffffff; font-size: 14px; font-weight: bold; } div#chat-window label { padding: 0 0 0 20px; display: block; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 27px; } div#chat-window div.conversation-wrapper { margin: 23px 0 0 20px; padding: 2px; width: 430px; height: 144px; overflow: none; background: url('../images/chat/textarea-chat.gif') no-repeat; } div#chat-window div#conversation { padding: 10px; width: 410px; height: 124px; overflow: auto; color: #000000; font-size: 12px; } div#chat-window form { padding: 0 20px 0 0; } div#chat-window div.textarea { margin: 0 0 10px 0; width: 454px; height: 38px; background: url('../images/chat/text-input-chat.gif') no-repeat 20px 0; } div#chat-window textarea { margin: 0 0 0 20px; padding: 2px 0 2px 5px !important; width: 428px; /*434*/ height: 34px; background: transparent; border: none; line-height: 15px; } div#chat-window .button { float: right; } /* message */ span.message { line-height: 17px; } span.message span.time { color: #8b8b8b; } span.message span.chatter { font-weight: bold; } span.message span.guest { color: #c91d4b; } span.message span.employee { color: #8b8b8b; } span.message span.text { display: block; } hr { height: 1px; border: 0; background: #efefef; } /* chat-list */ div#chat-list { } div#chat-list a { display: block; } div#chat-list a.sel { color: white; background: red; } /* employee-chat-window */ div#employee-chat-window { display: none; } div#employee-chat-window form { margin: 0 0 20px 0; width: 340px; overflow: hidden; } div#employee-chat-window label { display: block; padding: 20px 0 0 0; } div#employee-chat-window a { float: right; } div#employee-chat-window textarea { clear: both; margin: 0 0 20px 0; } div#employee-chat-window div.button { float: right; } div#employee-chat-window div.conversation { height: 300px; overflow: auto; } /* aqua-bubble */ ul#aqua-bubble { width: 430px; overflow: hidden; } ul#aqua-bubble li { display: block; float: left; margin: 0 11px 11px 0; padding: 0; width: 136px; /*height: 230px;*/ overflow: hidden; background: none; } ul#aqua-bubble li.image-1 { clear: left; } ul#aqua-bubble li.last { margin-right: 0; } ul#aqua-bubble li span { color: #000; } ul#aqua-bubble li a { text-decoration: none; } /* aqua-bubble-navigation-bar */ ul#aqua-bubble-navigation-bar { width: 430px; overflow: hidden; } ul#aqua-bubble-navigation-bar li { float: left; padding: 0; background: none; } ul#aqua-bubble-navigation-bar li.back a { display: block; float: left; padding: 0 0 0 10px; background: transparent url('../images/content/black-arrow-left.png') no-repeat 0 1px; } ul#aqua-bubble-navigation-bar li.addthis { float: right; text-align: right; width: 80px; } /* aqua-bubble-mpn */ div.aqua-bubble-mpn { width: 430px; overflow: hidden; } div.aqua-bubble-mpn span.previous, div.aqua-bubble-mpn span.next, div.aqua-bubble-mpn span.numbers { display: block; float: left; width: 100px; height: 20px; } div.aqua-bubble-mpn span.numbers { width: 230px; text-align: center; } div.aqua-bubble-mpn span.next { float: right; text-align: right; } div.aqua-bubble-mpn span.previous a { padding: 0 0 0 10px; background: transparent url('../images/content/black-arrow-left.png') no-repeat 0 1px; } div.aqua-bubble-mpn span.next a { float: right; padding: 0 10px 0 0; background: transparent url('../images/content/black-arrow-right.png') no-repeat right 1px; } div.aqua-bubble-mpn span.numbers a { padding: 0 2px; } div.aqua-bubble-mpn span.numbers a.sel { font-weight: bold; }