/** Layout stylesheet. The rule of thumb is that the styles from here will not be needed for the CMS editor. Styles related to content editing should go into typography.[s]css. *** ATTENTION SCSS DEVELOPER *** If you are working with SCSS, please do not import other top-level stylesheets here such as typography.scss. We want to be able to generate clean CSS for the third-party dev to work with directly, and this will result in code duplication between generated css files! */ /*! * Bootstrap v2.0.3 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ /* $linkVisited: #2383C4; */ /* Red */ /* Grey/blue */ /* MEASUREMENTS */ /* should be the same as footerHeight */ /* Font stack */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /** Component type styles for SilverStripe Express. */ /* Items below are not used yet */ 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; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; color: #333; background-color: #fff; } a { color: #0055cc; text-decoration: none; } a:visited { color: #0092db; } a:hover { color: #003580; text-decoration: underline; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; margin-left: 20px; } .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.12766%; *margin-left: 2.07447%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94681%; } .row-fluid .span11 { width: 91.48936%; *width: 91.43617%; } .row-fluid .span10 { width: 82.97872%; *width: 82.92553%; } .row-fluid .span9 { width: 74.46809%; *width: 74.41489%; } .row-fluid .span8 { width: 65.95745%; *width: 65.90426%; } .row-fluid .span7 { width: 57.44681%; *width: 57.39362%; } .row-fluid .span6 { width: 48.93617%; *width: 48.88298%; } .row-fluid .span5 { width: 40.42553%; *width: 40.37234%; } .row-fluid .span4 { width: 31.91489%; *width: 31.8617%; } .row-fluid .span3 { width: 23.40426%; *width: 23.35106%; } .row-fluid .span2 { width: 14.89362%; *width: 14.84043%; } .row-fluid .span1 { width: 6.38298%; *width: 6.32979%; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; content: ""; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; } .container-fluid:after { clear: both; } form { margin: 0 0 18px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 27px; font-size: 19.5px; line-height: 36px; color: #333; border: 0; border-bottom: 1px solid #eee; } legend small { font-size: 13.5px; color: #999; } label, input, button, select, textarea { font-size: 13px; font-weight: normal; line-height: 18px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; color: #333; } input, textarea, select, .uneditable-input { display: inline-block; width: 210px; height: 18px; padding: 4px; margin-bottom: 9px; font-size: 13px; line-height: 18px; color: #555; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .uneditable-textarea { width: auto; height: auto; } label input, label textarea, label select { display: block; } input[type="image"], input[type="checkbox"], input[type="radio"] { width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; /* IE7 */ line-height: normal; cursor: pointer; background-color: transparent; border: 0 \9; /* IE9 and down */ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } input[type="image"] { border: 0; } input[type="file"] { width: auto; padding: initial; line-height: initial; background-color: #fff; background-color: initial; border: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input[type="button"], input[type="reset"], input[type="submit"] { width: auto; height: auto; } select, input[type="file"] { height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 28px; } input[type="file"] { line-height: 18px \9; } select { width: 220px; background-color: #fff; } select[multiple], select[size] { height: auto; } input[type="image"] { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } textarea { height: auto; } input[type="hidden"] { display: none; } .radio, .checkbox { min-height: 18px; padding-left: 18px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -18px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } input, textarea { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } input:focus, textarea:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } input, textarea, .uneditable-input { margin-left: 0; } input.span12, textarea.span12, .uneditable-input.span12 { width: 930px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 850px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 770px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 690px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 610px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 530px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 450px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 370px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 290px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 210px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 130px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 50px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eee; border-color: #ddd; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; border-color: #c09853; } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: 0 0 6px #dbc59e; -moz-box-shadow: 0 0 6px #dbc59e; box-shadow: 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; border-color: #b94a48; } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: 0 0 6px #d59392; -moz-box-shadow: 0 0 6px #d59392; box-shadow: 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; border-color: #468847; } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: 0 0 6px #7aba7b; -moz-box-shadow: 0 0 6px #7aba7b; box-shadow: 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 17px 20px 18px; margin-top: 18px; margin-bottom: 18px; background-color: #f5f5f5; border-top: 1px solid #ddd; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; content: ""; } .form-actions:after { clear: both; } .uneditable-input { overflow: hidden; white-space: nowrap; cursor: not-allowed; background-color: #fff; border-color: #eee; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); } :-moz-placeholder { color: #999; } ::-webkit-input-placeholder { color: #999; } .help-block, .help-inline { color: #555; } .help-block { display: block; margin-bottom: 9px; } .help-inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding-left: 5px; } .input-prepend, .input-append { margin-bottom: 5px; } .input-prepend input, .input-prepend select, .input-prepend .uneditable-input, .input-append input, .input-append select, .input-append .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: middle; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-prepend input:focus, .input-prepend select:focus, .input-prepend .uneditable-input:focus, .input-append input:focus, .input-append select:focus, .input-append .uneditable-input:focus { z-index: 2; } .input-prepend .uneditable-input, .input-append .uneditable-input { border-left-color: #ccc; } .input-prepend .add-on, .input-append .add-on { display: inline-block; width: auto; height: 18px; min-width: 16px; padding: 4px 5px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eee; border: 1px solid #ccc; } .input-prepend .add-on, .input-prepend .btn, .input-prepend .Actions .action, .Actions .input-prepend .action, .input-append .add-on, .input-append .btn, .input-append .Actions .action, .Actions .input-append .action { margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend .active, .input-append .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn, .input-prepend .Actions .action, .Actions .input-prepend .action { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child, .input-prepend .Actions .action:first-child, .Actions .input-prepend .action:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-append .uneditable-input { border-right-color: #ccc; border-left-color: #eee; } .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .Actions .action:last-child, .Actions .input-append .action:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child, .input-prepend.input-append .Actions .action:first-child, .Actions .input-prepend.input-append .action:first-child { margin-right: -1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child, .input-prepend.input-append .Actions .action:last-child, .Actions .input-prepend.input-append .action:last-child { margin-left: -1px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .form-search input, .form-search textarea, .form-search select, .form-search .help-inline, .form-search .uneditable-input, .form-search .input-prepend, .form-search .input-append, .form-inline input, .form-inline textarea, .form-inline select, .form-inline .help-inline, .form-inline .uneditable-input, .form-inline .input-prepend, .form-inline .input-append, .form-horizontal input, .form-horizontal textarea, .form-horizontal select, .form-horizontal .help-inline, .form-horizontal .uneditable-input, .form-horizontal .input-prepend, .form-horizontal .input-append { display: inline-block; margin-bottom: 0; *display: inline; *zoom: 1; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 9px; } legend + .control-group { margin-top: 18px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 18px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 140px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 160px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 160px; } .form-horizontal .help-block { margin-top: 9px; margin-bottom: 0; } .form-horizontal .form-actions { padding-left: 160px; } /* Font Awesome the iconic font designed for use with Twitter Bootstrap ------------------------------------------------------- The full suite of pictographic icons, examples, and documentation can be found at: http://fortawesome.github.com/Font-Awesome/ License ------------------------------------------------------- The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: http://creativecommons.org/licenses/by/3.0/ A mention of 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable source code is considered acceptable attribution (most common on the web). If human readable source code is not available to the end user, a mention in an 'About' or 'Credits' screen is considered acceptable (most common in desktop or mobile software). Contact ------------------------------------------------------- Email: dave@davegandy.com Twitter: http://twitter.com/fortaweso_me Work: Lead Product Designer @ http://kyruus.com */ @font-face { font-family: "FontAwesome"; src: url('../fonts/../../font/fontawesome-webfont.eot'); src: url('../fonts/../../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/../../font/fontawesome-webfont.woff') format('woff'), url('../fonts/../../font/fontawesome-webfont.ttf') format('truetype'), url('../fonts/../../font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: middle; font-size: 4/3em; } .btn [class^="icon-"], .Actions .action [class^="icon-"], .btn [class*=" icon-"], .Actions .action [class*=" icon-"], .nav-tabs [class^="icon-"], .nav-tabs [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: .9em; } li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li .icon-large:before, li .icon-large:before { /* 1.5 increased font size for icon-large * 1.25 width */ width: 1.875em; } ul.icons { list-style-type: none; margin-left: 2em; text-indent: -.8em; } ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] { width: .8em; } ul.icons li .icon-large:before, ul.icons li .icon-large:before { /* 1.5 increased font size for icon-large * 1.25 width */ vertical-align: initial; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } /* \f020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before, .page-toggle .button .toggleIco:before { content: "\f067"; } .icon-minus:before, .page-toggle .button.open .toggleIco:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-user-md:before { content: "\f200"; } #IE7 [class^="icon-"], #IE7 [class*=" icon-"], #IE7 .icon { font-family: FontAwesome; font-style: normal; font-weight: normal; } #IE7 .btn.dropdown-toggle [class^="icon-"], #IE7 .Actions .dropdown-toggle.action [class^="icon-"], .Actions #IE7 .dropdown-toggle.action [class^="icon-"], #IE7 .btn.dropdown-toggle [class*=" icon-"], #IE7 .Actions .dropdown-toggle.action [class*=" icon-"], .Actions #IE7 .dropdown-toggle.action [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: 1.4em; } #IE7 .icon-large { font-size: 1.3333em; } #IE7 .icon-glass { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-music { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-envelope { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-heart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-star { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-star-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-user { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-film { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-th-large { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-th { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-th-list { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-ok { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-remove { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-zoom-in { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-zoom-out { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-signal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-trash { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-file { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-time { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-road { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-download-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-download { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-upload { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-inbox { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-play-circle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-repeat { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-refresh { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-list-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-lock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-flag { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-headphones { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-volume-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-volume-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-volume-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-qrcode { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-barcode { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-tag { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-tags { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-book { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-bookmark { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-print { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-camera { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-font { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-bold { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-italic { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-text-height { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-text-width { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-align-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-align-center { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-align-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-align-justify { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-list { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-indent-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-indent-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-facetime-video { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-picture { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-pencil { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-map-marker { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-adjust { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-tint { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-edit { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-share { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-step-backward { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-fast-backward { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-backward { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-play { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-pause { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-stop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-forward { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-fast-forward { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-step-forward { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-eject { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-chevron-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-chevron-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-plus-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-minus-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-remove-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-ok-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-question-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-info-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-screenshot { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-remove-circle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-ok-circle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-ban-circle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-arrow-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-arrow-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-arrow-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-arrow-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-share-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-resize-full { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-resize-small { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-plus, #IE7 .page-toggle .button .toggleIco, .page-toggle .button #IE7 .toggleIco { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-minus, #IE7 .page-toggle .button.open .toggleIco, .page-toggle .button.open #IE7 .toggleIco { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-asterisk { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-exclamation-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-gift { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-leaf { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-fire { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-eye-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-eye-close { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-warning-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-plane { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-calendar { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-random { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-comment { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-magnet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-chevron-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-chevron-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-retweet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-shopping-cart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-folder-close { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-folder-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-resize-vertical { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-resize-horizontal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-bar-chart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-twitter-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-facebook-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-camera-retro { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-key { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-cogs { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-comments { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-thumbs-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-thumbs-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-star-half { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-heart-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-signout { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-linkedin-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-pushpin { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-external-link { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-signin { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-trophy { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-github-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-upload-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-lemon { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-phone { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-check-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-bookmark-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-phone-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-facebook { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-github { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-unlock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-credit-card { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-rss { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-hdd { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-bullhorn { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-bell { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-certificate { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-hand-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-hand-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-hand-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-hand-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-circle-arrow-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-circle-arrow-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-circle-arrow-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-circle-arrow-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-globe { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-wrench { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-tasks { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-filter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-briefcase { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-fullscreen { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-group { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-link { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-cloud { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-beaker { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-cut { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-copy { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-paper-clip { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-save { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-sign-blank { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-reorder { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-list-ul { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-list-ol { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-strikethrough { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-underline { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-table { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-magic { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-truck { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-pinterest { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-pinterest-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-google-plus-sign { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-google-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-money { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-caret-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-caret-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-caret-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-caret-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-columns { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-sort { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-sort-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-sort-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-envelope-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-linkedin { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-undo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-legal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-dashboard { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-comment-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-comments-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-bolt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-sitemap { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-umbrella { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-paste { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } #IE7 .icon-user-md { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; opacity: 0.3; filter: alpha(opacity=30); } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown:hover .caret, .open .caret { opacity: 1; filter: alpha(opacity=100); } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 4px 0; margin: 1px 0 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .dropdown-menu a { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #333; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #fff; text-decoration: none; background-color: #0055cc; } .open { *z-index: 1000; } .open .dropdown-menu { display: block; } .pull-right .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000; content: "\2191"; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .typeahead { margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .well, #layout ul.sitemap { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote, #layout ul.sitemap blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fade { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; filter: alpha(opacity=100); } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000; text-shadow: 0 1px 0 white; opacity: 0.2; filter: alpha(opacity=20); } .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .btn, .Actions .action { display: inline-block; *display: inline; *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px; *line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: whitesmoke; background-image: -ms-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(top, #fff, #e6e6e6); background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #ccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn #IE8, .Actions .action #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6', GradientType=0); } .btn:hover, .Actions .action:hover, .btn:active, .Actions .action:active, .btn.active, .Actions .active.action, .btn.disabled, .Actions .disabled.action, .btn[disabled], .Actions [disabled].action { background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .Actions .action:active, .btn.active, .Actions .active.action { background-color: #cccccc \9; } .btn:first-child, .Actions .action:first-child { *margin-left: 0; } .btn:visited, .Actions .action:visited { color: #333 !important; } .btn:hover, .Actions .action:hover { color: #333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus, .Actions .action:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .Actions .active.action, .btn:active, .Actions .action:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .Actions .disabled.action, .btn[disabled], .Actions [disabled].action { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 9px 14px; font-size: 15px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-large [class^="icon-"] { margin-top: 1px; } .btn-small { padding: 5px 9px; font-size: 11px; line-height: 16px; } .btn-small [class^="icon-"] { margin-top: -1px; } .btn-mini { padding: 2px 6px; font-size: 11px; line-height: 14px; } .btn-primary, .Actions .action, .btn-primary:hover, .Actions .action:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-primary:visited, .Actions .action:visited, .btn-primary:hover:visited, .Actions .action:hover:visited, .btn-warning:visited, .btn-warning:hover:visited, .btn-danger:visited, .btn-danger:hover:visited, .btn-success:visited, .btn-success:hover:visited, .btn-info:visited, .btn-info:hover:visited, .btn-inverse:visited, .btn-inverse:hover:visited { color: #fff !important; } .btn-primary.active, .Actions .active.action, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-primary.active:visited, .Actions .active.action:visited, .btn-warning.active:visited, .btn-danger.active:visited, .btn-success.active:visited, .btn-info.active:visited, .btn-inverse.active:visited { color: rgba(255, 255, 255, 0.75); } .btn, .Actions .action { border-color: #ccc; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-primary, .Actions .action { background-color: #007cdb; background-image: -ms-linear-gradient(top, #0092db, #005bdb); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0092db), to(#005bdb)); background-image: -webkit-linear-gradient(top, #0092db, #005bdb); background-image: -o-linear-gradient(top, #0092db, #005bdb); background-image: -moz-linear-gradient(top, #0092db, #005bdb); background-image: linear-gradient(top, #0092db, #005bdb); background-repeat: repeat-x; border-color: #005bdb #005bdb #003c8f; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #005bdb; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-primary #IE8, .Actions .action #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0092DB', endColorstr='#FF005BDB', GradientType=0); } .btn-primary:hover, .Actions .action:hover, .btn-primary:active, .Actions .action:active, .btn-primary.active, .Actions .active.action, .btn-primary.disabled, .Actions .disabled.action, .btn-primary[disabled], .Actions [disabled].action { background-color: #005bdb; *background-color: #0051c2; } .btn-primary:active, .Actions .action:active, .btn-primary.active, .Actions .active.action { background-color: #0046a8 \9; } .btn-warning { background-color: #faa732; background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBB450', endColorstr='#FFF89406', GradientType=0); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { background-color: #da4f49; background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE5F5B', endColorstr='#FFBD362F', GradientType=0); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { background-color: #5bb75b; background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(top, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF62C462', endColorstr='#FF51A351', GradientType=0); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { background-color: #49afcd; background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(top, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF2F96B4', GradientType=0); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { background-color: #414141; background-image: -ms-linear-gradient(top, #555, #222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#222)); background-image: -webkit-linear-gradient(top, #555, #222); background-image: -o-linear-gradient(top, #555, #222); background-image: -moz-linear-gradient(top, #555, #222); background-image: linear-gradient(top, #555, #222); background-repeat: repeat-x; border-color: #222 #222 black; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF555555', endColorstr='#FF222222', GradientType=0); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #090909 \9; } button.btn, .Actions button.action, input[type="submit"].btn, .Actions input[type="submit"].action { *padding-top: 2px; *padding-bottom: 2px; } button.btn::-moz-focus-inner, .Actions button.action::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner, .Actions input[type="submit"].action::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, .Actions button.btn-large.action, input[type="submit"].btn.btn-large, .Actions input[type="submit"].btn-large.action { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, .Actions button.btn-small.action, input[type="submit"].btn.btn-small, .Actions input[type="submit"].btn-small.action { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, .Actions button.btn-mini.action, input[type="submit"].btn.btn-mini, .Actions input[type="submit"].btn-mini.action { *padding-top: 1px; *padding-bottom: 1px; } .btn-group { position: relative; *zoom: 1; *margin-left: .3em; } .btn-group:before, .btn-group:after { display: table; content: ""; } .btn-group:after { clear: both; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { margin-top: 9px; margin-bottom: 9px; } .btn-toolbar .btn-group { display: inline-block; *display: inline; *zoom: 1; } .btn-group > .btn, .Actions .btn-group > .action { position: relative; float: left; margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn:first-child, .Actions .btn-group > .action:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .btn-group > .btn:last-child, .Actions .btn-group > .action:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .btn-group > .btn.large:first-child, .Actions .btn-group > .large.action:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .btn-group > .btn.large:last-child, .Actions .btn-group > .large.action:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .btn-group > .btn:hover, .Actions .btn-group > .action:hover, .btn-group > .btn:focus, .Actions .btn-group > .action:focus, .btn-group > .btn:active, .Actions .btn-group > .action:active, .btn-group > .btn.active, .Actions .btn-group > .active.action { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); *padding-top: 4px; *padding-bottom: 4px; } .btn-group > .btn-mini.dropdown-toggle { padding-left: 5px; padding-right: 5px; } .btn-group > .btn-small.dropdown-toggle { *padding-top: 4px; *padding-bottom: 4px; } .btn-group > .btn-large.dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group.open .btn.dropdown-toggle, .btn-group.open .Actions .dropdown-toggle.action, .Actions .btn-group.open .dropdown-toggle.action { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle, .btn-group.open .Actions .dropdown-toggle.action, .Actions .btn-group.open .dropdown-toggle.action { background-color: #005bdb; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222; } .btn .caret, .Actions .action .caret { margin-top: 7px; margin-left: 0; } .btn:hover .caret, .Actions .action:hover .caret, .open.btn-group .caret { opacity: 1; filter: alpha(opacity=100); } .btn-mini .caret { margin-top: 5px; } .btn-small .caret { margin-top: 6px; } .btn-large .caret { margin-top: 6px; border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .dropup .btn-large .caret { border-bottom: 5px solid #000; border-top: 0; } .btn-primary .caret, .Actions .action .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: 0.75; filter: alpha(opacity=75); } .alert { padding: 8px 35px 8px 14px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #c09853; } .alert-heading { color: inherit; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 18px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .nav { margin-left: 0; margin-bottom: 18px; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover { text-decoration: none; background-color: #eee; } .nav > .pull-right { float: right; } .nav .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 18px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:visited { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0055cc; } .nav-list [class^="icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-tabs:after, .nav-pills:before, .nav-pills:after { display: table; content: ""; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 18px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:visited { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:visited { color: #fff; background-color: #0055cc; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .nav-tabs.nav-stacked > li > a:hover { border-color: #ddd; z-index: 2; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .nav-pills .dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret { border-top-color: #0055cc; border-bottom-color: #0055cc; margin-top: 6px; } .nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret { border-top-color: #003580; border-bottom-color: #003580; } .nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret { border-top-color: #333; border-bottom-color: #333; } .nav > .dropdown.active > a:hover { color: #000; cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #fff; background-color: #999; border-color: #999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover { border-color: #999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; content: ""; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-bottom-color: transparent; border-top-color: #ddd; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: #eee #ddd #eee #eee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #fff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #eee #eee #eee #ddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #fff; } .navbar { *position: relative; *z-index: 2; overflow: visible; margin-bottom: 18px; } .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; background-color: #2c2c2c; background-image: -ms-linear-gradient(top, #333, #222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222)); background-image: -webkit-linear-gradient(top, #333, #222); background-image: -o-linear-gradient(top, #333, #222); background-image: -moz-linear-gradient(top, #333, #222); background-image: linear-gradient(top, #333, #222); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); } .navbar-inner #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF333333', endColorstr='#FF222222', GradientType=0); } .nav-collapse.collapse { height: auto; } .navbar { color: #999; } .navbar .brand:hover { text-decoration: none; } .navbar .brand { float: left; display: block; padding: 8px 20px 12px; margin-left: -20px; font-size: 20px; font-weight: 200; line-height: 1; color: #999; } .navbar .navbar-text { margin-bottom: 0; line-height: 40px; } .navbar .navbar-link { color: #999; } .navbar .navbar-link:hover { color: #fff; } .navbar .btn, .navbar .Actions .action, .Actions .navbar .action, .navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn, .navbar .btn-group .Actions .action, .Actions .navbar .btn-group .action { margin: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; content: ""; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 6px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 6px; margin-bottom: 0; } .navbar-search .search-query { padding: 4px 9px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; color: #fff; background-color: #626262; border: 1px solid #151515; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .navbar-search .search-query:-moz-placeholder { color: #ccc; } .navbar-search .search-query::-webkit-input-placeholder { color: #ccc; } .navbar-search .search-query:focus, .navbar-search .search-query.focused { padding: 5px 10px; color: #333; text-shadow: 0 1px 0 #fff; background-color: #fff; border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-bottom { bottom: 0; } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; } .navbar .nav > li { display: block; float: left; } .navbar .nav > li > a { float: none; padding: 9px 10px 11px; line-height: 19px; color: #999; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar .btn, .navbar .Actions .action, .Actions .navbar .action { display: inline-block; padding: 4px 10px 4px; margin: 5px 5px 6px; line-height: 18px; } .navbar .btn-group { margin: 0; padding: 5px 5px 6px; } .navbar .nav > li > a:hover { background-color: transparent; color: #fff; text-decoration: none; } .navbar .nav .active > a, .navbar .nav .active > a:hover { color: #fff; text-decoration: none; background-color: #222; } .navbar .divider-vertical { height: 40px; width: 1px; margin: 0 9px; overflow: hidden; background-color: #222; border-right: 1px solid #333; } .navbar .nav.pull-right { margin-left: 10px; margin-right: 0; } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; background-color: #2c2c2c; background-image: -ms-linear-gradient(top, #333, #222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222)); background-image: -webkit-linear-gradient(top, #333, #222); background-image: -o-linear-gradient(top, #333, #222); background-image: -moz-linear-gradient(top, #333, #222); background-image: linear-gradient(top, #333, #222); background-repeat: repeat-x; border-color: #222 #222 black; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); } .navbar .btn-navbar #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF333333', endColorstr='#FF222222', GradientType=0); } .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { background-color: #222; *background-color: #151515; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #090909 \9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .navbar .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 10px; } .navbar-fixed-bottom .dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto; } .navbar-fixed-bottom .dropdown-menu:after { border-top: 6px solid #fff; border-bottom: 0; bottom: -6px; top: auto; } .navbar .nav li.dropdown .dropdown-toggle .caret, .navbar .nav li.dropdown.open .caret { border-top-color: #fff; border-bottom-color: #fff; } .navbar .nav li.dropdown.active .caret { opacity: 1; filter: alpha(opacity=100); } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: transparent; } .navbar .nav li.dropdown.active > .dropdown-toggle:hover { color: #fff; } .navbar .pull-right .dropdown-menu, .navbar .dropdown-menu.pull-right { left: auto; right: 0; } .navbar .pull-right .dropdown-menu:before, .navbar .dropdown-menu.pull-right:before { left: auto; right: 12px; } .navbar .pull-right .dropdown-menu:after, .navbar .dropdown-menu.pull-right:after { left: auto; right: 13px; } .breadcrumb { padding: 7px 14px; margin: 0 0 18px; list-style: none; background-color: #fbfbfb; background-image: -ms-linear-gradient(top, #fff, #f5f5f5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f5f5f5)); background-image: -webkit-linear-gradient(top, #fff, #f5f5f5); background-image: -o-linear-gradient(top, #fff, #f5f5f5); background-image: -moz-linear-gradient(top, #fff, #f5f5f5); background-image: linear-gradient(top, #fff, #f5f5f5); background-repeat: repeat-x; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; } .breadcrumb #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF5F5F5', GradientType=0); } .breadcrumb li { display: inline-block; *display: inline; *zoom: 1; text-shadow: 0 1px 0 #fff; } .breadcrumb .divider { padding: 0 5px; color: #999; } .breadcrumb .active a { color: #333; } .pagination { height: 36px; margin: 18px 0; } .pagination ul { display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination li { display: inline; } .pagination a { float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; } .pagination a:hover, .pagination .active a { background-color: #f5f5f5; } .pagination .active a { color: #999; cursor: default; } .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover { color: #999; background-color: transparent; cursor: default; } .pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pager { margin-left: 0; margin-bottom: 18px; list-style: none; text-align: center; *zoom: 1; } .pager:before, .pager:after { display: table; content: ""; } .pager:after { clear: both; } .pager li { display: inline; } .pager a { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pager a:hover { text-decoration: none; background-color: #f5f5f5; } .pager .next a { float: right; } .pager .previous a { float: left; } .pager .disabled a, .pager .disabled a:hover { color: #999; background-color: #fff; cursor: default; } .modal-open .dropdown-menu { z-index: 2050; } .modal-open .dropdown.open { *z-index: 2050; } .modal-open .popover { z-index: 2060; } .modal-open .tooltip { z-index: 2070; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 50%; left: 50%; z-index: 1050; overflow: auto; width: 560px; margin: -250px 0 0 -280px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -ms-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; top: -25%; } .modal.fade.in { top: 50%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-body { overflow-y: auto; max-height: 400px; padding: 15px; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; *zoom: 1; } .modal-footer:before, .modal-footer:after { display: table; content: ""; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn, .modal-footer .Actions .action + .btn, .Actions .modal-footer .action + .btn, .modal-footer .Actions .btn + .action, .Actions .modal-footer .btn + .action, .modal-footer .Actions .action + .action, .Actions .modal-footer .action + .action { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .Actions .action + .btn, .Actions .modal-footer .btn-group .action + .btn, .modal-footer .btn-group .Actions .btn + .action, .Actions .modal-footer .btn-group .btn + .action, .modal-footer .btn-group .Actions .action + .action, .Actions .modal-footer .btn-group .action + .action { margin-left: -1px; } .tooltip { position: absolute; z-index: 1020; display: block; visibility: visible; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -2px; } .tooltip.right { margin-left: 2px; } .tooltip.bottom { margin-top: 2px; } .tooltip.left { margin-left: -2px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; padding: 5px; } .popover.top { margin-top: -5px; } .popover.right { margin-left: 5px; } .popover.bottom { margin-top: 5px; } .popover.left { margin-left: -5px; } .popover.top .arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; } .popover.right .arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; } .popover.bottom .arrow { top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; } .popover.left .arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; } .popover .arrow { position: absolute; width: 0; height: 0; } .popover-inner { padding: 3px; width: 280px; overflow: hidden; background: #000; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); } .popover-title { padding: 9px 15px; line-height: 1; background-color: #f5f5f5; border-bottom: 1px solid #eee; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .popover-content { padding: 14px; background-color: #fff; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; content: ""; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 18px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 1; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); } a.thumbnail:hover { border-color: #0055cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; } .label, .badge { font-size: 10.998px; font-weight: bold; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999; } .label { padding: 1px 4px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding: 1px 9px 2px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } a.label:visited, a.badge:visited { color: #fff; } a.label:hover, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 18px; margin-bottom: 18px; background-color: #f7f7f7; background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .progress #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFF9F9F9', GradientType=0); } .progress .bar { width: 0%; height: 18px; color: #fff; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -ms-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(top, #149bdf, #0480be); background-repeat: repeat-x; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF149BDF', endColorstr='#FF0480BE', GradientType=0); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar { background-color: #dd514c; background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); background-repeat: repeat-x; } .progress-danger .bar #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE5F5B', endColorstr='#FFC43C35', GradientType=0); } .progress-danger.progress-striped .bar { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar { background-color: #5eb95e; background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); background-repeat: repeat-x; } .progress-success .bar #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF62C462', endColorstr='#FF57A957', GradientType=0); } .progress-success.progress-striped .bar { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar { background-color: #4bb1cf; background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); background-repeat: repeat-x; } .progress-info .bar #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF339BB9', GradientType=0); } .progress-info.progress-striped .bar { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar { background-color: #faa732; background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; } .progress-warning .bar #IE8 { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBB450', endColorstr='#FFF89406', GradientType=0); } .progress-warning.progress-striped .bar { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .accordion { margin-bottom: 18px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; margin-bottom: 18px; line-height: 1; } .carousel-inner { overflow: hidden; width: 100%; position: relative; } .carousel .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -ms-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel .item > img { display: block; line-height: 1; } .carousel .active, .carousel .next, .carousel .prev { display: block; } .carousel .active { left: 0; } .carousel .next, .carousel .prev { position: absolute; top: 0; width: 100%; } .carousel .next { left: 100%; } .carousel .prev { left: -100%; } .carousel .next.left, .carousel .prev.right { left: 0; } .carousel .active.left { left: -100%; } .carousel .active.right { left: 100%; } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-align: center; background: #222; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { left: auto; right: 15px; } .carousel-control:hover { color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 15px 5px; background: #333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { color: #fff; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } /************************************************* Generic Userform Styling & form related components * User forms styling includes a little more than custom forms * so that they look finished without needing to modify any code. * Extend this style to apply userforms styling to your custom forms, * or modify it to change the look of your userforms **************************************************/ #Form_Form { padding: 0; } form { /* Label formatting */ /* Required star "*" styling */ /* Styling for messages */ /** * Form fields formatting ---------------------------------------- */ } form .field { margin: 0 0 12px 0; clear: both; padding: 0; width: 100%; } form .middleColumn { margin: 5px 0 0; width: 450px; clear: both; } form .FormHeading { clear: both; margin-top: 18px; margin-bottom: 9px; padding-bottom: 9px; border-bottom: 1px solid #eee; color: #225176; } form fieldset > div.field { padding: 0; margin: 0 0 14px 0; } form label { width: auto; text-align: left; } form label.left { font-weight: bold; margin-bottom: 5px; } form label.right { /* Right label - used like a tooltip */ font-size: 12px; font-weight: normal; color: #888; margin: 0 0 18px; } .lt-ie8 form label.right { margin-bottom: 0; } form label.extra { color: #525252; font-weight: normal; width: 100%; max-width: 490px; text-align: left; font-style: italic; font-size: 1em; line-height: 1.5em; } form label.required { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; clear: both; float: none; width: 100%; max-width: 490px; } .textarea form label.required { width: 100%; max-width: 100%; } form .requiredField label:after { content: '*'; padding-left: 3px; font-size: 14px; font-weight: normal; color: #B94A48; } form .requiredField label.right:after { content: ''; padding-left: 0; } form .requiredField .requiredField label:after, form .requiredField label.required:after { display: none !important; } form .requiredField label.required { margin-top: 0; } form .message { padding: 5px 9px; /* margin-right:5px; */ font-weight: normal; font-size: 13px; line-height: 18px; display: block; clear: both; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background: #fbfbfb; border: 1px solid #eee; color: #333; } form .message.error, form label.required, form .message.bad, form .message.required { padding: 5px 9px; /* margin-right:5px; */ font-weight: normal; font-size: 13px; line-height: 18px; display: block; clear: both; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background: #f2dede; border: 1px solid #eed3d7; color: #b94a48; } form .message.good, form .message.success { padding: 5px 9px; /* margin-right:5px; */ font-weight: normal; font-size: 13px; line-height: 18px; display: block; clear: both; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background: #dff0d8; border: 1px solid #d6e9c6; color: #468847; } form .message.warning { padding: 5px 9px; /* margin-right:5px; */ font-weight: normal; font-size: 13px; line-height: 18px; display: block; clear: both; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background: #fcf8e3; border: 1px solid #fbeed5; color: #c09853; } form .message.info { padding: 5px 9px; /* margin-right:5px; */ font-weight: normal; font-size: 13px; line-height: 18px; display: block; clear: both; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background: #d9edf7; border: 1px solid #bce8f1; color: #3a87ad; } form .required { color: #b94a48; border-color: #b94a48; } form .required:focus { border-color: #953b39; -webkit-box-shadow: 0 0 6px #d59392; -moz-box-shadow: 0 0 6px #d59392; box-shadow: 0 0 6px #d59392; } form input, form textarea, form select { margin-bottom: 6px; color: #707070; display: inline-block; border-radius: 2px; padding: 4px 6px; line-height: 18px; font-size: 13px; } form input:focus, form textarea:focus, form select:focus { box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } form textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } form select, form input.text, form input.file { height: 27px; max-width: 490px; line-height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } form select.date, form input.text.date, form input.file.date { width: 100px; max-width: 100%; } .lt-ie8 form select, .lt-ie8 form input.text, .lt-ie8 form input.file { height: 20px; width: 300px; line-height: 20px; } form input.text { width: 300px; } form input[type=file] { border: 1px solid #ddd; padding: 0; font-size: 13px; height: 22px; } form .date .middleColumn { width: 114px; } form .date .middleColumn input { background: transparent url(../images/icons/date.png) no-repeat 90px 5px; padding: 4px; width: 114px; } form input[type="checkbox"], form input[type="radio"] { border: medium none; height: auto; line-height: normal; padding: 0; width: auto; } form .checkbox input[type="checkbox"] { margin-left: 0; } form .checkbox input, form input[type=checkbox], form input[type=radio] { float: left; margin: 2px 6px 0 0; /* #IE7 &{ margin-top: 0; } */ } form input[type=radio] { margin-top: 3px; /* #IE7 &{ margin-top: 0; } */ } form .field.checkbox { /* Checkbox not in checkbox set */ } form .field.checkbox label.right { font-weight: normal; padding-top: 0; width: 410px; color: #555555; font-size: 13px; margin-top: 1px; padding: 0; /* #IE7 &{ margin-top: 1px; } */ } form option { line-height: 27px; font-size: 12px; padding: 2px 6px; color: #707070; } /* Checkboxes and radio buttons ---------------------------------------- */ .checkbox label { color: #333; font-weight: normal; font-style: normal; position: static; } .checkbox label.required { color: #b94a48; float: left; margin-top: 10px; margin-left: -20px; } div.optionset { position: relative; } div.optionset ul.optionset { list-style: none; margin-left: 0; } div.optionset ul.optionset label { font-weight: normal; padding-top: 3px; display: inline-block; *zoom: 1; } div.optionset ul.optionset label:before, div.optionset ul.optionset label:after { display: table; content: ""; } div.optionset ul.optionset label:after { clear: both; } #IE7 div.optionset ul.optionset label { float: left; width: 200px; } div.optionset ul.optionset input { clear: both; float: left; margin-right: 10px; } /* Date styles ---------------------------------------- */ div.date { padding-right: 30px; } div.date label { float: left; margin-right: 10px; } div.date input { margin-right: 5px; } div.date img { background: transparent url(../images/icons/date.png) no-repeat top left; height: 0; overflow: hidden; padding-top: 15px; /* height of icon for screen */ width: 15px; /* width of icon for screen */ } .typography .ui-datepicker table { /* width:15em !important; max-width:50% !important; */ } .typography .ui-datepicker table th, .typography .ui-datepicker table td { padding: 1px; } .ui-widget { font-size: 12px !important; line-height: 12px !important; } /* ACTIONs & BUTTONS ---------------------------------------- */ .Actions { margin: 9px 0; padding: 14px 15px 4px; border: 1px solid #CCD9E2; background: #F3F4F5; /* Old browszzzzzers */ background: -moz-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F4F5), color-stop(100%, #E5E8EB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* IE10+ */ background: linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* W3C */ /* @include background-image(linear-gradient(top, $topColor,$bottomColor)); */ } #IE .Actions { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F4F5', endColorstr='#E5E8EB',GradientType=0 ); /* IE6-9 */ } .Actions #ForgotPassword { margin-bottom: 0; } .Actions .action { padding-left: 15px; padding-right: 15px; margin: 0; } .Actions:after { content: '* Indicates a required field'; color: #B94A48; padding-left: 13px; font-weight: normal; display: inline-block; margin-top: 9px; } .typography a.btn, .typography .Actions a.action, .Actions .typography a.action { color: #fff !important; } input.action, button, a.btn, .Actions a.action, .btn, .Actions .action { background: #225176; border: 1px solid #225176; color: #FFFFFF !important; padding: 6px 10px 7px; margin: 0 9px 9px 0; background: #2d6c9e; /* Old browszzzzzers */ background: -moz-linear-gradient(top, #2d6c9e 0%, #225176 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d6c9e), color-stop(100%, #225176)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2d6c9e 0%, #225176 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2d6c9e 0%, #225176 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #2d6c9e 0%, #225176 100%); /* IE10+ */ background: linear-gradient(top, #2d6c9e 0%, #225176 100%); /* W3C */ /* @include background-image(linear-gradient(top, $topColor,$bottomColor)); */ -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; -webkit-box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.4), inset 0px 0px 1px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.4), inset 0px 0px 1px rgba(255, 255, 255, 0.4); box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.4), inset 0px 0px 1px rgba(255, 255, 255, 0.4); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7); } #IE input.action, #IE button, #IE a.btn, #IE .Actions a.action, .Actions #IE a.action, #IE .btn, #IE .Actions .action, .Actions #IE .action { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d6c9e', endColorstr='#225176',GradientType=0 ); /* IE6-9 */ } input.action:hover, button:hover, a.btn:hover, .Actions a.action:hover, .btn:hover, .Actions .action:hover { cursor: pointer; background: #225176; background-position: 0 0 !important; color: #FFF; background: #337ab1; /* Old browszzzzzers */ background: -moz-linear-gradient(top, #337ab1 0%, #285f8a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #337ab1), color-stop(100%, #285f8a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #337ab1 0%, #285f8a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #337ab1 0%, #285f8a 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #337ab1 0%, #285f8a 100%); /* IE10+ */ background: linear-gradient(top, #337ab1 0%, #285f8a 100%); /* W3C */ /* @include background-image(linear-gradient(top, $topColor,$bottomColor)); */ } #IE input.action:hover, #IE button:hover, #IE a.btn:hover, #IE .Actions a.action:hover, .Actions #IE a.action:hover, #IE .btn:hover, #IE .Actions .action:hover, .Actions #IE .action:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#337ab1', endColorstr='#285f8a',GradientType=0 ); /* IE6-9 */ } input.action:focus, input.action:active, button:focus, button:active, a.btn:focus, .Actions a.action:focus, a.btn:active, .Actions a.action:active, .btn:focus, .Actions .action:focus, .btn:active, .Actions .action:active { background: #255982 !important; } .lt-ie8 input.action, .lt-ie8 button, .lt-ie8 a.btn, .lt-ie8 .Actions a.action, .Actions .lt-ie8 a.action, .lt-ie8 .btn, .lt-ie8 .Actions .action, .Actions .lt-ie8 .action { padding: 2px 10px 2px; } .modal:focus { outline: none; } .modal.fade { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; top: 50%; } .modal.fade.in { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /***************************** TaKEOVERS LAYOUT ******************************/ html, body { height: 100%; padding: 0; } .deviceOnly { display: none; } .wrapper { /* background: transparent url(../images/page-bg.png) repeat-x left 28px; */ background: #F3F7F5 url(../img/background.png); /* below styles are used for sticky footer */ /* min-height: 100%; height: auto !important; height: 100%; margin: 0 auto $footerAdjust; */ } .container { z-index: 0; } .push { /* Used for sticky footer */ /* height: $footerHeight; */ } header .navbar h1, footer .navbar h1 { text-transform: uppercase; letter-spacing: 5px; } header .brand, footer .brand { float: left; font-size: 16px; margin: 0; padding-left: 0; font-weight: bold; color: #FFF; height: 25px; width: 274px; } header .brand:hover, footer .brand:hover { text-decoration: none; } header .container, footer .container { z-index: 8; } header { width: 100%; z-index: 9; position: relative; background: #F3F7F5 url(../img/background.png); } header h1 { padding-top: 8px; float: left; margin-bottom: 0; color: #225176; } header h1 .brand { padding-top: 14px; } header #printLogo { display: none; } .headerShadow { background: transparent url(../images/header_shadow.png) no-repeat left top; height: 10px; width: 960px; display: block; bottom: 0; position: absolute; margin-left: -10px; bottom: -10px; } #layout { /* Search results */ /* Listed items on holder pages */ /* Subscribe */ } #layout .sidebarSpan { width: 200px; overflow: hidden !important; } #layout .pageHeader { overflow: hidden; background-color: transparent; padding: 10px 0; border-bottom: 3px solid #225176; margin-bottom: 27px; border-radius: 0; } #layout .pageHeader h1 { font-size: 42px; line-height: 45px; margin-bottom: 9px; letter-spacing: -1px; width: 94%; color: #225176; } #layout .pageHeader h1.itemOverview { font-size: 30px; line-height: 36px; margin-top: 9px; } #layout .pageHeader p.abstract { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 27px; color: #555; background: #F3F4F5; /* Old browszzzzzers */ background: -moz-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F4F5), color-stop(100%, #E5E8EB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* IE10+ */ background: linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* W3C */ /* @include background-image(linear-gradient(top, $topColor,$bottomColor)); */ padding: 15px 19px 19px; border: 1px solid #CCD9E2; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-radius: 2px; } #IE #layout .pageHeader p.abstract { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F4F5', endColorstr='#E5E8EB',GradientType=0 ); /* IE6-9 */ } #layout .pageHeader #SearchModeToggler { display: block; padding-bottom: 10px; } #layout .contentBody { background-color: #FFF; border-left: 1px solid #CCD9E2; border-right: 1px solid #CCD9E2; margin-left: -1px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); min-height: 500px; padding: 36px 29px 54px; width: 680px; } #layout .contentBody .span9 { width: 680px; } #layout .contentBody .span3 { width: 213px; } #layout .contentBody h2, #layout .contentBody h3, #layout .contentBody h4 { margin-top: 27px; } #layout .contentBody h2.secondHeading, #layout .contentBody h3.secondHeading, #layout .contentBody h4.secondHeading { margin-top: -5px; } #layout .fullPage { width: 880px; } #layout .fullPage .in-page-search { float: right; margin-right: 0px; margin-top: -6px; z-index: 6; } #layout .fullPage .in-page-search .search-query { width: 320px; float: right; } #layout .fullPage .in-page-search .btn, #layout .fullPage .in-page-search .Actions .action, .Actions #layout .fullPage .in-page-search .action { margin-right: 0; } #layout .fullPage .in-page-search form div.field { float: left; clear: none; } #layout .fullPage .in-page-search form div.field .middleColumn { margin-top: 0px; } #layout .fullPage .in-page-search form #Search { width: 365px; } #layout .fullPage .in-page-search form .search-query { padding: 7px 10px 6px; float: left; width: 335px; } #layout .fullPage .in-page-search form #SearchFilters { width: 125px; } #layout .fullPage .in-page-search form #SearchFilters select { float: left; width: 129px; } #layout .fullPage .in-page-search form #SearchFilters label { display: none; } #layout .fullPage h4.searchQuery { margin-top: 0; width: 400px; } #layout .fullPage h4.searchQuery span { color: #B12210; } .lt-ie8 #layout .fullPage h4.searchQuery { padding-bottom: 14px; } #layout .fullPage #SearchResults { list-style: none; margin-left: 0; } #layout .fullPage #SearchResults > li { border-bottom: 1px solid #CCD9E2; margin-bottom: 18px; } #layout .fullPage #SearchResults > li h5 { margin-bottom: 18px; } #layout .fullPage #SearchResults > li p { margin-top: -14px; } #layout .fullPage .printShare { margin-top: -32px !important; margin-bottom: 0; float: right; width: 16px; } #layout .fullPage #SearchForm_SearchForm_2 { width: 445px; } .lt-ie8 #layout .fullPage #SearchForm_SearchForm_2 { margin-right: -16px; padding-bottom: 20px; } #layout .secondHeading { font-weight: normal; color: #225176; } #layout .tagline { font-weight: bold; font-weight: 700; margin: 0 0 18px; padding: 18px 40px 18px; text-align: center; font-style: italic; } #layout .tagline h2 { font-size: 37px; line-height: 45px; letter-spacing: -1px; font-family: Georgia, "Droid Serif", serif; } #layout .tagline h3 { font-size: 20px; line-height: 24px; font-weight: normal; margin-top: 13px; font-family: Georgia, "Droid Serif", serif; } #layout .tabFeature { border-top: 3px solid #AA241A; background-color: #F0F1F3; background: #F3F4F5; /* Old browszzzzzers */ background: -moz-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F4F5), color-stop(100%, #E5E8EB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* IE10+ */ background: linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* W3C */ /* @include background-image(linear-gradient(top, $topColor,$bottomColor)); */ margin-bottom: 36px; -webkit-box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.2); transition: width 0.2s, height 1s; -moz-transition: width 0.2s, height 1s; /* Firefox 4 */ -webkit-transition: width 0.2s, height 1s; /* Safari and Chrome */ -o-transition: width 0.2s, height 1s; /* Opera */ border-radius: 2px; } #IE #layout .tabFeature { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F4F5', endColorstr='#E5E8EB',GradientType=0 ); /* IE6-9 */ } #layout .tabFeature .tabbable { border: 1px solid #CCD9E2; border-top: none; border-radius: 0 0 2px 2px; } #layout .tabFeature .tabbable ul.nav-tabs { width: 220px; margin: 0; padding: 0; border-right: 0; list-style: none; } #layout .tabFeature .tabbable ul.nav-tabs li { margin-bottom: 0; position: relative; /*These are classes applied to links when one link is the main clickable area and the other is a link within the main clickable area*/ } #layout .tabFeature .tabbable ul.nav-tabs li a { cursor: pointer; border-radius: 0; border-left: none; border-top: none; border-bottom: 1px solid #CCD9E2; font-size: 15px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 18px 10px 18px 20px; margin-bottom: 0; position: relative; } #layout .tabFeature .tabbable ul.nav-tabs li a:hover { background-color: transparent; color: #B12210; } #layout .tabFeature .tabbable ul.nav-tabs li a i { display: none; } #layout .tabFeature .tabbable ul.nav-tabs li a .iconArrowRightLarge { position: absolute; left: 204px; height: 12px; margin-top: 2px; width: 6px; display: none; background: url(../images/icons/arrow_right_red_large.png) no-repeat right top; } #layout .tabFeature .tabbable ul.nav-tabs li a.tabLink { background: none; position: absolute; } #layout .tabFeature .tabbable ul.nav-tabs li.first a { border-top: 0; } #layout .tabFeature .tabbable ul.nav-tabs li.active a { color: #B12210; } #layout .tabFeature .tabbable ul.nav-tabs li.active a .iconArrowRightLarge { display: block; } #layout .tabFeature .tabbable ul.nav-tabs li.active a i { display: block; } #layout .tabFeature .tabbable ul.nav-tabs li.active a:hover { background-color: #FFF; } #layout .tabFeature .tabbable ul.nav-tabs li a.outerLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; outline: none; padding: 0; border: none; } #IE #layout .tabFeature .tabbable ul.nav-tabs li a.outerLink { background-color: #ffffff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } #layout .tabFeature .tabbable ul.nav-tabs li a.innerLink { position: relative; top: 0; left: 0; z-index: 500; zoom: 1; } #layout .tabFeature .tabbable .tab-content { background-color: #FFF; padding: 20px 20px; min-height: 250px; border-left: 1px solid #CCD9E2; border-radius: 2px; } #layout .tabFeature .tabbable .tab-content .tab-pane { overflow: hidden; background: #FFF url(../images/borderVert.png) repeat-y 219px 0; } #layout .tabFeature .tabbable .tab-content .tab-pane#tab-featured { background: none; } #layout .tabFeature .tabbable .tab-content .tab-pane#tab-featured .itemList { width: 100%; padding: 0; } #layout .tabFeature .tabbable .tab-content .tab-pane#tab-featured .itemList li { border-bottom: 1px dashed #0092db; margin: 0 10px 9px 10px; } #layout .tabFeature .tabbable .tab-content .tab-pane#tab-featured .itemList li p.meta { margin-bottom: 9px; } #layout .tabFeature .tabbable .tab-content .abstract { float: left; width: 199px; padding-right: 20px; } #layout .tabFeature .tabbable .tab-content .abstract p { font-size: 15px; line-height: 22px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; } #layout .tabFeature .tabbable .tab-content .landingContent, #layout .tabFeature .tabbable .tab-content .itemList { padding-left: 20px; width: 437px; float: left; margin-left: -1px; } #layout .tabFeature .tabbable .tab-content .itemList { list-style: none; overflow: hidden; } #layout .tabFeature .tabbable .tab-content .itemList .listHeader { font-weight: normal; font-size: 13px; color: #225176; margin-bottom: 9px; } #layout .homeExtras { margin-bottom: 54px; /* Quicklinks */ } #layout .homeExtras .linkSet { border-right: 1px solid #CCD9E2; } #layout .homeExtras .linkSet ul { list-style: none; margin: 0; } #layout .homeExtras .linkSet ul li { float: left; width: 220px; margin-bottom: 9px; } #layout .homeExtras .linkSet ul li a { line-height: 18px; } #layout .homeExtras .linkSet ul li a[href*="http://"] { background: transparent url(../images/icons/external_link_blue.png) no-repeat right top; padding-right: 15px; } #layout .homeExtras .linkSet ul li a[href*="http://"]:hover { background: transparent url(../images/icons/external_link_red.png) no-repeat right top; } #layout .homeExtras.homeExtrasRight { border-left: 1px solid #CCD9E2; margin-left: -1px; padding-left: 20px; } #layout .homeExtras h4 { margin-bottom: 14px; } #layout ul.listedItems { margin: 0; padding: 0; list-style: none; } #layout ul.listedItems li { margin-bottom: 12px; position: relative; } #layout ul.listedItems li .itemAbstractToggle { color: #0088CC; right: 0; position: absolute; display: block; margin-top: 4px; cursor: pointer; } #layout ul.listedItems li h3 { margin-top: 18px; margin-bottom: 9px; margin-right: 70px; } #layout ul.listedItems li h3 a.externalLink { background: transparent url(../images/icons/external_link_blue.png) no-repeat right top; padding-right: 15px; } #layout ul.listedItems li h3 a.externalLink:hover { background: transparent url(../images/icons/external_link_red.png) no-repeat right top; } #layout ul.listedItems li.header h3 { margin-right: 0; } #layout ul.listedItems li.header h3 a { font-size: 20px; } #layout ul.listedItems .transaction-result-company { width: 80%; display: inline-block; margin-right: 0; margin-top: 0; } #layout ul.listedItems .transaction-result-date { width: 19%; display: inline-block; } #layout #SubscribeForm { position: relative; height: 56px; min-height: 56px; } #layout #SubscribeForm #Subscribe { border: 1px solid #CCD9E2; position: absolute; margin-bottom: 0; padding: 9px; width: 440px; background-color: #F0F1F3; background: #F3F4F5; /* Old browszzzzzers */ background: -moz-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F4F5), color-stop(100%, #E5E8EB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* IE10+ */ background: linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* W3C */ /* @include background-image(linear-gradient(top, $topColor,$bottomColor)); */ -webkit-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1); } #IE #layout #SubscribeForm #Subscribe { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F4F5', endColorstr='#E5E8EB',GradientType=0 ); /* IE6-9 */ } #layout #SubscribeForm #Subscribe input { float: left; margin-right: 9px; width: 282px; padding-left: 31px; background: #FFF url(../images/subscribe-arrow.png) no-repeat 13px 12px; } #layout #SubscribeForm #Subscribe input::-webkit-input-placeholder { font-style: italic; } #layout #SubscribeForm #Subscribe input:-moz-placeholder { font-style: italic; } #layout #SubscribeForm #Subscribe input:-ms-input-placeholder { font-style: italic; } #layout #SubscribeForm #Subscribe input:focus::-webkit-input-placeholder { color: transparent; } #layout #SubscribeForm #Subscribe input, #layout #SubscribeForm #Subscribe button { padding-top: 8px; padding-bottom: 8px; margin-bottom: 0; } #layout #SubscribeForm #Subscribe button, #layout #SubscribeForm #Subscribe .btn, #layout #SubscribeForm #Subscribe .Actions .action, .Actions #layout #SubscribeForm #Subscribe .action { text-transform: uppercase; width: 110px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-right: 0; float: left; margin-left: 0; } #layout #SubscribeForm p.subscribeSuccess, #layout #SubscribeForm p.subscribeError { color: #FFF; padding: 14px 10px 9px; position: absolute; margin: 52px 10px 0; width: 417px; display: none; text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); } #layout #SubscribeForm p.subscribeSuccess span.iconTick, #layout #SubscribeForm p.subscribeError span.iconTick { display: inline-block; background: transparent url(../images/icons/tick_cross.png) no-repeat left bottom; width: 14px; height: 12px; margin-right: 6px; margin-left: 2px; } #layout #SubscribeForm p.subscribeSuccess { border: 1px solid #026187; background: #0275A6 url(../images/sub_message.png) repeat-x left -41px; } #layout #SubscribeForm p.subscribeSuccess span.iconTick { display: inline-block; background: transparent url(../images/icons/tick_cross.png) no-repeat left top; width: 14px; height: 12px; margin-right: 6px; margin-left: 2px; } #layout #SubscribeForm p.subscribeError { background: #AA241A url(../images/sub_message.png) repeat-x left 2px; border: 1px solid #AA241A; } #layout #SubscribeForm p.subscribeError i.icon-exclamation-sign { margin-top: 2px; } footer { background-color: #FFF; height: 140px; border-top: 3px solid #AA241A; } footer .container { padding: 18px 0; } footer ul.nav { margin-bottom: 18px; height: 18px; list-style: none; margin-left: 0; } footer ul.nav li { float: left; } footer ul.nav li a { text-transform: uppercase; margin-right: 20px; color: #225176; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } footer ul.nav li a:hover { background-color: transparent; color: #B12210; } footer ul.nav li a:visited { color: #225176 !important; } footer ul.nav li a:visited:hover { color: #B12210 !important; } footer .copy { margin-bottom: 0; margin-top: -9px; } /* GENERIC STYLES */ .clear { clear: both; } ul.nav { list-style: none; margin-left: 0; } body header .navbar .searchButton, .ieSixMessage { display: none; } .js header .navbar .searchButton, header .navbar .searchButton.no-js { display: block; } .lt-ie7 .ieSixMessage { display: block; } #layout .printShare { margin-top: -29px !important; } #layout .printShare .print { background: transparent url(../images/icons/print.png) no-repeat left top; width: 16px; height: 1px; padding-top: 15px; display: block; overflow: hidden; } #layout .jsMessage { margin-top: 0px; padding: 5px 9px; /* margin-right:5px; */ font-weight: normal; font-size: 13px; line-height: 18px; display: block; clear: both; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background: #f2dede; border: 1px solid #eed3d7; color: #b94a48; margin-bottom: 0; } #layout .attachments { float: right; width: 150px; margin-left: 20px; color: #666; font-size: 12px; background: #F3F4F5; /* Old browszzzzzers */ background: -moz-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F4F5), color-stop(100%, #E5E8EB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* IE10+ */ background: linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* W3C */ /* @include background-image(linear-gradient(top, $topColor,$bottomColor)); */ border: 1px solid #CCD9E2; border-radius: 2px; padding: 14px; } #IE #layout .attachments { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F4F5', endColorstr='#E5E8EB',GradientType=0 ); /* IE6-9 */ } #layout .attachments h4 { margin-top: 9px; } #layout .attachments ul { list-style: none; margin: 0; } #layout .attachments ul li { line-height: 18px; margin: 4px 0 5px; } #layout .attachments ul li a { padding-top: 1px; } .border { border-top: 1px solid #CCD9E2; margin: 18px 0 18px 20px; height: 1px; } a .iconArrowLeft { padding-left: 15px; background: url(../images/icons/arrow_right.png) no-repeat 2px 3px; } .typography .pagination ul { margin-left: 0; } .typography .pagination ul li a { padding: 0 8px; } iframe { border: 0; } .deviceOnly { display: none; } .fixed { position: fixed; left: 0; /* ie7 fix */ } #layout ul.spacedList { list-style: none; margin-left: 0; } #layout ul.spacedList li { line-height: 22px; } #layout ul.spacedList li a { position: relative; display: block; } h4 i { margin-top: 4px; margin-left: 4px; } p.fakeBreadcrumb { margin-bottom: 0; } .switch { height: 27px; margin-top: -27px; background: #F3F4F5; /* Old browszzzzzers */ background: -moz-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F4F5), color-stop(100%, #E5E8EB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* IE10+ */ background: linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); /* W3C */ /* @include background-image(linear-gradient(top, $topColor,$bottomColor)); */ padding: 6px 15px 9px; } #IE .switch { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F4F5', endColorstr='#E5E8EB',GradientType=0 ); /* IE6-9 */ } .switch span, .switch a { float: left; display: inline-block; text-transform: uppercase; margin-top: 5px; padding-bottom: 3px; font-size: 12px; } .switch span { /* color: $highlightText; */ color: #225176; } .switch .forwardSlash { border-bottom: none; width: 9px; height: 29px; margin: 0 5px; background: transparent url(../images/forwardSlash.png) no-repeat left top; } .icon-white { color: #fff; } .icon-search { font-size: 1.3em; text-shadow: none; font-weight: normal; } /******* Sitemap **************/ #layout ul.sitemap { border: 1px solid #CCD9E2; background: #fff; list-style: none; margin-left: 0; padding: 0; position: static; display: block; } .lt-ie8 #layout ul.sitemap { border-bottom: 1px solid #CCD9E2; } #layout ul.sitemap .collapse { z-index: 0; } #layout ul.sitemap li { background: #fafafa; border-style: solid; border-width: 1px; border-top: none; border-bottom-color: #CCD9E2; border-left: none; border-right: none; z-index: 0; position: relative; line-height: 35px; } .lt-ie8 #layout ul.sitemap li { border-bottom: 1px solid #eee; } #layout ul.sitemap li.initial.first { border-top: none; } #layout ul.sitemap li.initial.first > a.sitemap-link { -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } #layout ul.sitemap li.initial.last > a.sitemap-link { -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } #layout ul.sitemap li a.sitemap-link { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-left: 24px; z-index: 1; display: block; width: 100%; height: 100%; position: relative; } #layout ul.sitemap li a.sitemap-link img { border: none; } #layout ul.sitemap li a.sitemap-link .sitetree-icon { margin: 0 5px 0 15px; } #layout ul.sitemap li a.sitemap-link:hover { text-decoration: none; background-color: #F0F1F3; } #layout ul.sitemap li.last { border-bottom: none; } #layout ul.sitemap li ul { margin: 0; padding: 0; list-style: none; height: auto; border: none; z-index: 0; } #layout ul.sitemap li ul li { border-top-color: rgba(255, 255, 255, 0.8); border-bottom-color: #cccccc; border-bottom-color: rgba(166, 166, 166, 0.1); text-indent: 15px; background-color: #F0F1F3; z-index: 0; } .lt-ie8 #layout ul.sitemap li ul li { overflow: hidden; border: none !important; } .lt-ie8 #layout ul.sitemap li ul li.first, .lt-ie8 #layout ul.sitemap li ul li.last { border: none; } .lt-ie8 #layout ul.sitemap li ul li li { border: none; } .lt-ie8 #layout ul.sitemap li ul li li.first, .lt-ie8 #layout ul.sitemap li ul li li.last { border: none; } #layout ul.sitemap li ul li.first { border-top: 1px solid #CCD9E2; border-top: 1px solid rgba(153, 153, 153, 0.1); } #layout ul.sitemap li ul li.last { border-bottom: 1px solid #CCD9E2; border-bottom: 1px solid rgba(153, 153, 153, 0.1); } #layout ul.sitemap li ul li li { background: none; border: none; text-indent: 25px; z-index: 0; } #layout ul.sitemap li ul li li.first, #layout ul.sitemap li ul li li.last { border: none; } #layout ul.sitemap li ul li li li { text-indent: 35px; } #layout ul.sitemap li ul li li li li { text-indent: 45px; } #layout ul.sitemap li ul li li li li li { text-indent: 55px; } #layout ul.sitemap li ul li li li li li li { text-indent: 65px; } #layout ul.sitemap li ul li li li li li li li { text-indent: 75px; } #layout ul.sitemap li ul li li li li li li li li { text-indent: 85px; background-color: rgba(85, 85, 85, 0.2); } #IE9 #layout ul.sitemap li ul li li li li li li li li { background: none; } #IE9 #layout ul.sitemap li ul li li li li li li li li.first, #IE9 #layout ul.sitemap li ul li li li li li li li li.last { border: none; } #layout ul.sitemap li ul li li li li li li li li.first { border-top: #555; border-top: 2px solid rgba(153, 153, 153, 0.5); } #layout ul.sitemap li ul li li li li li li li li.last { border-bottom: 2px solid rgba(153, 153, 153, 0.5); } #layout ul.sitemap li ul li li li li li li li li .in { z-index: 0; } #layout ul.sitemap li ul li li li li li li li li .in li { border: none; } #layout ul.sitemap li ul li li li li li li li li li { background: none; border: none; } #IE9 #layout ul.sitemap li ul li li li li li li li li li { padding-left: 10px; } #layout ul.sitemap li ul li li li li li li li li li.last, #layout ul.sitemap li ul li li li li li li li li li.first { border: none; } .page-toggle { text-indent: 0; left: 0px; top: 0px; z-index: 5; position: absolute; display: inline-block; width: 40px; height: 36px; } .page-toggle .button { margin-left: 10px; display: block; } .page-toggle .button:hover { cursor: pointer; } .page-toggle .button:hover .toggleIco { opacity: 0.7; } #IE8 .page-toggle .button:hover .toggleIco { color: #225176; } .page-toggle .button .toggleIco { text-decoration: none; color: #CCD9E2; margin-top: 0; height: 20px; width: 20px; font-size: 10px; color: #97B6C9; } #IE8 .page-toggle .button .toggleIco { color: #609fd1; } .page-toggle .button .plusMinus { background: transparent url(../images/icons/actionsSprite.png) no-repeat left -37px; height: 14px; width: 14px; display: block; margin-top: 10px; } .page-toggle .button.open .plusMinus { background: transparent url(../images/icons/actionsSprite.png) no-repeat left -56px; } .rule-select-container { margin-bottom: 45px; } .rule-selector select { width: 100%; } .typography .rule-message { display: inline-block; } .typography .rule-message ol { list-style-type: lower-alpha; } .rule-input-message { display: inline-block; max-width: 500px; margin-bottom: 12px; margin-left: 12px; } .rule-input-message ol { list-style-type: lower-alpha; } .rule-bottom-message { display: inline-block; max-width: 500px; margin-bottom: 12px; margin-left: 12px; } .rule-bottom-message ol { list-style-type: lower-alpha; } .rule-bottom-message span { font-weight: 400; font-style: italic; } .rule-label { font-weight: 600; margin-bottom: 16px; margin-right: 16px; display: inline-block; vertical-align: top; } .rule-calendar { border: 1px solid #c2c2c2; padding: 20px; padding-bottom: 0; } .rule-calendar .date-picker-wrapper { background-color: transparent; border: none; padding: 0; width: 100%; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .rule-calendar .date-picker-wrapper.no-top-bar { padding: 0; } .rule-calendar .date-picker-wrapper.no-shortcuts { padding: 0; } .rule-calendar .date-picker-wrapper .month-wrapper { border: none; padding: 0; margin: 0 auto; } .rule-calendar .date-picker-wrapper .month-wrapper table { width: 290px; border: none; } .rule-calendar .date-picker-wrapper .month-wrapper table.month2 { width: 290px; } .rule-calendar .date-picker-wrapper .month-wrapper table .day { padding: 10px 0; line-height: 1; font-size: 13px; font-weight: 600; margin: 0; color: #999; } .rule-calendar .date-picker-wrapper .month-wrapper table .day.real-today { background: transparent; } .rule-calendar .date-picker-wrapper .month-wrapper table .day.real-today.checked { background-color: #005485; color: #fff; } .rule-calendar .date-picker-wrapper .month-wrapper table .day.real-today.hovering { background-color: #005485; color: #fff; } .rule-calendar .date-picker-wrapper .month-wrapper table .day.lastMonth, .rule-calendar .date-picker-wrapper .month-wrapper table .day.nextMonth { display: none; color: #cccccc; } .rule-calendar .date-picker-wrapper .month-wrapper table .day.lastMonth.checked, .rule-calendar .date-picker-wrapper .month-wrapper table .day.nextMonth.checked { background-color: transparent !important; color: #fff !important; } .rule-calendar .date-picker-wrapper .month-wrapper table .day.toMonth.valid { color: #999; } .rule-calendar .date-picker-wrapper .month-wrapper table .day.toMonth.valid.checked { background-color: #005485 !important; color: #fff; } .rule-calendar .date-picker-wrapper .month-wrapper table .day.checked { background-color: #005485; color: #fff; } .rule-calendar .date-picker-wrapper .month-wrapper table .day .first-date-selected, .rule-calendar .date-picker-wrapper .month-wrapper table .day .last-date-selected { background-color: #005485 !important; } .rule-calendar .date-picker-wrapper .month-wrapper table .week-name { text-transform: capitalize; } .rule-calendar .date-picker-wrapper .month-wrapper table .week-name th { padding-top: 18px; padding-bottom: 6px; color: #333; } .rule-calendar .date-picker-wrapper .month-wrapper td { width: 40px; border: none; } .rule-calendar .date-picker-wrapper .month-wrapper tr { background: transparent; } .rule-calendar .date-picker-wrapper .month-wrapper tbody td { border-left: 1px solid #d6d6d6; } .rule-calendar .date-picker-wrapper .month-wrapper tbody td:last-child { border-right: 1px solid #d6d6d6; } .rule-calendar .date-picker-wrapper .month-wrapper tbody tr { border-top: 1px solid #d6d6d6; } .rule-calendar .date-picker-wrapper .month-wrapper tbody tr:last-child { border-bottom: 1px solid #d6d6d6; } .rule-calendar .date-picker-wrapper .month-name { font-weight: 400; font-size: 16px; text-transform: capitalize; } .rule-calendar .date-picker-wrapper .caption { background: transparent; } .rule-calendar .date-picker-wrapper .first-date-selected, .rule-calendar .date-picker-wrapper .last-date-selected { background-color: #005485 !important; } .notice { margin: 45px 0 9px; padding: 14px 15px; border: 1px solid #CCD9E2; background: #F3F4F5; background: -moz-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F4F5), color-stop(100%, #E5E8EB)); background: -webkit-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); background: -o-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); background: -ms-linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); background: linear-gradient(top, #F3F4F5 0%, #E5E8EB 100%); } .notice .message { margin-bottom: 0; } .notice ~ .notice { margin-top: 30px; } .rule-key-dates { display: none; margin-bottom: 40px; } .rule-key-date { border-top: 2px solid #005485; text-align: center; padding-top: 10px; padding-bottom: 10px; width: 47.5%; float: left; } .rule-key-date-title { text-transform: uppercase; font-size: 11px; color: #005485; font-weight: 600; margin-bottom: 15px; } .rule-key-date-day { text-transform: uppercase; font-size: 13px; color: #777777; margin-bottom: 7px; } .rule-key-date-date { text-transform: capitalize; font-size: 20px; } .rule-key-date-arrow { width: 5%; height: 100px; float: left; background: transparent url(../images/icons/arrow_right_grey.png) no-repeat center 60px; background-size: 16px; display: block; } .rule-key-date-end { border-color: #aa241a; } .rule-key-date-end .rule-key-date-title { color: #aa241a; } /* SEARCH FEILD */ header .navbar .searchButton { margin-right: 0; display: block; padding-bottom: 6px; padding-top: 15px; border-radius: 0; background-color: transparent; background-image: none; box-shadow: none; border: none; cursor: pointer; margin-top: 5px; } header .navbar .searchButton .searchIcon { background: transparent url(../images/icons/search.png) no-repeat left top; width: 16px; height: 16px; display: block; float: left; } header .navbar .searchButton .searchText { display: block; float: left; padding-left: 5px; line-height: 16px; } header .navbar .searchButton .closeIcon { background: transparent url(../images/icons/close.png) no-repeat left top; width: 16px; height: 16px; display: block; } header .navbar .searchButton:hover { background-color: transparent; } header .navbar .navbar-search { background: #F3F7F5 url(../img/background.png); width: 600px; margin-top: -90px; margin-right: 36px; *margin-right: 24px; display: none; padding: 26px 0px 17px 10px; z-index: 6; } header .navbar .navbar-search form { margin-bottom: 0px; } header .navbar .navbar-search div.field { float: left; clear: none; } header .navbar .navbar-search div.field .middleColumn { margin-top: 0px; } header .navbar .navbar-search #Search { width: 365px; } header .navbar .navbar-search .search-query { padding: 7px 10px 6px; float: left; width: 335px; } header .navbar .navbar-search #SearchFilters { width: 125px; } header .navbar .navbar-search #SearchFilters select { float: left; width: 129px; } header .navbar .navbar-search #SearchFilters label { display: none; } .searchFeild .search-query, #layout .fullPage .in-page-search .search-query, header .navbar .navbar-search .search-query { background-color: #FFF; border-radius: 2px; color: #555; border: 1px solid #CCD9E2; text-shadow: none; } .searchFeild .search-query:-moz-placeholder, #layout .fullPage .in-page-search .search-query:-moz-placeholder, header .navbar .navbar-search .search-query:-moz-placeholder { color: #999; } .searchFeild .dropdown, #layout .fullPage .in-page-search .dropdown, header .navbar .navbar-search .dropdown { text-align: right; } .searchFeild .dropdown label, #layout .fullPage .in-page-search .dropdown label, header .navbar .navbar-search .dropdown label { text-align: right; } .searchFeild .btn, #layout .fullPage .in-page-search .btn, header .navbar .navbar-search .btn, .searchFeild .Actions .action, .Actions .searchFeild .action, #layout .fullPage .in-page-search .Actions .action, .Actions #layout .fullPage .in-page-search .action, header .navbar .navbar-search .Actions .action, .Actions header .navbar .navbar-search .action { margin-top: 0; padding: 6px 15px 7px; *padding: 4px 15px 4px; width: 93px; text-transform: uppercase; margin-left: 8px; } .transactions-search .advanced-search-fields { display: none; } @media (min-width: 768px) and (max-width: 979px) { body header .navbar { margin: 0 auto 18px; } body header .navbar a.searchButton { padding-top: 4px; padding-bottom: 4px; } body header .navbar .collapse .nav { float: none; } body header .navbar h1.deviceOnly, body header .navbar h1 a.deviceOnly { display: block; } body header .navbar h1 .brand { padding-top: 11px; } body header .navbar .dropdown-menu, body header .navbar .dropdown-toggle { display: none; } body header .navbar .navbar-inner .searchButton { display: none; } body header .navbar .nav-collapse .navbar-search.deviceOnly { border-color: #BBB; margin-top: 0; width: auto; margin-right: 0; } body header .navbar .nav-collapse .navbar-search.deviceOnly .search-query { float: none; } body header .navbar .nav-collapse .navbar-search.desktopOnly { display: none; } body header.fixed { padding-bottom: 18px; } body .deviceOnly { display: block; } body .desktopOnly { display: none !important; } body #layout .tabFeature .tabbable .tab-content .abstract { width: 199px; } body #layout .tabFeature .tabbable .tab-content .itemList { padding-left: 20px; list-style: none; } } /* FOR RESPONSIVE LAYOUT @media (min-width: 1200px) { body { .contentBody { width: 870px; } .sidebarSpan { width: 241px !important; } #layout .tabFeature .tabbable .tab-content { .abstract { width: 309px; } .itemList { padding-left: 20px; } } } } @media (max-width: 767px) { body { padding-left: 0; padding-right: 0; header { .container { padding-left: 20px; padding-right: 20px; } .navbar { .navbar-inner { a.searchButton { padding-top: 4px; padding-bottom: 4px; } .nav li a { padding-left: 11px; padding-right: 11px; } } .collapse .nav { float: none; } h1 { &.deviceOnly, a.deviceOnly { display: block; } .brand { padding-top: 11px; } } .dropdown-menu, .dropdown-toggle { display: none; } .navbar-inner .searchButton { display: none; } .nav-collapse .navbar-search { &.deviceOnly { border-color: #BBB; display: block; margin-top: 0; width: auto; margin-right:0; .search-query { float: none; } } &.desktopOnly { display: none !important; } } } } #layout { padding-left: 20px; padding-right: 20px; } .deviceOnly { display: none; } .desktopOnly { display: none; } } } */ .lt-ie8 .typography { /* Navigation */ } .lt-ie8 .typography ul.dropdown-menu { margin-top: -1px; } .lt-ie8 .typography ul.dropdown-menu a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .lt-ie8 .typography #layout { /* Homepage */ /* Listed items */ /* Subscribe */ } .lt-ie8 .typography #layout .homeFeatures { margin-bottom: 54px; } .lt-ie8 .typography #layout .listedItems hr { margin-top: 0; margin-bottom: 0; } .lt-ie8 .typography #layout .listedItems .itemAbstractToggle { top: 16px; margin-top: 18px; } .lt-ie8 .typography #layout .listedItems li > h3 { margin-top: 9px; } .lt-ie8 .typography #layout #SubscribeForm #Subscribe .btn, .lt-ie8 .typography #layout #SubscribeForm #Subscribe .Actions .action, .Actions .lt-ie8 .typography #layout #SubscribeForm #Subscribe .action, .lt-ie8 .typography #layout #SubscribeForm #Subscribe .btn, .lt-ie8 .typography #layout #SubscribeForm #Subscribe .Actions .action, .Actions .lt-ie8 .typography #layout #SubscribeForm #Subscribe .action { padding-top: 4px; padding-bottom: 4px; }