/*
Uniform Theme: #YOUR THEME NAME HERE#
Version: #VERSION NUMBER HERE#
By: #YOUR NAME HERE#
License: #THEME LICENSE HERE#
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html
*/
/* Global Declaration */
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action {
background-image: url(../images/form-sprite.png);
background-repeat: no-repeat;
}
.selector,
.radio,
.checker,
.uploader,
.selector *,
.radio *,
.checker *,
.uploader *{
margin: 0;
padding: 0;
}
/* SPRITES */
/* Select */
div.selector {
background-position: -483px -145px;
line-height: 29px;
height: 29px;
}
div.selector span {
background-position: right 0px;
height: 29px;
line-height: 29px;
}
div.selector select {
/* change these to adjust positioning of select element */
top: 0px;
left: 0px;
}
div.selector:active,
div.selector.active {
background-position: -483px -174px;
}
div.selector:active span,
div.selector.active span {
background-position: right -29px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
/* background-position: -483px -203px; */
}
div.selector.focus span {
background-position: right -58px;
}
div.selector.hover span, div.selector:hover span {
background-position: right -29px;
}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
background-position: -483px -232px;
}
div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
background-position: right -87px;
}
div.selector.disabled,
div.selector.disabled:active,
div.selector.disabled.active {
background-position: -483px -261px;
}
div.selector.disabled span,
div.selector.disabled:active span,
div.selector.disabled.active span {
background-position: right -116px;
}
/* Checkbox */
div.checker {
width: NaNpx;
height: NaNpx;
}
div.checker input {
width: NaNpx;
height: NaNpx;
}
div.checker span {
background-position: NaNpx -290px;
height: NaNpx;
width: NaNpx;
}
div.checker:active span,
div.checker.active span {
background-position: NaNpx -290px;
}
div.checker.focus span,
div.checker:hover span {
background-position: NaNpx -290px;
}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
background-position: NaNpx -290px;
}
div.checker span.checked {
background-position: NaNpx -290px;
}
div.checker:active span.checked,
div.checker.active span.checked {
background-position: NaNpx -290px;
}
div.checker.focus span.checked,
div.checker:hover span.checked {
background-position: NaNpx -290px;
}
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
background-position: NaNpx -290px;
}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
background-position: NaNpx -290px;
}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
background-position: NaNpx -290px;
}
/* Radio */
div.radio {
width: NaNpx;
height: NaNpx;
}
div.radio input {
width: NaNpx;
height: NaNpx;
}
div.radio span {
height: NaNpx;
width: NaNpx;
background-position: NaNpx NaNpx;
}
div.radio:active span,
div.radio.active span {
background-position: NaNpx NaNpx;
}
div.radio.focus span,
div.radio:hover span {
background-position: NaNpx NaNpx;
}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
background-position: NaNpx NaNpx;
}
div.radio span.checked {
background-position: NaNpx NaNpx;
}
div.radio:active span.checked,
div.radio.active span.checked {
background-position: NaNpx NaNpx;
}
div.radio.focus span.checked, div.radio:hover span.checked {
background-position: NaNpx NaNpx;
}
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
background-position: NaNpx NaNpx;
}
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
background-position: NaNpx NaNpx;
}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
background-position: NaNpx NaNpx;
}
/* Uploader */
div.uploader {
background-position: 0px NaNpx;
height: 29px;
}
div.uploader span.action {
background-position: right NaNpx;
height: 29px;
line-height: 29px;
}
div.uploader span.filename {
height: 29px;
/* change this line to adjust positioning of filename area */
margin: 2px 0px 2px 2px;
line-height: 29px;
}
div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
background-position: 0px NaNpx;
}
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
background-position: right NaNpx;
}
div.uploader.active span.action,
div.uploader:active span.action {
background-position: right NaNpx;
}
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
background-position: right NaNpx;
}
div.uploader.disabled {
background-position: 0px NaNpx;
}
div.uploader.disabled span.action {
background-position: right NaNpx;
}
/* PRESENTATION */
/* Select */
div.selector {
margin-bottom: 20px;
width: 190px;
}
div.selector select {
width: 190px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1em;
border: solid 1px #fff;
}
div.selector span {
padding: 0px 25px 0px 2px;
cursor: pointer;
}
div.selector span {
color: #666;
width: 158px;
text-shadow: 0 1px 0 #fff;
}
div.selector.disabled span {
color: #bbb;
}
/* Checker */
div.checker {
margin-right: 10px;
}
/* Radio */
div.radio {
margin-right: 10px;
}
/* Uploader */
div.uploader {
width: 190px;
margin-bottom: 20px;
cursor: pointer;
}
div.uploader span.action {
width: 85px;
text-align: center;
text-shadow: #fff 0px 1px 0px;
background-color: #fff;
}
div.uploader span.filename {
color: #777;
width: 82px;
border-right: solid 1px #bbb;
font-size: 90%;
}
div.uploader input {
width: 190px;
}
div.uploader.disabled span.action {
color: #aaa;
}
div.uploader.disabled span.filename {
border-color: #ddd;
color: #aaa;
}
/*
CORE FUNCTIONALITY
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {
outline: 0;
}
/* Select */
div.selector {
position: relative;
padding-left: 10px;
overflow: hidden;
}
div.selector span {
display: block;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.selector select {
position: absolute;
opacity: 0;
height: 25px;
border: none;
/* background: none; *//* REMOVED 17-02-12 causing IE9 issues */
}
/* Checker */
div.checker {
position: relative;
float: left;
}
div.checker span {
display: block;
float: left;
text-align: center;
}
div.checker input {
opacity: 0;
display: inline-block;
background: none;
}
/* Radio */
div.radio {
position: relative;
float: left;
}
div.radio span {
display: block;
float: left;
text-align: center;
}
div.radio input {
opacity: 0;
text-align: center;
display: inline-block;
background: none;
}
/* Uploader */
div.uploader {
position: relative;
float: left;
overflow: hidden;
}
div.uploader span.action {
float: left;
display: inline;
padding: 2px 0px;
overflow: hidden;
cursor: pointer;
}
div.uploader span.filename {
padding: 0px 10px;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.uploader input {
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
float: right;
height: 25px;
border: none;
}
@charset "UTF-8";
/*--------------------------------------------------------------------------
* |_ . _ _ _ |_|_ _
* |_)|(/_| |(_|| | (_)
*
* author: Bienalto Consulting
* project: City of Sydney - Online services
* date: February 2012
** TABLE OF CONTENTS **
1.0 Document level styles
2.0 Typeface styles
3.0 Header strip styles
3.1 Search
3.2 Flyout Menus
3.3 Login/register
4.0 Main content modules
4.1 Subnav
4.2 Form progress indicator
5.0 Anchor and button styles
6.0 Form elements
6.1 Icons
6.2 Tables
6.3 Fields
6.4 Accordion styles
6.5 Datepicker
6.6 Calendar
7.0 Breadcrumbs
--------------------------------------------------------------------------*/
/* 1.0 Document level styles */
html {height:100%; overflow: auto;}
body {background:#fff; color:#000; font-family:"Helvetica Neue", Arial, sans-serif; font-size:12px; height:100%; line-height:18px; margin:0;}
/* 2.0 Typeface styes */
h1 {display:inline; font-size:32px; letter-spacing:-1px; line-height:32px; margin:0; padding:0; float:left; width:auto;}
/*h1 span,*/ h1.blackrow {float:left; clear:left; color:#fff; background-color:#000; margin-bottom:-8px; width:auto; padding:4px 8px 8px 8px; position:relative; display:block; white-space:nowrap; top:-8px;}
h1 span.row-1 {top:0; margin-bottom:0; z-index:5;}
h1 span.row-2 {z-index:4;}
h1 span.row-3 {z-index:3;}
h1 span.row-4 {z-index:2;}
h1 span.row-5 {z-index:1;}
h1.standalone, .standalone {margin: 30px 0;}
h2 {display:inline; font-size:16px; letter-spacing:-0.5px; line-height:16px; margin:0; padding:0; float:left; width:auto;}
/*h2 span,*/ h2.blackrow {float:left; clear:left; color:#fff; background-color:#000; margin-bottom:-8px; width:auto; padding:7px 8px 7px 8px; position:relative; top:-8px; white-space:nowrap;}
h2 span.row-1 {top:0; margin-bottom:0; z-index:5;}
h2 span.row-2 {z-index:4;}
h2 span.row-3 {z-index:3;}
h2 span.row-4 {z-index:2;}
h2 span.row-5 {z-index:1;}
#circle h2 span {background:#fff; color:#000;}
h3 {font-size:16px; line-height:16px; margin-bottom:10px;}
h4 {font-size:12px; line-height:12px;}
h5 {font-size:12px; font-weight:normal; line-height:12px;}
p {margin-top:0; margin-bottom:10px;}
p.blurb {display:inline; font-size:16px; letter-spacing:-0.5px; line-height:16px; margin:0; padding:0; float:left; width:auto;}
p.blurb span, p.blackrow {float:left; clear:left; color:#fff; background-color:#000; font-weight:bold; margin-bottom:-8px; width:auto; padding:7px 8px 6px 8px; position:relative; top:-8px; white-space:nowrap;}
p.blurb span.row-1 {top:0; margin-bottom:0; z-index:5;}
p.blurb span.row-2 {z-index:4;}
p.blurb span.row-3 {z-index:3;}
p.blurb span.row-4 {z-index:2;}
p.blurb span.row-5 {z-index:1;}
.blackrow {background-color: #000000; color:#fff; display: inline !important; top: 0 !important; margin-bottom: 0 !important; float: none !important;}
.blackrow:after {content: '.'; visibility: hidden !important; background-color: transparent !important; display: block; clear: both; line-height: 1px !important; height: 1px !important; overflow: hidden;}
p.blackrow {line-height: 30px;}
h1.blackrow {line-height: 45px;}
h2.blackrow {line-height: 30px;}
.blackrow-enabled {background-color: transparent;}
.large {font-size:16px !important; font-weight:bold !important; line-height:16px !important;}
.extra-large {font-size:32px !important; font-weight:bold !important; line-height:32px !important;}
ul.ticks, ul.crosses, ul.no-bullet {list-style:none; margin:0 0 10px 10px; padding:0;}
ul.ticks li {background:url(../images/bullet-tick.gif) 0 50% no-repeat; margin:0 0 10px 0; padding:0 0 0 20px;}
ul.crosses li {background:url(../images/bullet-cross.gif) 0 50% no-repeat; margin:0 0 10px 0; padding:0 0 0 20px;}
ul.no-bullet li {margin-bottom:10px;}
ul.no-bullet,
li.no-bullet {background:none !important; list-style:none; padding-left:0 !important;}
.hide-arrow {background-position:-5000px !important;}
.hide-arrow.indicate {background-position:0 100% !important;}
.dispBlock {display:block !important;}
.clearer {clear:both; display:block; font-size:0px; height:0px; line-height:0px; margin:0; overflow:hidden; padding:0;}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.underline {text-decoration:underline;}
img {border:none;}
/*
a:link,
a:visited,
a:hover,
a:active {color:#000;}
a:hover {text-decoration:none;}
.inlineLink a:link,
.inlineLink a:visited,
.inlineLink a:hover,
.inlineLink a:active {color:#363492;text-decoration:none;border-bottom: 1px solid #572C8E;}
.inlineLink a:hover {border-bottom: 1px dotted #572C8E;background-color: #E7DFF2;}
*/
/* changes to link styling for better accessibility compliance */
.nonInlineLink a:link, .nonInlineLink a:visited,
.cta-strip a:link, .cta-strip a:visited,
.left-nav a:link, .left-nav a:visited
{color: #000;text-decoration:none;border-bottom: 0;}
.nonInlineLink a:hover, .nonInlineLink a:active, .nonInlineLink a:focus,
.cta-strip a:hover, .cta-strip a:active, .cta-strip a:focus,
.left-nav a:hover, .left-nav a:active, .left-nav a:focus
{text-decoration:none;background-color:inherit;}
a:link, a:visited,a.inlineLink:link, a.inlineLink:visited {color: #000000; text-decoration:none;border-bottom: 1px solid #000000;}
a:hover, a:active, a:focus, a.inlineLink:hover, a.inlineLink:active, a.inlineLink:focus {color: #363492 !important;border-bottom: 1px dotted #572C8E;background-color: #E7DFF2;}
ul#mainMenu a:link, ul#mainMenu a:visited, ul#mainMenu a.inlineLink:link, ul#mainMenu a.inlineLink:visited{text-decoration:none; border-bottom: 0px !important;}
/* special provision for google map to override above */
div.gmnoprint a, div.gmnoprint a:link, div.gmnoprint a:visited
{color:inherit;text-decoration:inherit;border-bottom:inherit;}
div.gmnoprint a:hover, div.gmnoprint a:active, div.gmnoprint a:focus
{border-bottom:inherit;background-color:inherit;}
/* 3.0 Header strip styles */
#header-strip {background:#000 url(../images/bg-tile-header-strip.jpg) 0 0 repeat-x; border-top:1px solid #000; min-width:975px; width:100%; position: relative;}
#header-strip ul {list-style:none; margin:0; padding:0;}
#header-strip ul li {border-right:1px solid #000; float:left; margin:0; padding:0; position:relative; width:auto;}
#header-strip .col-left {float:left; width:690px;}
#header-strip .col-right {float:right; width:268px;}
#header-strip .col-right li {border-right:none; border-left:1px solid #000;}
#header-strip ul li a:link,
#header-strip ul li a:visited,
#header-strip ul li a:hover,
#header-strip ul li a:active {color:#fff; display:block; font-weight:bold; padding:9px 10px 10px; text-decoration:none;} /* has IE6 styles */
#header-strip ul li a:hover {background-color:#000;}
#header-strip .col-left li.first a:link,
#header-strip .col-left li.first a:visited,
#header-strip .col-left li.first a:hover,
#header-strip .col-left li.first a:active {padding:8px 10px;}
#header-strip .col-right li.first a:link,
#header-strip .col-right li.first a:visited,
#header-strip .col-right li.first a:hover,
#header-strip .col-right li.first a:active {background-image:url(../images/icon-compass.gif); background-position:51px 50%; background-repeat:no-repeat; padding-right:38px !important;}
#header-strip .col-right li.first a.selected {background-color: #000000;}
/* 3.1 Search */
#header-strip ul li label {color:#fff; float:left; font-weight:bold; padding:9px;}
#header-strip ul li div {background:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; float:left; margin-top:8px; width:160px;}
#header-strip ul li div input {border:none; float:left; height:18px; width:125px;} /* has IE6 styles */
#header-strip ul li div input.submit {border:none; height:12px; margin:4px 3px 0 6px; width:12px;} /* has IE6 styles */
#search {color: #000000; font-family: "Helvetica Neue", Arial, sans-serif;}
/* 3.2 Flyout menus */
#header-strip ul li.flyout a.expander:link,
#header-strip ul li.flyout a.expander:visited,
#header-strip ul li.flyout a.expander:hover,
#header-strip ul li.flyout a.expander:active {background-image:url(../images/icon-expander-sprite.gif); background-repeat:no-repeat; background-position:11px -175px; padding-left:30px;}
#header-strip ul li.flyout a.expander:hover,
#header-strip ul li.flyout a.expander.hover:link,
#header-strip ul li.flyout a.expander.hover:visited,
#header-strip ul li.flyout a.expander.hover:hover,
#header-strip ul li.flyout a.expander.hover:active {background-position:11px 13px; background-color:#000;}
#header-strip ul li.flyout ul {display:none; float:left; left:0; list-style:none; margin:0; padding:0; position:absolute; top:37px; width:195px; z-index:200;}
#header-strip ul li.flyout ul li {border:none; border-bottom:1px solid #fff; clear:left; width:195px;}
#header-strip ul li.flyout ul li a:link,
#header-strip ul li.flyout ul li a:visited,
#header-strip ul li.flyout ul li a:hover,
#header-strip ul li.flyout ul li a:active {background-color:#e6e6e6; background-image:url(../images/icon-subnav-sprite.gif); background-position:11px 7px; background-repeat:no-repeat; color:#000; float:left; font-size:12px; font-weight:normal; line-height:14px; padding:6px 10px 6px 29px; width:157px /* 195 minus padding */;}
#header-strip ul li.flyout ul li a:hover {background-color:#fff; background-position:11px -115px;}
#header-strip ul li.flyout ul li a span {display:block; float:right; margin:0; text-align:right; width:90px;}
#header-strip ul li.flyout ul.icons li a:link,
#header-strip ul li.flyout ul.icons li a:visited,
#header-strip ul li.flyout ul.icons li a:hover,
#header-strip ul li.flyout ul.icons li a:active {background-image:url(../images/icon-sprite.gif);}
#header-strip ul li.flyout ul.icons li.newsletters a {background-position:11px -159px;}
#header-strip ul li.flyout ul.icons li.newsletters a:hover {background-position:11px -192px;}
#header-strip ul li.flyout ul.icons li.rss a {background-position:11px -96px;}
#header-strip ul li.flyout ul.icons li.rss a:hover {background-position:11px -126px;}
#header-strip ul li.flyout ul.icons li.facebook a {background-position:11px -223px;}
#header-strip ul li.flyout ul.icons li.facebook a:hover {background-position:11px -254px;}
#header-strip ul li.flyout ul.icons li.twitter a {background-position:11px -26px;}
#header-strip ul li.flyout ul.icons li.twitter a:hover {background-position:11px -61px;}
.flyout-box {display: none; position: absolute; top: 30px; left: 0; z-index: 200;}
#header-strip ul li.flyout-alt ul a:link,
#header-strip ul li.flyout-alt ul a:visited,
#header-strip ul li.flyout-alt ul a:hover,
#header-strip ul li.flyout-alt ul a:active {
color: #FFFFFF;
display: block;
font-weight: bold;
padding: 0 0 0 18px;
text-decoration: none;
}
#header-strip .flyout-alt .register-box ul {display: block; position: static; width: auto;}
#header-strip .flyout-alt .register-box ul li {border-bottom: 1px solid #000000; width: auto;}
#header-strip .flyout-alt .register-box {background-color: #000000; padding: 30px; width: 320px;}
#header-strip .register-box {-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-top: 7px;}
#header-strip .register-box .left {float: left; padding: 5px; text-align: right; width: 110px;}
#header-strip .register-box .right {float: right; width: 185px;}
#header-strip .register-box input.completed {width: 160px;}
#header-strip .register-box div {background: transparent; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 0; float: none; width: 185px;}
#header-strip ul li.flyout-alt div input {width: 185px; height: 20px; float: right; border: 0 none;}
#header-strip .register-box .cos-form .selector {
background-color: #e6e6e6;
border-bottom: 1px solid #000000;
width: 185px;
}
#header-strip .register-box .cos-form .selector.completed {width: 165px;}
#header-strip .register-box .cos-form .selector.hover {background-color: #000000;}
#header-strip .register-box .right .button {margin: 5px 5px 0;}
#header-strip .register-box .right .link-black {float: right; margin: 12px 10px 0; font-weight: normal;}
#header-strip .register-box .right .link-black:hover {text-decoration: underline;}
#header-strip ul li div {width: 200px;}
#header-strip ul li div input {width: 170px;}
/* 3.3 login/register */
#header-strip ul li.multi a:link,
#header-strip ul li.multi a:visited,
#header-strip ul li.multi a:hover,
#header-strip ul li.multi a:active {background:#E00; border:none; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; float:left; margin:8px 10px 0 0; padding:1px 10px 1px 10px; width:auto;}
#header-strip ul li.multi a.first:link,
#header-strip ul li.multi a.first:visited,
#header-strip ul li.multi a.first:hover,
#header-strip ul li.multi a.first:active {background:#000; margin-left:10px;}
#header-strip ul li.multi a:hover,
#header-strip ul li.multi a.first:hover {background-color: #ffffff; color: #000000;}
#header-strip ul li a.portal-name:link,
#header-strip ul li a.portal-name:visited,
#header-strip ul li a.portal-name:hover,
#header-strip ul li a.portal-name:active {background:none; color:#fff; float:left; font-size:15px; font-weight:bold; padding:8px 10px 10px; width:auto;}
#header-strip .content { margin:0 auto 0; position:relative; width:976px;}
#title-bar {background:#fff; margin:0; min-width:975px; padding:14px 0 0 0; width:100%;}
#title-bar .content {margin:0 auto 0; position:relative; width:976px;}
#title-bar .content .heading {float:right; margin:15px 0 0 0; width:174px;}
#title-bar .logo {float:left; margin:0 24px 0 -61px; width:233px; position:relative;}
/* 4.0 Main content modules */
#main-content {
margin: 0 auto 95px;
position: relative;
top: 41px;
width: 975px;
}
.row {clear:left; float:left; width:975px;}
.row h2 {width:195px;}
.column {float:left; padding-top:5px; margin-bottom:20px /* 30 minus margins from Ps ULs etc */; overflow:hidden; width:390px;}
.column.no-marg {margin-bottom:0;}
.column-double {float:left; margin-bottom:20px; width:780px;}
.column h3, .column h4 {margin-top:2px; margin-left:10px;}
.column p {margin-left:10px; padding-right:10px;}
.column p span.phone {background:url(../images/icon-sprite.gif) 4px -399px no-repeat; display:block; padding:5px 0 5px 23px; width:365px;}
.page-right {width: 780px; float: right;}
.page-right .content :not(#da-map-on-exhibition) {padding-left:5px;}
/* 4.1 Sub nav */
.content-select {float:left; list-style:none; margin:0; padding:0; width:195px;}
.content-select li {clear:left; float:left; margin:0; padding:0; width:195px;}
.content-select li.heading {background:#e6e6e6; border-bottom:1px solid #fff; font-size:16px; font-weight:bold; padding:7px 0 4px 7px; width:188px /*195 minus padding*/;}
.content-select li a:link,
.content-select li a:visited,
.content-select li a:hover,
.content-select li a:active {background-color:#e6e6e6; background-image:url(../images/icon-subnav-sprite.gif); background-position:7px 9px; background-repeat:no-repeat; border-bottom:1px solid #fff; color:#000; float:left; padding:5px 0 5px 25px; text-decoration:none; width:170px /*195 mins padding*/;}
.content-select li a:hover,
.content-select li.selected a:link,
.content-select li.selected a:visited,
.content-select li.selected a:hover,
.content-select li.selected a:active {background-color:#fff; background-position:7px -113px;}
/* 4.2 Form progress indicator */
.list-progress {float: left; list-style: none; margin: 0; padding: 0; width: 195px;}
.list-progress li {clear: both; margin:0;}
.list-progress li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.list-progress a:link,
.list-progress a:visited,
.list-progress a:hover,
.list-progress a:active,
.list-progress span {color: #a0a0a0; float:left; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; line-height: 16px; text-decoration: none; padding:7px 8px;}
.list-progress h2 span {color: #ffffff;}
.list-progress a:hover {background:#000; color:#fff;}
/* 5.0 Anchor and button styles */
.strip h2 {color:#fff; margin:0; padding:7px 0 7px 10px; width:380px /* 390 minus padding */;}
.column-double .strip h2 {width:575px;}
.cta-strip {background:#e6e6e6; clear:both; float:right; margin:19px 0 30px 0; padding:10px 10px 10px 0; width:770px /* 780 minus padding */;}
.cta-strip .button-dark {float:right !important;}
.selected-content .cta-strip {width:575px;}
.cta-strip .arrow-link {float:right; margin:7px 20px 0 0;}
div.cta-strip table { margin: 0 10px 0 10px;} /* JT 28/9/2012 */
.cbfl {clear: both;float: left;}
.w10pc {width: 10%;}
.w20pc {width: 20%;}
.w60pc {width: 60%;}
a.cta:link,
a.cta:visited,
a.cta:hover,
a.cta:active {background-color:#e6e6e6; background-image:url(../images/icon-subnav-sprite.gif); background-position:7px 9px !important; background-repeat:no-repeat; color:#000; float:left; padding:5px 10px 5px 25px; text-decoration:none; white-space:nowrap; width:auto;}
a.cta:hover {background-color:#fff; background-position:7px -113px !important; }
a.arrow-link:link,
a.arrow-link:visited,
a.arrow-link:hover,
a.arrow-link:active {background-image:url(../images/icon-subnav-sprite.gif); background-position:0 -119px; background-repeat:no-repeat; color:#000; display:block; padding-left:20px; text-decoration:none;}
a.arrow-link:hover {text-decoration:underline;}
.cta-strip a.arrow-link:link,
.cta-strip a.arrow-link:visited,
.cta-strip a.arrow-link:hover,
.cta-strip a.arrow-link:active {background-position:0 3px;}
#circle a.arrow-link:link,
#circle a.arrow-link:visited,
#circle a.arrow-link:hover,
#circle a.arrow-link:active {background:url(../images/icon-arrow-link-black.gif) 0 4px no-repeat; color:#fff; display:block; margin:0 0 10px 10px;}
.detail a.arrow-link {margin-top:4px;}
a.link-black:link,
a.link-black:visited,
a.link-black:hover,
a.link-black:active {background: url(../images/icon-arrow-link-black.gif) 0 2px no-repeat; color: #ffffff; padding-left: 18px; text-decoration: none;}
a.link-black:hover {text-decoration: underline;}
a.button:link,
a.button:visited,
a.button:hover,
a.button:active {
/* background */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 25%, #a0a0a0 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(75%,#a0a0a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 25%,#a0a0a0 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 25%,#a0a0a0 75%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 25%,#a0a0a0 75%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a0a0a0',GradientType=0 ); IE6-9 */
background: linear-gradient(top, #ffffff 25%,#a0a0a0 75%); /* W3C */
/* other aspects */
border:1px solid #a0a0a0; -moz-border-radius:15px; border-radius:15px;
color:#000;
display:block;
float:left;
font-size:12px;
font-weight:bold;
line-height:normal;
text-decoration:none;
width:auto;
}
a.button:hover {background:#a0a0a0;}
a.button span {background:url(../images/icon-button-arrow.png) 12px 9px no-repeat; display:block; padding:7px 20px 7px 30px;}
button.button {
/* background */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 25%, #a0a0a0 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(75%,#a0a0a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 25%,#a0a0a0 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 25%,#a0a0a0 75%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 25%,#a0a0a0 75%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a0a0a0',GradientType=0 ); IE6-9 */
background: linear-gradient(top, #ffffff 25%,#a0a0a0 75%); /* W3C */
/* other aspects */
border:1px solid #a0a0a0; -moz-border-radius:15px; border-radius:15px;
color:#000;
cursor: pointer;
display:block;
float:left;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size:12px;
font-weight:bold;
padding: 0;
line-height:normal;
text-decoration:none;
width:auto;
}
button.button:hover {background:#a0a0a0;}
button.button span {background:url(../images/icon-button-arrow.png) 12px 9px no-repeat; display:block; padding:7px 20px 7px 30px;}
a.button-dark span {background:url(../images/icon-button-arrow-dark.gif) 12px 9px no-repeat; display:block; padding:7px 20px 7px 30px; color:white}
a.button-dark:link,
a.button-dark:visited,
a.button-dark:hover,
a.button-dark:active {
/* background */
background: #505050; /* Old browsers */
background: -moz-linear-gradient(top, #505050 25%, #000000 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#505050), color-stop(75%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #505050 25%,#000000 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #505050 25%,#000000 75%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #505050 25%,#000000 75%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 );*/ /* IE6-9 */
background: linear-gradient(top, #505050 25%,#000000 75%); /* W3C */
/* other aspects */
border:1px solid #000; -moz-border-radius:15px; border-radius:15px;
color:#fff;
display:block;
float:left;
font-size:12px;
font-weight:bold;
line-height:normal;
text-decoration:none;
width:auto;
}
a.button-dark:hover {background:#000;}
button.button-dark {
/* background */
background: #505050; /* Old browsers */
background: -moz-linear-gradient(top, #505050 25%, #000000 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#505050), color-stop(75%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #505050 25%,#000000 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #505050 25%,#000000 75%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #505050 25%,#000000 75%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); *//* IE6-9 */
background: linear-gradient(top, #505050 25%,#000000 75%); /* W3C */
/* other aspects */
border:1px solid #000; -moz-border-radius:15px; border-radius:15px;
color:#fff;
cursor: pointer;
display:block;
float:left;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size:12px;
font-weight:bold;
line-height:normal;
padding: 0;
text-decoration:none;
width:auto;
}
button.button-dark-small {
/* background */
background: #505050; /* Old browsers */
background: -moz-linear-gradient(top, #505050 25%, #000000 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#505050), color-stop(75%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #505050 25%,#000000 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #505050 25%,#000000 75%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #505050 25%,#000000 75%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); *//* IE6-9 */
background: linear-gradient(top, #505050 25%,#000000 75%); /* W3C */
/* other aspects */
border:1px solid #000; -moz-border-radius:15px; border-radius:15px;
color:#fff;
cursor: pointer;
display:block;
float:left;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size:10px;
font-weight:bold;
line-height:normal;
padding: 0;
text-decoration:none;
width:auto;
}
button.button-dark span {background:url(../images/icon-button-arrow-dark.gif) 12px 9px no-repeat; display:block; padding:7px 20px 7px 30px;}
button.button-dark-small span {background:url(../images/icon-button-arrow-dark.gif) 10px 6px no-repeat; display:block; padding:5px 9px 5px 30px;}
button.button-dark:hover {background:#000;}
button.button-dark-small:hover {background:#000;}
button.button-dark-left span {background:url(../images/icon-button-arrow-dark-left.gif) 12px 9px no-repeat; display:block; padding:7px 20px 7px 30px;}
a.link {background: url(../images/ico-arrow-right-sml.png) 0 2px no-repeat; padding-left: 18px; text-decoration: none;}
a.link:hover {text-decoration: underline;}
a.link-white {background: url(../images/ico-arrow-right-sml-white.png) 0 2px no-repeat; color: #ffffff; display: inline-block; padding-left: 18px; text-decoration: none;} /* like link-black but uses png for non black bg's */
a.link-white:hover {text-decoration: underline;}
span.span-link {background: url(../images/ico-arrow-right-sml.png) 0 2px no-repeat; padding-left: 18px; text-decoration: none;}
span.span-link:hover {text-decoration: underline; cursor:pointer;}
/* 6.0 Form styles */
h1.standalone, .online-business .standalone {margin: 0 0 30px;}
.cos-form ul.list-flat li {clear: none;}
.label-left .tooltip {position: absolute; left: 10px; top: 10px;}
.label-left.optional .tooltip {left:59px; top:8px;}
.cos-form .label-left, .form-table-4col-labels .label, .form-table-3col-labels .label {text-align: right;}
.cos-form .label-left.optional {padding-left: 60px; width: 126px;}
.cos-form .label-left.optional label {display:inline-block;width:107px;}
.cos-form .label-left.optional span {color: #A0A0A0; position: absolute; left: 10px; top: 5px;}
.cos-form .drv-label-left, .form-table-4col-labels .label, .form-table-3col-labels .label {text-align: right;}
.cos-form .drv-label-left.optional {padding-left: 60px; width: 126px;}
.cos-form .drv-label-left.optional label {display:inline-block;width:107px;}
.cos-form .drv-label-left.optional span {color: #A0A0A0; position: absolute; left: 10px; top: 5px;}
.cos-form .drv-label-indent-left, .form-table-4col-labels .label, .form-table-3col-labels .label {text-align: right;}
.cos-form .drv-label-indent-left.optional {padding-left: 60px; width: 126px;}
.cos-form .drv-label-indent-left.optional label {display:inline-block;width:107px;}
.cos-form .drv-label-indent-left.optional span {color: #A0A0A0; position: absolute; left: 10px; top: 5px;}
.cos-form .cta-strip .prev {float: left; margin: 9px 0 0 10px;}
.cos-form h3, .form-heading {background-color: #000000; color: #FFFFFF; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; line-height: 16px; margin: 0; padding: 7px 10px;}
.form-heading {width: auto !important; float: none; display: block;}
.column {margin-bottom: 0;}
.cta-strip {margin-top: 0;}
h1.blackrow, h2.blackrow {padding-right: 0;}
.js h1.blackrow, .js h2.blackrow {padding-right: 8px;}
.cos-form .list-checkbox.js li.disabled {background: none; color: #ffffff;}
.cos-form .field-right p {padding: 0 10px 0 7px;}
.cos-form .field-right p .btn-right {float:right; width:177px;}
.qtip-content a:link,
.qtip-content a:visited,
.qtip-content a:hover,
.qtip-content a:active {color:#fff;}
h3.error-off {display:none;}
h3.error-on {color:#E00 ; float:right; width:770px;}
div.error,
.error .label-left label,
.error input,
.error select,
.error .selector span {color:#E00 !important;}
.error .selector.completed span,
.error input.completed {color:#000 !important;}
.attention {font-weight:bold; color:#E00 ;}
a.link {line-height: 15px;} /* fix arrow mis alignemnet */
.column .cta-strip {width: 380px;}
button::-moz-focus-inner {border: 0;padding: 0;}
.register-strip {background:#e6e6e6; clear:both; float:right; margin: 10px 0 0; padding:10px 10px 10px 0; width:770px /* 780 minus padding */;}
.register-strip .button-dark {float:right !important;}
.register-strip .arrow-link {float:right; margin:7px 20px 0 0;}
.register-strip .description {float: left; margin: 9px 0 0 10px;}
.register-strip .description h3 {font-size: 16px; font-weight: bold; margin: 0;}
h3 .small, .register-strip .description .small {font-size: 12px; font-weight: normal;}
.form-heading {position: relative;}
.form-heading .btn-right { position: absolute; right: 10px; top: 8px; float: right; font-size: 12px; font-weight: normal; width: auto;}
.form-heading .small {background-color: transparent; clear: none; float: none; margin: 0; padding: 0; position: static; font-size: 12px; font-weight: normal;}
.current-applications .cta-strip {margin-bottom:0px;}
.current-applications p {padding:10px;}
span.divider {border-top:1px solid #E6E6E6; clear:both; display:block; height:2px;}
.cos-form span.divider {height: 0;}
.toggle-link {background-image:url(../images/icon-subnav-sprite.gif); background-position:0 -119px; background-repeat:no-repeat; color:#000; display:block; cursor:pointer; margin-left:7px; padding:0 0 7px 20px; text-decoration:none;}
.toggle-link:hover {text-decoration:underline;}
/* .extra-content {display:none;} */
p.intro {padding:10px 10px 0 10px;}
div.selector {margin: 0;}
div.selector span {text-shadow: none;}
.cos-form fieldset {margin: 0; padding: 0; border: 0 none;}
.cos-form h3 {background-color: #000000; color: #FFFFFF; padding: 7px 8px; margin: 0; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; line-height: 16px;}
.cos-form h3.alt {background-color: transparent; color: #000000; padding: 0; font-size: 16px; line-height: 16px; margin: 10px 0 5px; letter-spacing: 0;}
.cos-form ul {margin: 0; padding: 0; list-style: none;}
.cos-form ul li {clear: both;}
.cos-form ul li ul li {/* clear: none; */}
.cos-form .form-list-flat li {display: block; float: left; clear: none;}
.cos-form .label-left {border-top: 1px solid #e6e6e6; margin-top: -1px; padding: 6px 8px; width: 179px; float: left;}
.cos-form .first .label-left,
.cos-form .group .label-left {border-top: 0 none; margin-top: 0;}
.cos-form .field-right {width: 585px; float: right;}
.cos-form .field-right p, .cos-form .field-right .content {margin: 6px 0;}
.cos-form .label-left label/*, .form-table-4col .label */ {color: #000000; font-family: "Helvetica Neue",Arial,sans-serif; font-size: 12px; line-height: 18px; font-weight: bold;}
.cos-form .drv-label-left {border-top: 1px solid #e6e6e6; margin-top: -1px; padding: 6px 8px; width: 279px; float: left;}
.cos-form .drv-field-right {width: 485px; float: right; padding: 6px 0}
.cos-form .drv-field-right p, .cos-form .field-right .content {margin: 10px 0;}
.cos-form .drv-padding-left {border-top: 1px solid #e6e6e6; margin-top: -1px; padding: 6px 8px; width: 63px; float: left; font-weight: bold;}
.cos-form .drv-label-indent-left {border-top: 1px solid #e6e6e6; margin-top: -1px; padding: 6px 8px; width: 200px; float: left; font-weight: bold;}
.cos-form .drv-label-indent-left label/*, .form-table-4col .label */ {color: #000000; font-family: "Helvetica Neue",Arial,sans-serif; font-size: 12px; line-height: 18px; font-weight: bold;}
.cos-form .drv-label-left label/*, .form-table-4col .label */ {color: #000000; font-family: "Helvetica Neue",Arial,sans-serif; font-size: 12px; line-height: 18px; font-weight: bold;}
.cos-form .drv-subheader-left {border-top: 1px solid #e6e6e6; margin-top: -1px; padding: 6px 8px; width: 279px; float: left; font-weight: bold;}
.cos-form .drv-subheader-left label/*, .form-table-4col .label */ {color: #000000; font-family: "Helvetica Neue",Arial,sans-serif; font-size: 12px; line-height: 18px; font-weight: bold;}
.cos-form-confirmation h3 {position: relative;}
.cos-form-confirmation h3 a.link-black {position: absolute; top: 8px; right: 10px; font-weight: normal; font-size: 12px;}
.cos-form-confirmation .label-left {padding-left: 10px; width: 177px;}
.cos-form h3 {position: relative;}
.cos-form h3 .link-black.btn-right, .cos-form .ico-tick .link.btn-right {width: 177px; font-weight: normal; font-size: 12px; float: right;}
.cos-form h3 .link-black.btn-right {position: absolute; right: 10px; top: 8px;}
.cos-form .disclaimer {padding: 10px; width: 390px;}
.cos-form .disclaimer h3 {background-color: transparent; color: #000000; padding: 0; margin-bottom: 10px;}
.add-list-btn a {margin-left: 10px;}
.cos-form .hasDivider p.ico-tick {margin: 6px 0;}
.cos-form .completed {background: url("../images/ico-tick-sprite.gif") no-repeat scroll 10px -72px #ffffff !important;}
.cos-form .selector.completed {background-position: 10px -72px;}
/*.cos-form .textarea.completed {background-image:url("../images/ico-tick.gif") !important;}*/
.ico-edit {background-image: url('../images/ico-edit.png'); background-position: 0 0; background-repeat: no-repeat; display: inline-block; }
.ico-edit {width: 30px; height: 30px; color: transparent; cursor: pointer; overflow: hidden; text-indent: 100px;}
/* 6.1 Icons */
.ico-tooltip,
.ico-house,
.ico-alert,
.ico-question,
.ico-phone,
.ico-address,
.ico-mail,
.ico-clock,
.ico-thumb,
.ico-fee {background-image: url('../images/ico-labels-sprite.png'); background-position: 0 0; background-repeat: no-repeat; display: inline-block; }
.has-ico {display: inline-block; padding-left: 20px; position: relative;}
.has-ico .ico-tooltip,
.has-ico .ico-edit,
.has-ico .ico-house,
.has-ico .ico-alert,
.has-ico .ico-question,
.has-ico .ico-phone,
.has-ico .ico-address,
.has-ico .ico-mail,
.has-ico .ico-clock,
.has-ico .ico-thumb,
.has-ico .ico-fee { display: block; width: 12px; height: 12px; position: absolute; top: 2px; left: 0px;}
.ico-tooltip {width: 12px; height: 12px; color: transparent; cursor: pointer; overflow: hidden; text-indent: 999999px;}
.ico-house {background-position: 0 -16px; width: 12px; height: 12px;}
.ico-alert {background-position: 0 -32px; width: 12px; height: 12px;}
.ico-question {background-position: 0 -48px; width: 12px; height: 12px;}
.ico-phone {background-position: 0 -64px;}
.ico-mail {background-position: 0 -80px;}
.ico-address {background-position: 0 -16px;}
.ico-clock {background-position: 0 -96px; width: 12px; height: 12px;}
.ico-thumb {background-position: 0 -144px; width: 12px; height: 12px;}
.ico-fee {background-position: 0 -112px; width: 12px; height: 12px;}
.ico-tooltip:hover {color: transparent;}
.ico-star-00, .ico-star-05, .ico-star-10, .ico-star-15, .ico-star-20, .ico-star-25, .ico-star-30, .ico-star-35, .ico-star-40, .ico-star-45, .ico-star-50 {background: url("../images/ico-starrating-sprite.gif") no-repeat; display: inline-block; height: 15px; margin-right: 5px; vertical-align: middle; text-indent: -999999px;}
.ico-star-00 {background-position: 0 0; width: 0;}
.ico-star-05 {background-position: 0 -15px; width: 6px;}
.ico-star-10 {background-position: 0 -30px; width: 12px;}
.ico-star-15 {background-position: 0 -45px; width: 18px;}
.ico-star-20 {background-position: 0 -60px; width: 24px;}
.ico-star-25 {background-position: 0 -75px; width: 30px;}
.ico-star-30 {background-position: 0 -90px; width: 36px;}
.ico-star-35 {background-position: 0 -105px; width: 42px;}
.ico-star-40 {background-position: 0 -120px; width: 48px;}
.ico-star-45 {background-position: 0 -135px; width: 54px;}
.ico-star-50 {background-position: 0 -150px; width: 60px;}
.ico-tick {background: url(../images/ico-tick-sprite.gif) 0 -76px no-repeat; padding: 0 10px 0 20px;}
.cos-form .label-left {padding-left: 30px; position: relative; width: 156px;}
.cos-form .label-left .ico-tooltip {vertical-align: middle;}
.cos-form .label-left .ico-house,
.cos-form .label-left .ico-alert,
.cos-form .label-left .ico-question,
.cos-form .label-left .ico-clock,
.cos-form .label-left .ico-thumb,
.cos-form .label-left .ico-fee {position: absolute; left: 10px; top: 10px;}
.cos-form .label-left.no-ico {padding-left: 8px;}
/* 6.2 Tables */
.form-table-4col-labels th h3 {padding: 0;}
.form-table-4col-labels th,
.form-table-4col th,
.form-table-3col th {background-color: transparent; color: #000000; width: 163px;}
.form-table-4col-labels .label {padding-right: 10px; width: 155px;}
.form-table-4col-labels td.ico {width: 14px;}
.form-table-4col-labels td.td-text {height: 30px; padding: 7px 8px; width: 163px;}
.form-table-4col-labels td.star {height: 30px; padding:0 8px; width: 163px;}
.form-table-4col-labels td.hasDivider.td-text {height:17px;}
.form-table-4col-labels td.ico-tick {background: url(../images/ico-tick-sprite.gif) 8px -70px no-repeat; border-bottom: 1px solid #E6E6E6; padding: 7px 8px 7px 25px; width: 162px;}
.form-table-4col-labels td.ico-tick-dark {background: url(../images/ico-tick-sprite.gif) 8px 10px no-repeat #E6E6E6; padding: 7px 8px 7px 25px; width: 162px;}
.form-table-3col {margin-bottom:30px;}
.form-table-4col, .table-4col, .form-table-3col {border-collapse: collapse;}
.form-table-4col th, .form-table-4col td, .form-table-3col th, .form-table-3col td, .table-4col th, table-4col td {padding: 0; width: 195px;}
.form-table-4col th, .form-table-3col th, .table-4col th {border-bottom: 1px solid #e6e6e6; padding: 7px 8px; margin: 0; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; line-height: 16px; text-align: left; width: 179px;}
.form-table-4col td.hasDivider, .form-table-3col td.hasDivider, .hasDivider {border-bottom: 1px solid #e6e6e6;}
.form-table-4col .label, .form-table-3col .label {border-bottom: 1px solid #e6e6e6; font-weight: bold; text-align: right;}
.form-table-4col td, .form-table-3col td {border-bottom: 1px solid #e6e6e6; padding: 7px 8px;}
.form-table-4col-labels {border-collapse: collapse;}
.form-table-4col-labels th, .form-table-4col-labels td {padding: 0; width: 195px;}
.form-table-4col-labels th {padding: 7px 8px; margin: 0; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; line-height: 16px; text-align: left; width: 179px;}
.form-table-4col-labels td.hasDivider, .hasDivider {border-bottom: 1px solid #e6e6e6;}
.form-table-4col-labels .label {border-bottom: 1px solid #e6e6e6; font-weight: bold; width: 165px;}
.form-table-4col-labels .ico {border-bottom: 1px solid #e6e6e6; padding: 7px 8px; width: 10px;}
.form-table-4col-labels.textonly td {padding: 7px 8px;}
.table-half-2col {border-collapse: collapse;}
.table-half-2col th, .table-half-2col td {padding: 0; width: 195px;}
.table-half-2col th {background-color: #000000; color: #FFFFFF; padding: 7px 8px; margin: 0; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; line-height: 16px; text-align: left; width: 179px;}
.table-half-2col td.hasDivider, .hasDivider {border-bottom: 1px solid #e6e6e6;}
.table-half-2col .label {border-bottom: 1px solid #e6e6e6; font-weight: bold; padding-right: 10px; text-align: right;}
/* 6.3 Fields */
.cos-form input { font-family: "Helvetica Neue",Arial,sans-serif; font-size: 12px;}
input[type="text"].placeholder, input[type="number"].placeholder, input.input-text.placeholder {color: #a0a0a0;}
.cos-form input[type="text"], .cos-form input[type="number"], .cos-form input.input-text {background-color:#e6e6e6; border: 0 none; border-bottom: 1px solid #ffffff; -moz-box-shadow:inset 0px 0px 5px #a0a0a0; -webkit-box-shadow:inset 0px 0px 5px #a0a0a0; box-shadow:inset 0px 0px 5px #a0a0a0; width: 185px; padding: 5px; height: 19px;}
.cos-form input[type="text"].long,.cos-form input[type="number"].long, .cos-form input.input-text.long {width: 380px;}
.cos-form input[type="text"].completed, .cos-form input[type="number"].completed, .cos-form .input-text.completed {border-bottom-color: #e6e6e6; padding-left: 30px !important; width: 160px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.cos-form input[type="text"].long.completed, .cos-form input[type="number"].long.completed, .cos-form .input-text.long.completed {width: 350px;}
.cos-form textarea, .cos-form textarea.textarea {background-color:#e6e6e6; /*border-color: #a0a0a0;*/ border: 0 none; border-bottom: 1px solid #ffffff; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; -moz-box-shadow:inset 0px 0px 5px #a0a0a0; -webkit-box-shadow:inset 0px 0px 5px #a0a0a0; box-shadow:inset 0px 0px 5px #a0a0a0; width: 185px; margin: 0; padding: 5px; height:80px; resize:none;}
.cos-form textarea.long, .cos-form textarea.textarea.long {width: 380px;}
.cos-form textarea.completed, .cos-form .textarea.completed {border-color: #e6e6e6; /*padding-left: 30px !important;*/ width: 160px; /*-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;*/ }
.cos-form textarea.long.completed, .cos-form .textarea.long.completed {/*width: 350px;*/}
.cos-form .list-checkbox li {background-color: #ffffff; border-bottom: 1px solid #ffffff; height: 29px; position: relative;}
.cos-form .list-checkbox.js li {background: url(../images/ico-tick-sprite.gif) 10px 10px no-repeat #e6e6e6;}
.cos-form .list-checkbox.js li.no {background: url(../images/ico-tick-sprite.gif) 10px -150px no-repeat #e6e6e6;}
.cos-form .list-checkbox .message {color: #a0a0a0; display: none; position: absolute; right: 5px; top: 5px;}
.cos-form .list-checkbox li.selected .message {display: block;}
.cos-form .list-checkbox .message input {position: absolute; right: -10px; top: -6px;}
.cos-form .list-checkbox li.no.selected, .cos-form .list-checkbox li.no.hover {background: url(../images/ico-tick-sprite.gif) 10px -210px no-repeat #ffffff; border-color: #e6e6e6;}
.cos-form .list-checkbox li.selected, .cos-form .list-checkbox li.hover {background: url(../images/ico-tick-sprite.gif) 10px -70px no-repeat #ffffff; border-color: #e6e6e6;}
.cos-form .list-checkbox li input {margin-right: 5px; position: absolute;}
.cos-form .list-checkbox li label {padding: 7px 8px 7px 30px;}
.cos-form .list-checkbox.js li input {opacity: 0; filter: alpha(opacity = 0);}
.cos-form .list-checkbox.js li label {display: block; height: 16px; cursor: pointer;}
.cos-form .list-checkbox.js li input[type="text"], .cos-form .list-checkbox.js li input.input-text {opacity: 1; filter: alpha(opacity = 100);}
.cos-form .list-checkbox.js li input[type="radio"], .cos-form .list-checkbox.js li input[type="checkbox"] {margin-left: 6px; margin-top: 7px; outline: none;}
.cos-form .list-checkbox li.long-text {background: url("../images/bullet-tick-white.gif") no-repeat 10px 10px #E6E6E6;}
.cos-form .list-checkbox li.long-text.selected, .cos-form .list-checkbox li.long-text.hover {background: url("../images/ico-tick-sprite.gif") no-repeat scroll 10px -70px #FFFFFF;}
.cos-form .list-checkbox li.long-text label, .cos-form .list-checkbox li.long-text {height: auto !important;}
.cos-form select {width: 195px;}
.cos-form .selector {background-color: #e6e6e6; -webkit-box-shadow:inset 0px 0px 5px #a0a0a0; width: 185px;}
.cos-form .selector select {margin-top: 5px; width: 195px; cursor: pointer;}
.cos-form .selector span {color: #000000; font-weight: bold; font-size: 16px; padding: 0 30px 0 2px; width: 153px;}
.cos-form .selector.hover {background-color: #000000; color: #ffffff;}
.cos-form .selector.hover select {background-color: #ffffff;}
.cos-form .selector.hover>span {color: #ffffff; text-shadow: none;}
.cos-form .selector.hover.completed>span {color: #000000;}
.cos-form .selector.completed { width: 165px; padding-left: 30px;}
.cos-form .selector.completed>span {width: 133px; font-weight: normal; font-size: 12px;}
.cos-form .uploader {border-bottom: 1px solid #e6e6e6; margin: 0; width: 195px;}
.cos-form .uploader input, .cos-form .uploader {cursor: pointer;}
.cos-form .uploader.hide-button .action {display: none;}
.cos-form .uploader .filename {background: url(../images/ico-arrow-right-sml.png) 10px 9px no-repeat transparent; border-right: 0 none; color: #000000; font-size: 12px; margin: 0; padding: 0 10px 0 30px; width: 153px;}
.cos-form .uploader.hover .filename {text-decoration: underline;}
.cos-form .uploader.completed .filename {background: url(../images/ico-tick-sprite.gif) 10px -70px no-repeat #ffffff;}
.cos-form .form-total, .form-total {font-weight: bold; font-size: 32px; letter-spacing: -1px; line-height: 32px; margin: 8px 10px;}
.cos-form .cta-strip {margin: 0;}
.cos-form .cta-strip .list-flat {float: right;}
.cos-form .cta-strip .list-flat li {margin-left: 30px; float: none; display: inline;}
.cos-form .cta-strip .list-flat li button {display: inline; float: none !important;}
.list-flat {list-style: none; margin: 0; padding: 0;}
.list-flat li {display: block; float: left; clear: none;}
/*
* conditions for divider lines -
* elements that arent grey by default, should use a hasDivider class on the li container
*
*/
.cos-form .hasDivider p.ico-tick, .cos-form .hasDivider .uploader {border-bottom: 0 none;}
.cos-form .hasDivider .label-left {border-top: 0 none; margin-top: 0;}
/* 6.4 Accordion styles */
.accordion {overflow: hidden;}
.accordion .acc-heading {
background: #505050; /* Old browsers */
background: -moz-linear-gradient(top, #505050 25%, #000000 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#505050), color-stop(75%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #505050 25%,#000000 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #505050 25%,#000000 75%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #505050 25%,#000000 75%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #505050 25%,#000000 75%); /* W3C */
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
letter-spacing: -0.5px;
line-height: 16px;
margin: 0;
padding: 7px 8px;
position: relative;
outline: none;
}
.accordion .acc-heading a {color: #ffffff; text-decoration: none;}
.accordion .ui-state-active, .accordion .ui-state-hover {background: #000000; filter: none;}
.accordion .acc-heading .ui-icon {background: url('../images/ico-arrow-v-sprite.png') no-repeat; position: absolute; top: 10px; right: 10px; width: 12px; height: 12px; }
.accordion .ui-state-active .ui-icon {background-position: 0 -35px;}
.accordion .acc-content {margin: 0;}
/* 6.5 Datepicker */
.cos-form input.datepicker.hasDatepicker, .cos-form input.hasDatepicker {cursor: pointer; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #000000; font-size: 16px; font-weight: bold; padding: 5px 30px 5px 12px; width: 123px; overflow: hidden; white-space: nowrap;}
.cos-form input.datepicker.hover, .cos-form input.datepicker-hover, .cos-form input.datepicker-select {background-position: right -29px !important;}
.cos-form input.datepicker.completed {padding-right: 10px;}
.ui-datepicker {background: #e6e6e6; width: 255px;}
iframe.ui-datepicker-cover { display:none; }
.ui-datepicker .ui-datepicker-title {font-weight: bold; font-size: 16px; padding: 5px; height: 20px; text-align: center;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
background: url('../images/ico-datepicker-arrows-sprite.gif') -1px -1px no-repeat #505050;
border: 1px solid #000000;
cursor: pointer;
padding: 5px;
width: 18px;
height: 18px;
text-indent: -99999px;
}
.ui-datepicker .ui-datepicker-prev {background-position: -1px -1px; position: absolute; left: 0; top: 0;}
.ui-datepicker .ui-datepicker-next {background-position: -1px -61px; position: absolute; right: 0; top: 0;}
.ui-datepicker .ui-datepicker-prev-hover {background-position: -1px -31px;}
.ui-datepicker .ui-datepicker-next-hover {background-position: -1px -91px;}
.ui-datepicker .ui-datepicker-calendar {border-collapse: collapse; width: 195px;}
.ui-datepicker .ui-datepicker-calendar td {border: 1px solid #000000; padding: 0;}
.ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar th span {
background: #505050; /* Old browsers */
background: -moz-linear-gradient(top, #505050 25%, #000000 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#505050), color-stop(75%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #505050 25%,#000000 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #505050 25%,#000000 75%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #505050 25%,#000000 75%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #505050 25%,#000000 75%); /* W3C */
color: #ffffff;
display: block;
height: 17px;
padding: 5px;
font-weight: bold;
font-size: 16px;
text-decoration: none;
text-align: center;
}
.ui-datepicker .ui-datepicker-calendar thead {}
.ui-datepicker .ui-datepicker-calendar th {border: 1px solid #000000; padding: 0;}
.ui-datepicker .ui-datepicker-calendar th span {background: #000000; padding: 5px; font-weight: normal; color: #A0A0A0;}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-hover {background: #e6e6e6; color: #000000; filter: none;}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight {background: #e6e6e6; color: #000000; filter: none;}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a {color: #a0a0a0;}
.ui-datepicker-trigger { position: absolute}
table.table-4col td {padding: 6px 8px; border-bottom: 1px solid #e6e6e6;}
table.table-4col td.title {font-weight: bold;}
table.table-4col tr.nopad th, table.table-4col tr.nopad td, td.nopad {padding: 0;}
table.table-4col tr.heading td { background-color: #000000; clear: left; color: #FFFFFF; font-weight: bold; padding: 7px 8px; white-space: nowrap; width: auto; font-size: 16px; letter-spacing: -0.5px; line-height: 16px;}
table.table-4col tr.result td {background-color: #e6e6e6; font-size: 16px; font-weight: bold;}
table.table-4col tr.result td a {font-size: 12px; font-weight: normal;}
.dropmenu {position: relative;}
.dropmenu.full {z-index: 10;}
.dropmenu .label {background: url("../images/form-sprite.png") no-repeat scroll 100% 0 #e6e6e6; color: #000000; cursor: pointer; display: block; font-size: 16px; font-weight: bold; overflow: hidden; padding: 6px 30px 6px 12px; height: 18px; width: 153px; text-align: left; text-decoration: none;}
.dropmenu .label:hover,
.dropmenu.hover .label,
.dropmenu.active .label:link,
.dropmenu.active .label:visited,
.dropmenu.active .label:hover,
.dropmenu.active .label:active {background-color: #000000; color: #ffffff; background-position: 100% -29px;}
.dropmenu .content {background: #000000; width: 158px; z-index: 2;}
.js .dropmenu .content {background: #000000; position: absolute; left: 0; top: 30px; display:none; width: 158px; z-index: 2;}
.dropmenu.active .content {display: block;}
.dropmenu ul.content {list-style: none; padding: 0; margin: 0;}
.dropmenu ul.content li {background: url("../images/ico-tick-sprite.gif") no-repeat scroll 10px 10px #e6e6e6; border-bottom: 1px solid #FFFFFF; color: #000000; cursor: pointer; font-weight: normal; font-size: 12px; padding: 6px 8px 6px 30px; height: 18px; width: 157px;}
.dropmenu ul.content li.selected, .dropmenu ul.content li.hover {background: url("../images/ico-tick-sprite.gif") no-repeat scroll 10px -70px #FFFFFF; border-color: #e6e6e6;}
.dropmenu.full,
.dropmenu.full a:link,
.dropmenu.full a:visited,
.dropmenu.full a:hover,
.dropmenu.full a:active,
.dropmenu.full li {width: 738px;}
.dropmenu.full .content li {width: 742px;}
ul.tabbar {
background: #505050; /* Old browsers */
background: -moz-linear-gradient(top, #505050 25%, #000000 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#505050), color-stop(75%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #505050 25%,#000000 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #505050 25%,#000000 75%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #505050 25%,#000000 75%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #505050 25%,#000000 75%); /* W3C */
list-style: none;
padding: 5px;
margin: 0;
}
ul.tabbar li {clear: none; margin: 5px; float: left;}
ul.tabbar li a:link,
ul.tabbar li a:visited,
ul.tabbar li a:hover,
ul.tabbar li a:active {
/* background */
background: #505050; /* Old browsers */
background: -moz-linear-gradient(top, #505050 25%, #000000 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#505050), color-stop(75%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #505050 25%,#000000 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #505050 25%,#000000 75%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #505050 25%,#000000 75%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 );*/ /* IE6-9 */
background: linear-gradient(top, #505050 25%,#000000 75%); /* W3C */
/* other aspects */
border:1px solid #000;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
color:#fff;
cursor: pointer;
display:block;
float:left;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size:12px;
font-weight:bold;
line-height:normal;
padding: 6px 10px;
text-decoration:none;
width:auto;
}
ul.tabbar li a:hover,
ul.tabbar li a.selected:link,
ul.tabbar li a.selected:visited,
ul.tabbar li a.selected:hover,
ul.tabbar li a.selected:active {background:#000; filter: none;}
ul.tabbar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
table.cos-table {border-collapse: collapse; margin-bottom: 30px; width: 780px;}
table.cos-table td, table.cos-form th {text-align: left;}
table.cos-table thead th {background-color: #000000; color: #ffffff; font-size: 16px; padding: 6px 8px;}
table.cos-table .nopad {padding: 0;}
table.cos-table td {border-bottom: 1px solid #e6e6e6; padding:6px 8px;}
/* 6.6 Calendar */
/* jquery ui datepicker overwrite */
.cos-calendar {width: 780px; float: left; position: relative;}
.cos-calendar .ui-datepicker {width: 780px;}
.cos-calendar .ui-datepicker-calendar {border-collapse: collapse; width: 780px;}
.cos-calendar .ui-datepicker-calendar thead {display: none;}
.cos-calendar .ui-datepicker-calendar th, .cos-calendar .ui-datepicker-calendar td { border: 1px solid #000000;}
.cos-calendar .ui-datepicker-header {background-color: #e6e6e6; height: 29px; position: relative; }
.cos-calendar .ui-datepicker-header .ui-datepicker-title {color: #000000; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; line-height: 16px; padding: 5px;text-align: center;}
.cos-calendar .ui-datepicker-header .ui-datepicker-prev {border-width: 0 1px; height: 20px; position: absolute; left: 0; top: 0; cursor: pointer;}
.cos-calendar .ui-datepicker-header .ui-datepicker-next {border-width: 0 1px; height: 20px; position: absolute; right: 0; top: 0; cursor: pointer; }
.cos-calendar td.completed {background: #ffffff !important; filter: none !important;}
.cos-calendar .ui-datepicker-calendar td a, .cos-calendar .ui-datepicker-calendar td a:hover, .cos-calendar .ui-datepicker-calendar td a.ui-state-active, .cos-calendar .ui-datepicker-calendar td a.ui-state-highlight {background: none;}
.cos-calendar .ui-datepicker-calendar td {
background: url('../images/bg-gradient-calendar.png') repeat-x #505050;
cursor: pointer;
width: 88px;
height: 88px;
padding: 10px !important;
text-align: left;
vertical-align: top;
overflow: hidden;
}
.cos-calendar .ui-datepicker-calendar td, x:-moz-any-link { height: 110px; *height: 88px; } /* every browser but FF and IE7 reads padding on table cell sizes */
.cos-calendar .ui-datepicker-calendar td a {filter: none;}
.cos-calendar .ui-datepicker-calendar td a.ui-state-default:focus {outline: none;}
.cos-calendar .ui-datepicker-calendar td a, .cos-calendar .ui-datepicker-calendar td a:hover, .cos-calendar .ui-datepicker-calendar td span, .cos-calendar .ui-datepicker-calendar td .ui-state-default {color: #ffffff;}
.cos-calendar .ui-datepicker-calendar td.ui-datepicker-other-month a, .cos-calendar .ui-datepicker-calendar td.ui-datepicker-other-month span, .cos-calendar .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {color: #a0a0a0;}
/* .cos-calendar .ui-datepicker-calendar td.ui-datepicker-today {background: #222222;} */
.cos-calendar .ui-datepicker-calendar td.hover, .cos-calendar .ui-datepicker-calendar td:hover {background: #000000; filter: none;}
.cos-calendar .ui-datepicker-calendar td.ui-datepicker-current-day, .cos-calendar .ui-datepicker-calendar td.ui-datepicker-current-day:hover {}
.cos-calendar .ui-datepicker-calendar td.ui-datepicker-current-day a, .cos-calendar .ui-datepicker-calendar td.ui-datepicker-current-day span, .cos-calendar .ui-datepicker-calendar td.ui-datepicker-current-day .ui-state-default, .cos-calendar .ui-datepicker-calendar td.ui-datepicker-current-day:hover a, .cos-calendar .ui-datepicker-calendar td.ui-datepicker-current-day:hover span, .cos-calendar .ui-datepicker-calendar td.ui-datepicker-current-day:hover .ui-state-default {color: #ffffff;}
.cos-calendar .ui-datepicker-calendar td.ui-datepicker-unselectable.hover,
.cos-calendar .ui-datepicker-calendar td.ui-datepicker-unselectable:hover {
background: url('../images/bg-gradient-calendar.png') repeat-x #505050;
}
.cos-calendar .ui-datepicker-calendar td.completed, .cos-calendar .ui-datepicker-calendar td.completed:hover {background: #ffffff;}
.cos-calendar .ui-datepicker-calendar td.completed a, .cos-calendar .ui-datepicker-calendar td.completed span, .cos-calendar .ui-datepicker-calendar td.completed .ui-state-default, .cos-calendar .ui-datepicker-calendar td.completed:hover a, .cos-calendar .ui-datepicker-calendar td.completed:hover span, .cos-calendar .ui-datepicker-calendar td.completed:hover .ui-state-default, .cos-calendar .ui-datepicker-calendar td.completed a:hover {color: #000000;}
.cos-calendar .ui-datepicker-calendar td .ui-state-default {display: block; font-weight: bold; font-size: 32px; letter-spacing: -1px; line-height: 28px; padding: 0; margin: 5px 0; width: auto; height: 30px; text-align: left;}
.cos-calendar .ui-datepicker-calendar td a.ui-state-highlight, .cos-calendar .ui-datepicker-calendar td span {color: #ffffff;}
.cos-calendar .ui-datepicker-calendar td .date {display: block; clear: both; font-weight: bold;}
.cos-calendar .ui-datepicker-calendar td a.btn-event {background: url(../images/icon-expander-sprite.gif) 0px -185px no-repeat; color: #FFFFFF; display: block; font-size: 12px; font-weight: normal; line-height: 18px; margin: 18px 0 0 0; padding: 0 0 0 20px; text-indent: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 68px; }
.cos-calendar .ui-datepicker-calendar td a.btn-event:hover, .cos-calendar .ui-datepicker-calendar td.hover a.btn-event {background: url(../images/icon-expander-sprite.gif) 0px -185px no-repeat; text-decoration: underline;}
.cos-calendar .ui-datepicker-calendar td.completed a.btn-event {background: url("../images/ico-tick-sprite.gif") no-repeat 3px -77px; color: #000000;}
.cos-calendar .ui-datepicker-calendar td ul.timelist {display: none; background: #ffffff; position: absolute; margin-left: -10px; margin-top: 12px; z-index: 100;}
.cos-calendar .timelist {margin: 0; padding: 0; list-style: none;}
.cos-calendar .timelist li {margin: 0; padding: 0;}
.cos-calendar .timelist li a {background: url("../images/ico-tick-sprite.gif") no-repeat scroll 10px 10px #e6e6e6; border-bottom: 1px solid #FFFFFF !important; color: #000000 !important; cursor: pointer; font-size: 12px; font-weight: normal; height: 15px; overflow: hidden; padding: 7px 8px 7px 30px !important; position: relative; text-overflow: ellipsis; text-align: left; width: 158px; white-space: nowrap;}
.cos-calendar .timelist li a:hover {background: url("../images/ico-tick-sprite.gif") no-repeat scroll 10px -70px #FFFFFF; border-color: #e6e6e6;}
.cos-calendar .timelist li a .available {color: #000000 !important; position: absolute; top: 7px; right: 8px;}
.cos-calendar .timelist li.no a, .cos-calendar .timelist li.no a:hover {background: url("../images/ico-tick-sprite.gif") no-repeat scroll 10px -150px #e6e6e6; border-bottom: 1px solid #ffffff; color: #a0a0a0 !important;}
.cos-form .strip h2 {width: auto;}
.cos-form .strip .share {position: absolute; right: 20px;}
.cos-form .strip .share .drop-down {left: 0; z-index: 11;}
.cos-calendar-event .result {position: relative;}
.cos-calendar .loading, .loading {background-color: #e6e6e6; overflow: hidden; position: absolute; left: 0; top: 30px; width: 780px; height: 100%; z-index: 10;}
.cos-calendar .loading img, .loading img {position: absolute; left: 374px; top: 200px;}
.loading {top: 0;}
.loading img {top: 50; margin-top: -16px;}
.result .loading {opacity: 0.8;}
.login-form label {color: #ffffff; clear: both; display: block; float: none; font-weight: bold; padding: 6px 10px;}
.login-form input {border-bottom-color: #000000 !important;}
.login-form .button {margin: 10px;}
.column .generic-nolist {margin-left: 10px;}
.standalone .change {position: relative;}
.standalone .change .selector-list {height: 30px; float: none;}
.standalone ul.drop-down {position: absolute; left: 0; top: 30px; z-index: 10;}
/* calendar with list styles */
.cos-calendar-event .calendar-list h3 {color: #a0a0a0;}
.cos-calendar-event .calendar-list li {padding: 5px 10px;
background: url('../images/bg-gradient-smlstrip.png') repeat-x #505050;
cursor: pointer;
}
.cos-calendar-event .calendar-list li a {color: #ffffff; text-decoration: none;}
.cos-calendar-event .calendar-list li .time {display: inline-block; width: 195px;}
.cos-calendar-event .calendar-list li .title {line-height: 12px; font-size: 16px; font-weight: bold;}
.cos-calendar-event .calendar-list li.hover {background: #000000; filter: none;}
.cos-calendar-event .calendar-list li.selected {background: #ffffff; filter: none;}
.cos-calendar-event .calendar-list li.selected a {color: #000000;}
.cos-calendar-event .calendar-list li.selected a .title {background: url("../images/bullet-tick.gif") 0 50% no-repeat; padding-left: 20px;}
ol.list-download {list-style: none; margin: 0; padding: 0;}
.list-download li {border-bottom: 1px solid #e6e6e6; padding: 6px 8px; position: relative;}
.list-download li a.link {position: absolute; right: 8px; top: 6px;}
.list-download li.bottom {background-color: #e6e6e6; border-bottom-color: #ffffff;}
.btn-calendar, .cos-calendar-event ul.tabbar li a.btn-calendar {background-image: url(../images/ico-calendar.png) !important; background-repeat: no-repeat !important; background-position: 10px 8px !important; padding-left: 30px; filter: none !important;}
.btn-list, .cos-calendar-event ul.tabbar li a.btn-list {background-image: url(../images/ico-list.png) !important; background-repeat: no-repeat !important; background-position: 10px 8px !important; padding-left: 30px; filter: none !important; white-space: nowrap;}
.cos-calendar-event .tabbar {padding-left: 535px;}
.generic-nolist {list-style: none; padding: 0; margin: 0;}
/*noscript {margin: 40px 0; float: left;}*/
/* 7.0 Breadcrumbs */
#breadcrumb {margin:0 auto 0; padding-bottom:30px; width:975px;}
#breadcrumb ul {background:#e6e6e6; clear:both; float:left; list-style:none; margin:0; padding:0; width:100%;}
#breadcrumb ul li {background:url(../images/bg-breadcrumbs-separator.gif) 100% 0 no-repeat; float:left; width:auto;}
#breadcrumb ul li a {color:#000; display:block; font-weight:bold; line-height: 20px; padding:5px 12px 5px 7px; text-decoration:none;}
#breadcrumb ul li a:hover {text-decoration:underline;}
/*
* Note: While Microsoft is not the author of this file, Microsoft is
* offering you a license subject to the terms of the Microsoft Software
* License Terms for Microsoft ASP.NET Model View Controller 3.
* Microsoft reserves all other rights. The notices below are provided
* for informational purposes only and are not the license terms under
* which Microsoft distributed this file.
*
* jQuery UI Autocomplete 1.8.11
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete { position: absolute; cursor: default; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/*
* Note: While Microsoft is not the author of this file, Microsoft is
* offering you a license subject to the terms of the Microsoft Software
* License Terms for Microsoft ASP.NET Model View Controller 3.
* Microsoft reserves all other rights. The notices below are provided
* for informational purposes only and are not the license terms under
* which Microsoft distributed this file.
*
* jQuery UI Menu 1.8.11
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
.hidden {
display: none !important;
opacity: 0 !important;
}
.hidden-important {
display: none !important;
opacity: 0 !important;
}
/*.cos-form label.label-left {color: #000000; font-family: "Helvetica Neue",Arial,sans-serif; font-size: 12px; line-height: 18px; font-weight: bold;}*/
.ui-menu {
background-color: White;
border: 1px solid black;
}
.ui-autocomplete {
height: 200px;
overflow-y: scroll;
overflow-x: hidden;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
background-color: Aqua;
}
.error-on {
color: #E00;
float: right;
width: 770px;
line-height: 16px;
margin-bottom: 10px;
}
.field-validation-error {
color: #E00 !important;
}
.validation-summary-errors ul {
list-style: none;
}
.validation-summary-errors ul li {
color: #E00 !important;
}
.list-item-text {
list-style-type: disc !important;
padding-left: 30px !important;
margin: 0px 0px 10px 10px !important;
}
div.listItems ul {
list-style-type: disc !important;
padding-left: 30px !important;
margin: 0px 0px 10px 10px !important;
}
.list-item-decimal {
list-style-type: decimal !important;
padding-left: 30px !important;
margin: 0px 0px 10px 10px !important;
}
.sublist-item-text {
list-style-type: circle !important;
padding-left: 80px !important;
margin-top: 0px !important;
}
.remove-margin-sublist {
margin-bottom: 0px !important;
}
.list-header-text {
margin: 0px 0px 10px 10px !important;
}
.button-left {
float: left !important;
padding: 5px 0px 0px 10px !important;
}
.btn-submit-right {
float: right !important;
padding: 0px 10px 0px 0px !important;
}
.button-close-white {
float: right !important;
background: url(../images/bullet-cross-white.gif) no-repeat;
display: block;
text-decoration: none;
width: 19px;
border-width: 0px;
cursor: pointer;
}
.input-validation-error {
box-shadow: inset 0px 0px 5px #ff0000 !important;
}
.input-file-validation-error {
box-shadow: 0px 0px 3px #ff0000 !important;
}
.input-select-error {
box-shadow: inset 0px 0px 5px #ff0000 !important;
}
div.extra-padding ul li {
padding-bottom: 12px;
}
ol.extra-padding li {
padding-bottom: 12px;
}
/* use ol in place of ul to overcome icon placement in IE8 */
div.bot-border {
border-bottom: 1px solid #eaeaea;
padding-top: 2px;
padding-bottom: 2px;
}
ol.numberedList {
list-style: decimal;
padding: 10px 20px 10px 20px;
margin: 0px 0px 0px 20px;
}
ol.bulletList {
list-style: disc;
padding: 10px 20px 10px 20px;
margin: 0px 0px 0px 20px;
}
ol.padBottom li {
padding-bottom: 8px;
}
.required-ui {
color: #E00;
font-weight: bold;
font-size: 16px;
}
.hover-hand {
cursor: pointer;
}
.popup-button {
text-decoration: none;
background-color: #EEEEEE;
padding: 4px 8px 4px 8px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
}
.display-field-as-text {
margin-top: 5px;
float: left;
width: 195px;
}
/* ///////////////////////////////////////////////////////////// */
/* Custom style in Home Index */
/* ///////////////////////////////////////////////////////////// */
#homeObgIntro div.subList ul {
list-style-type: disc;
margin: 12px 0px 0px 40px;
padding-left: 0px;
}
#homeObgIntro div.subListItems ul {
list-style-type: circle;
margin: 0px 0px 12px 40px;
}
/* ///////////////////////////////////////////////////////////// */
/* Custom style in RatesOnline */
/* ///////////////////////////////////////////////////////////// */
/* for rates summary */
a.iconLink:link, a.iconLink:visited,
a.iconLink.inlineLink:link, a.iconLink.inlineLink:visited {
color: #000000;
text-decoration: none;
border-bottom: none;
}
a.iconLinkInstalmentsInvert:hover, a.iconLinkInstalmentsInvert:active, a.iconLinkInstalmentsInvert:focus,
a.iconLinkInstalmentsInvert.inlineLink:hover, a.iconLinkInstalmentsInvert.inlineLink:active, a.iconLinkInstalmentsInvert.inlineLink:focus {
background-color: #0050C8 !important;
background: transparent url(../images/ico-info-invert.png) no-repeat left;
}
a.iconLinkFinancialInvert:hover, a.iconLinkFinancialInvert:active, a.iconLinkFinancialInvert:focus,
a.iconLinkFinancialInvert.inlineLink:hover, a.iconLinkFinancialInvert.inlineLink:active, a.iconLinkFinancialInvert.inlineLink:focus {
background-color: #0050C8 !important;
background: transparent url(../images/ico-dollars-invert.png) no-repeat left;
}
a.developmentApplications:link, a.developmentApplications:visited,
a.developmentApplications.inlineLink:link, a.developmentApplications.inlineLink:visited {
color: blue;
font-weight: bold;
border-bottom-color: blue;
border-bottom-style: solid;
border-bottom-width: 1px;
}
/*a.iconLink:hover, a.iconLink:active, a.iconLink:focus,
a.iconLink.inlineLink:hover, a.iconLink.inlineLink:active, a.iconLink.inlineLink:focus {
background-color: #0050C8 !important;
}*/
.total-margin-1 {
margin: 0 0 0 35px !important;
}
.total-margin-2 {
margin: 0 0 0 39px !important;
}
.iconLink {
height: 20px !important;
width: 11px !important;
}
a.iconFinancialDetails {
background: url(../images/ico-dollars.png) no-repeat left;
display: block;
text-indent: -9999px; /* hides the link text */
}
a.iconInstalments {
background: url(../images/ico-info.png) no-repeat left;
display: block;
text-indent: -9999px; /* hides the link text */
}
/*
*/
#tabs dl {
margin: 0 22px 15px;
}
#tabs dt {
float: left;
clear: left;
width: 180px;
text-align: left;
font-weight: 700;
}
#tabs dt:after {
content: ":";
}
.SectionTopMargin {
margin-top: 5px;
}
.defaultTableSettings {
margin: 0px;
padding: 0px;
width: 100%;
}
.exhibitionPeriodDates {
width: 160px;
border: 1px solid lightgray;
}
.exhibitionPeriodDates td {
width: 80px;
padding-left: 5px;
}
#main-content #tabs dt, #main-content #tabs dd {
border-top: 1px solid #eee;
padding: 0 0 0 0;
}
#main-content #tabs dd {
width: 501px;
margin-left: 200px;
}
#main-content #tabs fieldset h2 {
margin-left: 0;
}
#stages_info table {
margin: 0 auto 0px;
width: 100%;
}
#tabs #stages_info .progress td {
background: url(../images/progress-sprite.png) no-repeat right 0 #fff;
text-align: left;
vertical-align: middle;
padding: 23px 10px 23px 20px;
font-size: 15px;
font-weight: bold;
color: #aaa;
width: 33%;
}
#tabs #stages_info .progress td.active {
color: #fff;
}
#tabs #stages_info .progress td span {
padding: 15px 40px 15px 0;
}
#tabs #stages_info .extra td span {
display: inline-block;
}
#tabs #stages_info #is_lodged {
border-left: 1px solid #CCC;
}
#tabs #stages_info #is_decision_made {
border-right: 1px solid #CCC;
}
#tabs #stages_info .extra {
background: #eee url(../images/sprite.png) repeat-x 0 -419px;
}
#tabs #stages_info .extra td {
background: url(../images/sprite.png) no-repeat 5px -372px;
border: 1px solid #ccc;
border-width: 1px 0;
padding: 6px 3px 6px 33px;
font-size: 12px;
}
#tabs #stages_info .extra td:first-child {
border-width: 1px 0 1px 1px;
}
#tabs #stages_info .extra td:last-child {
border-width: 1px 1px 1px 0;
}
#tabs #stages_info #is_exhibition.active, #tabs #stages_info #is_referrals.active, #tabs #stages_info #is_info.active {
background-position: 5px -311px;
}
#tabs #stages_info #is_lodged, #tabs #stages_info #is_under_assessment {
background-color: #B6B6B6;
background-position: right 0;
}
#tabs #stages_info #is_decision_made {
background-position: right 0;
}
#tabs #stages_info #is_lodged.active {
background-position: right -250px;
border-left: 1px solid #EBB300;
}
#tabs #stages_info #is_under_assessment.active {
background-position: right -496px;
}
#tabs #stages_info #is_decision_made.active {
background-position: right -613px;
border-right: 1px solid #869719;
}
#tabs #stages_info .stage1 #is_lodged.active {
background-position: right -124px;
}
#tabs #stages_info .stage2 #is_under_assessment.active {
background-position: right -372px;
}
#tabs #stages_info .extra #info {
text-align: right;
background-position: right -372px;
padding-right: 6px;
font-weight: bold;
}
#info span {
padding: 5px;
}
#info span:hover {
cursor: pointer;
}
#tabs table {
border-collapse: collapse;
border-spacing: 0;
}
#tabs table td {
border: none;
vertical-align: top;
}
#tabs fieldset {
border: none;
margin: 0;
padding: 0 0 0 0;
display: block;
}
#documents_info {
padding-left: 15px;
}
#documents_info .pdf a {
background: url(../images/sprite.png) no-repeat scroll 0 -150px;
}
#documents_info a {
padding: 0 5px 0 20px;
}
.icon-header {
width: 30px !important;
}
.icon-padding-1 {
padding: 0 0 0 50px !important;
}
.icon-padding-2 {
padding: 0 0 0 20px !important;
}
.future-payment {
width: 85px !important;
}
.amount-to-pay {
width: 115px !important;
}
.otherAmount {
width: 60px !important;
}
.property-select {
width: 170px !important;
}
.property-details div {
padding-top: 6px;
}
table#rate-summary {
width: 100%;
text-align: left;
}
table#rate-summary tfoot tr {
background-color: #fff;
}
table#rate-summary th {
text-align: left;
}
table#rate-summary td, th {
padding: 2px 5px 2px 5px;
}
table#rate-summary tbody tr td:first-child {
text-align: right;
font-weight: bold;
}
table#rate-summary tbody td, tfoot td {
vertical-align: top;
}
/* for Previous valuations */
table.obg-table td, th {
padding: 2px 5px 2px 5px;
text-align: left;
}
table.obg-table1 td, th {
padding: 2px 0px 2px 5px;
text-align: left;
}
div#button-on-right {
text-align: right;
}
a.generateNewCaptcha:link, a.generateNewCaptcha:visited,
a.generateNewCaptcha.inlineLink:link, a.generateNewCaptcha.inlineLink:visited {
color: #000000;
text-decoration: none;
border-bottom: 1px solid #000000;
}
a.generateNewCaptcha:hover, a.generateNewCaptcha:active, a.generateNewCaptcha:focus,
a.generateNewCaptcha.inlineLink:hover, a.generateNewCaptcha.inlineLink:active, a.generateNewCaptcha.inlineLink:focus {
color: #363492 !important;
border-bottom: 1px dotted #572C8E;
background-color: #E7DFF2;
}
#financial-details-opener { /*padding-top: 5px; margin-left:15px*/
}
#financial-details table tfoot td {
font-weight: bold;
}
td.price, td.date, th.price, th.date {
text-align: right !important;
width: 105px;
}
td.right-bold {
text-align: right;
font-weight: bold;
}
td.left-bold {
text-align: left;
font-weight: bold;
}
.cta-strip.link-buttons a {
margin-left: 10px;
}
.cta-strip ul.list-flat li a.btn-submit {
margin-left: 10px;
}
.cos-form .child-property-details .field-right {
width: 560px;
}
tr.border td {
border-top: 1px silver solid;
border-bottom: 1px silver solid;
}
tr.border td:first-child {
border-left: 1px silver solid;
}
tr.border td:last-child {
border-right: 1px silver solid;
}
.obg-table {
width: 100%;
}
div#total {
margin-left: 25px;
}
span.error {
color: #E00 !important;
}
.security-container div {
width: 400px !important;
}
.security-container span {
width: 368px !important;
}
.security-container select {
width: 430px !important;
}
.address-not-found {
padding: 5px 0px 0px 5px;
}
#security-validation .label-left {
padding-top: 0px;
}
/* for Rates Calculation*/
fieldset.rates-calculation h2 > span {
font-size: 12px;
float: right;
padding-right: 5px;
}
fieldset.rates-calculation .display-field {
margin-top: 5px;
float: left;
width: 195px;
}
fieldset.rates-calculation div.wider-label {
width: 180px;
padding-left: 5px;
}
fieldset.rates-calculation div.div-scroll {
max-height: 305px;
overflow-x: hidden;
overflow-y: auto;
}
fieldset.rates-calculation .rates-calculation-group-name {
font-weight: bold;
text-align: left;
padding-left: 5px;
width: 765px;
}
fieldset.rates-calculation table {
width: 100%;
border-collapse: collapse;
}
fieldset.rates-calculation table tr th {
background-color: lightgray;
text-align: center;
}
fieldset.rates-calculation table tr td:first-child {
margin-top: 5px;
background-color: lightgray;
}
fieldset.rates-calculation table tr td:nth-child(n + 1) {
text-align: right;
}
fieldset.rates-calculation table tr:nth-child(even) {
background-color: #eeeeee;
}
fieldset.rates-calculation table tr:nth-child(odd) {
background-color: #f0f5fa;
}
fieldset.rates-calculation table .label-left {
margin-top: 5px;
float: left;
width: 202px;
}
fieldset.rates-calculation table .display-field {
margin-top: 5px;
float: left;
width: 140px;
padding-right: 30px;
}
fieldset.rates-calculation table .rates-calculation-sub-total {
border-top: 1px solid black;
}
fieldset.rates-calculation table .rates-calculation-grand-total {
border-bottom: 1px solid black;
border-top: 1px solid black;
}
/* for Rates Change Of Address - Applicant Type */
fieldset.rates-change-of-address-applicant-type {
margin-bottom: 10px;
}
fieldset.rates-change-of-address-applicant-type .applicant-agent {
margin-top: 5px;
margin-left: 17px;
}
fieldset.rates-change-of-address-applicant-type .agent-contact-us {
display: inline-block;
}
fieldset.rates-change-of-address table {
width: 100%;
margin: 5px 0;
}
fieldset.rates-change-of-address table tr:nth-child(2n) {
background-color: #eeeeee;
}
fieldset.rates-change-of-address table tr th {
background-color: lightgray;
text-align: left;
}
fieldset.rates-change-of-address table tr td {
padding-left: 5px;
}
fieldset.rates-change-of-address table tr th.propert-address {
width: 510px;
}
fieldset.rates-change-of-address table tr th.assessment-number {
width: 180px;
}
fieldset.rates-change-of-address table tr th.is-selected {
width: 130px;
}
fieldset.rates-change-of-address table tr td.is-selected {
padding-left: 61px;
}
/* for Rates Change Of Address - Your Contact Details */
fieldset.rates-change-of-address-contact-details div.person-title-inline {
display: inline-flex;
vertical-align: middle;
}
div#uniform-PersonTitle > span {
font-weight: 400;
font-size: 12px;
margin-left: -7px;
padding: 0 36px 0 2px;
}
/* for Rates Change Of Address - Co-owner details */
input[type='text'].change-of-address-new-coowner-field {
width: 317px;
}
div.change-of-address-coowner-list {
height: 200px;
overflow-y: scroll;
border: 1px #e0e8eB solid;
width: 400px;
}
div.change-of-address-coowner-list td.coowner-name-column > div {
width: 340px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
div.change-of-address-coowner-list td > div > button.change-of-address-delete-coowner-button {
padding: 0 7px;
color: bisque;
}
div.change-of-address-select-all td.second-column {
margin-top: -2px;
padding: 4px 8px 6px 8px;
width: 340px;
text-align: right;
font-weight: bold;
}
div.change-of-address-coowned-properties {
background-color: lightgray;
text-align: left;
padding: 2px 8px 2px 8px;
}
/* for LgaLookUpService */
div#lgaDivPartial {
width: 800px;
}
div#lgaDivPartial table.lgaTable td {
border: 0;
}
div#lgaDivPartial span.optional {
color: #b0b0b0;
font-size: 10px;
}
div#lgaDivSearchByAssessmentNumber {
border: 1px #e6e6e6 solid;
width: 778px;
}
div#lgaDivSearchByAddress {
border: 1px #e6e6e6 solid;
width: 778px;
}
.vertical-align-top {
vertical-align: top;
padding-left: 3px;
}
/* for QAS address service control */
input#searchAdd {
width: 400px;
}
div#uniform-Country {
margin-top: 3px;
}
.upperCase {
text-transform: uppercase;
}
#btnClear {
margin-top: 3px;
margin-left: 2px;
}
#rates-unreg-payment #address-results {
margin-top: 5px;
margin-left: 10px;
width: 560px;
float: left;
}
#CaptchaValue {
margin-top: 3px;
}
/* Left Nav */
ul.left-nav {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 195px;
}
ul.left-nav li {
clear: both;
margin: 0;
}
ul.left-nav ul li {
border-top: 1px solid #fff;
background-color: #000;
}
ul.left-nav li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ul.left-nav a:link,
ul.left-nav a:visited,
ul.left-nav a:hover,
ul.left-nav a:active,
ul.left-nav span {
color: #a0a0a0;
float: left;
font-size: 1.25em;
/*font-weight: bold;*/
letter-spacing: -0.5px;
line-height: 16px;
text-decoration: none;
padding: 7px 8px;
}
ul.left-nav h2 span {
color: #ffffff;
}
/*ul.left-nav a:hover {background:#0050C8 url("../images/sprite-white-arrow.png") no-repeat scroll 7px 0.6em; color:#fff !important; width: 161px;}*/
ul.left-nav li.heading {
background: #E6E6E6;
color: black;
padding: 7px 0 4px 7px;
font-size: 16px;
font-weight: bold;
}
ul.left-nav li a {
padding-left: 26px !important;
color: #A0A0A0;
display: block;
width: 161px;
background: transparent url("../images/sprite-white-arrow.png") no-repeat scroll 7px 0.6em;
}
ul.left-nav li.selected {
background-color: black;
}
ul.left-nav li.selected a {
color: white;
}
/*ul.left-nav li a:focus, ul.left-nav li a:active { background: #0050c8; color: white; }*/
/* JT 5/4/2013 as per task Task 1367 i.e. UA - Part of Release 1.5 - Alter OBG side menu to highlight links in focus */
/* Login */
/*
#login div.label-left { display: inline;width: 80px;}
#login div.field-right { display: inline;width: 150px;float: none;margin-left: 10px;}
#login div.field-right input.input-text {width:252px;}
#login .error-on{ width: 380px !important;float: none;margin-bottom: 0px;}
#login input[type="text"].completed, #login .input-text.completed { width: 222px !important;}
*/
/*.GrayMenuItem
{
opacity: 100 !important;
color: #B4B1B1 !important;
}
.GrayMenuItem a:hover .GrayMenuItem a:active {
color: red !important;
}*/
#nav-new ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 185px;
}
#nav-new ul li {
border-bottom: 1px solid #fff;
background-color: #000;
color: #fff;
}
/*.activeLevelOneMenuItem {
background: red url("../images/sprite-white-arrow.png") no-repeat scroll 7px 0.7em !important;
}*/
#nav-new ul li a {
padding: 8px 7px 9px 25px;
display: block;
background: #000 url("../images/sprite-white-arrow.png") no-repeat scroll 7px 0.7em;
/*background-position: 7px -193px;*/
color: #fff;
font-size: 1.25em;
text-underline: none;
}
/*#nav-new ul li ul li a.loginRequired {
padding: 8px 7px 9px 25px;
display: block;
color: #B4B1B1;
font-size: 1.25em;
text-underline: none;
}*/
#nav-new ul li.activeLevelOneMenuItem a {
padding: 8px 7px 9px 25px;
/*display: block;*/
/*background: url("../images/sprite-white-arrow.png") no-repeat scroll 7px 0.7em transparent;*/
background-position: 7px -193px;
/*color: #fff;*/
/*font-size: 1.25em;*/
text-underline: none;
}
/*#nav-new ul li.activeLevelOneMenuItem {
background-color: #666;
}*/
#nav-new ul li.activeLevelOneMenuItem > a {
background-color: #666;
}
/*#nav-new ul li table {
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90%
}*/
/*#nav-new ul li img {
float:left; margin-left: 7px;margin-top: 10px;
}*/
/*#nav-new ul li a:hover {
background:#000 url("../images/sprite-white-arrow.png") no-repeat scroll 7px 0.7em;
color:#fff !important;
width: 161px;
}*/
#nav-new ul li a:hover, #nav-new ul li a:active, #nav-new ul li a:focus {
text-decoration: underline;
color: #fff !important;
}
/*#nav-new ul li ul {
margin-bottom: 8px;
}*/
#nav-new ul li ul li a:hover, #nav-new ul li ul li a:active, #nav-new ul li ul li a:focus {
text-decoration: underline;
color: #000 !important;
}
#nav-new ul li ul li a.loginRequired:hover, #nav-new ul li ul li a.loginRequired:active, #nav-new ul li ul li a.loginRequired:focus {
text-decoration: underline;
color: #B4B1B1 !important;
}
#nav-new ul li ul li {
background-color: #EEE;
}
#nav-new ul li ul li a {
padding-top: 6px;
padding-bottom: 9px;
background: none repeat scroll 0% 0% transparent;
color: #000;
font-size: 1em;
}
#nav-new ul li ul li a.loginRequired {
padding-top: 6px;
padding-bottom: 9px;
background: none repeat scroll 0% 0% transparent;
color: #B4B1B1;
font-size: 1em;
}
/*#nav-new ul li ul li a.loginRequired {
padding: 8px 7px 9px 25px;
display: block;
color: #B4B1B1;
font-size: 1.25em;
text-underline: none;
}*/
#nav-new ul li ul li ul li a {
margin-left: 10px;
padding: 10px 7px 10px 35px;
background: none repeat scroll 0% 0% transparent;
color: #515151;
font-size: 0.917em;
line-height: 1.3;
}
#nav-new ul li ul li ul li {
border-top: 1px solid #EEE;
background-color: #FAFAFA;
}
#nav-new ul li table {
border-collapse: collapse;
border-spacing: 0;
}
.active {
font-weight: bold;
}
.pageheader {
background: black;
color: white;
margin: 0 0 20px;
padding: 4px 8px 8px 8px;
}
#title-bar .logo {
margin: 0 24px 0 0px !important;
}
.list-progress h2 {
padding: 7px 8px;
color: #A0A0A0;
}
.list-progress h2.selected {
background: black;
color: white;
width: 169px;
}
.page-right p.padded {
padding: 7px 8px;
}
ul#home-features {
margin: 10px;
}
/* Logged In Landing Page */
#roSubListItems ul {
list-style-type: circle;
margin: 0px 0px 12px 40px;
}
#ccSubListItems ul {
list-style-type: circle;
margin: 0px 0px 12px 40px;
}
/* User Management */
#accCreate div.subList ul {
list-style-type: disc;
margin: 10px 0px 0px 40px;
padding-left: 0px;
}
#accCreate div.subListItems ul {
list-style-type: circle;
margin: 0px 0px 0px 80px;
}
#LoginDetails div.field-right input.input-text,
#PersonalDetails div.field-right input.input-text,
#SecurityQuestions div.field-right input.input-text,
#AddressService .field-right input.input-text,
div.mediumWidth input.input-text {
width: 252px;
}
#number-required {
padding: 5px 0px 0px 2px;
}
.mediumWidth1 {
width: 252px !important;
}
.divAdvancedSearchCriteria {
margin-bottom: 6px;
margin-top: 0px;
margin-left: 5px;
margin-right: 5px;
}
.advancedSearchAddressText {
width: 450px !important;
}
#divAdvancedSearch > #advancedSearchMap {
border: 1px solid #A9A5A5;
height: 550px;
}
.divDASearchResultsAppNumLine{
width: 100px;
}
.divDASearchResultsAppNumLineItem {
display: inline-block;
float: left;
}
.developmentApplicationYearNumber {
width: 80px !important;
}
.gridPaging {
width: 50px !important;
}
.gridNavigation {
background-color: lightgray;
width: 100%;
border: solid gray 1px;
}
#modal {
display: none;
position:fixed;
left: 50%;
top: 50%;
background:black;
border-radius:14px;
padding:8px;
}
#content {
border-radius:8px;
background:#fff;
padding:20px;
}
table.bottomBorder {
border-collapse: collapse;
width: 100%;
margin: 0;
}
table.bottomBorder td
{
border-bottom: 1px solid lightgray;
border-left: 1px solid #E6E2E2;
border-right: 1px solid lightgray;
padding-left: 5px;
padding-right: 5px;
}
table.bottomBorder th {
background-color: black;
color: white;
border-right: 1px solid white;
padding: 5px;
}
.gridNavigationOuter
{
width: 100%;
}
.gridNavigationInner
{
margin-left: auto;
margin-right: auto;
display: table;
}
.gridNavigationItemsPerPage {
width: 150px;
text-align: right;
padding-right: 5px;
}
.gridNavigationTotalPage {
width: 160px;
text-align:center
}
.gridPageSizeCombo
{
width: 55px !important;
height: 26px !important;
}
#divOr {
font-weight: bold;
padding-left: 5px;
padding-top: 5px;
}
fieldset.topPadding {
padding-top: 5px;
}
div.extraWide input.input-text {
width: 380px;
}
div.extraWide textarea {
width: 380px;
}
#LoginDetails div.field-right input.input-text.completed,
#PersonalDetails div.field-right input.input-text.completed,
#SecurityQuestions div.field-right input.input-text.completed,
#AddressService .field-right input.input-text.completed {
width: 228px;
}
fieldset#security-validation .label-left {
width: 380px;
margin-top: 5px;
}
fieldset#security-validation .field-right {
width: 355px;
}
#breadcrumb {
padding-bottom: 20px;
}
#breadcrumb #dateAndTime {
float: right;
margin-top: -24px;
margin-right: 8px;
}
#main-content {
top: 20px;
}
.notification-strip {
background: #E6E6E6;
width: 760px;
padding: 10px 10px 10px 10px;
}
#dashboard-rates p.property-info,
#dashboard-childcare p.property-info,
#dashboard-parkingpermit p.property-info,
#dashboard-gipa p.property-info
{
font-size: 14px;
font-weight: bold;
}
#dashboard-rates p.property-info a.button-dark,
#dashboard-childcare p.property-info a.button-dark,
#dashboard-parkingpermit p.property-info a.button-dark,
#dashboard-gipa p.property-info a.button-dark
{
float: right;
margin-top: -7px;
}
/*#dashboard-rates .button-dark { float: right;}*/
.one-off-reference input {
margin-left: 10px;
}
.one-off-reference-dob input {
margin-left: 10px;
}
.one-off-reference-dob span.field-validation-error span,
.one-off-reference-dob span.error {
padding-left: 30px;
}
.childcare-reference-dob span.field-validation-error {
padding-left: 30px;
}
a.back-arrow:link,
a.back-arrow:visited,
a.back-arrow:hover,
a.back-arrow:active {
background: url(../images/ico-arrow-left-sml.png) no-repeat 0 3px;
color: #000;
display: block;
padding-left: 20px;
text-decoration: none;
}
a.back-arrow:hover {
text-decoration: underline;
}
span.back-arrow {
background: url(../images/ico-arrow-left-sml.png) 0 3px no-repeat;
padding-left: 18px;
text-decoration: none;
display: block;
}
span.back-arrow:hover {
text-decoration: underline;
cursor: pointer;
}
#header-strip .col-left {
width: 570px;
}
#header-strip .col-right {
float: right;
width: 400px;
}
#header-strip li.logout {
padding-left: 8px !important;
}
#header-strip {
z-index: 1000 !important;
}
/*on behalf of button*/
#header-strip ul li.onbehalf a:link,
#header-strip ul li.onbehalf a:visited,
#header-strip ul li.onbehalf a:hover,
#header-strip ul li.onbehalf a:active {background:rgb(122,193,66);; border:none; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; float:left; margin:8px 10px 0 0; padding:1px 10px 1px 10px; width:auto;}
#header-strip ul li.onbehalf a.first:link,
#header-strip ul li.onbehalf a.first:visited,
#header-strip ul li.onbehalf a.first:hover,
#header-strip ul li.onbehalf a.first:active {background:#000; margin-left:10px;}
#header-strip ul li.onbehalf a:hover,
#header-strip ul li.onbehalf a.first:hover {background-color: #ffffff; color: #000000;}
.welcome-login {
margin-left: 10px !important;
}
.cos-form .completed {
background: #ffffff !important;
}
.cos-form input[type="text"].completed, .cos-form .input-text.completed, .cos-form .selector.completed {
padding-left: 5px !important;
}
.cos-form .payment-row input[type="text"], .cos-form .payment-row input.input-text {
width: 135px;
padding: 5px;
height: 19px;
}
#property-filter span {
width: 268px;
}
#property-filter div, #property-filter select {
width: 300px;
}
.right-bold {
float: left;
font-weight: bold;
padding-top: 7px;
}
/*.ie10-right-bold {float: left !important;}*/
.property-details-opener {
background: url(../images/ico-arrow-updown-sml.png) no-repeat -8px -24px;
padding-left: 15px;
}
.property-details-opener.close {
background-position: -8px -5px;
}
/*
For reference only - these are the sprite positions of ico-arrow-updown-sml.png
.ico-arrow-up-sml, .ico-arrow-down-sml{
background: url(ico-arrow-updown-sml.png) no-repeat;
}
.ico-arrow-up-sml{
background-position: -8px -5px ;
width: 12px;
height: 12px;
}
.ico-arrow-down-sml{
background-position: -8px -24px ;
width: 12px;
height: 12px;
}*/
.mb { /*margin-bottom: 10px !important;*/
}
.cos-form .cta-strip.mb .list-flat li {
margin-left: 3px;
float: none;
display: inline;
}
/* ciaran what is this for? */
table#multiple-rates th.price {
width: 80px;
}
.dollar {
display: inline;
padding: 6px 0px;
float: left;
}
.dollar + .field-right {
width: 575px;
}
.width180 {
width: 180px;
}
.width240 {
width: 240px;
}
.bold {
font-weight: bold;
}
.cos-form input.datepicker.hasDatepicker,
.cos-form input.hasDatepicker {
color: #6c6c6c !important;
-moz-box-shadow: inset 0px 0px 5px #a0a0a0 !important;
-webkit-box-shadow: inset 0px 0px 5px #a0a0a0;
box-shadow: inset 0px 0px 5px #a0a0a0;
padding: 5px 36px 5px 6px !important;
font-size: 12px !important;
font-weight: normal;
}
.cos-form input.datepicker.hasDatepicker.completed {
color: black !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.page-right p {
padding: 2px 10px;
}
#child-care .obg-table tbody tr td:first-child {
font-weight: bold;
}
#childcare-accounts th, #childcare-accounts td {
padding-left: 10px;
}
#selectVehicleVariant {
font-size: 8px;
width: 600px;
font-size: 1.0em;
font-family: 'Trebuchet MS', Verdana, Helvetica, Sans-Serif;
color: dimGray;
}
@media print {
html {
height: 100%;
overflow: auto;
}
body {
background: #fff;
color: #000;
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 12px;
height: 100%;
line-height: 18px;
margin: 0;
}
#header-strip {
display: none !important;
}
.ui-dialog {
left: 70px !important;
opacity: 1 !important;
filter: Alpha(Opacity=100) !important;
}
.ui-dialog, .ui-dialog-content {
background: white !important;
}
/*.ui-widget-overlay {background: white; opacity: 1 !important; filter:Alpha(Opacity=100) !important;}*/
.ui-widget-overlay {
display: none;
}
.row {
border: 0;
}
.left-nav {
display: none;
}
.page-right {
float: left;
}
.cta-strip {
float: left;
}
}
/* Parking Permit */
#permitType ul {
list-style-type: circle;
margin: 2px 0px 0px 68px;
}
#proofRes ul {
list-style-type: circle;
margin: 2px 0px 0px 68px;
}
.pp-attached-file {
margin-top: 5px !important;
}
.check-box {
margin-top: 5px !important;
}
#star-rating {
margin-top: 8px;
}
#css-pp-radio-button {
margin: 8 0 0 0;
}
#opening-day {
padding-left: 25px;
}
#Comment {
width: 500px;
}
.selection-container div {
width: 190px !important;
}
.selection-container span {
width: 157px !important;
}
.selection-container select {
width: 195px !important;
}
.selection-vehicle-result div {
width: 450px !important;
}
.selection-vehicle-result span {
width: 412px !important;
padding-right: 35px !important;
}
.selection-vehicle-result select {
width: 455px !important;
}
.auto-combobox {
cursor: pointer !important;
margin-top: 5px !important;
width: 157px !important;
height: 25px !important;
border-right-width: 0px !important;
padding-left: 5px !important;
}
.auto-combobox.no-drop-down-icn {
cursor: inherit !important;
margin-top: 5px !important;
width: 185px !important;
height: 25px !important;
border-right-width: 1px !important;
padding-left: 5px !important;
}
.auto-combobox-button {
width: 29px !important;
height: 27px !important;
top: 10px !important;
border-left-width: 0px !important;
}
.auto-combobox-select {
width: 29px !important;
height: 27px !important;
left: 8px !important;
top: 8px !important;
background: url(../images/form-sprite.png) no-repeat -464px 0px !important;
}
.ui-combobox a.no-drop-down-icn {
visibility: hidden !important;
}
.auto-combobox-fieldset {
width: 780px !important;
}
/* Parking permit wizard */
/*.page-right is 780px wide, so make each wizard step 780px wide with the left starting at the right edge of the previous step*/
.wizard-content {
width: 780px;
}
#wz-permit-type {
position: absolute;
left: 0px;
}
#wz-t-c {
position: absolute;
left: 780px;
}
#wz-address {
position: absolute;
left: 1560px;
}
#wz-applicant {
position: absolute;
left: 2340px;
}
#wz-pensioner {
position: absolute;
left: 3120px;
}
#wz-vehicle {
position: absolute;
left: 3900px;
}
#wz-visitorfee {
position: absolute;
left: 3900px;
}
#wz-proof {
position: absolute;
left: 4680px;
}
#wz-delivery {
position: absolute;
left: 5460px;
}
#wz-confirm {
position: absolute;
left: 6240px;
}
#wz-submit {
position: absolute;
left: 7020px;
}
#wizard-container {
position: relative;
overflow: hidden;
min-height: 1500px;
width: 780px;
}
.ppa-eligible-error {
display: inline-block;
}
/* Parking Permit Pensioner Discount */
#pdAttachments div {
margin-bottom: 4px;
}
#pdAttachments input.upload {
margin-top: 4px;
}
/* Parking Permit Proof (attachments) */
#wz-proof .label-left {
border: 0;
width: 228px;
}
#wz-proof .field-right {
width: 510px !important;
margin-top: 2px;
padding-bottom: 6px;
}
#wz-proof .list-header-text {
margin: 0px !important;
padding: 4px 0 0 10px;
}
#cpa .field-right {
margin-top: 6px;
}
/*#wz-proof { border-left: 1px solid #e6e6e6; }*/
div.wizard-content {
border-left: 2px solid white;
}
#wizard-container .fileUploadBtn {
width: 120px;
height: 32px;
}
/* PP attachment upload files button */
/* display applicable fee */
#wz-vehicle .fee {
font-size: 120%;
font-weight: bold;
}
#wz-vehicle .feeIndent {
margin: 4px 32px 4px 32px;
}
/* Parking permit review listing */
div#previewppa {
border: 1px solid #e0e0e0;
width: 778px;
}
div#previewppa table {
border: 1px solid #f0f0f0;
border-collapse: collapse;
width: 770px;
font-size: 14px;
margin: 4px;
}
div#previewppa th {
border: 1px solid #f0f0f0;
font-weight: bold;
text-align: left;
background-color: #f4f4f4;
padding: 4px;
font-size: 105%;
}
div#previewppa td {
border: 1px solid #f0f0f0;
padding: 3px;
}
div#previewppa td.lmc {
width: 25%;
}
/*#vehicle-type table tr td:first{ border-bottom: 1px solid #E6E6E6;font-weight: bold;text-align: right; }
#vehicle-type table label { border-bottom: 1px solid #E6E6E6;}*/
.container textarea.ppaSummary {
width: 100%;
height: 160px;
line-height: 18px;
box-shadow: 0 0;
background-color: white;
margin: 0;
padding: 0;
font-size: 15px;
border-style: none;
font-family: "Helvetica Neue", Arial, sans-serif;
}
/* parking permit type blurb */
.ppBlurb p {
margin: 2px 16px 0px 16px;
padding: 0px;
}
.ppBlurb ol {
list-style-type: circle;
margin-top: 2px;
margin-bottom: 2px;
}
.ppBlurb ol li {
margin-left: 28px;
}
.ppBlurb .miniSpacer {
margin-top: 8px;
}
.listItemsMBC ul {
list-style-type: disc !important;
padding-left: 30px !important;
margin: 0px 0px 10px 10px !important;
}
/* ///////////////////////////////////////////////////////////// */
/* Custom style in Report an Issue */
/* ///////////////////////////////////////////////////////////// */
div#privatePropertyAlert {
border: 1px solid #ffc0c0;
padding: 8px;
color: #ff2020;
float: none;
font-weight: bold;
margin: 8px 0px 8px 0px;
}
div.solicitation {
margin: 8px 0px 8px 0px;
padding: 8px;
background-color: #ffffe0;
border: 1px solid #f4f4b8;
border-width: 1px 0px 1px 0px;
font-weight: bold;
}
div#divAttachments {
margin-bottom: 4px;
padding-bottom: 4px;
}
div#divAttachments input {
width: 580px;
margin-top: 3px;
}
div.clearBoth {
clear: both;
}
div.commentary {
padding: 4px;
}
fieldset#incident-photos .emphasis {
font-weight: bold;
color: #A00000;
}
fieldset#address-map {
display: block;
margin-bottom: -16px;
}
#address-map .left {
width: 49%;
float: left;
}
#address-map .right {
width: 49%;
float: right;
border: 1px black solid;
height: 257px;
padding: 1px;
}
#address-map .calculating {
font-style: italic;
color: gray !important;
}
#address-map .field-right {
width: 185px !important;
}
#address-map textarea {
height: auto !important;
width: 383px !important;
}
#address-map li#public-place div {
margin-bottom: 20px;
}
#address-map li.street div {
margin-top: 10px;
}
#map-canvas {
height: 100%;
}
.address-map-padding {
padding-bottom: 8px !important;
}
div.IndividualApplicationMap {
height: 400px;
border: 1px lightgray solid;
}
.on-exhibition-content {
margin-top: 10px;
padding: 0px;
border-spacing: 0px;
}
.on-exhibition-content td{
width: 50%;
vertical-align: top;
}
.on-exhibition-content div{
margin: 8px;
height: 100%;
}
div#da-map-on-exhibition {
width: 100%;
border: 1px gray solid;
height: 500px;
padding: 1px;
}
div#da-map-on-exhibition > div{
width: 100%;
height: 500px;
}
#da-map .calculating {
font-style: italic;
color: gray !important;
}
#da-map .field-right {
width: 185px !important;
}
#da-map textarea {
height: auto !important;
width: 383px !important;
}
#da-map li#public-place div {
margin-bottom: 20px;
}
#da-map li.street div {
margin-top: 10px;
}
.da-map-padding {
padding-bottom: 8px !important;
}
#HomeButton {
position: absolute;
top: 95px;
left: 20px;
z-index: 50;
}
ul.shiftDown {
margin-top: 5px;
}
div.shiftDown {
margin-top: 3px;
}
span.admin-editable {
float: inherit !important;
clear: inherit !important;
color: inherit !important;
background-color: inherit !important;
margin-bottom: inherit !important;
width: inherit !important;
padding: 0px !important;
position: inherit !important;
top: inherit !important;
white-space: inherit !important;
/*padding-left: 26px !important;
background: url("../images/sprite-white-arrow.png") no-repeat scroll 7px 0.3em;*/
}
.expiredCreditCardText {
color: red;
}
span.admin-hover {
color: #E00 !important;
}
#uniform-selectVehicleVariant {
padding-left: 5px;
}
.rai-style-type {
list-style-type: disc !important;
padding-left: 30px !important;
}
.rai-sublist {
margin-top: -5px !important;
}
.rai-list {
margin-top: 5px !important;
}
div.bin-property {
padding-left: 17px !important;
width: 170px !important;
}
div.issue-exact-location {
padding-left: 5px !important;
}
#time-bin-left-out span {
width: 58px;
}
#time-bin-left-out div.selector {
width: 90px;
}
#replace-repair-bin-combo span {
width: 50px;
}
#replace-repair-bin-combo div.selector {
width: 83px;
margin-left: 10px;
}
.replace-repair-bin-combo-width {
width: 90px !important;
}
.bin-out-duration {
width: 100px !important;
}
.report-vehicle-selector {
width: 410px !important;
}
#report-vehicle span {
width: 378px;
}
#report-vehicle div.selector {
width: 410px;
}
/* ///////////////////////////////////////////////////////////// */
/* Custom styles in Book a Collection */
/* ///////////////////////////////////////////////////////////// */
#bacIndex .leftBorder {
margin-left: 0px;
border-left: 1px solid #e6e6e6;
}
#bacIndex table.summary {
border-collapse: collapse;
width: 100%;
}
#bacIndex table.summary th, table.summary td {
border: 1px solid #e6e6e6;
padding: 4px;
}
#bacIndex table.summary th {
background-color: #f8f8f8;
}
#bacSelectService table.summary td {
border: 1px none #e6e6e6;
padding: 6px;
vertical-align: top;
}
#bacSelectService table.summary tr.thickTopBorder td {
border-top: 2px solid #e6e6e6;
}
#bacSelectService table.summary tr.hideTopBorder td {
border-top: none;
}
#bacSelectService table.summary .underLine {
text-decoration: underline;
}
#bacSelectService div.topSpacer {
padding-left: 4px;
padding-top: 12px;
padding-bottom: 8px;
}
#bacSelectService table.summary p {
margin: 2px 16px 0px 4px;
padding: 0px;
}
#bacSelectService table.summary ul {
list-style-type: disc;
margin-top: 2px;
margin-bottom: 2px;
padding-left: 40px;
}
#bacSelectService table.summary ul li {
margin-left: -12px;
font-size: 12px;
}
#bacSelectService table.summary .miniSpacer {
margin-top: 8px;
}
#bacSelectService .bigAndBold {
font-size: 140%;
font-weight: bold;
}
#bacSelectService .box {
margin-top: -4px;
margin-left: 8px;
margin-bottom: 8px;
border-right-style: none;
border-bottom-style: none;
padding: 6px;
font-size: 120%;
}
#bacSelectService table.summary td.col1, #bacSelectService table.summary td.col2 {
width: 50%;
}
.address-auto .ui-autocomplete-loading {
background: white url('../../Content/images/progress.gif') right center no-repeat;
}
/*.booking-details .required-ui {background: white url('../../Content/images/progress.gif') left center no-repeat;padding-left: -20px;}
.booking-details textarea.required-ui {background: white url('../../Content/images/progress.gif') left top no-repeat;}*/
.booking-details .required-ui {
color: #E00;
font-weight: bold;
font-size: 16px;
}
.booking-details .required-ui.textarea {
vertical-align: top;
}
.booking-details textarea {
width: 450px;
}
.booking-details div.errorPadding {
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.booking-details div.seasonalPadding {
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
div.infoBlock {
margin: 4px;
}
div.infoBlock div {
float: left;
}
div.infoBlock div.infoBlockLeft {
width: 24px;
}
div.infoBlock div.infoBlockRight {
width: 720px;
}
table#bookingConfirmation {
margin: 32px;
border-collapse: collapse;
}
table#bookingConfirmation td {
font-weight: bold;
padding: 3px;
}
table#bookingConfirmation td.column1 {
width: 64px;
}
.missedWasteCollection-details textarea {
width: 450px;
}
.contact-us textarea {
width: 570px;
}
/* ///////////////////////////////////////////////////////////// */
/* Custom styles in Accounts Receivable */
/* ///////////////////////////////////////////////////////////// */
#arCreate .leftBorder {
margin-left: 0px;
border-left: 1px solid #e6e6e6;
}
#wz-address ol {
list-style-type: circle;
margin-top: 0px;
}
/* IE10 styles for parking permit */
.cos-form #wizard-container #wz-permit-type fieldset, .cos-form #wizard-container #wz-t-c fieldset {
border: 1px solid white;
}
#wizard-container .field-right {
width: 580px;
}
#wizard-container #wz-permit-type .field-right {
width: 585px;
}
#security {
margin: 10px;
}
li.menu-light a:link,
li.menu-light a:visited,
li.menu-light a:hover,
li.menu-light a:active {
color: #DFDCDC;
}
.filex-table {
border-collapse: collapse;
}
.filex-table input, .filex-table textarea {
width: 700px !important;
}
/* ///////////////////////////////////////////////////////////// */
/* Custom styles in Child Care Scheduled Payment */
/* ///////////////////////////////////////////////////////////// */
div.notice {
padding-top: 10px;
padding-bottom: 10px;
}
div.notice img {
padding-right: 3px;
}
div.notice span {
vertical-align: top;
}
div.notice.top {
margin-left: 200px;
}
table#rccTable {
border-collapse: collapse;
width: 100%;
}
table#rccTable td {
padding: 4px;
}
/* ///////////////////////////////////////////////////////////// */
/* Custom styles in Find Property */
/* ///////////////////////////////////////////////////////////// */
#find-property .ratepayer-padding-b {
padding-bottom: 8px !important;
}
#find-property .ratepayer-padding-t {
padding-top: 8px !important;
}
/* Sharepoint Business Content */
.ms-rteFontSize-1 {
FONT-SIZE: 8pt;
}
.ms-rteFontSize-2 {
FONT-SIZE: 10pt;
}
.ms-rteFontSize-3 {
FONT-SIZE: 12pt;
}
.ms-rteFontSize-4 {
FONT-SIZE: 18pt;
}
.ms-rteFontSize-5 {
FONT-SIZE: 24pt;
}
.ms-rteFontSize-6 {
FONT-SIZE: 36pt;
}
.ms-rteFontSize-7 {
FONT-SIZE: 48pt;
}
.ms-rteFontSize-8 {
FONT-SIZE: 72pt;
}
#make-payment.cc-paynow {
float: right !important;
margin-top: 0px;
margin-left: 10px;
}
table.payment-schedules {
margin: 12px;
border-collapse: collapse;
width: 98%;
}
table.payment-schedules td {
padding: 4px;
}
table.payment-schedules.border td {
border: 1px solid #e0e0e0;
}
table.payment-schedule-details {
margin: 12px;
border-collapse: collapse;
width: 400px;
}
table.payment-schedule-details td {
padding: 4px;
text-align: left;
}
table.payment-schedule-details td.label {
font-weight: bold;
}
legend.form-heading {
background-color: #000000;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
letter-spacing: -0.5px;
line-height: 16px;
margin: 0;
padding: 7px 10px;
width: 760px !important;
float: none;
display: block;
}
.cos-form .media-subscription .label-left {
margin-top: 10px;
width: 100px;
padding-left: 10px;
}
.cos-form .media-subscription .field-right {
margin-top: 10px;
width: 655px;
}
.media-subscription textarea {
width: 550px;
}
.label-left.required:before, .field-right.required:before {
content: "*";
font-weight: bold;
font-size: 16px;
color: #e00;
}
.field-right.wide input.input-text {
width: 285px;
}
.visible-list ul {
list-style-type: disc;
padding-left: 40px;
}
.label-left.wide {
width: 250px;
text-align: left;
}
#update-expiry-date span {
width: 35px;
}
#update-expiry-date div.selector {
width: 64px;
}
ul.list {
list-style: disc;
margin: 10px 25px;
}
/* ///////////////////////////////////////////////////////////// */
/* Custom styles in Certificates */
/* ///////////////////////////////////////////////////////////// */
#certIndex table.indexContainer {
margin: 10px 0px 10px 15px !important;
}
#certIndex ol.bulletList {
list-style: disc;
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 20px;
}
#certHome div.subList ul {
list-style-type: disc;
margin: 0px 0px 0px 18px;
}
#certHome div.subList1 ul {
list-style-type: none;
padding-left: 10px;
}
#certHome div.subListItems ul {
list-style-type: circle;
margin: 0px 0px 12px 40px;
}
#certHome tr.rowSpacer td {
padding: 0px 0px 10px 0px;
}
.fieldSetSpacer {
padding: 20px 0px 20px 10px !important;
}
.propertyDetailsColumn1 {
width: 100px !important;
padding-right: 20px !important;
}
.propertyDetailsInput1 {
width: 100px !important;
padding-left: 5px !important;
padding-right: 20px !important;
}
.propertyDetailsLabel1 {
width: 100px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.propertyDetailsLabel2 {
width: 88px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.propertyDetailsColumn2 {
width: 360px !important;
}
.propertyDetailsInput2 {
width: 360px !important;
padding-left: 5px !important;
padding-right: 0 !important;
}
.propertyDetailsCbl {
width: 150px;
padding: 0 30px 0 0;
}
.propertyDetailsLabel4 {
width: 250px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.propertyDetailsLabel3 {
width: 218px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.propertyDetailsInput3 {
width: 150px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.propertyDetailsSelList {
width: 585px !important;
font-size: 1.0em !important;
font-family: 'Trebuchet MS', Verdana, Helvetica, Sans-Serif !important;
color: dimGray !important;
}
.mattressFieldSize {
width: 20px !important;
padding-left: 5px !important;
padding-right: 20px !important;
}
.mattressFieldHeader {
font-size: 14px;
font-weight: bold;
}
/*.matressTableStyle {
margin-left: auto;
margin-right: auto;
}*/
.matressTableStyle td {
text-align: center;
}
.matressTableStyle-header {
font-weight: bold;
font-size: 13px;
text-align: center;
}
.propertyDetailsClearButton {
padding-left: 20px !important;
}
input.button-dark {
/* background */
background: #505050; /* Old browsers */
background: -moz-linear-gradient(top, #505050 25%, #000000 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#505050), color-stop(75%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #505050 25%,#000000 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #505050 25%,#000000 75%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #505050 25%,#000000 75%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); */ /* IE6-9 */
background: linear-gradient(top, #505050 25%,#000000 75%); /* W3C */
/* other aspects */
border: 1px solid #000;
-moz-border-radius: 15px;
border-radius: 15px;
color: #fff;
cursor: pointer;
display: block;
float: left;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 12px;
font-weight: bold;
line-height: normal;
padding: 0;
text-decoration: none;
width: auto;
}
input.button:link,
input.button:visited,
input.button:hover,
input.button:active {
/* background */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 25%, #a0a0a0 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(75%,#a0a0a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 25%,#a0a0a0 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 25%,#a0a0a0 75%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 25%,#a0a0a0 75%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a0a0a0',GradientType=0 ); IE6-9 */
background: linear-gradient(top, #ffffff 25%,#a0a0a0 75%); /* W3C */
/* other aspects */
border: 1px solid #a0a0a0;
-moz-border-radius: 15px;
border-radius: 15px;
color: #000;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
line-height: normal;
text-decoration: none;
width: auto;
}
input.button:hover {
background: #a0a0a0;
}
input.button span {
background: url(../images/icon-button-arrow.png) 12px 9px no-repeat;
display: block;
padding: 7px 20px 7px 30px;
}
.cert-total-align-right {
text-align: right !important;
width: 676px !important;
}
.cert-align-right {
text-align: right !important;
padding: 5px 5px 5px 5px !important;
vertical-align: baseline !important;
}
.cert-align-left {
padding: 0px 5px 0px 5px !important;
vertical-align: baseline !important;
}
.cert-align-center {
text-align: center !important;
vertical-align: baseline !important;
}
.cert-fee-table {
width: 760px !important;
}
.cert-column-width {
width: 56px !important;
}
.cert-column-width1 {
width: 110px !important;
}
.cert-column-width2 {
width: 250px !important;
}
@media print {
.not-for-print {
display: none !important;
}
}
@media screen {
.not-for-display {
display: none !important;
}
}
@media print {
thead {
display: table-header-group;
}
}
/*.view-container{
position:relative;
}
.view-animate.ng-enter {
-webkit-transition: all ease-in 0.3s;
-moz-transition: all ease-in 0.3s;
-o-transition: all ease-in 0.3s;
transition: all ease-in 0.3s;
display: block;
position: absolute;
}
.view-animate.ng-enter {
left:10%;
opacity:0;
}
.view-animate.ng-enter.ng-enter-active {
left:0;
opacity:1;
}*/
.is-busy {
margin-left: 200px;
width: 300px;
}
.other-issue-contact-type {
margin: 3px 0px 3px 0px;
}
.other-issue-contact-reason input[type="text"] {
width: 400px !important;
}
.other-issue-contact-reason-further-detail textarea {
width: 100% !important;
}
/* flyout contextual menu */
.contextual li.flyout a.expander:link,
.contextual li.flyout a.expander:visited,
.contextual li.flyout a.expander:hover,
.contextual li.flyout a.expander:active {
background-repeat: no-repeat;
background-position: 11px -175px;
}
.contextual li.flyout a.expander:hover,
.contextual li.flyout a.expander.hover:link,
.contextual li.flyout a.expander.hover:visited,
.contextual li.flyout a.expander.hover:hover,
.contextual li.flyout a.expander.hover:active {
background-position: 11px 13px;
background-color: white;
}
.contextual li.flyout ul {
display: none;
float: left;
list-style: none;
margin-left: 40px;
position: absolute;
width: 155px;
z-index: 200;
}
.contextual li.flyout ul li {
border: none;
clear: left;
width: 155px;
}
.contextual li.flyout ul li a:link,
.contextual li.flyout ul li a:visited,
.contextual li.flyout ul li a:hover,
.contextual li.flyout ul li a:active {
background-color: white;
background-position: 11px 7px;
background-repeat: no-repeat;
color: #000;
float: left;
font-size: 13px;
font-weight: normal;
line-height: 17px;
width: 155px;
}
.contextual ul li.flyout ul li a:hover {
background-color: #fff;
background-position: 11px -115px;
}
.contextual li.flyout ul li a span {
display: block;
float: right;
margin: 0;
text-align: right;
width: 90px;
}
.contextual li.flyout ul.icons li a:link,
.contextual li.flyout ul.icons li a:visited,
.contextual li.flyout ul.icons li a:hover,
.dispContextual {
display: block !important;
border: 1px solid black !important;
margin-left: 40px !important;
padding: 0 5px 0 5px !important;
background-color: white;
box-shadow: 5px 5px 5px #888888;
}
.flyout-box {
display: none;
position: absolute;
top: 30px;
left: 0;
z-index: 200;
border-width: 2px !important;
}
.contextual li.flyout-alt ul a:link,
.contextual li.flyout-alt ul a:visited,
.contextual li.flyout-alt ul a:hover,
.contextual li.flyout-alt ul a:active {
color: #FFFFFF;
display: block;
font-weight: bold;
padding: 0 0 0 18px;
text-decoration: none;
}
.display-margin {
margin: 5px 0 0 0 !important;
}
table.payment-methods {
margin: 12px;
border-collapse: collapse;
width: 98%;
}
table.payment-methods td {
padding: 4px;
}
table.payment-methods.border td {
border: 1px solid #e0e0e0;
}
table.payment-method-details {
margin: 12px;
border-collapse: collapse;
width: 400px;
}
table.payment-method-details td {
padding: 4px;
text-align: left;
}
table.payment-method-details td.label {
font-weight: bold;
}
.rates-dialog-h3 {
font-size: 14px !important;
background-color: #ffffff !important;
color: #000000 !important;
}
.create-instalment {
width: 500px !important;
height: 200px !important;
}
.rates-dialog-error {
width: 300px !important;
float: left !important;
}
/***********************************************************/
/*Make a payment */
/***********************************************************/
.table-no-border {
border-collapse: collapse !important;
}
.table-no-padding {
padding: 0 !important;
}
.payment-ref-custom-padding {
padding: 2px 0 15px 0 !important;
}
.outstanding-amount-padding {
padding: 5px 0 0 0 !important;
}
/***********************************************************/
/* CWO */
/***********************************************************/
.cwo-applications-row tr {
height: 35px;
}
.mandatoryLabelTable {
padding: 0 0 0px 0px;
}
.mandatoryLabelTable tbody tr td:first-child {
text-align: left;
padding: 0 0 0px 0px;
width: 570px;
}
.mandatoryLabelTable tbody tr td:last-child {
text-align: right;
width: 200px;
float:right;
padding: 0 0 0px 0px;
}
div#previewda {
border: 1px solid #e0e0e0;
width: 778px;
}
div#previewda table {
border: 1px solid #f0f0f0;
border-collapse: collapse;
width: 770px;
font-size: 14px;
margin: 4px;
}
div#previewda th {
border: 1px solid #f0f0f0;
font-weight: bold;
text-align: left;
background-color: #f4f4f4;
padding: 4px;
font-size: 105%;
}
div#previewda td {
border: 1px solid #f0f0f0;
padding: 3px;
}
div#previewda td.lmc {
width: 25%;
}
div#previewda tbody tr td:first-child {
text-align: left;
padding: 0 0 0px 0px;
width: 50px;
}
div#previewda tbody tr td:last-child {
text-align: left;
padding: 0 0 0px 0px;
width: 450px;
}
div#previewda3 {
border: 1px solid #e0e0e0;
width: 778px;
}
div#previewda3 table {
border: 1px solid #f0f0f0;
border-collapse: collapse;
width: 770px;
font-size: 14px;
margin: 4px;
}
div#previewda3 th {
border: 1px solid #f0f0f0;
font-weight: bold;
text-align: left;
background-color: #f4f4f4;
padding: 4px;
font-size: 105%;
}
div#previewda3 td {
border: 1px solid #f0f0f0;
padding: 3px;
}
div#previewda3 td.lmc {
width: 25%;
}
div#previewda3 tbody tr td:first-child {
text-align: left;
padding: 0 0 0px 0px;
width: 50px;
}
div#previewda3 tbody tr td:last-child {
text-align: left;
padding: 0 0 0px 0px;
width: 450px;
}
/***********************************************************/
/* Road Opening */
/***********************************************************/
.float-right {
float: right !important;
padding-right: 20px !important
}
.row-attachment {
padding: 0 0 20px 50px;
}
.row-attachment1 {
padding: 0 0 0 50px;
}
.workLocationsTable tbody tr td:first-child {
text-align: right;
padding-left: 20px;
font-weight: bold;
}
.workLocationsTable tbody tr td:first-child + td + td + td {
text-align: right;
padding-left: 20px;
font-weight: bold;
}
.workLocationsTable tbody tr td:first-child + td input {
width: 270px;
}
.workLocationsTable tbody tr td:first-child + td + td + td + td input {
width: 110px;
}
.workLocationsTable tbody tr td:first-child + td + td {
width: 115px;
}
.workLocationsTable tbody tr td:first-child + td + td + td + td {
width: 115px;
}
.measurementTable tbody tr td:nth-child(even) {
text-align: right;
padding-left: 20px;
font-weight: bold;
}
.measurementTable tbody tr td:first-child + td + td input {
width: 100px;
}
.measurementTable tbody tr td:first-child + td + td + td + td input {
width: 100px;
}
.totalMeasurementTable tbody tr td:first-child {
padding-left: 376px;
font-weight: bold;
}
.totalMeasurementTable tbody tr td + td {
padding-left: 10px;
}
.typesTable tbody tr td:first-child {
padding-left: 30px;
font-weight: bold;
float: right;
text-align: right;
width: 150px;
}
.typesTable tbody tr td:first-child + td + td {
padding-left: 30px;
font-weight: bold;
float: right;
text-align: right;
width: 150px;
}
.typesTable tbody tr td + td {
padding-right: 20px;
}
.tempWorksAppTable tbody tr td:first-child {
width: 185px;
font-weight: bold;
text-align: right;
}
.extApprovalTable tbody tr td:nth-child(odd) {
padding: 0 10px 0 10px;
font-weight: bold;
float: right;
text-align: right;
width: 50px;
}
.extApprovalTable tbody tr td:nth-child(even) input {
width: 100px;
}
#DeliveryDetails {
padding-left: 40px;
}
#DeliveryDetails .venue {
padding-left: 21px;
}
.ui-tabs .ui-tabs-panel {
padding: 0 0 0 0 !important;
}
.ui-tabs {
width: 780px !important;
padding: 0 0 0 0 !important;
font-family: "Helvetica Neue",Arial,sans-serif !important;
border: none !important;
}
.ui-tabs .field-right {
padding-top: 6px !important
}
.attcDispTable tbody tr td:first-child {
text-align: left;
font-weight: bold;
width: 500px;
}
.attcDispTable tbody tr td {
text-align: left;
padding: 20px 20px 10px 20px ;
}
.ropDispEstimate {
font-size: 12px;
}
.ropDispEstimate tbody tr:nth-child(1) td:nth-child(2) {
padding-top: 6px;
}
.ropDispEstimate tbody tr td:last-child {
width: 200px;
}
.billPartyTable tbody tr td:first-child {
text-align: left;
padding: 0px 0px 0px 0px ;
width: 300px;
/*border: 1px dotted;*/
}
.billPartyTable tbody tr td:last-child {
text-align: right;
vertical-align: text-top;
padding: 0px 0px 0px 0px ;
width: 200px;
/*border: 1px dotted red;*/
}
.billPartyTable tbody tr td {
text-align: left;
padding: 0px 0px 0px 0px ;
margin: 0px 0px 0px 0px ;
/* border: 1px dotted blue;*/
}
/***********************************************************/
/* DA Search */
/***********************************************************/
.searchCriteria {
border: 1px solid #cccccc;
margin-top: 0;
background-color: #e6e6e6;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
}
.searchCriteriaInner {
border: 1px solid #cccccc;
background-color: white !important;
padding: 5px;
margin-top: 4px;
}
.searchCriteriaMouseOver {
background-color: #d9d9d9;
border: 1px solid #bfbfbf;
}
.searchCriteriaHasFocus {
background-color: #808080;
border: 1px solid #b3b3b3;
}
.criteriaSubHeading {
font-weight: bold;
font-size: 15px;
margin-top: 3px;
}
#divApplicationNumber {
margin-bottom: 10px;
}
.searchCriteria table{
width: 100%;
padding: 0;
margin: 0;
}
.applicationNumberSampleDiv {
margin-left: 4px;
}
.locationMessage {
margin-bottom: 3px;
}
.addressAndStreetDivider {
text-align: center;
font-weight: bold;
}
.daAddress {
width: 318px !important;
}
.daStreet {
width: 110px !important;
}
.da-suburb-list {
width: 154px !important;
}
#da-suburb span {
width: 112px;
}
#da-suburb div.selector {
width: 144px;
}
#daSectionLine hr {
display: block;
/*margin-top: 0.5em;
margin-bottom: 0.5em;*/
margin-left: 0px;
margin-right: 10px;
border-style: inset;
border: 1px solid lightgray;
}
.dayRangeRadio {
margin-left: 7px;
margin-bottom: 4px;
}
.dateRangeArea {
margin-left: 4px;
margin-top: -10px;
}
.daSearchLegend {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
.daSearchLegend td:first-child {
width: 15px;
}
fieldset#da-map {
display: block;
}
#da-map .left {
width: 49%;
float: left;
}
#da-map .right {
width: 49%;
float: right;
padding: 0px 0 0 10px; /* changed from 1px to 28px to be aligned with application number selection section in index page */
}
#da-map .da-map {
width: 100%;
border: 1px gray solid;
height: 430px;
}
.da-map > div {
height: 413px;
}
button.da-search-results {
margin-right: 5px;
}
button.da-new-search {
margin-right: 5px;
}
.facilitySelector span {
width: 225px !important;
}
.facilitySelector div.selector {
width: 258px !important;
}
.facilitySelector select:first-of-type {
width: 258px !important;
}
.esriSimpleSlider {
z-index: 0 !important;
}
.fileSize {
font-size: 80%;
color: grey;
padding-left: 5px;
font-family: "Helvetica Neue", Arial, sans-serif;
}
.inlineFlex {
display: inline-flex
}
/***********************************************************/
/* GIPA */
/***********************************************************/
.gipa-map {
width: 380px;
height: 400px;
border: 1px solid gray;
margin-left: 5px;
margin-bottom: 5px;
}
.gipa-top-margin-offset {
margin-top: 5px;
}
.gipa-flex {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row /* works with row or column */
flex-direction: row;
-webkit-align-items: space-between;
align-items: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.gipa-attach {
padding-top: 7px !important;
}
.gipa-flex-group {
display: -webkit-flex;
display: flex;
}
.gipa-flex-group1 {
display: -webkit-flex;
display: flex;
width: 770px
}
.gipa-flex-group2 {
display: -webkit-flex;
display: flex;
width: 500px
}
.gipa-flex1 {
width: 200px;
}
.gipa-flex2 {
width: 50%;
}
.gipa-flex3 {
width: 45%;
font-weight: bold;
text-align: right;
padding: 6px 8px;
}
.gipa-flex31 {
font-weight: bold;
text-align: right;
padding-left: 30px;
padding-bottom: 6px;
padding-top: 6px;
padding-right: 6px;
}
.gipa-flex4 {
width: 50%;
padding-left: 30px;
}
.gipa-flex5 {
width: 40%;
padding-left: 30px;
}
.gipa-flex6 {
width: 10%;
padding-left: 30px;
}
.gipa-custom-btn {
width: 160px !important;
text-align: center !important
}
.gipa-custom-font-size {
font-size: 15px;
}
.gipa-custom-shiftdown {
margin: 5px 0 0 30px !important;
}
.gipa .textAreaAuto
{
width: 95%
}
.gipa .attachment tbody tr td:first-child {
font-weight: bold;
text-align: right;
}
.gipa .attachment:first-child {
padding-left: 63px;
}
.gipa .year-width {
width: 40px !important;
}
table.collapse-border {
border-collapse: collapse;
}
table.collapse-border td.lineBorder {
border-top: 1px solid #e6e6e6 !important;
padding: 15px 0 15px 0 !important;
}
.gipaFieldSetSpacer {
padding: 5px 0 5px 10px !important;
}
.gipaLeftPadding {
padding-left: 30px;
}
.daTooltip {
position: relative;
}
.daTooltip:hover:after{
background-color: #e9eaf3;
background-color: rgba(233,234,243,1);
border: 1px solid gray;
color: #000;
content: attr(data-tooltip);
padding: 5px 15px;
position: absolute;
top: 42px;
left: 35px;
z-index: 999;
width:auto;
min-width:300px;
max-width:600px;
font-weight: normal;
font-size: 12px;
}
.daTooltip:hover:before{
bottom:9999px;
content: "";
position:absolute;
z-index: 999;
background-color: #e9eaf3;
background-color: rgba(233,234,243,1);
border: 1px solid gray;
}
.da1Tooltip {
position: relative;
}
.da1Tooltip:hover:after{
background-color: #e9eaf3;
background-color: rgba(233,234,243,1);
border: 1px solid gray;
color: #000;
content: attr(data-tooltip);
padding: 5px 15px;
position: absolute;
top: 25px;
left: 45px;
z-index: 999;
width:auto;
min-width:300px;
max-width:600px;
font-weight: normal;
font-size: 12px;
}
.da1Tooltip:hover:before{
bottom:9999px;
content: "";
position: absolute;
z-index: 999;
}
table.tablesorter thead tr .header {
background-image: url('../images/bg.gif');
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter tbody td {
vertical-align: top;
}
table.tablesorter thead tr .headerSortUp {
background-image: url('../images/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
background-image: url('../images/desc.gif');
}
/* This hover tooltip should be used for all input controls all across OBG unless a function stated otherwise */
.obgTooltip {
position: relative;
}
.obgTooltip:hover:after{
background-color: #e9eaf3;
background-color: rgba(233,234,243,1);
border: 1px solid gray;
color: #000;
content: attr(data-tooltip);
padding: 5px 15px;
position: absolute;
top: 42px;
left: 35px;
z-index: 999;
width:auto;
min-width:300px;
max-width:600px;
font-weight: normal;
font-size: 12px;
display: block;
white-space: pre-wrap;
}
.obgTooltip:hover:before{
bottom:9999px;
content: "";
position:absolute;
z-index: 999;
background-color: #e9eaf3;
background-color: rgba(233,234,243,1);
border: 1px solid gray;
}
/*disable number style for chrome/opera*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
/*
Uploadify
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License
*/
.uploadify {
position: relative;
margin-bottom: 1em;
}
.uploadify-button {
/*background-color: #505050;*/
background-color: #000000;
background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #505050),
color-stop(1, #707070)
);
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
/*border: 2px solid #808080;*/
color: #FFF;
font: bold 12px Arial, Helvetica, sans-serif;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
width: 100%;
}
.uploadify:hover .uploadify-button {
background-color: #606060;
background-image: linear-gradient(top, #606060 0%, #808080 100%);
background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #606060),
color-stop(1, #808080)
);
background-position: center bottom;
}
.uploadify-button.disabled {
background-color: #D0D0D0;
color: #808080;
}
.uploadify-queue {
margin-bottom: 1em;
}
.uploadify-queue-item {
background-color: #F5F5F5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font: 11px Verdana, Geneva, sans-serif;
margin-top: 5px;
max-width: 350px;
padding: 10px;
}
.uploadify-error {
background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel a {
background: url('../images/uploadify-cancel.png') 0 0 no-repeat;
float: right;
height: 16px;
text-indent: -9999px;
width: 16px;
}
.uploadify-queue-item.completed {
background-color: #E5E5E5;
}
.uploadify-progress {
background-color: #E5E5E5;
margin-top: 10px;
width: 100%;
}
.uploadify-progress-bar {
background-color: #0099FF;
height: 3px;
width: 1px;
}
/**
* @author zhixin wen
*/
.ms-parent {
display: inline-block;
position: relative;
vertical-align: middle;
}
.ms-choice {
display: block;
width: 100%;
height: 26px;
padding: 0;
overflow: hidden;
cursor: pointer;
border: 1px solid #aaa;
text-align: left;
white-space: nowrap;
line-height: 26px;
color: #444;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
}
.ms-choice.disabled {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.ms-choice > span {
position: absolute;
top: 0;
left: 0;
right: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
padding-left: 8px;
}
.ms-choice > span.placeholder {
color: #999;
}
.ms-choice > div {
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 25px;
background: url('../images/multiple-select.png') left top no-repeat;
}
.ms-choice > div.open {
background: url('../images/multiple-select.png') right top no-repeat;
}
.ms-drop {
width: 100%;
overflow: hidden;
display: none;
margin-top: -1px;
padding: 0;
position: absolute;
z-index: 1000;
background: #fff;
color: #000;
border: 1px solid #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ms-drop.bottom {
top: 100%;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}
.ms-drop.top {
bottom: 100%;
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}
.ms-search {
display: inline-block;
margin: 0;
min-height: 26px;
padding: 4px;
position: relative;
white-space: nowrap;
width: 100%;
z-index: 10000;
}
.ms-search input {
width: 100%;
height: auto !important;
min-height: 24px;
padding: 0 20px 0 5px;
margin: 0;
outline: 0;
font-family: sans-serif;
font-size: 1em;
border: 1px solid #aaa;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #fff url('../images/multiple-select.png') no-repeat 100% -22px;
background: url('../images/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
background: url('../images/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
background: url('../images/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
background: url('../images/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
background: url('../images/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
background: url('../images/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}
.ms-search, .ms-search input {
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ms-drop ul {
overflow: auto;
margin: 0;
padding: 5px 8px;
}
.ms-drop ul > li {
list-style: none;
display: list-item;
background-image: none;
position: static;
}
.ms-drop ul > li .disabled {
opacity: .35;
filter: Alpha(Opacity=35);
}
.ms-drop ul > li.multiple {
display: block;
float: left;
}
.ms-drop ul > li.group {
clear: both;
}
.ms-drop ul > li.multiple label {
width: 100%;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ms-drop ul > li label {
font-weight: normal;
display: block;
white-space: nowrap;
}
.ms-drop ul > li label.optgroup {
font-weight: bold;
}
.ms-drop input[type="checkbox"] {
vertical-align: middle;
}
.ms-drop .ms-no-results {
display: none;
}
@media print {
.obg-not-print {
display: none !important;
}
.obg-print {
display: block !important;
}
}
@media screen {
.obg-display {
display: block !important;
}
.obg-not-display {
display: none !important;
}
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.428571429;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
background-color: black;
border-color: black;
color: white !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #ffffff;
cursor: default;
background: -ms-linear-gradient(top, #505050 25%,#000000 75%); /* IE10+ */
background: -webkit-linear-gradient(top, #505050 25%,#000000 75%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #505050 25%,#000000 75%); /* W3C */
border-color: black;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #999999;
cursor: not-allowed;
background-color: #ffffff;
border-color: #dddddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager:before,
.pager:after {
display: table;
content: " ";
}
.pager:after {
clear: both;
}
.pager:before,
.pager:after {
display: table;
content: " ";
}
.pager:after {
clear: both;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #999999;
cursor: not-allowed;
background-color: #ffffff;
}