/*
* HTML5 ✰ Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 100%; line-height: 1.231; }
body, button, input, select, textarea { font-family: helvetica, arial,"lucida grande", verdana, "メイリオ", "ＭＳ Ｐゴシック", sans-serif; color: #222; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::selection { text-shadow: none; background-color: highlight; color: highlighttext; }
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
button, input { line-height: normal; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author:
========================================================================== */
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/*.clearfix { *zoom: 1; }*/
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
table { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/* reflow reset for -webkit-margin-before: 1em */
p { margin: 0; }
html {
overflow-y: auto;
background-color: transparent;
height: 100%;
}
body {
background: #fff;
font: normal 100%;
position: relative;
height: 100%;
}
body, div, img, p, button, input, select, textarea {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.image {
display: block;
}
input {
cursor: default;
display: block;
}
input[type=button] {
background-color: #e5e9e8;
border: 1px solid #9daca9;
border-radius: 4px;
box-shadow: inset 0 1px #fff;
font: inherit;
letter-spacing: inherit;
text-indent: inherit;
color: inherit;
}
input[type=button]:hover {
background-color: #eff1f1;
}
input[type=button]:active {
background-color: #d2d6d6;
border: 1px solid #9daca9;
box-shadow: inset 0 1px rgba(0,0,0,0.1);
}
/* Reset anchor styles to an unstyled default to be in parity with design surface. It
is presumed that most link styles in real-world designs are custom (non-default). */
a, a:visited, a:hover, a:active {
color: inherit;
text-decoration: inherit;
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*! jQuery UI - v1.10.4 - 2014-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(/public_website/singapore/OnlineSalesAIP/css2014/images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:400;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
/*
#pop-up-upload , #pop-up-upload-completed, #pop-up-upload-error, #pop-up-aip, #pop-up-aip-accept, #pop-up-aip-refer, #pop-up-aip-decline, #pop-up-aip-error , #pop-up-missing-document {
*/
#pop-up-upload , #pop-up-upload-completed, #pop-up-upload-error {
position: absolute;
left: 50%;
z-index: 10;
margin: 0 0 0 -50%;
padding: 10px 16px;
width: 100%;
border: 1px solid #e1e0df;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background: url("/public_website/singapore/OnlineSalesAIP/images/bg-popup.jpg") 0 bottom repeat-x #F2F2F2;
}
#pop-up-upload {
height: auto;
}
#pop-up-upload-completed {
height: 200px;
}
#pop-up-upload h2 {
font-size: 17px;
color: #376092;
font-weight: normal;
margin: 0 0 5px 0;
padding: 0;
line-height: 19px;
}
#pop-up-upload-completed h2.green {
color: #94C533;
}
#pop-up-upload-error h2.red {
color: #C10030;
}
.ui-dialog .ui-dialog-content {
overflow:visible !important;
}
.ui-dialog-content {
overflow:visible !important;
}
.ui-widget-header {
border:none;
background:url(/public_website/singapore/OnlineSalesAIP/images/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x;
}
.wrap-img {
padding: 0 0 10px 10px;
}
.wrap-img.popuperror {
padding: 0 0 50px 0;
}
.wrap-img p {
font-size: 14px;
color: #897F88;
line-height: 15px;
padding-bottom: 0;
padding: 0 5px 0 0;
}
.wrap-img img {
float: left;
margin: 0 15px 0 0;
}
.note-box {
padding: 5px;
background-color: #fff;
margin-bottom: 10px;
}
.note-box h3 {
font-size: 12px;
font-weight: bold;
color: #94C533;
margin: 5px 0;
}
.note-box p {
font-size: 11px;
color: #777777;
padding-bottom: 2px;
}
.uploading {
padding: 20px 0 0 0;
text-align: center;
color: #837f7f;
font-size: 14px;
}
.loader {
height: 19px;
position: relative;
text-align: left;
width: 100%;
margin-bottom: 10px;
_width: 400px;
}
.loader img {
height: 19px;
left: -12px;
position: absolute;
width: 100%;
}
.buttons-pop {
cursor: pointer;
/*bottom: 12px;
_bottom: 10px;
display: block;
position: absolute;
width: 429px;*/
}
#error-dialog .buttons-pop, #completed-dialog .buttons-pop {
cursor: pointer;
bottom: 12px;
_bottom: 10px;
display: block;
position: absolute;
width: 90%;
}
#idle-dialog {
height: auto ! important;
}
.buttons-pop p {
float: right;
margin: 0;
padding: 0;
}
.buttons-pop span {
float: left;
margin: 0;
padding: 0;
}
.button-right {
bottom: 12px;
_bottom: 11px;
right: 15px;
}
.padding-top-pop {
/* padding-top: 104px;*/
padding-top:10px;
padding-right:10px;
}
.clear {
clear: both;
}
.ui-widget-content {
border: 1px solid #a6c9e2;
}
.ui-dialog {
padding-bottom: 10px;
overflow: visible !important;
position:fixed;
}
.ui-widget-overlay {
/* background: url("images/ui-bg_flat_75_aaaaaa_40x100.png") repeat-x scroll 50% 50% #AAAAAA;*/
opacity: 0.5;
}
@media only screen and (max-width: 940px) {
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
width:90%! important;
max-width: 820px ! important;
}
}
@media only screen and (max-width: 485px) {
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
width: 100% ! important;
}
}
@media only screen and (max-width: 399px) {
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
width: 95% ! important;
padding-right:2px;
}
#error-dialog {
height: 340px ! important;
}
#spinning-dialog {
height: 340px ! important;
}
}
@media only screen and (max-width: 320px) {
#pop-up-upload-error, #pop-up-upload, #pop-up-upload-completed {
width: 95%;
}
}
label {
display: inline-block;
}
label > * {
pointer-events: none;
}
body {
font-size:16px;
color:#555;
}
input[type=text], input[type=number], input[type=tel], input[type=email], select {
font-family:sans-serif;
}
ul.ui-autocomplete {
height: 300px !important;
overflow: scroll;
z-index: 99 !important;
}
input:-ms-input-placeholder {
color: rgba(0,0,0,.3);
}
div.addresses input[type=text] {
clear:both;
}
input.toupper {
text-transform: uppercase;
}
.mandatoryDoc {
display:none;
}
.uploadForm_id.requiredDoc .mandatoryDoc {
display:inline;
color:#f00;
padding-left:2px;
}
.cards_selected {
border-top: 1px solid #ccc;
margin-left: -20px;
padding-left:18px;
padding-top:30px;
}
.steps_to_go {
font-size:0.75em;
float:right;
padding-right:5px;
display:none;
font-weight:bold;
color:rgb(12,94,150);
}
.form2_app_user_11_container h4.toggle, .form2_app_user_11_container h4.active{
color:#555;
font-size:1.2em;
font-weight:bold;
margin:7px 0 0;
padding:0;
}
h4.toggle{
margin:10px 0 10px 0;
padding:0 0 10px 9px;
background:url(/public_website/singapore/OnlineSalesAIP/images/icon_expand.gif) no-repeat;
background-position:top right;
border-bottom:1px solid #808080;
cursor:pointer;
}
h4.active{
padding:0 0 10px 9px;
background:url(/public_website/singapore/OnlineSalesAIP/images/icon_collapse.gif) no-repeat;
background-position:top right;
border-bottom:1px solid #808080;
cursor:pointer;
}
ul.document-listing {
line-height:20px;
padding-left:15px;
margin-top:0px;
margin-bottom:0px;
}
ul.document-listing ul.document-listing{
margin-top:0;
margin-bottom:0;
line-height:14px;
}
.document-listing-link {
background: url(/public_website/singapore/OnlineSalesAIP/images/cross.gif) no-repeat 0 center;
padding-left: 15px;
width: 100%;
height: 15px;
cursor: pointer;
}
.document-listing-link-hide {
background: url(/public_website/singapore/OnlineSalesAIP/images/cross-hide.gif) no-repeat 0 center;
padding-left: 15px;
width: 100%;
height: 15px;
cursor: pointer;
}
.swf_filenamelist {
border-bottom: 1px solid #808080;
font-size:0.75em;
margin-top:10px;
}
.btn_upload_file {
background: url(/public_website/singapore/OnlineSalesAIP/images/btn_add_more.gif) no-repeat 0 10px;
}
.upload_label_background {
background:url(/public_website/singapore/OnlineSalesAIP/images/title_bg.gif) repeat-x;
height:46px;
}
.table_upload {
width:100%;
}
.upload_doc_hint {
padding-top: 25px;
clear:both;
font-style: italic;
color: red;
font-size:0.75em;
}
.ui-datepicker-header.ui-widget-header {
color: #eaf5f7;
border: none;
background: url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x;
}
.ui-widget-header {
color: #eaf5f7;
background:#2191c0 url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_gloss-wave_75_2191c0_500x100.png) 50% 50% repeat-x;
}
.ui-state-default, .ui-widget-content .ui-state-default {
border: 1px solid #77d5f7;
background: #0078ae url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #ffffff;
outline: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
border: 1px solid #448dae;
background: #79c9ec url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #026890;
outline: none;
}
.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar.ui-widget-content .ui-state-default, .ui-datepicker-calendar .ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url(/public_website/singapore/OnlineSalesAIP/css2014/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: 400;
color: #555;
}
.ui-dialog .ui-dialog-content{
overflow: hidden;
}
.ui-dialog .ui-dialog-title {
font-size:15px;
}
.ui-widget {
font-family: arial, helvetica, Verdana, sans-serif;
font-size: .75em;
}
.ui-datepicker th {
background: #017BA7;
color: #FFF;
}
select.ui-datepicker-month{
width: 61% ! important;
display: inline;
color:#000;
font-size:0.75em ! important;
}
select.ui-datepicker-year{
width: 39% ! important;
display: inline;
color:#000;
font-size:0.75em ! important;
}
h2 {
font-size: 18px;
font-weight: bold;
color: #808080;
/*line-height: 28px;*/
margin:0px;
}
h4 {
margin:0px;
color:#808080;
}
div.fileinputs {
position: absolute;
padding: 10px 0;
}
input.hasDatepick {
width:120px ! important;
min-width:inherit ! important;
}
input[type=text].shorter {
min-width:inherit ! important;
}
input[type=checkbox] {
float:left;
vertical-align:top;
}
input[type=file] {
width:150px;
height: 22px;
font-size: 24px;
position: relative;
text-align: right;
-moz-opacity: 0;
filter: alpha(opacity: 0);
opacity: 0;
z-index: 2;
cursor: pointer !important;
}
.upload_file_over {
text-decoration:underline;
display:none;
}
.upload_doc_label {
vertical-align: middle;
text-align:left;
width:100%;
float:left;
font-size:0.75em;
font-weight:bold;
}
.upload_doc_select {
vertical-align: middle;
text-align:left;
width:auto;
float:left;
}
.upload_plugin_div {
padding-bottom:20px;
margin-top:20px;
clear:both;
}
.uploadForm_id {
margin-left:0px;
padding:15px 0 15px 10px;
min-height:120px;
margin-bottom:20px;
}
.lbl_btn_upload_file {
display: block;
float: left;
margin: -15px 0 0 0;
padding-left: 27px;
color: #005D9A;
}
input.button {
display:none;
}
.gray_border, .yellow_box.gray_border {
border: 1px solid #ccc;
}
.mandatory_text:after {
padding:22px 15px 0 ! important;
float:right ! important;
font-size:0.75em ! important;
content: "* Indicates a required field" ! important;
color: #F00 ! important;
font-style:italic ! important;
}
.ui-datepicker-trigger {
margin-left:5px;
}
.tipped {
color: #BBB;
}
.errorMessageContainer {
color: #555;
width: 100%;
max-width: 510px;
margin: 0 0 0 0;
border: 1px solid #ff9d9d;
background: #ffffe0 url(/public_website/singapore/OnlineSalesAIP/images/error_icon.gif) 12px 50% no-repeat;
font-size:0.75em;
}
.errorMessageContainer_padding {
padding: 0 0 14px 34px;
}
.hide_it {
display:none ! important;
}
.show_it {
display:block ! important;
}
.inner p {
padding-bottom:10px;
}
.yellow_box, .yellow_box_no_padding {
background-color: #fffada;
padding: 10px;
border: 1px solid #ebe2b7;
}
.yellow_box_no_border {
background-color: #fffada;
padding: 10px;
}
.formFieldFocus {
background: #F2FCFD;
}
.formFieldFocus input[type=text], .formFieldFocus input[type=tel], .formFieldFocus input[type=number], .formFieldFocus input[type=email], .formFieldFocus select {
border: 2px solid #40ACDD;
}
.header_section {
color:#999;
}
.halfline_spacer {
height:0.375em;
clear:both;
}
.oneline_spacer {
height:0.75em;
clear:both;
}
.mandatory {
color: #f00;
font-size:1em;
margin-left:2px;
position:absolute;
*position:relative;
}
.hints {
text-align:left;
font-size:0.75em;
margin-left:0px;
padding-top:2px;
clear:both;
color:#555;
}
.form_container a {
color: #005D9A;
outline: none;
text-decoration: none;
}
.form_container a:hover {
color: #005D9A;
text-decoration:underline;
}
a.btn_edit, a.btn_save {
float: left;
width: 39px;
height: 18px;
display: block;
background: url(/public_website/singapore/OnlineSalesAIP/images/btn_edit.gif) no-repeat 0 -18px;
margin-left: 10px;
color: #fff ! important;
font-size: 0.8em;
font-weight: bold;
text-decoration: none !important;
padding: 1px 0 0 8px;
margin-top: 19px;
font-size:0.8em;
}
a.btn_save {
padding: 1px 0 0 3px;
}
a.btn_edit:hover, a.btn_save:hover {
background: url(/public_website/singapore/OnlineSalesAIP/images/btn_edit.gif) no-repeat 0 0px;
}
a.cancel_save {
color: red;
float: left;
padding: 22px 0 0 5px;
font-size:0.8em;
text-decoration:none;
}
a.cancel_save:hover {
color: red;
text-decoration:underline;
}
label {
font-size: 0.75em;
padding-right:10px;
vertical-align:top;
}
.error_msg_container {
float: right;
height: auto;
margin: 0px;
width: 28%;
clear: none;
margin-right: 0px;
}
.error_msg_container > div {
background-color: rgb(255, 250, 218);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border: 1px solid rgb(255, 157, 157);
}
.error_msg_container > div > div {
float: none;
font-size: 75%;
height: auto;
text-align: left;
font-weight: bold;
line-height: 1.25em;
margin-left: 0px;
margin-top: 0px;
clear: none;
min-height: 0px;
font-family: arial;
color: #ea5900;
padding: 12px 12px 12px 40px;
display: block;
background: url(/public_website/singapore/OnlineSalesAIP/images/error_left.gif) 0px 5px no-repeat;
position:relative;
left:-10px;
word-wrap:break-word;
}
.hint_container {
width:32%;
margin-left:32%;
float:left;
}
.section_heading {
float: left;
font-size: 1em;
width: auto;
*width:70%;
height: auto;
text-align: left;
font-weight: bold;
line-height: 1em;
margin-left: 0px;
margin-top: 20px;
clear: both;
min-height: 0px;
font-family: arial;
padding-bottom:5px;
color: rgb(136, 136, 136);
}
.section_gray_line {
float: none;
height: 1px;
margin-left: 0px;
margin-top: 8px;
clear: both;
width: 100%;
min-height: 0px;
min-width: 0px;
background-color: #808080;
/* margin-bottom:20px;*/
margin-bottom:0px;
}
.field_container {
float: left;
height: auto;
margin-left: 2%;
margin-top: 0px;
clear: none;
/* width: 32%;*/
width: 40%;
}
.field_container.wider {
width:65%;
}
.field_container .label_container {
float: left;
height: auto;
display: block;
text-align: left;
margin-left: 0px;
margin-top: 0px;
clear: none;
width: 100%;
min-height: auto;
margin-right: 0%;
}
.form_container {
float: left;
height: auto;
margin-left: 0px;
margin-top: 0px;
clear: both;
width: 74%;
}
.button_gray_line {
float: left;
height: 1px;
margin-left: 0%;
margin-top: 0px;
clear: none;
width: 100%;
min-height: 0px;
background-color: #808080;
min-width: 0px;
}
.buttons_container {
float: left;
height: auto;
margin: 0;
clear: both;
width: 100%;
min-height: 50px;
}
.back_button_container {
float: left;
height: 30px;
margin: 10px 0px 0px 0%;
clear: both;
width: 80px;
min-height: 0px;
background-image:url("/public_website/singapore/OnlineSalesAIP/images/button_black.png");
background-attachment: scroll;
background-size: auto;
background-position: 0% -30px;
background-repeat: no-repeat;
cursor:pointer;
}
.back_button_container:hover {
background-position: 0% 0px;
}
.back_button_container > p {
float: left;
font-size: 14px;
width: auto;
height: auto;
text-align: left;
font-weight: bold;
line-height: 1em;
margin: 8px 0px 0px 35px;
clear: none;
min-height: 0px;
font-family: arial;
color: rgb(255, 255, 255);
}
.next_button_container {
float: right;
height: 30px;
margin-left: 0px;
margin-top: 10px;
clear: none;
width: 80px;
min-height: 0px;
margin-right: 0px;
background-image:url("/public_website/singapore/OnlineSalesAIP/images/button_green.png");
background-attachment: scroll;
background-size: auto;
background-position: 0% -30px;
background-repeat: repeat repeat;
cursor:pointer;
}
.next_button_container:hover {
background-position: 0% 0px;
}
.next_button_container > p {
float: right;
font-size: 14px;
width: auto;
height: auto;
text-align: left;
font-weight: bold;
line-height: 1em;
margin-left: 0px;
margin-top: 8px;
clear: none;
min-height: 0px;
font-family: arial;
color: rgb(255, 255, 255);
margin-right: 35px;
}
.submit_button_container {
float: right;
height: 30px;
margin-left: 0px;
margin-top: 10px;
clear: none;
width: 102px;
min-height: 0px;
margin-right: 0px;
background-image:url("/public_website/singapore/OnlineSalesAIP/images/button_green2.gif");
background-attachment: scroll;
background-size: auto;
background-position: 0% -30px;
background-repeat: repeat repeat;
cursor:pointer;
}
.submit_button_container:hover {
background-position: 0% 0px;
}
.submit_button_container > p {
float: right;
font-size: 14px;
width: auto;
height: auto;
text-align: left;
font-weight: bold;
line-height: 1em;
margin-left: 0px;
margin-top: 8px;
clear: none;
min-height: 0px;
font-family: arial;
color: rgb(255, 255, 255);
margin-right: 35px;
}
.form2_ic_number_old_mandatory_container {
display:inline !important;
}
#form_container_main .field_row_container {
float: left;
height: auto;
margin-left: 0px;
margin-top: 0px;
clear: none;
width: 100%;
min-width: 0px;
margin-right: 0%;
padding-top:10px;
padding-bottom:10px;
}
#form_container_main .label_container {
float: left;
height: auto;
display: block;
text-align: right;
margin-left: 0px;
margin-top: 0px;
clear: none;
width: 30%;
min-height: auto;
}
#reviewContentHere label {
color: #555 ! important;
}
#reviewContentHere .field_container {
/*width:68%;*/
}
#reviewContentHere .field_row_container {
float:none;
}
#reviewContentHere .preview_container .field_container > div {
word-wrap:break-word;
font-weight:bold;
font-size:0.75em;
}
#form_container_leads .field_row_container {
float: left;
height: auto;
margin-left: 0%;
margin-top: 12px;
clear: none;
width: 100%;
}
#form_container_leads .label_container {
float: left;
height: auto;
display: block;
text-align: right;
margin-left: 0%;
margin-top: 0px;
clear: none;
width: 25%;
margin-right: 0%;
}
#form_container_main .field_row_container div.secondField {
clear:both;
}
#form_container_leads .formFieldFocus {
background: #0C5E96;
}
#ui-datepicker-div {
font-size: 15px;
}
#important_notes {
background-image:url(/public_website/singapore/OnlineSalesAIP/images/requirement_bg1.gif);
background-position: 0px -30px;
background-repeat: repeat-x;
background-attachment: scroll;
background-size: auto;
padding-bottom:0px;
float: left;
height: auto;
margin-left: 0px;
margin-top: 0px;
clear: both;
width: 100%;
min-width: 0px;
}
#important_notes.dualCard {
background-position: 0px -10px;
}
#notes_requirement {
float: left;
height: auto;
margin-left: 0px;
margin-top: 0px;
clear: none;
width: 100%;
/* background-color: rgb(12, 94, 150);*/
margin-right: 0%;
min-width: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#left_col {
float: left;
height: auto;
margin-left: 2%;
margin-top: 20px;
clear: none;
width: 37%;
}
#right_col {
float: right;
height: auto;
margin-left: 0px;
margin-top: 20px;
clear: none;
width: 58%;
margin-right: 2%;
}
#By_clicking_Text, #For_promotion {
float: left;
font-size: 0.75em;
*width: 73%;
height: auto;
text-align: left;
font-weight: normal;
line-height: 1.3em;
margin-left: 2%;
margin-top: 10px;
clear: both;
min-height: 0px;
font-family: helvetica;
color: rgb(255, 255, 255);
padding-left: 25%;
margin-right: 0%;
}
#browsers_requirements_container {
float: right;
height: auto;
margin-left: 0px;
margin-top: 0px;
clear: none;
width: auto;
margin-right: 0px;
}
#browsers_requirements_container > p {
float: right;
font-size: 1em;
width: auto;
height: auto;
text-align: right;
font-weight: normal;
line-height: 1em;
margin-left: 0px;
margin-top: 0px;
clear: none;
min-height: 0px;
margin-right: 0px;
}
#browser_requirements_text {
float: none;
font-size: 11px;
line-height: 1em;
font-family: arial;
color: rgb(51, 51, 51);
font-style: italic;
}
#footer_line {
float: left;
height: 1px;
margin-left: 0%;
margin-top: 10px;
clear: none;
width: 100%;
min-height: 0px;
min-width: 0px;
background-color: #ccc;
}
#copyright_container {
float: left;
height: auto;
margin-left: 0%;
margin-top: 10px;
clear: none;
width: auto;
}
#copyright_container > p {
float: left;
font-size: 1em;
width: auto;
height: auto;
text-align: left;
font-weight: normal;
line-height: 1em;
margin-left: 0%;
margin-top: 0px;
clear: none;
min-height: 0px;
}
#copyright_text {
float: none;
font-size: 11px;
line-height: 1em;
font-family: arial;
color: rgb(51, 51, 51);
}
#footer_container {
float: left;
height: auto;
margin-left: 0%;
margin-top: 40px;
clear: left;
width: 100%;
min-height: 50px;
min-width: 0px;
}
#footer_messages_container {
float: right;
height: auto;
margin-left: 0px;
margin-top: 10px;
clear: none;
width: 73%;
margin-right: 0px;
}
#footer_messages_text {
float: none;
font-size: 11px;
line-height: 1em;
font-family: arial;
color: rgb(51, 51, 51);
}
#footer_messages_container > p {
float: left;
font-size: 1em;
width: auto;
height: auto;
text-align: left;
font-weight: normal;
line-height: 1em;
margin-left: 0px;
margin-top: 0px;
clear: none;
min-height: 0px;
margin-right: 0px;
}
#footer_messages_container a {
color: #005D9A;
text-decoration: none;
}
#form_container_leads {
float: left;
height: auto;
margin-left: 0%;
margin-top: 0px;
clear: none;
width: 100%;
padding-top:20px;
padding-bottom:20px;
}
#form_container_leads select {
float: left;
height: 22px;
line-height:18px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: .75em;
display: inline-block;
width: 33%;
margin-top: 0px;
margin-left: 0px;
clear: none;
margin-right: 0px;
}
#form_container_leads .hints {
color:#FFF;
}
#form_container_leads .fieldLabel {
float: left;
font-size: .75em;
width: 100%;
height: auto;
text-align: right;
font-weight: normal;
line-height:1.5em;
padding-top: 0.3em;
padding-bottom: 0em;
padding-left: 0.5em;
padding-right: 0.5em;
display: inline-block;
font-family: helvetica;
color: rgb(255, 255, 255);
margin-top: -5px;
margin-left: 0%;
clear: none;
min-height: 21px;
margin-right: 0px;
}
#form_container_leads input[type=text], #form_container_leads input[type=tel], #form_container_leads input[type=number], #form_container_leads input[type=email]{
float: left;
height: 22px;
padding: 2px;
font-size: 0.75em;
display: inline-block;
width: 100%;
margin-top: 0px;
margin-left: 0px;
clear: none;
margin-right: 0px;
}
#form_container_leads .hint_container > p {
float: left;
font-size: 0.75em;
width: 100%;
height: auto;
text-align: left;
font-weight: normal;
line-height: 1em;
margin-left: 0%;
margin-top: 5px;
clear: both;
min-height: 22px;
font-family: helvetica;
color: rgb(255, 255, 255);
padding-left: 0%;
margin-right: 0%;
}
#form_container_leads .next_button_container {
float:left;
margin-left:27%;
}
#form_container_main input[type=text], #form_container_main input[type=tel], #form_container_main input[type=number], #form_container_main input[type=email]{
vertical-align:top;
float: left;
height: auto;
padding: 2px;
font-size: .75em;
display: inline-block;
width: auto;
min-width:235px;
}
#form_container_main select {
font-size: 0.75em;
float: left;
height: 2em;
padding: 0px;
display: inline-block;
min-width: 235px;
width: auto;
margin-top:0px;
}
/*
#form_container_main input[type=radio]{
float: none;
height: auto;
padding: 0px;
font-size: 1em;
display: inline-block;
width: auto;
margin-left:0px;
vertical-align:top;
}
*/
#form_container_main .hint_container > p {
float: left;
font-size: 0.75em;
width: auto;
height: auto;
text-align: left;
font-weight: normal;
line-height: 1em;
margin-left: 0px;
margin-top: 0px;
clear: none;
min-height: 0px;
font-family: arial;
color: rgb(102, 102, 102);
display: block;
padding-left:5px;
}
#form_container_main .fieldLabel {
float: left;
font-size: 0.75em;
width: 100%;
height: auto;
text-align: right;
font-weight: normal;
line-height: 1.2em;
padding: 0em 0.5em;
display: inline-block;
color: rgb(51, 51, 51);
font-family: arial;
}
#page_container {
float: none;
height: auto;
margin-left: auto;
margin-top: 0px;
clear: none;
width: 100%;
min-width: 940px;
max-width: 940px;
position: relative;
top: 0px;
left: 0px;
margin-right: auto;
padding-bottom:80px;
padding-left:10px;
padding-right:10px;
}
#header {
float: left;
height: auto;
margin: 0px 0% 0px 0px;
clear: none;
width: 100%;
}
#main_container {
float: left;
height: auto;
margin-left: 0px;
margin-top: 0px;
clear: none;
width: 100%;
min-width: 0px;
display: block;
}
#note_selected_card div {
float:left;
margin-right:10px;
}
#notes_selected_product_name {
float: left;
font-size: 1.375em;
width: 100%;
height: auto;
text-align: left;
font-weight: bold;
line-height: 1.2em;
margin-left: 0px;
margin-top: -20px;
clear: none;
min-height: 0px;
font-family: helvetica;
color: rgb(85, 85, 85);
display: block;
margin-right: 0%;
min-width: 0px;
margin-bottom: 0px;
}
#product_name_Text {
float: left;
font-size: 1.1em;
width: auto;
height: auto;
text-align: left;
font-weight: 600;
line-height: 1em;
margin-left: 0px;
margin-top: 20px;
clear: none;
min-height: 0px;
font-family: arial;
color: rgb(102, 102, 102);
}
#breadcrumb {
float: none;
line-height: 1em;
font-weight: 600;
}
#logo_box{
float: left;
height: 69px;
margin-left: 0px;
margin-top: 8px;
clear: both;
width: 148px;
background-image:url("/public_website/singapore/OnlineSalesAIP/images/logo.png");
background-attachment: scroll;
background-size: auto;
background-position: 0% 0%;
background-repeat: no-repeat !important;
}
#country_name {
float: left;
font-size: 20px;
width: auto;
height: auto;
text-align: left;
font-weight: bold;
line-height: 1em;
margin-left: 1.062185%;
margin-top: 38px;
clear: none;
min-height: 0px;
font-family: arial;
color: rgb(134, 197, 51);
}
#ad_container {
float: right;
height: 300px;
margin-left: 0px;
margin-top: 15px;
clear: none;
width: 24.468085%;
min-height: 50px;
margin-right: 0px;
}
#primaryContainer {
height: auto;
margin: 0px auto;
min-height: 100%;
width: 100%;
}
#side_selected_card {
padding-left:20px;
}
#selected_cards {
float: right;
width: 225px;
position: relative;
margin: 20px 0 0 0;
background-color: #ededed;
display: block;
clear: both;
padding-left:20px;
}
#table_upload_container {
padding: 15px;
clear: both;
border: 1px solid #ccc;
}
#provide_document_text {
clear:both;
margin-bottom:5px;
font-size:0.75em;
}
#upload_remarks {
padding-right:15px;
float:left;
width:25%;
font-size:0.75em;
}
#upload_remarks > div.yellow_box{
padding:15px 20px 10px;
}
#upload_remarks > div.yellow_box > ul {
padding-left:15px;
line-height:1.5em;
}
#upload_remarks > div.yellow_box > ul > li{
padding:2px 0;
}
#upload_content {
float:left;
width:72%;
}
#printBtn:hover {
text-decoration:underline;
}
#notes_requirement img {
width:100%;
}
#left_col img {
width:100% ! important;
}
#notes_selected_image img {
width:auto ! important;
}
#notes_requirement a {
text-decoration:underline;
color:#fff;
}
#notes_requirement_content h5 {
margin:0;
font-size:1.1em;
}
.requirement-listing {
margin: 2px 0px 10px 15px;
padding:0;
}
.float_left {
float: left;
padding: 0 20px 0 0;
}
#notes_documents {
clear:both;
background: #f8f8f8;
height:100%;
}
#notes_document_message {
display: block;
float: left;
width: 231px;
height: 170px;
background: #ededed url(/public_website/singapore/OnlineSalesAIP/images/requirement_arrow.gif) no-repeat 100% 50%;
text-align: center;
font-size: 15px;
line-height: 20px;
font-weight: bold;
}
#notes_document_lists {
display: block;
float: right;
max-width:670px;
/*width: 670px;*/
}
.blue_box {
background-color: #e5eef5;
padding: 10px;
}
#notes_document_lists table tr td {
padding: 3px 3px 3px 2px;
}
#notes_document_lists li {
padding:5px 0;
}
#notes_document_lists a {
color: #005d9a;
outline: 0;
text-decoration: none;
}
#notes_document_lists a:hover {
text-decoration: underline;
}
#For_promotion a:hover{
text-decoration: underline;
}
.tdsupplementarycard {
background: url(/public_website/singapore/OnlineSalesAIP/images/vas_icon_sup_card.gif) no-repeat 0 0;
font-weight: bold ! important;
padding: 6px 0 6px 45px ! important;
text-align: left ! important;
height:28px;
}
ul.card-listing li {
list-style-type: disc;
color: #86c533;
font-size: 16px;
line-height: 16px;
}
ul.card-listing li span {
color: #555555;
font-size: 12px;
}
.tdccinsurance {
background: url(/public_website/singapore/OnlineSalesAIP/images/vas_icon_cc_production.gif) no-repeat 0 0;
font-weight: bold ! important;
padding: 6px 0 6px 45px ! important;
text-align: left ! important;
height:28px;
}
#vas_table {
font-size:0.75em;
}
#vas_table_left, #vas_table_right {
width:50%;
float:left;
display:inline-table;
}
#vas_table_left div, #vas_table_right div {
display:table-cell;
}
#vas_table ul.listing {
padding:0 0 0 20px;
}
#vas_table ul.listing li {
color: #86c533;
font-size: 16px;
line-height: 16px;
}
#vas_table ul.listing li span {
color: #555555;
font-size:0.75em;
}
#errorMessageBox_fatca {
color: #FFFFFF;
background-color:#CF1314;
font-weight:bold;
font-style:italic;
line-height:23px;
margin: 0px;
padding: 5px;
border:none;
font-size:0.75em;
}
#errorMessageBox_fatca_container{
padding-bottom:20px;
}
div.hastips {
text-decoration: none;
vertical-align: middle;
}
div.hastips:hover {
position: relative;
}
div.hastips span.tips {
display: none;
}
div.hastips:hover span.tips {
border: #c0c0c0 1px dotted;
padding: 5px 20px 5px 5px;
display: block;
text-align: left;
z-index: 100;
background: #f0f0f0 no-repeat 100% 5%;
left: 0px;
margin: 10px;
width: 200px;
position: absolute;
top: 20px;
font-size:0.75em;
text-decoration: none;
}
.custom-checkbox,.custom-radio{position:relative}
.custom-checkbox input,.custom-radio input{ position:absolute; z-index:-100; *top:0; *left:0; *width:0; *height:0; visibility:hidden; visibility: visible \9; *visibility:visible;}
.custom-checkbox label,.custom-radio label{display:block;position:relative;z-index:1;line-height:1;padding:7px 5px 5px 25px;margin:0 0 .3em 0;cursor:pointer;float:left;margin-left:-7px \0;}
.custom-checkbox label{background:url(/public_website/singapore/OnlineSalesAIP/images/checkbox.gif) no-repeat}
.custom-radio label{background:url(/public_website/singapore/OnlineSalesAIP/images/radiobutton.gif) no-repeat}
.custom-checkbox label,.custom-radio label{background-position:-10px -14px}
.custom-checkbox label.hover,.custom-checkbox label.focus,.custom-radio label.hover,.custom-radio label.focus{background-position:-10px -114px}
.custom-checkbox label.checked,.custom-radio label.checked{background-position:-10px -214px}
.custom-checkbox label.checkedHover,.custom-checkbox label.checkedFocus{background-position:-10px -314px}
.custom-checkbox label.focus,.custom-radio label.focus{outline:1px dotted #ccc}
.custom-checkbox label,.custom-radio label{line-height:16px}
.custom-radio label,.custom-checkbox label{padding-top:0}
.custom-checkbox label.cb_text{padding-bottom:0}
#form2_postal_code_findbutton, #form2_employer_postal_code_findbutton {
float: left;
height: 18px;
width: 126px;
display: block;
background: url(/public_website/singapore/OnlineSalesAIP/images/btn_find_address.gif) no-repeat 0 0;
margin-left: 5px;
color: #fff;
font-size:13px;
font-weight:bold;
text-decoration:none;
padding:1px 0 0 5px;
margin-top:2px;
}
#form2_postal_code_findbutton:hover, #form2_employer_postal_code_findbutton:hover {
background-position: 0 -18px;
text-decoration:none;
}
#form2_postal_code_findbutton span, #form2_employer_postal_code_findbutton span {
text-decoration:none;
}
.declaration_radio_label {
padding-left:35px;
}
@media only screen and (max-width: 1024px) {
.form_container {
width: 75%;
}
select {
width: 235px;
}
#header {
width: 100%;
}
}
@media only screen and (max-width: 940px) {
#page_container {
margin-right: 0px;
margin-left: 0px;
min-width: 0px;
max-width: none;
width: 100%;
}
#header {
margin-left: 1.015625px;
clear: none;
}
#notes_requirement {
clear: none;
}
#notes_selected_product_name {
clear: none;
}
#footer_messages_container {
width: 65%;
}
#notes_document_message_padding {
padding: 5px 0 ! important;
}
#notes_document_lists {
width:70%;
}
}
@media only screen and (max-width: 922px) {
.form_container {
width: 95%;
}
.error_msg_container {
clear: none;
}
.hint_container {
margin-top: 5px;
margin-left: 30%;
clear: none;
}
#ad_container {
display: none;
}
}
@media only screen and (max-width: 870px) {
#footer_messages_container {
max-width:500px;
}
#notes_document_lists {
width:65%;
}
}
@media only screen and (max-width: 768px) {
.form_container {
width: 93%;
}
#footer_messages_container {
max-width:400px;
}
/*
input[type=radio], input[type=checkbox]{
width:16px !important;
height:16px ! important;
}
*/
#form2_declaration, #form2_tick_for_aqad, #form2_tick_for_justone {
width: 30px !important;
height:30px !important;
}
#breadcrumb {
color: rgb(134, 197, 51);
}
#form2_declaration_control div.custom-checkbox {
float:left;
}
#notes_document_message {
height:auto ! important;
width:100% ! important;
float:none ! important;
clear:both ! important;
}
#notes_document_lists {
width: 100% ! important;
}
}
@media only screen and (max-width: 742px) {
#notes_requirement {
display: block;
}
#left_col {
display: none;
}
#right_col {
margin-left: 20px;
margin-right: 0px;
float: left;
margin-top: 20px;
clear: none;
width: 95%;
}
.form2_app_user_11_container h4 {
padding-left:0px ! important;
}
#mobile_income_requirement {
display:block ! important;
}
}
@media only screen and (max-width: 691px) {
select {
width: 100% ! important;
}
div.swf_filenamelist > div > div {
float:none !important;
max-width:100% !important;
overflow-wrap:break-word;
}
/* div.swf_filenamelist > div > a { float:none !important; }*/
div.swf_filenamelist > div > a {
float:right !important;
}
div.swf_filenamelist > div > a > span {
float:none !important;
}
#form_container_main div.field_row_container {
margin-left: 0px;
clear: both;
width: 100%;
height: auto;
}
#form_container_main .error_msg_container {
margin-top: 10px;
margin-left: 32%;
margin-right: 0px;
float: left;
clear: left;
width:235px;
}
#footer_messages_container {
margin-left: 0px;
margin-right: 0px;
float: left;
margin-top: 10px;
clear: both;
width:100%;
max-width:inherit;
}
#footer_messages_text {
text-align: left;
}
#browsers_requirements_container {
margin-left: 0px;
margin-right: 0px;
float: left;
margin-top: 0px;
clear: none;
}
#browsers_requirements_container > p {
text-align:left;
}
}
@media only screen and (max-width: 570px) {
.mandatory_text {
display:none;
}
.buttons_container {
width: 95%;
margin-left: 15px;
}
.section_heading {
margin-left: 0px;
}
#table_upload_container {
border:none;
padding:5px;
}
#documents_required_text {
display:none;
}
#upload_content {
margin-left:0 !important;
width:100% !important;
}
#upload_remarks {
display:none;
}
#notes_selected_product_name {
clear: none;
height: auto;
margin-top: 0px;
margin-left: 0px;
display: none;
}
#main_container {
margin-top: 0px;
margin-left: 0px;
clear: none;
}
#header {
height: auto;
}
#footer_container {
width: 95%;
margin-left: 0px;
}
#product_name_Text {
margin-left: 0px;
}
#right_col {
width: 92%;
}
#form_container_0 {
margin-top: 12px;
margin-left: 0%;
clear: both;
margin-right: 0%;
width: 100%;
}
#form_container_leads {
float: left;
height: auto;
margin-left: 0%;
margin-top: 0px;
padding-top:0px;
clear: none;
width: 100%;
}
#important_notes {
background-image:url(/public_website/singapore/OnlineSalesAIP/images/requirement_bg1.gif);
background-attachment: scroll;
background-size: auto;
background-position: 0px -98px;
background-repeat: repeat-x;
}
#important_notes.dualCard {
background-position: 0px -98px;
}
#vas_table_left, #vas_table_right {
float:none;
width:100%;
}
}
@media only screen and (max-width: 485px) {
body{ font-size:20px;}
a.btn_edit, a.btn_save {
font-size:13px;
margin-top:5px;
}
a.cancel_save {
font-size:14px;
padding-top:8px;
}
.section_heading {
float:none;
clear:both;
}
.field_container.wider {
width:100%;
}
.field_container.wider input[type=text]{
width:100% ! important;
}
.field_container {
clear: left;
margin-top: 0px;
margin-left: 0px;
width:100%
}
.error_msg_container {
clear: left;
margin-left: 0px;
margin-top: 10px;
width: 235px;
float:left;
}
.hint_container {
margin-left: 0px;
clear: left;
}
.hints {
margin-left:0px;
}
.textarea {
height:auto ! important;
overflow-y: auto ! important;
}
input[type=text], input[type=tel],input[type=number],input[type=email]{
margin-top: 0px ! important;
margin-left: 0px ! important;
clear: none ! important;
width: 90%;
float: none;
display: block ! important;
height:30px ! important;
}
select{
float: none ! important;
display: block;
width: 100% ! important;
border-radius:0.5em ! important;
height:30px ! important;
line-height:26px ! important;
}
#form_container_main .field_row_container div.secondField{
margin-left:0;
padding-left:0;
}
#form_container_main .field_row_container {
height: auto;
width: 90%;
margin-left: 15px;
}
#form_container_main .field_row_container .label_container {
text-align: left;
margin-left: 0px;
width:100%;
}
#form_container_main .fieldLabel {
text-align: left;
padding: 0.2em 0em;
float: none;
display: block;
width: 100%;
}
#form_container_main .field_row_container .label_container {
text-align: left;
}
#form_container_leads .field_row_container .label_container {
clear: none;
margin-top: 0px;
margin-left: 0px;
width: 100%;
text-align: left;
}
#By_clicking_Text, #For_promotion {
margin-top: 20px;
margin-left: 0;
clear: both;
width:95%;
padding-left:0px;
}
#form_container_leads .hint_container > p {
padding-left: 0px;
height: auto;
min-height: 35px;
width: 100%;
text-align: left;
padding-right: 0px;
clear: none;
margin-top: 0px;
}
#form_container_leads .fieldLabel {
text-align: left;
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left: 0em;
padding-right: 0em;
float: none;
display: block;
width:100%;
}
#form_container_0 {
margin-top: 0px;
}
/*
input[type=radio],input[type=checkbox]{
width:18px ! important;
height:18px! important;
}
*/
#form_container_leads .next_button_container {
margin-left: 0;
}
input {
border-radius:0.5em;
}
select.ui-datepicker-year, select.ui-datepicker-month{
height:2em;
}
.tdccinsurance, .tdsupplementarycard {
padding-bottom:20px ! important;
}
#form_container_main .error_msg_container {
margin-left:10px;
}
.custom-checkbox label{background:url(/public_website/singapore/OnlineSalesAIP/images/checkbox2.gif) no-repeat}
.custom-checkbox label{background-position:-35px -28px;margin-top:-2px \0; margin-left:0 \0;}
.custom-checkbox label.hover,.custom-checkbox label.focus{background-position:-35px -228px}
.custom-checkbox label.checked{background-position:-35px -428px}
.custom-checkbox label.checkedHover,.custom-checkbox label.checkedFocus{background-position:-35px -628px}
.custom-radio label{background:url(/public_website/singapore/OnlineSalesAIP/images/radiobutton2.gif) no-repeat}
.custom-radio label{background-position:-17px -17px;margin-top:-1px \0; margin-left:-6px \0;}
.custom-radio label.hover,.custom-radio label.focus{background-position:-17px -142px}
.custom-radio label.checked{background-position:-17px -267px}
#lbl_form2_unit_number_container2 label, #lbl_form2_employer_unit_number_container2 label{
line-height:30px ! important;
padding-left:30px! important;
}
#form2_declaration_control label, #form2_declaration_control_2 label, #form2_declaration_control_3 label {
padding-top:30px ! important;
padding-right:3px! important;
}
#form2_pdpa_container div.label_container {
width:95% ! important;
}
#form2_pdpa_container div.field_container {
width:95% ! important;
}
#form2_declaration_help {
display:none ! important;
}
#form2_declaration_control {
display:block! important;
}
#form2_declaration_control_2.showDirect, #form2_declaration_control_3.showDirect{
display:block! important;
}
}
@media only screen and (max-width: 400px) {
.buttons_container {
width: 93%;
}
#By_clicking_Text, #For_promotion {
/* width: 70%;*/
height: auto;
min-height: 43px;
padding-left: 0px;
/* margin-left: 30%;*/
}
#product_name_Text {
display: none;
}
#top_bar_line.marginTop30 {
margin-top:8px;
}
#new_credit_card_back_1 {
display:none;
}
#vas_table_left div, #vas_table_right div {
display:block;
}
#note_doc_left, #note_doc_right {
width:100% ! important;
border:none! important;
}
}
@media only screen and (max-width: 320px) {
.buttons_container {
width: 91%;
}
.hint_container {
margin-top: 31px;
margin-left: 0%;
clear: both;
width: 100%;
}
#right_col {
margin-left: 12px;
}
#By_clicking_Text, #For_promotion {
margin-top: 20px;
clear: both;
}
#form_container_leads .hint_container > p {
height: auto;
min-height: 0px;
width: 100%;
margin-top: 43px;
margin-left: 0%;
clear: both;
text-align: left;
}
#form_container_leads .field_row_container .label_container, #form_container_leads .error_msg_container {
margin-left: 0px;
}
}
#top_bar_1 {
float: left;
height: 24px;
margin: 0px 0%;
clear: none;
width: 19.897272%;
background-color: rgb(48, 172, 72);
}
#top_bar_2 {
float: left;
height: 24px;
margin: 0px 0% 0px 0.00166226%;
clear: none;
width: 9.599561%;
background-color: rgb(0, 147, 34);
}
#top_bar_3 {
float: left;
height: 24px;
margin: 0px 0% 0px 0.00166226%;
clear: none;
width: 14.799116%;
background-color: rgb(0, 79, 126);
}
#top_bar_4 {
float: left;
height: 24px;
margin: 0px 0% 0px 0.00166226%;
clear: none;
width: 4.998421%;
background-color: rgb(0, 126, 179);
}
#top_bar_5 {
float: left;
height: 24px;
margin: 0px 0% 0px 0.00166226%;
clear: none;
width: 50.698981%;
background-color: rgb(0, 98, 168);
min-width: 0px;
}
#top_bar_line {
float: left;
height: 2px;
margin: 0px 0px 0px 0%;
clear: none;
width: 100%;
background-color: rgb(195, 195, 195);
display: block;
}
#steps_container {
float: left;
height: auto;
margin-left: 0%;
margin-top: 20px;
clear: both;
width: 100%;
}
div.step_box {
float: left;
height: 51px;
margin-left: 0px;
margin-top: 0px;
clear: none;
width: 20%;
opacity: 1;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-right-color: rgb(177, 177, 177);
border-right-width: 0px;
border-right-style: solid;
border-left-color: rgb(231, 231, 231);
border-left-width: 0px;
border-left-style: solid;
border-bottom-color: rgb(130, 130, 130);
border-bottom-width: 0px;
border-bottom-style: solid;
position: relative;
margin-right: 0%;
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_grey_bg.png");
background-attachment: scroll;
background-size: auto;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
#steps_container.sixsteps .step_box {
width:16.64%;
}
div.step_box.selected {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_blue_bg.png");
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
div.step_box.step1 {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
div.step_box div.step_arrow_box {
float: right;
height: 51px;
clear: both;
width: 18px;
position: absolute;
top: 0px;
left: 91%;
bottom: auto;
right: auto;
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_grey_grey_arrow.png");
background-attachment: scroll;
background-size: auto;
background-position: 0% 0%;
background-repeat: no-repeat no-repeat;
}
#steps_container.sixsteps div.step_box div.step_arrow_box {
left:89%;
}
div.step_box.selected div.step_arrow_box {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_blue_blue_arrow.png");
}
div.step_box.selected.current div.step_arrow_box {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_blue_grey_arrow.png");
}
div.step_box div.step_arrow_box.end {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_grey_end.png");
}
div.step_box.selected div.step_arrow_box.end {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_blue_end.png");
}
div.step_box div.step_icon {
float: left;
height: 32px;
margin-left: 10px;
margin-top: 10px;
clear: none;
width: 32px;
min-height: 0px;
background-attachment: scroll;
background-size: auto;
background-position: 0% 0%;
background-repeat: no-repeat no-repeat;
}
div.step_box.selected div.step_icon {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_green_arrow.png") ! important;
}
#step_box_L.selected.current div.step_icon {
background-image: url("/public_website/singapore/OnlineSalesAIP/images/step_loan_icon_active.png") ! important;
}
#step_box_1 div.step_icon {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_personal_icon_inactive.png");
}
#step_box_1.selected.current div.step_icon {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_personal_icon_active.png") ! important;
}
#step_box_2 div.step_icon {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_employ_icon_inactive.png");
}
#step_box_2.selected.current div.step_icon {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_employ_icon_active.png") ! important;
}
#step_box_3 div.step_icon {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_value_icon_inactive.png");
}
#step_box_3.selected.current div.step_icon {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_value_icon_active.png") ! important;
}
#step_box_4 div.step_icon {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_doc_icon_inactive.png");
}
#step_box_4.selected.current div.step_icon {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_doc_icon_active.png") ! important;
}
#step_box_6 div.step_icon {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_review_icon_inactive.png");
}
#step_box_6.selected.current div.step_icon {
background-image:url("/public_website/singapore/OnlineSalesAIP/images/step_review_icon_active.png") ! important;
}
div.step_box div.step_name_text {
float: left;
font-size: 81.5%;
width: 59.042553%;
height: auto;
text-align: left;
font-weight: bold;
font-weight: normal \9;
*font-weight: normal;
line-height: 1em;
margin: 15px 0px 0px 10px;
clear: none;
min-height: 0px;
font-family: arial;
color: rgb(170, 170, 170);
min-width: 0px;
letter-spacing: -0.01em;
word-wrap:break-word;
}
#steps_container.sixsteps div.step_box div.step_name_text {
margin-left: 5px;
}
div.step_box div.step_name_text.lower {
margin-top:20px;
}
div.step_box.selected div.step_name_text {
color: rgb(255, 255, 255);
}
@media only screen and (max-width: 1024px) {
#top_bar_1 {
float: left;
height: 24px;
clear: none;
background-color: rgb(48, 172, 72);
}
#top_bar_2 {
float: left;
height: 24px;
clear: none;
background-color: rgb(0, 147, 34);
}
#top_bar_3 {
float: left;
height: 24px;
clear: none;
background-color: rgb(0, 79, 126);
}
#top_bar_4 {
float: left;
height: 24px;
clear: none;
background-color: rgb(0, 126, 179);
}
#top_bar_5 {
float: left;
height: 24px;
clear: none;
width: 50.6%;
background-color: rgb(0, 98, 168);
}
#top_bar_line {
float: left;
clear: both;
width: 100%;
background-color: rgb(216, 216, 216);
height: 2px;
}
#steps_container {
width: 100%;
}
}
@media only screen and (max-width: 940px) {
div.step_box div.step_icon {
background-size: 20px 20px;
width:20px;
height:20px;
margin-top:16px;
margin-left:5px;
}
div.step_box div.step_name_text {
margin-left: 5px;
width:65%;
}
}
@media only screen and (max-width: 900px) {
div.step_box div.step_name_text {
font-size: 0.75em;
}
}
@media only screen and (max-width: 768px) {
.steps_to_go {
display:block;
}
#steps_container {
display: none;
}
}
@media only screen and (max-width: 570px) {
#top_bar_line {
clear: both;
width: 100%;
margin-top: 8px;
margin-left: 0%;
}
#top_bar_1 {
height: 24px;
width: 19.997396%;
}
#top_bar_2 {
height: 24px;
width: 9.99707%;
}
#top_bar_3 {
height: 24px;
width: 13.991341%;
}
#top_bar_4 {
height: 24px;
width: 5.993034%;
margin-top: 0px;
margin-left: 0.00325531%;
clear: none;
}
#top_bar_5 {
width: 49.998372%;
height: 24px;
margin-top: 0px;
margin-left: 0.00325531%;
clear: none;
}
#steps_container {
display: none;
}
}
@media only screen and (max-width: 320px) {
#top_bar_line {
clear: both;
width: 100%;
}
#top_bar_1 {
height: 24px;
width: 19.996094%;
}
#top_bar_2 {
height: 24px;
width: 9.995605%;
}
#top_bar_3 {
height: 24px;
width: 13.989941%;
}
#top_bar_4 {
height: 24px;
width: 5.98662%;
}
#top_bar_5 {
width: 49.997558%;
height: 24px;
margin-top: 0px;
margin-left: 0.00488305%;
clear: none;
}
}