html, body {
height: 100%;
margin: 0 0 1px;
padding: 0;
}
body { font-family:Helvetica, Arial; color:#333; background:#fff; font-size:100%; }
#page-wrapper { width:900px; margin:0 auto; padding:0 0 30px 0; background:#fff; font-size:0.9em; line-height:1.3; }
.vars { position:absolute; width:600px; height:600px; background:#000; color:white; font-family:Courier; z-index:10000; }
/********************************************/
/* */
/* Site elements */
/* */
/********************************************/
p { margin-bottom:0.5em; color:#333; }
a { text-decoration:none; color:#333; }
textarea { font-family:Helvetica, Arial; font-size:1em; line-height:1.3; color:#333; }
textarea:focus { border:1px solid red; }
h1 { font-size:1.25em; color:#f00; border-bottom:2px solid #f09; width:100%; padding-bottom:1px; font-weight:normal; clear:both; }
h2 { color:#f00; font-weight:normal; margin-bottom:5px; font-size:1.1em; }
h2 a { color:#f00; }
h2 a:hover,
h2 a.hover { background:#f09; color:#fff; padding:0 2px; }
section h3 { font-size:0.85em; color:#f00; margin:3px 0 1px; clear:both; float: left; }
body .content ul.pager { margin-left:15px; }
body .content ul.pager li { float: left; color:#666; padding:5px; }
body .content ul.pager li a { float: left; color:#666; }
body .content ul.pager li a:hover { color:#333; }
/* List styling */
.node-type-vacancy .content ul,
section.vacancies ul.vacancy-list ul,
body .content .leftCol ul,
.cke_show_borders ul { margin:0 0 1em 15px; }
.node-type-vacancy .content ul li,
section.vacancies ul.vacancy-list ul li,
body .content .leftCol ul li,
.cke_show_borders ul li { list-style: disc; padding-top: 5px; }
/********************************************/
/* */
/* Site buttons */
/* */
/********************************************/
a.seeAllNews,
a#hideShowCredits,
a.viewVideo,
a.showAll,
a.applyNow,
a.about,
a.save,
a.cancel,
a.delete,
a.edit,
a.add,
a.remove,
a.more,
a.less { float:left; /*font-size:0.8em;*/ background:#999 url(../images/more-arrow.gif) right center no-repeat; line-height:1; padding:2px 7px 1px 1px; color:#fff; text-decoration:none; }
a.showAll,
a.more,
a.less { width:7em; margin-top:10px; }
a.more { margin-right:10px; }
a.less { background-image:url(../images/less-arrow.gif); margin-right:10px; }
a.showAll:hover,
a.more:hover { background:#f09 url(../images/more-arrow.gif) right center no-repeat; }
a.less:hover { background:#f09 url(../images/less-arrow.gif) right center no-repeat; }
a.moreDisabled,
a.moreDisabled:hover { background:#bbb url(../images/more-arrow.gif) right center no-repeat; cursor:default; }
body section a.add { background:#999 url(../images/add-white.gif) 3px center no-repeat; padding:2px 1px 1px 17px; margin-right:15px; }
body section a.remove { background:#999 url(../images/remove-white.gif) 3px center no-repeat; padding:2px 1px 1px 17px; }
a.save,
a.cancel,
a.delete,
a.edit { padding-right: 18px; }
a.seeAllNews:hover,
a#hideShowCredits:hover,
a.viewVideo:hover,
a.showAll:hover,
a.viewVideo:hover,
a.applyNow:hover,
a.save:hover,
a.cancel:hover,
a.delete:hover,
a.edit:hover,
a.add:hover,
a.remove:hover,
a.about:hover { background-color:#f09; }
a.edit { margin-left:100px; }
a.delete { float:right; }
a.save { margin-left:100px; margin-right:10px; display:none; }
a.cancel { display:none; }
a.seeAllNews,
a.viewVideo,
a.applyNow,
a.about { background-image:url(../images/right-arrow-white.gif); padding-right:9px; }
a.applyNow { clear:both; }
a.download { float:right; padding-left:16px; background:url(../images/download.png) 0 3px no-repeat; margin-left:14px; margin-right:0px; }
a.continueBrowsing { float:right; padding-left:16px; background:url(../images/magnify-glass.gif) 0 0px no-repeat; margin-left:16px; margin-right:20px; }
a.editRed { color:#f00; float: left; clear: both; border-bottom: 1px dotted red; line-height: 1em; }
a.editRed:hover { background-color:#f09; color:#fff; border-color:#fff; }
a#hideShowCredits { background-image:url(../images/less-arrow.gif); padding-right:20px; margin:10px 0 20px 90px; }
a#hideShowCredits.show { background-image:url(../images/more-arrow.gif); }
a.seeAllNews { float: right; margin-bottom:30px; }
a.showDetails { float:right; padding:1px; color:#f00; text-align: right; padding-right:15px; position: relative; width:6em; }
a.showDetails span { background: url(../images/red-arrow.gif) left bottom; width:9px; height:5px; display: block; position: absolute; right:2px; top:7px; }
a.showDetails:hover { background-color:#f09; color:#fff; }
a.showDetails:hover span { background-position:right bottom; }
a.showDetails.open span { background-position: left top; }
a.showDetails.open:hover span { background-position: right top; }
.addNewItem { float:left; height:40px; background:#efefef; width:100%; }
.addNewItem a { float:left; background:url(../images/link-underline.gif) bottom repeat-x; margin:15px 0 0 20px; }
.addNewItem a span { float:left; width:11px; height:11px; background:url(../images/add.gif); margin:3px 4px 0 0; }
#edit-button-element,
#edit-cancel,
#edit-submit,
#edit-preview,
#edit-delete,
.content .button { border:1px solid grey; margin-right:15px; padding:1px 15px; background:#999; color:#fff; }
.content-add-more { margin:15px 0; float:left; clear:both; }
.content-add-more input { border:1px solid grey; margin-right:15px; padding:1px 15px; background:#999; color:#fff; margin-top:10px; }
.loggedIn { padding:20px; }
.loggedIn a { color:#f00; }
/********************************************/
/* */
/* Site layout structure */
/* */
/********************************************/
#contentArea { float:left; margin-top:-210px; width:100%; position:relative; z-index:2; }
section { float: left; margin-bottom:20px; width:100%; position:relative; }
.content { float: left; clear: both; width:900px; }
.content p a { color:#f00; }
.content p a:hover { text-decoration:underline; }
section .leftCol { float:left; width:560px; padding:30px 40px 30px 20px; }
section .rightCol { float:right; width:260px; padding:30px 20px 0px 0; }
section .rightCol img { -moz-box-shadow: 0px 4px 4px #bfbfbf; -webkit-box-shadow: 0px 4px 4px #bfbfbf; margin:0 0 30px; }
/****************************************************************************************************************************************************************/
/* */
/* Site sections / areas / pages */
/* */
/****************************************************************************************************************************************************************/
/********************************************/
/* */
/* Header - Main Nav */
/* */
/********************************************/
#locationBar { width:100%; margin:0 auto; padding-top:6px; position:relative; background:#fff url(../images/location-bar-background.gif) 0 0 repeat-x; height:1.7em; }
#locationBar .wrapper { width:900px; margin:0 auto; }
#locationBar .locationWrapper { float:right; width:300px; }
#locationBar a,
#locationBar span { float:left; text-decoration:none; font-size:0.8em; line-height:1.8; margin-right:4px; }
#locationBar span { height: 23px; background:url(../images/btn/location-bar.gif) 0 0 no-repeat; }
#locationBar a.london { color:#909090; float:right; margin:0; overflow:hidden; height:1.7em; }
#locationBar a.london span { width:17px; background-position: left top; margin:0px 4px 0 10px; }
#locationBar a.london:hover span { background-position:left bottom; }
#locationBar a.london:hover { color: #666; }
#locationBar a.amsterdam { color:#ff8e42; float:right; margin:-2px 0 0 0; overflow:hidden; height:1.7em; padding-top:2px; }
#locationBar a.amsterdam span { width:19px; background-position: -21px top; margin:-2px 4px 0 10px; }
#locationBar a.amsterdam:hover span { background-position:-21px bottom; }
#locationBar a.amsterdam:hover { color: #ff6600; }
#locationBar a.barcelona { color:#d43c2a; float:right; margin:-2px 0 0 0; overflow:hidden; height:1.7em; padding-top:2px; }
#locationBar a.barcelona span { width:22px; background-position: -41px top; margin:-2px 4px 0 10px; }
#locationBar a.barcelona:hover span { background-position:-41px bottom; }
#locationBar a.barcelona:hover { color: #cb1500; }
#locationBar a.hide { background:#999 url(../images/less-arrow.gif) right center no-repeat; color:#fff; padding:1px 17px 0 1px; line-height:1; margin:2px 0 0 0px; }
#locationBar a.hide:hover { background:#f09 url(../images/less-arrow.gif) right center no-repeat; }
#locationBar a.showTrigger { float:right; width:10px; height:18px; background:url(../images/location-bar-arrow.gif) center right no-repeat; margin:0 0px 0 0px; }
#locationBar.Glassworks a.amsterdam,
#locationBar.GlassworksAmsterdam a.london { margin:0; }
header { position: relative; }
header .site_name h1 { float:left; width:900px; height:107px; background:url(../images/glassworks-logo.gif) no-repeat; text-indent:-999em; margin-top:30px; border-bottom:0; }
header .site_name_test h1 { float:left; width:900px; height:107px; background:url(../images/glassworks-logo-test.gif) no-repeat; text-indent:-999em; margin-top:30px; border-bottom:0; }
header nav { float:left; width:100%; padding:9px 0 212px 0; overflow:hidden; clear:both; }
header nav ul { float:left; position:relative; left:50%; z-index:5000 }
header nav ul li { float:left; position:relative; right:50%; padding:10px 20px; }
header nav ul li a { text-decoration:none; color:#999; text-transform:uppercase; padding:3px 2px 0 2px; line-height:2.6; }
header nav ul li a:hover { color:#333; }
header nav ul li:hover a,
header nav ul li.hover a { color:#f09; }
header nav ul li:hover li a,
header nav ul li.hover li a { color:#999; }
header nav ul li:hover ul,
header nav ul li.hover ul { left:19px; }
header nav ul li.expanded a { background-image:url(../images/navigation-arrow-grey.gif); background-position:4px 0.6em; background-repeat:no-repeat; padding-left:12px; }
header nav ul li.expanded a:hover { background-image:url(../images/navigation-arrow-pink.gif); }
header nav ul li.expanded:hover a { background-image:url(../images/navigation-arrow-pink.gif); }
header nav ul li.expanded:hover li a,
header nav ul li.expanded.hover li a { background:#fff; }
header nav ul li.expanded li a:hover { color:#f09; }
header nav ul ul .bottomShadow { height:5px; width:100%; position:absolute; left:0px; bottom:-5px; }
header nav ul ul .sideShadow { height:105%; width:4px; position:absolute; right:-4px; top:0; }
header nav ul ul { position:absolute; background:#fff; width:142px; padding:1px; top:2.6em; left:-999em; float:left; border:1px solid #ccc; border-top:none; line-height:1; }
header nav ul ul li { float: left; width:140px; right:auto; padding:0; }
header nav ul ul li a { float: left; width:120px; text-transform:none; padding:4px 10px 3px 10px; color:#666; font-size:0.9em; line-height:1.3; }
header nav li.active-trail a { color:#f09; }
header nav li.active-trail:hover a,
header nav li.active-trail.hover a { color:#f09; }
header nav li.active-trail.expanded a { background-image:url(../images/navigation-arrow-pink.gif); }
header nav li.active-trail.expanded:hover a { color:#f09; }
header nav li.active-trail.expanded:hover ul a { color:#999; padding-left:12px; }
header nav li.active-trail.expanded:hover ul a:hover { color:#f09; }
#heroVideo { float:left; clear:both; width:900px; padding:0px 2px 5px 2px; height:340px; position:relative; background:url(../images/hero-background.gif) left 1px no-repeat; margin:0px 0 10px -2px; }
#videoPlayer { float:left; clear:both; height:406px; position:relative; background:url(../images/video-player-bg.gif) left 1px repeat-x; margin:0; position: relative; }
#videoPlayer.videoPlayer640 { width:640px; padding:27px 130px 25px 130px; }
#videoPlayer.videoPlayer720 { width:720px; padding:27px 90px 25px 90px; }
#videoPlayer.videoPlayer900 { width:900px; padding:0 0 10px 0; background:none; }
#videoPlayerInner { width:100%; height:100%; }
#videoShadowLeft { position:absolute; width:19px; top:27px; }
#videoShadowLeft img { position:absolute; top:0; left:0; height:100%; width:100%; }
#videoShadowRight { position:absolute; width:19px; top:27px; }
#videoShadowRight img { position:absolute; top:0; left:0; height:100%; width:100%; }
#videoPlayer.videoPlayer640 #videoShadowLeft { left: 111px; }
#videoPlayer.videoPlayer640 #videoShadowRight { right: 111px ;}
#videoPlayer.videoPlayer720 #videoShadowLeft { left: 71px; }
#videoPlayer.videoPlayer720 #videoShadowRight { right:71px; }
#videoPlayer.videoPlayer900 #videoShadowLeft { left: -19px; top:0; }
#videoPlayer.videoPlayer900 #videoShadowRight { right: -19px; top:0; }
/********************************************/
/* */
/* Front page */
/* */
/********************************************/
.front section .leftCol { float:left; width:900px; padding:0px; }
.front section .rightCol { display: none; }
.front section.intro { float: left; margin:0px 0 3px 0; }
.front section.intro p { font-size:1.2em; }
.front section.intro h2 { display:none; }
.front section.intro strong { color:#f00; }
.front section.intro img { margin-top:15px; border-top:1px solid #e0e0e0; padding-top:1px; }
.front section.intro a { background:url(../images/link-underline.gif) bottom repeat-x; color:#333; }
.front section.intro a:hover { background:#f09; color:#fff; padding:0 2px; text-decoration:none; }
a.addHeroVideo { float:left; clear:both; margin-bottom:10px; background:url(../images/link-underline.gif) bottom repeat-x; }
a.addHeroVideo span { float:left; width:11px; height:11px; background:url(../images/add.gif); margin:3px 4px 0 0; }
/********************************************/
/* */
/* Recent work */
/* */
/********************************************/
section.recentWork { }
.detailedPreview ul { float: left; border-bottom:1px dashed #d9d9d9; background:url(../images/section-gradient.gif) top repeat-x; width:100%; }
.detailedPreview ul li { float:left; width:260px; padding:25px 20px 0px 20px; position:relative; min-height:325px; background:url(../images/detailed-gradient.gif) top repeat-x; }
.detailedPreview ul li:hover { background:#eee url(../images/keyline-grey.gif) 0 top repeat-x; }
.detailedPreview ul img { float:left; width:260px; margin:0 0 15px; }
.detailedPreview ul p a { padding-top:1px; }
.detailedPreview ul p a:hover { background:#f09; color:#fff; padding:0 2px; text-decoration:none; }
.detailedPreview ul p { font-size:0.8em; }
.detailedPreview ul li a { position:relative; float:left; }
.detailedPreview ul li a span { position:absolute; left:2px; top:2px; width:260px; height:146px; }
.detailedPreview ul li a.hover span,
.detailedPreview ul li a:hover span { background:url(../images/play-hover.png) center center no-repeat; }
.detailedPreview ul ul { width:auto; background:none; border:0; }
.detailedPreview ul ul li { width:200px; padding:0; margin:0; min-height:0; }
.detailedPreview ul ul li a { float:left; padding:2px 1px 1px 1px; line-height:1; margin-left:-1px; background:url(../images/link-underline.gif) bottom repeat-x; }
.detailedPreview ul ul li a:hover { background:#f09; color:#fff; text-decoration:none; }
.detailedPreview li img { -moz-box-shadow: 0px 4px 4px #bfbfbf; -webkit-box-shadow: 0px 4px 4px #bfbfbf; width:260px; height:146px; }
.detailedPreview li:hover img { -moz-box-shadow: 0px 4px 3px #999; -webkit-box-shadow: 0px 4px 3px #999; }
.csstransitions .detailedPreview a.imagecache-linked span { opacity:0; -webkit-transition: opacity 0.15s ease-in; -moz-transition: opacity 0.15s ease-in; background:url(../images/play-hover.png) center center no-repeat; }
.csstransitions .detailedPreview a.imagecache-linked:hover span { opacity:1 }
.detailedPreview ul li .creditItem { float:left; width:100%; font-size:0.85em; margin-bottom:5px; color:#333; clear:both; }
/********************************************/
/* */
/* Latest news */
/* */
/********************************************/
section.latestNews { }
section.latestNews ul { float: left; border-bottom:1px dashed #d9d9d9; background:url(../images/section-gradient.gif) top repeat-x; }
section.latestNews ul li { float:left; width:260px; padding:30px 20px 20px 20px; position:relative; min-height:250px; }
section.latestNews ul li:hover { background:#f2f2f2; }
section.latestNews ul a { float: left; }
section.latestNews ul img { float:left; width:260px; margin:0 0 15px; -moz-box-shadow: 0px 4px 4px #bfbfbf; -webkit-box-shadow: 0px 4px 4px #bfbfbf; }
section.latestNews ul li p a { text-decoration:none; }
section.latestNews ul li:hover p a { color:#f00; }
.boxshadow section.latestNews ul li:hover img { -moz-box-shadow: 0px 4px 3px #999; -webkit-box-shadow: 0px 4px 3px #999; }
.no-boxshadow section.latestNews ul img { border-bottom:2px solid #bfbfbf; }
/********************************************/
/* */
/* Staff */
/* */
/********************************************/
section.people { }
ul.staff { float:left; width:100%; background:url(../images/job-gradient.gif) top repeat-x; }
ul.staff li { float:left; width:410px; position:relative; min-height:140px; padding:20px; }
ul.staff li img { -moz-box-shadow: 0px 4px 4px #bfbfbf; -webkit-box-shadow: 0px 4px 4px #bfbfbf; margin:0 0 15px; }
.staffDivider { float:left; width:900px; height:2px; clear:both; background:url(../images/staff-divider.gif) }
/********************************************/
/* */
/* Browse (search) */
/* */
/********************************************/
section.browse { }
section.browse div.wrapper { float:left; width:100%; background:url(../images/section-gradient.gif) top repeat-x; }
section.browse input { float:left; margin-right:0px; border:1px solid #ccc; height:1.9em; background:#eaeaea; padding-left:3px; }
section.browse #browseFilter { float:left; margin-right:30px; }
a.addNewJob { float:left; clear:both; margin:20px 0 0px 20px; background:url(../images/link-underline.gif) bottom repeat-x; }
a.addNewJob span { float:left; width:11px; height:11px; background:url(../images/add.gif); margin:3px 4px 0 0; }
a.deleteJob { float:right; clear:both; margin:-5px 20px 0px; background:url(../images/link-underline.gif) bottom repeat-x; }
a.deleteJob span { float:left; width:7px; height:8px; background:url(../images/delete.gif); margin:3px 4px 0 0; }
a.editItem { float:left; clear:both; margin:10px 0 10px 0px; background:url(../images/link-underline.gif) bottom repeat-x; }
a.editItem span { float:left; width:11px; height:11px; background:url(../images/edit.gif); margin:3px 4px 0 0; }
.ui-autocomplete { -moz-border-radius:0; -webkit-border-radius:0; }
section.browse .toolbar { float:left; width:860px; padding:20px; }
section.browse .toolbar a { float:left; width:30px; height:25px; background:url(../images/btn/browse-toolbar.gif); text-indent:-99em; margin-right:10px; overflow:hidden; }
section.browse .toolbar a:focus { outline:none; }
section.browse .toolbar #toolbarDetail { }
section.browse .toolbar #toolbarThumbs { background-position:-30px top; margin-right:30px; }
section.browse .toolbar #toolbarDate { background-position:-60px top; }
section.browse .toolbar #toolbarAlphabetical { background-position:-90px top; margin-right:30px; }
section.browse .toolbar #toolbarAsc { background-position:-120px top; }
section.browse .toolbar #toolbarDesc { background-position:-150px top; }
section.browse .toolbar #toolbarDetail:hover { background-position:left -25px; }
section.browse .toolbar #toolbarThumbs:hover { background-position:-30px -25px; }
section.browse .toolbar #toolbarDate:hover { background-position:-60px -25px; }
section.browse .toolbar #toolbarAlphabetical:hover { background-position:-90px -25px; }
section.browse .toolbar #toolbarAsc:hover { background-position:-120px -25px; }
section.browse .toolbar #toolbarDesc:hover { background-position:-150px -25px; }
section.browse .toolbar #toolbarDetail.active { background-position:left bottom; }
section.browse .toolbar #toolbarThumbs.active { background-position:-30px bottom; }
section.browse .toolbar #toolbarDate.active { background-position:-60px bottom; }
section.browse .toolbar #toolbarAlphabetical.active { background-position:-90px bottom; }
section.browse .toolbar #toolbarAsc.active { background-position:-120px bottom; }
section.browse .toolbar #toolbarDesc.active { background-position:-150px bottom; }
section.browse .resetSearch { float: left; clear:both; width:100%; background:url(../images/detailed-gradient.gif) 0 0 repeat-x; margin-top:-4px; padding:6px 0 2px 0; }
section.browse .resetSearch a { float: left; margin-left:21px; font-size:0.85em; line-height:22px; padding-left:22px; color:#333; background:url(../images/btn/reset.gif) 0 2px no-repeat; }
section.browse .resetSearch a:hover { color:#f09; background-position:0 -33px; }
section.browse .resultsArea { float:left; width:100%; min-height:120px; }
section.browse .resultsArea.loading { background:url(../images/loading.gif) center center no-repeat; }
section.browse .resultsArea .thumbNailView { float:left; width:893px; padding:30px 0px 30px 7px;
background:url(../images/detailed-gradient.gif) repeat-x 0 top; }
section.browse .resultsArea .thumbNailView li { float:left; width:111px; position:relative; }
section.browse .resultsArea .thumbNailView li a { float:left; position:relative; }
section.browse .resultsArea .thumbNailView li a span { position:absolute; left:12px; top:0px; width:84px; height:60px; }
section.browse .resultsArea .thumbNailView li a:hover span { background:url(../images/play-hover-small.png) center center no-repeat; }
section.browse .resultsArea .thumbNailView li img { -moz-box-shadow: 0px 4px 4px #bfbfbf; -webkit-box-shadow: 0px 4px 4px #bfbfbf; margin:0 13px 20px 13px; float:left; }
section.browse .resultsArea .thumbNailView li a.deleteJob { margin:-14px 15px 17px 0; float:right; }
section.browse .resultsArea .thumbNailView li a.deleteJob span { position:relative; float:left; width:7px; height:8px; left:0; }
section.browse .resultsArea ul.recentWork { background:none; }
section.browse .resultsArea ul.recentWork a.videoLink { float:left; }
.thumbNailView .jobDetailWrapper { display:none; background:#fff; position:absolute; width:150px; left:0; top:0; border:1px solid #666; padding:10px; margin-left:-33px; font-size:0.85em; z-index:10000000; }
.thumbNailView .jobDetailWrapper h2 a { color:red; }
.thumbNailView .jobDetailWrapper .creditItem { clear:both; }
body .ui-menu .ui-menu-item a { line-height:1.1; padding:0; }
.ui-widget { font-size:1em; }
/* Drop down styling */
div.dropdownOpts { background-color:#FFF; padding:1px 0; display:none; position:absolute; overflow-y:auto; overflow-x:hidden; z-index:50; border: 1px solid #ccc; }
a.dropdownOpt { padding:5px 20px 3px 5px; margin:0; list-style:none; display:block; white-space:nowrap; text-decoration:none; color: #000; cursor:pointer; z-index: 100; text-align:left; font-size:0.75em; color:#333; }
.optgroup div { font-weight:bold;}
.optgroup a.dropdownOpt { padding-left:10px;}
a.dropdownOpt:hover { color:#f09; }
a.dropdownOpt.selectedOpt { color:#f09 !important;}
section.browse .dropdown { text-overflow:ellipsis; cursor:pointer; background:#eaeaea url('../images/dropdown-arrow.gif') no-repeat scroll 100% center; -webkit-user-select:none; -k-user-select:none; -moz-user-select:moz-none; user-select:none; margin-right:20px; padding:1px 15px 1px 5px; }
/* browser hacks */
.dd-msie7 { padding:1px 4px 1px 1px;}
#browseFilter input { border-left:0; }
#browseFilter select { width:100px; }
#workTypeSelector { float:right; }
#workTypeSelector select { width:100px; }
#workTypeSelector input { margin-right:0; }
#workLocationSelector { float: right; }
#workLocationSelector select { width: 140px; }
#workLocationSelector input { margin-right: 0; }
/********************************************/
/* */
/* Showreel Playlist */
/* */
/********************************************/
div.showreelPlaylist { float: left; width:720px; background:url(../images/section-gradient.gif) top repeat-x; padding:30px 90px; }
div.showreelPlaylist ul { float: left; width:100%; }
div.showreelPlaylist ul li { float:left; width:100%; padding:10px 10px 10px 10px; position:relative; border:1px solid #ccc; background:#fff; margin-bottom:20px; position:relative; }
div.showreelPlaylist ul li p { }
div.showreelPlaylist ul img { float:left; margin:0 15px 0 0; -moz-box-shadow: 0px 4px 4px #bfbfbf; -webkit-box-shadow: 0px 4px 4px #bfbfbf; }
div.showreelPlaylist textarea { float:left; width:600px; height:150px; margin:0 0 0 -5px; padding:5px; border:1px solid #f00; display: none; }
div.showreelPlaylist ul li:hover { border-color:#666; cursor:pointer; }
div.showreelPlaylist ul li:hover span.arrowTop,
div.showreelPlaylist ul li:hover span.arrowBottom { position:absolute; width:9px; height:5px; background:url(../images/drag-hover.gif) 0 0 no-repeat; }
div.showreelPlaylist ul li:hover span.arrowTop { left:365px; top:-10px; }
div.showreelPlaylist ul li:hover span.arrowBottom { left:365px; bottom:-10px; background-position:0 100%; }
div.showreelPlaylist ul li.editing:hover { border-color:#ccc; cursor:default; }
div.showreelPlaylist ul li.editing:hover span.arrowTop,
div.showreelPlaylist ul li.editing:hover span.arrowBottom { display:none; }
div.showreelPlaylist ul li.mousedown span.arrowTop,
div.showreelPlaylist ul li.ui-sortable-helper:hover span.arrowTop { background-position:-9px 0; }
div.showreelPlaylist ul li.mousedown span.arrowBottom,
div.showreelPlaylist ul li.ui-sortable-helper:hover span.arrowBottom { background-position:-9px 100%; }
.boxshadow section.showreelPlaylist ul li:hover img { -moz-box-shadow:0px 4px 3px #999; -webkit-box-shadow: 0px 4px 3px #999; }
.no-boxshadow section.latestNews ul img { border-bottom:2px solid #bfbfbf; }
div.showreelPlaylist ul li.mousedown,
div.showreelPlaylist ul li.ui-sortable-helper { border-color:#f09; }
.editWrapper { float:left; width:600px; margin-bottom:1em; }
.editWrapper p { margin-bottom:0; }
section.showreelPlaylist ul li.loading { background:url(../images/loading.gif) center center no-repeat; }
section.showreelPlaylist ul li.loading div { visibility:hidden; }
/********************************************/
/* */
/* Credits */
/* */
/********************************************/
.credits { float:left; padding:0 90px; width:720px; margin-top:10px; }
.credits ul { float:left; clear:both; width:100%; }
.credits ul li { font-size:0.8em; float:left; width:160px; padding:0; margin:0px 20px 3px 0; }
.credits h2 { margin-top: 20px; float: left; }
.credits span { margin-top:10px; font-weight:bold; float: left; }
.credits ul li a { float:left; padding:2px 1px 1px 1px; line-height:1; margin-left:-1px; background:url(../images/link-underline.gif) bottom repeat-x; }
.credits ul li a:hover { background:#f09; color:#fff; text-decoration:none; }
.credits ul li.clearer { width:100%; margin:0; }
/********************************************/
/* */
/* News page */
/* */
/********************************************/
.section-news section.content { float:left; width:860px; padding:20px; clear:both; background:url(../images/job-gradient.gif) top repeat-x; }
.section-news .leftCol { padding-left:0; padding-top:0; }
.section-news .rightCol { padding:7px 0 0 0; }
.section-news .content h2 { width: 580px; float: left; }
.page-all-news div.content ul.newItems li { float: left; clear:both; width:860px; background:url("../images/section-gradient.gif") repeat-x scroll center top transparent; padding:20px; }
.page-all-news div.content ul.newItems li a { outline: none; }
.page-all-news div.content ul.newItems li img { float:right; -moz-box-shadow: 0px 4px 4px #bfbfbf; -webkit-box-shadow: 0px 4px 4px #bfbfbf; margin:7px 0 23px 0; }
.page-all-news div.content ul.newItems li h2 { width: 580px; }
.page-all-news div.content ul.newItems li p { float:left; width: 580px; }
.page-all-news div.content ul.newItems li .date { display:block; color:#999; margin-bottom:10px; clear: left; }
.page-all-news div.content ul.newItems li.divider { float:left; width:100%; margin:0; height:2px; clear:both; background:url(../images/staff-divider.gif); padding:0; }
.page-all-news div.content .pager { margin-top: 15px; float: left; }
.page-all-news section .rightCol { padding:0; }
.page-all-news div.content .videoLink { float: left; clear:left; margin-top:12px; }
.moreRecentNews li { padding:20px; background:url(../images/more-news-gradient.gif) top repeat-x; }
.moreRecentNews li:hover { background:#f2f2f2 url(../images/keyline-grey.gif) top repeat-x; }
.moreRecentNews h2 a { color:#666; }
.moreRecentNews li:hover h2 a { color:#f00; }
.moreRecentNews h2 a:hover { color:#f00; background:none; padding:0; }
.section-news .date { color:#999; font-size:0.9em; }
.node-type-news .slideshow { margin-bottom: 20px; }
.page-all-news .rightCol a,
.section-news .rightCol a,
.node-type-news .rightCol a { outline: 0; }
.page-all-news .rightCol .field-item,
.node-type-news .rightCol a { display: none; }
.page-all-news .rightCol .field-item:nth-child(1),
.page-all-news .rightCol .field-item:nth-child(2),
.node-type-news .rightCol a:nth-child(1),
.node-type-news .rightCol a:nth-child(2) { display: block; }
/********************************************/
/* */
/* Deparment page */
/* */
/********************************************/
.departmentWrapper { float:left; width:860px; padding:20px; background:url(../images/job-gradient.gif) top repeat-x; }
.departmentWrapper img { float:right; }
.departmentWrapper p { float:left; width: 580px; }
.departmentWrapper .date { display:block; font-size:1.1em; color:#999; margin-bottom:10px; }
.departmentWrapper .leftCol { padding:0; }
.node-type-department .rightCol img { -moz-box-shadow: 0px 4px 4px #bfbfbf; -webkit-box-shadow: 0px 4px 4px #bfbfbf; }
departmentWrapper ul { float: left; }
departmentWrapper ul li { float:left; width:180px; font-size:0.85em; color:#333; }
departmentWrapper ul li a { float:left; padding:2px 1px 1px 1px; line-height:1; margin-left:-1px; background:url(../images/link-underline.gif) bottom repeat-x; }
.not-logged-in.node-type-department div.content { background:url(../images/section-gradient.gif) top repeat-x; }
#edit-field-department-summay-0-value-wrapper { float: left; clear: both; width:100%; }
#edit-field-department-listing-image-0-ahah-wrapper label { float: left; width:200px; }
#edit-field-department-listing-image-0-ahah-wrapper .widget-edit { max-width: none; }
#edit-field-department-listing-image-0-ahah-wrapper .filefield-element { float: left; margin-top:0; }
#edit-field-department-listing-image-0-ahah-wrapper .description { float: left; clear: both; }
/********************************************/
/* */
/* Vacancies page */
/* */
/********************************************/
section.vacancies ul.vacancy-list { float:left; }
section.vacancies ul.vacancy-list > li { float:left; padding:30px 160px 30px 20px; width:720px; background:url(../images/detailed-gradient.gif) top repeat-x; }
section.vacancies ul.vacancy-list .views-field-created div { float:left; clear:both; color:#999; margin-bottom:10px; font-size:0.85em; }
.region-vacancies-lon > p,
.region-vacancies-ams > p,
.region-vacancies-bar > p { padding: 20px; }
/********************************************/
/* */
/* Awards page */
/* */
/********************************************/
ul.awards { float:left; }
ul.awards li { float:left; padding:30px 20px 30px 20px; width:410px; background:url(../images/section-gradient.gif) top repeat-x; }
ul.awards li.divider { float:left; width:100%; height:2px; clear:both; background:url(../images/staff-divider.gif); padding:0; }
ul.awards .date { float:left; clear:both; color:#999; margin-bottom:10px; font-size:0.85em; }
.awardsDivider { float:left; width:100%; height:2px; clear:both; background:url(../images/staff-divider.gif); padding:0; }
ul.awards li ul { margin-top:-10px; }
ul.awards li li { padding:0; width:100%; clear:both; background:none; font-size:0.85em; margin-top: 10px; line-height:1.5em; }
ul.awards li img { -moz-box-shadow: 0px 4px 4px #bfbfbf; -webkit-box-shadow: 0px 4px 4px #bfbfbf; margin:0 0 15px; }
ul.awards li li a { float:left; padding:0 1px; margin-left:-1px; background:url(../images/link-underline.gif) bottom repeat-x; }
ul.awards li li a:hover { background-color:#f09; color:#fff; }
/* admin page */
#edit-field-award-type-0-nid-nid-wrapper { position: relative; clear:both; }
#edit-field-award-type-0-nid-nid-wrapper #autocomplete { margin-top:24px; }
#edit-field-award-type-0-nid-nid-wrapper label,
#edit-field-award-video-0-nid-nid-wrapper label { float: left; width:150px; }
/********************************************/
/* */
/* Award type page */
/* */
/********************************************/
#edit-field-award-image-0-upload-wrapper label { float: left; width:150px; }
#edit-field-award-image-0-upload-wrapper .widget-edit { max-width: none; }
#edit-field-award-image-0-upload-wrapper .filefield-element { float: left; margin-top:0; }
#edit-field-award-image-0-upload-wrapper .description { float: left; clear: both; }
/********************************************/
/* */
/* History page */
/* */
/********************************************/
body .content .leftCol ul.about { margin-left:0; }
body .content .leftCol ul.about li { list-style: none; padding-top: 20px; }
.page-acerca-de-nosotros div.content,
.page-about-us div.content { float:left; background:url(../images/section-gradient.gif) top repeat-x; }
.page-acerca-de-nosotros .slideshow,
.page-about-us .slideshow { float: left; margin:20px; }
.page-acerca-de-nosotros .slideshow img,
.page-about-us .slideshow img { -moz-box-shadow: 0px 4px 4px #bfbfbf; -webkit-box-shadow: 0px 4px 4px #bfbfbf; }
.page-acerca-de-nosotros .leftCol,
.page-acerca-de-nosotros .rightCol,
.page-about-us .leftCol,
.page-about-us .rightCol { padding-top:10px; }
/********************************************/
/* */
/* Contact page */
/* */
/********************************************/
.page-contacto section .leftCol,
.page-contact section .leftCol { float:left; width:900px; padding:0px; background: url("../images/contact-background.gif") repeat-x center top; padding-top: 30px; font-size:0.9em; margin-top: 20px; }
.page-contacto section .rightCol,
.page-contact section .rightCol { display: none; }
.page-contacto .content .leftCol ul li,
.page-contact .content .leftCol ul li { float: left; width:260px; margin-left:20px; margin-right:20px; }
#map_canvas { float: left; width:710px; height:440px; }
.infoBox { text-align: center; border: 2px solid #FF0099; border-radius:5px; background:#fff; height:18px; opacity:0.8; padding:0 0 8px 0; min-width:50px; position: relative; z-index: 300000; }
.infoBoxInner { height: 29px; padding: 5px 5px 0 7px; white-space:nowrap;
background: url("../images/gmap/pointer.png") no-repeat scroll 15px bottom transparent; }
.glassworksOverlayWrapper { position: absolute; padding-bottom:8px; height:30px; margin-top:-42px; margin-left:-33px; }
.glassworksOverlayWrapper .home { background:#fff url(../images/gmap/glassworks.gif) center center no-repeat; width:134px; }
.glassworksOverlayWrapper .general { padding-left:0; background:#fff; }
.glassworksOverlayWrapper .general span { margin:7px; }
.infoBox.tube { background:#fff url(http://www.glassworks.co.uk/sites/all/themes/glassworks/images/gmap/tube.png) 5px 4px no-repeat; padding-left:15px; }
.infoBox.train { background:#fff url(../images/gmap/train.png) 6px 4px no-repeat; padding-left:15px; }
.infoBox.metro { background:#fff url(../images/gmap/metro.png) 1px 2px no-repeat; padding-left:17px; }
.infoBox.pub { background:#fff url(../images/gmap/pubs.gif) 5px 7px no-repeat; padding-left:15px; }
.infoBox.restaurant { background:#fff url(../images/gmap/interest.gif) 2px -85px no-repeat; padding-left:15px; }
.glassworksOverlay { float: left; border:2px solid #f09; opacity:0.8; -moz-border-radius:5px; -webkit-border-radius:5px; height:29px; white-space: nowrap; }
.glassworksOverlayWrapper .bottom { height:8px; width:11px; background:url(../images/gmap/pointer.png); float: left; clear:both; margin:-2px 0 0 27px; position:relative; z-index:1000; }
.glassworksOverlay img { display:none; }
.glassworksOverlayWrapper a,
.glassworksOverlayWrapper span { color:#000; float: left; margin:9px 8px 0 35px; font-size:0.85em; }
.glassworksOverlayWrapper a { background:url(../images/link-underline.gif) bottom repeat-x; }
#map_canvas_wraper { float:left; width:900px; position:relative; background:url(../images/section-gradient.gif) top repeat-x; }
#map_canvas_wraper .innerWrapper { float:left; -moz-box-shadow: 0px 4px 4px #bfbfbf; -webkit-box-shadow: 0px 4px 4px #bfbfbf; margin:20px 0 20px 20px; position:relative; }
#mapController { float:left; width:130px; height:340px; background:#fff; padding:20px 10px; }
#mapController strong { color:#f00; }
#mapController ul { float: left; margin-top:10px; }
#mapController ul li { float: left; margin-bottom:4px; }
#mapController ul li a { float: left; width:90px; border:1px solid #ccc; border-left-color:#eee; border-top-color:#eee; font-size:0.9em; padding-left:36px; height:1.9em; padding-top:3px; background:#eaeaea url(../images/gmap/interest.gif) left center no-repeat; }
#mapController ul li a:hover { background-color:#dedede; border:1px solid #eee; border-left-color:#ccc; border-top-color:#ccc; }
#mapController ul li a.active { background-color:#cfcfcf; outline:none; }
#mapController ul li.tube a { background-position:2px -6px; }
#mapController ul li.pubs a { background-position:2px -45px; }
#mapController ul li.restaurants a { background-position:2px -87px; }
#mapController ul li.hotels a { background-position:2px -124px; }
#mapController ul li.shopping a { background-position:2px -164px; }
#mapController ul li.theatre a { background-position:2px -197px; }
#mapController ul li.metro a { background-image:url("../images/gmap/metro.png"); background-position:3px 2px; }
#mapController ul li a { line-height:1.9em; }
#mapInfo { position: absolute; background:#fff; width:0px; height:100%; right:0px; z-index:100; opacity:0; overflow:hidden; border-left:2px solid #999; line-height:1.3em; }
#tubeVideo { width:220px; height:160px; }
#mapInfo p { float: left; clear: both; padding-left:30px; }
#mapInfo p.overland { background:url(../images/gmap/overland.gif) 5px 3px no-repeat; }
#mapInfo p.airport { background:url(../images/gmap/airport.gif) 6px 2px no-repeat; }
#mapInfo .hr { width:100%; height:3px; background:#ccc; overflow:hidden; float: left; margin:5px 0; }
#mapInfo .mapInfoContent { display:none; padding:0px; width:250px; font-size:0.85em; }
#mapInfo ul { float: left; clear: both; margin-left:10px; }
#mapInfo li { background: url(../images/gmap/info-bullet.gif) 0 8px no-repeat; padding-left:10px; width:220px; }
#mapInfo.oxford-circus .oxford-circus { display:block; }
#mapInfo.piccadilly-circus .piccadilly-circus { display:block; }
#mapInfo.leicester-square .leicester-square { display:block; }
#mapInfo h3 { font-size:1.15em; margin:15px 0 5px 0; text-indent:10px; }
#mapInfo h4 { color:#f00; margin-bottom:3px; float: left; clear: both; text-indent:10px; }
#mapInfo h6 { color:#fff; margin:0; margin-bottom:4px; font-size:1em; text-indent:10px; float: left; width:100%; padding-top: 3px; line-height:1.4em; }
#mapInfo h6.piccadillyLine { background:#00f; }
#mapInfo h6.northernLine { background:#000; }
#mapInfo h6.bakerlooLine { background:#814f1d; }
#mapInfo h6.centralLine { background:#cc1f1e; }
#mapInfo h6.victoriaLine { background:#479ce6; }
body .content .leftCol ul.contacts { margin-left:0; }
body .content .leftCol ul.contacts li { list-style: none; }
/* admin page */
#edit-field-page-content-0-value-wrapper { width:100%; }
.page-node-546-edit #map_canvas_wraper { display:none; }
.page-node-546-edit section:first-child { margin:0; }
.page-node-546-edit #field-page-image-items,
.page-node-546-edit #field_page_image_values { display:none; }
/********************************************/
/* */
/* Job page */
/* */
/********************************************/
.jobWrapper { float:left; width:100%; background:url(../images/job-gradient.gif) top repeat-x; margin-bottom:20px; }
.jobThumbsWrapper { float:left; width:740px; margin-left:90px; margin-top:15px; }
.jobThumbsWrapper h2 { display: none; }
.jobThumbsWrapper h2:first-of-type { display: block; }
.jobThumbsWrapper ul { float: left; clear: both; margin:10px 0 0 -4px; width:750px; }
.jobThumbsWrapper ul li { float: left; margin:0 14px 15px 0; border:4px solid #fff; position: relative; }
.jobThumbsWrapper ul li a { float: left; position: relative; outline:none; }
.jobThumbsWrapper ul li:hover a span,
.jobThumbsWrapper ul li.active a span { position:absolute; left:0px; top:0px; width:84px; height:60px; background:url(../images/play-hover-small.png) center center no-repeat; }
.jobThumbsWrapper ul#stillPlaylistThumbs li:hover a span,
.jobThumbsWrapper ul#stillPlaylistThumbs li.active a span { background-image:url(../images/play-hover-small-still.png); }
.jobThumbsWrapper ul li img { float: left; -moz-box-shadow: 0px 4px 4px #bfbfbf; -webkit-box-shadow: 0px 4px 4px #bfbfbf; }
.jobThumbsWrapper a { font-size:0.9em; }
.group-job-credits li { float: left; }
.jobThumbsWrapper div.hr { float: left; width:720px; height:1px; border-bottom:1px dashed #D9D9D9; margin-left:-2px; }
.jobThumbsWrapper ul li .creditItem strong { color:#f00; }
/********************************************/
/* */
/* About page */
/* */
/********************************************/
.page-acerca-de .leftCol,
.page-about .leftCol { width:900px; padding:0; }
.page-acerca-de .rightCol,
.page-about .rightCol { display: none; }
.page-acerca-de div.content ul,
.page-about div.content ul { float:left; }
.page-acerca-de div.content li,
.page-about div.content li { float:left; padding:30px 20px 30px 20px; width:410px; background:url(../images/section-gradient.gif) top repeat-x; }
.page-acerca-de div.content li.divider
.page-about div.content li.divider { float:left; width:100%; height:2px; clear:both; background:url(../images/staff-divider.gif); padding:0; }
.page-acerca-de div.content ul li img,
.page-about div.content ul li img { -moz-box-shadow: 0px 4px 4px #bfbfbf; -webkit-box-shadow: 0px 4px 4px #bfbfbf; margin:0 0 15px; }
.awardsDivider { float:left; width:100%; height:2px; clear:both; background:url(../images/staff-divider.gif); padding:0; }
/********************************************/
/* */
/* Login page */
/* */
/********************************************/
.page-login .rightCol { display:none; }
.page-login #edit-submit,
.page-login .button { clear: both; float: left; }
.page-login div.content { background:url(../images/login-gradient.gif) left top no-repeat; }
#user-login-form .item-list a { color:#f00; float: left; margin-top:5px; font-size:0.9em; }
#user-login-form .item-list a:hover { text-decoration:underline; }
#user-login-form ul,
#user-login-form li,
.page-login fieldset .form-item { clear: both; float: left; }
#user-login-form ul { margin:10px 0 20px 0; }
.page-login .content .wrapper { float: left; width:360px; margin:44px 0 0 70px; }
.page-login .content .wrapper p { float: left; clear: both; width:100%; margin-top:17px; font-size:0.9em; }
.page-login .wrapper fieldset { float: left; width:300px; padding:15px 0 20px 0px; float: left; border:none; }
.page-login .first fieldset { padding-left:50px; }
#user-login #edit-submit { clear: both; }
/********************************************/
/* */
/* User profile page */
/* */
/********************************************/
.page-user-password .tabs { display: none; }
.page-user-password #edit-name-wrapper { float: left; }
.page-user-password #edit-submit { clear: both; }
.page-user .tabs { display: none; }
.page-user #edit-submit { margin-top: 15px; }
.page-user .description { display: none; }
/********************************************/
/********************************************/
/* */
/* User profile page */
/* */
/********************************************/
#content-profile-title-profile,
ul.content-profile { display: none; }
.section-users #contentArea .tabs { display: none; }
div.content-profile-display { border: none; padding:1em; }
/********************************************/
/* */
/* Pitch page */
/* */
/********************************************/
.page-pitches .date { color:#999; margin-bottom:10px; font-size:0.85em; }
.page-pitches .content ul { float: left; width:100%; }
.page-pitches .content ul li { padding:20px; }
.page-pitches .addNewItem { height:50px; }
#playerTabs { float: left; width:710px; border-bottom:1px dashed #D9D9D9; }
.node-type-pitch-page .ui-tabs .ui-tabs-nav { width:702px; }
#stillDetails,
#videoDetails { float: left; clear: left; width:720px; padding:10px 90px; }
#videoDetails div.hr { float: left; width:720px; height:1px; border-bottom:1px dashed #D9D9D9; margin:5px 0 -5px -2px; }
.details { clear: both; }
.detailsContent { clear: both; }
.pitchIntro { padding:20px 90px; background:url(../images/job-gradient.gif) top repeat-x;}
#stillDetails .details,
#imageViewer img { display: none; }
/********************************************/
/* */
/* Workflow */
/* */
/********************************************/
.page-workflows .date { color:#999; margin-bottom:10px; }
.page-workflows .content ul { float: left; width:100%; }
.page-workflows .content ul li { padding:20px; }
.node-type-workflow-stage dl,
.page-my-workflows dl,
.node-type-workflow dl { float: left; margin:3px 25px 3px 0; }
.node-type-workflow-stage dl dt,
.page-my-workflows dl dt,
.node-type-workflow dl dt { float: left; }
.node-type-workflow-stage dl dd,
.page-my-workflows dl dd,
.node-type-workflow dl dd { float: left; font-weight: bold; }
.page-my-workflows dl { line-height:1.75em; }
.page-my-workflows dl dd { padding-left:5px; }
.node-type-workflow dl { clear: both; }
.node-type-workflow dl dt { clear: both; font-weight: bold; }
.node-type-workflow dl dd { clear: both; font-weight: normal; }
.page-my-workflows .delete:hover,
.page-my-workflows .delete { background: none; color: #f00; }
.page-my-workflows .delete:hover { text-decoration: underline; }
.stageSelector { float: left; width:100%; padding-top:15px; }
.posting-not-allowed .box { display: none; }
.workflowListingDetail { display: none; width:100%;}
.node-type-workflow-stage #contentArea .tabs { display: none; }
.node-type-workflow-stage #contentArea table { width:100%; }
.node-type-workflow-stage #contentArea table td:nth-child(2) > div:first-child,
.node-type-workflow-stage #contentArea table td:nth-child(2) > div:nth-child(3) { float: left; width: 400px; }
.node-type-workflow-stage #contentArea .filefield-element .imagefield-preview { min-height:30px; }
.fileExchange li,
.page-my-workflows .content li,
.page-my-workflows .views-row { padding:7px 20px 5px 20px; float: left; clear: both; width:860px; background:#ededed url(../images/grey-white-rule.gif) bottom repeat-x; }
.fileExchange li:hover { background-color:#ccc; }
.page-my-workflows .latestStage { float: left; clear: both; width:100%; }
.page-my-workflows .latestStage label { float: left; padding-right:5px; }
.page-my-workflows .latestStage a { float:left; padding:0 1px; margin-left:-1px; background:url(../images/link-underline.gif) bottom repeat-x; }
.page-my-workflows .latestStage a:hover { background-color:#f09; color:#fff; }
.page-my-workflows .buttonWrapper { margin: 0; margin-top:10px; }
.page-my-workflows .content li .date { float: right; color: #333; margin-right:30px; }
.page-my-workflows .content li h2 { float: left; }
#comments { float: right; width:450px; padding:10px 0; margin-bottom:30px; }
#comments .box { float: left; clear: both; }
#comments .box h2 { }
#comments textarea { height:100px; width:448px; }
#comments #edit-submit { clear: both; }
#comments .comment-folded { margin-bottom:20px; float: left; clear: both; }
#comments .credit { color:#999; margin-bottom:5px; font-size:0.85em; float: left; clear: both; }
#comments .subject { float: left; clear: both; }
#comments .content { width: auto; }
#comments .links { float: left; clear: both; }
#comments .comment_reply { display: none; }
#comments .comment_delete a,
#comments .comment_edit a { color:#f00; }
#comment-confirm-delete { padding:20px 0; }
#comment-confirm-delete .container-inline { margin-top: 10px; }
#edit-comment-wrapper label { display: none; }
#edit-comment-wrapper { width:100%; }
#comment-form fieldset,
#comment-form div div:first-child { display: none; }
ul.usersList { float: left; clear: both; }
ul.usersList li { float: left; width: 150px; }
.workflowGroup { float:left; clear:both; width:880px; padding:20px 0 20px 20px; border:1px dashed #d9d9d9; border-right:0; border-left:0; }
.workflowGroup .group { float: left; width: 200px; padding-right:20px; }
.workflowGroup label { font-weight: bold; float: left; }
.workflowGroup .clearer { height:15px; }
.addGroupUser { }
.node-type-workflow .jobThumbsWrapper { margin-left:0; width:900px; }
.node-type-workflow #stillDetails,
.node-type-workflow #videoDetails { padding-left:0; padding-right:0; width:450px; margin-bottom:30px; }
.node-type-workflow #videoPlaylistThumbs,
.node-type-workflow .jobThumbsWrapper .ui-tabs-nav,
.node-type-workflow #playerTabs,
.node-type-workflow .jobThumbsWrapper div.hr { width:900px; }
.fileExchange,
#stageArea { float: left; clear: both; width: 100%; }
#stageArea h2.stageTitle { margin:-35px 0 25px 0; }
#stageArea h2.stageTitle span { font-size:0.85em; color:#333; }
.fileExchange { }
.fileExchange span,
.fileExchange a { float: left; }
.fileExchange .fileName { width:500px; }
.fileExchange .fileSize { width:80px; text-align:right; }
.fileExchange .uploaded { width:160px; text-align:right; }
.fileExchange .downloadFile { width:100px; text-align:right; padding-right:20px; color:#f00; position: relative; outline:none; }
.fileExchange .downloadFile span { background: url(../images/red-arrow.gif) left bottom; width:9px; height:5px; display: block; position: absolute; right:2px; top:7px; }
.fileExchange .uploadFile { margin-top:15px; }
.teamDetails,
.jobDetails { float: left; width:410px; padding:20px; }
.teamDetails a { float: left; clear: both; }
#stageSelector { width:250px; }
.node-type-workflow .dropdown { float:right; margin-right:0px; border:1px solid #ccc; height:1.9em; background:#eaeaea; padding-left:3px; }
.node-type-workflow .dropdown { text-overflow:ellipsis; cursor:pointer; background:#eaeaea url('../images/dropdown-arrow.gif') no-repeat scroll 100% center; -webkit-user-select:none; -moz-user-select:moz-none; user-select:none; padding:1px 15px 1px 5px; position: relative; z-index: 999; }
.addNewStageWrap { float: left; clear: both; width:100%; border-bottom:1px dashed #d9d9d9; padding:20px 0; }
.addNewStageWrap a.less,
.addNewStageWrap a.more { float: right; margin:0; padding-right:16px; width: auto; }
.workflowDetailsWrap { float: left; width: 100%; clear: both; display: none; }
.node-type-workflow #contentArea .tabs { display: none; }
html.ajax-wrap { margin: 0; }
.ajax-wrap body { width:700px; overflow-x: hidden; margin:0; }
.ajax-wrap #edit-field-workflow-stages-nid-nid-wrapper,
.ajax-wrap #field-workflow-owners-items,
.ajax-wrap #field-workflow-team-items { display: none;}
.ajax-wrap #node-form { width:700px; overflow-x: hidden; overflow: hidden; background: none; }
.ajax-wrap #node-form input.form-text { clear: both; }
.ajax-wrap .leftCol,
.ajax-wrap .rightCol { float: left; width: 320px; margin-bottom:10px; }
.ajax-wrap hr { clear: both; border-style: dashed; }
.ajax-wrap #field_workflow_group_values thead { display: none; }
.ajax-wrap .draggable { border: none; }
.ajax-wrap table { border-collapse:separate; }
.ajax-wrap .content-multiple-drag { display: none; }
.page-my-workflows .addNewItem { background: url(../images/section-gradient.gif) center top; padding:10px 0; }
.ajax-wrap body.logged-in fieldset { border: 0; padding:5px 20px; }
.ajax-wrap .teamMembers #field-workflow-team-items,
.ajax-wrap .teamMembers #field-workflow-owners-items { display: block; clear: both; float: left; }
.ajax-wrap .teamMembers .leftCol,
.ajax-wrap .teamMembers .rightCol { display: none; }
.ajax-wrap .teamMembers #edit-field-workflow-stages-nid-nid-wrapper,
.ajax-wrap .teamMembers #edit-field-workflow-brand-value-wrapper,
.ajax-wrap .teamMembers #edit-title-wrapper,
.ajax-wrap .teamMembers #edit-field-workflow-director-value-wrapper,
.ajax-wrap .teamMembers #edit-field-workflow-production-co-value-wrapper,
.ajax-wrap .teamMembers #edit-field-workflow-agency-value-wrapper,
.ajax-wrap .teamMembers #field-workflow-group-items { display: none; }
#field_workflow_team_values .ahah-new-content > div,
#field_workflow_owners_values .ahah-new-content > div { position: relative; }
.ajax-wrap #autocomplete { left: 0; }
.ajax-wrap .node-type-workflow-group h2,
.ajax-wrap .node-type-workflow-group .admin { float: left; clear: both; }
.ajax-wrap #field_group_users_values th { display: none; }
.ajax-wrap .node-type-workflow-group #node-form { width: 600px; }
.ajax-wrap .node-type-workflow-group #existingUser-wrapper { margin-top:-35px; clear: both; }
.ajax-wrap .node-type-workflow-group #newUserWrapper { float: left; clear: both; }
.ajax-wrap .node-type-workflow-group #newUserWrapper input { margin-right: 20px; }
.ajax-wrap .node-type-workflow-group .content-add-more { margin-left:160px; }
.ajax-wrap .node-type-workflow-group #field_group_users_values { margin-bottom:10px; }
html.ajax-wrap,
html.ajax-wrap body { margin:0; }
.ajax-wrap body.page-content-upload-file { padding:0px 10px; width:300px; }
body.page-content-upload-file form { float: left; padding-top:10px; }
body.page-content-upload-file h2 { margin-bottom:15px; }
body.page-content-upload-file label { float: left; padding:5px; margin-right:10px; }
body.page-content-upload-file #edit-submit { clear: both; margin-top:20px; float: right; margin-right:0; }
.sendEmailOverlay h2 { margin-bottom: 10px; }
.sendEmailOverlay .remove { background-image:none; margin-top: 10px; padding-left: 5px; }
.sendEmailOverlay input.form-text { border: 1px solid #999; margin-right: 10px; width: 250px; height: 15px; }
.sendEmailOverlay .emailRow { float: left; clear: both; }
.sendEmailOverlay #edit-button-element { clear: both; }
/********************************************/
/* */
/* Footer */
/* */
/********************************************/
footer { float:left; width:100%; background:url(../images/footer-background.gif) left top no-repeat; padding:35px 0; line-height:1.5; }
.footerInner { float: left; width: 100%; }
footer a { text-decoration:none; color:#333; display:block; }
footer a:hover { text-decoration:underline; }
footer ul { float: left; font-size:0.8em; margin-left:15px; }
footer ul.location { width:130px; font-size:0.75em; }
footer ul.location li { padding-left:10px; background-position:0.4em 0.45em; background-repeat: no-repeat; }
.domain-glassworks-london footer ul.location li.london { background-image:url(../images/bullet-active.gif); font-weight:bold; }
.domain-glassworks-amsterdam footer ul.location li.amsterdam { background-image:url(../images/bullet-active.gif); font-weight:bold; }
.domain-glassworks-barcelona footer ul.location li.barcelona { background-image:url(../images/bullet-active.gif); font-weight:bold; }
footer ul.links { border-left:1px dashed #d9d9d9; padding-left:20px; font-size:0.75em; }
footer ul.links li { float: left; clear: both; }
footer ul.links a { display:inline; position:relative; }
footer ul.links a.twitter,
footer ul.links a.youtube,
footer ul.links a.facebook,
footer ul.links a.vimeo { padding:0 0 0 20px; background:url(../images/social-sprite.gif) 0 0 no-repeat; float: left; clear: both; line-height:18px; margin-bottom:3px; }
footer ul.links a.twitter { background-position:0 -37px; }
footer ul.links a.youtube { background-position:0 -72px; }
footer ul.links a.vimeo { background-position:0 -108px; }
footer .vcard { float:right; text-align:right; margin-right:15px; }
footer .vcard a,
footer .vcard div { float:right; clear:both; display:block; }
footer .org { color:#f00; font-weight:bold; }
footer a.hCard { padding:4px 2px 1px 2px; margin-right:-2px; line-height:1; font-size:.8em; margin-top:15px; }
footer a.hCard span { float:left; width:28px; height:14px; background:url(../images/btn/add-contacts.gif) left top no-repeat; margin:-3px 5px 0 0; }
footer a.hCard:hover span { background-position:left bottom; }
footer a.hCard:hover { background:#f09; color:#fff; text-decoration:none; }
footer .footerBottom { float: left; clear:both; width:100%; border-top:5px solid #f7f7f7; margin-top:25px; padding-top:10px; color:#999; font-size:0.8em; vertical-align:baseline; }
footer .copyright { float: left; margin-top:3px; }
footer .wireworks { float:right; }
footer .wireworks a { color:#999; display: inline; }
/********************************************/
/* */
/* translate */
/* */
/********************************************/
.help { padding: 20px 30px 20px 20px; }
table.tanslation { border: 1px solid #333; margin:0 0 20px 20px; }
table.tanslation th { text-align: left; border-bottom: 1px solid #333; padding: 10px; }
table.tanslation td { padding: 10px; }
table.tanslation td:nth-child(4) a { color: red; }
.filterForm { float: left; clear: both; margin: 20px 0; }
.region-location-bar { position: relative; }
.region-location-bar ul { width: 12em; margin: -23px auto 0 auto; height: 20px; position: relative; z-index: 10; font-size: 0.8em; }
.region-location-bar ul li { float: left; }
.region-location-bar ul li a { background: url(../images/flags-sprite.gif) left 1px no-repeat; background: none; color: #929292; display: block; }
.region-location-bar ul li.en a { padding-left: 20px; padding-right: 5px; background-position: left -105px; }
.region-location-bar ul li.es a { padding-right: 20px; padding-left: 5px; text-align: right; background-position: right -35px; }
.region-location-bar ul li.first a { border-right: 1px solid #929292; }
.region-location-bar ul li.active a,
.region-location-bar ul li:hover a { color: #333; }
.region-location-bar ul li.en:hover a,
.region-location-bar ul li.active.en a { background-position: left -70px; }
.region-location-bar ul li.es:hover a,
.region-location-bar ul li.active.es a { background-position: right 0px; }
.handle { width: 80px; }
#lang-dropdown-form { position: absolute; left: 30px; top:2px; }
/********************************************/
/* */
/* admin */
/* */
/********************************************/
/* Vacancies content form */
.domain-glassworks-amsterdam #edit-field-vacancy-email-value-wrapper,
.domain-glassworks-barcelona #edit-field-vacancy-email-value-wrapper { display: none; }
/* General form layout fixes */
#edit-field-workflow-stages-nid-nid-wrapper,
.node-type-workflow-group .tabs.primary,
#edit-field-stage-workflow-ref-nid-nid-wrapper,
#edit-preview { display: none; }
/* Add home hero movie */
.page-node-add-home-hero-movie #edit-title-wrapper { width:300px; float: left; }
#edit-field-home-movie-brand-value-wrapper { margin-right:30px; }
#edit-field-home-movie-0-ahah-wrapper { clear:both; }
.page-node-add-home-hero-movie .widget-edit,
.page-node-add-home-hero-movie .widget-edit .form-item { width:100%; max-width:100%; }
#edit-field-profile-photo-0-ahah-wrapper,
#edit-field-video-downloadable-value-wrapper,
#field-showreel-video-ref-items,
#edit-field-news-video-0-nid-nid-wrapper,
#field-job-video-items,
#field-history-hero-image-items,
#field-department-image-items,
#edit-field-department-showreel-0-upload-wrapper,
#field-department-showreel-videos-items,
body.logged-in fieldset,
#field-deparment-showcase-video-items { float: left; clear: both; border:1px solid #ccc; padding:20px; width:860px; margin-bottom:15px; margin-left:-20px; }
body.logged-in fieldset fieldset { border:none; padding:0; }
#field-job-video-items { padding: 0 20px; }
#edit-field-job-about-0-value-wrapper,
#field_showreel_video_ref_values,
#group_people_values,
table#blocks,
#field_deparment_showcase_video_values,
#field_department_showreel_videos_values { width:100%; }
#field-workflow-team-items,
#field-workflow-owners-items,
#edit-group-stage-video-assets-0-field-stage-video-asset-video-upload-wrapper,
#field-workflow-fileexchange-items,
.form-checkboxes .form-item,
#field_group_users_values,
#edit-field-group-upload-value-wrapper,
#edit-field-group-comment-add-value-wrapper,
#edit-field-group-comment-view-value-wrapper,
#field_workflow_group_values,
#edit-menu-link-title-wrapper .description,
#edit-field-vacancy-email-value-wrapper { float: left; clear: both; }
#edit-name-wrapper { margin-right:20px; }
#edit-menu-link-title-wrapper .description { display:none; }
#edit-domains-wrapper .description { display: none; }
/* Block edit page */
.block-region { background:#fff; }
body div.messages { margin:10px 20px 20px 10px; }
/* Menu edit page */
#edit-menu-parent-wrapper { margin-left:60px; }
#edit-menu-parent-wrapper .description,
#edit-menu-weight-wrapper,
#edit-menu-delete-wrapper { display: none; }
table#field_credit_values,
table#field_job_credits_glassworks_values { float:left; clear:both; width:860px; }
body.logged-in .form-item { float:left; margin:10px 0; }
#cke_edit-field-pitch-description-0-value { margin: 15px 0; }
.cke_show_borders { padding:10px; }
/* $Id: forms.css,v 1.5 2010/04/01 11:12:09 johnalbin Exp $ */
/**
* @file
* Form Styling
*/
.form-item,
.form-checkboxes,
.form-radios /* Wrapper for a form element (or group of form elements) and its label */ {
margin: 1em 0;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error /* Highlight the form elements that caused a form submission error */ {
border: 1px solid #c00;
}
.form-item label /* The label for a form element */ {
display: block;
font-weight: bold;
}
.form-item label.option /* The label for a radio button or checkbox */ {
display: inline;
font-weight: normal;
}
.form-required /* The part of the label that indicates a required field */ {
color: #c00;
}
.form-item .description /* The descriptive help text (separate from the label) */ {
font-size: 0.85em;
clear: both; margin-top: 10px;
}
.form-checkboxes .form-item,
.form-radios .form-item /* Pack groups of checkboxes and radio buttons closer together */ {
margin: 0.4em 0;
}
.form-submit /* The submit button */ {
cursor: pointer;
}
.container-inline div,
.container-inline label /* Inline labels and form divs */ {
display: inline;
}
/* $Id: messages.css,v 1.4 2010/04/01 11:12:09 johnalbin Exp $ */
/**
* @file
* Message Styling
*
* Sensible styling for Drupal's error/warning/status messages.
*/
div.messages,
div.status,
div.warning,
div.error /* Important messages (status, warning, and error) for the user */ {
min-height: 21px;
margin: 0 1em 5px 1em;
border: 1px solid #ff7;
padding: 5px 5px 5px 35px; /* LTR */
color: #000;
background-color: #ffc;
background-image: url(../images/messages-status.png);
background-repeat: no-repeat;
background-position: 5px 5px; /* LTR */
}
div.status /* Normal priority messages */ {
}
div.warning /* Medium priority messages */ {
border-color: #fc0;
background-image: url(../images/messages-warning.png);
}
div.warning,
tr.warning { color: #000; background-color: #ffc; }
div.error /* High priority messages. See also the .error declaration in pages.css. */ {
/* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
border-color: #c00;
background-image: url(../images/messages-error.png);
}
div.error,
tr.error {
color: #900; /* Drupal core uses #200 */
background-color: #fee;
}
div.messages ul {
margin-top: 0;
margin-bottom: 0;
}
/* $Id: tabs.css,v 1.2 2009/08/12 08:03:53 johnalbin Exp $ */
/**
* @file
* Tabs Styling
*
* Adds styles for the primary and secondary tabs.
*
* Compare this with default CSS found in the system module's stylesheet (a copy
* of which is in drupal6-reference.css, line 510.)
*/
ul.primary {
margin: 0;
padding: 0 0 0 10px; /* LTR */
border-width: 0;
list-style: none;
white-space: nowrap;
line-height: normal;
background: url(../images/tab-bar.png) repeat-x left bottom;
}
ul.primary li {
float: left; /* LTR */
margin: 0;
padding: 0;
}
ul.primary li a {
display: block;
height: 24px;
margin: 0;
padding: 0 0 0 5px; /* width of tab-left.png */
border-width: 0;
font-weight: bold;
text-decoration: none;
color: #777;
background-color: transparent;
background: url(../images/tab-left.png) no-repeat left -38px;
}
ul.primary li a .tab {
display: block;
height: 20px; /* 24px (parent) - 4px (padding) */
margin: 0;
padding: 4px 13px 0 6px;
border-width: 0;
line-height: 20px;
background: url(../images/tab-right.png) no-repeat right -38px;
}
ul.primary li a:hover {
border-width: 0;
background-color: transparent;
background: url(../images/tab-left.png) no-repeat left -76px;
}
ul.primary li a:hover .tab {
background: url(../images/tab-right.png) no-repeat right -76px;
}
ul.primary li.active a,
ul.primary li.active a:hover {
border-width: 0;
color: #000;
background-color: transparent;
background: url(../images/tab-left.png) no-repeat left 0;
}
ul.primary li.active a .tab,
ul.primary li.active a:hover .tab {
background: url(../images/tab-right.png) no-repeat right 0;
}
ul.secondary {
margin: 0;
padding: 0 0 0 5px; /* LTR */
border-bottom: 1px solid #c0c0c0;
list-style: none;
white-space: nowrap;
background: url(../images/tab-secondary-bg.png) repeat-x left bottom;
}
ul.secondary li {
float: left; /* LTR */
margin: 0 5px 0 0;
padding: 5px 0;
border-right: none; /* LTR */
}
ul.secondary a {
display: block;
height: 24px;
margin: 0;
padding: 0;
border: 1px solid #c0c0c0;
text-decoration: none;
color: #777;
background: url(../images/tab-secondary.png) repeat-x left -56px;
}
ul.secondary a .tab {
display: block;
height: 18px; /* 24px (parent) - 6px (padding) */
margin: 0;
padding: 3px 8px;
line-height: 18px;
}
ul.secondary a:hover {
background: url(../images/tab-secondary.png) repeat-x left bottom;
}
ul.secondary a.active,
ul.secondary a.active:hover {
border: 1px solid #c0c0c0;
color: #000;
background: url(../images/tab-secondary.png) repeat-x left top;
}
/*
* Drupal admin tables
*
* We overrode these styles in html-elements.css, but restore them for the admin
* section of the site.
*/
form tbody { border-top: 1px solid #ccc; }
form th,
form thead th { text-align: left; /* LTR */ padding-right: 1em; /* LTR */ }
form tbody th { border-bottom: 1px solid #ccc; }
#extraelements { float:left; clear:both; }
.contenteditable { background:#fff; outline:2px dashed red; float:left; padding:5px; }
.contenteditable p { color:#000; }
body div.tabs { float:right; height:1px; position: relative; z-index:99999999; margin-bottom:-1px; }
body div.tabs ul { float:right; }
body div.tabs ul li { float:right; }
body div.tabs ul.primary,
body div.tabs ul.secondary { background:none; }
body div.tabs ul.secondary li { padding:0; }
.wysiwyg .tips { display: none; }
a[href*="/filter/tips"] { display:none; }
.views-admin-links ul { display:none; }
div.standard { float:left; width:100%; clear:both; }
.buttonWrapper { float: left; clear:both; margin-top:15px; }
body.logged-in #edit-body-wrapper { width:860px; clear:both; margin:0 20px; }
.filefield-element .widget-preview { border:none; }
fieldset.collapsible > legend > a { display:none; }
#edit-title-wrapper,
#edit-field-job-brand-value-wrapper { width:100%; }
#edit-field-workflow-brand-value-wrapper input,
#edit-title-wrapper label,
#edit-title-wrapper input { float:left; }
.draggable { border-top:1px solid #ccc; }
#field-news-hero-items { clear: both; }
#field-news-hero-items .description,
#edit-date-wrapper .description { clear: both; margin-top: 10px; float: left; }
#edit-field-news-london-value-wrapper,
#edit-field-news-ams-value-wrapper,
#edit-field-new-barcelona-value-wrapper,
#edit-field-promoted-barcelona-value-wrapper,
#edit-field-promoted-value-wrapper,
#edit-field-promoted-amsterdam-value-wrapper,
#edit-field-movie-0-upload-wrapper { clear:both; }
#edit-field-video-height-0-value-wrapper,
#edit-field-video-width-0-value-wrapper { display:none; }
.filefield-file-info .filemime,
.filefield-file-info .filesize { display:none; }
#edit-field-hero-0-upload-wrapper label { float: left; width:150px; }
#edit-field-hero-0-upload-wrapper .filefield-element { float:left; margin:0; }
#edit-field-hero-0-upload-wrapper .description { display:none; }
#group_job_movies_values .filefield-element { float:left; margin:0; }
#group_job_movies_values .filefield-icon { display:none; }
#group_job_movies_values .filefield-file { float: left; }
#group_job_movies_values .widget-preview { max-width:none; }
#group_job_movies_values .imagefield-preview { width:100px; min-height:50px; }
#node-form #group_job_movies_values input.form-text { width:150px; }
#node-form #group_job_movies_values td > div { margin-right:25px; float: left; }
.movieRatio { float: left; margin:20px 0; clear:both; font-weight:bold; }
.movieRatio select { margin-left:20px; }
#node-form { float: left; background:url(../images/section-gradient.gif) top repeat-x; width:900px; }
#node-form > div { padding:20px; }
.node-form .content-multiple-table td.content-multiple-drag a.tabledrag-handle { padding:0; width:15px; height:15px; background:url(../../../../../misc/draggable.png); float: left; }
.node-form .content-multiple-table td.content-multiple-drag { vertical-align:middle; }
div.warning { float: left; }
#field_credit_values .even { background:#fafafa; }
#field_credit_values tr.drag { background:#eee; }
.drag-previous { background:#fdf9bd; }
#field_movie_values { float: left; clear:both; width:860px; }
#edit-field-hero-0-upload-wrapper { clear:both; }
#edit-log-wrapper { clear:both; }
#node-form input.form-text { border:1px solid #666; border-right:0; border-bottom:0; width:250px; background:#f5f5f5; font-size:13px; }
#group_credits_glassworks_values,
#group_job_credits_values,
#group_job_movies_values { width:860px; float: left; }
/* temp hide of user login details */
#block-user-1 { display:none; }
#group_credits_glassworks_values .form-item label,
#group_job_credits_values .form-item label { float:left; width:200px; }
#group_credits_glassworks_values input,
#group_job_credits_values input { float:left; }
#group_credits_glassworks_values td .form-item,
#group_job_credits_values td .form-item { margin-right:35px; position: relative; }
#group_credits_glassworks_values td .form-item label,
#group_job_credits_values td .form-item label { width:65px; }
#group_credits_glassworks_values td .form-item:nth-child(5) label,
#group_job_credits_values td .form-item:nth-child(4) label { width:95px; }
#group_credits_glassworks_values td:nth-child(2) .form-item input,
#group_job_credits_values td:nth-child(2) .form-item input { margin:0px 8px 0 0; }
#group_credits_glassworks_values td .form-text,
#group_job_credits_values td .form-text { width:180px; }
#group_credits_glassworks_values td .buttonWrapper,
#group_job_credits_values td .buttonWrapper { clear:none; margin:0; }
#group_credits_glassworks_values td .buttonWrapper label,
#group_job_credits_values td .buttonWrapper label { width:120px; }
#autocomplete { position: absolute; border:1px solid black; left:150px; background:#fff; top:1px; padding: 2px; z-index:100000; }
#autocomplete li { cursor:pointer; padding:2px 2px 0 2px; clear:both; width:98%; }
#autocomplete li:hover { background:#f09; color:#fff; }
#autocomplete li div { width:100%; }
#field_workflow_team_values td > div,
#field_workflow_owners_values td > div,
#field_group_users_values td > div,
#group_credits_glassworks_values td > div,
#group_job_credits_values td > div { position:relative; }
#group_credits_glassworks_values #autocomplete,
#group_job_credits_values #autocomplete { left:57px; top:2px; }
.sticky-enabled { float: left; }
#node-delete-confirm { padding: 20px; }
/* User profile page */
#edit-field-profile-given-0-value-wrapper,
#edit-field-profile-surname-0-value-wrapper { margin:0 30px 0 0; }
#edit-field-profile-bio-0-value-wrapper,
#edit-field-profile-photo-0-upload-wrapper { clear:left; }
#edit-field-profile-position-0-value-wrapper { clear:left; }
#edit-field-profile-department-nid-nid-wrapper { margin-left:30px; }
#edit-field-profile-promoted-value-wrapper { float: left; clear:both; }
.section-user .description { float: left; clear: both; margin-top:4px; }
.section-user .form-item { clear:both; }
.section-user .form-item .form-text { margin-right:20px; }
/* New job page */
body.logged-in .ahah-new-content { width:100%; }
body.logged-in .ahah-new-content > div { margin-right:15px; }
#field_job_video_values { float: left; clear: both; width: 100%; margin:20px 0;}
#edit-field-job-video-width-0-value-wrapper { width:100%; }
#edit-field-workflow-team-uid-uid-wrapper,
#edit-field-workflow-owners-uid-uid-wrapper,
#edit-field-workflow-director-value-wrapper,
#edit-field-workflow-agency-value-wrapper,
#edit-field-workflow-production-co-value-wrapper,
#edit-field-workflow-brand-value-wrapper,
#edit-field-job-brand-value-wrapper { position:relative; clear: both; }
#edit-field-workflow-team-uid-uid-wrapper label,
#edit-field-workflow-owners-uid-uid-wrapper label,
#edit-field-workflow-production-co-value-wrapper label,
#edit-field-workflow-agency-value-wrapper label,
#edit-field-workflow-director-value-wrapper label,
#edit-field-workflow-brand-value-wrapper label,
#edit-title-wrapper label,
#edit-field-job-brand-value-wrapper label,
#edit-field-job-video-width-value-wrapper label,
#edit-field-job-video-height-0-value-wrapper label { width:150px; float:left; }
#edit-field-workflow-team-uid-uid-wrapper select,
#edit-field-workflow-owners-uid-uid-wrapper select { float: left; }
#edit-field-job-video-height-0-value-wrapper { clear: both; }
#group-job-credits-items,
#group-credits-glassworks-items { margin:20px 0; float:left; }
/* Video page */
#edit-field-promote-london-value-wrapper { clear: both; }
/* Edit video page */
#edit-field-video-0-ahah-wrapper { float: left; width: 450px; }
/* Department edit page */
#edit-field-department-description-0-value-wrapper { width:860px; }
#edit-field-showreel-0-ahah-wrapper,
#edit-field-showreel-jobs-nid-nid-wrapper,
#edit-field-showcase-jobs-nid-nid-wrapper { width:430px; float: left; }
#edit-field-showreel-jobs-nid-nid-wrapper { clear:left; }
body.logged-in #edit-field-department-photo-0-upload-wrapper { width:430px; clear:none; }
.filefield-element .widget-preview { max-width: none; }
#edit-field-department-showreel-0-upload-wrapper,
#field_department_image_values { float: left; clear: both; width:100%; }
/* Hide group items, as can't be filtered with filter mode */
#edit-field-department-showreel-0-ahah-wrapper,
#field-department-showreel-videos-items { display: none; }
/* User profile page */
#edit-field-profile-photo-0-ahah-wrapper,
#edit-field-profile-promoted-value-wrapper { float: left; }
#edit-field-profile-bio-0-value-wrapper { width:100%; margin-top:20px; }
.node-type-profile #edit-field-profile-promoted-value-wrapper { clear: none; margin-left:20px; }
#edit-field-profile-department-nid-nid-wrapper { width:250px; }
/* Video Popup */
html.videoPopup { margin:0; }
.videoPopup body { font-family:Helvetica, Arial; font-size:0.9em; line-height:1.3; color:#333; padding:0; margin:0; }
.videoPopup form { padding:20px; }
.videoPopup label, input { float:left; }
.videoPopup label { width:160px; clear:both; }
.videoPopup .button { clear:both; margin-top:20px; border:1px solid grey; margin-right:15px; padding:1px 15px; background:#999; color:#fff; }
.videoPopup .error { color:#f00; }
/* New news page */
#edit-field-news-body-0-value-wrapper { float: left; clear: both; width: 100%; }
#edit-field-news-image-0-upload-wrapper { width:100%;}
#edit-field-news-image-0-upload-wrapper .description { display:none; }
#edit-field-news-video-0-nid-nid-wrapper label,
#edit-field-news-image-0-upload-wrapper label { float: left; width:150px; }
#edit-field-news-image-0-upload-wrapper .filefield-element { margin:0; }
#edit-field-news-image-0-upload-wrapper .filefield-element input:first-child { }
#field_history_hero_image_values { width:100%; }
/* News edit page */
.section-node-edit.node-type-news h2.title { display: none; }
/* Vacancy page */
#edit-field-vacancy-description-0-value-wrapper { width:100%; }
#edit-date-wrapper .description #edit-date-wrapper .description { clear:both; float:left; margin-top:13px; }
div.formFilter { float: left; clear: both; width: 100%; }
/* Homepage edit form */
.page-node-508-edit #edit-field-page-image-0-upload-wrapper { display: none; }
#group_homepage_video_items_values { width:100%; }
#group_homepage_video_items_values > tbody > tr > td > div > div { width:520px; }
.front .addNewItem { padding-bottom:15px; background:#fff; }
.node-type-homepage-video #edit-title-wrapper { display: none; }
#heroVideoWrapper { float: left; position: relative; }
#playerBar { position: absolute; top:0; left:0; width:900px; height:32px; background:#eaeaea; opacity:0.9; z-index:10000 }
#playerBar h2 { float: left; margin:6px 0 0 20px; display: none; }
#playerBar ul { float:right; margin-right:20px; }
#playerBar .button { float: left; width:12px; height:14px; margin:8px 9px; cursor: pointer; background: url(../images/player-buttons.gif) 1px 0 no-repeat; }
#playerBar .play { background-position: 0 -16px; }
#playerBar .pause { background-position: 0 -31px; }
#playerBar .next { background-position: 1px -47px; }
#playerBar .prev:hover { background-position: -14px 0; }
#playerBar .play:hover { background-position: -15px -16px; }
#playerBar .pause:hover { background-position: -15px -31px; }
#playerBar .next:hover { background-position: -14px -47px; }
/* Pitch page */
#edit-field-pitch-description-0-value-wrapper { width:100%; }
#group_pitch_video_group_values,
#group_stills_values { width:100%; }
#edit-show-title-wrapper,
#edit-password-wrapper .description,
#edit-is-protected-wrapper .description { display: none; }
#edit-password-wrapper,
#edit-password-pass1-wrapper { margin-right:20px; clear: both; float: left; }
#group_stills_values tr td:nth-child(2) > div:first-child div:first-child { float:left; width:315px; margin-right:0; }
group_stills_values .resizable-textarea { float: left; }
#protected-node-enterpassword { float: left; padding:30px; }
#protected-node-enterpassword #edit-submit { float: left; clear: both; }
#group_pitch_video_group_values tbody td:nth-child(2) div:nth-child(1) { width:310px; }
#group_pitch_video_group_values tbody td:nth-child(2) textarea { width: 470px; }
.jobThumbsWrapper .ui-widget-header { background:none; }
.jobThumbsWrapper .ui-tabs { border:0; padding:0; }
.jobThumbsWrapper .ui-tabs-nav { border:0; padding:0; border-bottom:1px dashed #D9D9D9; width:720px; }
.jobThumbsWrapper .ui-tabs-panel { border:0; padding: 0; }
.jobThumbsWrapper .ui-tabs .ui-tabs-nav li { border:0; width:87px; height:19px; padding-bottom:1px; -moz-border-radius:0px; -webkit-border-radius:0px; }
.jobThumbsWrapper .ui-tabs .ui-tabs-nav li a { padding:1px 17px; }
.jobThumbsWrapper .ui-state-default { background: url(../images/btn/tab.gif) right -20px no-repeat; }
.jobThumbsWrapper .ui-tabs-selected { background-position:left 0; }
/* Spell Checker */
#spellads { visibility: hidden; }
/* Workflow stage */
.workflow-stage-add #edit-title { clear: both; }
form #field_workflow_stage_fileex_values tbody { border: none; }
.group-stage-video-assets .add { margin-bottom: 20px; }
/************************************************************************************************************************/
/* */
/* */
/* Plugin Styles */
/* */
/* */
/************************************************************************************************************************/
/*
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:hidden;}
#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;}
/*
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:url(images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(images/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(images/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(images/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(images/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(images/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(images/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/sites/all/themes/glassworks/css/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/sites/all/themes/glassworks/css/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/sites/all/themes/glassworks/css/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/sites/all/themes/glassworks/css/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/sites/all/themes/glassworks/css/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/sites/all/themes/glassworks/css/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/sites/all/themes/glassworks/css/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/sites/all/themes/glassworks/css/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}