html {
height: 100%;
}
body {
margin: 0 auto;
height: 100%;
width: 100%;
background: #000;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
color: #363636;
}
label {
color: #000;
font-weight: bold;
}
/*
input[type="text"], input[type="password"], input[type="number"] {
border: 1px solid #e3e3e3;
color: #000;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
padding: 9px;
-webkit-appearance: none;
-moz-border-radius: 0px;
border-radius: 0px;
}
input[type="file"] {
border: 1px solid #e3e3e3;
color: #000;
font-size: 13px;
width: 200px;
font-family: Arial, Helvetica, sans-serif;
padding: 9px;
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: 32px;
}
textarea {
border: 1px solid #e3e3e3;
color: #000;
font-size: 13px;
resize: none;
font-family: Arial, Helvetica, sans-serif;
padding: 8px;
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;
}
*/
.form-control {
border-radius: 1px;
-webkit-box-shadow: none;
outline: -webkit-focus-ring-color auto 0px;
font-size: 16px;
padding: 10px 10px;
height: 50px;
border: 1px solid #8e8e8e;
}
select.form-control {
padding-left: 7px;
background: #fff;
/*
-moz-appearance: none; -webkit-appearance: none; appearance: none;
background: white url('/images/select-bg.png') no-repeat scroll right !important;
*/
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
color: #555555;
font-size: 16px;
height: 50px;
border-radius: 0;
border: 1px solid #8e8e8e;
line-height: 35px;
-webkit-box-shadow: none !important;
outline: -webkit-focus-ring-color auto 0px !important;
}
.bootstrap-select.btn-group .dropdown-menu {
max-width: 100%;
}
.bootstrap-select > .btn.dropdown-toggle.btn-default {
color: #555555;
font-size: 16px;
height: 50px;
border-radius: 0;
border: 1px solid #8e8e8e;
line-height: 35px;
background: none;
-webkit-box-shadow: none;
outline: -webkit-focus-ring-color auto 0px;
}
.bootstrap-select > .btn.dropdown-toggle.btn-default:focus, .bootstrap-select > .btn.dropdown-toggle.btn-default:hover {
background: none !important;
-webkit-box-shadow: none !important;
outline: -webkit-focus-ring-color auto 0px !important;
}
.bootstrap-select.open > .btn.dropdown-toggle.btn-default {
border: 1px solid #ed9f07;
}
.dropdown-menu {
border-radius: 0;
margin-top: 0;
border-left: 1px solid #ed9f07;
border-right: 1px solid #ed9f07;
border-bottom: 1px solid #ed9f07;
border-top: none;
}
.dropdown-menu > li > a {
font-size: 16px;
color: #555;
padding-left: 12px;
padding-right: 12px;
padding-top: 4px;
padding-bottom: 4px;
}
.dropdown-menu > li.selected a {
border: none !important;
-webkit-box-shadow: none;
outline: -webkit-focus-ring-color auto 0px;
}
.dropdown-menu > li > a:focus {
border: none !important;
-webkit-box-shadow: none;
outline: -webkit-focus-ring-color auto 0px;
}
.dropdown-menu > li > a:active {
border: none !important;
-webkit-box-shadow: none;
outline: -webkit-focus-ring-color auto 0px;
}
.dropdown-header {
padding: 6px 12px;
font-size: 16px;
}
.dropdown-menu .divider {
margin: 5px 0 5px 0;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
padding-left: 20px;
}
@-moz-document url-prefix() {
select.form-control {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: white url('/images/select-bg.png') no-repeat scroll right !important;
padding-top: 9px;
}
}
select.form-control:before {
/*
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: -10px;
margin-left: 0;
margin-top: 0;
position: absolute;
top: 0;
width: 0;
*/
}
select.form-control.placeholder.on {
color: #999;
}
select.form-control.placeholder.off {
color: #555;
}
select.form-control.placeholder option:not(:checked) {
color: #555; /* or whatever your default style is */
}
.bootstrap-switch {
border-radius: 0;
}
.bootstrap-switch {
border: 1px solid #8e8e8e;
}
.bootstrap-switch.bootstrap-switch-focused {
border-color: #ed9f07;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-inline .bootstrap-switch {
margin-right: 15px;
}
.bootstrap-switch .bootstrap-switch-handle-on {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.bootstrap-switch .bootstrap-switch-handle-off {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.top-nav .bootstrap-switch .bootstrap-switch-primary, .form-inline .bootstrap-switch .bootstrap-switch-primary, .form-group .bootstrap-switch .bootstrap-switch-primary {
background: #ed9f07;
}
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
border-radius: 0 !important;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
padding: 12px 16px;
font-size: 16px;
line-height: 1.5;
}
input.form-control {
-webkit-appearance: none;
}
.form-control:focus, input[type="search"]:focus {
-webkit-box-shadow: none;
outline: -webkit-focus-ring-color auto 0px;
border: 1px solid #ed9f07;
}
input[type="submit"], button {
padding: 0 6px;
font-size: 13px;
border: 1px solid #e3e3e3;
color: #000;
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;
height: 28px;
}
input[type="submit"]:hover, button:hover {
border: 1px solid #b3b3b3;
cursor: pointer;
}
a, .ui-dialog .ui-dialog-content a {
color: #439fee;
text-decoration: none;
}
a:hover, .ui-dialog .ui-dialog-content a:hover {
color: #f84d08;
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 -128px;
height: 24px;
padding-left: 21px;
margin-right: 20px;
padding-top: 4px;
}
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.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 {
font-family: 'latolight',sans-serif;
font-size: 14px;
margin-right: 10px;
background: #439fee;
padding: 1px 10px 1px 10px;
color: #fff;
margin-right: 5px;
display: inline-block;
width: auto;
line-height: 31px;
text-transform: uppercase;
}
a.btn {
display: inline-block;
margin: 10px 0 10px 0;
padding: 12px 15px;
text-align: center;
color: #ffffff !important;
border: 1px solid transparent;
-moz-border-radius: 2%;
-webkit-border-radius: 2%;
border-radius: 2%;
font-size: 20px;
line-height: 24px;
clear: both;
-moz-box-shadow: -2px 3px 7px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: -2px 3px 7px 0px rgba(0, 0, 0, 0.15);
box-shadow: -2px 3px 7px 0px rgba(0, 0, 0, 0.15);
outline: none;
font-weight: 300;
cursor: pointer;
text-decoration: none;
}
a.btn:hover {
text-decoration: none;
}
a.video {
display: block;
float: left;
background: url(/assets/images/video-icon.png) no-repeat scroll left;
padding: 7px 0 4px 28px;
margin: 0px 10px 10px 0;
}
a.image {
background: url(/assets/images/camera-icon.png) no-repeat scroll left;
padding: 7px 0 4px 28px;
display: block;
float: left;
margin: 0px 10px 10px 0;
}
a.button.small {line-height: 26px; font-size: 13px; padding: 1px 8px 1px 8px;}
a.button:hover, .ui-dialog .ui-dialog-content a.button:hover {
cursor: pointer;
background: none repeat scroll 0 0 #66b0ef;
color: #FFFFFF;
transition: all 0.2s ease-in-out 0s;
}
a.button.add-new-page {
margin-top: 5px;
}
a.button.right {
float: right;
}
a.button:hover, .ui-dialog .ui-dialog-content a.button:hover {
cursor: pointer;
}
a.button.full {display: block; width: auto; text-align: center; font-size: 1.5em; padding: 16px 8px;}
input.datePicker {
width: 75px;
}
input.time {
width: 35px;
}
input.search {
width: 220px;
margin-right: 8px;
}
p {
line-height: 22px;
margin-bottom: 10px;
}
strong {font-weight: bold;}
p.strong { font-size: 1.1em; font-weight: bold; line-height: 150%;}
p.small {font-size: 12px; margin-bottom: 0px;}
h1 {
font-size: 3em;
font-weight: 500;
font-family: 'Lato',sans-serif;
color: #000;
margin: 20px 0 20px 0;
}
h1 small{
font-size: 20px;
display:block;
margin-top: 10px;
}
h2 {
font-size: 2em;
color: #000;
font-weight: normal;
font-weight: 300;
font-family: 'Lato',sans-serif;
margin-bottom: 15px;
}
h2.centre {text-align: center; font-style: italic; font-size: 1.75em; color: #439fee; line-height: 1.1em;}
b.highlight {
color: #f1571a;
}
h3 {
font-size: 1.5em;
color: #66b0ef;
font-weight: 300;
font-family: 'Lato',sans-serif;
margin-bottom: 12px;
}
h3.name {color: #000;}
h4 {
font-weight: 400;
font-family: 'Lato',sans-serif;
font-size: 1.1em;
margin-bottom: 8px;
}
h1.blue {
color: #272262;
font-weight: bold;
font-size: 22px;
}
span.hint {
color: #363636;
font-weight: bold;
}
#header{
height: 0px;
}
#header div.middle {position: relative;}
#header h2
{
float: left;
margin: 22px 0 0 6px;
}
div.middle {
margin: 0 auto;
width: 95%;
max-width: 1200px;
}
.container-fluid {
width: 95%;
max-width: 1400px;
}
.container-fluid.narrow { max-width: 600px; }
.plain-page {
padding: 25px 0 60px 0;
}
#middle {
/*background: url('/assets/images/horizontal-shadow.png') repeat-x white;*/
background-color: #fff;
margin: 0 auto;
width: 100%;
}
#logo {
height: 60px;
width: 70px;
float: left;
margin: 11px 0 0 12px;
background: url('/assets/images/swan-logo.png') no-repeat;
background-size: contain;
border: 0;
}
#header h2 {
color: #fff;
font-size: 1.8em;
margin: 26px 0 0px 12px;
float: left;
font-weight: bold;
text-transform: uppercase;
}
div.menu-bg {
width: 100%;
height: 82px;
background: #000;
}
div.menu-fg {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}
.menu {
height: 58px;
font-size: 13px;
}
.menu ul {
list-style: none;
padding: 0px 0 0 0;
border: 0px;
height: 52px;
margin: 75px 0 0 0;
float: right;
}
.menu ul.main {width: auto; max-width: 1200px; }
.menu ul.submenu {display: none; float: right; position: relative;}
.menu ul.submenu li a.expand { background: url(/assets/images/box.png) no-repeat scroll right; text-indent: -9999px; width: 45px; }
.menu li {
float: left;
padding: 0px;
background: url('/assets/images/menu-separator.png') 0px 19px no-repeat;
position: relative;
}
.menu li.first {
background: none;
}
.menu li.right {
float: right;
margin-right: 4px;
}
.menu li a {
display: block;
line-height: 53px;
margin: 0px;
padding: 0 0 0px 0;
text-align: center;
color: #363636;
color: #fff;
text-decoration: none;
border: 1px solid transparent;
font-size: 15px;
text-transform: uppercase;
}
.menu li a:hover {
color: #66b0ef;
}
.menu li:hover a {
color: #66b0ef;
}
.menu ul li:hover a {
color: #66b0ef;
}
.menu li a span {
color: #66b0ef;
}
.menu li ul {
margin: 0px 0 0 -2px;
padding: 0 0 8px 0;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
z-index: 200;
display: none;
height: auto;
position: absolute;
background: #eff1f1;
min-width: 180px;
}
.menu li.members ul {
right: 0;
}
.menu ul.submenu li ul {
right: 0;
}
.menu ul.main li:hover ul {
display: block;
}
.menu li li {
display: block;
float: none;
margin: 0px;
padding: 0px;
border: 0px;
}
.menu ul.main li:hover li a, .menu ul.submenu li li a {
line-height: 38px;
height: 38px;
color: #363636;
background: none;
border-bottom: 1px solid #e3e3e3;
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 ul.submenu li li a {width: 250px; }
.menu ul.submenu li li a.indent {padding: 0 5px 1px 20px; background : url(/assets/images/bullet.png) no-repeat scroll 3px; }
.menu ul span.indent {padding: 0 5px 1px 20px; background : url(/assets/images/bullet.png) no-repeat scroll 3px; color: #363636; }
.menu ul.submenu a.indent span.indent {padding: 0; background : none; color: #363636; }
.menu ul a:hover span.indent, .menu ul.submenu a.indent:hover span.indent {color: #f1571a;}
.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 ul.main li ul a:hover, .menu li ul li:hover a {
background: none;
color: #f1571a;
}
.menu li.bookmarks:hover li a {
width: auto;
}
.menu p {
clear: left;
}
.menu i.fa.fa-caret-right
{
}
div.clearAll, div.clear {
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: 52px;
margin: 0 15px;
color: #363636;
border-bottom: 1px solid #e3e3e3;
clear: both;
}
#pagetitle h1 {
float: left;
font-size: 24px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
margin: 14px 0 0 0;
}
div.breadcrumb {
margin: -24px 15px 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: #f1571a;
}
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: #f1571a;
}
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;
}
div.contact-info {
/*border-left: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1) inset;
padding-left: 30px;
*/
position: absolute;
right: 0;
font-size: 18px;
top: 0px;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
height: 82px;
}
div.contact-info a {
position: relative;
margin-left: 20px;
color: #fff;
padding-top: 32px;
float: left;
display: block;
height: 82px;
}
div.contact-info a:hover {
color: #e0e0e0;
}
div.contact-info a:first-of-type {
margin-left: 0;
}
div.contact-info span.social {
padding-left: 30px;
position: relative;
display: none;
}
div.contact-info span.social:before {
font-family: FontAwesome;
content: '\f0c8';
position: absolute;
color: #fff;
font-size: 6px;
top: 5px;
left: 10px;
}
div.contact-info a.menu-button {
text-align: center;
border-left: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1) inset;
padding: 24px 20px 0 20px;
}
div.contact-info a.menu-button span.fa {
font-size: 24px;
}
div.contact-info a.menu-button span.text {
display: block;
font-size: 10px;
text-transform: uppercase;
text-align: center;
}
a.email {
padding-left: 34px;
}
a.phone {
padding-left: 28px;
margin-right: 30px;
}
a.email:before {
position: absolute;
left: 0;
top: 25px;
font-family: FontAwesome;
font-size: 25px;
content: '\f0e0';
}
a.phone:before {
position: absolute;
left: 0;
top: 26px;
font-family: FontAwesome;
font-size: 24px;
content: '\f095';
}
a.facebook {
display: block;
float: left;
width: 70px;
position: relative;
border-left: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1) inset;
padding: 20px 0;
height: 80px;
}
a.facebook:before {
font-family: FontAwesome;
font-size: 24px;
content: '\f09a';
position: absolute;
left: 28px;
top: 26px;
}
a.linkedin {
width: 50px;
position: relative;
border-left: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1) inset;
}
a.linkedin:before {
position: absolute;
font-family: FontAwesome;
font-size: 24px;
content: '\f0e1';
top: 26px;
left: 28px;
}
div.contact-info a.facebook, div.contact-info a.linkedin {
margin-left: 0px;
}
#contentmain {
margin: 0 13px 60px 13px;
}
.contentmain {
margin: 0 15px 0 15px;
padding: 30px 0;
}
#contentmain p {
margin-top: 12px;
}
#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: 15px 0;
padding: 4px;
border: 1px solid #e3e3e3;
background: #f1f1f1;
-moz-border-radius: 6px;
border-radius: 6px;
}
.content-left {
float: left;
}
.content-left ul, .content-top ul {
margin: -3px 0;
}
.content-left li, .content-top li {
font-weight: normal;
margin: 4px 1px;
padding: 0; /*text-indent: 8px;*/
background: #e3e3e3;
width: 94px;
}
.content-top li {
float: left;
margin-right: 4px;
}
.content-left li a, .content-top li a {
text-decoration: none;
display: block;
padding: 6px 7px 6px 7px;
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;
-moz-border-radius: 4px;
border-radius: 4px;
}
.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 #F27C4E;
}
.content-left li a.selected, .content-top li a.selected {
background: #ffffff;
/*font-weight: bold;*/
color: #f1571a;
}
.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: 38px;
margin-left: -1px;
}
div.content-box {
background: white;
border: 1px solid #d3d3d3;
padding: 12px 0 12px 12px;
margin-bottom: 4px;
}
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 {
color: #fff;
font-size: 12px;
padding-top: 40px;
padding-bottom: 40px;
width: 100%;
margin: 0 auto;
background: #000;
}
.footer-links {
margin: 0 40px;
display: inline-block;
}
.footer-links h3 {
font-size: 22px;
font-weight: bold;
color: #fff;
margin-block: 20px;
text-align: left;
}
.footer-links.footer-left {margin-left: 60px;}
.footer-links ul {
margin-left: 0;
padding: 0;
}
.footer-links ul li a {
color: #fff;
text-decoration: none;
font-size: 16px;
}
.footer-links ul li a:hover {
color: #fff;
text-decoration: none;
}
.footer-links ul li {
line-height: 150%;
margin-bottom: 10px;
}
div.footer-links ul.contact-info li:before {
font-family: FontAwesome;
position: absolute;
left: 0;
}
div.footer-links ul.contact-info li {
position: relative;
padding-left: 26px;
text-align: left;
font-size: 16px;
}
div.footer-links ul li.phone:before {
content: '\f095';
}
div.footer-links ul li.email:before {
content: '\f0e0';
}
div.footer-links ul li.fax:before {
content: '\f1ac';
}
div.footer-links ul li.map:before {
font-family: FontAwesome;
content: '\f041';
}
#footer div.middle { text-align: center; }
.footer-logo {
width: 60px; height: auto; margin: 40px auto; display:inline-block;
}
.copy {
text-align: center;
}
.copy a {
color: #000;
text-decoration: underline;
}
.copy a:hover {
color: #000;
text-decoration: underline;
}
#fmenu {
margin-right: 15px;
}
#fmenu a {
color: #000;
text-decoration: underline;
}
#fmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
#fmenu li {
display: inline;
}
table.grid {
width: auto;
font-size: 14px;
border-collapse: collapse;
}
table.grid td, table.grid th {
border-collapse: collapse;
}
table.grid th, table.grid td.grid-head {
/*background: url('/assets/images/deliverance-bg.png') repeat #505050;*/ /*background-image: url("/assets/images/grid-bg.jpg");*/
background: url('/assets/images/backgrounds/grid-bg.png') repeat-x #4d4d4d;
color: #ffffff;
font-weight: bold;
font-size: 14px;
border: none;
text-align: left;
padding: 12px 10px 12px 10px;
text-align: left;
}
table.grid th a {
color: #fff;
text-decoration: underline;
}
table.grid td {
padding: 10px 10px 8px 10px;
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 tr.middle td {
vertical-align: middle;
}
table.grid td.bold {
font-weight: bold;
}
table.grid td.nowrap {
white-space: nowrap;
}
table.grid td.indent {
padding-left: 12px;
}
table.grid td.centre {text-align:center;}
table.grid th.centre {text-align:center;}
table.grid tr.totals td {
font-weight: bold;
border-bottom: none;
}
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 #f1571a;
}
table.grid tr.pagination table td span {
border: 1px solid #f1571a;
display: block;
width: 24px;
text-align: center;
padding: 5px 0;
}
table.grid tr.pagination table {
float: left;
}
table.grid tr.highlight:hover, table.grid tr.select:hover {
background: #f1f1f1;
cursor: pointer;
}
table.grid tr.warning {
background: #F7E1E1;
}
table.grid.program {width: 100%;}
table.grid.program td {
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}
table.grid.program td.group {
text-align:center;
width: 20px;
}
table.grid.program td span.red {color: red;}
.page-info {
margin-top: 15px;
margin-left: 5px;
color: #a0a0a0;
font-size:12px;
font-style: italic;
text-align:center;
}
div.pages {
margin: 15px auto 15px auto;
text-align:center;
}
table.grid tr.pager div.pages ul {
}
div.pages ul li {
display:inline-block;
}
div.pages ul li span.current {
background: #87c0f1;
display: block;
width: 30px;
line-height: 30px; font-size: 14px; padding: 1px 0 1px 0;
text-align: center;
margin-right: 8px;
color: #fff;
}
div.pages ul li a.page {
display: block;
width: 30px;
line-height: 30px;
padding-left: 0;
padding-right: 0;
text-align: center;
}
div.pages ul li a.page.large {
font-size: 15px;
}
div.pages ul li a.page.large.disabled {
background: #d3d3d3;
}
table.grid tr.pager div.pages ul li a.page.large.disabled:hover {
border: 1px solid #e3e3e3;
cursor: auto;
}
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;
}
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.search th.date {
text-align: center;
padding-top: 6px;
padding-bottom: 4px;
width: 38px;
}
table.grid.search td.date, table.grid.search td.add {
border-left: 1px solid #e3e3e3;
text-align: center;
}
table.grid.search td.add {
width: 30px;
}
table.grid.search td.date.withallotments {
padding: 0;
}
table.grid.search td.date.withallotments.sold {
background: #f6f6f6;
color: #ff9393;
}
/*
table.grid.search td.date span.price {
position: relative;
display: block;
height: 30px;
line-height: 24px;
text-align: left;
padding-left: 6px;
}
*/
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 {
font-size: 10px;
background: #f6f6f6;
color: #a7a7a7;
}
table.grid.search td.date.na.highlight {
background: #E6E6C1;
}
table.grid.search td.date.na table.grid.search span.day {
text-transform: uppercase;
color: #f1571a;
}
table.grid.search span.date {
font-size: 11px;
line-height: 14px;
}
table.grid.search span.more {
color: #f1571a;
font-style: italic;
}
table.grid tr.header td {
color: #f1571a;
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: #f1571a;
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;
}
table.form td {
/*padding: 6px 8px 4px 0px;*/
height: 28px;
vertical-align: top;
line-height: 26px;
padding-top: 6px;
}
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: 4px;
}
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: 18px;
}
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;
}
/*
#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;
}
ul.form {
list-style: none;
margin-top: 12px;
}
ul.form li {
display: block;
float: left;
width: 340px;
height: 36px;
line-height: 32px;
}
ul.form li label {
display: block;
float: left;
width: 90px;
}
ul.form li input, ul.form li select, ul.form li .jquery-selectbox {
margin-top: 4px;
}
.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, ul.tick, div.product-details ul {margin:20px 0 20px 0;}
ul.bullet li, div.product ul li, div.product-details ul li {
background: url('/assets/images/li.jpg') no-repeat 0 5px;
padding-left: 17px;
line-height: 19px;
margin-bottom: 4px;
}
div.product ul.bullet, div.product ul {margin: 5px 0 5px 0;}
div.product div.description { line-height: 20px; }
div.product div.description p { line-height: 20px; margin-bottom: 10px; }
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.strong li, ul.tick.strong {
font-weight: bold;
}
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;
}
span.clear {
display: block;
clear: both;
height: 0;
}
#TB_window {
border: 1px solid #e3e3e3;
}
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: #f1571a;
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;
}
h1.error {
background: url(/assets/images/hijack_48.png) no-repeat;
padding-left: 60px;
}
b.error {
color: #cd0a0a;
}
div.error {
background: url(/assets/images/hijack_48.png) no-repeat 8px 10px;
border: 1px dashed #cd0a0a;
color: #363636;
min-height: 65px;
margin: 20px 0px 0px 0px;
}
div.error.small {
background: url(/assets/images/hijack_32.png) no-repeat 6px 6px;
border: 1px dashed #cd0a0a;
color: #363636;
min-height: 40px;
margin: 12px 0 -8px 0;
z-index: 20;
position: relative;
}
div.error.small p {
padding-top: 6px;
}
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 {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
div.error.custom p {
margin-top: 15px;
}
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 15px 15px;
border: 1px dashed #cd0a0a;
padding: 15px 15px 5px 80px;
margin-bottom: 20px;
}
body.narrow.tablet div.error-page {
background: url(/assets/images/hijack_32.png) no-repeat 10px 10px;
padding: 10px 10px 5px 50px;
}
body.narrow.tablet.mobile div.page-buttons a.button {
margin-bottom: 10px;
}
tr.show-if-tablet {display: none;}
.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-buttons {
margin-top: 25px;
}
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; margin-right: 12px; text-align: center; min-width: 75px; margin-bottom: 10px;}
a.nav span {
display: block;
width: 68px;
height: 68px;
background: url('/assets/images/sprites/default.sprite.png') no-repeat;
margin: 0 auto 4px auto;
}
a.reports {
background-position: 2px 2px;
}
a.clients span {
background-position: -74px 2px;
width: 75px;
}
a.programs span {
background-position: -570px 2px;
width: 62px;
}
a.exercises span {
background-position: -494px 2px;
}
a.orders span {
background-position: -712px 2px;
width: 58px;
}
a.shop span
{
background-position: -786px 2px;
width: 66px;
}
a.nutrition span
{
background-position: -870px 2px;
width: 66px;
}
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 #f1571a;
}
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;
}
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;
}
.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 dashed #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: #f1571a;
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;
min-width: 80px;
}
@-moz-document url-prefix() {
select {
background: white;
padding: 10px 7px;
}
}
select, ul.new-form select {
}
@-moz-document url-prefix() {
select, ul.new-form select {
background: white;
padding: 5px;
}
input {padding: 6px;}
}
.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;
}
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: 1px solid #e3e3e3;
padding: 6px;
}
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.exercise-images
{
padding: 3px 0 0 3px;
background: #d1d1d1;
float : left;
width: 100%;
min-height: 110px;
}
ul.exercise-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.social
{
position: absolute;
/*
right: 5px;
top: 66px;
*/
right: 5px;
top: 10px;
}
div.social a
{
display: block;
float: right;
width: 37px;
height: 37px;
text-indent: -9999px;
background: url('/assets/images/social-media.png') no-repeat;
margin-right: 8px;
}
div.social a.facebook {
background-position: top left;
}
div.social a.youtube {
background-position: -42px 0px;
}
div.social a.twitter {
background-position: -87px 0px;
}
div.social a.instagram {
background-position: top right;
}
div.social a.tumblr {
background-position: -166px 0px;
}
h3.facebook , h2.facebook
{
line-height: 37px;
clear: right;
}
h3.facebook span.icon, h2.facebook span.icon {
display: block;
float: left;
width: 37px;
height: 37px;
text-indent: -9999px;
background: url('/assets/images/social-media.png') no-repeat;
margin-right: 8px;
}
div.contact-content { float: left; width: 53%; margin-bottom: 20px;}
#googlemap { height: 395px; width: 100%; float: left; margin-top: 30px; }
div.form {
float: right;
width: 39%;
margin-bottom: 20px;
background: #eff1f1;
padding: 20px;
}
div.form.standard {
float: none;
width: 39%;
margin-bottom: 20px;
background: none;
padding: 0;
}
div.right-content div.form {width: auto; float: none; }
div.form.login {float: left; background: #fff; padding: 0; width: 55%;}
div.form.members {float: left; width: 100%; padding: 0 0 24px 0; border-bottom: 1px dashed #e1e1e1; background: #fff;}
div.form.members div.filter {width: 20%; float: left; margin-right: 2%;}
div.form.members a.button {margin-top: 32px; float: left;}
div.white-popup div.form {float: none; width: auto; background: #fff;}
div.form label {
display: block;
clear: both;
padding-top: 12px;
padding-bottom: 6px;
font-size: 13px;
font-weight: 300;
font-family: 'Lato',sans-serif;
}
div.form input[type="text"], div.form input[type="password"], div.form textarea {
width: 95%;
width: calc(100% - 18px);
}
div#productDetails div.form input[type="text"] {max-width: 100px;}
div.form select {
width: 100%;
}
div.form textarea {
height: 150px;
width: 95%;
width: calc(100% - 16px);
}
div.form a.button {
margin-top: 20px;
margin-right: 0;
}
ul.contact-details {
margin-top: 20px;
}
ul.contact-details li {
font-weight: 300;
font-family: 'Lato',sans-serif;
color: #000;
font-size: 20px;
line-height: 33px;
padding-left: 45px;
padding-bottom: 8px;
}
ul.contact-details li.phone {
background: url(/assets/images/contact-icons.png) no-repeat 0 4px;
}
ul.contact-details li.email {
background: url(/assets/images/contact-icons.png) no-repeat 0 -50px;
}
ul.contact-details li.address {
background: url(/assets/images/contact-icons.png) no-repeat 0 -98px;
}
ul.contact-details li a {text-decoration: none; color: #404042; }
div.right-content {
float: right;
width: 30%;
margin-top: -67px;
}
div.left-content {
width: 68%;
float: left;
}
div.article
{
border-top: 1px dashed #e1e1e1;
padding-top: 12px;
margin-bottom: 10px;
}
div.article img.thumb {float: left; width: 118px; height: 118px; margin-bottom: 0px; margin-right: 8px;}
body.narrow div.article img.thumb {width: 155px; height: 155px;}
body.narrow.tablet div.article img.thumb {width: 118px; height: 118px;}
body.narrow.tablet.mobile div.article img.thumb {width: 95px; height: 95px; margin-bottom: 3px;}
div.article h3 {margin-bottom: 4px;}
div.article i {
line-height: 20px;
color: #a0a0a0;
font-size: 11px;
}
div.article a.button.small {float: right;}
div.article p {margin-top: 10px;}
img.article-right {
float: right;
width: 40%;
height: auto;
margin-left: 20px;
margin-bottom: 10px;
}
#fb-root {
display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}
div.search-result
{
border-bottom: 1px dashed #e1e1e1;
padding-top: 12px;
margin-bottom: 12px;
padding-bottom: 6px;
}
div.search-result p {margin-top: 10px;}
div.blogcontent {
font-size: 14px;
line-height: 22px;
margin: 0 0 16px 0px;
}
div.blogcontent img.left {
float: left;
margin: 0px 20px 0px 0;
max-width: 35%;
}
div.blogcontent img.right {
float: left;
margin: 0px 0 0px 20px;
max-width: 35%;
}
div.blogtitle h1 { margin-bottom: 8px;
}
i.article-date { color: #a0a0a0; font-style: italic; font-size: 12px; }
div.blogtitle {margin-bottom: 12px;}
div.article-search {
padding: 12px 12px 14px 12px;
margin-bottom: 20px;
background: #f1f1f1;
}
div.article-search p { float:left; margin-top: 10px; margin-bottom: 0; }
div.form h3.border {border-top: 3px solid #fff; margin-top: 16px; padding-top: 12px;}
a.toggle-form { display: none; float: right; width: 30px; height: 30px; margin: -8px 0 0 0; background: url(/assets/images/show-arrow.png) no-repeat scroll center; }
a.toggle-form.up {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.white-popup {
position: relative;
background: #FFF;
padding: 5px;
width: auto;
max-width: 640px;
margin: 20px auto;
}
div.white-popup.modal {
max-width: 400px;
min-width: 280px;
position: relative;
}
div.white-popup.info
{
padding: 20px;
}
div.white-popup.processing {
max-width: 380px;
text-align: center;
padding: 20px;
font-weight: bold;
}
div.white-popup.scroll {
height: 400px;
overflow-y: scroll;
}
div.white-popup div.centre {
width: 70%;
margin-top: 20px;
margin: 0 auto;
}
div.white-popup div.centre a.button{ float: left;}
div.white-popup div.centre a.button.right {float: right; margin-right: 0;}
body.narrow.mobile div.white-popup div.centre.wide a.button {float:none; clear: both;}
body.narrow.mobile div.white-popup div.centre.wide a.button.right {margin-top: 15px;}
div.white-popup div.centre.wide {
width: 100%;
}
.mfp-ajax-holder div.white-popup.scroll {
margin-top: 30px;
padding-top: 0;
}
.mfp-ajax-holder div.white-popup {
margin-bottom: -20px;
}
.mfp-close:hover {border: none;}
.mfp-ajax-holder .mfp-close {
top: -6px;
right: -5px;
}
.mfp-iframe-scaler .mfp-close {position: absolute !important; background: none; width: 30px; font-size: 40px;}
.mfp-iframe-scaler .mfp-close:hover {border: none;}
div.middle.cart {position: relative;}
div.shopping-cart-message {
color: #fff;
position: absolute;
right: 15px;
top: 10px;
font-size: 12px;
line-height: 18px;
padding-left: 48px;
background: url(/assets/images/shopping-cart-bg.png) no-repeat;
}
div.shopping-cart-message a {display: block;}
body.narrow div.shopping-cart-message {
right: 5px;
}
body.narrow.tablet div.middle.cart {color: #000; width: 100%; height: auto; background: #7A7A7A; padding-bottom: 5px;}
body.narrow.tablet div.shopping-cart-message {
position: relative;
top: auto;
right: auto;
float: left;
margin: 8px 0 0 20px;
background-size: 20px auto;
padding-left: 28px;
}
body.narrow.tablet div.shopping-cart-message a {display: inline-block; padding-left: 2px; font-weight: bold;}
div.products {width: 102%; margin-left: -1%;}
div.product { background: #eff1f1; padding: 5px; margin: 14px 0;}
div.product a.product-image {display: block; width: 100%; margin-bottom: 12px; position: relative;}
div.product a.product-image img {width: 100%; height: auto;}
div.product a.product-image span {position: absolute; bottom: 5px; right: 5px; background: #f1571a; color: #fff; padding: 5px;}
div.product a.product-image:hover {color: #fff;}
div.product div.product-image {
width: 100%;
padding-top: 75%;
background-size: contain;
background-repeat: no-repeat;
}
div.product-details-image {float: right; margin-top: -50px; margin-left: 2%; margin-bottom: 40px; width: 45%;}
div.product-details-image img {width: 100%; height: auto;}
div.product-details {float: left; width: 53%; line-height: 22px; margin-bottom: 30px;}
div.product-details h3 {margin-top: 20px; margin-bottom: 20px;}
div.product-details input {margin-right: 10px; margin-top: 0px; float:left;}
body.narrow.tablet.mobile div.product-details-image {float: none; margin-top: 0; margin-left: 0; margin-bottom: 15px; width: auto;}
body.narrow.tablet.mobile div.product-details {float: none; width: auto; margin-bottom: 20px;}
table.grid.products {width: 50%;}
table.grid.products td {white-space: nowrap;}
table.grid.products th.col1 {min-width: 200px;}
table.grid.products tr.discounts td {vertical-align: middle; border-bottom: none;}
body.narrow.tablet table.grid.products {width: 100%;}
body.narrow.tablet th.col1 {min-width: inherit;}
b.spacer {padding-left: 20px;}
div.alt {background: #eff1f1; padding: 15px;}
div.alt.register {float: right; width: 38%; position:relative;}
div.alt.register img {width: 100%; height: auto; margin-bottom: 10px;}
div.alt.register h3 {position: absolute; top: 25px; left: 25px;}
body.narrow.tablet div.alt.register {float: none; width: auto; position:relative; background: none; padding: 15px 0 0 0; border-top: 1px dashed #e1e1e1; }
body.narrow.tablet div.alt.register img {display: none; }
body.narrow.tablet div.alt.register h3 { position: relative; top: auto; left: auto; }
div#confirmPopup div.message {margin-bottom: 20px; margin-top: 5px; line-height: 20px;}
div.form a.info {font-weight: bold; background: #439fee; color: #fff; padding: 2px 5px; float: right; -moz-border-radius: 7px; border-radius: 7px; margin-top: -2px;}
div.multiple-select {
margin-top: 5px;
}
div.multiple-select input[type=checkbox] {
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 0;
height: auto;
padding: 0;
clear: left;
}
div.multiple-select label {
clear: none;
float:left;
margin-top: 0;
padding: 5px 0;
}