html {
height: 100%;
-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
-ms-touch-action: manipulation;
touch-action: manipulation;
}
body {
margin: 0 auto;
height: 100%;
width: 100%;
color: #484747;
background: #8d8d8d;
font-family: sans-serif;
font-size: 14px;
}
label {
color: #000;
font-weight: normal;
}
strong {
font-weight: bold;
}
input[type="text"], input[type="password"] {
border: 1px solid #e3e3e3;
color: #000;
font-size: 13px;
width: 140px;
font-family: Arial, Helvetica, sans-serif;
padding: 10px 12px;
-webkit-appearance: none;
-moz-border-radius: 0px;
border-radius: 0px;
/*
-moz-border-radius: 4px;
border-radius: 4px;
*/
}
input[type="file"] {
border: 1px solid #e3e3e3;
color: #000;
font-size: 13px;
width: 200px;
font-family: Arial, Helvetica, sans-serif;
padding: 3px;
margin: 0px 4px 0 0;
float: left;
}
input[type="checkbox"] {
padding-top: 8px;
}
input[type="text"].val-number {
width: 40px;
}
input[type="text"].small {
width: 80px;
}
input[type="text"].medium {
width: 140px;
}
select.medium {
width: 156px;
}
input[type="text"].wide {
width: 220px;
}
select.wide {
width: 232px;
}
input.val-date {
width: 80px;
}
input.val-time {
width: 33px;
}
textarea {
border: 1px solid #e3e3e3;
color: #000;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
padding: 10px 12px;
-webkit-appearance: none;
line-height: 20px;
}
textarea.wide {
width: 400px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus {
border: 1px solid #b3b3b3;
}
textarea.description {
width: 400px;
}
input.name {
width: 400px;
}
input[type="submit"], button {
padding: 0 6px;
font-size: 13px;
border: 1px solid #d3d3d3;
color: #363636;
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;
background: #e6e6e6 url(/assets/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
color: #555555;
height: 28px;
}
input[type="submit"]:hover, button:hover {
border: 1px solid #999999;
background: #dadada url(/assets/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
color: #212121;
cursor: pointer;
}
a, div.pages a, .ui-dialog .ui-dialog-content a {
color: #237EA4;
text-decoration: none;
}
a:hover, div.pages a:hover, .ui-dialog .ui-dialog-content a:hover {
color: #53291d;
cursor: pointer;
}
a.docx {
float: left;
display: block;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -0px -195px;
height: 24px;
padding-left: 21px;
margin-right: 12px;
}
a.csv {
float: left;
display: block;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -0px -166px;
height: 24px;
padding-left: 19px;
margin-right: 12px;
}
a.pdf {
float: left;
display: block;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -0px -130px;
height: 24px;
padding-left: 21px;
margin-right: 12px;
}
a.reset {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -126px -88px;
margin-right: 2px;
}
a.edit {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -60px -88px;
margin-right: 2px;
}
a.delete {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -34px -86px;
}
a.delete.small {
float: left;
display: block;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -678px -96px;
height: 15px;
width: 15px;
}
div.templateAttachments a.delete {
display: block;
height: 15px;
width: 15px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -678px -96px;
float: left;
margin: 2px 0 0 5px;
}
div.templateAttachments a.attachment {
margin-right: 0;
clear: left;
}
a.save {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -364px -90px;
margin-right: 2px;
}
a.reload {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -158px -88px;
}
a.add {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -188px -88px;
}
a.add.small {
float: left;
display: block;
height: 20px;
width: 20px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -342px -93px;
}
a.user {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -269px -89px;
}
a.up {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -216px -88px;
}
a.down {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -242px -88px;
}
a.itinerary {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -414px -90px;
}
a.agent {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -437px -90px;
}
a.find {
float: left;
display: block;
height: 24px;
width: 23px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -464px -90px #e6e6e6;
border-top: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
}
a.arrow-right {
float: left;
display: block;
height: 24px;
width: 25px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -490px -90px;
}
a.arrow-left {
float: left;
display: block;
height: 24px;
width: 25px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -525px -90px;
}
a.email {
float: left;
display: block;
height: 24px;
width: 28px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -555px -90px;
}
a.comment {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -268px -88px;
}
a.view {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -94px -88px;
}
a.dollar {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -290px -89px;
}
a.on {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -618px -88px;
}
a.off {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -588px -88px;
}
a.call {
float: left;
display: block;
height: 24px;
width: 24px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat -648px -92px;
}
a.help {
display: block;
height: 30px;
width: 30px;
text-indent: -9999px;
background: url( '/assets/images/sprites/default.sprite.png') no-repeat 2px -84px;
position: absolute;
right: 16px;
top: -2px;
}
a.button, .ui-dialog .ui-dialog-content a.button {
color: #FFFFFF;
font-family: 'latolight',sans-serif;
font-size: 16px;
float: left;
margin-right: 10px;
padding: 12px 16px;
text-align: center;
text-transform: uppercase;
background: #33C5F3;
/*
padding: 0px 10px 0px 10px;
font-size: 12px;
color: #fff;
background: #0189ff;
margin-right: 5px;
display: inline-block;
width: auto;
line-height: 31px;
text-transform: uppercase;
-moz-border-radius: 4px;
border-radius: 4px;
*/
}
a.button.small {
padding: 8px 12px;
}
a.button.outline { background: none; color: #EA1E76; border: 1px solid #EA1E76; padding: 10px 14px; }
a.button.outline:hover { background: none; color: #E84189; border: 1px solid #E84189; }
a.button small {font-size: .85em;}
a.button.memberlogin { float: none; font-size: 14px; padding: 6px 8px;}
a.button.info {
font-size: 14px; padding: 0px 8px; line-height: 30px;
}
a.button.info { background: url('/assets/images/info-icon.png') no-repeat; text-indent: -9999px; width: 15px; }
a.button.info:hover {background: url('/assets/images/info-icon.png') no-repeat; }
a.button.prices { background: url('/assets/images/large-info-icon.png') no-repeat 2px 2px; text-indent: -9999px; width: 15px; }
a.button.prices:hover {
background: url('/assets/images/large-info-icon.png') no-repeat 2px 2px;
}
a.new-info {
font-size: 1.5em;
display:inline-block;
height: 16px;
position:absolute;
right: -23px;
top: -1px;
color: #000;
}
div.duration a.new-info {top: 7px;}
a.new-info:hover {color:#000;}
table.form td.info {padding-top: 9px;}
a.button.add-new-page {
margin-top: 5px;
}
a.button.right {
float: right;
margin-right: 0;
}
a.button:hover, .ui-dialog .ui-dialog-content a.button:hover {
cursor: pointer;
/*background: #35a0fe;*/
background: none repeat scroll 0 0 #6bd3f3;
color: #FFFFFF;
transition: all 0.2s ease-in-out 0s;
}
a.button.sold, a.button.sold:hover {
background: #df0f25;
}
a.button.prices:hover, a.button.info:hover {
-moz-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
input.datePicker {
width: 75px;
}
input.time {
width: 35px;
}
input.search {
width: 220px;
margin-right: 8px;
}
p {
line-height: 22px;
margin-bottom: 10px;
}
div.or {
font-size: 1.25em;
font-weight:bold;
margin: 12px 25px 0px 15px;
float:left;
}
h1 {
font-size: 2.4em;
font-weight: 300;
font-family: 'Lato',sans-serif;
color: #000;
margin: 0;
}
h1 span.highlight {
color: #f00095;
}
h1.border {
border-bottom: 1px solid #e3e3e3;
width: 100%;
padding-bottom: 10px;
}
h1.left {float: left;}
h2 {
font-size: 1.5em;
color: #000;
font-weight: 300;
font-family: 'Lato',sans-serif;
line-height: 30px;
margin-bottom: 10px;
}
b.highlight {
color: #df0f25;
}
h3 {
font-family: 'Lato',sans-serif;
font-size: 1.25em;
margin-bottom: 8px;
font-weight: 300;
}
h4 {
font-family: 'Lato',sans-serif;
margin-bottom: 8px;
font-weight: 300;
}
span.hint {
color: #363636;
font-weight: bold;
}
.header--top {
font-size: 12px;
text-align:center;
padding: 4px 0;
}
#header {
height: 200px;
padding: 40px 0;
background: url(/assets/images/canggu-bg.jpg) no-repeat center bottom;
background-size: cover;
}
#header div.middle {
}
#header h2 {
float: left;
margin: 22px 0 0 6px;
}
div.middle {
margin: 0 auto;
width: 900px;
min-width: 310px;
/*
90%;
max-width: 900px;
min-width: 900px;
*/
}
#middle {
background: #fff;
margin: 0 auto;
width: 100%;
}
#headerinfo {
width: 100%;
padding: 6px 0;
background: #8d8d8d;
/*background: #33C5F3;*/
display: none;
}
#headerinfo div.middle {position:relative;}
#logo {
background: url(/assets/images/canggu-logo.png) no-repeat;
background-size: 450px auto;
height: 91px;
width: 450px;
margin: 0 20px;
}
#logo {
}
div.menu-bg {
width: 80%;
height: 50px;
}
div.menu-bg div.middle {
height: 50px;
background: #53291d;
}
.menu {
height: 48px;
font-size: 12px;
margin: 0 auto;
float: left;
text-transform: uppercase;
position: absolute;
top: 0;
left: 280px;
height: 120px;
}
.menu ul {
list-style: none;
padding: 0px 0 0 0;
border: 0px;
height: 120px;
margin: 0px 0 0 12px;
float: left;
}
.menu ul.submenu {display: none; float: right; position: relative;}
.menu ul.submenu ul { right: 0; }
.menu ul.submenu li a.expand { width: 40px; color: #fff; background: #f00095; font-size: 28px; padding: 0; height: 30px; margin-top: 40px; padding-top: 5px; }
.menu li {
float: left;
padding: 0px;
/*background: url('/assets/images/menu-separator.png') 0px 16px no-repeat;*/
}
.menu li.first {
background: none;
}
.menu li.right {
float: right;
margin-right: 4px;
}
.menu li a {
display: block;
height: 60px;
margin: 0px;
padding: 55px 10px 4px 10px;
text-align: center;
color: #00ADEF;
text-decoration: none;
border: 1px solid transparent;
font-size: 12px;
font-weight: bold;
}
.menu li a:hover {
background: #f00095;
}
.menu li:hover a {
background: #f00095;
/*color: #fff;*/
}
.menu ul li:hover a {
background: #f00095;
/*color: #fff;*/
}
.menu li a span {
/*color: #fff;*/
}
.menu li ul {
margin: 0px 0 0 -2px;
padding: 0 0 8px 0;
/*
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
*/
z-index: 200;
display: none;
height: auto;
position: absolute;
background: #fff;
min-width: 180px;
background: #f00095;
/*
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
*/
}
.menu li:hover ul {
display: block;
}
.menu li li {
display: block;
float: none;
margin: 0px;
padding: 0px;
border: 0px;
}
.menu li:hover li a {
line-height: 38px;
height: 38px;
color: #fff;
background: none;
border-bottom: 1px solid #e1e1e1;
border-top: none;
border-left: none;
border-right: none;
position: static;
text-align: left;
padding: 0 5px 1px 5px;
margin: 0 10px;
width: 160px;
font-weight: normal;
font-size: 14px;
}
.menu li ul a {
display: block;
height: 30px;
font-style: normal;
margin: 0px;
text-align: left;
}
.menu li ul a.bold {
font-weight: bold;
}
.menu li ul a:hover, .menu li ul li:hover a {
background: none;
color: #fff;
/*
text-decoration: underline;
*/
}
.menu li.bookmarks:hover li a {
width: auto;
}
.menu p {
clear: left;
}
div.clearAll {
clear: both;
}
div.top-menu {
float: right;
height: 50px;
min-width: 50px;
background: url(/assets/images/top.jpg) no-repeat top left;
padding: 0 14px 0 20px;
line-height: 42px;
color: #fff;
font-size: 13px;
font-weight: bold;
}
div.top-menu a, div.top-menu a:visited {
color: #f84d08;
}
div.top-menu a:hover {
color: #fff;
}
div.top-menu span {
color: Gray;
padding: 0 6px 0 12px;
}
#hmenu {
float: right;
margin-top: 2px;
margin-right: 14px;
text-align: right;
text-transform: lowercase;
font-size: 11px;
width: 600px;
color: #363636;
}
#hmenu span.separator {
color: #A0A0A0;
}
#hmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
#hmenu li {
display: inline;
}
.separator {
padding: 5px;
}
#pagetitle {
height: 60px;
margin: 0 20px;
/*border-bottom: 1px solid #e3e3e3;*/
clear: both;
}
#pagetitle h1 {
float: left;
font-size: 24px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
margin: 25px 0 0 0;
}
div.breadcrumb {
margin: -24px 20px 0 0px;
height: 22px;
float: right;
}
div.breadcrumb ul {
font-size: 11px;
color: #7A7A7A;
float: left;
background: url(/assets/images/backgrounds/textbox-bg.jpg) repeat-x white;
border: 1px solid #e3e3e3;
margin: 0 0 0 15px;
}
div.breadcrumb ul li a {
color: #363636;
text-decoration: none;
}
div.breadcrumb ul li a:hover {
color: #53291d;
}
div.breadcrumb ul li {
float: left;
display: block;
height: 22px;
line-height: 22px;
font-size: 11px;
}
div.breadcrumb ul li a:visited {
color: #363636;
}
div.breadcrumb li a, ul.breadcrumb li span {
padding: 0 6px;
}
div.breadcrumb li.home {
background: url('/assets/images/home.gif') no-repeat 3px 3px;
}
div.breadcrumb li.home a, ul.breadcrumb li.home span {
padding-left: 22px;
}
div.breadcrumb ul.breadcrumb li a:hover {
color: #53291d;
text-decoration: underline;
}
ul.tab-breadcrumb {
font-size: 11px;
height: 24px;
margin: -15px -5px 18px -5px;
border-bottom: 1px solid #e3e3e3;
}
ul.tab-breadcrumb li {
float: left;
}
ul.tab-breadcrumb li span {
padding-left: 5px;
padding-right: 5px;
}
#help {
/*border: dotted thin red;*/
float: right;
margin-top: -5px;
margin-right: -5px;
}
#search input[type="text"] {
width: 260px;
float: left;
margin: 0px 8px 0 0px;
}
#search {
float: right;
position: relative;
width: 330px;
height: 71px;
margin-top: 10px;
margin-right: 16px;
padding: 4px 0 0 10px;
background: url('/assets/images/search-bg.png') repeat #505050;
}
#searchTop {
font-size: 13px;
font-weight: bold;
background-repeat: repeat-x;
color: White;
height: 24px;
padding-top: 6px;
}
.contentmain {
margin: 0px 25px 25px 25px;
position: relative;
padding-top: 45px;
padding-bottom: 35px;
min-height: 400px;
}
#contentmain ul, .contentmain ul {
line-height: 20px;
}
.contentmain.minheight {
min-height: 750px;
}
.contentbottom {
height: 60px;
}
.content-pages {
/*background: url('/assets/images/box-bg.jpg') repeat-x;*/
margin: 0px 0;
padding: 5px;
border: 1px solid #e3e3e3;
background: #f1f1f1;
}
.content-left {
float: left;
}
.content-left ul, .content-top ul {
margin: -3px 0;
}
.content-left li, .content-top li {
font-weight: normal;
margin: 5px 1px;
padding: 0; /*text-indent: 8px;*/
background: #e3e3e3;
width: 94px;
}
.content-top li {
float: left;
margin-right: 5px;
width: auto;
}
.content-left li a, .content-top li a {
text-decoration: none;
display: block;
padding: 8px 10px 8px 10px;
font-size: 13px;
font-weight: normal;
border: 1px solid #e3e3e3;
color: #363636;
/*background: #e6e6e6 url(/assets/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;*/
background: #fff;
}
.content-left li a span.number, .content-top li a span.number {
font-weight: bold;
display: block;
float: left;
margin-right: 4px;
display: none;
}
.content-left li a:hover, .content-top li a:hover {
cursor: pointer;
border: 1px solid #fe5f90;
}
.content-left li a.selected, .content-top li a.selected {
background: #ffffff;
/*font-weight: bold;*/
color: #f00095;
}
.content-left li a.selected.parent {
border-bottom: none;
}
.content-left li a.selected.parent:hover {
border: 1px solid #d3d3d3;
border-bottom: none;
}
.content-left ul li ul {
margin-top: -4px;
background: #fff;
border: 1px solid #d3d3d3;
border-top: none;
margin-bottom: 4px;
}
.content-left ul li ul li {
background: #fff;
width: 90px;
}
.content-left ul li ul li a {
border: none;
background: #ffffff;
padding: 1px 7px 1px 7px;
background: url('/assets/images/bullet.png') no-repeat 6px 6px;
padding-left: 20px;
}
.content-left ul li ul li a:hover {
border: none;
background: url('/assets/images/bullet.png') no-repeat 6px 6px;
text-decoration: underline;
}
.content-left ul li ul li a.selected:hover {
text-decoration: none;
}
.content-left ul li ul li a.selected {
font-weight: bold;
background: url('/assets/images/bullet.png') no-repeat 6px 6px;
color: #212121;
}
.content-left ul li ul li a.download {
background: none;
font-weight: bold;
padding-left: 6px;
color: #237EA4;
cursor: text;
}
.content-left ul li ul li a.download:hover {
text-decoration: none;
cursor: text;
}
.content-right {
margin: 1px 0px 0 4px;
float: left;
background: white;
border: 1px solid #e3e3e3;
padding: 12px;
position: relative;
width: calc(100% - 128px);
-moz-border-radius: 6px;
border-radius: 6px;
}
div.container-left {
float: left;
width: 750px;
margin-bottom: -4px;
border: 1px solid red;
}
div.container-right {
float: left;
width: 850px;
margin-left: 4px;
margin-bottom: -4px;
margin-right: -20px;
}
div.content-top {
height: 43px;
margin-left: -1px;
}
div.content-box {
background: white;
border: 1px solid #e3e3e3;
padding: 10px;
margin-top: 5px;
margin-bottom: 0;
}
div.content-box table.form {
margin: 10px 0 0 0;
}
.report-group {
margin: 4px;
background: white;
border: 1px solid #d3d3d3;
padding: 12px;
height: 200px;
float: left;
width: 200px;
}
/*
#rightpanel
{
}
#rightpanel ul
{
margin: 0 0 0 0;
list-style: none;
padding: 0;
}
.headfirst
{
height: 42px;
line-height: 41px;
font-size: 13px;
font-weight: bolder;
text-transform: lowercase;
text-indent: 6px;
color: #363636;
width: 150px;
display: none;
}
.head
{
font-size: 13px;
font-weight: bolder;
line-height: 40px;
height: 41px;
text-transform: lowercase;
text-indent: 6px;
padding: 0;
color: #363636;
margin:0;
width: 150px;
background: url('/assets/images/menu3.png') repeat-x 0 0px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
display: none;
}
*/
#footer {
min-height: 20px;
color: #fff;
font-size: 12px;
padding-top: 10px;
padding-bottom: 20px;
width: 100%;
margin: 0 auto;
}
.copy {
float: left;
padding-left: 10px;
}
.copy a {
color: #df0f25;
text-decoration: none;
}
.copy a:hover {
color: #E8E8E8;
}
#fmenu {
padding-left: 25px;
}
#fmenu a {
color: #E8E8E8; /* #363636;*/
text-decoration: none;
}
#fmenu a:hover {
text-decoration: underline;
}
#fmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
#fmenu li {
display: inline;
}
table.grid {
width: auto;
font-size: 13px;
border-collapse: collapse;
}
table.grid td, table.grid th {
border-collapse: collapse;
}
table.grid th, table.grid td.grid-head {
background: #252f3f;
color: #ffffff;
/*font-weight: bold;*/
font-weight: normal;
font-size: 14px;
border: none;
text-align: left;
padding: 16px 4px 16px 4px;
text-align: left;
}
table.grid th a {
color: #fff;
text-decoration: underline;
}
table.grid td {
padding: 10px 4px 8px 4px;
border-bottom: 1px solid #e3e3e3;
color: #363636;
vertical-align: top;
min-height: 10px;
line-height: 20px;
}
table.grid td div.title {
height: 16px;
}
table.grid td div.title b {
float: left;
margin-top: 3px;
}
table.grid td p {
margin: 0;
}
table.grid tr.empty td {
border-top: 1px solid #e3e3e3;
font-weight: bold;
}
table.grid.middle td {
vertical-align: middle;
}
table.grid td.textbox {
padding-top: 3px;
padding-bottom: 3px;
}
table.grid tr.middle td {
vertical-align: middle;
}
table.grid tr.alt {
background: url('/assets/images/backgrounds/textbox-bg.jpg') repeat-x;
}
table.grid td.bold {
font-weight: bold;
}
table.grid td.nowrap {
white-space: nowrap;
}
table.grid td.rowcount {
padding-top: 16px;
}
table.grid td.grid-button {
padding-top: 12px;
text-align: right;
padding-right: 8px;
}
table.grid td.indent {
padding-left: 12px;
}
table.grid tr.totals td {
font-weight: bold;
}
table.grid tr.totals td.amount {
color: #df0f25;
}
table.grid td.first, table.grid th.first {
padding-left: 8px;
}
table.grid tr.pagination td {
border: none;
padding: 4px;
}
table.grid tr.pagination a {
border: 1px solid #e3e3e3;
display: block;
width: 24px;
text-align: center;
padding: 5px 0;
}
table.grid tr.pagination a:hover {
border: 1px solid #df0f25;
}
table.grid tr.pagination table td span {
border: 1px solid #df0f25;
display: block;
width: 24px;
text-align: center;
padding: 5px 0;
}
table.grid tr.pagination table {
float: left;
}
table.grid td.urgent {
font-weight: bold;
color: Red;
text-align: center;
font-size: 14px;
font-family: 'Comic Sans MS';
}
table.grid tr.highlight:hover, table.grid tr.select:hover {
background: #efefef;
cursor: pointer;
}
table.grid tr.warning {
background: #F7E1E1;
}
.page-info {
float: right;
margin-top: 10px;
margin-right: 4px;
}
table.grid tr.pager td {
padding: 6px 4px 6px 2px;
}
table.grid tr.pager div.page-info {
float: right;
margin: 2px 4px 0 0;
}
table.grid tr.pager div.pages {
float: left;
margin-left: 2px;
}
table.grid tr.pager div.pages ul {
}
table.grid tr.pager div.pages ul li {
margin-right: 6px;
float: left;
}
table.grid tr.pager div.pages ul li span.current {
border: 1px solid #df0f25;
display: block;
width: 24px;
height: 20px;
text-align: center;
padding-top: 1px;
}
table.grid tr.pager div.pages ul li a.page {
border: 1px solid #e3e3e3;
display: block;
width: 24px;
height: 20px;
text-align: center;
padding-top: 1px;
}
table.grid tr.pager div.pages ul li a.page:hover {
border: 1px solid #df0f25;
}
table.grid tr.pager div.pages ul li a.next, table.grid tr.pager div.pages ul li a.prev {
display: block;
width: 28px;
height: 22px;
padding-top: 3px;
text-align: center;
}
table.grid tr.pager div.pages ul li a.page.large {
font-size: 15px;
}
table.grid tr.pager div.pages ul li a.page.large.disabled {
color: #e3e3e3;
}
table.grid tr.pager div.pages ul li a.page.large.disabled:hover {
border: 1px solid #e3e3e3;
cursor: auto;
}
table.pager2 {
width: 100%;
}
table.pager2 td {
font-size: 11px;
}
table.grid td div.actions {
float: right;
margin: -4px 4px -6px 0;
}
table.grid th a.add {
float: right;
margin: -6px 4px -4px 0;
}
table.grid td div.actions.nofloat {
float: none;
}
table.grid td.availability {
width: 500px;
padding-right: 15px;
}
table.grid td.availability div.background {
height: 43px;
width: auto;
background: #b0afaf;
/*
-moz-border-radius: 4px;
border-radius: 4px;
*/
position: relative;
}
table.grid td.availability div.background div.foreground {
height: 43px;
background: #fe5f90;
/*
-moz-border-radius: 4px;
border-radius: 4px;
*/
position: absolute;
}
table.grid td.availability div.background div.text {
height: 43px;
text-align: center;
color: #fff;
line-height: 43px;
font-weight: bold;
position: absolute;
width: 100%;
}
table.grid td.productCategories {padding-top: 0; padding-bottom :0;}
table.grid td.productCategories div {
float:left;
padding: 8px 12px;
margin: 5px 5px;
text-align: center;
}
body.narrow.tablet td.productCategories div {padding: 6px 6px;}
body.narrow.tablet.mobile td.productCategories div {padding: 6px 6px; width: auto; float:none;}
table.grid td.productCategories div.category-warning {float:none; clear:both; display:none; padding: 0; margin: 0; font-size: 11px; color: orange; line-height: 11px;}
body.narrow.tablet table.grid tr.with-warning td.productCategories div.category-warning {display:block; text-align: left; padding-left: 10px; background: none; }
body.narrow.tablet.mobile table.grid tr.with-warning td.productCategories div.category-warning {text-align:center; padding: 0; }
table.grid td.productCategories div.available {border: 1px solid #d3d3d3;}
table.grid td.productCategories div.warning {border: 1px solid orange;}
table.grid td.productCategories div.sold {border: 1px solid #cd0a0a; }
table.grid td.productCategories div.sold a {color: #cd0a0a; text-decoration:underline; }
table.grid tr.sold td {
}
div.productCategorySummary {display: inline-block; line-height: 25px;}
div.productCategorySummary div.available {border: 1px solid #d3d3d3;}
div.productCategorySummary div.warning {color: orange; position:relative; padding-left: 30px; margin-top: 7px; margin-left: 10px;}
div.productCategorySummary div.warning:before {content: ' '; display: block; position:absolute; height: 25px; width: 25px; background-color: orange; left: 0; }
table.grid tr.bookingForm td {padding: 15px; border: 5px solid #d3d3d3; }
/*table.grid tr.bookingForm td {display: block; position:absolute; width: 80%; left:0vw; right: 0; margin: 0 auto; background: #fff; top: 50px; }*/
table.grid tr.bookingForm td .booking-form-totals p, div.box.totals p {margin: 5px 0; font-size: 1.25em; font-weight: bold;}
table.grid tr.bookingForm td h2 {margin-bottom: 15px;}
table.grid tr.bookingForm div.box {padding: 15px 0 0px 0; margin: 15px 0 0 0;}
table.grid tr.bookingForm td div.error p {margin-left: 70px;}
table.grid th.buttons {width: 136px;}
table.grid td.buttons {width: 136px; padding-right: 0;}
table.grid td.buttons a.button.prices {margin-right: 0;}
table.grid td.expand {width: 70px;}
body.narrow.tablet table.grid td.expand {width: auto;}
body.narrow.tablet table.grid td.expand a.button.small {padding-left: 0; padding-right: 0;}
table.grid td.expand a.button {float:right;}
table.grid.shopping-cart-summary td {
padding-left: 10px;
}
table.grid.shopping-cart-summary tr td:last-child {
text-align:right;
padding-right: 10px;
padding-left: 10px;
}
table.grid.shopping-cart-summary tr:last-child td {
border-bottom: none;
}
table.grid.shopping-cart-summary tr td.booking-times {text-align:left;}
div.shopping-cart {
position:relative;
border: 5px solid #d3d3d3;
background: #fff;
max-width: 450px;
margin: 20px 0;
}
div.shopping-cart h3
{
padding: 10px 0 0 10px;
position:relative;
}
div.shopping-cart h3 i.fa {position:absolute; right: 10px; font-size: 1.25em;}
div.shopping-cart table.grid {width: 100%;}
.summary-message {
margin-bottom: 20px;
}
div.with-actions {
height: 20px;
}
div.with-actions h2 {
float: left;
}
div.with-actions .actions {
float: right;
margin: -4px 8px -6px 0;
}
table.grid.dialog {
margin-top: 8px;
margin-bottom: 4px;
}
table.grid.dialog th {
background: none;
color: #363636;
border-top: 1px solid #e3e3e3;
}
table.grid.dialog td a {
color: #237EA4;
}
table.grid.costs {
width: 700px;
}
table.grid.costs td.share {
font-weight: bold;
text-align: center;
vertical-align: middle;
}
table.grid.costs.edit td {
padding-top: 2px;
padding-bottom: 2px;
}
table.grid.costs td input {
width: 60px;
}
table.grid.allotments {
width: 300px;
float: left;
margin: 16px 20px 0 0;
}
table.grid.allotments td {
padding-top: 2px;
padding-bottom: 2px;
vertical-align: middle;
}
.grid.search {
width: auto;
min-width: 965px;
}
.grid.search.compact {
min-width: 0px;
margin-top: 8px;
margin-bottom: 4px;
}
table.grid.poolitems {
width: auto;
}
table.grid.poolitems input[type="text"] {
width: 25px;
padding: 3px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 0px;
clear: right;
}
table.grid.poolitems.edit td.date {
padding-top: 2px;
padding-bottom: 2px;
}
table.grid.poolitems.edit td.date span.sold {
color: #f84d08;
font-size: 11px;
line-height: 13px;
}
table.grid.poolitems.edit td.date span.remaining {
color: #1a8923;
font-size: 11px;
line-height: 13px;
}
table.grid th.date {
text-align: center;
padding-top: 6px;
padding-bottom: 4px;
}
table.grid th.time, table.grid td.time {
width: 70px;
vertical-align: middle;
text-align: center;
white-space: nowrap;
}
table.grid td.time {
padding-left: 10px;
}
table.grid.poolitems th.date, table.grid.poolitems td.date {
width: 33px;
}
table.grid th.date span.day {
text-transform: uppercase;
font-size: 12px;
color: #f84d08;
}
table.grid th.date span.date {
font-size: 11px;
}
table.grid td.date {
text-align: center;
padding-right: 14px;
padding-left: 8px;
font-weight: bold;
}
table.grid td.date.na {font-weight: normal;}
table.grid td.sold {
background: #fef1ec;
color: #cd0a0a;
}
table.grid td.na {
background: #f6f6f6;
color: #a7a7a7;
text-align: center;
padding-top: 17px;
padding-bottom: 17px;
}
table.grid.search td.date.highlight {
background: #FFFFC2;
}
table.grid.search td.date span.available {
position: absolute;
font-size: 11px;
bottom: 0;
line-height: 11px;
right: 2px;
font-weight: bold;
}
table.grid.search td.date span.available.sold {
color: #cd0a0a;
}
table.grid.search td span.sold {
color: red;
}
table.grid.search td.date.na.highlight {
background: #E6E6C1;
}
table.grid.search td.date.na table.grid.search span.day {
text-transform: uppercase;
color: #df0f25;
}
table.grid.search span.date {
font-size: 11px;
line-height: 14px;
}
table.grid.search span.more {
color: #df0f25;
font-style: italic;
}
table.grid tr.header td {
color: #df0f25;
border-bottom: none;
border-top: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
text-align: center;
font-weight: bold;
background: #f6f6f6;
}
table.grid.summary tr.header td {
border-top: none;
border-right: none;
text-align: right;
}
table.grid tr.header td.clear {
border-top: none;
border-left: none;
background: none;
}
table.grid td.border-left {
border-left: 1px solid #e3e3e3;
}
table.grid td.icon {
width: 24px;
}
table.grid td.icon a {
margin: -4px 0 0 2px;
}
table.grid b.inactive {
text-decoration: line-through;
font-weight: normal;
}
table.grid th.check {
width: 24px;
}
table.grid th.check input {
padding: 0;
margin: 0 0 0 2px;
}
table.grid td.check input {
padding: 0;
margin: 2px 0 0 2px;
}
table.header {
border-collapse: collapse;
margin-bottom: -7px;
}
table.header td {
font-weight: bold;
line-height: 20px;
vertical-align: top;
}
table.header td.label {
color: #df0f25;
padding-right: 8px;
}
table.header td.spacer {
padding-right: 30px;
}
table.header td.comments {
font-weight: normal;
}
table.form {
margin: 10px 0 10px 0;
border-collapse: collapse;
}
.form.margin {
margin: 20px 0 30px 0;
}
table.form td {
/*padding: 6px 8px 4px 0px;*/
height: 36px;
vertical-align: top;
line-height: 36px;
padding-top: 6px;
}
table.form td.name
{
padding-right: 10px;
white-space: nowrap;
min-width: 100px;
}
table.form.edit td {
/*padding: 3px;*/
}
table.form.edit.left {
float: left;
}
table.form td.label {
font-weight: bold;
color: #000;
padding-right: 14px;
text-align: left;
white-space: nowrap;
}
table.form tr.head td {
height: 22px;
vertical-align: top;
line-height: 20px;
padding-top: 0;
}
table.form td input, table.form td .jqTransformSelectWrapper, table.form td .jqTransformCheckboxWrapper, table.form td textarea, table.form td .jqTransformRadioWrapper, table.form td select {
margin-top: -2px;
}
table.form td textarea {
margin-bottom: -6px;
}
table.form.edit td.label {
/*padding-top: 9px;*/
}
table.form.edit td.label span {
padding-top: 20px;
}
table.form.edit td.text {
/*padding-top: 10px;*/
}
table.form td.spacer {
padding-right: 20px;
}
table.form.search td.spacer {
padding-right: 15px;
}
table.form td a.button {
margin-top: -2px;
float: left;
}
table.form tr.border-top {
border-top: 1px solid #e3e3e3;
}
table.form tr.border-top td {
padding-top: 16px;
}
table.form tr.pad-bottom td {
padding-bottom: 10px;
}
table.form span.required {
color: #cd0a0a;
font-weight: bold;
font-size: 15px;
padding-left: 4px;
}
ul.form span.required {
color: #cd0a0a;
font-weight: bold;
font-size: 15px;
padding-left: 4px;
}
/*
#find
{
margin-top: 18px;
margin-bottom: 18px;
}
*/
.editPageTitle {
margin: 0px 0px 20px 0px;
width: 700px;
padding: 0;
}
.editPageStd {
margin: 0px 0px 0px 0px;
}
.editPageDetail {
margin: 0px 0px 50px 0px;
border-top: 1px solid #e3e3e3;
}
.editPageDetail h1 {
line-height: 40px;
}
.editPageDetail tr {
height: 25px;
}
.editPageButtons div.left {
float: left;
}
.editPageButtons div.right {
float: right;
}
.ddlStandard {
width: 160px;
}
.ddlLong {
width: 200px;
}
.dynamicNoRepeat {
margin-bottom: 30px;
padding-top: 5px;
}
.dynamicNoRepeat td {
height: 30px;
}
.form.edit td.col1 {
padding-top: 13px;
}
.GridViewStyle {
margin-bottom: 30px;
}
#AddRpt {
margin-bottom: 2px;
text-align: right;
}
h3.form-title {margin: 20px 0;}
ul.form {
list-style: none;
margin-top: 0;
}
ul.form li {
display: block;
float: left;
height: 46px;
white-space: nowrap;
}
ul.form li.textarea {height: auto; margin-bottom: 5px;}
ul.form li.textarea textarea {width: 400px;}
ul.form li.label {
width: auto;
padding-right: 20px;
clear: left;
height: auto;
line-height: normal;
padding-top: 11px;
}
table.grid td ul.form li.label {
padding-top: 12px;
}
ul.form li.label.noclear {clear: none; margin-left: 60px;}
ul.form.margin li.label {width: 60px;}
ul.form.margin.reset li.label {width: 105px;}
ul.form.margin.reset input {width: 180px;}
ul.form li.heading {width: 100% !important; border-top: 1px dashed #e1e1e1; margin-top: 25px; padding-top: 25px; }
ul.form li.label.memberno {clear: none; margin-bottom: 15px;}
/*
ul.form li input, ul.form li select, ul.form li .jquery-selectbox {
margin-top: 4px;
}
*/
ul.form li.product-extrainfo {
clear:both;
color: #cd0a0a;
font-weight:bold;
height: auto;
}
ul.form li.extrainfo {
clear: both;
border: 1px solid red;
}
p.product-extrainfo {
color: #cd0a0a;
font-weight: bold;
}
div.select-time select {
width: 80px;
float: left;
margin-left: 5px;
}
ul.numbered {
padding: 10px 4px;
list-style: decimal;
list-style-position: inside;
font-size: 15px;
line-height: 30px;
margin-bottom: 10px;
}
.detailsTable {
border-collapse: collapse;
}
.detailsTable td {
padding-top: 5px;
height: 22px;
}
.detailsTable td.label {
width: 100px;
font-weight: bold;
}
.summary {
float: left;
width: 200px;
}
.autocomplete_completionListElement {
visibility: hidden;
margin: 0px !important;
background-color: white;
color: windowtext;
border: 1px solid #e3e3e3;
cursor: default;
overflow: auto;
height: 200px;
text-align: left;
list-style-type: none;
font-size: 13px;
z-index: 100;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
background-color: #f3f3f3;
padding: 7px 3px;
white-space: nowrap;
}
/* AutoComplete item */
.autocomplete_listItem {
background-color: window;
color: Red; /*#363636;*/
padding: 7px 3px;
white-space: nowrap;
}
a.pager-actions {
font-family: Wingdings 3;
}
a.copy-address {
display: block;
margin: 18px 0 0 0;
}
div.add-new {
text-align: right;
margin: 5px;
}
ul.bullet li {
background: url('/assets/images/li.jpg') no-repeat 0 5px;
padding-left: 17px;
line-height: 19px;
margin-bottom: 4px;
}
ul.tick li {
background: url('/assets/images/green_tick.png') no-repeat 0 3px;
padding-left: 24px;
line-height: 24px;
margin-bottom: 1px;
}
ul.bullet.numbered li {
background: none;
padding-left: 0;
line-height: 24px;
margin-bottom: 1px;
}
ul.bullet.numbered li span {
font-weight: bold;
padding: 0 6px 0 2px;
color: #f84d08;
font-size: 15px;
}
h2.sitemap {
margin: 15px 0 10px 0;
}
h2.error {color: #cd0a0a;}
span.clear {
display: block;
clear: both;
height: 0;
}
#TB_window {
border: 1px solid #e3e3e3;
}
p.small {
color: #757474;
font-size: 11px;
margin: 10px 0;
line-height: 15px;
}
p.description {
color: #757474;
font-size: .9em;
margin: 0 0 5px 0;
line-height: 15px;
}
div.info-prices {
float: left;
}
div.info-prices p.description {
margin: 4px 0;
padding-bottom: 4px;
}
div.product {
border-bottom: 1px dashed #e1e1e1; clear: both; line-height: 24px; padding: 8px 4px 4px 0;
}
p.strong {
font-weight: bold;
font-size: 14px;
line-height: 24px;
margin-top: 10px;
}
p.disclaimer {
color: #909090;
font-size: 11px;
}
h2.disclaimer {
color: #909090;
font-size: 12px;
font-weight: bold;
padding: 5px 0 8px 0;
}
.popup {
display: none;
}
div.help {
padding: 10px 10px 0 0;
height: 100%;
width: 100%;
overflow-y: scroll;
margin: 0 -10px 0px 0;
}
div.help a {
color: #237EA4;
text-decoration: none;
}
div.help h2 {
color: #363636;
margin-bottom: 8px;
}
div.help p {
color: #7A7A7A;
margin-bottom: 5px;
margin-top: 0px;
}
div.help h3 {
color: #df0f25;
margin-top: 15px;
margin-bottom: 10px;
font-weight: normal;
}
div.help h4 {
color: #363636;
font-weight: bold;
margin-bottom: 6px;
}
div.help div.box {
border: 1px solid #e3e3e3;
padding: 8px;
background-color: #FAF8CC;
color: #363636;
font-size: 11px;
margin-bottom: 10px;
}
div.help div.box div.title {
height: 20px;
}
div.help div.box h4 {
float: left;
}
div.help div.box a.close {
float: right;
font-weight: bold;
}
div.help b.red {
color: Red;
}
.login {
margin: 0 auto;
border: none;
border-collapse: collapse;
padding: 0;
float: left;
margin-top: 10px;
}
.login table {
border: none;
border-collapse: collapse;
padding: 0;
}
.login td input[type="text"], .login td input[type="password"] {
width: 200px;
}
.login td {
border: none;
border-collapse: collapse;
padding: 0;
}
.login-check label {
margin-left: 12px;
margin-top: 14px;
float: left;
}
.login-check a {
margin-top: 6px;
}
.login-validator {
margin-left: 4px;
}
div#forgotPassword h2, div#login h2 {
margin-top: 10px;
}
div#emailSent {
background: url('/assets/images/mail_id_next_64.png') no-repeat;
height: 70px;
}
div#emailSent p {
margin-left: 70px;
}
div.remember {
margin: 8px 0 24px 0;
width: 304px;
}
div.remember label {
float: left;
margin: 8px 0 0 20px;
}
b.error {
color: #cd0a0a;
}
div.error {
background: url(/assets/images/hijack_48.png) no-repeat 8px 10px;
border: 1px dashed #cd0a0a;
min-height: 65px;
margin: 20px 0px;
}
div.box.error {
border: 1px dashed #cd0a0a;
}
div.error.small {
background: url(/assets/images/hijack_32.png) no-repeat #fef1ec 6px 6px;
border: 1px solid #cd0a0a;
color: #363636;
min-height: 40px;
margin: 12px 0 -16px 0;
z-index: 20;
position: relative;
}
div.error strong {
color: #cd0a0a;
font-weight: bold;
}
div.error p {
margin-left: 70px;
color: #363636;
}
div.error.small p {
margin: 6px 0 6px 44px;
line-height: 16px;
}
div.error.custom p {
margin-top: 8px;
}
div.error a {
color: #363636;
text-decoration: underline;
font-weight: bold;
}
div.error.message {
margin-bottom: 20px;
background: url(/assets/images/hijack_48.png) no-repeat #fff 8px 10px;
border: none;
padding-top: 8px;
margin: 0;
}
div.error-page {
background: url(/assets/images/hijack_48.png) no-repeat 0px 15px;
min-height: 80px;
margin-top: 20px;
}
div.error-page p {
margin-left: 70px;
}
div.white-popup div.error p {margin-top: 10px;}
div.white-popup div.error {margin-bottom: 10px; padding-right: 10px;}
.hidden {
display: none;
}
.quicksearch-input {
display: block;
margin: 15px 0 20px 0;
float: left;
}
#quickSearch label {
float: left;
margin: 8px 0px 0 6px;
}
div.check {
float: left;
width: 140px;
margin-bottom: 5px;
}
div.search-spacer {
display: block;
clear: both;
height: 8px;
}
#quickSearch input {
width: 240px;
margin-right: 8px;
float: left;
}
div.quickNav {
border: 1px solid #e3e3e3;
font-size: 12px;
}
#quickNav h2 {
color: #000;
font-weight: bold;
line-height: 20px;
font-size: 12px;
}
#quickNav div.group {
border-bottom: 1px solid #e3e3e3;
padding: 5px 0;
}
a.nav {
float: left;
display: block;
width: 68px;
height: 17px;
margin-right: 12px;
background: url('/assets/images/sprites/default.sprite.png') no-repeat;
padding: 74px 0 0 6px;
}
a.reports {
background-position: 2px 2px;
}
a.clients {
background-position: -74px 2px;
}
a.programs {
background-position: -570px 2px;
}
a.exercises {
background-position: -494px 2px;
}
ul.nav {
line-height: 20px;
margin-top: 4px;
}
ul.nav li {
float: left;
display: block;
width: 115px;
}
ul.quickNav {
margin-top: 8px;
}
ul.quickNav li {
float: left;
margin-right: 12px;
margin-bottom: 12px;
}
ul.quickNav li.last {
margin-right: 0;
}
ul.quickNav li a {
display: block;
border: 1px solid #e3e3e3;
width: 95px;
font-weight: bold;
text-align: center;
height: 90px;
padding-top: 5px;
background-image: url('/assets/images/sprites/default.sprite.png');
background-repeat: no-repeat;
}
ul.quickNav li a:hover {
border: 1px solid #df0f25;
}
ul.quickNav li a.users {
background-position: -410px 20px;
}
ul.quickNav li a.audits {
background-position: -60px 23px;
}
ul.quickNav li a.comms {
background-position: -322px 22px;
}
ul.quickNav li a.dash {
background-position: 22px 24px;
}
ul.quickNav li a.workflows {
background-position: -234px 22px;
}
ul.quickNav li a.wf-templates {
background-position: -148px 24px;
}
ul.quickNav li a.entities {
background-position: -70px 25px;
}
span.validation {
color: Red;
}
label.error {
padding-left: 8px;
padding-top: 8px;
color: #cd0a0a;
font-weight: bold;
position: absolute;
}
p.info {
color: #cd0a0a;
font-weight: bold;
}
.booking-form-container p.info {margin-top: 0; margin-bottom: 15px;}
label.error a.error-link {
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 8px;
position: absolute;
color: #cd0a0a;
font-weight: bold;
}
label.error a.error-link span.error-msg {
display: none;
padding-left: 8px;
}
label.error a.error-link:hover span.error-msg {
display: inline;
}
.validity-summary-container {
display: none;
}
div.white-popup div.error
{margin-bottom: 0;}
.validity-summary-container div.error {
padding-top: 8px;
}
.validity-summary-container div.error p {
font-size: 12px;
font-weight: bold;
margin-bottom: 4px;
color: #cd0a0a;
}
div.error ul {
margin-left: 46px;
line-height: 18px;
margin-bottom: 8px;
}
div.error ul li {
list-style-type: decimal;
list-style-position: inside;
background: none;
padding-left: 0px;
line-height: 16px;
}
.validity-summary-container div.error ul {
margin-left: 72px;
font-size: 12px;
line-height: 18px;
margin-bottom: 8px;
}
.validity-summary-container div.error ul li {
list-style-type: decimal;
list-style-position: inside;
}
.validity-erroneous {
border: solid 1px #cd0a0a !important;
}
.important {
border: solid 1px #cd0a0a !important;
color: #cd0a0a !important;
font-weight: bold !important;
}
div.tab-content {
padding: 10px 0 10px 0;
}
.sortable {
list-style-type: none;
margin: 20px 0 30px 0;
padding: 0;
width: 50%;
}
.sortable li {
margin: 0 3px 3px 3px;
padding: 6px;
height: 18px;
font-weight: bold;
}
.sortable li:hover {
cursor: move;
}
.sortable li span {
position: absolute;
margin-left: -1.3em;
}
div.border-bottom {
border-bottom: 1px solid #e3e3e3;
margin-bottom: 16px;
padding-bottom: 8px;
}
.Calendar .ajax__calendar_container {
background-color: White;
border: solid 1px #ADADAD; /*width: 150px;*/ /*height: 100px;*/ /*font-size: 11px;*/
z-index: 1000;
color: #363636;
width: 195px;
height: 190px;
}
.Calendar .ajax__calendar_header {
height: 22px;
padding: 0;
margin: 0 auto;
}
.Calendar .ajax__calendar_title {
height: 22px;
text-align: center;
padding: 2px 0 0 0;
margin: 0 auto;
}
.Calendar .ajax__calendar_next, .Calendar .ajax__calendar_prev {
padding-top: 3px;
}
.Calendar .ajax__calendar_body {
background-color: white;
border-top: solid 1px #ADADAD;
border-bottom: solid 1px #ADADAD; /*height: 100px;*/
padding: 0 0 12px 0;
margin: 0;
width: 195px;
height: 130px;
}
.Calendar .ajax__calendar_dayname {
text-align: center;
font-weight: bold;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 2px;
margin-top: 2px;
}
.Calendar .ajax__calendar_day {
text-align: center;
}
.Calendar .ajax__calendar_month, .Calendar .ajax__calendar_year {
text-align: center;
line-height: 13px;
height: 40px;
}
.Calendar .ajax__calendar_today {
font-weight: bold;
height: 16px;
padding-top: 3px;
}
.Calendar table td {
border: none;
padding: 0px 0 0 0;
height: 12px;
background: white;
line-height: 14px;
min-height: 0;
border-collapse: collapse;
}
.Calendar .ajax__calendar_active {
border: 1px solid red;
font-weight: bold;
color: #363636;
}
.Calendar .ajax__calendar_other {
color: #7A7A7A;
}
.Calendar .ajax__calendar_hover {
background-color: #E6E6FA;
}
div.street-address {
float: left;
margin-right: 15px;
}
div.postal-address {
float: left;
}
.entity-name {
margin-bottom: 10px;
}
.entity-address {
color: #7A7A7A;
margin-bottom: 10px;
}
.entity-detail {
padding-right: 10px;
}
.entity-detail b {
color: #df0f25;
padding-right: 6px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.information {
color: #363636;
font-weight: bold;
float: left;
margin: 15px 0;
}
.export {
margin: 0 1px -20px 0;
}
.export-buttons {
padding: 8px;
border-top: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
background: url(/assets/images/backgrounds/textbox-bg.jpg) repeat-x white;
float: right;
}
.search-fields input, .search-fields a.button, .search-fields .jqTransformSelectWrapper {
float: left;
margin-right: 8px;
}
.search-fields label {
float: left;
margin-right: 12px;
display: block;
line-height: 26px;
}
.search-fields label.margin {
margin-left: 16px;
}
div#addButton {
height: 30px;
}
.assembly-loader {
background: url('/assets/images/assemble.gif') 0px center no-repeat;
height: 80px;
width: 100%;
font-size: 16px;
}
div.success {
background: url(/assets/images/icons_tick.jpg) no-repeat;
float: right;
color: #363636;
padding: 0 0 0 28px;
height: 30px;
line-height: 24px;
margin: -26px 112px 0 0;
}
span.success {
background: url(/assets/images/icons_tick.jpg) no-repeat 0 -2px;
display: block;
padding: 0 0 0 28px;
}
a.button.find {
float: left;
margin: 15px 0 0 20px;
}
label.red {
color: Red;
}
.CodeMirror-line-numbers {
width: 2.2em;
color: #aaa;
background-color: #eee;
text-align: right;
padding-right: .3em;
font-size: 12px;
font-family: monospace;
padding-top: .4em;
line-height: 15px;
}
.code-border {
border: 1px solid #e3e3e3;
}
div.homepage-left {
margin-right: 251px;
}
div.homepage-right {
float: right;
width: 230px;
background: white;
border-left: 1px solid #E3E3E3;
border-right: 1px solid #E3E3E3;
padding: 10px;
margin-top: -16px;
}
div.homepage-right h2 {
margin-bottom: 12px;
color: #363636;
text-transform: uppercase;
margin: 0 0 16px 0;
padding: 6px 0 12px 0;
border-bottom: 1px solid #E3E3E3;
font-size: 15px;
font-weight: bold;
}
div.homepage-right p {
font-size: 11px;
margin-left: 6px;
padding-bottom: 10px;
border-bottom: 1px solid #E3E3E3;
}
div.homepage-right h3 {
color: #363636;
font-size: 13px;
background: url('/assets/images/green_tick.png') no-repeat 0 0px;
padding: 2px 0 8px 20px;
}
div#pagetitle.no-border {
border: none;
}
div.border {
border-bottom: 1px solid #E3E3E3;
margin-bottom: 16px;
padding-top: 4px;
}
h2.orange {
background: url(/assets/images/slide-1.jpg) no-repeat top right;
color: #fff;
padding: 4px 20px 4px 6px;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 10px;
float: left;
line-height: 22px;
}
h2.blue {
background: url(/assets/images/slide-2.jpg) no-repeat top right;
color: #fff;
padding: 4px 20px 4px 6px;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 10px;
float: left;
line-height: 22px;
}
h2.red {
background: url(/assets/images/h2-red.jpg) no-repeat top right;
color: #fff;
padding: 4px 20px 4px 6px;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 10px;
float: left;
line-height: 22px;
}
div.rotate {
background: white;
width: 650px;
height: 240px;
}
div.links {
margin: -12px 0 0 130px;
height: 12px;
position: absolute;
}
div.links a {
display: block;
float: left;
margin-right: 20px;
font-size: 14px;
font-weight: bold;
}
#do {
background: url(/assets/images/white-puzzle.jpg) no-repeat top right; /*background: url(/assets/images/silver-world.jpg) no-repeat top right;*/
}
#offer {
background: url(/assets/images/deliverance-offer.jpg) no-repeat top right;
}
#benefits {
background: url(/assets/images/server-room.jpg) no-repeat top right;
}
#know-more {
background: url(/assets/images/know-more.jpg) no-repeat 0 110px;
height: 260px;
width: 350px;
border-right: 1px solid #E3E3E3;
float: left;
}
#know-more h2 {
text-transform: uppercase;
font-weight: bold;
margin-top: 16px;
margin-bottom: 10px;
}
#member {
float: right;
background: url(/assets/images/page-flip.jpg) no-repeat bottom right;
width: 350px;
height: 260px;
margin-right: -12px;
}
#member h2 {
color: #7f7f7f;
text-transform: uppercase;
font-weight: bold;
margin-top: 16px;
margin-bottom: 10px;
}
#member a.login {
display: block;
position: absolute;
width: 100px;
height: 90px;
background: url(/assets/images/login.jpg) no-repeat 1000px;
text-indent: -9999px;
margin: 170px 0 0 250px;
}
#member a.login:hover {
background-position: bottom right;
}
ul#slider li {
}
.slides1_wrap {
}
.bx_pager {
margin-bottom: 20px;
}
.bx_pager a {
display: block;
height: 26px;
width: 26px;
text-align: center;
line-height: 26px;
background: url('/assets/images/numbers-bg.jpg') top right;
float: left;
margin-right: 8px;
color: white;
font-weight: bold;
font-size: 14px;
}
.bx_pager a.active, .bx_pager a:hover {
background: url('/assets/images/numbers-bg.jpg') top left;
color: White;
}
.auto_controls {
position: absolute;
margin-left: 70px;
}
.auto_controls a.auto_link {
display: block;
height: 26px;
width: 26px;
background: url('/assets/images/numbers-bg.jpg') center right;
float: left;
text-indent: -9999px;
}
.auto_controls a.auto_link:hover {
background-position: -29px -58px;
}
.auto_controls a.auto_link.play {
background-position: center left;
}
.auto_controls a.auto_link.play:hover {
background-position: 0px -58px; /*background-position: bottom left;*/
}
.slides1_wrap a.next, .slides1_wrap a.prev {
display: none;
}
.button.contact {
margin: 10px 0 40px 439px;
float: left;
}
label.mandatory {
font-weight: bold;
color: #cd0a0a;
padding-left: 8px;
}
label.mandatory.afterSelect {
margin-top: 6px;
float: left;
}
td.mandatory textarea {
float: left;
}
td.mandatory label {
float: left;
margin-top: 6px;
}
/*here*/
select {
/*padding: 8px 4px 6px 4px;*/
padding: 10px 11px;
border: 1px solid #e3e3e3;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
background: white url('/assets/images/selectbox.png') no-repeat scroll right;
-webkit-appearance: none;
-moz-border-radius: 0px;
border-radius: 0px;
}
.header--top select {
padding: 6px 8px;
font-size: 12px;
width: 100px;
background-size: 20px auto;
}
@-moz-document url-prefix() {
select {
background: white url('/assets/images/selectbox.png') no-repeat scroll right;
}
}
.multiselect .ui-selecting {
background: #E3E3E3;
}
.multiselect .ui-selected {
background: #E3E3E3;
}
.multiselect {
list-style-type: none;
margin: 0;
padding: 0;
border: 1px solid #e3e3e3;
color: #000;
height: 270px;
}
.multiselect li {
border: none;
padding: 5px;
}
div.report-viewer input[type='text'] {
background: white;
padding: 2px;
width: auto;
}
span.left {
float: left;
}
div.page-buttons {
margin-top: 20px;
}
div.page-buttons.centre {
text-align:center;
}
div.page-buttons.centre a.button {
display:inline-block;
float:none;
}
div.form-buttons {
/* float: right;*/
background: #f3f3f3;
position: absolute;
right: -1px;
}
div.form-buttons.top {
top: -1px;
padding: 0px 0px 4px 0px;
border-left: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
}
div.form-buttons.bottom {
bottom: -1px; /* margin: -13px -13px -13px 0;*/
padding: 4px 0 0px 0px;
border-left: 1px solid #d3d3d3;
border-top: 1px solid #d3d3d3;
}
div.form-buttons a {
margin: 0 0 0 5px;
}
/*
div.form-buttons a
{
width: 50px;
margin-bottom: 4px;
text-align: center;
}
*/
div.form {
}
div.form table.form {
margin-bottom: 0;
}
table.calendar {
border-collapse: collapse;
font-size: 11px;
}
table.calendar th {
border: 1px solid #e3e3e3;
padding: 5px 0;
width: 21px;
}
table.calendar td {
text-align: center;
line-height: 14px;
padding: 0px;
border: 1px solid #e3e3e3;
}
table.calendar th.col1 {
padding: 4px 8px;
text-align: left;
}
table.calendar td.available {
background: #C0FFBA;
}
table.calendar td.col1 {
text-align: left;
font-weight: bold;
padding: 4px 8px;
width: 70px;
}
table.calendar td.col1 a, table.calendar td.col1 a:hover, table.calendar td.col1 a:visited {
display: inline;
color: #237EA4;
text-decoration: underline;
}
table.calendar td a, .ui-dialog .ui-dialog-content table.calendar td a {
color: #363636;
display: block;
padding: 4px 0;
width: 21px;
}
table.calendar td a:hover, .ui-dialog .ui-dialog-content table.calendar td a:hover {
color: #363636;
}
table.calendar td a.available {
background: #cce1fd;
font-weight: bold;
}
table.calendar td a.available:hover {
background: #a2c4f2;
}
table.calendar td a.scheduled {
background: #fde2cc;
font-weight: bold;
}
table.calendar td a.scheduled:hover {
background: #e8c0a0;
}
table.calendar td a.taken {
background: #dafdcc;
font-weight: bold;
}
table.calendar td a.taken:hover {
background: #bcddae;
}
table.calendar td a.notavailable {
background: #f1f1f1;
}
table.calendar.compact {
font-size: 10px;
}
div#modal-loading {
position: absolute;
z-index: 9000;
background: url('/assets/images/loading-bg.png');
display: none;
}
div#loading-fg {
background: #fff center 50px;
z-index: 9001;
position: absolute;
text-align: center;
width: 350px;
height: auto;
min-height: 100px;
border: 1px solid #e1e1e1;
}
div#loading-fg span.message {
margin: 20px 0 10px 0;
display: block;
font-size: 16px;
font-weight: bold;
}
div#loading-fg small {
display: block;
font-style: italic;
margin: 0 6px 12px 6px;
}
div#loading-fg img {
margin-bottom: 20px;
}
.content-right.main {
width: 1223px;
min-height: 700px;
margin-right: 0;
}
.content-right.summary {
float: right;
width: 200px;
font-size: 11px;
min-height: 712px;
margin-bottom: -12px;
}
.content-right.summary h2 {
font-size: 14px;
}
.content-right.summary table.form {
margin: 5px 0;
}
.content-right.summary table.form td {
height: 20px;
line-height: 16px;
padding-top: 2px;
}
.content-right.summary table.form td.label {
width: 66px;
padding-right: 0;
}
.content-right.summary.large {
width: 450px;
font-size: 13px;
}
.content-right.summary.large h2 {
font-size: 18px;
}
.content-right.summary.large table.form td.label {
width: auto;
padding-right: 8px;
}
.content-right.main.narrow {
margin-right: 482px;
}
.menuPopup {
position: relative;
display: inline-block;
}
.menuPopup ul {
margin: -25px 0 0 0px;
padding: 0;
border: 1px solid #e3e3e3;
z-index: 200;
display: none;
height: auto;
position: absolute;
background: white;
white-space: nowrap;
}
.menuPopup:hover ul {
display: block;
}
.menuPopup:hover ul li {
display: block;
float: none;
margin: 0px;
padding: 0px;
border: 0px;
}
.menuPopup:hover ul li a {
display: block;
padding: 4px 6px;
}
div.box {
border-top: 1px dashed #e1e1e1;
padding: 25px 0 0px 0;
margin: 25px 0 0 0;
}
div.box.full {
border: 1px dashed #e1e1e1;
padding: 15px;
margin: 25px 0 0 0;
}
div.box1 {
border-top: 6px solid #0b73af;
padding: 8px 8px 8px 30px;
margin: 20px 0 -13px -30px;
background: #239cd1;
color: #fff;
}
div.box1 h2.message {
float: left;
background: url(/assets/images/message-icon.png) no-repeat #0b73af 30px 7px;
background-size: 30px auto;
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 8px 20px 8px 75px;
margin: -34px 20px 8px -30px;
clear: both;
}
div.box2 {
border-top: 6px solid #3e3e3e;
padding: 8px 8px 8px 30px;
margin-left: -30px;
margin-top: 20px;
}
#blogShortList div.box2 {
margin-top: 40px;
}
#blogShortList div.box2 h2 {
margin-bottom: 15px;
}
div.box2 h2.news {
float: left;
background: url(/assets/images/news-icon.png) no-repeat #3e3e3e 30px 6px;
background-size: 32px auto;
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 8px 20px 8px 75px;
margin: -34px 20px 0px -30px;
clear: both;
}
td.label.agent, td.label.reason {
width: 80px;
}
div.club-header {
margin-top: 8px;
}
#newMessages.wiggle {
display: none;
}
.ui-datepicker-calendar .publicHoliday .ui-state-default {
border: 1px solid #cd0a0a;
background: #fef1ec;
}
.ui-datepicker .ui-datepicker-title select {
padding: 3px 1px 1px 1px;
}
div.image-order {
border: 1px solid #d1d1d1;
background: white;
height: 100px;
padding: 3px;
width: calc(100% - 12px);
}
div.image-order div.display-order {
position: absolute;
background: white;
width: 20px;
line-height: 20px;
color: #484848;
font-weight: bold;
margin: 3px 3px;
text-align: center;
filter: alpha(opacity=80);
opacity: 0.8;
}
div.image-order a.thumb {
float: left;
margin-right: 8px;
height: 100px;
width: 100px;
}
div.image-order table.form {
margin: 0;
}
div.image-order table.form td {
padding: 0;
height: 16px;
}
div.image-order table.form td.label {
padding-right: 8px;
}
div.image-order table.form.edit {
width: calc(100% - 144px);
}
div.image-order table.form.edit td {
padding-bottom: 3px;
padding-top: 3px;
}
div.image-order table.form.edit td.label {
width: 90px;
}
ul.facility-images {
padding: 3px 0 0 3px;
background: #d1d1d1;
float: left;
width: 100%;
min-height: 110px;
}
ul.facility-images li {
float: left;
margin: 0 3px 3px 0;
clear: both;
width: 100%;
}
div.image-container {
float: left;
}
div.image-container.right {
float: right;
}
div.left {
float: left;
}
table.mapoffices {
width: 100%;
}
table.mapoffices td {
border-bottom: 1px solid #e1e1e1;
padding: 4px 4px 6px 4px;
font-size: 11px;
line-height: 14px;
}
table.mapoffices div.officeName {
position: relative;
padding-bottom: 4px;
}
table.mapoffices div.officeName b a {
color: #df0f25;
}
table.mapoffices div.officeName a.show {
position: absolute;
right: 0;
}
table.mapoffices div.address {
line-height: 16px;
margin-bottom: 8px;
}
table.mapoffices div.phone, table.mapoffices div.fax, table.mapoffices div.email, table.mapoffices div.contact, table.mapMarker div.phone, table.mapMarker div.email, table.mapMarker div.fax, table.mapMarker div.contact {
margin-top: 4px;
}
table.grid div.phone {
margin-top: 4px;
}
table.mapoffices div.phone span, table.mapoffices div.fax span, table.mapoffices div.email span,
table.grid div.phone span, table.grid div.fax span, table.grid div.email span, table.mapoffices div.contact span, table.grid div.contact span,
table.mapMarker div.phone span, table.mapMarker div.contact span, table.mapMarker div.fax span {
color: #df0f25;
font-weight: bold;
padding-right: 4px;
}
table.grid div.phone, table.grid div.fax, table.grid div.email {
float: left;
margin-top: 5px;
margin-right: 20px;
}
table.grid div.address {
margin-top: 6px;
}
table.grid div.contact {
margin-top: 6px;
}
div#map_canvas {
width: 69%;
height: 600px;
float: left;
}
div#map_list {
width: 30.5%;
float: right;
height: 600px;
overflow-y: scroll;
}
table.mapMarker {
min-width: 180px;
}
table.mapMarker td {
font-size: 11px;
line-height: 14px;
white-space: nowrap;
}
table.mapMarker div.address {
margin-bottom: 8px;
}
table.mapMarker div.phone, table.mapMarker div.contact, table.mapMarker div.fax, table.mapMarker div.email {
font-size: 11px;
}
table.mapMarker td h4 {
font-size: 12px;
}
table.form tr.advanced {
display: none;
}
div.stock-info {
float: right;
background: url('/assets/images/asx-logo.png') no-repeat 10px 20px;
height: 56px;
padding: 24px 10px 20px 80px;
background-size: 60px auto;
border-left: 6px solid #DaDaDa;
width: 184px;
}
div.stock-info span.company {
font-size: 15px;
display: block;
margin-bottom: 4px;
}
div.stock-info span.amount {
font-size: 23px;
font-weight: bold;
padding-right: 8px;
display: block;
float: left;
}
div.stock-info span.info {
color: #239cd1;
font-size: 17px;
display: block;
float: right;
margin-top: 5px;
margin-right: 2px;
}
div.stock-info span.info.down {
color: #df0f25;
}
div.stock-info span.info span.arrow {
display: block;
float: left;
margin-right: 6px;
}
div.stock-info span.small {
font-size: 11px;
display: block;
margin-top: 3px;
text-align: left;
padding-right: 6px;
clear: both;
display: block;
float: right;
font-style: italic;
color: #959393;
}
div.blog {
border-bottom: 1px dashed #e3e3e3;
margin-top: 12px;
padding-bottom: 6px;
}
div.blog h3 {
color: #df0f25;
font-size: 16px;
}
div.blog div.date {
font-size: 11px;
background: #959393;
color: #fff;
float: left;
clear: both;
padding: 2px 3px;
margin: 6px 0 4px 0;
}
div.blog div.content {
clear: both;
}
p.message {
font-size: 11px;
margin-top: 4px;
color: #df0f25;
text-align: right;
margin-bottom: 0;
}
div.right-container {
top: -110px;
right: -30px;
background: #fff;
border-left: 6px solid #0b73af;
width: 273px;
position: absolute;
}
div.right-container div.header {
background: #0b73af;
padding: 16px 10px;
}
div.right-container div.header h2 {
color: #fff;
}
div.left-container {
width: 690px;
border-right: 6px solid #0b73af;
margin-bottom: -30px;
}
div.social-links {
float: right;
margin-top: 26px;
margin-right: 10px;
}
div.social-links a {
margin-right: 8px;
}
.tooltip {
background: #35a0fe;
display: none;
position: absolute;
padding: 9px;
font-size: 11px;
color: #fff;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.tooltip h2 {
font-size: 14px;
margin-bottom: 4px;
font-weight: bold;
color: #fff;
}
.tooltip p.description {
color: #fff;
font-style: italic;
margin: 4px 0 0 0;
}
div.counter {
/*right: 0;
position: absolute;
background: #fff;
border: 6px solid #e1e1e1;
color: #000;
*/
color: #fff;
width: 100%;
background: #d3d3d3;
padding: 5px 25px;
/*float: left;*/
}
div.counter div.message {
display: inline-block;
font-size: 1.25em;
vertical-align: middle;
/*clear: both;
font-size: 11px;
margin-bottom: 8px;
*/
}
#timer {
border: none;
color: #000;
display: inline-block;
background: none;
width: 115px;
vertical-align:middle;
}
div.counter span.countdown_amount {color: #df0f25; }
.countdown_show2 {}
.hasCountdown .countdown_show2 div
{
background: #fff;
padding-top: 6px;
padding-bottom: 4px;
width: 45%;
margin-left: 5%;
}
table.form td input.hasDatepicker {
float: left; margin-right: 3px;
}
table.form td img.ui-datepicker-trigger {
float: left;
}
.no-close .ui-dialog-titlebar-close {display: none }
div.open-hours label {
width: 78px;
display: inline-block;
text-align: right;
padding-right: 12px;
}
div.productinfo h2 {margin-bottom: 2px;}
div.productinfo.book h2 {margin-bottom: 10px;}
div.productinfo h3 {border-top: 1px dashed #e3e3e3; padding-top: 8px;}
div.productinfo.book h3 {padding-top: 12px;}
div.productinfo.book h4 {font-size: 1.1em;}
div.productinfo p {font-size: 0.95em;}
div.pricing label {
width: 50px;
display: inline-block;
padding-right: 12px;
}
div.productinfo table td {font-size: 0.9em; line-height: 18px;}
div.productinfo table {margin-bottom: 12px;}
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 640px;
margin: 20px auto;
}
div.white-popup.modal {
max-width: 350px;
min-width: 280px;
position: relative;
}
div.white-popup.processing {
max-width: 380px;
}
div.white-popup.scroll {
height: 400px;
overflow-y: scroll;
}
.mfp-ajax-holder div.white-popup.scroll {
margin-top: 30px;
padding-top: 0;
}
.mfp-ajax-holder div.white-popup {
margin-bottom: -20px;
}
.mfp-ajax-holder .mfp-close {
top: -6px;
right: -5px;
}
div.confirm
{
padding: 20px 0 0 0;
text-align: center;
}
div.confirm p
{
text-align: center;
}
div.confirm div.centre{
position: relative;
height: 40px;
margin: 20px 25% 0 25%;
}
div.confirm div.centre.fullwidth {
height: auto;
}
div.confirm div.centre.wide {
margin: 20px 10% 0 10%;
}
div.confirm div.centre a.button.left
{
left: 0;
position: absolute;
}
div.confirm div.centre a.button.right {
position: absolute;
left: auto;
right: 0;
float: none;
}
div.confirm div.centre.fullwidth a.button {
display: block;
float: none;
max-width: 300px;
margin: 10px auto;
line-height: 24px;
}
div.loading-gif {background: url("/assets/images/pink-loading.gif") no-repeat; max-width: 255px; min-height: 40px; background-size: 100% auto;}
div.loading-gif.centre {margin: 0 auto;}
div.loading-bookingform { min-height: 100px; padding-top: 5px;}
div.loading-bookingform div.loading-gif { width: 200px;}
p.member {margin: 20px 0;}
p.member a {margin-left: 10px;}
#googlemap {width: 100%; height: 300px;}
div.right-content {float: right; width: 36%;}
div.left-content {float: left; width: 62%;}
div.image-gallery {margin: 20px 0;}
div.image-gallery img {margin: 0 6px 6px 0;}
input.booksearch {margin: 40px 0 25px 10px;}
div.contactdetails {margin-top: 0px;}
ul.form input, ul.form input.question.val-number {width: 200px;}
ul.form textarea.personalMessage {width: 350px;}
ul.form input.val-product, ul.form input.val-extra, ul.form input.singleproductpurchase, ul.form input.timeProduct {width: 40px; float: left;}
ul.form select {width: 105px; float: left;}
ul.form select.question {width: 225px;}
ul.form select.product-duration {width: 150px;
}
ul.form div.text {
float: left;
margin: 10px 10px 0 10px;
position: relative;
}
ul.form a.button.info {float: left; margin-top: 5px; margin-right: 0;}
ul.form div.duration {float:left; position:relative; }
ul.form div.duration select { margin-left: 5px; }
ul.form div.duration span {float: left; margin: 8px 0 0 5px;}
table.grid.confirm {min-width: 450px; width: 450px;}
table.grid.confirm td {white-space: nowrap;}
input[readonly].sold { color: #e1828c; width: 80px; background: #f6f6f6;}
input[type=text]:read-only, textarea:read-only {
background: #f6f6f6;
}
#terms h2 {padding-top: 10px;}
#terms h1 {padding-bottom: 10px;}
p.confirmDetails {
font-weight: bold;
margin-top: 15px;
}
p.confirmDetails span.value {color: #cd0a0a; padding-right: 10px;}
p.confirmDetails span.value.last {padding-right: 0;}
div.middle.cart {position: relative; height: 44px;}
div.shopping-cart-message {
color: #fff;
float: right;
font-size: 12px;
line-height: 18px;
padding-left: 48px;
background: url(/assets/images/shopping-cart-bg.png) no-repeat;
margin-right: 30px;
margin-top: 5px;
}
div.shopping-cart-message a {display: block; color: #fff; text-decoration: underline;}
#creditCardDetails h3 {margin: 20px 0 30px 0;}
#creditCardDetails select#month {margin-right: 10px;}
#creditCardDetails select.expiry {width: 108px;}
#creditCardDetails input.ccv {width: 48px; margin-right: 5px;}
#creditCardDetails input#cardExpiry {width: 48px; margin-right: 8px;}
#creditCardDetails ul.form li.label.cardccv {float:left; clear: none; width: 35px !important; margin-left: 37px;}
#creditCardDetails a.CCVinfo {font-size: .9em; display: block; margin-top: 5px;}
#terms table td, #waiver table td { line-height: 20px; vertical-align: top; padding-bottom: 10px; }
#terms table, #waiver table { margin-bottom: 15px; margin-top: 5px; }
#terms table tr td:first-child, #waiver table tr td:first-child { padding-right: 5px; }
#productSelect {float: left; margin-right: 10px; min-width: 225px; margin-bottom: 8px;}
#activitySelect {float: left; margin-right: 10px; min-width: 225px; margin-bottom: 8px;}
a.link {color: #484848; text-decoration: underline;}
div.locations h1 {text-align:center;}
div.locations h2 {margin-top: 40px;}
div.locations {text-align:center;}
div.locations .date-selection {margin: 0 auto; text-align:center;}
div.locations a.button {display:block; float:none; max-width: 300px; margin: 10px auto; line-height: 24px;}
div.locations a.link {font-size: 17px;}
div.booking-steps {color: #fff; font-size: 1.5em; text-align:center;}
div.booking-steps ul li {display:inline-block; padding: 10px 30px; position:relative;}
div.booking-steps ul li i.fa {position:absolute; right: -12px; top: .15em; font-size: 1.5em; }
div.booking-steps.left {float:left;}
div.counter.with-steps {
float:none;
margin: 0 auto;
position:absolute;
right: 0;
top: 0;
}
div.counter.with-steps div.message { font-size: 12px; margin-top: 8px; line-height: 14px; text-align: right; margin-right: 4px;}
p.amend-message { color: #EA1E76; font-weight:bold; text-align:center; margin-top: 20px; }