@charset "IBM437";
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* */
/**
* Generic utility styles etc.
*/
.group:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
* html .group {
height: 1%;
}
/*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */
/*
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Keeps page centred in all browsers regardless of content height
* 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html {
font-size: 62.5%;
/* 1 */
/*overflow-y: visible; /* 2 */
-webkit-text-size-adjust: 100%;
/* 3 */
-ms-text-size-adjust: 100%;
/* 3 */
}
/*
* Addresses margins handled incorrectly in IE6/7
*/
body {
font-size: 1em;
margin: 0;
line-height: 1.25;
}
/* =============================================================================
Links
========================================================================== */
/*
* Addresses outline displayed oddly in Chrome
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test
*/
a:hover,
a:active {
outline: 0;
text-decoration: none;
}
a {
text-decoration: none;
}
/* =============================================================================
Typography
========================================================================== */
/*
* Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
*/
h1, h2, h3, h4, p, ul li,
.custom-form legend {
line-height: 1.25em;
}
h1 {
margin: 0px;
margin-bottom: 10px;
padding-top: 10px;
}
h2, h3, h4, h5, h6, p {
margin: 0;
}
h5, h6 {
line-height: 1.25;
padding-top: 1em;
}
#profileNameUI h3 {
padding-bottom: 10px;
}
/*
* Addresses styling not present in IE7/8/9, S5, Chrome
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
font-size: 1.2em;
}
/*
* Addresses styling not present in S5, Chrome
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE6/7/8/9
*/
mark {
background: #ff0;
color: #000;
}
/*
* Corrects font family set oddly in IE6, S4/5, Chrome
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/
pre,
code,
kbd,
samp {
font-family: monospace, serif;
font-size: 1.2em;
}
.ie6 pre, .ie6
code, .ie6
kbd, .ie6
samp {
font-family: 'courier new', monospace;
}
/*
* Improves readability of pre-formatted text in all browsers
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
margin: 0px;
}
/*
* 1. Addresses CSS quotes not supported in IE6/7
* 2. Addresses quote property not supported in S4
*/
/* 1 */
q {
quotes: none;
}
/* 2 */
q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 80%;
}
/*
* Prevents sub and sup affecting line-height in all browsers
* gist.github.com/413930
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
* 2. Improves image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img {
border: 0;
/* 1 */
-ms-interpolation-mode: bicubic;
/* 2 */
}
/*
* Corrects overflow displayed oddly in IE9
*/
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE6/7/8/9, S5, O11
*/
figure {
margin: 0;
}
/*-----Forms------*/
/*
* Corrects margin displayed oddly in IE6/7
*/
form {
margin: 0;
}
/*
* Define consistent border, margin, and padding
*/
fieldset {
border: none;
margin: 0;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE6/7/8/9
* 2. Corrects alignment displayed oddly in IE6/7
*/
legend {
border: 0;
/* 1 */
}
.ie7 legend {
margin-left: -7px;
/* 2 */
font-size: 2.2em;
}
/*
* 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
* 3. Improves appearance and consistency in all browsers
*/
button,
a,
input,
select,
textarea {
font-size: 1.2em;
margin: 0;
/* 2 */
vertical-align: baseline;
/* 3 */
*vertical-align: middle;
/* 3 */
}
select {
background: none repeat scroll 0 0 #fff;
border-radius: 5px;
border: 1px solid #B2C8EF;
margin-top: 7px;
max-width: 232px;
padding: 4px;
}
.ie7 select {
max-width: none;
}
.ie8 select {
max-width: none;
}
/*
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
*/
button,
a,
input {
line-height: 1.25em;
/* 1 */
}
input,
a.button,
textarea {
background: none repeat scroll 0 0 #fff;
border-radius: 6px;
-moz-border-radius: 5px;
border: 1px solid #B2C8EF;
color: #4B4B4B;
outline-style: none;
outline-width: 0;
padding: 1px 5px;
}
input[readonly],
input[disabled] {
background-color: #e0f2fb;
}
/*
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
* 3. Removes inner spacing in IE7 without affecting normal text inputs
* Known issue: inner spacing remains in IE6
*/
button,
a,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
/* 1 */
}
.ie7 button, .ie7
a, .ie7
input[type="button"], .ie7
input[type="reset"], .ie7
input[type="submit"] {
overflow: visible;
/* 3 */
}
/*
* 1. Addresses box sizing set to content-box in IE8/9
* 2. Removes excess padding in IE8/9
*/
input[type="checkbox"]
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/*
* Removes inner padding and border in FF3+
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* Removes inner padding that is displayed in S5, Chrome on OS X
*/
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* 1. Addresses appearance set to searchfield in S5, Chrome
* 2. Addresses box-sizing set to border-box in S5, 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;
}
/*
* 1. Removes default vertical scrollbar in IE6/7/8/9
* 2. Improves readability and alignment in all browsers
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* -- Spacing related stuff - TODO vertical rhythm -- */
/*----- Lists -----*/
ul,
ol {
margin-left: 0;
padding: 0 0 0 40px;
}
dd {
margin: 0 0 0 40px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/*----- paragraphs -----*/
p:first-child {
padding-top: 0px;
}
p + p {
padding: 0.6em 0;
}
/**
* Objects and abstractions
*/
/*------------------------------------*\
$NAV
\*------------------------------------*/
/**
* Navi abstraction as per: csswizardry.com/2011/09/the-nav-abstraction
* When used on an `ol` or `ul`, this class throws the list into horizontal mode
* e.g.:
*
*
*
*/
.navi {
list-style: none;
margin-left: 0;
padding: 0;
}
.navi > li,
.navi > li > a {
display: inline-block;
*display: inline;
zoom: 1;
}
/**
* SL brand
*/
/*Menu:
~Structure
- Header
- Nav and breadcrumbs
- Outer grid
- Inner grid
- Footer
- Login
~Global
~Forms
~Lists
~Tables
~Pagenation
~Charts
~Unique styleguide styles
However, there is a distinction between layouts dictating the major and minor components of a page.
The minor components�such as a callout, or login form, or a navigation item�sit within the scope of major components such as a header or footer.
I refer to the minor components as Modules and will dive into those in the next section. The major components are referred to as Layout styles.
Layout styles can also be divided into major and minor styles based on reuse.
Major styles such as header and footer are likely to be styled using ID selectors, although class selectors could work equally well.
It's not necessary to use element selectors with a Layout style.
*/
/*----- Structure --background:url(Images/background.png) center bottom no-repeat---*/
/*Header*/
.header {
width: 100%;
min-width: 960px;
}
.header-image {
width: 100%;
min-width: 960px;
}
.header-container {
width: 940px;
height: 80px;
padding: 0px 10px;
overflow: hidden;
}
.house-keeping-container {
width: 100%;
min-width: 960px;
}
.house-keeping-container .house-keeping {
height: 26px;
text-align: right;
width: 940px;
padding-top: 5px;
}
.main-header {
height: 80px;
}
.main-header .logo {
float: left;
}
.main-header .logo img {
padding-left: 5px;
}
.main-header .background {
width: 50%;
float: left;
text-align: right;
}
/* Content */
/*html,
body
{
height:100%;
}*/
/* Required for lightbox overlay styling */
body {
position: relative;
}
.main-container {
background: url("/Content/Images/Login.png") no-repeat scroll center center transparent;
height: 100%;
min-height: 480px;
min-width: 664px;
position: relative;
}
/*.login-container
{
height: 185px;
left: 50%;
margin-left: -332px;
margin-top: -230px;
position: absolute;
top: 50%;
width: 624px;
padding: 275px 20px 0px;
text-align: center;
}*/
.home {
min-height: 700px;
}
.login-body {
height: auto;
min-width: 1000px;
}
.login-container {
margin: 0 auto;
width: 1000px;
height: 700px;
overflow: hidden;
}
.login-container .content-container {
width: 630px;
height: 430px;
margin: 0 auto;
margin-top: 125px;
text-align: center;
padding: 10px;
position: relative;
}
.login-container .content-container .logo-container {
height: 85px;
width: 450px;
margin: 42px auto 155px;
background: url(/Configs/SLREBRAND/Images/ABRDN_Logo_Horiz_Black_RGB.svg);
background-repeat: no-repeat;
background-position: center;
}
.login-container .content-container form {
padding-top: 37px;
}
.login-container .content-container h1 {
width: 630px;
bottom: 115px;
position: absolute;
}
.ie7 .login-container .content-container h1 {
left: 10px;
}
.login-container .content-container p {
position: absolute;
bottom: 10px;
width: 630px;
font-size: 11px;
}
.ie7 .login-container .content-container p {
left: 10px;
}
.login-container.fnz-login label {
text-align: left;
width: auto;
float: left;
}
.login-container.fnz-login label:first-child {
margin-left: 56px;
}
.login-container.fnz-login input {
float: left;
width: 112px;
margin-right: 10px;
}
.login-container.fnz-login .action-button {
float: left;
}
.wrapper {
min-width: 960px;
width: 960px;
padding-left: 0px;
}
.main {
padding: 0 10px 40px;
}
.main.popup {
padding-bottom: 0px;
}
.main:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
.outer-column-twelve.HelpTagText {
margin: 10px 0;
}
/*Footer*/
.footer {
width: 100%;
min-width: 960px;
border-top: 1px solid;
}
.footer-container {
width: 940px;
padding: 13px 10px 0px 20px;
margin-bottom: 30px;
overflow: hidden;
}
.footer-main-bg {
height: 80px;
margin-top: -81px;
width: 100%;
}
.footer-logo {
background: url(../Images/Footer-logo.png) top left no-repeat;
height: 28px;
margin-bottom: 18px;
margin-left: 12px;
width: 126px;
}
.footer-content-container {
padding-left: 10px;
border-left: 1px solid;
}
body .footer-content-container p {
margin-bottom: 10px;
font-size: 8pt;
}
body .footer-content-container p .inline-link, body .footer-content-container p .table-to-list__cell-link a, .table-to-list__cell-link body .footer-content-container p a {
font-size: 8pt;
}
.footer h5 {
margin-bottom: 17px;
display: inline-block;
}
.footer-icon-open {
background: url(../Images/icon-sprite.png) -276px -5px no-repeat;
display: inline-block;
height: 15px;
width: 23px;
}
.footer-icon-close {
background: url(../Images/icon-sprite.png) -99px -65px no-repeat;
display: inline-block;
height: 15px;
width: 23px;
}
#js-toggle-footer {
cursor: pointer;
}
/*----- Global -----*/
.detached {
margin-top: 10px;
}
.spacer-top {
margin-top: 10px;
}
.spacer-bottom {
margin-bottom: 10px;
}
.spacer-right {
margin-right: 20px;
}
.spacer-left {
margin-left: 20px;
}
.spacer-big-top {
margin-top: 20px;
}
.spacer-small-left {
margin-left: 10px;
}
.spacer-small-right {
margin-right: 10px;
}
.spacer-small-top {
margin-top: 10px;
}
.spacer-small-bottom {
margin-bottom: 10px;
}
.spacer-none-left {
margin-left: 0px;
}
.big-pad-left {
padding-left: 25px;
}
.date-left .calendar {
float: left;
margin-left: 20px;
}
.paragraph-inline {
display: inline-block;
margin-top: 5px;
}
.clearfix {
clear: both;
}
/* Housekeeping */
.house-keeping input {
height: 19px;
padding: 0px 20px 0px 6px;
border-radius: 8px;
-moz-border-radius: 8px;
border: none;
width: 101px;
font-size: 1.1em;
color: #aaaaaa;
margin-top: 0px;
background: white url(../Images/icon-sprite.png) 101px -65px no-repeat;
float: right;
/* IE conditions */
vertical-align: top\9;
}
.house-keeping a {
font-weight: bold;
color: #fff;
padding-right: 10px;
padding-top: 3px;
float: right;
}
/*Outer grid*/
.outer-column-one, .outer-column-two, .outer-column-three, .outer-column-four, .outer-column-five, .outer-column-six, .outer-column-seven, .outer-column-eight, .outer-column-nine, .outer-column-ten, .outer-column-eleven, .outer-column-twelve {
float: left;
margin-right: 20px;
}
.outer-column-one.last, .outer-column-two.last, .outer-column-three.last, .outer-column-four.last, .outer-column-five.last, .outer-column-six.last, .outer-column-seven.last, .outer-column-eight.last, .outer-column-nine.last, .outer-column-ten.last, .outer-column-eleven.last, .outer-column-twelve {
margin: 0px;
}
.outer-column-one {
width: 60px;
}
.outer-column-two {
width: 140px;
}
.outer-column-three {
width: 220px;
}
.outer-column-four {
width: 300px;
}
.outer-column-five {
width: 380px;
}
.outer-column-six {
width: 460px;
}
.outer-column-seven {
width: 540px;
}
.outer-column-eight {
width: 620px;
}
.outer-column-nine {
width: 700px;
}
.outer-column-ten {
width: 780px;
}
.outer-column-eleven {
width: 860px;
}
.outer-column-twelve {
min-width: 940px;
*width: 940px;
clear: both;
}
/*Inner grid*/
.inner-column-one, .inner-column-two, .inner-column-three, .inner-column-four, .inner-column-five, .inner-column-six, .inner-column-seven, .inner-column-eight, .inner-column-nine, .inner-column-ten, .inner-column-eleven, .inner-column-twelve {
float: left;
margin-right: 3%;
}
.inner-column-one.spacer, .inner-column-two.spacer, .inner-column-three.spacer, .inner-column-four.spacer, .inner-column-five.spacer, .inner-column-six.spacer, .inner-column-seven.spacer, .inner-column-eight.spacer, .inner-column-nine.spacer, .inner-column-ten.spacer, .inner-column-eleven.spacer, .inner-column-twelve.spacer {
margin-bottom: 10px;
}
.inner-column-one.last, .inner-column-two.last, .inner-column-three.last, .inner-column-four.last, .inner-column-five.last, .inner-column-six.last, .inner-column-seven.last, .inner-column-eight.last, .inner-column-nine.last, .inner-column-ten.last, .inner-column-eleven.last, .inner-column-twelve {
margin-right: 0;
float: right;
}
.inner-column-one {
width: 5.5%;
}
.inner-column-two {
width: 14%;
}
.inner-column-three {
width: 22.5%;
}
.inner-column-four {
width: 31%;
}
.inner-column-five {
width: 39.5%;
}
.inner-column-six {
width: 48%;
}
.inner-column-seven {
width: 56.5%;
}
.inner-column-eight {
width: 65%;
}
.inner-column-nine {
width: 73.5%;
}
.inner-column-ten {
width: 82%;
}
.inner-column-eleven {
width: 90.5%;
}
.inner-column-twelve {
min-width: 100%;
*width: 100%;
}
.inner-column-twelve.flex {
float: left;
}
.outer-column-twelve.detached {
margin-top: 10px;
}
/*Nav and Breadcrumbs*/
.nav, .nav-container,
.breadcrumb {
width: 100%;
min-width: 960px;
}
.main-menu {
background: url(../Images/menu-reflection.png) top left repeat-x;
background: -webkit-linear-gradient(rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.2) 47%, rgba(255, 255, 255, 0) 50%);
background: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.2) 47%, rgba(255, 255, 255, 0) 50%);
background: -ms-linear-gradient(rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.2) 47%, rgba(255, 255, 255, 0) 50%);
background: -o-linear-gradient(rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.2) 47%, rgba(255, 255, 255, 0) 50%);
}
/* line 19, ../sass/ui/_navigation.scss */
.nav ul {
padding: 0px;
list-style: none;
}
/* line 29, ../sass/ui/_navigation.scss */
.nav ul li {
margin-left: -1px;
}
/* line 35, ../sass/ui/_navigation.scss */
.nav ul li.first {
margin-left: 0px;
}
/* line 39, ../sass/ui/_navigation.scss */
.nav ul li.last {
margin-right: 0px;
}
/* line 43, ../sass/ui/_navigation.scss */
.nav ul li h3 {
font-size: 100%;
}
/* line 47, ../sass/ui/_navigation.scss */
.nav ul li h3 a {
font-size: 14px;
text-decoration: none;
height: 21px;
line-height: 1.4em;
padding: 6px 10px 5px;
display: block;
}
/*Mega panel*/
/* line 58, ../sass/ui/_navigation.scss */
.nav li .mega-panel {
display: none;
position: absolute;
cursor: default;
clip: rect(0px, 1000px, 2000px, -100px);
border-width: 1px;
border-style: solid;
z-index: 888;
left: 0px;
top: 100%;
min-height: 370px;
/* IE doesn't like min-height. So we have an additional hack specifically for that */
height: auto !important;
height: 240px;
width: 472px;
border-radius: 0 0 10px 10px;
border-top: 0px;
}
.mega-panel ul > :first-child {
margin-top: 15px;
}
/* line 73, ../sass/ui/_navigation.scss */
.nav li.hovering .mega-panel {
display: block;
}
/* line 77, ../sass/ui/_navigation.scss */
.mega-panel div {
overflow: hidden;
}
.mega-panel-shadow {
-moz-box-shadow: -1px 0 11px 0px #0A2F73;
-webkit-box-shadow: -1px 0 11px 0px #0A2F73;
box-shadow: -1px 0 11px 0px #0A2F73;
}
.main-menu-bar {
position: relative;
z-index: 999;
margin-left: 5px;
}
.main-menu-bar li:hover > .sub-menu {
display: block;
}
.main-menu-bar > li {
position: relative;
float: left;
height: 30px;
background: url(../Images/menu-split.png) top right no-repeat;
}
.nav .main-menu-bar .active h3 a {
margin-top: -2px;
}
.sub-menu-bar li {
width: 175px;
display: block;
padding-left: 23px;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
}
.sub-menu-bar li h4 {
font-weight: bold;
position: relative;
z-index: 890;
padding: 5px 0px;
}
.sub-menu-arrow {
float: right;
padding-right: 10px;
display: none;
width: 6px;
height: 6px;
}
.sub-menu-hover {
background-color: #ffffff;
}
.sub-menu-bar > li:hover {
border-width: 1px;
border-style: solid;
background-color: #ffffff;
border-left: 0px;
}
.sub-menu-bar > li:hover > h4 {
font-weight: bold;
border-right: 1px solid #fff;
}
.ie7 .sub-menu-bar > li:hover > h4, .ie8 .sub-menu-bar > li:hover > h4 {
position: relative;
z-index: 9999;
}
.sub-menu-bar > li:hover .sub-menu-arrow {
display: none;
}
.sub-menu-bar .sub-menu-content li {
width: 250px;
padding-top: 5px;
padding-bottom: 5px;
}
.sub-menu-content {
position: absolute;
top: 0px;
width: 275px;
height: 100%;
left: 197px;
background-color: #ffffff;
z-index: 888;
border-style: solid;
border-width: 1px;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-radius: 0 0 10px 0;
}
.ie7 .sub-menu-content, .ie8 .sub-menu-content {
border-right-style: solid;
border-right-width: 1px;
}
.empty-container {
display: block;
z-index: 50;
}
.hover-container {
display: none;
z-index: 888;
}
.sub-menu-content a {
display: block;
}
.menu-link span {
text-decoration: none;
}
.ie7 .menu-link span {
margin-right: 3px;
}
.quick-launch-menu {
background-color: #fff;
width: 100%;
min-width: 960px;
overflow: hidden;
position: relative;
z-index: 1;
border-style: solid;
border-width: 1px;
border-left: 0px;
border-top: 0px;
border-right: 0px;
padding-bottom: 10px;
}
.quick-launch-menu h4 {
padding: 10px 0 0;
}
.quick-launch-menu .icon.close, .quick-launch-menu .icon.open {
margin: 10px 15px 0 11px;
}
.quick-launch-menu .quick-launch-links {
margin-left: 11px;
margin-top: 10px;
}
.quick-launch-menu .quick-launch-links li {
padding: 2px 0;
}
.quick-launch-menu ul {
width: 940px;
}
.quick-launch-menu li {
float: left;
width: 235px;
}
.quick-launch-menu a {
color: #007BC3;
}
.main-menu {
width: 100%;
height: 30px;
}
.nav li .sub-menu-bar li {
margin-left: 0px;
}
/* =============================================================================
Fonts
========================================================================== */
@font-face {
font-family: "standardliferegular";
src: url("../Fonts/standardliferegular-webfont.eot");
src: local("☺"), url(../Fonts/standardliferegular-webfont.ttf) format("truetype"), url(../Fonts/standardliferegular-webfont.woff) format("woff"), url(../Fonts/standardliferegular-webfont.svg#webfont) format("svg");
font-weight: normal;
font-style: normal;
}
h2 + p, h3 + p {
margin-top: 6px;
}
h2 + h3 {
margin-top: 10px;
}
h3 a.link {
float: left;
font-size: 1em;
}
p + h2, p + h3 {
margin-top: 10px;
}
.font-important {
color: red;
}
/*
-Setting up base font size for specific elements
- extending in Profile.css:
label, p, select, table, .simple-list li, input[type="checkbox"].styled + span {
font-size: 12.5px;
}
*/
.base-font-size {
font-size: 12.5px;
}
/*
* There is already class .reduce-font but this one is covering just tbody elements - table.reduce-font tbody.(location: ui/table)
* I've created .reduce-font In order not to brake thead elements
*/
.reduced-font {
font-size: 11px !important;
}
body,
button,
a,
input,
select,
textarea,
.datepicker-year,
.datepicker-month {
font-family: Arial,helvetica,sans-serif;
}
h1 {
font-size: 22px;
}
h2 {
font-size: 18px;
/**H2**/
line-height: 1;
}
h3, h3 a {
font-size: 17px;
/**H3**/
}
h4,
.custom-form legend {
font-size: 14px;
/**H4**/
}
h5 {
font-size: 14px;
line-height: 1.25em;
}
label, p, select, table, .simple-list li, input[type="checkbox"].styled + span {
font-size: 12.5px;
}
form label,
ul label,
ul p,
form p,
.simple-list li {
font-weight: normal;
}
a.inline-link, .table-to-list__cell-link a {
font-size: 12.5px;
}
@font-face {
font-family: 'SL-Icon-Font';
src: url("../Fonts/SL-Icon-Font.eot");
}
@font-face {
font-family: 'SL-Icon-Font';
src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWgbufwAAAfIAAAAHEdERUYAOwAGAAAHqAAAACBPUy8yL7rcHwAAAVgAAABWY21hcOBJ1CcAAAHYAAABZmdhc3D//wADAAAHoAAAAAhnbHlmMTgOpwAAA2AAAAHgaGVhZPz9V+kAAADcAAAANmhoZWEEEP/mAAABFAAAACRobXR4BlQBywAAAbAAAAAmbG9jYQNQAtgAAANAAAAAHm1heHAAUgAlAAABOAAAACBuYW1l9+P8HgAABUAAAAHIcG9zdNb+UTwAAAcIAAAAlgABAAAAAQAAqbchNl8PPPUACwIAAAAAAM3vC5YAAAAAze8LlgAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAOACIAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAEAAAAAAAAAAAAAAAUGZFZABA4ADwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAAAAAAIAAGEAQABAAEAAigCKAEAAYABgAEAAAAAAAAMAAAADAAAAHAABAAAAAABgAAMAAQAAABwABABEAAAACAAIAAIAAAAA4AnwAP//AAAAAOAA8AD//wAAAAAQAwABAAAABgAAAAAABQAGAAcACAAJAAoADAANAAsABAAAAQYAAAEAAAAAAAAAAQIAAAACAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4APABcAHQAhgCYAKgAugDIANYA8AAAAAEAAP/gAgAB4AACAAARASECAP4AAeD+AAAAAAACAGEAIAGfAaAAFwAhAAABIzU0JisBIgYdASMiBh0DIT0CNCYnNDY7ATIWHQEjAXUIISNOHycKFRQBPBfJEhY5Fg+GAQFXHykjGmIZEAkijY0iCQ8aSxgUFRlJAAIAQAAgAcABoAAHABMAAAAiBhQWMjY0ByMVIzUjNTM1MxUzAVCgcHCgcF9EOkREOkQBoHGfcHCgbUREOkREAAACAEAAIAHAAaAABwALAAAAIgYUFjI2NAcjNTMBUKBwcKBwX8LCAaBxn3Bwn2w6AAABAEAAagHAAVYABQAAARc3JwcXAQCWKsDAKgEBlirAwCoAAAABAIoAIAF2AaAABQAAJQcXNycHASGWKsDAKuCWKsDAKgAAAAABAIoAIAF2AaAABQAAPwEnBxc335YqwMAq4JYqwMAqAAEAQABqAcABVgAFAAAlJwcXNycBAJYqwMAqv5YqwMAqAAAAAAEAYAAgAaABoAACAAATDQFgAUD+wAGgwMAAAAABAGAAIAGgAaAAAgAAAQ0BAaD+wAFAAaDAwAAAAQBAACABwAGgAAsAACUnByc3JzcXNxcHFwGHiIY5h4c5h4Y5h4ggiIc5hoc5h4c5hogAAAAADACWAAEAAAAAAAEADAAaAAEAAAAAAAIACQA7AAEAAAAAAAMAKACXAAEAAAAAAAQADADaAAEAAAAAAAUACwD/AAEAAAAAAAYADAElAAMAAQQJAAEAGAAAAAMAAQQJAAIAEgAnAAMAAQQJAAMAUABFAAMAAQQJAAQAGADAAAMAAQQJAAUAFgDnAAMAAQQJAAYAGAELAFMATAAtAEkAYwBvAG4ALQBGAG8AbgB0AABTTC1JY29uLUZvbnQAAEkAYwBvAG4ALQBGAG8AbgB0AABJY29uLUZvbnQAAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAAUwBMAC0ASQBjAG8AbgAtAEYAbwBuAHQAIAA6ACAAMgA1AC0ANgAtADIAMAAxADMAAEZvbnRGb3JnZSAyLjAgOiBTTC1JY29uLUZvbnQgOiAyNS02LTIwMTMAAFMATAAtAEkAYwBvAG4ALQBGAG8AbgB0AABTTC1JY29uLUZvbnQAAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAFMATAAtAEkAYwBvAG4ALQBGAG8AbgB0AABTTC1JY29uLUZvbnQAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAEAAgECAQMBBAEFAQYBBwEIAQkBCgELAQwHdW5pRjAwMAd1bmlFMDA5B3VuaUUwMDAHdW5pRTAwMQd1bmlFMDAyB3VuaUUwMDMHdW5pRTAwNAd1bmlFMDA1B3VuaUUwMDgHdW5pRTAwNgd1bmlFMDA3AAAAAAAB//8AAgABAAAADgAAABgAAAAAAAIAAQADAA0AAQAEAAAAAgAAAAAAAQAAAADMPaLPAAAAAM3vC5YAAAAAze8Llg==) format("truetype");
font-weight: normal;
font-style: normal;
}
/*
~ Modules
~ Tabs
~ UI dialog
~ Wizard Steps - Slider
~ Calendar popup
Menu navigation bars and your carousels and your dialogs and your widgets and so on. This is the meat of the page colour picker
*/
/*----- Modules -----*/
.module {
clear: both;
padding: 20px;
margin-bottom: 10px;
}
.module.last {
margin-bottom: 0px;
}
.module h4 {
margin: 0px 0px 15px;
}
.module.main-module {
padding: 0px;
background: #FFFFFF;
border: 1px solid;
}
.module.main-module .module {
padding: 0px;
margin: 10px;
overflow: visible;
}
.module.error {
border: 2px solid #d10019;
background: #FFFFFF;
}
.module.error p {
font-weight: bold;
color: #d10019;
}
.module-header-row,
.main-module-row,
.module-row {
padding: 20px;
}
.module-header-row:after,
.main-module-row:after,
.module-row:after,
.plain-row:after {
clear: both;
content: "";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
*:first-child + html .module-header-row,
*:first-child + html .main-module-row,
*:first-child + html .module-row,
*:first-child + html .plain-row {
zoom: 1;
}
/* IE7 */
.main-module-row.unstyled {
background: #fff;
}
.module-header-row,
.main-module-row {
border-bottom: 1px dashed;
}
.module-header-row.last,
.main-module-row.last {
border: 0px;
}
.main-module-row h4 {
margin-bottom: 0px;
}
.main-module-row h5 {
padding-top: 5px;
}
.plain-row {
margin-top: 10px;
}
.plain-row h2 {
float: left;
}
.plain-row.unstyled {
margin-top: 0px;
}
.module.module-with-header .module-header-row {
padding: 10px 20px;
border-bottom: 0px;
}
.module.module-with-header .module-row.unstyled {
padding-top: 0px;
}
.module.module-with-header .module-header-row h4 {
margin-bottom: 0px;
}
.module.module-with-header h4 a {
font-size: 1em;
}
.module.module-with-header {
padding: 0px;
}
.module.module-with-header h2 {
float: left;
}
.module.module-with-header .button,
.module.module-with-header .action-button.module .button,
.module .action-button {
float: right;
}
.module .module-with-header .button.pull-left,
.module .action-button.pull-left {
float: left;
}
.module.module-with-header .postcodeSearch.button,
.module.module-with-header .sortCodeSearch.button {
float: left;
}
.module .module.inner-module {
padding: 0px;
border-style: dashed;
border-width: 1px;
background: #fff;
margin-bottom: 0px;
margin-top: 20px;
}
.module.no-pad {
padding: 0px;
}
.module .help-link {
float: right;
}
.module .icon.help {
float: left;
}
.module h2 + .icon.help {
margin-top: 3px;
}
.module-header-row h2 {
float: left;
}
.module.module-with-header {
overflow: hidden;
}
.main-module-row {
margin-bottom: -1px;
}
.module,
.ui-dialog,
.tooltip {
border: 1px solid;
}
/*-----Forms-------*/
/*-----general form styling-------*/
form fieldset {
margin: 0px;
padding: 0px;
}
form legend {
padding: 0 2px;
font-weight: bold;
}
form label {
display: inline-block;
float: left;
line-height: 1.25;
padding: 9px 25px 5px 0;
vertical-align: sub;
width: 230px;
}
form input {
height: 25px;
width: 220px;
}
form input[type='checkbox'], form input[type='radio'] {
height: auto;
width: auto;
position: relative;
top: 3px;
margin-right: 5px;
}
.ie7 form input[type='checkbox'], .ie7 form input[type='radio'] {
top: -2px;
}
form h2 span {
float: left;
}
form .form-flex label {
width: 56%;
}
.loading-indicator {
position: relative;
text-align: right;
}
.loading-indicator i {
position: absolute;
right: 18px;
}
label + input[type='checkbox'] {
margin-top: 8px;
}
label + span > input[type='checkbox'], label + div > input[type='checkbox'] {
margin-top: 8px;
}
.ie7 label + select {
padding-top: 3px;
}
input[type="checkbox"], input[type="radio"] {
border: none;
background: transparent;
}
input[type="checkbox"] + p, input[type="radio"] + p {
padding-top: 1px;
}
input.small {
width: 25px;
}
input.medium, .js-instrumentsTable .WithdrawalAllocation input {
width: 55px;
}
input.reduced-large {
width: 85px;
}
input.large {
width: 106px;
}
input.xlarge {
width: 230px;
}
input.xxlarge {
width: 485px;
}
input.disabled-input-size {
width: 85px;
}
input.disabled-input-size.spacing {
margin-left: 20px;
}
input[type="text"],
input[type="password"] {
line-height: 25px;
}
.input-unit {
line-height: 28px;
}
label.small {
width: 50px;
}
label.large {
width: 106px;
}
label.xlarge {
width: 230px;
}
label.xxlarge {
width: 485px;
}
label + label {
width: auto;
}
label.auto {
width: auto;
}
.input-unstyled[disabled],
.input-unstyled[readonly] {
border: none;
background-color: transparent;
padding-top: 4px;
}
/*-------List in forms------------*/
form ol li.first {
padding-top: 0px;
}
form ol li.last {
padding-bottom: 0px;
}
form ol li.last .action-button {
float: right;
}
form ol li input, form ol li input + p, form ol li label + p, form ol li span, form ol li div, form ol li div.newListSelected + p,
form ol li .calendar, form ol li .checkbox, form ol li .radio, form ol li label + ol {
float: left;
}
form ol li input + p, form ol li label + p {
padding-top: 9px;
}
form ol li input + p + p {
clear: left;
}
form ol li input, form ol li > span, form ol li div, form ol li .calendar, form ol li .checkbox, form ol li .radio {
margin-right: 2px;
}
form ol li p + input {
margin-left: 10px;
}
form ol li div.newListSelected + div, form ol li div + div {
clear: both;
padding-top: 15px;
}
form ol li .inner-column-six + .inner-column-six {
clear: none;
padding-top: 0px;
}
form fieldset .inline-form li {
float: left;
clear: none;
padding-top: 0px;
}
form fieldset .inline-form li:after {
clear: none;
}
form fieldset .inline-form li.pull-right {
float: right;
}
form fieldset .inline-form .first {
margin-right: 100px;
}
form fieldset .inline-form .first label {
width: 115px;
}
form fieldset .inline-form .first + li {
margin-right: 40px;
}
form fieldset .inline-form .first + li label {
width: 100px;
}
.inline-display select {
float: left;
margin-right: 10px;
}
.ie7 ol li span.Asterisk {
display: inline-block;
float: none;
}
.radio-list > li {
padding: 5px 0px;
}
.radio-list > li:first-child {
padding-top: 5px;
}
.radio-list > li .help {
margin-top: -2px;
}
form .two-column-form label {
width: 140px;
}
form .two-column-form label.small {
width: 30px;
}
form .two-column-form label.auto {
width: auto;
}
form .two-column-form .controls label {
width: auto;
}
form .two-column-form input.small {
margin-right: 11px;
}
form .three-column-form label {
width: 120px;
}
form .three-column-form label.small {
width: 30px;
}
form .three-column-form label.auto {
width: auto;
}
form ol.inline-list input + label {
margin-left: 3%;
}
form fieldset .reduced-list > li {
padding: 0px;
}
form fieldset ol, form fieldset ul.horizontal {
margin: 0;
padding: 0;
}
form fieldset ol > li, form fieldset ul.horizontal > li {
list-style: none outside none;
margin: 0;
}
form fieldset ol li ol, form fieldset ul li ul {
margin-left: 0;
padding: 0 0 0 66px;
}
form fieldset ol li ol li, form fieldset ul li ul li {
padding-left: 20px;
}
form fieldset ol > li, form fieldset ol.wrapped-li li {
clear: left;
padding: 5px 0px;
}
form fieldset ol > li:after, form fieldset ol.wrapped-li li:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
form fieldset ol > li ol.wrapped-li li, form fieldset ol.wrapped-li li ol.wrapped-li li {
list-style: none outside none;
margin: 0;
}
form fieldset ol > li ol, form fieldset ol.wrapped-li li ol {
padding: 0;
}
form fieldset .inner-column-four ol > li {
padding-top: 0px;
}
form fieldset ul.horizontal > li {
padding: 0 20px 0 0;
display: inline-block;
zoom: 1;
width: 22%;
vertical-align: top;
}
.ie7 form fieldset ul.horizontal > li {
display: inline;
margin-right: 20px;
}
form fieldset ul.horizontal > li > .Asterisk, form fieldset ul.horizontal > li .AsteriskOptional {
margin-left: 0;
}
form fieldset ol.lower-roman-list li {
list-style-type: lower-roman;
}
form fieldset ol.decimal-list li {
list-style-type: decimal;
list-style-position: inside;
}
form .module-header-row fieldset ul.horizontal > li label {
font-weight: bold;
width: 100%;
}
form .module-header-row fieldset ul.horizontal > li div.newListSelected, form .module-header-row fieldset ul.horizontal > li label + input, form .module-header-row fieldset ul.horizontal > li label + div {
clear: left;
float: left;
}
form fieldset fieldset legend {
padding: 0 0 5px;
font-weight: normal;
}
form fieldset fieldset .newListSelected, form fieldset fieldset a.button {
margin-left: 20px;
}
.module.main-module .main-module-row fieldset {
padding: 0px;
margin: 0px;
}
form ol .question {
padding-left: 30px;
}
form ol .question label {
width: auto;
}
/*----------Reverted-list in forms----------*/
form ol li.reverted-list select {
float: left;
margin-top: 2px;
}
form ol li.reverted-list label {
width: auto;
}
form ol li.reverted-list .large-label {
width: 20px;
text-align: center;
margin-right: 0px;
}
form ol li.reverted-list .large-label .checkbox, form ol li.reverted-list .large-label .radio {
float: none;
display: inline-block;
}
form ol li.reverted-list .large-label .radio {
margin-top: 3px;
}
form ol li.reverted-list .large-label a {
margin-right: 0px;
}
form ol li.reverted-list .content {
width: 690px;
padding-right: 25px;
padding-top: 5px;
float: left;
}
form ol li.reverted-list .content h5 {
padding-top: 0;
}
form ol li.reverted-list .content .align-input {
margin-left: 10px;
margin-top: -5px;
}
form ol li.reverted-list .clear {
clear: none;
float: left;
padding: 0;
}
form ol li.reverted-list ol, form ol li.reverted-list ol li {
padding-left: 0px;
}
/*-------Custom form------*/
.custom-form {
margin: 0px;
}
.custom-form fieldset {
padding: 0px;
margin: 0px;
}
.custom-form fieldset legend {
margin-bottom: 10px;
padding: 0px;
}
.custom-form label {
font-weight: normal;
padding-right: 20px;
width: auto;
}
.custom-form .right label, .custom-form .right a.action-button, .custom-form .right input, .custom-form .right .newListSelected {
float: right;
}
.custom-form .right .newListSelected {
margin-right: 10px;
}
.custom-form .right .calendar {
margin: 0px 10px 0px 10px;
}
form fieldset ol li .calendar + .action-button {
clear: both;
margin-top: 20px;
}
.module.module-with-header ol li .calendar + .action-button, .module.module-with-header .button-container a.action-button, .module.module-with-header .button-container a.button {
float: left;
}
/* Tight list */
form fieldset ol.tight-list label, form fieldset ol.tight-list p {
padding: 0;
margin: 0;
}
form fieldset ol.tight-list li {
padding: 3px 0;
font-size: 12.5px;
}
/*----- Custom dropdowns -----*/
.stylish-select ul.newList {
border: 1px solid #B2C8EF;
border-radius: 0px 0px 6px 6px;
left: -10000px;
outline-width: 0;
overflow-x: auto;
overflow-y: auto;
max-height: 300px;
}
ul.newList {
background: #fff;
box-sizing: border-box;
left: 1px;
list-style: none;
margin: 0;
min-width: 100%;
padding: 0;
position: absolute;
top: 0;
width: auto;
z-index: 99999;
}
ul.newList li a {
display: block;
}
.newList {
border: 1px solid #ccc;
border-width: 0 1px 1px 1px;
}
.newList li {
overflow: hidden;
}
.newList li a {
color: #4d4d4d;
display: block;
cursor: pointer;
font: menu;
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 4px 10px;
line-height: 16px;
overflow: hidden;
text-align: left;
text-decoration: none;
}
.newList li a.hiLite {
background-color: #fff;
outline-width: 0;
}
.newList li a:hover {
background-color: #d1d9dc;
text-decoration: none;
}
.newListSelected {
background: none repeat scroll 0 0 #fff;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px;
border: 1px solid #B2C8EF;
float: left;
height: 27px;
outline-width: 0;
padding-left: 5px;
cursor: pointer;
}
.newListSelected span {
display: block;
line-height: 24px;
width: 180px;
}
.newListSelected .selectedTxt span {
display: block;
line-height: 17px;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
word-wrap: break-word;
}
.selectedTxt {
background: url(../Images/dropdown-arrow.png) right 0 no-repeat;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px;
font-size: 12px;
height: 14px;
outline-width: 0;
overflow: hidden;
line-height: 17px;
padding: 6px 21px 7px 5px;
text-overflow: ellipsis;
word-wrap: break-word;
}
/* Drop down/input sizes */
.newListSelected.xlarge {
width: 225px;
}
.newListSelected.xlarge .selectedTxt {
width: 199px;
}
.newListSelected.large {
width: 111px;
}
.newListSelected.large .selectedTxt {
width: 85px;
}
.newListSelected.medium, .js-instrumentsTable .WithdrawalAllocation input.newListSelected {
width: 60px;
}
.newListSelected.medium .selectedTxt, .js-instrumentsTable .WithdrawalAllocation input.newListSelected .selectedTxt {
width: 34px;
}
.newListSelected.small {
width: 47px;
}
.newListSelected.small .selectedTxt {
width: 21px;
}
option {
padding: 0 5px;
}
/* ----- Custom radios and checkboxes -----*/
.checkbox, .radio {
width: 17px;
height: 18px;
padding: 0 8px 0 0;
background: url(../Images/checkbox.png) 0 -3px no-repeat;
display: block;
float: left;
}
.radio {
background: url(../Images/radio.png) no-repeat;
margin-top: -3px;
position: relative;
}
.radio.selected {
background-position: 0 -50px;
}
.radio.selected.disabled {
background-position: 0 -50px;
}
.radio.selected.pressed {
background-position: 0 -75px;
}
.radio.disabled {
background-position: 0 -26px;
background-color: transparent;
}
.radio.pressed {
background-position: 0 -25px;
}
.checkbox {
margin-top: 8px;
position: relative;
}
.checkbox.selected {
background-position: 0 -53px;
}
.checkbox.selected.pressed {
background-position: 0 -78px;
}
.checkbox.selected.disabled {
background-position: 0 -53px;
}
.checkbox.disabled {
background-position: 0 -28px;
}
.checkbox.pressed {
background-position: 0 -28px;
}
.checkbox.disabled {
background-color: transparent;
}
input[type="checkbox"].styled + span {
margin-top: 7px;
display: inline-block;
}
input.js-Amount {
margin-left: 3px;
}
.input-table input, .data-table input {
font-size: 1em;
}
p > .checkbox {
margin-top: 1px;
}
span.pound {
margin-top: 4px;
margin-right: 1px;
}
.button-radio,
.button-select {
display: none;
}
/*Asterisks for mandatory form fields*/
.Asterisk, .AsteriskOptional {
float: none;
vertical-align: top;
color: #a41f20;
}
.Asterisk.bigger, .AsteriskOptional.bigger {
font-size: 1.25em;
}
input[type="checkbox"] + .Asterisk, input[type="checkbox"] + .AsteriskOptional {
margin-top: 8px;
}
/*----- Charts -----*/
#chartContainer {
width: 280px;
height: 330px;
}
.product-color {
height: 12px;
width: 12px;
border-radius: 12px;
-moz-border-radius: 12px;
float: left;
margin-right: 5px;
}
/*----- question-progress (same as buttons) -----*/
.question-progress a {
font-weight: bold;
margin-left: 2px;
padding: 7px 13px 7px 13px;
}
.question-progress a {
background: #faf7fb;
background: linear-gradient(bottom, #faf7fb, #fcfcfc 58%);
background: -o-linear-gradient(bottom, #faf7fb, #fcfcfc 58%);
background: -moz-linear-gradient(bottom, #faf7fb, #fcfcfc 58%);
background: -webkit-linear-gradient(bottom, #faf7fb, #fcfcfc 58%);
background: -ms-linear-gradient(bottom, #faf7fb, #fcfcfc 58%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #faf7fb), color-stop(1, #fcfcfc));
color: #4b4b4b;
}
.question-progress a:first-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
-moz-border-top-left-radius: 6px;
-moz-border-bottom-left-radius: 6px;
}
.question-progress a:last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-top-right-radius: 6px;
-moz-border-bottom-right-radius: 6px;
}
.ie7 .question-progress a {
padding: 10px;
}
.question-progress a:first-child {
margin-left: 0px;
}
.display-text {
color: red;
}
/* Validation */
.highlightedModifiedValue, .resultRow > .highlightedModifiedValue {
border: thin solid red;
border-radius: 10px;
padding: 5px;
}
.highlightedNewRow {
outline: thin solid red;
}
.invalidValue {
border: 1px solid red;
border-radius: 10px;
}
/* General Styling */
input.disabled {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
color: gray;
cursor: pointer;
}
a[disabled] {
color: grey;
text-decoration: none;
}
a[disabled]:hover {
text-decoration: none;
}
.authoriseRejectButtonContainer {
padding-top: 10px;
}
.deleteButton {
padding-right: 10px;
}
/*Date-picker*/
.calendar {
background: url(../Images/icon-sprite.png) no-repeat 0 0;
float: right;
width: 30px;
height: 30px;
}
.form-item-note {
font-size: 10px;
line-height: 25px;
}
.form-item-note.bigger {
font-size: 1.25em;
}
select + .form-item-note {
margin-left: 5px;
}
form ol li div + .media-body {
padding-top: 0px;
float: none;
clear: none;
}
form ol li .media {
float: none;
}
form label.inline-error,
ul label.inline-error,
ul p.inline-error,
form p.inline-error,
form .inline-error label,
ul .inline-error label,
ul .inline-error p,
form .inline-error p {
color: red;
}
input.inline-error,
select.inline-error,
.inline-error input[type="text"],
.inline-error select {
border: 1px solid red;
}
form .detail-list label {
padding-top: 2px;
}
.controls label {
width: auto;
}
.controls p {
padding-top: 0px;
}
form fieldset .form-group-highlight {
background: #fff;
border: 1px solid #b2c8ef;
padding: 10px;
}
.form-dates-inline li {
float: left;
margin-right: 20px;
clear: none;
}
.form-dates-inline li label {
width: auto;
}
/*--------main list---------*/
.main-list, .main-list--label-no-left-space, .simple-list,
.column-list,
.inline-list {
padding: 0px;
margin: 0px;
}
.main-list li, .main-list--label-no-left-space li {
list-style: none;
margin-bottom: 5px;
float: left;
/*floating issue - IE7 specific*/
*float: none;
clear: both;
}
.main-list li.last, .main-list--label-no-left-space li.last {
margin-bottom: 0px;
}
.main-list li .newList li, .main-list--label-no-left-space li .newList li {
margin-bottom: 0;
float: none;
}
.main-list li.table-list p, .main-list--label-no-left-space li.table-list p, .main-list li.table-list label, .main-list--label-no-left-space li.table-list label {
width: 215px;
min-height: 0.1em;
}
.main-list li.table-list p + p, .main-list--label-no-left-space li.table-list p + p {
padding: 0;
}
.ie7 .main-list li.table-list, .ie7 .main-list--label-no-left-space li.table-list {
float: none;
}
.main-list p, .main-list--label-no-left-space p {
float: left;
font-weight: normal;
max-width: 215px;
}
.main-list p.full-width, .main-list--label-no-left-space p.full-width {
max-width: 100%;
}
.main-list label, .main-list--label-no-left-space label {
float: left;
font-weight: bold;
padding: 2px 15px 0 0;
width: 185px;
}
.main-list a.inline-link, .main-list--label-no-left-space a.inline-link, .main-list .table-to-list__cell-link a, .table-to-list__cell-link .main-list a, .main-list--label-no-left-space .table-to-list__cell-link a, .table-to-list__cell-link .main-list--label-no-left-space a, .main-list a.url-link, .main-list--label-no-left-space a.url-link, simple-list a.inline-link, simple-list .table-to-list__cell-link a, .table-to-list__cell-link simple-list a, simple-list a.url-link {
font-size: 1em;
}
.main-list--label-no-left-space label {
padding-left: 0;
}
/*--------simple list---------*/
.simple-list li {
list-style: none;
}
.simple-list li label {
float: left;
width: auto;
padding-right: 0px;
padding-top: 0px;
}
ol li .simple-list {
margin-top: 9px;
}
/*--------column list---------*/
.column-list li {
float: left;
list-style: none;
}
.column-list li .checkbox {
margin-top: 7px;
}
.column-list li label {
width: auto;
padding-left: 25px;
padding-right: 5px;
}
.column-list li label + label {
padding-left: 25px;
}
.column-list.three li {
width: 33.3%;
}
.column-list.three li label {
padding-top: 3px;
}
.calendar-form-item .calendar {
float: left;
}
.calendar-form-item input {
float: left;
margin-right: 10px;
}
.calendar-form-item select {
float: left;
margin-right: 10px;
}
.list-left input {
width: 66px;
float: left;
}
.list-left a {
float: left;
margin-right: 0px;
}
.explanatory-text {
margin-left: 5px;
margin-top: 5px;
}
.two-col-list h3 {
float: left;
}
.two-col-list h3 + h3 {
margin-left: 540px;
}
.ie7 .two-col-list h3 + h3 {
margin-left: 537px;
}
.two-col-list span + span {
margin-left: 105px;
}
.two-col-list span + span select {
margin-left: 31px;
}
.two-col-list span + span .postcode {
margin-left: 61px;
}
.ie7 .two-col-list span + span select {
margin-left: 42px;
}
.ie7 .two-col-list span + span .postcode {
margin-left: 71px;
}
.ie8 .two-col-list span + span select {
margin-left: 35px;
}
.ie8 .two-col-list span + span .postcode {
margin-left: 71px;
}
.indent {
margin-left: 10px;
}
.indent label {
width: 220px;
padding-right: 24px;
}
.simple-list.bullet-list li {
padding: 10px 0px;
list-style-type: disc;
list-style: inside;
}
form fieldset .compressed-list li {
padding-top: 0px;
padding-bottom: 0px;
}
/*----- Tables -----*/
table {
width: 100%;
border: 1px solid;
border-spacing: 0;
}
table tr th {
text-align: left;
padding: 10px;
}
table tr td {
padding: 8px 10px;
background: #fff;
}
table tr.sub-head th a {
font-weight: normal;
}
table tr.sub-head.border-none th {
border-bottom: 0 solid transparent;
}
table tr.sub-total td {
font-weight: bold;
}
table tr .align {
padding-right: 15px;
text-align: right;
}
table tr .align .newListSelected {
text-align: left;
}
table tr .align .checkbox {
text-align: left;
float: right;
}
table thead.small tr th {
min-width: 55px;
}
table thead .table-actions {
padding-right: 10px;
text-align: right;
position: relative;
height: 22px;
}
table thead .table-actions i {
position: absolute;
right: 22px;
}
table tbody.section td {
padding: 10px 15px;
}
.first table tbody.section td {
padding-top: 10px;
}
.last table tbody.section td {
padding-bottom: 10px;
}
table thead th:first-child, table tbody td:first-child, table tfoot td:first-child {
border-left: 0px;
}
table .float-elements input, table .float-elements span, table .float-elements a {
float: left;
}
table.reduced tr th, table.reduced tr td {
padding: 5px 5px;
font-size: 0.9em;
}
table.reduced tr th input, table.reduced tr td input {
font-size: 0.9em;
}
.data-table.reduced input {
font-size: 1.1em;
}
/*----- Custom table -----*/
.custom-table thead th, .custom-table tbody td, .custom-table tfoot td {
border-left: 0px;
}
.product-color {
height: 12px;
width: 12px;
border-radius: 12px;
-moz-border-radius: 12px;
float: left;
margin-right: 5px;
}
/*----- Numeric table -----*/
.numeric-table th, .numeric-table td {
text-align: right;
padding: 10px 10px;
}
.numeric-table th:first-child, .numeric-table td:first-child {
text-align: left;
}
.numeric-table input[type='text'] {
text-align: right;
}
.numeric-table input + span {
margin-left: 2px;
}
.numeric-table tr.last td {
border-bottom: none;
padding-bottom: 10px;
}
.numeric-table th.wide, .numeric-table td.wide {
padding-right: 0px;
text-align: left;
}
/*----- Data table -----*/
.data-table th, .data-table td {
padding: 10px 0 10px 10px;
}
.data-table tr.last td, tbody .data-table tr.last th, tfoot.body-split .data-table tr.last td {
border-bottom: none;
padding-bottom: 10px;
}
.data-table tr:first-child td {
padding-top: 10px;
}
.data-table .unstyled td {
border-bottom: 0px;
padding-bottom: 0px;
}
.data-table tfoot .sub-head td {
font-weight: normal;
border-bottom: none;
}
.data-table thead .right,
.data-table tbody .right {
padding-right: 10px;
text-align: right;
}
.data-table thead .sub-head .right,
.data-table tbody.align-reset .right,
.data-table.align-reset .right {
text-align: left;
}
td.input-align {
width: 200px;
}
.input-appended {
float: left;
margin-right: 5px;
}
.input-append {
float: left;
}
tbody.row-overflowed {
background-color: #fff;
}
.reduced-width tr th:first-child {
width: 200px;
}
/* Wizard table for demo */
.wizard-table tr td {
background: #f4faff;
height: 40px;
color: #0a2f73;
border-left: 1px solid #b2c8ef;
border-top: 1px solid #b2c8ef;
}
.wizard-table tr td.wizard-selected {
background: #b2c8ef;
font-weight: bold;
}
.wizard-table a {
color: #0a2f73;
}
.wizard-table tr:first-child td {
border-top: 0px;
}
.wizard-table tr:first-child td:first-child {
border-radius: 8px 0px 0px 0px;
-moz-border-radius: 8px 0px 0px 0px;
}
.wizard-table tr:first-child td:last-child {
border-radius: 0px 8px 0px 0px;
-moz-border-radius: 0px 8px 0px 0px;
padding-top: 15px;
}
.wizard-table tr:last-child td:first-child {
border-radius: 0px 0px 0px 8px;
-moz-border-radius: 0px 0px 0px 8px;
}
.wizard-table tr:last-child td:last-child {
border-radius: 0px 0px 8px 0px;
-moz-border-radius: 0px 0px 8px 0px;
}
table.reduce-font tbody,
table.reduce-font tbody a {
font-size: 11px;
}
#overviewheader th, #riskheader th,
#chargesheader th, #tradeableheader th {
border-bottom: none;
padding-bottom: 0px;
}
.table-headings {
float: left;
margin-bottom: 10px;
width: 100%;
}
.table-headings h3 {
float: left;
}
.table-headings p, .table-headings div {
float: right;
}
/* Calendar inside table */
table input[type='text'] + div.datepicker-div-container {
display: inline-block;
width: 30px;
top: 10px;
}
/*table misc*/
.tabular-data-wrapper-small {
display: inline-block;
zoom: 1;
*display: inline;
white-space: nowrap;
width: 60px;
}
.nowrap {
white-space: nowrap;
}
table.nested {
border: none;
}
table.nested td, table.nested th {
padding-left: 0;
padding-right: 0;
}
table.table-form {
width: auto;
}
table.table-form td {
width: 230px;
}
table.table-form td + td {
width: auto;
}
table.nowrap-table td, table.nowrap-table th {
white-space: nowrap;
}
/*maybe should be in profile.css*/
.column-split > th, .column-split > td {
border-left: 1px dashed #B2C8EF;
min-width: 80px;
padding-right: 5px;
}
.column-split > th:first-child, .column-split > td:first-child {
min-width: 230px;
border-left: none;
}
.row-split > th, .row-split > td {
border-bottom: 1px dashed #B2C8EF;
}
table tr.sub-head.merge th {
border-bottom: 0 solid transparent;
padding-bottom: 0;
}
table tr.mid-section.first td {
border-top: 0px;
}
table td a {
font-size: 1em;
}
table tr.total td,
table tr.sub-total td,
table tr.sub-total.last td,
table tbody tr.last td,
table tr th,
table .body-split td,
table.table-grid-view td {
border-bottom-style: dashed;
border-bottom-width: 1px;
}
table td,
table th {
border-left: 0px;
}
table tr.mid-section td {
border-bottom-style: dashed;
border-bottom-width: 1px;
border-top-style: dashed;
border-top-width: 1px;
}
.table-custom-transparent tr td {
background-color: transparent;
}
.data-align-top tr td {
vertical-align: top;
}
/*----- Buttons -----*/
/*Button from a JQuery UI script. Can't change the HTML so have to change the CSS*/
button.modal-button {
padding: 4px 9px 6px;
font-weight: bold;
text-decoration: none;
display: inline-block;
white-space: nowrap;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
a.button,
a.action-button,
.back-button,
.remove-button,
button.button,
button.action-button,
.sort-up-button,
.sort-down-button,
.pagenation-right-button,
.pagenation-left-button {
padding: 4px 9px 6px;
font-weight: bold;
text-decoration: none;
display: inline-block;
white-space: nowrap;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
/* &:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}*/
/* IE7 */
}
a.button *:first-child + html .button,
a.button :first-child + html .action-button,
a.action-button *:first-child + html .button,
a.action-button :first-child + html .action-button,
.back-button *:first-child + html .button,
.back-button :first-child + html .action-button,
.remove-button *:first-child + html .button,
.remove-button :first-child + html .action-button,
button.button *:first-child + html .button,
button.button :first-child + html .action-button,
button.action-button *:first-child + html .button,
button.action-button :first-child + html .action-button,
.sort-up-button *:first-child + html .button,
.sort-up-button :first-child + html .action-button,
.sort-down-button *:first-child + html .button,
.sort-down-button :first-child + html .action-button,
.pagenation-right-button *:first-child + html .button,
.pagenation-right-button :first-child + html .action-button,
.pagenation-left-button *:first-child + html .button,
.pagenation-left-button :first-child + html .action-button {
zoom: 1;
}
a.button span,
a.action-button span,
.back-button span,
.remove-button span,
button.button span,
button.action-button span,
.sort-up-button span,
.sort-down-button span,
.pagenation-right-button span,
.pagenation-left-button span {
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
margin-left: 7px;
width: 10px;
float: none;
}
.ie7 a.button span, .ie7
a.action-button span, .ie7
.back-button span, .ie7
.remove-button span, .ie7
button.button span, .ie7
button.action-button span, .ie7
.sort-up-button span, .ie7
.sort-down-button span, .ie7
.pagenation-right-button span, .ie7
.pagenation-left-button span {
margin-left: 1px;
}
a.back-button span, a.remove-button span, button.back-button span, button.remove-button span {
margin-left: 0;
margin-right: 7px;
}
.ie7 a.back-button span, .ie7 a.remove-button span, .ie7 button.back-button span, .ie7 button.remove-button span {
margin-right: 1px;
}
span.icon-before-text {
padding-right: 7px;
}
span.icon-after-text {
padding-left: 7px;
}
table .button,
table .action-button,
table .back-button,
table .remove-button {
font-size: 1em;
}
.disabled, .newListSelected.disabled {
background-color: #e0edfe;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
a.button.disabled,
a.action-button.disabled,
a.button.disabled:hover,
a.action-button.disabled:hover,
a:active.button.disabled,
a:active.action-button.disabled {
opacity: 0.5;
filter: alpha(opacity=50);
display: inline-block\9;
padding-top: 4px\9;
margin-top: -1px\9;
cursor: default;
}
a.button + a.button,
a.action-button + a.action-button,
a.button + a.action-button,
a.action-button + a.button,
input + a.button,
input + a.action-button,
.newListSelected + a.button,
.newListSelected + a.action-button,
.back-button + .button {
margin-left: 10px;
}
.button-float a.button + a.button,
.button-float a.action-button + a.action-button,
.button-float a.button + a.action-button,
.button-float a.action-button + a.button {
margin-right: 10px;
}
table .newListSelected + a.button {
margin-left: 0px;
margin-top: 5px;
float: left;
clear: left;
}
#excelButton {
float: left;
margin-right: 10px;
}
/*--------Housekeeping button--------*/
.housekeeping-button {
border-radius: 8px;
-moz-border-radius: 8px;
display: inline-block;
margin-right: 5px;
padding: 3px 10px 2px;
font-weight: bold;
text-decoration: none;
font-size: 1.1em;
float: right;
}
.housekeeping-button span {
height: 11px;
width: 13px;
display: inline-block;
margin-right: 3px;
}
.ie7 .housekeeping-button span {
margin-right: -3px;
}
/*-------Sort button----------*/
.sort-up-button,
.sort-up-button:hover {
float: left;
padding: 0;
clear: both;
}
.sort-up-button span,
.sort-up-button span:hover {
background: url(../Images/icon-sprite.png) no-repeat -4px -92px;
margin: 2px 0 0;
width: 18px;
height: 18px;
}
.sort-down-button,
.sort-down-button:hover {
float: left;
padding: 0;
clear: both;
}
.sort-down-button span,
.sort-down-button:hover span {
background: url(../Images/icon-sprite.png) no-repeat -37px -91px;
margin: 2px 0 0;
width: 18px;
height: 18px;
}
table a.sort-down-button {
margin-left: 0px;
margin-top: 5px;
}
.side-by-side .sort-down-button,
.side-by-side .sort-down-button:hover,
.side-by-side .sort-up-button,
.side-by-side .sort-up-button:hover {
clear: none;
margin: 0 0 0 5px;
}
.side-by-side .sort-down-button:first-child,
.side-by-side .sort-down-button:hover:first-child,
.side-by-side .sort-up-button:first-child,
.side-by-side .sort-up-button:hover:first-child {
margin-left: 0;
}
.side-by-side span {
margin-top: 2px;
float: left;
}
.side-by-side th {
min-width: 45px;
}
/*Button right float*/
.inner-column-one.button-float a,
.inner-column-two.button-float a,
.inner-column-three.button-float a,
.inner-column-four.button-float a,
.inner-column-five.button-float a,
.inner-column-six.button-float a,
.inner-column-seven.button-float a,
.inner-column-eight.button-float a,
.inner-column-nine.button-float a,
.inner-column-ten.button-float a,
.inner-column-eleven.button-float a,
.inner-column-twelve.button-float a {
float: right;
}
/*-------Sort button----------*/
.button-third {
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.2) 47%, rgba(255, 255, 255, 0) 50%);
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.2) 47%, rgba(255, 255, 255, 0) 50%);
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.2) 47%, rgba(255, 255, 255, 0) 50%);
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.2) 47%, rgba(255, 255, 255, 0) 50%);
background-color: #e4e4e4;
color: #484b4d;
border-radius: 10px;
font-weight: bold;
display: block;
margin: 0;
padding: 10px;
}
.button-third:hover {
background-color: #9dc1e5;
background-color: rgba(0, 84, 164, 0.5);
color: #0054a4;
}
.button-third.selected {
background-color: #0054a4;
color: #ffffff;
}
/*----------Icons for buttons------------*/
.action-button span, .padlock, .expand, .collapse, .chevron-up, .chevron-right, .chevron-left, .chevron-down, .back-button span, .button span, .remove-button span, .menu-link span, .housekeeping-button span {
font-family: 'SL-Icon-Font';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 12px;
-webkit-font-smoothing: antialiased;
}
.button span:before {
content: "\e008";
}
.housekeeping-button span:before {
content: "\e009";
}
.expand:before {
content: "\e000";
}
.collapse:before {
content: "\e001";
}
.chevron-up:before {
content: "\e002";
}
.chevron-right:before {
content: "\e003";
}
.chevron-left:before {
content: "\e004";
}
.chevron-down:before {
content: "\e005";
}
.back-button span:before {
content: "\e006";
}
.remove-button span:before {
content: "\e007";
}
.action-button span:before,
.menu-link span:before {
content: "\e008";
}
a.action-button, button.action-button {
border-width: 1px;
border-style: solid;
}
a.button,
button.button,
a.back-button,
button.back-button,
a.remove-button,
button.remove-button,
.sort-up-button,
.sort-down-button,
.pagenation-right-button,
.pagenation-left-button,
button.modal-button {
border-width: 1px;
border-style: solid;
}
/*----- Icons -----*/
.icon {
background-color: Transparent;
background-image: url(../Images/icon-sprite.png);
background-repeat: repeat;
float: left;
height: 20px;
width: 20px;
}
.icon.close, .icon.open {
cursor: pointer;
}
.icon.close {
background-position: 255px -5px;
margin-top: 0px;
margin-right: 20px;
}
.icon.close.top-align {
margin-top: 0;
}
.icon.open {
background-position: 225px -5px;
margin-top: 0px;
margin-right: 20px;
}
.icon.open.top-align {
margin-top: 0;
}
.icon.tool-tip {
background-position: 165px -5px;
margin-left: 10px;
margin-top: -2px;
}
.icon.info {
background-position: 105px -5px;
margin-left: 10px;
}
.icon.help {
background-position: 166px -4px;
float: right;
margin-left: 7px;
}
.icon.help.pull-left {
float: left;
}
.icon.print {
background-position: 136px -5px;
margin-right: 2px;
}
.icon.soft-warning {
background-position: 75px -5px;
margin-right: 10px;
margin-top: -2px;
}
.icon.hard-warning {
background-position: 45px -5px;
margin-right: 10px;
}
.icon.download {
background-position: -65px -92px;
margin-left: 5px;
float: right;
cursor: pointer;
}
.icon.email {
background-position: -95px -4px;
cursor: pointer;
float: none;
margin-left: 5px;
display: inline-block;
}
.ie7 .icon.email {
display: inline;
zoom: 1;
}
.simple-list li a.icon.help {
float: left;
}
.icon-container,
.icon-content {
float: left;
}
/*----- Pagenation ------*/
.pagenation-container {
text-align: center;
margin-top: 10px;
}
.pagenation {
display: inline-block;
}
.pagenation .pagenation-right-button,
.pagenation .pagenation-left-button,
.module.module-with-header .pagenation .pagenation-right-button,
.module.module-with-header .pagenation .pagenation-left-button {
float: left;
}
.pagenation p {
padding: 8px 10px 0px;
float: left;
}
.pagenation select {
margin-top: 2px;
float: left;
}
.pagenation .newListSelected {
text-align: left;
}
/*-------Pagination button----------*/
a.pagenation-right-button span,
a.pagenation-left-button span,
a.button.more-details span {
background: url(../Images/icon-sprite.png) no-repeat;
display: inline-block;
height: 15px;
width: 8px;
margin: 0px;
}
a.pagenation-left-button span {
background-position: -160px -62px;
}
a.pagenation-right-button span,
a.button.more-details span {
background-position: -134px -62px;
}
/*Breadcrumbs*/
.breadcrumb {
border-bottom: 1px solid;
}
.breadcrumb ul {
padding-left: 10px;
width: 930px;
clear: left;
font-weight: bold;
list-style: none;
}
.breadcrumb ul li {
float: left;
padding: 7px 5px 0px 0px;
}
.breadcrumb ul li a,
.breadcrumb ul li a.active,
.breadcrumb ul li a:hover {
text-decoration: none;
}
.breadcrumb ul li a span {
padding-right: 5px;
}
/*----- Tooltips -----*/
.tooltip {
padding: 5px;
position: absolute;
}
.InputLabelFundSelection.module-row {
overflow-y: auto;
height: 300px;
}
.tooltip-table > table {
width: auto;
}
/*----- Tabs -----*/
.tabs {
overflow: hidden;
margin-bottom: -1px;
}
.tabs a {
float: left;
padding: 13px;
width: 100px;
margin-right: 3px;
cursor: pointer;
font-size: 1.7em;
text-decoration: none;
font-weight: normal;
outline: none;
border: 1px solid;
font-size: 12.5px;
margin-top: 2px;
/*
This rule was causing issue AUT-5199
*/
/* z-index:100; */
position: relative;
}
.tabs a:hover,
.tabs a:focus {
text-decoration: underline;
}
.tabs .active,
.tabs a.active:hover {
border-bottom: 0px;
padding-bottom: 16px;
background: #fff;
font-weight: bold;
text-decoration: none;
margin-top: 0px;
}
.tabs.large a {
min-height: 43px;
}
.tabs.large.reduced-tabs {
min-height: auto;
}
/*----- Wizard Steps - Slider ------*/
.wizard-steps-slider {
background-color: #f7f6f4;
border: 1px solid #bcbdc0;
overflow: hidden;
}
.wizard-steps-slider ol {
float: left;
list-style-type: none;
padding: 0;
}
.wizard-steps-slider li {
background-color: #ffffff;
clear: none;
float: left;
font-weight: bold;
margin: 0;
padding: 0;
}
.wizard-steps-slider .wizard-steps-numbers {
background-color: #e4e4e4;
width: 100%;
}
.wizard-steps-slider .wizard-steps-numbers,
.wizard-steps-slider .wizard-steps-numbers li a,
.wizard-steps-slider .wizard-steps li a,
.wizard-steps-slider .wizard-steps li.wizard-selected a:hover {
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.2) 47%, rgba(255, 255, 255, 0) 50%);
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.2) 47%, rgba(255, 255, 255, 0) 50%);
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.2) 47%, rgba(255, 255, 255, 0) 50%);
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.2) 47%, rgba(255, 255, 255, 0) 50%);
}
.wizard-steps-slider .wizard-steps-numbers li a {
background-color: #e4e4e4;
color: #484b4d;
display: block;
padding: 5px 25px;
text-align: center;
font-size: 12px;
}
.wizard-steps-slider .wizard-steps-numbers li a:hover,
.wizard-steps-slider .wizard-steps-numbers li a.hover,
.wizard-steps-slider .wizard-steps li a:hover,
.wizard-steps-slider .wizard-steps li a.hover {
background-color: #e4e4e4;
color: #484b4d;
background-image: none;
}
.wizard-steps-slider .wizard-steps {
clear: both;
height: 74px;
overflow: hidden;
position: relative;
}
.wizard-steps-slider .wizard-steps ol {
position: absolute;
left: 0;
top: 0;
width: 3000px;
}
.wizard-steps-slider .wizard-steps li {
border-radius: 10px;
margin: 10px 5px;
}
.wizard-steps-slider .wizard-steps li a,
.wizard-steps-slider .wizard-steps li a.slider-grabbing:hover {
background-color: #e4e4e4;
color: #484b4d;
}
.wizard-steps-slider .wizard-steps li a {
border-radius: 10px;
display: table-cell;
height: 33px;
margin: 0;
padding: 10px;
text-align: left;
vertical-align: middle;
width: 123px;
font-size: 12px;
}
.ie7 .wizard-steps-slider .wizard-steps li a {
display: block;
}
.wizard-steps-slider .wizard-steps-numbers li a.disabled,
.wizard-steps-slider .wizard-steps-numbers li a.disabled:hover {
background-color: #A7A9AC;
color: #888888;
text-shadow: 1px 1px 1px #ffffff;
}
.wizard-steps-slider .wizard-steps li a.disabled,
.wizard-steps-slider .wizard-steps li a.disabled:hover,
.wizard-steps-slider .wizard-steps li a.disabled.slider-grabbing {
background-color: #dbdce0;
color: #aaaaaa;
text-shadow: 1px 1px 1px #ffffff;
}
.wizard-steps-slider .slider-link {
height: 36px;
width: 36px;
padding: 19px 10px;
float: right;
position: relative;
background: #f7fcfe url(../Images/slider-arrow.png) -44px 18px no-repeat;
background: url(../Images/slider-arrow.png) -44px 18px no-repeat, linear-gradient(right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
background: url(../Images/slider-arrow.png) -44px 18px no-repeat, -o-linear-gradient(right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
background: url(../Images/slider-arrow.png) -44px 18px no-repeat, -moz-linear-gradient(right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
background: url(../Images/slider-arrow.png) -44px 18px no-repeat, -webkit-linear-gradient(right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
background: url(../Images/slider-arrow.png) -44px 18px no-repeat, -ms-linear-gradient(left, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
box-shadow: rgba(0, 0, 0, 0.1) -5px 0px 4px 0px;
z-index: 2;
}
.wizard-steps-slider .slider-link:first-child {
background-position: 10px 18px;
box-shadow: 5px 0px 4px 0px rgba(0, 0, 0, 0.1);
float: left;
}
.slider-grabbing {
cursor: move;
cursor: -moz-grabbing;
/* -webkit version doesn't work in Chrome v19 (June2012)
cursor:-webkit-grabbing;*/
}
.wizard-steps-navigation {
margin-top: 10px;
margin-bottom: 10px;
}
.wizard-steps-navigation > li {
margin-right: 5px;
}
.wizard-steps-slider.wizard-steps-simple {
border: none;
}
.wizard-steps-slider.wizard-steps-simple .wizard-steps ol {
margin-left: 8px !important;
}
.wizard-steps-slider.wizard-steps-simple .slider-link, .wizard-steps-slider.wizard-steps-simple .wizard-steps-numbers {
display: none;
}
.no-carousel {
background: none;
}
/*-----UI dialog------*/
#dialogContent {
height: 330px;
width: 380px;
overflow: auto;
}
#dialogContent ol {
list-style: none;
padding: 0px 10px 10px 10px;
}
#dialogContent ol li {
padding: 3px 0px 3px 0px;
}
#dialogContent ol li label {
padding-left: 5px;
}
.ui-dialog {
padding: 20px;
}
.ui-dialog-titlebar {
color: #0A2F73;
font-weight: bold;
padding: 10px 10px 10px 0px;
font-size: 10pt;
}
.ui-dialog-titlebar-close {
display: none;
}
.ui-dialog-buttonset {
text-align: right;
}
.ui-dialog-buttonset button {
margin-left: 10px;
}
/*----- Calendar popup -----*/
.datepicker-holder {
background: #fff;
z-index: 101;
border: 1px solid;
width: 200px;
position: absolute;
}
/*----- LightBox -----*/
html.lightbox-mode {
overflow-y: auto;
}
body.lightbox-mode {
overflow: hidden;
}
.blockUI.blockMsg {
-webkit-overflow-scrolling: touch;
}
.lightbox {
background-color: #ffffff;
/*border: 2px solid #ccccee;*/
border-radius: 12px;
display: none;
margin: 15px auto 0;
position: relative;
}
.lightbox.lightbox-loading {
padding: 40px;
width: 20%;
}
.lightbox .lightbox-message {
display: none;
}
.lightbox.lightbox-loading .lightbox-message {
display: block;
}
.lightbox.lightbox-loading > iframe {
visibility: hidden;
}
.lightbox > iframe {
border: 0 none;
display: none;
}
.lightbox-close {
background: url("../Images/icon-sprite.png") no-repeat -215px -34px;
float: right;
height: 35px;
margin-left: -13px;
position: absolute;
right: -16px;
top: -14px;
width: 33px;
}
.lightbox-close:hover {
background-position: -215px -71px;
}
/** Misc styling **/
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.pull-none {
float: none !important;
/*overwrite stronger selectors*/
}
.pull-text-right {
text-align: right;
}
.pull-text-left {
text-align: left;
}
.pull-text-center {
text-align: center;
}
.pull-text-top {
vertical-align: top;
}
.pull-text-bottom {
vertical-align: bottom;
}
.flexible-label {
width: auto;
}
.flexible-label + label {
margin-right: 20px;
}
.WizardTitle + a + .icon.help,
#futurecashflowvaluebasis + a + .icon.help {
float: left;
}
.ie7 #ReturntoProcess {
float: left;
}
.data-table tbody .label-left .right label {
text-align: left;
}
ol li .un-nest-list {
padding-left: 0px;
}
ol li .un-nest-list li {
padding-left: 0px;
}
.no-pad {
padding: 0;
}
/*----- Overflow fix for IE -----*/
.ie7 .overflow {
overflow: hidden;
}
.overflow {
overflow: hidden;
}
/*----- Position relative fix for IE -----*/
.ie7 .relative {
position: relative;
}
/*label wide element*/
.label-wide {
width: 255px;
}
/* Portfolio analyser tool */
.pat-header {
background: #0a2f73 url("../Images/Header.png") no-repeat right bottom;
min-width: 940px;
height: 80px;
padding: 0 10px;
}
.media {
display: block;
}
.media-img {
float: left;
margin-right: 5px;
}
.media-img-rev {
float: right;
margin-left: 10px;
}
.media-body {
overflow: hidden;
}
/* Popover */
.popover {
cursor: auto;
position: absolute;
display: none;
opacity: 0;
}
.popover.active {
opacity: 1;
}
.popover .triangle {
position: absolute;
top: -23px;
float: left;
font-size: 0px;
line-height: 0%;
width: 0px;
border-top: 12px solid rgba(0, 0, 0, 0);
border-left: 12px solid rgba(0, 0, 0, 0);
border-right: 12px solid rgba(0, 0, 0, 0);
border-bottom: 12px solid #999999;
}
.popover > .content {
overflow-x: hidden;
overflow-y: auto;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-webkit-transition: opacity 0.25s linear;
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-transition: opacity 0.25s linear;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
transition: opacity 0.25s linear;
}
.quick-search-heading {
margin: 20px 0px 10px 0px;
}
.quick-search-form .simple-list.bullet-list li {
padding-bottom: 0px;
}
.quick-search-form .main-module-row {
padding: 15px;
}
.quick-search-form .module.module-with-header .button {
float: left;
}
.quick-search-alerts .warning-message, .quick-search-alerts .success-message {
margin-top: 0px !important;
margin-bottom: 10px;
}
.spinner {
background: url(../Images/spinner-small.gif) no-repeat center center;
height: 27px;
width: 24px;
}
/*----- Unique to styleguide styles -----*/
.style-guide .styleguide-row {
padding: 15px 0px;
border-bottom: 1px dashed #999;
overflow: hidden;
}
.style-guide .main-module-row .main-module .main-module-row {
padding: 20px;
}
.style-guide .styleguide-row > h4 {
margin: 10px 0px;
}
.style-guide .styleguide-row > p {
padding: 10px 0px;
}
.style-guide .styleguide-row .module h4 {
margin-top: 0px;
}
.fixed-footer {
position: fixed;
left: 0px;
bottom: 0px;
height: 30px;
width: 100%;
background: #999;
}
.style-guide .odd {
background: #eee;
}
.style-guide .inner-column-twelve {
padding: 10px;
}
.style-guide #grids div {
text-align: center;
height: 60px;
background: #eee;
margin-bottom: 10px;
}
.style-guide #Tables table {
margin-top: 20px;
}
.style-guide .module {
margin-bottom: 20px;
}
.style-guide .module.example {
background: #eee;
border: none;
width: 460px;
border-radius: 0;
margin-bottom: 40px;
}
.style-guide .module.example p {
padding-top: 0px;
}
.style-guide #FormsLists .module p {
padding: 0px;
}
/* =============================================================================
Alerts
========================================================================== */
/*The font file extensions have been changed to txt because the server load balanncer did not allow them though*/
.warning-message, .success-message {
padding: 20px 20px 20px 50px;
border-radius: 8px;
margin-bottom: 10px;
clear: both;
text-align: left;
}
.warning-message {
border: 1px solid #FF8A00;
background: #fff3e5 url(../Images/Message-Icon.png) 18px 16px no-repeat;
color: #484848;
}
.warning-message + .warning-message {
margin-top: 10px;
}
.ie7 .warning-message {
padding-top: 20px;
}
.warning-message th, .warning-message td {
color: #FF8A00;
}
div + .warning-message {
margin-top: 10px;
}
p.warning-message:first-child {
padding-top: 20px;
}
.error-message {
padding: 10px 10px 10px 50px;
background: url(../Images/Message-Icon-error.png) 18px 4px no-repeat;
color: #e75b11;
display: inline-block;
}
.success-message {
border: 1px solid #52a242;
background: #dcecd9 url(../Images/Message-Icon.png) 18px 16px no-repeat;
}
.ie7 .success-message {
padding-top: 20px;
}
.alert-show-hide {
padding-right: 23px;
position: relative;
}
.alert-show-hide .icon {
margin-right: 0;
position: absolute;
right: 0;
top: 7px;
}
/*
*
* jquery ui lightbox
*
*/
/*
Typography
*/
.ui-dialog {
z-index: 1001;
}
div.ui-widget {
padding: 0;
/* inherited from profile.css */
font-family: Arial,helvetica,sans-serif;
font-size: 1em;
}
div.ui-widget:active, div.ui-widget:focus {
border-width: 1px;
border-style: solid;
}
div.ui-widget.ui-draggable {
border-width: 1px;
border-style: solid;
}
.ui-widget-overlay {
z-index: 1000;
}
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {
border-width: 1px;
border-style: solid;
}
/*
Skin
*/
div.ui-widget-content {
background: #ffffff;
}
.ui-dialog-buttonpane {
border: none;
}
/*
Title
*/
.ui-dialog .ui-dialog-titlebar {
background: none;
border: none;
float: none;
margin: 0;
padding-left: 13px;
padding-top: 10px;
/* inherited from profile.css */
font-size: 17px;
font-weight: Bold;
}
/*
Content
*/
#dialogContentContainer #dialogContent {
width: auto;
height: auto;
}
#dialogContentContainer #dialogContent ol {
padding: 0;
}
#dialogContentContainer #dialogContent ol li {
margin-top: 10px;
}
#dialogContentContainer #dialogContent ol li:first-child {
margin-top: 0;
}
#dialogContentContainer #dialogContent:active, #dialogContentContainer #dialogContent:focus {
border: 0px;
}
/*
Bottom buttons
*/
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
padding: 10px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button.ui-button + button {
margin-left: 10px;
}
div.ui-dialog .ui-dialog-buttonpane button.button, div.ui-dialog .ui-dialog-buttonpane button.action-button,
div.ui-dialog .ui-dialog-buttonpane button .ui-state-default.ui-priority-secondary, div.ui-dialog .ui-dialog-buttonpane button.ui-state-hover, div.ui-dialog .ui-dialog-buttonpane button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all, div.ui-dialog .ui-dialog-buttonpane button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.button,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.action-button,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button .ui-state-default.ui-priority-secondary,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.ui-state-hover,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all {
background: white;
background: linear-gradient(bottom, #ffffff, #ffffff 58%);
background: -o-linear-gradient(bottom, white, white 58%);
background: -moz-linear-gradient(bottom, white, white 58%);
background: -webkit-linear-gradient(bottom, white, white 58%);
background: -ms-linear-gradient(bottom, white, white 58%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
border: 1px solid #E0EDFE;
color: #007BC3;
border-radius: 6px;
-moz-border-radius: 6px;
/* Need to add spread and inner option*/
-moz-box-shadow: 1px 1px 1px 1px #CED5E3;
-webkit-box-shadow: 1px 1px 1px 1px #CED5E3;
box-shadow: 1px 1px 1px 1px #CED5E3;
-moz-text-shadow: transparent 0 0 0;
-webkit-text-shadow: transparent 0 0 0;
text-shadow: transparent 0 0 0;
}
div.ui-dialog .ui-dialog-buttonpane,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content {
margin: 0;
padding: 0;
}
div.ui-dialog .ui-dialog-buttonpane button.button, div.ui-dialog .ui-dialog-buttonpane button.action-button,
div.ui-dialog .ui-dialog-buttonpane button .ui-state-default.ui-priority-secondary, div.ui-dialog .ui-dialog-buttonpane button.ui-state-hover, div.ui-dialog .ui-dialog-buttonpane button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all, div.ui-dialog .ui-dialog-buttonpane button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.button,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.action-button,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button .ui-state-default.ui-priority-secondary,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.ui-state-hover,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all {
font-weight: bold;
font-family: Arial,helvetica,sans-serif;
opacity: 1;
}
div.ui-dialog .ui-dialog-buttonpane button.button span, div.ui-dialog .ui-dialog-buttonpane button.action-button span,
div.ui-dialog .ui-dialog-buttonpane button .ui-state-default.ui-priority-secondary span, div.ui-dialog .ui-dialog-buttonpane button.ui-state-hover span, div.ui-dialog .ui-dialog-buttonpane button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all span, div.ui-dialog .ui-dialog-buttonpane button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all span,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.button span,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.action-button span,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button .ui-state-default.ui-priority-secondary span,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.ui-state-hover span,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all span,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all span {
background: none;
height: auto;
margin: 0;
padding: 0;
width: auto;
float: none;
font-family: Arial,helvetica,sans-serif;
font-size: 12px;
margin: 0;
vertical-align: baseline;
line-height: 1.25em;
}
div.ui-dialog .ui-dialog-buttonpane button.action-button span,
div.ui-datepicker div.ui-datepicker-buttonpane.ui-widget-content button.action-button span {
background: url(/Configs/SLREBRAND/Images/secondary-button-arrow.png) no-repeat;
background-position: right 3px;
padding-right: 20px;
}
/*
*
* Calendar
*
*/
/* Main container*/
.ui-datepicker.ui-widget-content {
background: white;
border: 1px solid #B2C8EF;
}
.ui-datepicker-header.ui-widget-header {
background: #F4FAFF;
border: none;
border-bottom: 1px solid #B2C8EF;
border-radius: 0;
}
.ui-datepicker-calendar {
border: none;
}
a.ui-datepicker-prev.ui-state-hover {
left: 2px !important;
}
a.ui-datepicker-next.ui-state-hover {
right: 2px !important;
}
/* Previous,next month */
.ui-datepicker-prev.ui-state-hover, .ui-datepicker-next.ui-state-hover {
background: transparent;
border: none;
margin: 0 !important;
top: 2px !important;
}
.ui-datepicker-prev span.ui-icon, .ui-datepicker-next span.ui-icon {
background: url(../Images/icon-sprite.png) no-repeat;
display: inline-block;
height: 15px;
width: 8px;
margin: 0px;
position: absolute;
left: 30%;
top: 25%;
*top: 10%;
}
.ui-datepicker-prev span.ui-icon.ui-icon-circle-triangle-w {
background-position: -160px -62px;
}
.ui-datepicker-next span.ui-icon.ui-icon-circle-triangle-e {
background-position: -134px -62px;
}
/* Calendar in table */
table.ui-datepicker-calendar {
/* font-size: 1em; */
margin: 0;
}
table.ui-datepicker-calendar tr td {
text-align: center;
border: none;
border-top: 1px dashed #B2C8EF;
padding: 0;
}
table.ui-datepicker-calendar tr:first-child td {
border: none;
}
table.ui-datepicker-calendar .ui-state-default {
background: none;
border: none;
color: #197ABA;
padding: 5px;
text-align: center;
}
table.ui-datepicker-calendar .ui-state-default:hover {
background: #dbe1e5;
}
table.ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
text-decoration: underline;
}
.ui-datepicker-calendar th, .ui-datepicker-buttonpane.ui-widget-content {
overflow: hidden;
border: 0;
background: white;
}
.ui-datepicker-buttonpane.ui-widget-content {
border-top: 1px solid #B2C8EF;
}
/* Autocomplete */
.ui-autocomplete.ui-menu {
background: #ffffff;
padding: 0px;
}
.ui-autocomplete.ui-menu .ui-menu-item .ui-state-focus,
.ui-autocomplete.ui-menu .ui-menu-item .ui-state-active {
margin: 0px;
background: #eeeeee;
}
/*
*Shame room for quick ugly css rules - http://csswizardry.com/2012/11/code-smells-in-css/
*/
/*
* *****************Undoing styles*********************
* border-bottom:none;
* padding:0;
* float:none;
* margin-left:0;
*
****************Magic numbers********************
* .site-nav > li:hover .dropdown{
* position:absolute;
* top:37px;
* left:0;
* }
*
****************Overqualified selectors***********
* ul.nav li.active a{},div.header a.logo img{},content ul.features a.button{}
*
*
****************Hard-coded/absolute values***************
*h1{
* font-size:24px;
* line-height:32px;
*}
*
*
*
*********************Brute forcing*********************
.foo{
margin-left:-3px;
position:relative;
z-index:99999;
height:59px;
float:left;
}
*********************Dangerous selectors***************
div{
background-color:#ffc;
padding:1em;
}
********************Reactive !important****************
.error-text{
color:#c00!important;
}
*******************IDs********************
-- IDs can never be used more than once in a page.
-- Classes can exist only once, or a million times in a page.
-- IDs can often have their traits abstracted out into many reusable classes.
-- An ID is 255 times more specific than one class…
-- This means you’d need 256 chained classes to override one ID.
*/
/*Reseting margin for select*/
select {
margin-top: 0px;
}
/*Reseting paragraph padding in list items*/
form ol li > input + p {
padding-top: 0px;
}
/* Two modules in row*/
.module-noclear {
clear: none;
}
/* Calendar fix for ie7 - testing rule */
.ie7 .calendar {
display: inline-block;
float: none;
margin-left: 5px;
}
/*
Javascript adding class .last to very last or very first row in table, there is css rounding cells in row with class last
$('.data-table tbody tr:last-child, .data-table tfoot tr:last-child, .numeric-table tbody tr:last-child').addClass('last');
-use non-rounded-row in case u don't want the cells to be rounded
*/
.data-table tbody.non-rounded-row tr.last td:first-child {
border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
}
.data-table tbody.non-rounded-row tr.last td:last-child {
border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
}
.numeric-table th.pull-text-center, .numeric-table td.pull-text-center {
text-align: center;
}
.investment-selection-step-table .investment-selection-step-table--product-name {
width: 170px;
}
.investment-selection-step-table .icon.open, .investment-selection-step-table .icon.close {
margin-top: 2px;
margin-right: 5px;
}
.sub-head.space-reduced-top th {
padding-top: 0;
}
.live-assured .span-style-p span {
padding: 2px 15px 0;
font-size: 12.5px;
color: #0A2F73;
}
.live-assured .span-style-p #LivesAssured_address1_Label4 {
padding: 0px;
}
.live-assured .span-style-p #LivesAssured_address1_Label4 span {
padding: 0px;
}
.live-assured .span-style-p #LivesAssured_address1_Label4 .Asterisk {
color: #A41F20;
}
.empty-row td, .empty-row th {
padding: 0 !important;
line-height: 0 !important;
}
.no-border {
border: none !important;
}
.no-border th {
border: none;
}
.radio-label {
width: 170px;
}
.detail-list {
padding: 5px 0;
}
.detail-list .bold {
font-weight: bold;
}
.detail-list h3 a {
color: #007BC3;
}
.detail-list h3 a:hover {
text-decoration: underline;
}
.detail-list label {
width: 125px;
}
.detail-list p {
float: left;
padding-right: 5px;
padding-top: 2px;
width: 235px;
}
.detail-list .remove-spacing {
height: 1px;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}
.detail-list .value {
font-weight: bold;
width: 50px;
}
.ie7 .ie-scroll {
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 25px;
}
.main.popup .help-link {
float: right;
margin-left: 10px;
}
.ie-spacing-fix {
margin-top: -50px;
}
.ie8 .ist-margin-fix {
margin-top: 0px;
}
.br-hide br {
display: none;
}
/*ASP table that should display as a list - Model portfolios - New model portfolio*/
/*
using
Block
Element
Modifier
syntax
*/
/*Block*/
.table-to-list, .table-to-list--auto-width {
width: 230px;
}
.table-to-list th, .table-to-list--auto-width th {
background: transparent;
}
.table-to-list td, .table-to-list--auto-width td {
background: transparent;
}
/*Modifier*/
.table-to-list--auto-width {
width: auto;
}
/*
Element
*/
/*ASP link in table cell has incorrect brand*/
.table-to-list__cell-link a {
color: #007BC3;
text-decoration: none;
}
.table-to-list__cell-link a:hover {
color: #0A2F73;
text-decoration: underline;
}
.table-to-list__cell-link a:active, .table-to-list__cell-link a.active, .table-to-list__cell-link a.active:visited {
color: #0A2F73;
text-decoration: underline;
}
.table-to-list__cell-link a:visited {
color: #0A2F73;
text-decoration: none;
}
/* Fix for right aligned input in IE10 */
input::-ms-clear {
display: none;
width: 0;
height: 0;
}
.ie7 .module.ie-module-stretch, .ie8 .module.ie-module-stretch {
width: 1005px;
}
.ie7 {
/*Orders-mixed-buys.aspx*/
}
.ie7 .ie7-set-module-size {
width: 1160px;
}
.remove-table-borders {
border: 0px;
}
.remove-table-borders tbody td {
border: 0px;
}
.environment-warning {
float: left;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
margin-left: 10px;
}
.ie7 .ie-single-column form .two-column-form label,
.ie8 .ie-single-column form .two-column-form label {
width: 230px;
}
.ie7 .ie-single-column .inner-column-six,
.ie8 .ie-single-column .inner-column-six {
width: 100%;
margin-right: 0;
}