BODY { margin:0px; padding:0px; width:100%; font-family: arial, helvetica, sans; font-size:0.72em; line-height:1.25em; color:#868788; height:100%; background:#ffffff; } ::-moz-selection{background:#000000;color:#ffffff;} ::selection {background:#ffffff;color:#868788;} IMG {border:0px;} A:link {color:#868788;text-decoration:none;} A:visited {color:#868788;text-decoration:none;} A:active {color:#868788;text-decoration:none;} A:hover {color:#000000;text-decoration:none;} H1, H2, H3, H4, H5 {margin:0px;padding:0px;color:#000000;font-size:100%;} P {line-height:14px;padding-top:0px;margin-top:0px;padding-bottom:5px;margin-bottom:5px;} UL {list-style-type:none;padding:0px;margin:0px;} LI {margin:0px;padding:0px;list-style-type:none;} FORM {margin:0px;padding:0px;} INPUT, SELECT, TEXTAREA {font-size:100%;font-family:arial, helvetica, sans;margin:0px;padding:0px; border:0px} INPUT[type=text]:focus,INPUT[type=password]:focus,TEXTAREA {outline:0 none;} TEXTAREA {resize: none;} *|*:-moz-any-link:focus {outline-width: 0 !important;} /* --- structure --- */ #container {width:990px;font-size:11px;min-height:543px;position:relative;margin:0px;text-align:left;background:#ffffff;padding:5px 0px 65px 0px;} #header {height:125px;position:relative;}/*height:155px;*/ #contactDetails {width:275px;height:120px;float:left;display:inline;margin-left:-243px;background:url(../../images/nexus-logo-on.gif) right top no-repeat #ffffff;cursor:pointer;z-index:999;position:relative;}/*height:149px*/ #contactDetails DIV {float:left;margin-left:51px;line-height:14px;} #contactDetails DIV:hover {cursor:text;} /*#contactDetails DIV SPAN {color:#000000;}*/ #contactDetails IMG {float:right;} #contactDetails IMG:hover {cursor:pointer} UL#mainNav {position:absolute;left:51px;} UL#mainNav LI , UL#mainNav UL LI {width:115px;} UL#mainNav UL LI {width:120px;margin-right:5px;} UL#mainNav UL {text-transform:none;position:absolute;left:115px;top:0px;height:101px;display:none;width:562px;background:#ffffff;} .navWork UL LI, .navDirectors UL LI, .navNews UL LI {float:left;height:15px;background:#ffffff;display:block;} UL#mainNav .navAbout UL, UL#mainNav .navLogin UL {padding-top:58px;height:32px;} UL#mainNav .navServices UL {height:56px;padding-top:42px;} UL#mainNav .navSuperWall UL {height:40px;padding-top:29px;} UL#mainNav .navSuperWall UL li.here a, UL#mainNav .navServices UL li.here a {color:#30C214} UL#mainNav LI.here UL {display:block;} UL.navLogin LI {width:228px;} UL.navLogin LI .uname, UL.navLogin LI .pword {border-bottom:4px solid #c0c0c0;margin-bottom:7px;padding:0px 0px 3px 0px;} UL.navLogin LI .uname:hover, UL.navLogin LI .pword:hover {border-bottom:4px solid #30C214;} .loginBox {width:158px;border:0px;color:#000000;padding-left:70px;} #username {background:url(../../images/login-username_bg.gif) 0px 2px no-repeat; border-bottom:4px solid #B6B6B6;padding-top:1px;} #password {background:url(../../images/login-password_bg.gif) 0px 2px no-repeat; border-bottom:4px solid #B6B6B6;padding-top:1px; margin: 10px 0} #username:hover, #username:focus, #password:hover, #password:focus {background-position:0 -13px; border-bottom:4px solid #30C214} #recaptcha_response_field{background:transparent url(../../images/login-captcha_bg.gif) no-repeat scroll 0 2px;border-bottom:4px solid #B6B6B6;padding-top:1px;margin:10px 0} #recaptcha_response_field:hover, #recaptcha_response_field:focus {background-position:0 -13px;border-bottom:4px solid #30C214;} .loginButton{float:right;font-weight:bold;color:#aa6666;padding:3px 10px} .loginButton:hover{color:#ff4444;cursor:pointer;} UL#mainNav LI.logOut {position:absolute;right:-793px;top:0;text-align:right} LI.here A {color:#000000;} LI.here LI A {color:#868788;} LI.here LI A:hover {color:#000000;} LI.here LI A:visited {color:#868788;text-decoration:none;padding-left:12px;background:url(../../images/icon_visited_off.gif) left center no-repeat;} LI.here LI A:visited:hover {color:#000000;} #search {position:absolute;right:31px;bottom:40px;width:235px;border-bottom:4px solid #c0c0c0;padding:0px 0px 3px 0px;} #searchBox {width:168px;border:0px;color:#000000;background:url(../../images/search_bg.gif) 0px 2px no-repeat;padding-left:50px;} #search:hover, #search.activated {border-bottom:4px solid #30c214;} #search:hover #searchBox, #search.activated #searchBox {background-image:url(../../images/search_bg_on.gif);} #content, #contentProject {width:939px;padding:0px 0px 13px 51px;position:relative;float:left;display:inline;} #content.home {padding-left:0px;width:990px;} #content IMG {display:block;} .highlight {color:#6a646a;} /* --- colours --- */ .colour1, UL#mainNav .colour1 A:hover, UL#mainNav .here.colour1 A {color:#ff5fff} .colour2, UL#mainNav .colour2 A:hover, UL#mainNav .here.colour2 A {color:#b0b5da} .colour3, UL#mainNav .colour3 A:hover , UL#mainNav .here.colour3 A {color:#e8b8be} .colour4, UL#mainNav .colour4 A:hover , UL#mainNav .here.colour4 A {color:#2aff00} .colour5, UL#mainNav .colour5 A:hover , UL#mainNav .here.colour5 A {color:#18501a} .colour6, UL#mainNav .colour6 A:hover , UL#mainNav .here.colour6 A {color:#ffe71a} .colour7, UL#mainNav .colour7 A:hover , UL#mainNav .here.colour7 A {color:#2ab3b3} .colour8, UL#mainNav .colour8 A:hover , UL#mainNav .here.colour8 A {color:#ff1acb} .colour9, UL#mainNav .colour9 A:hover , UL#mainNav .here.colour9 A {color:#ff031a} .colour10, UL#mainNav .colour10 A:hover , UL#mainNav .here.colour10 A {color:#92833a} .colour11, UL#mainNav .colour11 A:hover , UL#mainNav .here.colour11 A {color:#d5ff42} .colour12, UL#mainNav .colour12 A:hover , UL#mainNav .here.colour12 A {color:#7faba8} .colour13, UL#mainNav .colour13 A:hover , UL#mainNav .here.colour13 A {color:#a3e8ff} .colour14, UL#mainNav .colour14 A:hover , UL#mainNav .here.colour14 A {color:#6f237c} .colour15, UL#mainNav .colour15 A:hover , UL#mainNav .here.colour15 A {color:#ff921a} .colour16, UL#mainNav .colour16 A:hover , UL#mainNav .here.colour16 A {color:#366abf} UL#mainNav .here.colour1 A:visited {background:url(../../images/nav-visited-c1.gif) left center no-repeat;} UL#mainNav .here.colour2 A:visited {background:url(../../images/nav-visited-c2.gif) left center no-repeat;} UL#mainNav .here.colour3 A:visited {background:url(../../images/nav-visited-c3.gif) left center no-repeat;} UL#mainNav .here.colour4 A:visited {background:url(../../images/nav-visited-c4.gif) left center no-repeat;} UL#mainNav .here.colour5 A:visited {background:url(../../images/nav-visited-c5.gif) left center no-repeat;} UL#mainNav .here.colour6 A:visited {background:url(../../images/nav-visited-c6.gif) left center no-repeat;} UL#mainNav .here.colour7 A:visited {background:url(../../images/nav-visited-c7.gif) left center no-repeat;} UL#mainNav .here.colour8 A:visited {background:url(../../images/nav-visited-c8.gif) left center no-repeat;} UL#mainNav .here.colour9 A:visited {background:url(../../images/nav-visited-c9.gif) left center no-repeat;} UL#mainNav .here.colour10 A:visited {background:url(../../images/nav-visited-c10.gif) left center no-repeat;} UL#mainNav .here.colour11 A:visited {background:url(../../images/nav-visited-c11.gif) left center no-repeat;} UL#mainNav .here.colour12 A:visited {background:url(../../images/nav-visited-c12.gif) left center no-repeat;} UL#mainNav .here.colour13 A:visited {background:url(../../images/nav-visited-c13.gif) left center no-repeat;} UL#mainNav .here.colour14 A:visited {background:url(../../images/nav-visited-c14.gif) left center no-repeat;} UL#mainNav .here.colour15 A:visited {background:url(../../images/nav-visited-c15.gif) left center no-repeat;} UL#mainNav .here.colour16 A:visited {background:url(../../images/nav-visited-c16.gif) left center no-repeat;} UL#mainNav .colTop {margin-top:-90px;} UL#mainNav .col2 {margin-left:125px;} UL#mainNav .col3 {margin-left:250px;} UL#mainNav .col4 {margin-left:375px;} UL#mainNav .col5 {margin-left:500px;} /* --- home --- */ #latestStories {position:relative;min-height:415px;} #storyHolder {width:908px;height:180px;margin:108px 0px 0px 51px;position:relative;overflow:hidden;} #storyHolder UL {width:100px;min-height:165px;} #storyHolder LI {width:218px;min-height:165px;float:left;display:inline;margin-left:12px;} #storyHolder LI:first-child {margin-left:0px;} #storyHolder LI SPAN {font-weight:bold;} /* --- blogs, wall, reels & scroll window for blogs / projects--- */ #bodyCopy, #film, #print, #research, #interactive, #wPage, #bodyCopyProject, #project {float:left;display:inline;min-height:400px;position:relative;} #bodyCopy, #bodyCopyProject {width:208px;padding-right:10px;margin:0px 5px 0px 0px;height:auto;}/*margin:-6px*/ #bodyCopy H1, #bodyCopyProject H1 {margin:0px 0px 16px 0px;} #film, #print, #research, #interactive, #project {border-left:1px solid #939598;} .blogStory #film, .blogStory #print, .blogStory #integrated, #project {min-width:228px;} .reels #film, .reels #print, .reels #research, .reels #interactive {min-width:111px;} .reelHome .rhPage {min-width:111px;} .wall #wPage {min-width:57px;clear:none;min-height:400px;} #wPage LI, .rhPage LI {float:left;display:inline;margin:5px;position:relative;width:101px;} /* #film LI, #print LI, #research LI, #interactive LI, .wPage LI, .rhPage LI {float:left;display:inline;margin:5px;position:relative}*/ .reels #film ul, .reels #print ul, .reels #research ul, .reels #interactive ul, .blogStory #film ul, #project ul {-moz-column-gap: 0px;-webkit-column-gap: 0px;height:388px;margin-top:5px;} #film LI, #print LI, #research LI, #interactive LI, #project LI {min-height:87px;width:101px;margin:0px 5px 10px 5px;} .blogStory #film ul, #project ul {height:399px;margin-top:0px;padding-top:5px;padding-bottom:3px;} .blogStory #film LI, .blogStory #print LI, .blogStory #research LI, .blogStory #integrated LI, #project LI {width:218px;margin:0px 5px 10px 5px;} .reelHome .rhPage LI {width:101px;margin:0px 10px 10px 0px;min-height:87px;} .wall #wPage LI {width:52px;margin:0px 5px 5px 0px;} #film H2, #print H2, #research H2, #interactive H2, #project H2 {margin-left:5px;} .blogStory #itemWrapper, #contentProject #itemWrapper {width:690px;} .reels #itemWrapper {width:672px;} .reelHome #itemWrapper {width:888px;margin-top:13px;} .wall #itemWrapper {width:912px;margin-top:13px;min-height:400px;} #itemWrapper {min-height:413px;float:left;overflow:auto;position:relative;margin-top:0px;}/*margin-top:-6px;*/ #items, #itemsProject {position:absolute;left:0px;top:0px;z-index:3;} #itemsRH {position:absolute;left:0px;top:0px;z-index:3;} #loadingCover {width:100%;height:99%;background:url(../../images/ajax-loader.gif) 50% 50% no-repeat #ffffff;position:relative;display:none;z-index:20;} .wall #loadingCover {height:97%;} /* --- controls & metadata loupe --- */ #storyControls {margin:35px auto;width:122px;height:12px;position:relative;clear:both;display:none;} .home #storyControls {margin:35px 0px 0px 450px;} #storyControls .inactivePrev {color:#cccccc;width:12px;height:12px;float:left;display:block;background:url(../../images/arrow-inactive-left.gif) 0% 50% no-repeat;} #storyControls .inactiveNext {color:#cccccc;width:12px;height:12px;float:left;display:block;background:url(../../images/arrow-inactive-right.gif) 0% 50% no-repeat;} #storyControls .txt {float:right;display:block;line-height:100%;color:#cccccc;} #storyControls .txt .txtNext.activated, #storyControls .txt .txtPrev.activated {color:#868788;cursor:pointer;} #storyControls .txt .txtNext.activated:hover, #storyControls .txt .txtPrev.activated:hover{color:#000000;} #storyControls .prev {position:absolute;left:0px;width:12px;height:12px;float:left;display:none;} #storyControls .next {position:absolute;left:12px;width:12px;height:12px;float:right;display:block;} #storyControls .prev.activated {cursor:pointer;background:url(../../images/arrow-active-left.gif) 0% 50% no-repeat;color:#868788;} #storyControls .next.activated {cursor:pointer;background:url(../../images/arrow-active-right.gif) 0% 50% no-repeat;color:#868788;} #storyControls .prev.activated:hover {background:url(../../images/arrow-active-left_on.gif) 0% 50% no-repeat;color:#000000;} #storyControls .next.activated:hover {background:url(../../images/arrow-active-right_on.gif) 0% 50% no-repeat ;color:#000000;} /* #storyControls .prev:hover {color:#cccccc;cursor:default;} #storyControls .next:hover {color:#cccccc;cursor:default;} */ .reels #storyControls, .blogStory #storyControls, .wall #storyControls {position:absolute;bottom:0px;right:307px;z-index:5;margin:0px;display:none;} .blogStory #storyControls {right:33px;} .wall #storyControls {bottom:-13px;right:420px;display:block;} .wall #storyControls .prev.activated.pagin {display:block;} #storyControls.pages1 {display:none;} .reels #storyControls SPAN, .blogStory #storyControls SPAN, .wall #storyControls SPAN{cursor:pointer;} .reelControls {position:absolute;bottom:0px;left:280px;text-indent:-9999px;width:50px;height:17px;} .reelControls #playAll {float:left;display:inline;height:17px;width:17px;margin:0 5px 0 0;background:url(../../images/icon_play_active.gif) 50% 50% no-repeat;z-index:1;} .reelControls #addToFaves{float:left;display:inline;height:17px;width:17px;background:url(../../images/icon_favourite.gif) 50% 50% no-repeat;z-index:20;} .blogStory .reelControls {bottom:0px;} .player .reelControls {bottom:3px;} .reelControls #playAll:hover{background:url(../../images/icon_play_active_on.gif) 50% 50% no-repeat;} .reelControls #addToFaves:hover{background:url(../../images/icon_favourite_on.gif) 50% 50% no-repeat;} #addToFaves.controlFaves {position:absolute;left:506px;bottom:12px;} .wall #addToFaves {display:none;} .wall #addToFaves.controlFaves {display:block;} .metaDetails {width:130px;min-height:57px;padding:10px;background:url(../../images/loupe_bg.png);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;position:relative;} .metaDetails IMG {float:left;display:block;margin-right:10px;} .metaDetails P {font-size:10px;width:130px;text-align:left;line-height:12px;color:#ffffff;float:left;display:block;} .metaDetails.proj {width:245px;height:120px;} .metaDetails.proj P {width:245px;font-size:95%;line-height:140%;} .metaDetails.proj .context {border-top:1px solid #ffffff;width:100%;padding-top:5px;margin-top:6px;display:block;} #cluetip-inner.wtype .metaDetails {width:245px;} #cluetip .metaDetails {display:block;} .cluetip-default {background:transparent;} .cluetip-default #cluetip-outer {position: relative;margin:0px; background:transparent;} .cluetip-default #cluetip-inner {padding:10px;} #wallFilters {width:342px;height:20px;position:absolute;left:165px;top:103px;z-index:200;} #wallFilters UL, #wallFilters LI {background:none;} #wallFilters LI {margin-bottom:3px;} #wallFilters .filter {float:left;display:inline;width:114px;margin-right:5px;font-weight:bold;} #wallFilters .filter H2 {display:block;border-bottom:4px solid #c0c0c0;padding:0px 0px 2px 12px;background:url(../../images/wall-arrow-off.gif) 0% 50% no-repeat;cursor:pointer;color:#868788;} #wallFilters #fFirst.filter h2:hover, #wallFilters #fFirst.filter:hover h2 {color:#fbb03f;background-image:url(../../images/wall-arrow-first-hover.gif);border-bottom:4px solid #fbb03f;} #wallFilters #fSecond.filter h2:hover, #wallFilters #fSecond.filter:hover h2 {color:#802258;background-image:url(../../images/wall-arrow-second-hover.gif);border-bottom:4px solid #802258;} #wallFilters #fThird.filter h2:hover, #wallFilters #fThird .filter:hover h2 {color:#f8008c;background-image:url(../../images/wall-arrow-third-hover.gif);border-bottom:4px solid #f8008c;} #wallFilters .filter h2.selected {color:#000000;background-image:url(../../images/wall-arrow-select.gif);border-bottom:4px solid #000000;} #wallFilters #fFirst.filter h2.selected:hover {color:#fbb03f;background-image:url(../../images/wall-arrow-first-on.gif);border-bottom:4px solid #fbb03f;} #wallFilters #fSecond.filter h2.selected:hover {color:#802258;background-image:url(../../images/wall-arrow-second-on.gif);border-bottom:4px solid #802258;} #wallFilters #fThird.filter h2.selected:hover {color:#f8008c;background-image:url(../../images/wall-arrow-third-on.gif);border-bottom:4px solid #f8008c;} #wallFilters .results {display:none;background:url(../../images/searchResults_bg.png);padding:5px 0px 2px 2px;} #wallFilters .allCats {display:none;} #wallFilters .filter:hover .results {display:block;} #wallFilters .filter .results A, #wallFilters .filter:hover .results A {border-bottom:0px;font-weight:normal;background:none;padding-left:0px;} #wallFilters #fFirst.filter .results A {color:#fbb03f;} #wallFilters #fSecond.filter .results A {color:#802258;} #wallFilters #fThird.filter .results A {color:#f8008c;} #wallFilters #fFirst.filter .results A:hover, #wallFilters #fSecond.filter .results A:hover, #wallFilters #fThird.filter .results A:hover {background:none;border-bottom:0px;color:#000000;} .wall img.indicator {bottom:0;float:left;position:absolute;right:0;z-index:1;} /* --- media player --- */ #mediaPlayerWrapper, #projectWrapper, #mediaPlayerWrapper2 {width:100%;height:0px;background:#ffffff;position:absolute;left:0px;bottom:0px;z-index:15;} #projectWrapper {width:100%;height:0px;background:#ffffff;position:absolute;left:0px;top:0px;z-index:15;} #mediaPlayerWrapper H2, #mediaPlayerWrapper2 H2 {position:absolute;left:280px;padding-left:12px;background:url(../../images/icon_expand.gif) left 2px no-repeat;color:#000000;margin:0px;} #mediaPlayerHolder, #mediaPlayerHolder2 {width:640px;height:392px;position:absolute;left:280px;top:30px;background:#ffffff;z-index:20;} #mediaPlayerHolder .contentURL, #mediaPlayerHolder2 .contentURL {display:none;} #mediaMetaData, #mediaPlayerReel, #mediaMetaData2 {width:228px;height:300px;padding-right:10px;margin:0px;position:absolute;left:280px;top:15px;z-index:10;background:#ffffff;} #mediaPlayerReel {top:0px;height:360px; width:265px;} .wall #mediaPlayerReel {overflow:hidden;} #mediaPlayerReel .titles, #mediaPlayerReel H3 {display:none;background:none;} #mediaMetaData, #mediaMetaData2 {width:213px;padding-right:15px;} #mediaPlayerReel LI, #mediaPlayerReel IMG {width:52px;height:29px;margin:0px 5px 5px 0px;float:left;display:inline;} #mediaMetaData H3, #mediaMetaData2 H3 {color:#868788;padding-left:12px;background:url(../../images/icon_expand.gif) left 2px no-repeat;width:500px;margin:0px;} #mediaMetaData H4, #mediaMetaData2 H4 {color:#868788;margin-bottom:20px;} #mediaPlayerWrapper H2:hover, #mediaMetaData H3:hover {cursor:pointer;color:#000000;background:url(../../images/icon_expand_on.gif) left 2px no-repeat;} #mediaMetaData H3.selected, #mediaPlayerWrapper H2.selected, #mediaMetaData2 H3.selected, #mediaPlayerWrapper2 H2.selected {background:none;padding-left:0px;width:213px;} #mediaMetaData H5, #mediaMetaData2 H5 {color:#868788;} #mediaPlayerClose, #projectClose {position:absolute;left:908px;top:1px;width:12px;height:12px;text-indent:-9999px;z-index:200;} #projectClose {left:943px;top:-12px;} #mediaPlayerClose A, #projectClose A {background:url(../../images/icon_close-player_on.gif) no-repeat;display:block;width:12px;height:12px;} /*#mediaPlayerClose A:hover {background:url(../../images/icon_close-player_on.gif) no-repeat;display:block;}*/ /* --- player page ---*/ .player #mediaPlayerWrapper2 {height:428px;z-index:1;} .player #mediaPlayerHolder2 {z-index:2;} .player #mediaMetaData2 {left:51px;} .player #mediaPlayerWrapper2 H2 {background:none;padding-left:0px;} .player #mediaMetaData2 H3, .player #mediaMetaData2 H4 {background:none;padding-left:0px;} .player #mediaPlayerWrapper2 H2:hover {color:#000000;cursor:default;} .player #mediaMetaData2 H3:hover, .player #mediaMetaData2 H4:hover {cursor:default;color:#868788;background:none;} #dummyFavHold {visibility:hidden;} /* --- project page ---- */ #projectWrapper #contentProject {display:none;} /* --- playlist --- */ #playlist {background:url(../../images/searchResults_bg.png) repeat scroll;z-index:20;position:absolute;bottom:0px;left:51px;width:908px;height:40px;border-bottom:4px solid #b6b6b6;margin-bottom:0px;}/*margin-bottom:5px;*/ #playlist #controlBar {width:54px;padding-left:58px;position:absolute;left:0px;bottom:0px;font-size:11px;background:url(../../images/playlist_label.gif) 0px 3px no-repeat;height:17px;} #controlBar #numberItems {position:absolute;left:62px;bottom:1px;color:#ff40cb;} #controlBar #goPlayAll {position:absolute;right:5px;top:0px;width:17px;height:16px;display:block;text-indent:-9999px;} #controlBar #goPlayAll A {background:url(../../images/icon_play.gif) no-repeat;display:block;width:17px;height:16px;} #controlBar #goPlayAll.active A {background:url(../../images/icon_play_active.gif) no-repeat;} #controlBar #goPlayAll.active A:hover {background:url(../../images/icon_play_active_on.gif) no-repeat;} #playlist .instructions {position:absolute;left:114px;bottom:1px;display:none;} #playlist .actionIcons {position:absolute;right:0px;bottom:0px;} #playlist ul {height:33px;width: 3000px; }/*position:absolute;left:114px;bottom:2px;*/ #playlist ul li {float:left;display:inline;margin:29px 0px 0px 5px;width:52px;height:29px;padding-top:4px;position:relative;} #playlist ul li.colour1 {background:#ff5fff} #playlist ul li.colour2 {background:#b0b5da} #playlist ul li.colour3 {background:#e8b8be} #playlist ul li.colour4 {background:#2aff00} #playlist ul li.colour5 {background:#18501a} #playlist ul li.colour6 {background:#ffe71a} #playlist ul li.colour7 {background:#2ab3b3} #playlist ul li.colour8 {background:#ff1acb} #playlist ul li.colour9 {background:#ff031a} #playlist ul li.colour10 {background:#92833a} #playlist ul li.colour11 {background:#d5ff42} #playlist ul li.colour12 {background:#7faba8} #playlist ul li.colour13 {background:#a3e8ff} #playlist ul li.colour14 {background:#6f237c} #playlist ul li.colour15 {background:#ff921a} #playlist ul li.colour16 {background:#366abf} #playlist ul li.colour17 {background:#ff031a} #playlist ul li IMG {width:52px;height:29px;} #myWrapper {width:741px;position:absolute;left:114px;bottom:2px;padding-top:7px;height:33px;overflow:hidden;} .drophover {background:#eeeeee;} ul#myItems li.whiteout {background:none;} #playlist ul li .deleteMe {width:9px;height:9px;right:-2px;top:0px;position:absolute;background:url(../../images/icon_deleteme.png);display:none;} #playlist ul li:hover {cursor:pointer;} #playlist ul li.whiteout:hover .deleteMe {display:block;cursor:pointer;} #playlist ul li.whiteout:hover .deleteMe:hover {background:url(../../images/icon_deleteme_on.png);} .confirmBox {position:absolute;top:-80px;height:79px;left:-45px;margin-bottom:17px;width:152px; background:transparent url(../../images/dialog_box.png) no-repeat scroll center top;display:none;z-index:21 } #addSomeItems{left:-63px} .confirmBox p {color:#cc3333;font-weight:bold;margin:8px 10px 5px;text-align:center;width:132px;} .confirmBox a {-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #EEEEEE;display:inline;float:left;margin:-5px 0 0 24px;padding:3px;} .confirmBox a:hover {background-color:#5FCAFF;color:#fff} .confirmBox a#confirm:hover {background-color:#cc3333;color:#fff} /* --- about, work for nexus & contact us --- */ .about #bodyCopy {width:790px;margin-left:114px;padding-bottom:13px;} .about #bodyCopy h1 {margin:0px 0px 10px 0px;} .about strong {color:black} .systemMessage ul li {list-style-type:decimal-leading-zero;margin:6px 25px;width:300px; color:#CC3333;} UL.contact {float:left;clear:both;} UL.contact LI:first-child, UL.contact LI.firstContact, UL.contact LI:first-child A, UL.contact LI.firstContact A {font-size:11px;color:#000000;} UL.contact LI {width:218px;margin-bottom:8px;font-size:9px} .visitDetails {width:396px;float:left;display:inline;margin:-25px 0px 0px 10px;} .jmap {width:394px;border:1px solid #b6b6b6;height:267px;margin:10px 0px 10px 0px;clear:both;} .legalStatement {font-size:90%;line-height:120%;margin-top:-10px;} .copyBox {float:left;display:inline;width:218px;} .copyBox p {line-height:150%} .copyBox strong, .copyBox b {color:black} .copyBox.wide {width:450px;} .copyBox p a {text-decoration:underline;} .jobList {float:left;display:inline; margin-left:10px;} .jobList ul {position:relative;z-index:2;width:558px;margin:0px;padding:0px;} ul.jobList li{width:548px;color:#000000;border-bottom:1px solid #ccc;float:left;display:inline;margin:0px;padding:10px 0 7px;} ul.jobList li:hover{background:#eeeeee} ul.jobList li.last {border-bottom:0px;} .jobListing {float:left;width:328px; padding:7px 0 2px;display:inline} .jobListing h3 {color:#999999} .jobListing p {width:330px!important; margin:7px 0!important; color:#868788} ul.jobList li.jobListing {float:left;width:328px; padding:7px 0 2px; background-color:white} ul.jobList li.jobListing h3 {color:#999999} ul.jobList li.jobListing p {width:330px!important; margin:7px 0!important; color:#868788} .jobTitle {float:left;font-weight:bold; width:100px; padding-left:2px} .jobDescription {float:left; width:335px} .jobActions {color:#ccc;float:right;display:inline; width:100px; margin:0 0 0 10px} .entryBox {width:233px;border:0px;color:#000000;background:transparent; padding:2px 0} .entryBox:hover {background:#efefef} .jobLabel {font-weight:bold;color:#868788; letter-spacing:0.3px;float:left;width:95px; padding:2px 0} #coveringLetter {width:327px; height:75px;} .jobInfo {margin-left:228px;} .about h2.selected { background:url(../../images/wall-arrow-select.gif) 0px 2px no-repeat; border-bottom:4px solid #000000; color:#000000; padding-left:15px; width:313px;display:block;} .about span.selectedDescription {color:#868788; margin-left:10px} .about .filter {z-index:200;cursor:pointer;width:328px;position:relative;} .about .results {width:328px;display:none;background:url(../../images/searchResults_bg.png);padding:5px 0px 2px 0px;z-index:210;} .about .results ul {border-color:#aaa; border-style:none solid solid; border-width:0 1px 1px; margin:-5px 0; padding:3px 0; width:326px;} .about .results LI {width:322px; margin:0 0 3px 3px;background:transparent } .about .results li a {width:322px; display:block} .about .results A {border-bottom:0px;font-weight:normal;background:transparent;padding-left:0px;font-weight:bold} .about .results A:hover {background:none;border-bottom:0px;color:#000000;} .about div.filter:hover div.results {display:block;position:absolute;} /* --- Multifile uploading styles --- */ div.MultiFile-label {margin:margin:2px 6px; clear:both; float:left;margin:0 7px;} a.MultiFile-remove {color:#cc6666; font-weight:bold;margin:0 4px 0 0;float:left; font-size:12px;} a.MultiFile-remove:hover {color:red} .MultiFile-title , .MultiFile-title:visited{font-weight:bold;color:black} .MultiFile-title:hover {color:black} .MultiFile-wrap input, .MultiFile-wrap input:focus {border-bottom:1px solid black} .MultiFile-wrap {margin: 0} a.add:hover, span.addPlus:hover {color:green} span.addPlus {font-size:30px; color:#66cc66; font-weight:bold;float:left;margin:1px 4px 0 0;display:inline;padding:3px 0;} .submitTag {background-color:#33CC00; border:0 none; color:white; cursor:pointer; display:inline; float:right; font-weight:bold; margin:2px 0; padding:4px 4px 5px; width:120px;} /* additional file stuff */ div.fileinputs {background:transparent url(../../images/file-upload.gif) no-repeat scroll 4px -13px;height:16px;margin:10px 0 5px;position:relative; } div.fileinputs:hover{background-position:4px -1px; } div.fakefile { position: absolute; top: 0px; left: 0px; z-index: -1; background:transparent; height:0px} div.fileinputs input.file {position:relative; text-align:left; -moz-opacity:0 ;filter:alpha(opacity: 0);opacity: 0;z-index: 2;margin:0} div.fileinputs input {margin:2px 0 0;background:transparent;z-index:-1 } input#uploadJobFile {margin:0 0;} /* --- reel mail --- */ #reelMailContainer {height:0; margin:0; width:907px; bottom:0px; position:absolute; border-bottom:4px solid #b6b6b6;z-index:100; } #reelMailContainer form#freeform {position:relative;background:transparent url(../../images/reel_tile.gif) repeat scroll 0 0;border-top:5px solid white;height:283px;margin-top:8px;} #goReelMail {background:transparent url(../../images/mail_icons.gif) no-repeat scroll 0 13px; display:block; float:left; height:27px; margin:-7px 4px 0; width:15px;} #goReelMail:hover, #goReelMail.activeClick {background-position:0px -14px; height:18px; margin:1px 4px 0; width:15px;} #goReelMail.activeMail, #goReelMail.activeMail:hover {background-position:0px -32px; height:27px; margin:-5px 4px 0;} #goDeleteAll, #goDeleteAll:visited {background:transparent url(../../images/bin_icons.png) no-repeat scroll 0 -40px; display:block; float:left; height:21px; width:15px;} #goDeleteAll:hover {background-position:0px -21px;} #goDeleteAll:active, #goDeleteAll.activeDelete, #goDeleteAll.activeDelete:hover {background-position:0px -1px;} #reelMailContainer p.announce {color:#000000;font-size:13px;letter-spacing:0.2px;margin:10px auto 0;width:804px;} #reelMailContainer form#freeform ul.reelMailFields {display:block;float:left;margin:0 -20px 0 35px;padding:0 10px 6px;width:355px;} #reelMailContainer form#freeform ul.reelMailFields li{background:transparent none repeat scroll 0 0; border-bottom:2px dashed #6699CC;color:#6699CC;float:left;height:20px;padding:12px 7px 5px;width:333px;margin:1px 0} #reelMailContainer form#freeform ul.reelMailFields li label{float:left;font-weight:bold;letter-spacing:0.3px;padding:4px 0;width:80px;} #reelMailContainer form#freeform ul.reelMailFields li label.error{background:#6699CC none repeat scroll 0 0;border:4px solid #EFEFEF;color:white;float:right;margin:-29px -10px;min-height:29px;padding:4px 1px;text-align:center;width:90px; -moz-border-radius:10px;-webkit-border-radius:10px; -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);} #reelMailContainer form#freeform ul.reelMailFields li input{background:transparent none repeat scroll 0 0; border:0 solid red;color:#6699CC;font-weight:bold;letter-spacing:0.5px;margin-top:-2px;padding:6px 2px 4px;width:249px;} #reelMailContainer form#freeform ul.reelMailFields li input:hover{background-color:#C6EAFC} textarea#reelmailmessage{border:2px dashed #6699CC; color:#6699CC;font-weight:bold;height:180px;margin:23px 0 0 -2px;padding:3px;width:332px;} input.reelSubmit{background-color:#339900;border:0 none;bottom:13px;color:white;cursor:pointer;display:inline;float:right;font-size:14px;font-weight:lighter;margin:2px 0;padding:3px 4px 4px;position:absolute;right:15px;width:75px;} input.reelSubmit:hover{background-color:#33CC00;} #confirmSent{background:url(../../images/ajax-loader.gif) 50% 50% no-repeat #ffffff;border:0 solid;height:285px;position:absolute;top:13px;width:907px;z-index:100;text-align:center} #confirmSent h1{display:none;background:white none repeat scroll 0 0;height:15px;margin:122px auto;padding:12px 0;} /* --- footer --- */ .cleaner {clear:both;height:1px;line-height:1px;} .wrappy{border-top:4px solid #b6b6b6;} .wrappy{width:908px;height:1px;background:transparent;position:absolute;left:51px;bottom:0px;z-index:1;}