/*
__ _ __ __ __ __
/ /_ _____(_)___ _/ /_ / /_/ /___ _/ /_ _____
/ __ \/ ___/ / __ `/ __ \/ __/ / __ `/ __ \/ ___/
/ /_/ / / / / /_/ / / / / /_/ / /_/ / /_/ (__ )
/_.___/_/ /_/\__, /_/ /_/\__/_/\__,_/_.___/____/
/____/ Smart online solutions.
http://www.brightlabs.com.au
info@brightlabs.com.au
*
* Project: ErdiGroup
* Date: 09-08-2011
* Author: Nick
*
* Sections
* =Header
* =Brand
* =Search
* =Menu
* =Hero/Feature
* =Content
* =Primary
* =Primary Inner
* =Listings
* =Secondary
* =Footer
*
* Section IDs
* xxxxx - Section Title
*
* Colour Palette
* #485560 Text Dk Grey
* #007796 Header Blue
* #4d5057 Header Grey
* #004960 Link Dk Blue
* #f0f0f0 Background
*
*
*/
html,
body {
/* height: 100%; - /* 100% height switch */
}
html {
font-size: 16px;
}
body {
background: #f0f0f0;
color: #485560;
font: 13px/20px TeXGyreHerosRegular, Arial, sans-serif;
}
#wrapper {
background: url('/assets/global/bg-gradient-grey.png') repeat-x;
}
#inner-wrapper {
background: url('/assets/global/bg-e.png') no-repeat center top;
}
#container {
margin: 0 auto;
}
/* AWWW Award banner */
#award{
position: absolute;
right: 0px;
top: 115px;
z-index:1000;
}
#header {
height: 109px;
position: relative;
z-index: 1000;
}
#brand {}
#brand a {
background: url('/assets/global/logo.png') no-repeat center center;
display: block;
height: 108px;
left: 0;
position: absolute;
top: 0;
width: 142px;
}
#menu {
float: right;
margin-top: 34px;
}
#usability {
margin-top: 15px;
margin-bottom: 20px;
overflow: hidden;
}
#breadcrumbs {}
#usability-controls{}
#hero {}
#content {}
#primary { position: relative;}
#secondary {}
#footer-wrapper {}
#footer {}
/* =Breadcrumbs
--------------------------------------------------------- */
#breadcrumbs li {
background: url('/assets/global/breadcrumbs.png') repeat-x 0 -31px;
float: left;
height: 27px;
}
#breadcrumbs li + li {
background-position: -10px -31px;
}
#breadcrumbs .last {
background-position: 100% 1px;
margin-left: -16px;
}
#breadcrumbs li a,
#breadcrumbs .last span {
background: url('/assets/global/breadcrumbs.png') repeat-x 100% -64px;
color: #485560;
display: inline-block;
height: 100%;
padding: 2px 30px 0 15px;
text-decoration: none;
}
#breadcrumbs li a:hover {
text-decoration: underline;
}
#breadcrumbs .last span {
background-position: 0 -64px;
padding: 2px 15px 0 25px;
}
/* =UX Controls
--------------------------------------------------------- */
#usability-controls {
float: right;
width: auto;
}
#usability-controls li {
float: left;
margin-left: 10px;
}
#usability-controls #text-resize a {
background: url('/assets/global/ux-controls.png') no-repeat 0 0;
display: inline-block;
height: 25px;
width: 31px;
}
#usability-controls #text-resize a:hover {
background-position: 0 -26px;
}
/*TEXT RE-SIZZLE VALUES*//* TEXT RESIZZLE */
.normal {}
.large { font-size: 130%; line-height: 170%;}
#usability-controls #print a {
background: url('/assets/global/ux-controls.png') no-repeat -35px 0;
display: inline-block;
height: 25px;
width: 32px;
}
#usability-controls #print a:hover {
background-position: -35px -26px;
}
/* =Content
--------------------------------------------------------- */
#content {}
/* =Primary
----------------------------------------------------- */
#primary {
/* font-size: 12px; */ /* 12px */
/* line-height: 20px; */
}
#primary > h1 {
color: #007796;
font-family: 'TeXGyreHerosCnBold';
font-size: 2em; /* 26px */
line-height: 1.5em; /* 36px */
margin-bottom: 0.75em; /* 18px */
}
/* =Primary Inner
------------------------------------------------- */
#primary-inner {
min-height: 580px;
position: relative;
}
/* @group Style Guide */
#primary-inner a {
color: #007796;
text-decoration: underline;
}
#primary-inner a:visited {
color: #004960;
text-decoration: underline;
}
#primary-inner a:hover {
color: #004960;
text-decoration: underline;
}
#primary-inner a:active {}
/* #primary-inner a[href^="/page/"] {} /* internal */
/* #primary-inner a[href^="http://"] {} /* external */
/* #primary-inner a[href^="#"] {} /* anchor */
#primary-inner abbr,
#primary-inner acronym { letter-spacing: 0.0833em; /* 1px */ }
#primary-inner blockquote {
background: url(/assets/global/blockquote-open.png) no-repeat 0 0;
color: #004961;
font-size: 1.2em;
font-style: normal;
min-height: 30px;
padding: 0 45px;
position: relative;
}
#primary-inner blockquote p {
margin-bottom: 10px;
}
span#close-quote {
background: url(../assets/global/blockquote-close.png) no-repeat 0 0;
display: block;
width: 28px;
height: 28px;
position: absolute;
right: 0;
bottom: 10px;
}
#primary-inner cite {
color: #5d6872;
display: block;
margin-left: 45px;
font-size: 1.2em;
margin-bottom: 20px;
}
#primary-inner code,
#primary-inner p code { font-family: "Lucida Console", Monaco, monospace; white-space: pre; }
#primary-inner em { font-family: 'TeXGyreHerosItalic'; }
#primary-inner hr,
#footer hr {
background: url('/assets/global/bg-hr.png') top left repeat-x;
border: 0;
height: 2px;
margin-bottom: 1.4167em; /* 17px */
}
#primary-inner small {}
#primary-inner strike { text-decoration: line-through; }
#primary-inner strong { font-family: 'TeXGyreHerosBold'; }
#primary-inner em strong { font-family: 'TeXGyreHerosBoldItalic'; }
#primary-inner h1,
#primary-inner h2,
#primary-inner h3,
#primary-inner h4,
#primary-inner h5,
#primary-inner h6{
color: #007796;
font-family: 'TeXGyreHerosCnBold';
}
#primary-inner h1 {
/* font-size: 2em; /* 26px */
/* line-height: 1.384em; /* 36px */
/* margin-bottom: 0.75em; /* ~20px */
font-size: 2.307em; /* 30px */
line-height: 1.2em; /* 36px */
margin-bottom: 0.666em; /* 20px */
}
#primary-inner h2 {
/* font-size: 1.769em; /* 23px */
/* line-height: 1.304em; /* 30px */
/* margin-bottom: 0.782em; /* 18px */
font-size: 2em; /* 26px */
line-height: 1.23em; /* 32px */
margin-bottom: 0.769em; /* 20px */
}
#primary-inner h3 {
/* font-size: 1.538em; /* 20px */
/* line-height: 1.3em; /* 26px */
/* margin-bottom: 0.9em; /* 18px */
font-size: 1.692em; /* 20px */
line-height: 1.272em; /* 28px */
margin-bottom: 0.818em; /* 18px */
}
#primary-inner h4 {
font-size: 1.384em; /* 18px */
line-height: 1.222em; /* 22px */
margin-bottom: 1em; /* 18px */
}
#primary-inner h5 {
font-size: 1.23em; /* 16px */
line-height: 1.25em; /* 20px */
margin-bottom: 1em; /* 16px */
}
#primary-inner h6 {
color: #4d5057;
font-size: 1.077em; /* 14px */
line-height: 1.285em; /* 18px */
margin-bottom: 1.285em; /* 18px */
}
#primary-inner h1 .sub-heading,
#primary-inner h2 .sub-heading,
#primary-inner h3 .sub-heading,
#primary-inner h4 .sub-heading,
#primary-inner h5 .sub-heading,
#primary-inner h6 .sub-heading {
border-left: 1px solid #485560;
color: #485560;
font-family: 'TeXGyreHerosRegular';
font-size: 0.8em;
margin-left: 10px;
padding-left: 10px;
}
#primary-inner p { margin-bottom: 1.5em; /* 18px */ }
#primary-inner ul,
#primary-inner ol {
margin-bottom: 1.5em; /* 18px */
margin-left: 3em; /* 36px */
}
#primary-inner ol > li { list-style: decimal; }
#primary-inner ol ol > li { list-style: lower-alpha; }
#primary-inner ol ol ol > li { list-style: lower-roman; }
#primary-inner ul > li {
background: transparent url('/assets/global/bullet-blue.png') left 8px no-repeat;
list-style: none;
padding-left: 20px;
}
#primary-inner ul ul > li {
background: transparent url('/assets/global/bullet-blue.png') left 8px no-repeat;
list-style: none;
padding-left: 20px;
}
#primary-inner ul ul ul > li {
background: transparent url('/assets/global/bullet-grey.png') left 8px no-repeat;
list-style: none;
padding-left: 20px;
}
/* @end */
/* =Listings
------------------------------------------------- */
/* @group Default
*/
#primary .listing {
list-style: none;
margin: 1.5em 0 0 0;
}
#primary .listing > .item {
background: none;
padding: 0 5px 30px 5px;
position: relative;
overflow: hidden;
}
#primary .listing > .item + .item {
padding-top: 30px;
}
#primary .listing > .item > .left-image {
float: left;
margin-right: 10px;
text-align: center;
width: 130px;
}
#primary .listing > .item > .left-image > img {
max-width: 130px;
max-height: 130px;
}
#primary .listing > .item .title {
margin-top: 0;
}
#primary .listing > .item > .body {
float: left;
padding: 0 0 0 5px;
width: 705px;
}
#primary .listing > .item > .left-image + .body {
width: 560px;
padding: 0 0 0 10px;
}
#primary .listing > .item .summary {
margin-bottom: 1em;
}
#primary .listing > .item .button {
float: right;
margin-bottom: 15px;
}
#primary .listing > .item > .right-image {
float: right;
width: 190px;
position: relative;
}
#primary .listing > .item > .right-image > img {
float: right;
max-width: 190px;
max-height: 190px;
}
#primary .listing > .item > .right-image .overlay {
background: url('/assets/global/image-overlay.png') no-repeat left center;
height: 100%;
left: 0;
max-height: 190px;
max-width: 190px;
position: absolute;
top: 0;
width: 100%;
}
#primary .listing > .item .border {
background: url('/assets/global/bg-listing-item.png') repeat-x left bottom;
display: none;
height: 2px;
left: 0;
position: absolute;
top: 0;
width: 720px;
}
#primary .listing > .item + .item .border {
display: block;
}
/* @end */
/* Document Listing */
#primary .doc-listing .item {
padding-bottom: 5px;
}
#primary .doc-listing .item + .item {
padding-top: 10px;
}
#primary .doc-listing .item .title {
float: left;
font-size: 18px;
margin-bottom: 7px;
}
#primary .doc-listing .item .sub-heading{
font-size: 14px;
}
#primary .doc-listing .item .button {
margin: 6px 0 6px 10px;
}
/* @end */
/* =iCMS Forms */
.captureform2 .field_contain {
margin-bottom: 10px;
}
.captureform2 input[type=file]{
font-size: 13px;
}
.captureform2 input[type=text],
.captureform2 input[type=password],
.captureform2 textarea {
border: 1px solid #c9cccf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 13px;
padding: 2px 5px 3px 5px;
width: 150px;
}
.captureform2 img[title="Security Check"] {
border: 1px solid #c9cccf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.captureform2 .field_name {
color: #007796;
font-family: 'TeXGyreHerosCnBold';
font-size: 14px;
text-align: left;
}
.captureform2 span.required {
display: none;
}
.captureform2 .required input[type=text],
.captureform2 .required textarea {
background: #fff url('/assets/global/bg-asterisk.png') right center no-repeat;
padding-right: 20px;
}
.captureform2 .required textarea {
background-position: right 10px;
height: 100px;
}
.captureform2 .form_submit input[type=submit]{
/* background: #007796; */
/* border: 1px solid #005972; */
background: url('/assets/global/buttons.png') 100% -5px no-repeat;
border: none;
border-left: 1px solid #005972;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
cursor: pointer;
font-size: 11px;
height: 25px;
/* padding: 3px 7px 4px 7px; */
padding: 4px 20px 4px 7px;
text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
text-transform: uppercase;
}
.ie7 .captureform2 .form_submit input[type=submit]{
height: 27px;
padding: 4px 7px 4px 0;
}
.captureform2 .form_submit input[type=submit]:hover {
/* background: #004960; */
background-position: 100% -35px;
border-color: #003748;
}
#required-fields-message {
color: #999;
font-family: 'TeXGyreHerosItalic';
}
#required-fields-message #asterisk {
color: #007796;
font-family: 'TeXGyreHerosBoldItalic';
}
/* @end */
/* @group Events
-
">
Sep
30
*/
#events {}
#events > .item {}
#events > .item > .metadata {}
#events > .item > .metadata > .month {}
#events > .item > .metadata > .day {}
/* @end */
/* =Secondary
----------------------------------------------------- */
#secondary {
font-size: 1.2em;
line-height: 1.5em;
}
#secondary h2 {
font-size: 1.6667em; /* 20px */
line-height: 1.8em; /* 36px */
margin-bottom: 0.9em; /* 18px */
}
/* TITLE BLOCK
----------------------------------------------------- */
#title-block {
margin-bottom: 30px;
overflow: visible;
position: relative;
z-index: 1;
}
#title-block h1 {
color: #007796;
font-family: 'TeXGyreHerosCnBold';
font-size: 40px !important;
line-height: 40px;
}
#title-block #scripty-title + h1 {
padding-top: 80px;
}
#title-block h1 + p {
color: #485560;
font-size: 20px;
margin-top: 10px;
}
#title-block img {
position: absolute;
top: 0;
right: 3px;
}
/* Scripty Titles
----------------------------------------------------- */
#scripty-title {
background: url(/assets/second-level/secondlevel-titles-faded.png) no-repeat;
display: block;
width: 1050px;
height: 135px;
position: absolute;
top: 0;
left: -525px;
z-index: -1;
}
.edgy-title { background-position: 15px -1052px !important; }
.enchanting-title { background-position: 15px -464px !important; }
.energetic-title { background-position: 15px -2481px !important; }
.engaging-title { background-position: 15px -2770px !important; }
.empower-title { background-position: 15px -240px !important; }
.established-title { background-position: 15px -2137px !important; }
.evolve-title { background-position: 15px 0px !important; }
.exceptional-title { background-position: 15px -1599px !important; }
.exciting-title { background-position: 15px -1325px !important; }
.experienced-title { background-position: 15px -1878px !important; }
.extraordinary-title { background-position: 15px -729px !important; }
/* Contact Us Page
----------------------------------------------------- */
.contact-page #primary-inner {
padding-right: 570px;
}
.contact-page #contact-details {
width: 100%;
margin-bottom: 20px;
}
.contact-page #contact-details th,
.contact-page #contact-details td {
border-bottom: 1px solid #b1b5b9;
padding: 5px 0;
}
.contact-page #contact-details .last th,
.contact-page #contact-details .last td {
border-bottom: none;
}
.contact-page #contact-details th {
color: #007796;
font-family: 'TeXGyreHerosCnBold';
width: 100px;
vertical-align: top;
}
#contact-map-container {
background: url('/assets/second-level/contact/bg-map.png') -23px 0 no-repeat;
height: 470px;
position: absolute;
right: -80px;
top: -20px;
width: 630px;
}
#contact-map {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 247px;
left: 10px;
top: 10px;
width: 531px;
}
.contact-page .error-message {
margin-bottom: 15px;
}
.contact-page .captureform2 .field_name {
width: 100px;
}
.contact-page .captureform2 .field_input {
margin-left: 110px;
}
.contact-page .captureform2 input[name="security_code"] {
margin-right: 100%;
}
/* Hotel Detail Page
----------------------------------------------------- */
/*Details*/
#hotel-details {
margin-bottom: 20px;
padding: 0 3px 5px 0;
overflow: hidden;
}
/*Hotel Overview*/
#hotel-overview {
float: left;
margin-right: 20px;
width: 270px;
}
#hotel-overview ul { margin-left: 0; }
#hotel-overview ul li {
background: none;
border-top: 1px solid #b2b7ba;
margin-top: 8px;
overflow: hidden;
padding: 8px 0 0px 0;
}
#hotel-overview ul li:first-child { border-top: none; }
#hotel-overview ul li h4,
#hotel-overview ul li p {
float: left;
margin-bottom: 0;
}
#hotel-overview ul li h4 {
display: block;
font-size: 1.1em;
line-height: 1.5em;
margin-right: 10px;
width: 95px;
}
#hotel-overview ul li p {
color: #485560;
width: 165px;
}
#hotel-overview ul li.info-new-line h4,
#hotel-overview ul li.info-new-line p {
float: none;
}
#hotel-overview ul li a {
color: #485560;
text-decoration: none;
}
#hotel-overview ul li a:hover { text-decoration: underline; }
/* HOTEL STARS */
#hotel-overview p.stars {
background: url(../assets/second-level/hotels-page/stars.png) no-repeat;
display: block;
height: 22px;
}
#hotel-overview p.five-stars { background-position: 0 0px; }
#hotel-overview p.four-half-stars { background-position: 0 -100px; }
#hotel-overview p.four-stars { background-position: 0 -200px; }
#hotel-overview p.three-half-stars { background-position: 0 -300px; }
#hotel-overview p.three-stars { background-position: 0 -400px; }
#hotel-overview p.two-half-stars { background-position: 0 -500px; }
#hotel-overview p.two-stars { background-position: 0 -600px; }
/*Hotel Images*/
#hotel-images {
background-color: #f5f5f7;
border: 1px solid #c5c6c7;
box-shadow: 0px 1px 3px rgba(0,0,0,.3);
float: right;
height: 480px;
overflow: hidden;
position: relative;
width: 645px;
}
#hotel-images ul {
list-style: none;
margin: 0;
}
#hotel-images li {
background: none !important;
font-size: 12px;
float: left;
height: 470px;
margin: 0px;
overflow: hidden;
padding: 0px !important;
position: relative;
width: 650px;
}
#hotel-images li p {
background: #f5f5f7;
bottom: 14px;
color: #007796;
font-family: 'TeXGyreHerosBold';
font-size: 16px;
left: 20px;
margin-bottom: 0;
position: absolute;
}
#hotel-fader-controls {
background: url(/assets/second-level/hotels-page/fader-controls.png) no-repeat 24px -72px;
bottom: 15px;
padding: 10px 0;
position: absolute;
overflow: hidden;
right: 20px;
width: 55px;
}
#hotel-fader-controls p { margin: 0; }
#hotel-fader-controls a {
background: url(/assets/second-level/hotels-page/fader-controls.png) no-repeat 0 0;
display: block;
text-indent: -5000px;
height: 18px;
width: 18px;
}
#hotel-fader-controls a.prev-hotel {
background-position: 6px 0;
float: left;
}
#hotel-fader-controls a.prev-hotel:hover { background-position: 6px -38px; }
#hotel-fader-controls a.next-hotel {
background-position: -39px 0;
float: right;
}
#hotel-fader-controls a.next-hotel:hover { background-position: -39px -38px; }
#hotel-image-pointer {
background: url(/assets/second-level/hotels-page/image-pointer.png) no-repeat 0 0;
display: block;
position: absolute;
height: 17px;
width: 33px;
bottom: 64px;
left: 65px;
}
/* About Page
----------------------------------------------------- */
.about-page {
padding-right: 350px !important;
min-height: 635px;
position: relative;
}
#big-les-erdi-image {
background: url(/assets/second-level/about/big-les.png) no-repeat 0 0;
position: absolute;
display: block;
right: -35px;
bottom: -28px;
width: 377px;
height: 865px;
}
.ie7 #big-les-erdi-image { bottom: -48px; }
/*MOTTO SLIDER*/
#about-motto-slider {
height: 240px;
overflow: hidden;
position: relative;
width: 580px;
padding-top: 15px;
}
#about-motto-slider ul {
list-style: none;
margin: 0;
}
#about-motto-slider li {
font-size: 12px;
float: left;
height: 210px;
margin: 0px;
overflow: visible;
padding: 0px !important;
position: relative;
width: 580px;
}
#motto1 { background: url(../assets/second-level/about/moto-slider-1.png) no-repeat left bottom !important; }
#motto3 p,
#motto2 p,
#motto1 p {
display: block;
width: 310px;
font-size: 18px;
font-family: 'TeXGyreHerosCnRegular';
line-height: 24px;
position: absolute;
right: 0;
top: 0;
}
.ie7 #motto2 p {
padding-bottom: 10px;
}
#motto3 p strong,
#motto2 p strong,
#motto1 p strong {
display: block;
font-family: 'TeXGyreHerosCnBold';
font-size: 43px;
line-height: 40px;
text-transform: uppercase;
}
#motto1 p strong span {
color: #007290;
}
#motto2 { background: url(../assets/second-level/about/moto-slider-2.png) no-repeat left bottom !important; }
#motto2 p strong {
margin-bottom: 10px;
}
#motto2 span {
color: #027492;
font-size: 30px;
display: block;
margin-top: 10px;
}
#motto3 { overflow: hidden; background: url(../assets/second-level/about/moto-slider-3.png) no-repeat left bottom !important; }
#motto3 span#achieve {
display: block;
margin-top: 5px;
}
#motto3 span#and {
display: block;
color: #007493;
float: left;
font-size: 50px;
line-height: 40px;
font-family: 'TeXGyreHerosCnBold';
margin-top: 8px;
margin-right: 5px;
}
#motto3 span#and-more {
display: block;
float: left;
width: 200px;
margin-top: 5px;
}
/*PAGINATION*/
#aboutslide-pag {
overflow: hidden;
position: absolute;
right: 10px;
bottom: 5px;
}
#aboutslide-pag a {
background: url(../assets/second-level/about/slider-pagination.png) no-repeat left -30px;
display: block;
float: left;
text-indent: -5000px;
height: 12px;
width: 12px;
margin-left: 5px;
}
#aboutslide-pag a.selected {
background-position: left 0;
}
#aboutslide-pag a:hover {
background-position: left 0;
}
/* Book Page
------------------------------------------------------*/
.book-page {
}
#book-image-large {
background: url(/assets/second-level/about/book-large.png) no-repeat 0 0;
bottom: -540px;
display: block;
height: 500px;
position: absolute;
right: -35px;
width: 430px;
}
.paypal-book {
right: 0;
position: absolute;
top: -110px;
width: 250px;
}
.paypal-book strong { font-family: 'TeXGyreHerosBold'; }
.paypal-book h3 {
color: #007796;
font-family: 'TeXGyreHerosBold';
font-size: 20px;
line-height: 24px;
margin-bottom: 18px;
}
.paypal-book table {
margin: 10px 0;
font-size: 13px;
}
.paypal-book table td {
text-align: left;
}
.paypal-book select {
border: 1px solid #c9cccf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 13px;
padding: 2px 5px 3px 5px;
}
.paypal-book .submit {
margin-top: 10px;
}
#paypal-submit {
/* margin: 0 0 0 45px; */
}
#paypal-logo {
vertical-align: top;
margin: 1px 0 0 5px;
}
/*Job Intro Page
----------------------------------------------------- */
#work-withus-intro-lady {
display: block;
background: url(../assets/second-level/work-withus/intro-girl.png) no-repeat 0 0;
width: 460px;
height: 462px;
position: absolute;
right: -460px;
bottom: -27px;
}
.ie7 #work-withus-intro-lady {
bottom: -67px;
}
#work-withus-cta { overflow: hidden; margin: 20px 0 40px 0 !important; }
#work-withus-cta li {
background: none !important;
padding: 0 !important;
float: left;
margin-right: 10px;
}
/*Job Hotel Listing Page
----------------------------------------------------- */
#primary .job-hotel-listing > .item > .body {
width: 630px;
}
#primary .job-hotel-listing > .item > .left-image + .body {
width: 480px;
}
#work-withus-man {
display: block;
background: url(../assets/second-level/work-withus/man-blue.png) no-repeat 0 0;
width: 460px;
height: 395px;
position: absolute;
right: -460px;
bottom: -27px;
}
/*Job Listing Page
----------------------------------------------------- */
#primary .job-listing > .item > .body {
width: 100%;
}
#primary .job-listing > .item .summary {
display: inline-block;
width: 705px;
}
#primary .job-listing > .item .button {
/* margin: 15px 20px 0 0; */
right: 20px;
position: absolute;
top: 50%;
}
#primary .job-listing > .item .border {
width: 100%;
}
/*Job Details
----------------------------------------------------- */
#work-withus-feature-image {
margin-bottom: 20px;
border: 1px solid #c4c5c6;
}
.job-details h2,
.job-details h3 {
font-size: 26px;
color: #007796;
font-family: 'TeXGyreHerosCnBold';
margin-bottom: 0px !important;
}
.job-details ul {
overflow: hidden;
padding-bottom: 30px;
}
.job-details ul li {
overflow: hidden;
border-bottom: 1px solid #aeb3b7;
padding-bottom: 5px;
margin-bottom: 5px;
}
.job-details ul li a {
color: #007796;
}
.job-details ul li h4 {
display: block;
color: #007796;
float: left;
font-size: 12px;
font-family: 'TeXGyreHerosBold';
width: 100px;
margin-right: 10px;
}
.job-details ul li p {
width: 170px;
display: block;
float: left;
font-size: 12px;
}
.job-doc-listing {
margin-top: 10px;
}
.job-doc-listing .item {
padding: 10px 0 20px 0;
}
.job-doc-listing .item + .item {}
.job-doc-listing .item .title {
float: none;
width: auto;
}
.job-doc-listing .item .summary {}
.job-doc-listing .item .button {}
.job-doc-listing .item .border {
display: none;
}
/* Submit Resume Page
----------------------------------------------------- */
.submit-cv #primary-inner {
min-height: 400px;
}
#work-withus-divider{
clear: left;
left: 50%;
margin-top: 40px;
position: relative;
}
#work-withus-divider-inner {
background: url(/assets/second-level/work-withus/divider.png) no-repeat center top;
height: 6px;
left: -570px; /*half of width*/
position: relative;
width: 1140px;
}
#work-withus-man-2 {
background: url(/assets/second-level/work-withus/man-black.png) no-repeat 0 0;
bottom: -83px;
display: block;
height: 515px;
position: absolute;
right: -220px;
width: 503px;
}
.submit-cv #secondary {
color: #485560;
font: 13px/20px TeXGyreHerosRegular, Arial, sans-serif;
}
.submit-cv #secondary h3 {
color: #007796;
font-family: 'TeXGyreHerosCnBold';
font-size: 22px;
margin-bottom: 30px;
}
.submit-cv #secondary .field_name {
clear: left;
float: left;
width: 90px;
}
.submit-cv #secondary .form_submit {
margin-top: 30px;
}
.submit-cv #secondary .col-1 {
padding-bottom: 5px;
}
.submit-cv #secondary .col-1 .field_input {
margin-left: 100px;
}
.submit-cv #secondary .col-1 p {
margin-bottom: 7px;
}
.submit-cv #secondary .col-2 {}
.submit-cv #secondary .col-2 p {
padding-bottom: 17px;
}
.submit-cv #secondary .col-2 .field_contain {
margin-bottom: 15px;
}
.submit-cv #secondary .col-2 .field_name {
width: 140px;
}
/* Sitemap
----------------------------------------------------- */
#sitemap2 {
margin-left: 0 !important;
}
#sitemap2 a {
text-decoration: none;
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #cccccc;
}
#sitemap2 a:hover { text-decoration: underline; }
#sitemap2 > li {
background: url(/assets/global/sitemap-toplevel.png) no-repeat !important;
padding: 0 0 0px 30px !important;
}
#sitemap2 > li > ul { margin-left: 0 !important; }
#sitemap2 > li > ul > li {
background: url(/assets/global/sitemap-secondlevel.png) no-repeat !important;
padding: 0 0 0px 30px !important;
}
#sitemap2 > li > ul > li > ul { margin: 0 !important; }
#sitemap2 > li > ul > li > ul > li {
background: url(/assets/global/sitemap-secondlevel.png) no-repeat !important;
padding: 0 0 0px 30px !important;
}
/* =Footer
--------------------------------------------------------- */
#footer-wrapper {
background: url('/assets/global/bg-footer.png') left bottom repeat-x;
margin-top: 20px;
}
#footer-inner-wrapper {
background: url('/assets/global/bg-footer-detail.jpg') center bottom no-repeat;
}
#footer {
color: #54505a;
height: 545px;
}
#footer a {
color: #54505a;
text-decoration: none;
}
#footer a:visited {
color: #54505a;
}
#footer a:hover {
text-decoration: underline;
}
#footer a:active {}
#footer-promo-wrapper{
display: table;
height: 280px;
position: relative;
margin-top: 15px;
overflow: hidden;
}
#footer-promo-inner-wrapper {
display: table-cell;
vertical-align: middle;
}
.ie7 #footer-promo-inner-wrapper {
position: absolute;
top: 50%;
}
#footer-promo {
width: 600px;
}
.ie7 #footer-promo {
position: relative;
top: -50%;
}
#footer-promo h1,
#footer-promo h2,
#footer-promo h3 {
color: #007796;
font-family: 'TeXGyreHerosCnBold';
font-size: 23px;
}
#footer-promo p {
margin: 30px 0;
}
#promo-book {
padding-top: 50px;
position: relative;
overflow: hidden;
height: 230px;
}
#promo-book p {
width: 400px;
}
#promo-book #book {
right: 0;
position: absolute;
top: 40px;
}
#promo-biz {}
#other-biz li {
float: left;
}
#other-biz li + li {
margin-left: 20px;
}
#promo-cv {
width: 700px;
padding-top: 10px;
}
#promo-cv h3 {
padding-bottom: 20px;
}
#promo-cv p {
margin: 0 0 7px 0;
font-size: 12px;
}
#promo-cv .col-1 {
float: left;
width: 330px;
}
#promo-cv .col-1 .field_name {
clear: left;
float: left;
}
#promo-cv .col-1 .field_input {
margin-left: 100px;
}
#promo-cv .col-2 {
float: left;
width: 370px;
}
#promo-cv .col-2 .field_name {
padding-bottom: 15px;
}
#promo-cv .col-2 .field_input{
margin-left: 20px;
padding-bottom: 10px;
}
#promo-cv .form_submit {
margin: 25px 0 0 20px;
}
#promo-hotel-urban {}
#promo-work-with-us {}
#promo-employee-dev {}
#footer-links {
clear: both;
height: 130px;
margin-top: 60px;
}
.footer-column h3 {
color: #4d5057;
font-family: 'TeXGyreHerosCnBold';
font-size: 1.1667em; /* 14px */
line-height: 1.2857em; /* 18px */
}
.footer-column ul,
.footer-column dl {
margin-top: 15px;
}
.footer-column dt {
clear: left;
float: left;
width: 50px;
}
.footer-column dd {
/* float: left; */
}
#footer-copyright {
margin-top: 20px;
}
#footer-copyright ul li {
float: left;
padding-right: 50px;
}
#brightlabs {
float: left;
}
/* =Login
--------------------------------------------------------- */
#login-form .field_contain label {
display: inline-block;
text-align: right;
width: 80px;
}
#login-form .field_contain input {
margin-left: 10px;
}
#login-form .field_submit {
padding-left: 93px;
}
/* =Miscellaneous
--------------------------------------------------------- */
/* @group Buttons */
.button {
background: url('/assets/global/buttons.png') -4px -5px no-repeat;
border: none;
cursor: pointer;
color: #fff !important;
display: inline-block;
height: 26px;
font-size: 11px;
/* font-weight: bold; */
overflow: visible;
padding: 0 0 0 5px;
text-decoration: none !important;
text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
text-transform: uppercase;
white-space: nowrap;
}
.button > span {
background: url('/assets/global/buttons.png') 100% -5px no-repeat;
display: block;
height: 26px;
line-height: 24px;
padding: 0 20px 0 5px;
}
.button.black {
background: url('/assets/global/buttons.png') -4px -65px no-repeat;
}
.button.black > span {
background: url('/assets/global/buttons.png') 100% -65px no-repeat;
}
.button:hover {
background-position: -4px -35px;
text-decoration: none;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}
.button:hover > span { background-position: 100% -35px; }
.button:active {}
.button:active > span {}
.back-button {
background: url('/assets/global/back-button.png') -4px -5px no-repeat;
padding-left: 16px;
}
.back-button span {
background: url('/assets/global/back-button.png') 100% -5px no-repeat;
}
/* @end */
.wai {
height: 1px;
left: -9999px;
position: absolute;
width: 1px;
}
.alert { }
.good-message,
.error-message {
background: url('/assets/global/bg-error.png');
border: 1px solid #73343c;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
padding: 7px;
text-align: center;
}
.good-message {
background: url('/assets/global/bg-error-blue.png');
border: 1px solid #246c7e;
color: #fff;
}