/* changed from 6.382978723% !default; */ /* changed from 2.127659574% !default; */ /* changed from 2.762430939% !default; */ /* changed from 2.564102564% !default; */ .clearfix {
zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; zoom: 1; *display: inline; } .clearfix:after { clear: both; }
/*##########################################################################*/ /* Frame and Resets */ /*##########################################################################*/ html {
background: url(/images/layout/pagebg.gif) repeat; color: #000; font-family: "Lucida Grande", Arial, sans-serif; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin: 0; padding: 0; font-size: 12px; }
table {
border-collapse: collapse; border-spacing: 0; }
fieldset, img {
border: 0; }
address, caption, cite, code, dfn, em, strong, b, th, var, optgroup {
font-style: inherit; font-weight: inherit; }
del, ins {
text-decoration: none; }
caption, th {
text-align: left; }
h1, h2, h3, h4, h5, h6 {
font-size: 100%; font-weight: normal; }
q:before, q:after {
content: ''; }
abbr {
border: 0; font-variant: normal; }
sup, sub {
vertical-align: baseline; }
b, strong {
font-weight: bold; }
legend {
color: #000; }
input, button, textarea, select, optgroup, option {
font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button, textarea, select {
*font-size: 100%; }
small {
font-size: 0.7em; }
/* Common Inheritance */ .wrap {
width: 980px; margin: 0 auto; }
.caps {
text-transform: uppercase; }
.spaced {
letter-spacing: .12em; }
.center {
text-align: center; }
.larger {
font-size: 1.2em; }
.emboss {
text-shadow: 0 1px 1px #FFF; }
.nomargin {
margin: 0 !important; }
.clear {
clear: both; }
.cursor-pointer {
cursor: pointer; }
/*!
* Font Awesome 3.1.0 * the iconic font designed for Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fontawesome.io * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License v1.1 - * http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - Font Awesome documentation licensed under CC BY 3.0 License - * http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fontawesome.io" * Contact * ------------------------------------------------------- * Email: dave@fontawesome.io * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */
/* FONT PATH
* -------------------------- */
@font-face {
font-family: "FontAwesome"; src: url('font-path("fontawesome-webfont").eot?v=3.1.0'); src: url('font-path("fontawesome-webfont").eot?#iefix&v=3.1.0') format("embedded-opentype"), url('font-path("fontawesome-webfont").woff?v=3.1.0') format("woff"), url('font-path("fontawesome-webfont").ttf?v=3.1.0') format("truetype"), url('font-path("fontawesome-webfont").svg#fontawesomeregular?v=3.1.0') format("svg"); font-weight: normal; font-style: normal; }
/* FONT AWESOME CORE
* -------------------------- */
[class^=“icon-”],
- class*=“ icon-”
-
{
font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; }
[class^=“icon-”]:before, [class*=“ icon-”]:before {
text-decoration: inherit; display: inline-block; speak: none; }
/* makes the font 33% larger relative to the icon container */ .icon-large:before {
vertical-align: -10%; font-size: 1.3333333333333333em; }
/* makes sure icons active on rollover in links */ a [class^=“icon-”], a [class*=“ icon-”], a [class^=“icon-”]:before, a [class*=“ icon-”]:before {
display: inline-block; }
/* increased font size for icon-large */ [class^=“icon-”].icon-fixed-width, [class*=“ icon-”].icon-fixed-width {
display: inline-block; width: 1.2857142857142858em; text-align: center; }
[class^=“icon-”].icon-fixed-width.icon-large, [class*=“ icon-”].icon-fixed-width.icon-large {
width: 1.5714285714285714em; }
ul.icons-ul {
list-style-type: none; text-indent: -0.7142857142857143em; margin-left: 2.142857142857143em; }
ul.icons-ul > li .icon-li {
width: 0.7142857142857143em; display: inline-block; text-align: center; }
[class^=“icon-”].hide, [class*=“ icon-”].hide {
display: none; }
.icon-muted {
color: #eeeeee; }
.icon-light {
color: #ffffff; }
.icon-dark {
color: #333333; }
.icon-border {
border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.icon-2x {
font-size: 2em; }
.icon-2x.icon-border {
border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.icon-3x {
font-size: 3em; }
.icon-3x.icon-border {
border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.icon-4x {
font-size: 4em; }
.icon-4x.icon-border {
border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.icon-5x {
font-size: 5em; }
.icon-5x.icon-border {
border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.pull-right {
float: right; }
.pull-left {
float: left; }
[class^=“icon-”].pull-left, [class*=“ icon-”].pull-left {
margin-right: .3em; }
[class^=“icon-”].pull-right, [class*=“ icon-”].pull-right {
margin-left: .3em; }
/* BOOTSTRAP SPECIFIC CLASSES
* -------------------------- */
/* Bootstrap 2.0 sprites.less reset */ [class^=“icon-”],
- class*=“ icon-”
-
{
display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; }
/* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^=“icon-”], .nav-pills > .active > a > [class*=“ icon-”], .nav-list > .active > a > [class^=“icon-”], .nav-list > .active > a > [class*=“ icon-”], .navbar-inverse .nav > .active > a > [class^=“icon-”], .navbar-inverse .nav > .active > a > [class*=“ icon-”], .dropdown-menu > li > a:hover > [class^=“icon-”], .dropdown-menu > li > a:hover > [class*=“ icon-”], .dropdown-menu > .active > a > [class^=“icon-”], .dropdown-menu > .active > a > [class*=“ icon-”], .dropdown-submenu:hover > a > [class^=“icon-”], .dropdown-submenu:hover > a > [class*=“ icon-”] {
background-image: none; }
/* keeps Bootstrap styles with and without icons the same */ .btn [class^=“icon-”].icon-large, .nav [class^=“icon-”].icon-large, .btn [class*=“ icon-”].icon-large, .nav [class*=“ icon-”].icon-large {
line-height: .9em; }
.btn [class^=“icon-”].icon-spin, .nav [class^=“icon-”].icon-spin, .btn [class*=“ icon-”].icon-spin, .nav [class*=“ icon-”].icon-spin {
display: inline-block; }
.nav-tabs [class^=“icon-”], .nav-pills [class^=“icon-”], .nav-tabs [class*=“ icon-”], .nav-pills [class*=“ icon-”], .nav-tabs [class^=“icon-”].icon-large, .nav-pills [class^=“icon-”].icon-large, .nav-tabs [class*=“ icon-”].icon-large, .nav-pills [class*=“ icon-”].icon-large {
line-height: .9em; }
.btn [class^=“icon-”].pull-left.icon-2x, .btn [class*=“ icon-”].pull-left.icon-2x, .btn [class^=“icon-”].pull-right.icon-2x, .btn [class*=“ icon-”].pull-right.icon-2x {
margin-top: .18em; }
.btn [class^=“icon-”].icon-spin.icon-large, .btn [class*=“ icon-”].icon-spin.icon-large {
line-height: .8em; }
.btn.btn-small [class^=“icon-”].pull-left.icon-2x, .btn.btn-small [class*=“ icon-”].pull-left.icon-2x, .btn.btn-small [class^=“icon-”].pull-right.icon-2x, .btn.btn-small [class*=“ icon-”].pull-right.icon-2x {
margin-top: .25em; }
.btn.btn-large [class^=“icon-”], .btn.btn-large [class*=“ icon-”] {
margin-top: 0; }
.btn.btn-large [class^=“icon-”].pull-left.icon-2x, .btn.btn-large [class*=“ icon-”].pull-left.icon-2x, .btn.btn-large [class^=“icon-”].pull-right.icon-2x, .btn.btn-large [class*=“ icon-”].pull-right.icon-2x {
margin-top: .05em; }
.btn.btn-large [class^=“icon-”].pull-left.icon-2x, .btn.btn-large [class*=“ icon-”].pull-left.icon-2x {
margin-right: .2em; }
.btn.btn-large [class^=“icon-”].pull-right.icon-2x, .btn.btn-large [class*=“ icon-”].pull-right.icon-2x {
margin-left: .2em; }
/* EXTRAS
* -------------------------- */
/* Stacked and layered icon */ .icon-stack {
position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; }
.icon-stack [class^=“icon-”], .icon-stack [class*=“ icon-”] {
display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; }
.icon-stack .icon-stack-base {
font-size: 2em; *line-height: 1em; }
/* Animated rotating icon */ .icon-spin {
display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } }
@-ms-keyframes spin {
0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } }
@keyframes spin {
0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } }
/* Icon rotations and mirroring */ .icon-rotate-90:before {
-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.icon-rotate-180:before {
-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
.icon-rotate-270:before {
-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.icon-flip-horizontal:before {
-webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); }
.icon-flip-vertical:before {
-webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); }
/* 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, .icon-rotate-right: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, .icon-mail-forward:before {
content: "\f064"; }
.icon-resize-full:before {
content: "\f065"; }
.icon-resize-small:before {
content: "\f066"; }
.icon-plus:before {
content: "\f067"; }
.icon-minus: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-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-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, .icon-rotate-left: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-lightbulb:before {
content: "\f0eb"; }
.icon-exchange:before {
content: "\f0ec"; }
.icon-cloud-download:before {
content: "\f0ed"; }
.icon-cloud-upload:before {
content: "\f0ee"; }
.icon-user-md:before {
content: "\f0f0"; }
.icon-stethoscope:before {
content: "\f0f1"; }
.icon-suitcase:before {
content: "\f0f2"; }
.icon-bell-alt:before {
content: "\f0f3"; }
.icon-coffee:before {
content: "\f0f4"; }
.icon-food:before {
content: "\f0f5"; }
.icon-file-alt:before {
content: "\f0f6"; }
.icon-building:before {
content: "\f0f7"; }
.icon-hospital:before {
content: "\f0f8"; }
.icon-ambulance:before {
content: "\f0f9"; }
.icon-medkit:before {
content: "\f0fa"; }
.icon-fighter-jet:before {
content: "\f0fb"; }
.icon-beer:before {
content: "\f0fc"; }
.icon-h-sign:before {
content: "\f0fd"; }
.icon-plus-sign-alt:before {
content: "\f0fe"; }
.icon-double-angle-left:before {
content: "\f100"; }
.icon-double-angle-right:before {
content: "\f101"; }
.icon-double-angle-up:before {
content: "\f102"; }
.icon-double-angle-down:before {
content: "\f103"; }
.icon-angle-left:before {
content: "\f104"; }
.icon-angle-right:before {
content: "\f105"; }
.icon-angle-up:before {
content: "\f106"; }
.icon-angle-down:before {
content: "\f107"; }
.icon-desktop:before {
content: "\f108"; }
.icon-laptop:before {
content: "\f109"; }
.icon-tablet:before {
content: "\f10a"; }
.icon-mobile-phone:before {
content: "\f10b"; }
.icon-circle-blank:before {
content: "\f10c"; }
.icon-quote-left:before {
content: "\f10d"; }
.icon-quote-right:before {
content: "\f10e"; }
.icon-spinner:before {
content: "\f110"; }
.icon-circle:before {
content: "\f111"; }
.icon-reply:before, .icon-mail-reply:before {
content: "\f112"; }
.icon-folder-close-alt:before {
content: "\f114"; }
.icon-folder-open-alt:before {
content: "\f115"; }
.icon-expand-alt:before {
content: "\f116"; }
.icon-collapse-alt:before {
content: "\f117"; }
.icon-smile:before {
content: "\f118"; }
.icon-frown:before {
content: "\f119"; }
.icon-meh:before {
content: "\f11a"; }
.icon-gamepad:before {
content: "\f11b"; }
.icon-keyboard:before {
content: "\f11c"; }
.icon-flag-alt:before {
content: "\f11d"; }
.icon-flag-checkered:before {
content: "\f11e"; }
.icon-terminal:before {
content: "\f120"; }
.icon-code:before {
content: "\f121"; }
.icon-reply-all:before {
content: "\f122"; }
.icon-mail-reply-all:before {
content: "\f122"; }
.icon-star-half-full:before, .icon-star-half-empty:before {
content: "\f123"; }
.icon-location-arrow:before {
content: "\f124"; }
.icon-crop:before {
content: "\f125"; }
.icon-code-fork:before {
content: "\f126"; }
.icon-unbefore {
content: "\f127"; }
.icon-question:before {
content: "\f128"; }
.icon-info:before {
content: "\f129"; }
.icon-exclamation:before {
content: "\f12a"; }
.icon-superscript:before {
content: "\f12b"; }
.icon-subscript:before {
content: "\f12c"; }
.icon-eraser:before {
content: "\f12d"; }
.icon-puzzle-piece:before {
content: "\f12e"; }
.icon-microphone:before {
content: "\f130"; }
.icon-microphone-off:before {
content: "\f131"; }
.icon-shield:before {
content: "\f132"; }
.icon-calendar-empty:before {
content: "\f133"; }
.icon-fire-extinguisher:before {
content: "\f134"; }
.icon-rocket:before {
content: "\f135"; }
.icon-maxcdn:before {
content: "\f136"; }
.icon-chevron-sign-left:before {
content: "\f137"; }
.icon-chevron-sign-right:before {
content: "\f138"; }
.icon-chevron-sign-up:before {
content: "\f139"; }
.icon-chevron-sign-down:before {
content: "\f13a"; }
.icon-html5:before {
content: "\f13b"; }
.icon-css3:before {
content: "\f13c"; }
.icon-anchor:before {
content: "\f13d"; }
.icon-unlock-alt:before {
content: "\f13e"; }
.icon-bullseye:before {
content: "\f140"; }
.icon-ellipsis-horizontal:before {
content: "\f141"; }
.icon-ellipsis-vertical:before {
content: "\f142"; }
.icon-rss-sign:before {
content: "\f143"; }
.icon-play-sign:before {
content: "\f144"; }
.icon-ticket:before {
content: "\f145"; }
.icon-minus-sign-alt:before {
content: "\f146"; }
.icon-check-minus:before {
content: "\f147"; }
.icon-level-up:before {
content: "\f148"; }
.icon-level-down:before {
content: "\f149"; }
.icon-check-sign:before {
content: "\f14a"; }
.icon-edit-sign:before {
content: "\f14b"; }
.icon-external-link-sign:before {
content: "\f14c"; }
.icon-share-sign:before {
content: "\f14d"; }
/*
* Scaffolding.scss * Basic and global styles for generating a grid system, structural layout, and page templates * ------------------------------------------------------------------------------------------- */
body {
font-family: "Lucida Grande", Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 18px; margin: 0; color: #404040; }
main {
padding: 15px 1% 15px 1%; }
a {
color: #006699; text-decoration: none; line-height: inherit; font-weight: inherit; } a:hover { color: #00334d; text-decoration: underline; }
.row-fluid {
width: 100%; zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; zoom: 1; *display: inline; } .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: 1.12766%; *margin-left: 1.07447%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span1 { width: 7.29965%; *width: 7.24645%; } .row-fluid .span2 { width: 15.72695%; *width: 15.67376%; } .row-fluid .span3 { width: 24.15426%; *width: 24.10106%; } .row-fluid .span4 { width: 32.58156%; *width: 32.52837%; } .row-fluid .span5 { width: 41.00887%; *width: 40.95567%; } .row-fluid .span6 { width: 49.43617%; *width: 49.38298%; } .row-fluid .span7 { width: 57.86348%; *width: 57.81028%; } .row-fluid .span8 { width: 66.29078%; *width: 66.23759%; } .row-fluid .span9 { width: 74.71809%; *width: 74.66489%; } .row-fluid .span10 { width: 83.14539%; *width: 83.0922%; } .row-fluid .span11 { width: 91.5727%; *width: 91.5195%; } .row-fluid .span12 { width: 100%; *width: 99.94681%; }
.row-fluid [class*=“span”].collapse-right {
margin-right: -1.12766%; }
.pull-right {
float: right; }
.pull-left {
float: left; }
.hide {
display: none; }
.show {
display: block; }
.default-padding {
padding: 12px; }
.second-level-padding {
padding-left: 24px; }
.with-shadow, ul.list-grid > li img {
-webkit-box-shadow: 0 3px 2px #e6e6e6; -moz-box-shadow: 0 3px 2px #e6e6e6; box-shadow: 0 3px 2px #e6e6e6; }
/* Typography.scss
* Headings, body text, lists, code, and more for a versatile and durable typography system * ---------------------------------------------------------------------------------------- */
p {
font-size: 12px; font-weight: normal; line-height: 18px; margin-bottom: 9px; } p small { font-size: 10px; color: gray; }
h1, .h1 {
font-family: "Myriad Pro", Helvetica, Arial, sans-serif; line-height: normal; font-size: 30px; font-weight: 400; } h1 small, .h1 small { font-weight: normal; color: #bfbfbf; } h1.header, .h1.header { text-transform: uppercase; font-size: 1.3em; letter-spacing: 0.15em; padding: 6px 0; margin-bottom: 16px; } h1.indented, .h1.indented { padding-left: 8px !important; } h1.subpage_header, .h1.subpage_header { font-size: 3em; margin-bottom: 8px !important; } h1 small, .h1 small { font-size: 18px; }
h2, .h2 {
font-family: "Myriad Pro", Helvetica, Arial, sans-serif; line-height: normal; font-size: 24px; } h2 small, .h2 small { font-weight: normal; color: #bfbfbf; } h2 small, .h2 small { font-size: 18px; }
h3, .h3 {
font-family: "Myriad Pro", Helvetica, Arial, sans-serif; line-height: normal; font-size: 18px; } h3 small, .h3 small { font-weight: normal; color: #bfbfbf; } h3 small, .h3 small { font-size: 14px; }
h4, .h4 {
font-family: "Myriad Pro", Helvetica, Arial, sans-serif; line-height: normal; font-size: 16px; } h4 small, .h4 small { font-weight: normal; color: #bfbfbf; } h4 small, .h4 small { font-size: 12px; }
h5, .h5 {
font-family: "Myriad Pro", Helvetica, Arial, sans-serif; line-height: normal; font-size: 14px; } h5 small, .h5 small { font-weight: normal; color: #bfbfbf; }
h6, .h6 {
font-family: "Myriad Pro", Helvetica, Arial, sans-serif; line-height: normal; } h6 small, .h6 small { font-weight: normal; color: #bfbfbf; }
h7, .h7 {
font-family: "Myriad Pro", Helvetica, Arial, sans-serif; line-height: normal; } h7 small, .h7 small { font-weight: normal; color: #bfbfbf; }
.header-with-icon {
border-bottom: solid 1px #ccc; } .header-with-icon [class^="concertocon-header-"], .header-with-icon [class*=" concertocon-header-"] { background-color: white; margin-top: -10px; margin-bottom: -10px; margin-right: 12px; } .header-with-icon h3 { padding-top: 10px; } .header-with-icon .pagination-cont { float: left; padding-top: 8px; margin-left: 35px; }
.color-gray {
color: gray; }
ul, ol {
margin: 0 0 18px 25px; }
ul ul, ul ol, ol ol, ol ul {
margin-bottom: 0; }
ul {
list-style: disc; }
ol {
list-style: decimal; }
li {
line-height: 18px; }
ul.unstyled {
list-style: none; margin-left: 0; }
dl {
margin-bottom: 18px; } dl dt, dl dd { line-height: 18px; } dl dt { font-weight: bold; } dl dd { margin-left: 9px; }
hr {
margin: 20px 0 19px; border: 0; border-bottom: 1px solid #eee; }
strong {
font-style: inherit; font-weight: bold; }
em {
font-style: italic; font-weight: inherit; line-height: inherit; }
.muted {
color: #bfbfbf; }
.uppercase, .form-dark legend {
text-transform: uppercase; letter-spacing: 0.15em; }
blockquote {
margin-bottom: 18px; border-left: 5px solid #eee; padding-left: 15px; } blockquote p { font-size: 14px; font-weight: 300; line-height: 18px; margin-bottom: 0; } blockquote small { display: block; font-size: 12px; font-weight: 300; line-height: 18px; color: #bfbfbf; } blockquote small:before { content: '\2014 \00A0'; }
code, pre {
padding: 0 3px 2px; font-family: Monaco, Andale Mono, Courier New, monospace; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
code {
background-color: #fee9cc; color: rgba(0, 0, 0, 0.75); padding: 1px 3px; }
pre {
background-color: #f5f5f5; display: block; padding: 8.5px; margin: 0 0 18px; line-height: 18px; font-size: 12px; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
.label {
padding: 4px; font-size: 9px; font-weight: bold; color: white; white-space: nowrap; background-color: #737373; } .label.important { background-color: #c43c35; } .label.warning { background-color: #f89406; } .label.success { background-color: #46a546; } .label.notice { background-color: #62cffc; } .label a { color: white; }
fieldset {
padding: 18px 18px 0px 18px; } fieldset legend { border-bottom: solid 1px #e6e6e6; display: block; width: 100%; padding: 18px 0px 6px 0px; margin-left: -18px; margin-right: -18px; } fieldset legend > span { font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: gray; line-height: 1; padding-left: 20px; *padding: 0 0 5px 15px; /* IE6-7 */ *line-height: 1.5; /* IE6-7 */ } fieldset .field, fieldset .clearfix { margin-bottom: 12px; zoom: 1; } fieldset .field:before, fieldset .field:after, fieldset .clearfix:before, fieldset .clearfix:after { display: table; content: ""; zoom: 1; *display: inline; } fieldset .field:after, fieldset .clearfix:after { clear: both; }
label, input, select, textarea {
font-family: "Lucida Grande", Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: normal; max-width: 98%; }
label {
display: block; font-size: 12px; line-height: 22px; color: #404040; font-weight: bold; }
cursor: pointer; }
input, textarea, select, .uneditable-input {
display: inline-block; padding: 5px 5px 6px 5px; font-size: 12px; color: black; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
select {
padding: initial; margin: 0px; }
width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; /* IE6-7 */ line-height: normal; border: none; }
input {
border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input {
background-color: white; padding: initial; border: initial; line-height: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
width: auto; height: auto; }
select, input {
height: 27px; *height: auto; line-height: 27px; *margin-top: 4px; /* For IE7, add top margin to align select with labels */ }
select {
height: inherit; background-color: white; }
textarea {
height: auto; }
.uneditable-input {
background-color: white; display: block; 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); cursor: not-allowed; }
:-moz-placeholder {
color: #bfbfbf; }
::-webkit-input-placeholder {
color: #bfbfbf; }
input, textarea {
-webkit-transition: border linear 0.1s, box-shadow linear 0.1s; -moz-transition: border linear 0.1s, box-shadow linear 0.1s; -ms-transition: border linear 0.1s, box-shadow linear 0.1s; -o-transition: border linear 0.1s, box-shadow linear 0.1s; transition: border linear 0.1s, box-shadow linear 0.1s; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
input:focus, textarea:focus {
outline: 0; border-color: #0099cc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 3px #0099cc; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 3px #0099cc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 3px #0099cc; }
input:focus, input:focus, select:focus {
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #666; }
form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
color: #b94a48; }
form .clearfix.error input, form .clearfix.error textarea {
color: #b94a48; border-color: #ee5f5b; } form .clearfix.error input:focus, form .clearfix.error textarea: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 .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
color: #b94a48; background-color: #fce6e6; border-color: #b94a48; }
form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
color: #c09853; }
form .clearfix.warning input, form .clearfix.warning textarea {
color: #c09853; border-color: #ccae64; } form .clearfix.warning input:focus, form .clearfix.warning textarea:focus { border-color: #be9a3f; -webkit-box-shadow: 0 0 6px #e5d6b1; -moz-box-shadow: 0 0 6px #e5d6b1; box-shadow: 0 0 6px #e5d6b1; }
form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
color: #c09853; background-color: #d2b877; border-color: #c09853; }
form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
color: #468847; }
form .clearfix.success input, form .clearfix.success textarea {
color: #468847; border-color: #57a957; } form .clearfix.success input:focus, form .clearfix.success textarea:focus { border-color: #458845; -webkit-box-shadow: 0 0 6px #9acc9a; -moz-box-shadow: 0 0 6px #9acc9a; box-shadow: 0 0 6px #9acc9a; }
form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
color: #468847; background-color: #bcddbc; border-color: #468847; }
.input-mini, input.mini, textarea.mini, select.mini {
width: 60px; }
.input-small, input.small, textarea.small, select.small {
width: 90px; }
.input-medium, input.medium, textarea.medium, select.medium {
width: 150px; }
.input-large, input.large, textarea.large, select.large {
width: 210px; }
.input-xlarge, input.xlarge, textarea.xlarge, select.xlarge {
width: 270px; }
.input-xxlarge, input.xxlarge, textarea.xxlarge, select.xxlarge {
width: 530px; }
textarea.xxlarge {
overflow-y: auto; }
input.span1, textarea.span1 {
display: inline-block; float: none; width: 50px; margin-left: 0; }
input.span2, textarea.span2 {
display: inline-block; float: none; width: 130px; margin-left: 0; }
input.span3, textarea.span3 {
display: inline-block; float: none; width: 210px; margin-left: 0; }
input.span4, textarea.span4 {
display: inline-block; float: none; width: 290px; margin-left: 0; }
input.span5, textarea.span5 {
display: inline-block; float: none; width: 370px; margin-left: 0; }
input.span6, textarea.span6 {
display: inline-block; float: none; width: 450px; margin-left: 0; }
input.span7, textarea.span7 {
display: inline-block; float: none; width: 530px; margin-left: 0; }
input.span8, textarea.span8 {
display: inline-block; float: none; width: 610px; margin-left: 0; }
input.span9, textarea.span9 {
display: inline-block; float: none; width: 690px; margin-left: 0; }
input.span10, textarea.span10 {
display: inline-block; float: none; width: 770px; margin-left: 0; }
input.span11, textarea.span11 {
display: inline-block; float: none; width: 850px; margin-left: 0; }
input.span12, textarea.span12 {
display: inline-block; float: none; width: 930px; margin-left: 0; }
input.span13, textarea.span13 {
display: inline-block; float: none; width: 1010px; margin-left: 0; }
input.span14, textarea.span14 {
display: inline-block; float: none; width: 1090px; margin-left: 0; }
input.span15, textarea.span15 {
display: inline-block; float: none; width: 1170px; margin-left: 0; }
input.span16, textarea.span16 {
display: inline-block; float: none; width: 1250px; margin-left: 0; }
.fillWidth {
width: 100%; box-sizing: border-box; }
input, select, textarea, input, select, textarea {
background-color: #f5f5f5; border-color: #ddd; cursor: not-allowed; }
.actions {
background: #f5f5f5; margin-top: 36px; padding: 17px 18px 18px 18px; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .actions .secondary-action { float: right; } .actions .secondary-action a { line-height: 30px; } .actions .secondary-action a:hover { text-decoration: underline; }
.sub_actions {
padding-top: 5px; }
.help-inline, .help-block {
font-size: 12px; line-height: 18px; color: #bfbfbf; }
.help-inline {
padding-left: 5px; *position: relative; /* IE6-7 */ *top: -5px; /* IE6-7 */ }
.help-block {
display: block; max-width: 600px; }
.inline-inputs {
color: gray; } .inline-inputs span { padding: 0 2px 0 1px; }
.input-prepend input, .input-append input {
-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.input-prepend .add-on, .input-append .add-on {
position: relative; background: #f5f5f5; border: 1px solid #ccc; z-index: 2; float: left; display: block; width: auto; min-width: 16px; height: 18px; padding: 4px 4px 4px 5px; margin-right: -1px; font-weight: normal; line-height: 18px; color: #404040; text-align: center; text-shadow: 0 1px 0 white; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.input-prepend .active, .input-append .active {
background: #a9dba9; border-color: #46a546; }
.input-prepend .add-on {
*margin-top: 1px; /* IE6-7 */ }
.input-append input {
float: left; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.input-append .add-on {
-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right: 0; margin-left: -1px; }
.inputs-list {
margin: 0 0 5px; width: 100%; } .inputs-list li { display: block; padding: 0; width: 100%; } .inputs-list label { display: block; float: none; width: auto; padding: 0; line-height: 18px; text-align: left; white-space: normal; } .inputs-list label strong { color: gray; } .inputs-list label small { font-size: 10px; font-weight: normal; } .inputs-list .inputs-list { margin-left: 25px; margin-bottom: 10px; padding-top: 0; } .inputs-list:first-child { padding-top: 6px; } .inputs-list li + li { padding-top: 2px; } .inputs-list input[type=radio], .inputs-list input[type=checkbox] { margin-bottom: 0; float: left; }
.checkbox .inputs-list label {
margin-left: 6px; }
.checkbox label {
width: auto !important; text-align: left !important; padding-top: 0px !important; float: none !important; display: inline !important; line-height: 18px; }
/* changed from block to inline to stop splitting name fields to two lines */ div.inline-inputs div.field_with_errors {
display: inline !important; }
/* Progressive Disclosure: this class should be applied to the
containers for fields that are shown and hidden in response to a radio button or checkbox selection of a higher-order form field */
.sub-fields {
border-left: solid 8px #e6e6e6; padding-left: 18px; padding-top: 4px; padding-bottom: 4px; }
/* Special variant: for forms on dark-background,
color form elements appropriately */
.form-dark legend {
color: gray; font-weight: bold; margin-bottom: 6px; }
.form-dark label {
color: #e6e6e6; }
/*
* Tables.scss * Tables for, you guessed it, tabular data * ---------------------------------------- */
table {
width: 100%; margin-bottom: 10px; padding: 0; font-size: 12px; border-collapse: collapse; } table th, table td { padding: 10px 10px 9px; line-height: 18px; text-align: left; } table th { padding-top: 9px; font-weight: bold; vertical-align: bottom; } table td { vertical-align: top; border-top: 1px solid #ddd; } table tbody th { border-top: 1px solid #ddd; vertical-align: top; }
.condensed-table th, .condensed-table td {
padding: 5px 5px 4px; }
.no-padding-table th, .no-padding-table td {
padding: 0px; }
.hover-highlight tbody tr:hover td {
background: #f2f2f2; }
.bordered-table {
border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; /* IE7, collapse table to remove spacing */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bordered-table th + th, .bordered-table td + td, .bordered-table th + td { border-left: 1px solid #ddd; } .bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; } .bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } .bordered-table tbody tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } .bordered-table tbody tr:last-child td:last-child { -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; }
table .span1 {
width: 40px; }
table .span2 {
width: 120px; }
table .span3 {
width: 200px; }
table .span4 {
width: 280px; }
table .span5 {
width: 360px; }
table .span6 {
width: 440px; }
table .span7 {
width: 520px; }
table .span8 {
width: 600px; }
table .span9 {
width: 680px; }
table .span10 {
width: 760px; }
table .span11 {
width: 840px; }
table .span12 {
width: 920px; }
table .span13 {
width: 1000px; }
table .span14 {
width: 1080px; }
table .span15 {
width: 1160px; }
table .span16 {
width: 1240px; }
.zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
background-color: #f9f9f9; }
.zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
background-color: #f5f5f5; }
table .header {
cursor: pointer; } table .header:after { content: ""; float: right; margin-top: 7px; border-width: 0 4px 4px; border-style: solid; border-color: #000 transparent; visibility: hidden; }
table .headerSortUp, table .headerSortDown {
background-color: rgba(141, 192, 219, 0.25); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); }
table .header:hover:after {
visibility: visible; }
table .headerSortDown:after, table .headerSortDown:hover:after {
visibility: visible; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; }
table .headerSortUp:after {
border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; visibility: visible; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; }
table .blue {
color: #049cdb; border-bottom-color: #049cdb; }
table .headerSortUp.blue, table .headerSortDown.blue {
background-color: #ade6fe; }
table .green {
color: #46a546; border-bottom-color: #46a546; }
table .headerSortUp.green, table .headerSortDown.green {
background-color: #cdeacd; }
table .red {
color: #9d261d; border-bottom-color: #9d261d; }
table .headerSortUp.red, table .headerSortDown.red {
background-color: #f4c8c5; }
table .yellow {
color: #ffc40d; border-bottom-color: #ffc40d; }
table .headerSortUp.yellow, table .headerSortDown.yellow {
background-color: #fff6d9; }
table .orange {
color: #f89406; border-bottom-color: #f89406; }
table .headerSortUp.orange, table .headerSortDown.orange {
background-color: #fee9cc; }
table .purple {
color: #7a43b6; border-bottom-color: #7a43b6; }
table .headerSortUp.purple, table .headerSortDown.purple {
background-color: #e2d5f0; }
content_holder table {
margin-top: 12px; }
.nav {
margin-left: 0; margin-bottom: 18px; list-style: none; }
.nav > li > a {
display: block; }
.nav > li > a:hover {
text-decoration: none; background-color: #e6e6e6; }
.nav > .pull-right {
float: right; }
.nav .nav-header {
display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 18px; color: #bfbfbf; 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 {
color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #006699; }
.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 white; }
.nav-tabs, .nav-pills {
zoom: 1; } .nav-tabs:before, .nav-tabs:after, .nav-pills:before, .nav-pills:after { display: table; content: ""; zoom: 1; *display: inline; } .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; font-weight: bold; }
.nav-tabs p.caption {
text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.9em; margin-bottom: 0px; }
.nav-tabs > .active p.caption {
font-weight: bold; }
.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; text-align: center; -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: #e6e6e6 #e6e6e6 #dddddd; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
color: gray; background-color: white; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; }
.tabbable {
*zoom: 1; }
.tabbable:before, .tabbable:after {
display: table; line-height: 0; 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, .tabs-below > .nav-tabs > li > a:focus {
border-top-color: #ddd; border-bottom-color: transparent; }
.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus {
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, .tabs-left > .nav-tabs > li > a:focus {
border-color: #eeeeee #dddddd #eeeeee #eeeeee; }
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; }
.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, .tabs-right > .nav-tabs > li > a:focus {
border-color: #eeeeee #eeeeee #eeeeee #dddddd; }
.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus {
border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; }
.tabbable ul.nav {
width: 115px; padding-left: 15px; }
.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 {
color: white; background-color: #006699; }
.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-drawer-left {
border: solid 4px #bfbfbf !important; border-right: 0px !important; -webkit-border-radius: 12px 0 0 12px !important; -moz-border-radius: 12px 0 0 12px !important; border-radius: 12px 0 0 12px !important; background: #bfbfbf; margin-top: 35px; } .nav-drawer-left .nav-header { color: #666; }
.nav-drawer-left > li > a {
background: #f2f2f2; border-color: #bfbfbf !important; border-right: 0px !important; font-weight: bold; } .nav-drawer-left > li > a:hover { background: #dbebf9; }
.nav-drawer-left > li.active > a {
background-image: image_url("layout/vert-tabs_arrowbg.png"); background-position: center right; background-repeat: no-repeat; background-color: gray; color: white; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .nav-drawer-left > li.active > a { background-image: image_url("layout/vert-tabs_arrowbg@2x.png"); background-size: 42px 200px; } } .nav-drawer-left > li.active > a:hover { background-color: gray; color: white; } .nav-drawer-left > li.active > a img { border: solid 2px #e6e6e6; }
.nav-drawer-left > li:first-child > a {
-webkit-border-radius: 8px 0 0 0 !important; -moz-border-radius: 8px 0 0 0 !important; border-radius: 8px 0 0 0 !important; }
.nav-drawer-left > li:last-child > a {
-webkit-border-radius: 0 0 0 8px !important; -moz-border-radius: 0 0 0 8px !important; border-radius: 0 0 0 8px !important; }
.nav-pills.nav-stacked > li > a {
margin-bottom: 3px; }
.nav-pills.nav-stacked > li:last-child > a {
margin-bottom: 1px; }
ul.selector-list {
padding: 0px; margin: 0px; list-style-type: none; } ul.selector-list li { border-bottom: solid 1px #f2f2f2; color: black; } ul.selector-list li.checked { background: #f1f9f1; padding: 8px 10px; } ul.selector-list li.checked i { display: inline; } ul.selector-list li.with-padding { padding: 4px 10px; } ul.selector-list li a { padding: 8px 10px; display: block; } ul.selector-list li p { margin: 0px; } ul.selector-list li .row-fluid > div { min-height: 0px; }
.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: #006699; border-bottom-color: #006699; margin-top: 6px; }
.nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret {
border-top-color: #00334d; border-bottom-color: #00334d; }
.nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret {
border-top-color: #404040; border-bottom-color: #404040; }
.nav > .dropdown.active > a:hover {
color: black; cursor: pointer; }
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover {
color: white; background-color: #bfbfbf; border-color: #bfbfbf; }
.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret {
border-top-color: white; border-bottom-color: white; filter: alpha(opacity=1); -khtml-opacity: 0.01; -moz-opacity: 0.01; opacity: 0.01; }
.tabs-stacked .open > a:hover {
border-color: #bfbfbf; }
/*##########################################################################*/ /* Buttons */ /*##########################################################################*/ .btn.btn-primary, .btn.btn-primary:hover, .btn.btn-danger, .btn.btn-danger:hover, .btn.btn-success, .btn.btn-success:hover, .btn.btn-info, .btn.btn-info:hover, form .submit_bar input.btn-primary, form .submit_bar input.btn-primary:hover, form .submit_bar input.btn-danger, form .submit_bar input.btn-danger:hover, form .submit_bar input.btn-success, form .submit_bar input.btn-success:hover, form .submit_bar input.btn-info, form .submit_bar input.btn-info:hover {
color: white; }
.btn.btn-primary.active, .btn.btn-danger.active, .btn.btn-success.active, .btn.btn-info.active, form .submit_bar input.btn-primary.active, form .submit_bar input.btn-danger.active, form .submit_bar input.btn-success.active, form .submit_bar input.btn-info.active {
color: rgba(255, 255, 255, 0.75); }
.btn.btn-primary, form .submit_bar input.btn-primary {
background-color: #306da2; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#8ac6e8), to(#306da2)); background-image: -moz-linear-gradient(top, #8ac6e8, #306da2); background-image: -ms-linear-gradient(top, #8ac6e8, #306da2); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8ac6e8), color-stop(100%, #306da2)); background-image: -webkit-linear-gradient(top, #8ac6e8, #306da2); background-image: -o-linear-gradient(top, #8ac6e8, #306da2); background-image: linear-gradient(top, #8ac6e8, #306da2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ac6e8', endColorstr='#306da2', GradientType=0); border: solid 1px #003366; text-shadow: 0 -1px 0px #006699; } .btn.btn-primary:hover, form .submit_bar input.btn-primary:hover { background-color: #3ea5de; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#c8eff9), to(#3ea5de)); background-image: -moz-linear-gradient(top, #c8eff9, #3ea5de); background-image: -ms-linear-gradient(top, #c8eff9, #3ea5de); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c8eff9), color-stop(100%, #3ea5de)); background-image: -webkit-linear-gradient(top, #c8eff9, #3ea5de); background-image: -o-linear-gradient(top, #c8eff9, #3ea5de); background-image: linear-gradient(top, #c8eff9, #3ea5de); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8eff9', endColorstr='#3ea5de', GradientType=0); color: #003366 !important; text-shadow: 0 -1px 0px #eee; border: solid 1px #2f84da; } .btn.btn-primary.active, form .submit_bar input.btn-primary.active { -webkit-box-shadow: inset 0 0 6px black; -moz-box-shadow: inset 0 0 6px black; box-shadow: inset 0 0 6px black; background-color: #767676; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#dedede), to(#767676)); background-image: -moz-linear-gradient(top, #dedede, #767676); background-image: -ms-linear-gradient(top, #dedede, #767676); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #767676)); background-image: -webkit-linear-gradient(top, #dedede, #767676); background-image: -o-linear-gradient(top, #dedede, #767676); background-image: linear-gradient(top, #dedede, #767676); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#767676', GradientType=0); color: #333 !important; text-shadow: 0 -1px 0px #eee; outline: none; border: solid 1px black; }
.btn.btn-danger, form .submit_bar input.btn-danger {
background-color: #bd362f; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#bd362f)); background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); border-color: #bd362f; text-shadow: 0 -1px 0px #9f1411; } .btn.btn-danger:hover, form .submit_bar input.btn-danger:hover { background-color: #ee5f5b; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#f7adab), to(#ee5f5b)); background-image: -moz-linear-gradient(top, #f7adab, #ee5f5b); background-image: -ms-linear-gradient(top, #f7adab, #ee5f5b); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7adab), color-stop(100%, #ee5f5b)); background-image: -webkit-linear-gradient(top, #f7adab, #ee5f5b); background-image: -o-linear-gradient(top, #f7adab, #ee5f5b); background-image: linear-gradient(top, #f7adab, #ee5f5b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7adab', endColorstr='#ee5f5b', GradientType=0); border-color: #ee5f5b; } .btn.btn-danger.active, form .submit_bar input.btn-danger.active { background-color: #bd362f; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#bd362f)); background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); }
.btn.btn-success, form .submit_bar input.btn-success {
background-color: #51a351; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#51a351)); background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(top, #62c462, #51a351); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); border-color: #51a351; text-shadow: 0 -1px 0px #348c34; } .btn.btn-success:hover, form .submit_bar input.btn-success:hover { background-color: #62c462; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#9bee9b), to(#62c462)); background-image: -moz-linear-gradient(top, #9bee9b, #62c462); background-image: -ms-linear-gradient(top, #9bee9b, #62c462); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9bee9b), color-stop(100%, #62c462)); background-image: -webkit-linear-gradient(top, #9bee9b, #62c462); background-image: -o-linear-gradient(top, #9bee9b, #62c462); background-image: linear-gradient(top, #9bee9b, #62c462); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bee9b', endColorstr='#62c462', GradientType=0); border-color: #62c462; } .btn.btn-success.active, form .submit_bar input.btn-success.active { background-color: #51a351; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#51a351)); background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(top, #62c462, #51a351); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); }
.btn.btn-info, form .submit_bar input.btn-info {
background-color: #2f96b4; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#2f96b4)); background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(top, #5bc0de, #2f96b4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); border-color: #2f96b4; text-shadow: 0 -1px 0px #2f96b4; }
.btn.clear, form .submit_bar input.clear {
background: none; border-color: gray; }
.btn, .handle, form .submit_bar input {
display: inline-block; padding: 2px 10px; box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(white), to(#e6e6e6)); background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -ms-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(top, white, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e6e6e6', GradientType=0); font-size: 11px; cursor: pointer; font-weight: bold; color: #404040; letter-spacing: -0.07em; text-shadow: 0 -1px 0px white; text-decoration: none; border: solid 1px #a6a6a6; -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); *margin-left: .3em; } .btn:first-child, .handle:first-child, form .submit_bar input:first-child { *margin-left: 0; } .btn:hover, .handle:hover, form .submit_bar input:hover { background-color: #84c6ea; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#dbf1f7), to(#84c6ea)); background-image: -moz-linear-gradient(top, #dbf1f7, #84c6ea); background-image: -ms-linear-gradient(top, #dbf1f7, #84c6ea); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbf1f7), color-stop(100%, #84c6ea)); background-image: -webkit-linear-gradient(top, #dbf1f7, #84c6ea); background-image: -o-linear-gradient(top, #dbf1f7, #84c6ea); background-image: linear-gradient(top, #dbf1f7, #84c6ea); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbf1f7', endColorstr='#84c6ea', GradientType=0); color: #003366 !important; text-shadow: 0 -1px 0px #eee; border: solid 1px #2f84da; text-decoration: none; } .btn.active, .btn:active, .handle.active, .handle:active, form .submit_bar input.active, form .submit_bar input:active { -webkit-box-shadow: inset 0 0 6px black; -moz-box-shadow: inset 0 0 6px black; box-shadow: inset 0 0 6px black; background-color: #767676; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#dedede), to(#767676)); background-image: -moz-linear-gradient(top, #dedede, #767676); background-image: -ms-linear-gradient(top, #dedede, #767676); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #767676)); background-image: -webkit-linear-gradient(top, #dedede, #767676); background-image: -o-linear-gradient(top, #dedede, #767676); background-image: linear-gradient(top, #dedede, #767676); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#767676', GradientType=0); color: #333 !important; text-shadow: 0 -1px 0px #eee; outline: none; border: solid 1px black; } .btn.disabled, .btn[disabled], .handle.disabled, .handle[disabled], form .submit_bar input.disabled, form .submit_bar input[disabled] { cursor: default; background-color: #e6e6e6; filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; color: gray !important; background-color: white; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(white), to(white)); background-image: -moz-linear-gradient(top, white, white); background-image: -ms-linear-gradient(top, white, white); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, white)); background-image: -webkit-linear-gradient(top, white, white); background-image: -o-linear-gradient(top, white, white); background-image: linear-gradient(top, white, white); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0); border: solid 1px #e6e6e6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.btn-large, .handle.btn-large, form .submit_bar input.btn-large { padding: 9px 14px; font-size: 12px; letter-spacing: normal; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn.btn-pronounced, .handle.btn-pronounced, form .submit_bar input.btn-pronounced { font-size: 14px; } .btn.btn-large .icon, .handle.btn-large .icon, form .submit_bar input.btn-large .icon { margin-top: 1px; } .btn.btn-small, .handle.btn-small, form .submit_bar input.btn-small { padding: 0px 5px; font-size: 9px; } .btn.btn-small .icon, .handle.btn-small .icon, form .submit_bar input.btn-small .icon { margin-top: -1px; } .btn .badge, .handle .badge, form .submit_bar input .badge { background: gray; color: white; font-weight: normal; text-shadow: 0 0 0; } .btn.active .badge, .handle.active .badge, form .submit_bar input.active .badge { background: #595959; }
button.btn, input.btn {
line-height: inherit; *padding-top: 2px; *padding-bottom: 2px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn:active, input[type="submit"].btn:active { -webkit-box-shadow: inset 0 0 6px black; -moz-box-shadow: inset 0 0 6px black; box-shadow: inset 0 0 6px black; background-color: #767676; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#dedede), to(#767676)); background-image: -moz-linear-gradient(top, #dedede, #767676); background-image: -ms-linear-gradient(top, #dedede, #767676); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #767676)); background-image: -webkit-linear-gradient(top, #dedede, #767676); background-image: -o-linear-gradient(top, #dedede, #767676); background-image: linear-gradient(top, #dedede, #767676); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#767676', GradientType=0); color: #333 !important; text-shadow: 0 -1px 0px #eee; outline: none; border: solid 1px black; }
.link-hl {
padding: 1px; padding-right: 3px; } .link-hl:hover { background: #dee7ee; color: #006699; text-decoration: none; }
/*##########################################################################*/ /* Button Groups */ /*##########################################################################*/ .btn-group {
position: relative; zoom: 1; *margin-left: .3em; } .btn-group:before, .btn-group:after { display: table; content: ""; zoom: 1; *display: inline; } .btn-group:after { clear: both; } .btn-group:first-child { *margin-left: 0; }
.btn-group + .btn-group {
margin-left: 5px; }
.btn-toolbar {
margin-top: 16px; margin-bottom: 16px; } .btn-toolbar .btn-group { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; }
.btn-group .btn {
position: relative; float: left; margin-left: -1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.btn-group .btn:first-child {
margin-left: 0; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; }
.btn-group .btn:last-child, .btn-group .dropdown-toggle {
-webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; }
.btn-group .btn.large:first-child {
margin-left: 0; -webkit-border-radius: 6px 0px 0px 6px; -moz-border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px; }
.btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle {
-webkit-border-radius: 0px 6px 6px 0px; -moz-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; }
.btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active {
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: 5px; *padding-bottom: 5px; }
.btn-group.open {
*z-index: 1000; } .btn-group.open .dropdown-menu { display: block; margin-top: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn .caret {
margin-top: 7px; margin-left: 0; }
.btn:hover .caret, .open.btn-group .caret {
filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
.primary .caret, .danger .caret, .info .caret, .success .caret {
border-top-color: white; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; }
.btn.small .caret {
margin-top: 4px; }
.pagination {
margin-bottom: 18px; }
.pagination > span {
line-height: 2em; color: #bfbfbf; }
.header-with-icon .pagination {
margin: 0px; }
.pagination ul {
display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; }
.pagination ul > li {
display: inline; }
.pagination ul > li > a, .pagination ul > li > span {
padding: 4px 12px 2px 12px; line-height: 18px; text-decoration: none; }
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
background-color: #dee7ee; border-bottom: solid 3px #dee7ee; }
.pagination ul > .active > a, .pagination ul > .active > span {
cursor: default; }
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
color: black; font-weight: bold; background-color: transparent; cursor: default; border-bottom: solid 3px #b0d3f1; }
.pagination ul > .next > a, .pagination ul > .last > a {
border: none; background: none; }
.ui-timepicker-list {
overflow-y: auto; height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; margin: 0; padding: 0; }
.ui-timepicker-list.ui-timepicker-with-duration {
width: 11em; }
.ui-timepicker-duration {
margin-left: 5px; color: #888; }
.ui-timepicker-list:hover .ui-timepicker-duration {
color: #888; }
.ui-timepicker-list li {
padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; }
.ui-timepicker-list:hover .ui-timepicker-selected {
background: #fff; color: #000; }
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list:hover .ui-timepicker-selected:hover {
background: #1980EC; color: #fff; }
li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration {
color: #ccc; }
/*##########################################################################*/ /* Slider Elements */ /*##########################################################################*/ .slider {
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #E2E2E2 repeat-x 0 0; height: 6px; position: relative; cursor: pointer; border: 1px solid #999; width: 250px; float: left; margin-top: 12px; }
.progress {
height: 9px; margin-left: 50px; background-color: #C5FF00; display: none; opacity: 0.6px; }
.handle {
width: 35px; top: -10px; position: absolute; display: block; text-align: center; font-size: 0.8em; font-weight: 700; letter-spacing: -0.07em; color: #666; vertical-align: bottom; padding-left: 2px; padding-right: 2px; padding-top: 3px; text-decoration: none !important; } .handle:active { padding-top: 3px; padding-left: 2px; padding-right: 2px; } .handle.thin { width: 8px; }
.range {
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px inset #ddd; float: left; font-size: 20px; text-align: center; width: 50px; margin: 0 0 0 15px; padding: 3px 0; }
.left {
float: left; font-size: 1em; letter-spacing: -0.07em; color: #999; font-weight: 500; width: 85px; padding-top: 3px; }
div.leftseconds {
float: left; text-align: right; padding-right: 12px; color: #000; margin-top: 7px; font-style: italic; font-size: 0.9em; }
div.rightseconds {
float: left; text-align: left; padding-left: 12px; color: #000; margin-top: 7px; font-style: italic; font-size: 0.9em; }
/*##########################################################################*/ /* Tooltips, by qTip2 Plugin (craigsworks.com/projects/qtip2) */ /*##########################################################################*/ /* Core qTip styles */ .qtip, .qtip {
position: absolute; left: -28000px; top: -28000px; display: none; max-width: 350px; min-width: 50px; font-size: 10.5px; line-height: 12px; direction: ltr; }
.qtip-content {
position: relative; padding: 5px 9px; overflow: hidden; line-height: normal; text-align: left; word-wrap: break-word; }
.qtip-titlebar {
position: relative; padding: 10px 35px 10px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: bold; }
.qtip-titlebar + .qtip-content {
border-top-width: 0 !important; }
/* Default close button class */ .qtip-close {
position: absolute; right: -9px; top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; border-color: transparent; }
.qtip-titlebar .qtip-close {
right: 4px; top: 50%; margin-top: -9px; }
-
html .qtip-titlebar .qtip-close { top: 16px; }
/* IE fix */ .qtip-titlebar .ui-icon, .qtip-icon .ui-icon {
display: block; text-indent: -1000em; direction: ltr; vertical-align: middle; }
.qtip-icon, .qtip-icon .ui-icon {
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; }
.qtip-icon .ui-icon {
width: 18px; height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; }
/* Applied to ‘focused’ tooltips e.g. most recently displayed/interacted with */ /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ /* Default tooltip style */ .qtip-default {
border-width: 1px; border-style: solid; background-color: #262626; border-color: #303030; color: #f3f3f3; }
.qtip-default .qtip-titlebar {
background-color: #404040; }
.qtip-default .qtip-icon {
border-color: #444; background: #F1F1F1; color: #777; }
.qtip-default .qtip-titlebar .qtip-close {
border-color: #AAA; color: #111; }
.qtip-default .qtip-titlebar .ui-state-hover {
border-color: #303030; }
/*! Light tooltip style */ .qtip-light {
background-color: white; border-color: #E2E2E2; color: #454545; }
.qtip-light .qtip-titlebar {
background-color: #f1f1f1; }
/* Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .qtip-shadow {
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); }
/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .qtip-rounded, .qtip-tipsy, .qtip-bootstrap {
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.qtip-rounded .qtip-titlebar {
-moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
/* Class applied to remove inner box padding for tooltip */ .qtip-nopadding .qtip-content {
padding: 0px !important; }
.qtip-oneline .qtip-content {
padding: 6px; }
/* Class applied to make width auto for tooltip content (use sparingly and test!) */ .qtip-autowidth {
width: auto !important; max-width: none !important; }
/* Class applied to force a fixed height of 300px */ .qtip-fixedheight {
height: 300px !important; max-height: 300px !important; }
/* Class applied to force a fixed height of 300px */ .qtip-fixedwidth-small {
width: 300px !important; max-width: 300px !important; }
.qtip-fixedwidth-medium {
width: 500px !important; max-width: 500px !important; }
/* IE9 fix - removes all filters */ .qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
filter: none; -ms-filter: none; }
/* Tips plugin */ .qtip .qtip-tip {
margin: 0 auto; overflow: hidden; z-index: 10; }
.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml {
position: absolute; color: #123456; background: transparent; border: 0 dashed transparent; }
.qtip .qtip-tip canvas {
top: 0; left: 0; }
.qtip .qtip-tip .qtip-vml {
behavior: url(#default#VML); display: inline-block; visibility: visible; }
/* Modal plugin */ qtip-overlay {
position: fixed; left: -10000em; top: -10000em; }
/* Applied to modals with show.modal.blur set to true */ qtip-overlay.blurs {
cursor: pointer; }
/* Change opacity of overlay here */ qtip-overlay div {
position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
/* IE6 Modal plugin fix */ .qtipmodal-ie6fix {
position: absolute !important; }
.tooltip-scrollY {
max-height: 300px; overflow: auto; }
.tooltip-filter-cont {
padding: 10px; border-bottom: solid 1px #ccc; }
/*##########################################################################*/ /* Display Blocks */ /*##########################################################################*/ .viewblock {
-webkit-box-shadow: 0 3px 2px #ababab; -moz-box-shadow: 0 3px 2px #ababab; box-shadow: 0 3px 2px #ababab; display: block; margin-bottom: 18px; -webkit-border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; } .viewblock .viewblock-header { -webkit-border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; background-color: #ababab; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#dedede), to(#ababab)); background-image: -moz-linear-gradient(top, #dedede, #ababab); background-image: -ms-linear-gradient(top, #dedede, #ababab); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #ababab)); background-image: -webkit-linear-gradient(top, #dedede, #ababab); background-image: -o-linear-gradient(top, #dedede, #ababab); background-image: linear-gradient(top, #dedede, #ababab); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#ababab', GradientType=0); display: block; padding: 0px; border: solid 1px #ababab; border-bottom: 0px; } .viewblock .viewblock-header.light-version { background-color: #e6e6e6; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e6e6e6)); background-image: -moz-linear-gradient(top, #f2f2f2, #e6e6e6); background-image: -ms-linear-gradient(top, #f2f2f2, #e6e6e6); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #e6e6e6)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e6e6e6); background-image: -o-linear-gradient(top, #f2f2f2, #e6e6e6); background-image: linear-gradient(top, #f2f2f2, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e6e6e6', GradientType=0); } .viewblock .viewblock-header h1 { color: #4d4d4d; font-size: 1.4em; letter-spacing: 0.05em; text-shadow: 0 1px #d9d9d9; } .viewblock .viewblock-header a:not(.button) { color: #003366; } .viewblock .viewblock-header .default-padding { padding: 8px 14px 5px 14px; } .viewblock .viewblock-header .viewblock-header_right { float: right; margin-left: 20px; } .viewblock .viewblock-header .viewblock-header_right .button-padding { padding: 5px; } .viewblock .viewblock-header .status-block { background: #f2f2f2; height: 100%; padding: 4px 8px; float: left; line-height: normal; border-left: solid 1px #bfbfbf; } .viewblock .viewblock-header .status-block > label { display: block; color: gray; text-align: center; font-size: 0.8em; line-height: normal; } .viewblock .viewblock-header .status-block > span { display: block; text-align: center; line-height: normal; } .viewblock .viewblock-header .status-block:last-child { -webkit-border-radius: 0px 8px 0px 0px; -moz-border-radius: 0px 8px 0px 0px; border-radius: 0px 8px 0px 0px; } .viewblock .viewblock-header .viewblock-header_back { float: left; margin: 7px 8px 7px -12px; } .viewblock .viewblock-cont { padding: 0px; border: solid 1px #ababab; background: white; zoom: 1; } .viewblock .viewblock-cont:before, .viewblock .viewblock-cont:after { display: table; content: ""; zoom: 1; *display: inline; } .viewblock .viewblock-cont:after { clear: both; } .viewblock .subnav { background: #dee7ee; padding: 2px 12px; border-bottom: 1px solid #b0d3f1; } .viewblock .subnav h4 { text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.8em; } .viewblock .subnav .nav { margin: 0px; } .viewblock .subnav a.button, .viewblock .subnav a.handle { background: #006699; color: white !important; font-size: 0.8em; border: 0px; padding: 4px 6px; text-shadow: 0px 0px 0px; } .viewblock .subnav .nav-pills { padding-top: 2px; margin-bottom: 0px; } .viewblock .subnav .nav-pills > li > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0px; padding: 0px 4px; color: #006699; line-height: 22px; } .viewblock .subnav .nav-pills > li > a .count { font-size: 0.8em; } .viewblock .subnav .nav-pills > li > a:hover { background: white; color: #00334d; text-decoration: none; } .viewblock .subnav .nav-pills li.legend { font-size: 0.8em; text-transform: uppercase; padding: 3px 3px 0px 3px; } .viewblock .subnav .nav-tabs { border-bottom: 0px; } .viewblock .subnav .nav-tabs > li { margin-bottom: -3px; } .viewblock .subnav .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 18px; border: 1px solid transparent; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .viewblock .subnav .nav-tabs > li > a:hover { background: #f1f7fd; } .viewblock .subnav .nav-tabs > .active > a, .viewblock .subnav .nav-tabs > .active > a:hover { color: black; font-weight: bold; border: 1px solid #b0d3f1; border-bottom-color: transparent; cursor: default; }
.subblock.bordered {
border: solid 1px #bfbfbf; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.subblock.with-padding {
padding: 18px; }
ul.new-grid {
zoom: 1; margin: 0px; padding: 0px; } ul.new-grid:before, ul.new-grid:after { display: table; content: ""; zoom: 1; *display: inline; } ul.new-grid:after { clear: both; } ul.new-grid li { list-style: none; float: left; margin: 1px; position: relative; } ul.new-grid li a { display: block; width: 240px; height: 180px; background: white; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } ul.new-grid li a:hover { text-decoration: none; } ul.new-grid li a:hover .content { background: #b0b0b0; } ul.new-grid li a:hover .content img { opacity: 1; } ul.new-grid li a:hover .info { opacity: 1; } ul.new-grid li .content { display: block; z-index: 1; background: #bfbfbf; height: 180px; } ul.new-grid li .content img { max-width: 100%; opacity: 0.8; } ul.new-grid li .content p { padding: 12px; font-size: 1.6em; line-height: normal; } ul.new-grid li .info { z-index: 2; background: black; opacity: 0.5; display: block; color: white; position: absolute; bottom: 0px; left: 0px; width: 100%; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; }
ul.list-grid {
margin: 0px; padding: 0px; zoom: 1; } ul.list-grid:before, ul.list-grid:after { display: table; content: ""; zoom: 1; *display: inline; } ul.list-grid:after { clear: both; } ul.list-grid > li { list-style: none; float: left; min-width: 200px; height: 60px; width: 23%; margin: 8px 4px; display: table; } ul.list-grid > li .cont { display: table-cell; vertical-align: top; padding: 0px; min-height: 64px; text-decoration: none; } ul.list-grid > li .cont.thumb-icon { width: 64px; } ul.list-grid > li .cont.thumb-icon a { text-decoration: none; } ul.list-grid > li .cont.thumb-icon i { font-size: 45px; color: black; line-height: 0.8em; } ul.list-grid > li .cont b { color: black; } ul.list-grid > li .cont .controls { display: block; margin-top: 4px; } ul.list-grid > li .cont h1 { font-size: 1.2em; color: #333; background: none; padding: 0px; margin: 0px; font-weight: bold; text-align: center; } ul.list-grid > li .cont p { margin-bottom: 0px; } ul.list-grid > li img { float: left; margin-bottom: 6px; margin-right: 10px; } ul.list-grid > li i { margin-bottom: 6px; margin-right: 10px; } ul.list-grid.inset-selection { border-top: none; } ul.list-grid.inset-selection > li { margin-right: 6px; margin-bottom: 6px; } ul.list-grid.inset-selection > li > a, ul.list-grid.inset-selection > li > div { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; color: gray; -webkit-transition: border linear 0.1s, background linear 0.1s; -moz-transition: border linear 0.1s, background linear 0.1s; -ms-transition: border linear 0.1s, background linear 0.1s; -o-transition: border linear 0.1s, background linear 0.1s; transition: border linear 0.1s, background linear 0.1s; } ul.list-grid.inset-selection > li > a:hover { background: #e7f1f9; text-decoration: none; } ul.list-grid.inset-selection > li > a:hover .inp { background: #b0d3f1; } ul.list-grid.inset-selection .inp { float: left; background: #f2f2f2; min-height: 46px; padding: 8px 5px; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } ul.list-grid.inset-selection .cont { border: none; float: left; } ul.list-grid.small > li { min-height: 60px; } ul.list-grid.small > li .cont { padding: 8px; min-height: 40px; }
.row-fluid .span3 ul.list-grid > li, .row-fluid .span2 ul.list-grid > li, .row-fluid .span1 ul.list-grid > li {
width: 100%; }
ul.list-stacked {
margin-left: 0px; margin-bottom: 12px; } ul.list-stacked > li { padding: 12px 12px 0px 12px; list-style: none; } ul.list-stacked > li ul { margin-left: 0px; } ul.list-stacked > li ul > li { padding-left: 25px; background: #efefef; } ul.list-stacked p { margin: 0px; } ul.list-stacked .indented { padding-left: 20px; }
ul.list-stacked.condensed > li {
padding: 6px 12px; }
/*##########################################################################*/ /* Top Menu */ /*##########################################################################*/ /*########## STRUCTURE ##########*/ top-menu {
width: 100%; background-color: #d5d5d5; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#fbfbfb), to(#d5d5d5)); background-image: -moz-linear-gradient(top, #fbfbfb, #d5d5d5); background-image: -ms-linear-gradient(top, #fbfbfb, #d5d5d5); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #d5d5d5)); background-image: -webkit-linear-gradient(top, #fbfbfb, #d5d5d5); background-image: -o-linear-gradient(top, #fbfbfb, #d5d5d5); background-image: linear-gradient(top, #fbfbfb, #d5d5d5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#d5d5d5', GradientType=0); -webkit-box-shadow: 0px 1px 6px gray; -moz-box-shadow: 0px 1px 6px gray; box-shadow: 0px 1px 6px gray; border-bottom: solid 1px #999; z-index: 2; position: relative; zoom: 1; } #top-menu:before, #top-menu:after { display: table; content: ""; zoom: 1; *display: inline; } #top-menu:after { clear: both; } #top-menu .btn { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: transparent image-url("layout/top-menu/button_top-menu_states.png") top left repeat-x; filter: none; color: #666; text-shadow: 0 1px #eee; margin: 0px 2px; padding: 4px 7px; font-size: 11px; border: solid 1px #999; float: left; } #top-menu .btn:hover { background: transparent image-url("layout/top-menu/button_top-menu_states.png") top left repeat-x; text-shadow: 0 1px #eee; background-position: 100% -31px; border: solid 1px #2f84da; } #top-menu .btn:hover .badge { color: white; } #top-menu .btn:hover .badge.action { background-color: #9d261d; } #top-menu .btn:active { background: transparent image-url("layout/top-menu/button_top-menu_states.png") top left repeat-x; background-position: 100% -62px; border: solid 1px #333; } #top-menu .btn:visited { color: #666; } #top-menu .btn.selected { -webkit-box-shadow: inset 0 0 10px black; -moz-box-shadow: inset 0 0 10px black; box-shadow: inset 0 0 10px black; text-decoration: none; text-shadow: 0 -1px #333333; color: #FFF; background-position: 100% 100%; border: solid 1px #333; } #top-menu .btn.selected:active { color: white !important; } #top-menu .btn.selected:hover { color: white !important; } #top-menu .badge { background-color: #666; color: #e6e6e6; text-shadow: 0 0 0; } #top-menu .badge.action { background-color: #721c15; } #top-menu #top-menu-logobutton { background-color: #0099cc; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#006699), to(#0099cc)); background-image: -moz-linear-gradient(top, #006699, #0099cc); background-image: -ms-linear-gradient(top, #006699, #0099cc); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #0099cc)); background-image: -webkit-linear-gradient(top, #006699, #0099cc); background-image: -o-linear-gradient(top, #006699, #0099cc); background-image: linear-gradient(top, #006699, #0099cc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#0099cc', GradientType=0); float: left; color: white; padding: 4px 12px; font-weight: bold; vertical-align: middle; } #top-menu #top-menu-logobutton i.concertocon-logobutton { opacity: 0.6; } #top-menu #top-menu-logobutton.full { padding: 0px 12px; height: 55px; } #top-menu #top-menu-logobutton.selected { background: #006699; color: white; position: relative; } #top-menu #top-menu-logobutton.selected i.concertocon-logobutton { opacity: 1.0; } #top-menu #top-menu-logobutton.selected:after { content: ' '; height: 0; position: absolute; width: 0; top: 100%; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top-color: #006699; } #top-menu #top-menu-logobutton:hover i.concertocon-logobutton { opacity: 1.0; text-decoration: none; } #top-menu #top-menu-logobutton:hover { text-decoration: none; } #top-menu #top-menu-logintext { float: left; padding: 4px 12px; margin: 0px; color: gray; font-size: 0.85em; } #top-menu #top-menu-user i { display: block; margin: 2px 0px; } #top-menu #top-menu-user h2 { text-transform: uppercase; font-size: 17px; } #top-menu #top-menu-user h2 a { color: gray; text-shadow: 0px 1px 0px white; letter-spacing: 0.15em; font-size: 17px; } #top-menu #top-menu-user .pull-left { padding-top: 2px; margin-right: 12px; } #top-menu #top-menu-user .pull-right { padding-top: 7px; margin-right: 8px; } #top-menu #top-menu-user .pull-right p { font-size: 0.8em; } #top-menu section { border-right: solid 1px #ccc; float: left; margin: 0px; padding-top: 4px; } #top-menu section.right { float: right; } #top-menu section .top-menu-sectop { height: 34px; padding: 0px 2px; } #top-menu section .top-menu-secbot { background: #f9f9f9; } #top-menu section .top-menu-secbot h1 { color: #666; font-size: 0.75em; font-weight: 400; text-shadow: 0 0.05em #FFF; padding: 3px 0px; text-transform: uppercase; letter-spacing: 0.3em; text-align: center; }
.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: #764b00; }
.alert-heading {
color: inherit; }
.alert .close {
position: relative; top: -2px; right: -21px; line-height: 18px; padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #404040; text-shadow: 0px 1px 0px white; opacity: 0.5; } .alert .close:hover { color: black; }
.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-zero {
background-color: #f2f2f2; border-color: #e6e6e6; color: gray; -webkit-box-shadow: inset 0px 3px 3px #e6e6e6; -moz-box-shadow: inset 0px 3px 3px #e6e6e6; box-shadow: inset 0px 3px 3px #e6e6e6; }
.alert-block, .alert-banner, .alert-removeborder {
padding-top: 14px; padding-bottom: 14px; }
.alert-block > p, .alert-banner > p, .alert-removeborder > p, .alert-block > ul, .alert-banner > ul, .alert-removeborder > ul {
margin-bottom: 0; }
.alert-block p + p, .alert-banner p + p, .alert-removeborder p + p {
margin-top: 5px; }
.alert-block p.alert-heading, .alert-banner p.alert-heading, .alert-removeborder p.alert-heading {
font-weight: bold; }
.alert-banner, .alert-removeborder {
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-bottom: 0px; }
.badge {
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #b0d3f1; color: white; font-family: "Lucida Grande", Arial, sans-serif; display: inline; font-size: 10px; font-weight: bold; padding: 1px 4px; } .badge.action { background-color: #9d261d; } .badge.muted { background-color: #bfbfbf; }
.link-hl .badge {
position: relative; bottom: 2px; margin-right: 3px; }
flash-banner {
background: black; opacity: 0.8; position: absolute; width: 100%; top: 0px; left: 0px; z-index: 1; } #flash-banner p { padding: 4px 12px; opacity: 1.0; color: white; margin-bottom: 0px; }
/*
* screenmodel.scss.erb * ------------------------------------------------------------------------------------------- */
.screen-model {
position: relative; padding: 25px 25px 40px 25px; background: #000; border: solid 2px #a6a6a6; border-bottom: solid 20px #a6a6a6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 2px 2px #999999; -moz-box-shadow: 0px 2px 2px #999999; box-shadow: 0px 2px 2px #999999; } .screen-model .inset { height: 100%; position: relative; border: solid 1px #666; border-bottom: solid 2px #666; } .screen-model .pos { z-index: 99; position: absolute; } .screen-model a.pos { opacity: 0.1; background: #0099cc; -webkit-transition: opacity linear 0.1s, box-shadow linear 0.1s; -moz-transition: opacity linear 0.1s, box-shadow linear 0.1s; -ms-transition: opacity linear 0.1s, box-shadow linear 0.1s; -o-transition: opacity linear 0.1s, box-shadow linear 0.1s; transition: opacity linear 0.1s, box-shadow linear 0.1s; } .screen-model a.pos:hover { opacity: 0.8; -webkit-box-shadow: 0 0 8px #0099cc; -moz-box-shadow: 0 0 8px #0099cc; box-shadow: 0 0 8px #0099cc; text-decoration: none; } .screen-model .bottom { position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; } .screen-model .bottom .brand { color: gray; padding: 8px 40px; width: 40%; text-transform: uppercase; text-align: center; background: #000; font-size: 1em; border-radius: 5000px; } .screen-model.screens-show { max-width: 800px; width: 800px; margin: 0 auto; height: 450px; max-height: 450px; }
/*!
* Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */
.datepicker {
padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; /*.dow { border-top: 1px solid #ddd !important; }*/ }
.datepicker-inline {
width: 220px; }
.datepicker.datepicker-rtl {
direction: rtl; }
.datepicker.datepicker-rtl table tr td span {
float: right; }
.datepicker-dropdown {
top: 0; left: 0; }
.datepicker-dropdown: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: 6px; }
.datepicker-dropdown:after {
content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; }
.datepicker > div {
display: none; }
.datepicker.days div.datepicker-days {
display: block; }
.datepicker.months div.datepicker-months {
display: block; }
.datepicker.years div.datepicker-years {
display: block; }
.datepicker table {
margin: 0; }
.datepicker td, .datepicker th {
text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; }
.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
background-color: transparent; }
.datepicker table tr td.day:hover {
background: #eeeeee; cursor: pointer; }
.datepicker table tr td.old, .datepicker table tr td.new {
color: #999999; }
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
background: none; color: #999999; cursor: default; }
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
background-color: #fde19a; background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); background-image: linear-gradient(top, #fdd49a, #fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #000 !important; }
.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
background-color: #fdf59a; }
.datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active {
background-color: #fbf069 \9; }
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
background-color: #0044cc; }
.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
background-color: #003399 \9; }
.datepicker table tr td span {
display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.datepicker table tr td span:hover {
background: #eeeeee; }
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
background: none; color: #999999; cursor: default; }
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
background-color: #0044cc; }
.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
background-color: #003399 \9; }
.datepicker table tr td span.old {
color: #999999; }
.datepicker th.switch {
width: 145px; }
.datepicker thead tr:first-child th, .datepicker tfoot tr:first-child th {
cursor: pointer; }
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover {
background: #eeeeee; }
.datepicker .cw {
font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; }
.datepicker thead tr:first-child th.cw {
cursor: default; background-color: transparent; }
.input-append.date .add-on i, .input-prepend.date .add-on i {
display: block; cursor: pointer; width: 16px; height: 16px; }
.datepicker.dropdown-menu {
position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -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; *border-right-width: 2px; *border-bottom-width: 2px; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; }
.datepicker.dropdown-menu th, .datepicker.dropdown-menu td {
padding: 4px 5px; }
.datepicker .prev, .datepicker .next {
font-style: normal; }
.tile {
/* container */ display: block; float: left; background-color: #f2f2f2; width: 202px; height: 202px; cursor: pointer; box-shadow: inset 0px 0px 1px #FFFFCC; text-decoration: none; color: white; margin: 0 10px 10px 0; position: relative; box-sizing: border-box; overflow: hidden; } .tile .tile-content { width: 200px; height: 200px; display: block; padding: 0; padding-bottom: 30px; vertical-align: top; padding: 10px 15px; overflow: hidden; text-overflow: ellipsis; position: relative; color: black; line-height: 16px; padding: 0; border: solid 1px #d9d9d9; } .tile .tile-content, .tile .tile-content * { -webkit-transition: 0.1s all linear; -moz-transition: 0.1s all linear; -ms-transition: 0.1s all linear; -o-transition: 0.1s all linear; transition: 0.1s all linear; } .tile .tile-content > img { width: 100%; height: auto; max-width: 100%; } .tile .tile-content:hover { color: #00334d; text-decoration: none; background: #dee7ee; border-color: #b0d3f1; filter: alpha(opacity=90); -khtml-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; } .tile .tile-content .tile-labels { position: absolute; bottom: 0; right: 0; min-height: 30px; background-color: transparent; zoom: 1; } .tile .tile-content .tile-labels:before, .tile .tile-content .tile-labels:after { display: table; content: ""; zoom: 1; *display: inline; } .tile .tile-content .tile-labels:after { clear: both; } .tile .tile-content .tile-labels i[class*=icon-] { padding: 2px 5px; position: absolute; bottom: 0; right: 0; filter: alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; z-index: 2; color: white; font-size: 25px; -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; } .tile .tile-content .default-padding { padding: 6px; } .tile .tile-content h1 { font-size: 150%; text-align: center; } .tile .tile-content h2 { font-size: 125%; } .tile .tile-content p { color: gray; line-height: 16px; overflow: hidden; text-overflow: ellipsis; } .tile .tile-info { position: absolute; bottom: 0; right: 0; width: 100%; min-height: 30px; zoom: 1; -webkit-transition: 0.1s all linear; -moz-transition: 0.1s all linear; -ms-transition: 0.1s all linear; -o-transition: 0.1s all linear; transition: 0.1s all linear; } .tile .tile-info:before, .tile .tile-info:after { display: table; content: ""; zoom: 1; *display: inline; } .tile .tile-info:after { clear: both; } .tile .tile-info .tile-moderate { filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; text-align: center; min-height: 30px; } .tile .tile-info .tile-moderate .icon-check { color: #66ccff; font-size: 3em; -webkit-transition: 0.1s all linear; -moz-transition: 0.1s all linear; -ms-transition: 0.1s all linear; -o-transition: 0.1s all linear; transition: 0.1s all linear; } .tile .tile-info .tile-moderate .icon-remove-sign { color: #66ccff; font-size: 3em; -webkit-transition: 0.1s all linear; -moz-transition: 0.1s all linear; -ms-transition: 0.1s all linear; -o-transition: 0.1s all linear; transition: 0.1s all linear; } .tile .tile-info .tile-moderate a:hover { text-decoration: none; } .tile .tile-info .tile-moderate a:hover .icon-check, .tile .tile-info .tile-moderate a:hover .icon-remove-sign { color: #FFF !important; } .tile:hover .tile-moderate { background: rgba(0, 0, 0, 0.7); filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .tile:hover .tile-labels i[class*=icon-] { filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } .tile .tile-overlay { width: 202px; height: 202px; z-index: 1010; position: absolute; top: 202px; /* start the overlay so that it is hidden at the bottom of its tile container */ left: 0px; display: none; } .tile .tile-overlay.black { background: rgba(0, 0, 0, 0.7); }
.tile-stack::before, .tile-stack::after {
box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; content: ''; border: 1px solid #d9d9d9; background: #f2f2f2; height: 4px; }
.tile-stack::before {
width: 196px; left: 1px; bottom: -4px; }
.tile-stack::after {
width: 192px; left: 3px; bottom: -7px; }
.approval {
text-align: center; padding: 12px 0px; }
.approval-info {
width: 800px !important; margin: 0 auto; }
.content-ticker {
background: #f2f2f2; border: solid 1px #bfbfbf; text-align: center; padding: 50px 20px 40px 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: relative; } .content-ticker p { font-size: 3em; line-height: normal; } .content-ticker .quotemarks-top, .content-ticker .quotemarks-bottom { position: absolute; font-family: "Georgia", Times New Roman, Times, serif; font-size: 30px; font-weight: bold; line-height: normal; } .content-ticker .quotemarks-top { top: 15px; left: 15px; } .content-ticker .quotemarks-bottom { bottom: 0px; right: 15px; }
.is_orphan {
color: gray; }
.is_approved {
color: green; }
.is_pending {
color: blue; }
.is_denied {
color: red; }
b.pronounced {
font-weight: bold; font-size: 1.3em; color: black; }
.hidden {
display: none; visibility: hidden; }
.visible-phone {
display: none !important; }
.visible-tablet {
display: none !important; }
.hidden-desktop {
display: none !important; }
@media (max-width: 767px) {
.visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } }
@media (min-width: 768px) and (max-width: 979px) {
.visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } }
@media (max-width: 480px) {
.nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .page-header h1 small { display: block; line-height: 18px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-group > label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-left: 10px; padding-right: 10px; } .modal { position: absolute; top: 10px; left: 10px; right: 10px; width: auto; margin: 0; } .modal.fade.in { top: auto; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } .row-fluid [class*="span"].collapse-right { margin-right: 0px; } .nav-drawer-left { -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; border-right: solid 4px #bfbfbf !important; margin-top: 0px; } .nav-drawer-left > li:first-child > a { -webkit-border-radius: 8px 8px 0 0 !important; -moz-border-radius: 8px 8px 0 0 !important; border-radius: 8px 8px 0 0 !important; } .nav-drawer-left > li:last-child > a { -webkit-border-radius: 0 0 8px 8px !important; -moz-border-radius: 0 0 8px 8px !important; border-radius: 0 0 8px 8px !important; } }
@media (max-width: 767px) {
.navbar-fixed-top, .navbar-fixed-bottom { margin-left: -20px; margin-right: -20px; } .container-fluid { padding: 0; } .dl-horizontal dt { float: none; clear: none; width: auto; text-align: left; } .dl-horizontal dd { margin-left: 0; } .container { width: auto; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } [class*="span"], .row-fluid [class*="span"] { float: none; display: block; width: auto; margin-left: 0; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { 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; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .row-fluid [class*="span"].collapse-right { margin-right: 0px; } .nav-drawer-left { -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; border-right: solid 4px #bfbfbf !important; margin-top: 0px; } .nav-drawer-left > li:first-child > a { -webkit-border-radius: 8px 8px 0 0 !important; -moz-border-radius: 8px 8px 0 0 !important; border-radius: 8px 8px 0 0 !important; } .nav-drawer-left > li:last-child > a { -webkit-border-radius: 0 0 8px 8px !important; -moz-border-radius: 0 0 8px 8px !important; border-radius: 0 0 8px 8px !important; } .approval-info { width: auto !important; margin: 0 auto; } }
@media (min-width: 768px) and (max-width: 979px) {
.row { margin-left: -20px; zoom: 1; } .row:before, .row:after { display: table; content: ""; zoom: 1; *display: inline; } .row:after { clear: both; } [class*="span"] { float: left; margin-left: 20px; } .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; } .span1 { width: 42px; } .span2 { width: 104px; } .span3 { width: 166px; } .span4 { width: 228px; } .span5 { width: 290px; } .span6 { width: 352px; } .span7 { width: 414px; } .span8 { width: 476px; } .span9 { width: 538px; } .span10 { width: 600px; } .span11 { width: 662px; } .span12 { width: 724px; } .offset1 { margin-left: 82px; } .offset2 { margin-left: 144px; } .offset3 { margin-left: 206px; } .offset4 { margin-left: 268px; } .offset5 { margin-left: 330px; } .offset6 { margin-left: 392px; } .offset7 { margin-left: 454px; } .offset8 { margin-left: 516px; } .offset9 { margin-left: 578px; } .offset10 { margin-left: 640px; } .offset11 { margin-left: 702px; } .offset12 { margin-left: 764px; } .row-fluid { width: 100%; zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; zoom: 1; *display: inline; } .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: 1.67152; *margin-left: 1.61833%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span1 { width: 6.8011%; *width: 6.74791%; } .row-fluid .span2 { width: 15.27373%; *width: 15.22054%; } .row-fluid .span3 { width: 23.74636%; *width: 23.69317%; } .row-fluid .span4 { width: 32.21899%; *width: 32.16579%; } .row-fluid .span5 { width: 40.69161%; *width: 40.63842%; } .row-fluid .span6 { width: 49.16424%; *width: 49.11105%; } .row-fluid .span7 { width: 57.63687%; *width: 57.58367%; } .row-fluid .span8 { width: 66.10949%; *width: 66.0563%; } .row-fluid .span9 { width: 74.58212%; *width: 74.52893%; } .row-fluid .span10 { width: 83.05475%; *width: 83.00155%; } .row-fluid .span11 { width: 91.52737%; *width: 91.47418%; } .row-fluid .span12 { width: 100.0%; *width: 99.94681%; } input, textarea, .uneditable-input { margin-left: 0; } input.span1, textarea.span1, .uneditable-input.span1 { width: 32px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 94px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 156px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 218px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 280px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 342px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 404px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 466px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 528px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 590px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 652px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 714px; } .approval-info { width: auto !important; margin: 0 auto; } }
@media (min-width: 1200px) {
.row { margin-left: -30px; zoom: 1; } .row:before, .row:after { display: table; content: ""; zoom: 1; *display: inline; } .row:after { clear: both; } [class*="span"] { float: left; margin-left: 30px; } .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } .span1 { width: 70px; } .span2 { width: 170px; } .span3 { width: 270px; } .span4 { width: 370px; } .span5 { width: 470px; } .span6 { width: 570px; } .span7 { width: 670px; } .span8 { width: 770px; } .span9 { width: 870px; } .span10 { width: 970px; } .span11 { width: 1070px; } .span12 { width: 1170px; } .offset1 { margin-left: 130px; } .offset2 { margin-left: 230px; } .offset3 { margin-left: 330px; } .offset4 { margin-left: 430px; } .offset5 { margin-left: 530px; } .offset6 { margin-left: 630px; } .offset7 { margin-left: 730px; } .offset8 { margin-left: 830px; } .offset9 { margin-left: 930px; } .offset10 { margin-left: 1030px; } .offset11 { margin-left: 1130px; } .offset12 { margin-left: 1230px; } .row-fluid { width: 100%; zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; zoom: 1; *display: inline; } .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: 1.47319; *margin-left: 1.42%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span1 { width: 6.98291%; *width: 6.92971%; } .row-fluid .span2 { width: 15.43901%; *width: 15.38581%; } .row-fluid .span3 { width: 23.8951%; *width: 23.84191%; } .row-fluid .span4 { width: 32.3512%; *width: 32.29801%; } .row-fluid .span5 { width: 40.8073%; *width: 40.75411%; } .row-fluid .span6 { width: 49.2634%; *width: 49.21021%; } .row-fluid .span7 { width: 57.7195%; *width: 57.66631%; } .row-fluid .span8 { width: 66.1756%; *width: 66.12241%; } .row-fluid .span9 { width: 74.6317%; *width: 74.57851%; } .row-fluid .span10 { width: 83.0878%; *width: 83.03461%; } .row-fluid .span11 { width: 91.5439%; *width: 91.49071%; } .row-fluid .span12 { width: 100.0%; *width: 99.94681%; } input, textarea, .uneditable-input { margin-left: 0; } input.span1, textarea.span1, .uneditable-input.span1 { width: 60px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 160px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 260px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 360px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 460px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 560px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 660px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 760px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 860px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 960px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1060px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 1160px; } .thumbnails { margin-left: -30px; } .thumbnails > li { margin-left: 30px; } .row-fluid .thumbnails { margin-left: 0; } .content-frame { margin: 0 auto; max-width: 1000px; } }