/* @Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, sup, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
padding: 0;
margin: 0;
border: 0;
vertical-align: baseline;
}
a {
outline: none;
}
/*
Google Webfonts
1. Droid Sans Mono
2. Open Sans
*/
body {
font: 12px/1.7em "Open Sans", "trebuchet ms", arial, sans-serif;
color: #444;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
margin-bottom: .75em;
}
h1 {
font-size: 26px;
font-weight: 600;
line-height: 1em;
margin-bottom: .75em;
}
h2 {
font-size: 22px;
font-weight: 600;
margin-bottom: .85em;
}
h3 {
font-size: 16px;
line-height: 1;
margin-bottom: 1em;
}
h4 {
font-size: 14px;
line-height: 1.25;
}
h5 {
font-size: 12px;
font-weight: bold;
}
h6 {
font-size: 11px;
font-weight: bold;
}
p {
margin: 0 0 1.75em;
}
p.last {
margin-bottom: 0;
}
img {
max-width: 100%;
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
}
ul, ol {
margin-left: 20px;
margin-bottom: 2.5em;
}
li ul, li ol {
margin-top: 1em;
}
ul li {
/*list-style-type: disc;*/
}
li {
margin-bottom: .5em;
}
dl {
margin: 0 0 2em 0;
}
dl dt {
font-weight: bold;
margin-bottom: .75em;
}
dd {
margin-left: 1.5em;
margin-bottom: .75em;
}
abbr, acronym {
border-bottom: 1px dotted #666;
}
address {
margin-top: 1.5em;
font-style: italic;
}
del {
color: #666;
}
sup {
font-size: 9px;
vertical-align: top;
}
a {
color: #06C;
text-decoration: none;
}
/* a:visited { color: #667 } */
a:focus, a:hover {
text-decoration: underline;
}
blockquote {
margin: 1.5em;
color: #666;
font-style: italic;
}
strong {
font-weight: bold;
}
em, dfn {
font-style: italic;
background: #ffc;
}
dfn {
font-weight: bold;
}
pre, code {
margin: 1.5em 0;
white-space: pre;
}
pre, code, tt {
font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace;
line-height: 1.5;
}
tt {
display: block;
margin: 1.5em 0;
line-height: 1.5;
}
hr {
border: none;
border-bottom: 1px dotted #999;
margin-bottom: 2.5em;
margin-top: 1em;
}
.placeholder {
color: #999;
}
/* ---------------------------------- */
/* @Input Styles */
input, textarea, select {
font-family: "Open Sans", Verdana, 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
font-size: 13px;
color: #424242;
padding: 3px 6px;
border: 1px solid #CCC;
outline: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
-moz-transition: border .2s linear, box-shadow .2s linear;
-webkit-transition: border .2s linear, -webkit-box-shadow .2s linear;
}
input:focus, textarea:focus, select:focus {
border: 1px solid #80bfff;
-moz-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
-webkit-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
}
/* ---------------------------------- */
/* @Clearfix */
/* For modern browsers */
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom: 1;
}
body {
background: #;
}
/* ---------------------------------- */
/* @Wrapper */
#wrapper {
width: 100%;
background: #354c8d;
overflow-x: hidden;
}
/* ---------------------------------- */
/* @Header */
#header {
background: #354c8d;
width: 100%;
height: 62px;
border-bottom: 1px solid #555555;
position: relative;
z-index: 15;
}
#header h1 {
/*background:url(../images/Logo.png) no-repeat 0 0;*/
width: 191px;
height: 51px;
overflow: hidden;
position: relative;
top: 4px;
left: 15px;
padding-left: 0px;
line-height: 51px;
font-size: 390%;
}
.logo {
height: 42px;
width: 164px;
background: white;
border-radius: 5px;
margin-top: -17px;
}
#header h1 a {
display: block;
color: #fff;
text-decoration: none;
}
#header #reveal-nav {
background: none;
/* width: 15px; */
/*height: 25px;*/
display: none;
position: absolute;
top: 5px;
right: 15px;
/*border: 1px solid #000;*/
padding: 6px 5px 4px;
z-index: 10000;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#header #reveal-nav .reveal-bar {
display: block;
width: 15px;
height: 2px;
margin-bottom: 3px;
background-color: #ffffff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
#sidebar.revealShow {
display: block;
}
/* ---------------------------------- */
/* @Search */
#search {
background: #fff;
width: 100%;
min-height: 57px;
text-align: center;
border-top: 1px solid #cdcdce;
border-bottom: 1px solid #b6b6b6;
position: relative;
z-index: 15;
display: none;
}
#searchBevel {
border-bottom: 1px solid #555555;
position: absolute;
width: 100%;
bottom: 0;
}
#search form {
text-align: left;
margin: 0 15px;
position: relative;
}
#search input {
background: #626262;
width: 150px;
padding: 6px 30px 6px 30px;
border: 1px solid #363636;
position: relative;
top: 10px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
}
#searchField {
margin-bottom: 1.75em;
}
/* ---------------------------------- */
/* @Sidear */
#sidebar {
width: 140px;
display: block;
float: left;
/*position: relative;*/
z-index: 16;
}
.sidebarBox {
color: #FFF;
padding: 0 20px;
margin-bottom: 2em;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
}
#sidebar hr {
margin-bottom: 2em;
border-top: 1px solid #4A4A4A;
border-bottom: 1px solid #858585;
}
/* ---------------------------------- */
/* @Content */
#content {
background: #FFF;
width: auto;
min-height: 520px;
z-index: 15;
padding-bottom: 25px;
margin-left: 240px;
margin-right: 20px;
position: relative;
left: auto;
top: auto;
margin-top: 10px;
}
#contentHeader {
top: -37px;
}
#content .container {
top: -37px;
}
#contentHeader {
background: #DDD;
width: 100%;
height: 81px;
border-bottom: 1px solid #CCC;
margin-bottom: 2em;
position: relative;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#contentHeader h1 {
font-size: 28px;
font-weight: normal;
color: #333;
position: relative;
top: 35px;
left: 15px;
text-shadow: 1px 1px 2px rgba(255, 255, 255, .5);
}
#contentHeaderActions {
height: 96px;
line-height: 106px;
position: absolute;
top: 0;
right: 15px;
}
#contentHeader #contentHeaderBevel {
width: 100%;
border-bottom: 1px solid #FFF;
position: absolute;
bottom: 0;
}
/* ---------------------------------- */
/* @Footer */
#footer {
background: #122455;
width: 100%;
color: #999;
text-align: right;
padding: 12px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* ---------------------------------- */
/* @MainNav */
#mainNav {
width: 240px;
padding: 0;
margin: -5px 0 2.5em;
border-bottom: 1px solid #858585;
position: relative;
top: 5px;
border-top: 2px solid #7588bf;
}
#mainNav li.nav {
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
#mainNav li.nav:first-child {
border-top: none;
}
#mainNav li.nav a {
width: 100%;
font-size: 13px;
font-weight: normal;
text-decoration: none;
color: #FFF;
display: inline-block;
padding: 11px 18px 11px 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
}
#mainNav li.nav [class^="icon-"], #mainNav li.nav [class*=" icon-"] {
background-image: url(sprite-16-black.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
display: inline-block;
margin-left: 0;
margin-right: 0;
position: absolute;
top: 14px;
left: 16px;
opacity: .4;
filter: alpha(opacity=40);
}
#mainNav li.nav a:hover {
background: #616161;
background: rgba(0, 0, 0, .075);
}
#mainNav li.nav.active {
border-top: none;
}
#mainNav li.nav.active a {
background: #066ECD;
background: -moz-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3ab54a), color-stop(2%, #4993D7), color-stop(100%, #066ECD)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* IE10+ */
background: linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD')";
border-top: none;
}
#mainNav li.nav.dropdown a {
padding-bottom: 12px;
}
#mainNav .nav .count {
background-color: #4D4D4F;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #FFF;
display: block;
padding: 2px 8px !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
position: absolute;
right: 20px;
top: 9px;
}
#mainNav .dropdown .dropdownArrow {
width: 0;
height: 0;
display: inline-block;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000;
position: absolute;
top: 19px;
right: 20px;
}
#mainNav li.nav .subNav {
background: #6275aa;
width: 232px;
display: none;
list-style-type: none;
padding-top: 1em;
padding-bottom: .75em;
padding-left: 6px;
/* margin-left: 40px; */
margin-top: 0;
margin-bottom: 0;
border-bottom: none;
position: relative;
top: 0;
left: -20px;
}
#mainNav li.nav .subNav li {
background: none;
list-style-type: none;
padding: 0;
margin: 0 1em 0 0;
}
#mainNav li.nav .subNav li a {
width: auto;
font-size: 12px;
display: block;
padding: 6px 15px 6px 10px;
}
#mainNav li.nav .subNav li a:hover {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* ---------------------------------- */
/* @TopNav */
#topNav {
position: absolute;
right: 30px;
top: 2px;
z-index: 20;
}
#topNav ul {
padding: 0;
margin: 0;
}
#topNav li {
list-style-type: none;
float: left;
margin: 0 0 0 1.5em;
position: relative;
}
#topNav li:last-child {
margin-right: 0;
}
#topNav a {
font-size: 12px;
color: #FFF;
}
#topNav a.menu {
padding-right: 16px;
}
#topNav .menu-arrow {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #777;
position: absolute;
top: 8px;
right: 0;
}
/* ---------------------------------- */
/* @QuickNav */
#quickNav {
background: #222;
height: 25px;
border: 1px solid #161616;
position: absolute;
left: 240px;
top: 7px;
z-index: 20;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#quickNav ul {
padding: 0;
margin: 0;
}
#quickNav li {
width: 28px;
height: 25px;
text-align: center;
list-style-type: none;
float: left;
position: relative;
border-right: 1px solid #222;
border-left: 1px solid #555;
}
#quickNav li:first-child {
background: none;
border-left: none;
}
#quickNav li:last-child {
border-right: none !important;
}
#quickNav li a {
width: 28px;
height: 25px;
display: inline-block;
line-height: 600px;
overflow: hidden;
}
#quickNav li [class^="icon-"] {
background-image: url(../images/sprite/sprite-12-white.png);
background-repeat: no-repeat;
width: 12px;
height: 12px;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -6px;
margin-left: -6px;
}
#quickNav .alert {
background: #C00;
width: 18px;
height: 18px;
font-size: 10px;
font-weight: 600;
color: #FFF;
text-align: center;
line-height: 18px;
display: block;
border-radius: 100px;
position: absolute;
top: -8px;
right: -5px;
z-index: 100;
}
/* ---------------------------------- */
/* @Menu */
.menu-container {
background-color: #fff;
display: none;
padding: 5px;
border: 1px solid #555;
position: absolute;
top: 50px;
left: 250px;
z-index: 100;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.menu-container h3 {
font-size: 12px;
color: #555;
padding: 0 .65em 6px;
margin: 0;
border-bottom: 1px dotted #BBB;
}
.menu-content {
background-color: #FFF;
padding: 0;
position: relative;
min-width: 150px;
min-height: 75px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.menu-top {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #666;
position: absolute;
top: -7px;
left: 15px;
}
.menu-container.right .menu-top {
left: auto;
right: 15px;
}
.menu-container.middle .menu-top {
display: none;
}
.menuClose a {
font-size: 12px;
font-weight: normal;
color: #222;
padding: 1px 6px;
position: absolute;
right: 8px;
top: 6px;
}
.menu-dropdown {
background: #666;
}
.menu-dropdown .menu-content {
background: transparent;
padding: 0;
}
.menu-dropdown .menu-content ul {
width: 165px;
padding: 0;
margin: 0;
}
.menu-dropdown .menu-content li {
list-style-type: none;
padding: 2px 0;
margin: 0;
border-top: 1px solid #777;
border-bottom: 1px solid #555;
}
.menu-dropdown .menu-content li:first-child {
border-top: none;
}
.menu-dropdown .menu-content li:last-child {
border-bottom: none;
}
.menu-dropdown .menu-content a {
background: url(../images/bullets/bullet_black.png) no-repeat 2px 50%;
color: #FFF;
display: block;
padding: 7px 3px 7px 22px;
}
.menu-dropdown .menuClose {
display: none;
}
[class^="icon-"] {
background: url(sprite-16-black.png);
width: 16px;
height: 16px;
display: inline-block;
}
/* ---------------------------------- */
/* @Icon Positions */
.icon-ampersand {
background-position: 0 -0px;
}
.icon-aperture {
background-position: 0 -44px;
}
.icon-aperture-alt {
background-position: 0 -88px;
}
.icon-arrow-down {
background-position: 0 -132px;
}
.icon-arrow-down-alt1 {
background-position: 0 -176px;
}
.icon-arrow-down-alt2 {
background-position: 0 -220px;
}
.icon-arrow-left {
background-position: 0 -264px;
}
.icon-arrow-left-alt1 {
background-position: 0 -308px;
}
.icon-arrow-left-alt2 {
background-position: 0 -352px;
}
.icon-arrow-right {
background-position: 0 -396px;
}
.icon-arrow-right-alt1 {
background-position: 0 -440px;
}
.icon-arrow-right-alt2 {
background-position: 0 -484px;
}
.icon-arrow-up {
background-position: 0 -528px;
}
.icon-arrow-up-alt1 {
background-position: 0 -572px;
}
.icon-arrow-up-alt2 {
background-position: 0 -616px;
}
.icon-article {
background-position: 0 -660px;
}
.icon-at {
background-position: 0 -704px;
}
.icon-award-fill {
background-position: 0 -748px;
}
.icon-award-stroke {
background-position: 0 -792px;
}
.icon-bars {
background-position: 0 -836px;
}
.icon-bars-alt {
background-position: 0 -880px;
}
.icon-battery-charging {
background-position: 0 -924px;
}
.icon-battery-empty {
background-position: 0 -968px;
}
.icon-battery-full {
background-position: 0 -1012px;
}
.icon-battery-half {
background-position: 0 -1056px;
}
.icon-beaker {
background-position: 0 -1100px;
}
.icon-beaker-alt {
background-position: 0 -1144px;
}
.icon-bolt {
background-position: 0 -1188px;
}
.icon-book {
background-position: 0 -1232px;
}
.icon-book-alt {
background-position: 0 -1276px;
}
.icon-box {
background-position: 0 -1320px;
}
.icon-brush {
background-position: 0 -1364px;
}
.icon-brush-alt {
background-position: 0 -1408px;
}
.icon-calendar {
background-position: 0 -1452px;
}
.icon-calendar-alt-fill {
background-position: 0 -1496px;
}
.icon-calendar-alt-stroke {
background-position: 0 -1540px;
}
.icon-camera {
background-position: 0 -1584px;
}
.icon-cd {
background-position: 0 -1628px;
}
.icon-chart {
background-position: 0 -1672px;
}
.icon-chart-alt {
background-position: 0 -1716px;
}
.icon-chat {
background-position: 0 -1760px;
}
.icon-chat-alt-fill {
background-position: 0 -1804px;
}
.icon-chat-alt-stroke {
background-position: 0 -1848px;
}
.icon-check {
background-position: 0 -1892px;
}
.icon-check-alt {
background-position: 0 -1936px;
}
.icon-clock {
background-position: 0 -1980px;
}
.icon-cloud {
background-position: 0 -2024px;
}
.icon-cloud-download {
background-position: 0 -2068px;
}
.icon-cloud-upload {
background-position: 0 -2112px;
}
.icon-cog {
background-position: 0 -2156px;
}
.icon-cog-alt {
background-position: 0 -2200px;
}
.icon-comment-alt1-fill {
background-position: 0 -2244px;
}
.icon-comment-alt1-stroke {
background-position: 0 -2288px;
}
.icon-comment-alt2-fill {
background-position: 0 -2332px;
}
.icon-comment-alt2-stroke {
background-position: 0 -2376px;
}
.icon-comment-alt3-fill {
background-position: 0 -2420px;
}
.icon-comment-alt3-stroke {
background-position: 0 -2464px;
}
.icon-comment-fill {
background-position: 0 -2508px;
}
.icon-comment-stroke {
background-position: 0 -2552px;
}
.icon-compass {
background-position: 0 -2596px;
}
.icon-cursor {
background-position: 0 -2640px;
}
.icon-curved-arrow {
background-position: 0 -2684px;
}
.icon-denied {
background-position: 0 -2728px;
}
.icon-denied-alt {
background-position: 0 -2772px;
}
.icon-dial {
background-position: 0 -2816px;
}
.icon-document-alt-fill {
background-position: 0 -2860px;
}
.icon-document-alt-stroke {
background-position: 0 -2904px;
}
.icon-document-fill {
background-position: 0 -2948px;
}
.icon-document-stroke {
background-position: 0 -2992px;
}
.icon-download {
background-position: 0 -3036px;
}
.icon-eject {
background-position: 0 -3080px;
}
.icon-equalizer {
background-position: 0 -3124px;
}
.icon-eye {
background-position: 0 -3168px;
}
.icon-eyedropper {
background-position: 0 -3212px;
}
.icon-first {
background-position: 0 -3256px;
}
.icon-folder-fill {
background-position: 0 -3300px;
}
.icon-folder-stroke {
background-position: 0 -3344px;
}
.icon-fork {
background-position: 0 -3388px;
}
.icon-fullscreen {
background-position: 0 -3432px;
}
.icon-fullscreen-alt {
background-position: 0 -3476px;
}
.icon-fullscreen-exit {
background-position: 0 -3520px;
}
.icon-fullscreen-exit-alt {
background-position: 0 -3564px;
}
.icon-hash {
background-position: 0 -3608px;
}
.icon-headphones {
background-position: 0 -3652px;
}
.icon-heart-fill {
background-position: 0 -3696px;
}
.icon-heart-stroke {
background-position: 0 -3740px;
}
.icon-home {
background-position: 0 -3784px;
}
.icon-image {
background-position: 0 -3828px;
}
.icon-info {
background-position: 0 -3872px;
}
.icon-iphone {
background-position: 0 -3916px;
}
.icon-key-fill {
background-position: 0 -3960px;
}
.icon-key-stroke {
background-position: 0 -4004px;
}
.icon-last {
background-position: 0 -4048px;
}
.icon-layers {
background-position: 0 -4092px;
}
.icon-layers-alt {
background-position: 0 -4136px;
}
.icon-left-quote {
background-position: 0 -4180px;
}
.icon-left-quote-alt {
background-position: 0 -4224px;
}
.icon-lightbulb {
background-position: 0 -4268px;
}
.icon-link {
background-position: 0 -4312px;
}
.icon-list {
background-position: 0 -4356px;
}
.icon-lock-fill {
background-position: 0 -4400px;
}
.icon-lock-stroke {
background-position: 0 -4444px;
}
.icon-loop {
background-position: 0 -4488px;
}
.icon-loop-alt1 {
background-position: 0 -4532px;
}
.icon-loop-alt2 {
background-position: 0 -4576px;
}
.icon-loop-alt3 {
background-position: 0 -4620px;
}
.icon-loop-alt4 {
background-position: 0 -4664px;
}
.icon-magnifying-glass {
background-position: 0 -4708px;
}
.icon-magnifying-glass-alt {
background-position: 0 -4752px;
}
.icon-mail {
background-position: 0 -4796px;
}
.icon-mail-alt {
background-position: 0 -4840px;
}
.icon-map-pin-alt {
background-position: 0 -4884px;
}
.icon-map-pin-fill {
background-position: 0 -4928px;
}
.icon-map-pin-stroke {
background-position: 0 -4972px;
}
.icon-mic {
background-position: 0 -5016px;
}
.icon-minus {
background-position: 0 -5060px;
}
.icon-minus-alt {
background-position: 0 -5104px;
}
.icon-moon-fill {
background-position: 0 -5148px;
}
.icon-moon-stroke {
background-position: 0 -5192px;
}
.icon-move {
background-position: 0 -5236px;
}
.icon-move-alt1 {
background-position: 0 -5280px;
}
.icon-move-alt2 {
background-position: 0 -5324px;
}
.icon-move-horizontal {
background-position: 0 -5368px;
}
.icon-move-horizontal-alt1 {
background-position: 0 -5412px;
}
.icon-move-horizontal-alt2 {
background-position: 0 -5456px;
}
.icon-move-vertical {
background-position: 0 -5500px;
}
.icon-move-vertical-alt1 {
background-position: 0 -5544px;
}
.icon-move-vertical-alt2 {
background-position: 0 -5588px;
}
.icon-movie {
background-position: 0 -5632px;
}
.icon-new-window {
background-position: 0 -5676px;
}
.icon-pause {
background-position: 0 -5720px;
}
.icon-pen {
background-position: 0 -5764px;
}
.icon-pen-alt2 {
background-position: 0 -5808px;
}
.icon-pen-alt-fill {
background-position: 0 -5852px;
}
.icon-pen-alt-stroke {
background-position: 0 -5896px;
}
.icon-pilcrow {
background-position: 0 -5940px;
}
.icon-pin {
background-position: 0 -5984px;
}
.icon-play {
background-position: 0 -6028px;
}
.icon-play-alt {
background-position: 0 -6072px;
}
.icon-plus {
background-position: 0 -6116px;
}
.icon-plus-alt {
background-position: 0 -6160px;
}
.icon-question-mark {
background-position: 0 -6204px;
}
.icon-rain {
background-position: 0 -6248px;
}
.icon-read-more {
background-position: 0 -6292px;
}
.icon-reload {
background-position: 0 -6336px;
}
.icon-reload-alt1 {
background-position: 0 -6380px;
}
.icon-right-quote {
background-position: 0 -6424px;
}
.icon-right-quote-alt {
background-position: 0 -6468px;
}
.icon-rss {
background-position: 0 -6512px;
}
.icon-rss-alt {
background-position: 0 -6556px;
}
.icon-share {
background-position: 0 -6600px;
}
.icon-spin {
background-position: 0 -6644px;
}
.icon-spin-alt {
background-position: 0 -6688px;
}
.icon-star {
background-position: 0 -6732px;
}
.icon-steering-wheel {
background-position: 0 -6776px;
}
.icon-stop {
background-position: 0 -6820px;
}
.icon-sun {
background-position: 0 -6864px;
}
.icon-sun-alt-fill {
background-position: 0 -6908px;
}
.icon-sun-alt-stroke {
background-position: 0 -6952px;
}
.icon-tag-fill {
background-position: 0 -6996px;
}
.icon-tag-stroke {
background-position: 0 -7040px;
}
.icon-target {
background-position: 0 -7084px;
}
.icon-transfer {
background-position: 0 -7128px;
}
.icon-trash-fill {
background-position: 0 -7172px;
}
.icon-trash-stroke {
background-position: 0 -7216px;
}
.icon-umbrella {
background-position: 0 -7260px;
}
.icon-undo {
background-position: 0 -7304px;
}
.icon-unlock-fill {
background-position: 0 -7348px;
}
.icon-unlock-stroke {
background-position: 0 -7392px;
}
.icon-upload {
background-position: 0 -7436px;
}
.icon-user {
background-position: 0 -7480px;
}
.icon-volume {
background-position: 0 -7524px;
}
.icon-volume-mute {
background-position: 0 -7568px;
}
.icon-wrench {
background-position: 0 -7612px;
}
.icon-x {
background-position: 0 -7656px;
}
.icon-x-alt {
background-position: 0 -7700px;
}
.form {
margin-bottom: 1em;
}
/* ---------------------------------- */
/* @Label */
.form .field-group label {
font-size: 13px;
font-weight: 600;
color: #444;
display: block;
margin-bottom: .25em;
}
/* ---------------------------------- */
/* @Field */
.form .field-group .field {
font-size: 14px;
display: inline-block;
margin: 0 .65em 1.5em 0;
}
.form .field-group .field label {
font-size: 11px;
font-weight: normal;
color: #888;
display: block;
margin: 0 0 0 2px;
}
.form fieldset .field-group:last-child .field {
margin-bottom: 0;
}
/* ---------------------------------- */
/* @Controls */
.form .control-group {
margin-bottom: 2em;
}
.form .control-group .field {
display: block;
margin-bottom: .5em;
margin-right: 2em;
}
.form .control-group .field label {
font-size: 13px;
color: #444;
display: inline-block;
cursor: pointer;
}
.form .control-group input {
position: relative;
top: 2px;
cursor: pointer;
}
.form .field-group.inline .field {
display: inline-block;
margin-bottom: .5em;
}
.form fieldset {
margin-bottom: 4em;
}
.form fieldset + .actions {
margin-top: -3em;
}
/* ---------------------------------- */
/* @Btn */
.btn {
background-repeat: repeat-x;
background-position: 0 0;
font-weight: bold;
text-align: center;
text-decoration: none;
line-height: normal;
color: #FFF;
display: inline-block;
margin: 0;
*overflow: visible;
position: relative;
border: none;
border-width: 1px;
border-style: solid;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
/* ---------------------------------- */
/* @Hover */
.btn:hover {
text-decoration: none;
}
/* ---------------------------------- */
/* @Active */
.btn:active {
background-position: left bottom;
top: 1px;
}
/* ---------------------------------- */
/* @Sizes */
.btn {
font-size: 13px;
padding: 8px 12px;
}
.btn-large {
font-size: 16px;
padding: 12px 18px;
}
.btn-small {
font-size: 11px;
padding: 5px 8px;
}
.btn-xlarge {
font-size: 24px;
padding: 12px 18px;
}
/* ---------------------------------- */
/* @Icon Layout */
.btn [class^="icon-"] {
background-image: url(../images/sprite/sprite-16-white.png);
background-repeat: no-repeat;
padding-left: 20px;
padding-bottom: 2px;
position: relative;
top: 0;
left: -4px;
display: inline;
}
.btn-small [class^="icon-"] {
background-image: url(../images/sprite/sprite-12-white.png);
background-repeat: no-repeat;
padding-left: 16px;
padding-bottom: 2px;
position: relative;
top: 1px;
left: -2px;
}
.btn-large [class^="icon-"] {
background-image: url(../images/sprite/sprite-24-white.png);
padding-left: 24px;
padding-bottom: 8px;
top: -4px;
left: -10px;
}
.btn-xlarge [class^="icon-"] {
background-image: url(../images/sprite/sprite-32-white.png);
padding-left: 36px;
padding-bottom: 6px;
top: -2px;
left: -10px;
}
.btn.btn-quaternary [class^="icon-"] {
background-image: url(../images/sprite/sprite-16-black.png);
opacity: .7;
filter: alpha(opacity=70);
}
.btn-small.btn-quaternary [class^="icon-"] {
background-image: url(../images/sprite/sprite-12-black.png);
opacity: .7;
filter: alpha(opacity=70);
}
.btn-large.btn-quaternary [class^="icon-"] {
background-image: url(../images/sprite/sprite-24-black.png);
opacity: .7;
filter: alpha(opacity=70);
}
.btn-xlarge.btn-quaternary [class^="icon-"] {
background-image: url(../images/sprite/sprite-32-black.png);
opacity: .7;
filter: alpha(opacity=70);
}
/* ---------------------------------- */
/* @Colors */
.btn, .btn-grey {
background: #999999;
background: -moz-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E6E6), color-stop(2%, #BDBDBD), color-stop(100%, #999999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* IE10+ */
background: linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999')";
color: #FFF;
border-color: #888;
}
.btn:hover, .btn-grey:hover {
background: #888888;
background: -moz-linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%, #888888 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E6E6), color-stop(2%, #B3B3B3), color-stop(100%, #888888)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%, #888888 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%, #888888 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%, #888888 100%); /* IE10+ */
background: linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%, #888888 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888')";
}
.btn:active, .btn-grey:active {
background: #B3B3B3;
background: -moz-linear-gradient(top, #888888 2%, #B3B3B3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #888888), color-stop(100%, #B3B3B3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #888888 2%, #B3B3B3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #888888 2%, #B3B3B3 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #888888 2%, #B3B3B3 100%); /* IE10+ */
background: linear-gradient(top, #888888 2%, #B3B3B3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888')";
}
.btn-orange, .btn-warning {
background: #FF9900;
background: -moz-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBD69F), color-stop(2%, #F9BD63), color-stop(100%, #FF9900)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* IE10+ */
background: linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9BD63', endColorstr='#FF9900');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9BD63', endColorstr='#FF9900')";
color: #FFF;
border-color: #D58000;
}
.btn-orange:hover, .btn-warning:hover {
background: #D58000;
background: -moz-linear-gradient(top, #F19F9F 0%, #DFAC5E 2%, #D58000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F19F9F), color-stop(2%, #DFAC5E), color-stop(100%, #D58000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F19F9F 0%, #DFAC5E 2%, #D58000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F19F9F 0%, #DFAC5E 2%, #D58000 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #F19F9F 0%, #DFAC5E 2%, #D58000 100%); /* IE10+ */
background: linear-gradient(top, #F19F9F 0%, #DFAC5E 2%, #D58000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFAC5E', endColorstr='#D58000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFAC5E', endColorstr='#D58000')";
}
.btn-orange:active, .btn-warning:active {
background: #DFAC5E;
background: -moz-linear-gradient(top, #D58000 2%, #DFAC5E 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #D58000), color-stop(100%, #DFAC5E)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #D58000 2%, #DFAC5E 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #D58000 2%, #DFAC5E 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #D58000 2%, #DFAC5E 100%); /* IE10+ */
background: linear-gradient(top, #D58000 2%, #DFAC5E 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFAC5E', endColorstr='#D58000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFAC5E', endColorstr='#D58000')";
}
.btn-green, .btn-success {
background: #6DA42B;
background: -moz-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CAE0B0), color-stop(2%, #A6CB7A), color-stop(100%, #6DA42B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* IE10+ */
background: linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CB7A', endColorstr='#6DA42B');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CB7A', endColorstr='#6DA42B')";
color: #FFF;
border-color: #619126;
}
.btn-green:hover, .btn-success:hover {
background: #689C29;
background: -moz-linear-gradient(top, #F19F9F 0%, #9DBD76 2%, #689C29 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F19F9F), color-stop(2%, #9DBD76), color-stop(100%, #689C29)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F19F9F 0%, #9DBD76 2%, #689C29 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F19F9F 0%, #9DBD76 2%, #689C29 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #F19F9F 0%, #9DBD76 2%, #689C29 100%); /* IE10+ */
background: linear-gradient(top, #F19F9F 0%, #9DBD76 2%, #689C29 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9DBD76', endColorstr='#689C29');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9DBD76', endColorstr='#689C29')";
}
.btn-green:active, .btn-success:active {
background: #9DBD76;
background: -moz-linear-gradient(top, #689C29 2%, #9DBD76 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #689C29), color-stop(100%, #9DBD76)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #689C29 2%, #9DBD76 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #689C29 2%, #9DBD76 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #689C29 2%, #9DBD76 100%); /* IE10+ */
background: linear-gradient(top, #689C29 2%, #9DBD76 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9DBD76', endColorstr='#689C29');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9DBD76', endColorstr='#689C29')";
}
.btn-blue {
background: #066ECD;
background: -moz-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3ab54a), color-stop(2%, #4993D7), color-stop(100%, #066ECD)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* IE10+ */
background: linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD')";
color: #FFF;
border-color: #0561B4;
}
.btn-blue:hover {
background: #0561B4;
background: -moz-linear-gradient(top, #F19F9F 0%, #4588C4 2%, #0561B4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F19F9F), color-stop(2%, #4588C4), color-stop(100%, #0561B4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F19F9F 0%, #4588C4 2%, #0561B4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F19F9F 0%, #4588C4 2%, #0561B4 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #F19F9F 0%, #4588C4 2%, #0561B4 100%); /* IE10+ */
background: linear-gradient(top, #F19F9F 0%, #4588C4 2%, #0561B4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4588C4', endColorstr='#0561B4');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4588C4', endColorstr='#0561B4')";
}
.btn-blue:active {
background: #4588C4;
background: -moz-linear-gradient(top, #0561B4 2%, #4588C4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #0561B4), color-stop(100%, #4588C4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0561B4 2%, #4588C4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0561B4 2%, #4588C4 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #0561B4 2%, #4588C4 100%); /* IE10+ */
background: linear-gradient(top, #0561B4 2%, #4588C4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4588C4', endColorstr='#0561B4');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4588C4', endColorstr='#0561B4')";
}
.btn-black {
background: #222222;
background: -moz-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888888), color-stop(2%, #444444), color-stop(100%, #222222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* IE10+ */
background: linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222')";
color: #FFF;
border-color: #000000;
}
.btn-black:hover {
background: #000000;
background: -moz-linear-gradient(top, #F19F9F 0%, #424242 2%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F19F9F), color-stop(2%, #424242), color-stop(100%, #000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F19F9F 0%, #424242 2%, #000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F19F9F 0%, #424242 2%, #000000 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #F19F9F 0%, #424242 2%, #000000 100%); /* IE10+ */
background: linear-gradient(top, #F19F9F 0%, #424242 2%, #000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#000000')";
}
.btn-black:active {
background: #424242;
background: -moz-linear-gradient(top, #000000 2%, #424242 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #000000), color-stop(100%, #424242)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000000 2%, #424242 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 2%, #424242 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #000000 2%, #424242 100%); /* IE10+ */
background: linear-gradient(top, #000000 2%, #424242 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#000000')";
}
.btn-red, .btn-error {
background: #E40001;
background: -moz-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F19F9F), color-stop(2%, #E96363), color-stop(100%, #E40001)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* IE10+ */
background: linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E96363', endColorstr='#E40001');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E96363', endColorstr='#E40001')";
color: #FFF;
border-color: #CC0000;
}
.btn-red:hover, .btn-error:hover {
background: #CC0000;
background: -moz-linear-gradient(top, #F19F9F 0%, #DA5E5E 2%, #CC0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F19F9F), color-stop(2%, #DA5E5E), color-stop(100%, #CC0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F19F9F 0%, #DA5E5E 2%, #CC0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F19F9F 0%, #DA5E5E 2%, #CC0000 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #F19F9F 0%, #DA5E5E 2%, #CC0000 100%); /* IE10+ */
background: linear-gradient(top, #F19F9F 0%, #DA5E5E 2%, #CC0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA5E5E', endColorstr='#CC0000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA5E5E', endColorstr='#CC0000')";
}
.btn-red:active, .btn-error:active {
background: #DA5E5E;
background: -moz-linear-gradient(top, #CC0000 2%, #DA5E5E 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #CC0000), color-stop(100%, #DA5E5E)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #CC0000 2%, #DA5E5E 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #CC0000 2%, #DA5E5E 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #CC0000 2%, #DA5E5E 100%); /* IE10+ */
background: linear-gradient(top, #CC0000 2%, #DA5E5E 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA5E5E', endColorstr='#CC0000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA5E5E', endColorstr='#CC0000')";
}
.btn-purple {
background: #7B0F75;
background: -moz-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C190BE), color-stop(2%, #9B4C97), color-stop(100%, #7B0F75)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* IE10+ */
background: linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B4C97', endColorstr='#7B0F75');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B4C97', endColorstr='#7B0F75')";
color: #FFF;
border-color: #6A0D66;
}
.btn-purple:hover {
background: #6A0D66;
background: -moz-linear-gradient(top, #F19F9F 0%, #854582 2%, #6A0D66 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F19F9F), color-stop(2%, #854582), color-stop(100%, #6A0D66)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F19F9F 0%, #854582 2%, #6A0D66 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F19F9F 0%, #854582 2%, #6A0D66 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #F19F9F 0%, #854582 2%, #6A0D66 100%); /* IE10+ */
background: linear-gradient(top, #F19F9F 0%, #854582 2%, #6A0D66 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#854582', endColorstr='#6A0D66');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#854582', endColorstr='#6A0D66')";
}
.btn-purple:active {
background: #854582;
background: -moz-linear-gradient(top, #6A0D66 2%, #854582 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #6A0D66), color-stop(100%, #854582)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6A0D66 2%, #854582 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6A0D66 2%, #854582 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #6A0D66 2%, #854582 100%); /* IE10+ */
background: linear-gradient(top, #6A0D66 2%, #854582 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#854582', endColorstr='#6A0D66');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#854582', endColorstr='#6A0D66')";
}
.btn-teal, .btn-info {
background: #39A7B6;
background: -moz-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A3D5DB), color-stop(2%, #6BBBC6), color-stop(100%, #39A7B6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* IE10+ */
background: linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBBC6', endColorstr='#39A7B6');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBBC6', endColorstr='#39A7B6')";
color: #FFF;
border-color: #2E8794;
}
.btn-teal:hover, .btn-info:hover {
background: #2E8794;
background: -moz-linear-gradient(top, #F19F9F 0%, #65A5AE 2%, #2E8794 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F19F9F), color-stop(2%, #65A5AE), color-stop(100%, #2E8794)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F19F9F 0%, #65A5AE 2%, #2E8794 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F19F9F 0%, #65A5AE 2%, #2E8794 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #F19F9F 0%, #65A5AE 2%, #2E8794 100%); /* IE10+ */
background: linear-gradient(top, #F19F9F 0%, #65A5AE 2%, #2E8794 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65A5AE', endColorstr='#2E8794');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#65A5AE', endColorstr='#2E8794')";
}
.btn-teal:active, .btn-info:active {
background: #65A5AE;
background: -moz-linear-gradient(top, #2E8794 2%, #65A5AE 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #2E8794), color-stop(100%, #65A5AE)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2E8794 2%, #65A5AE 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2E8794 2%, #65A5AE 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #2E8794 2%, #65A5AE 100%); /* IE10+ */
background: linear-gradient(top, #2E8794 2%, #65A5AE 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65A5AE', endColorstr='#2E8794');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#65A5AE', endColorstr='#2E8794')";
}
.btn-pink {
background: #FF0066;
background: -moz-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FB9FC4), color-stop(2%, #F9639F), color-stop(100%, #FF0066)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* IE10+ */
background: linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9639F', endColorstr='#FF0066');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9639F', endColorstr='#FF0066')";
color: #FFF;
border-color: #DA0C59;
}
.btn-pink:hover {
background: #DA0C59;
background: -moz-linear-gradient(top, #F19F9F 0%, #E36A97 2%, #DA0C59 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F19F9F), color-stop(2%, #E36A97), color-stop(100%, #DA0C59)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F19F9F 0%, #E36A97 2%, #DA0C59 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F19F9F 0%, #E36A97 2%, #DA0C59 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #F19F9F 0%, #E36A97 2%, #DA0C59 100%); /* IE10+ */
background: linear-gradient(top, #F19F9F 0%, #E36A97 2%, #DA0C59 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E36A97', endColorstr='#DA0C59');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E36A97', endColorstr='#DA0C59')";
}
.btn-pink:active {
background: #E36A97;
background: -moz-linear-gradient(top, #DA0C59 2%, #E36A97 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #DA0C59), color-stop(100%, #E36A97)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #DA0C59 2%, #E36A97 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #DA0C59 2%, #E36A97 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #DA0C59 2%, #E36A97 100%); /* IE10+ */
background: linear-gradient(top, #DA0C59 2%, #E36A97 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E36A97', endColorstr='#DA0C59');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E36A97', endColorstr='#DA0C59')";
}
/* ---------------------------------- */
/* @Container */
.container {
width: 100%;
margin: 0 auto;
position: relative;
}
/* ---------------------------------- */
/* @Columns */
.container [class^="grid-"] {
display: inline;
float: left;
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 2em;
}
/* ---------------------------------- */
/* @Column Definitions */
.container .grid-1 {
width: 1.15%;
}
.container .grid-2 {
width: 5.3%;
}
.container .grid-3 {
width: 9.45%;
}
.container .grid-4 {
width: 13.6%;
}
.container .grid-5 {
width: 17.75%;
}
.container .grid-6 {
width: 21.9%;
}
.container .grid-7 {
width: 26.05%;
}
.container .grid-8 {
width: 30.2%;
}
.container .grid-9 {
width: 34.35%;
}
.container .grid-10 {
width: 38.5%;
}
.container .grid-11 {
width: 42.65%;
}
.container .grid-12 {
width: 46.8%;
}
.container .grid-13 {
width: 50.95%;
}
.container .grid-14 {
width: 55.1%;
}
.container .grid-15 {
width: 59.25%;
}
.container .grid-16 {
width: 63.4%;
}
.container .grid-17 {
width: 67.55%;
}
.container .grid-18 {
width: 71.7%;
}
.container .grid-19 {
width: 75.85%;
}
.container .grid-20 {
width: 80%;
}
.container .grid-21 {
width: 84.15%;
}
.container .grid-22 {
width: 88.3%;
}
.container .grid-23 {
width: 92.45%;
}
.container .grid-24 {
width: 96.6%;
}
/* ---------------------------------- */
/* @Prepend Definitions */
.container .prepend-1 {
padding-left: 4.15%;
}
.container .prepend-2 {
padding-left: 8.3%;
}
.container .prepend-3 {
padding-left: 12.45%;
}
.container .prepend-4 {
padding-left: 16.6%;
}
.container .prepend-5 {
padding-left: 20.75%;
}
.container .prepend-6 {
padding-left: 24.9%;
}
.container .prepend-7 {
padding-left: 29.05%;
}
.container .prepend-8 {
padding-left: 33.2%;
}
.container .prepend-9 {
padding-left: 37.35%;
}
.container .prepend-10 {
padding-left: 41.5%;
}
.container .prepend-11 {
padding-left: 45.65%;
}
.container .prepend-12 {
padding-left: 49.8%;
}
.container .prepend-13 {
padding-left: 53.95%;
}
.container .prepend-14 {
padding-left: 58.1%;
}
.container .prepend-15 {
padding-left: 62.25%;
}
.container .prepend-16 {
padding-left: 66.4%;
}
.container .prepend-17 {
padding-left: 70.55%;
}
.container .prepend-18 {
padding-left: 74.7%;
}
.container .prepend-19 {
padding-left: 78.85%;
}
.container .prepend-20 {
padding-left: 83%;
}
.container .prepend-21 {
padding-left: 87.15%;
}
.container .prepend-22 {
padding-left: 91.3%;
}
.container .prepend-23 {
padding-left: 95.45%;
}
.container .prepend-24 {
padding-left: 99.6%;
}
/* ---------------------------------- */
/* @Append Definitions */
.container .append-1 {
padding-right: 4.15%;
}
.container .append-2 {
padding-right: 8.3%;
}
.container .append-3 {
padding-right: 12.45%;
}
.container .append-4 {
padding-right: 16.6%;
}
.container .append-5 {
padding-right: 20.75%;
}
.container .append-6 {
padding-right: 24.9%;
}
.container .append-7 {
padding-right: 29.05%;
}
.container .append-8 {
padding-right: 33.2%;
}
.container .append-9 {
padding-right: 37.35%;
}
.container .append-10 {
padding-right: 41.5%;
}
.container .append-11 {
padding-right: 45.65%;
}
.container .append-12 {
padding-right: 49.8%;
}
.container .append-13 {
padding-right: 53.95%;
}
.container .append-14 {
padding-right: 58.1%;
}
.container .append-15 {
padding-right: 62.25%;
}
.container .append-16 {
padding-right: 66.4%;
}
.container .append-17 {
padding-right: 70.55%;
}
.container .append-18 {
padding-right: 74.7%;
}
.container .append-19 {
padding-right: 78.85%;
}
.container .append-20 {
padding-right: 83%;
}
.container .append-21 {
padding-right: 87.15%;
}
.container .append-22 {
padding-right: 91.3%;
}
.container .append-23 {
padding-right: 95.45%;
}
.container .append-24 {
padding-right: 99.6%;
}
/* ---------------------------------- */
/* @Box Layout */
.box {
padding: 1.5em 12px .25em;
margin-bottom: 2em;
background: #EBEBEB;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: none;
}
.box.plain {
background: transparent;
padding: 0;
}
.box.nopad {
padding: 0;
}
/* ---------------------------------- */
/* @Container Clear */
.container:after {
content: "";
display: table;
}
.container:after {
clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.container {
zoom: 1;
}
.container .row {
}
/* ---------------------------------- */
/* @Basic Table */
.table {
width: 100%;
border: 0;
margin-bottom: 1em;
border-collapse: collapse;
}
.table thead th {
font-size: 12px;
font-weight: bold;
text-align: left;
color: #333;
padding: 10px 10px;
border-bottom: 1px solid #E3E3E3;
}
.table td {
vertical-align: top;
}
.table tbody tr td {
background: #FFF;
border-bottom: 1px solid #E3E3E3;
}
.table tbody td {
padding: 10px;
}
/* ---------------------------------- */
/* @Striped Table */
.table-striped tr:nth-child(odd) td {
background-color: #FAFAFA;
}
.table-striped tr:nth-child(even) td {
background-color: #FFF;
}
/* ---------------------------------- */
/* @Bordered Table */
.table-bordered {
border-top: 1px solid #E3E3E3;
border-left: 1px solid #E3E3E3;
}
.table-bordered thead tr {
background: #EEE;
background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #EEEEEE)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* IE10+ */
background: linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFF', endColorstr='#EEEEEE')";
}
.table-bordered tbody td, .table-bordered thead th {
border-right: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
}
/*plugin styles*/
.visualize {
border: 1px solid #e6e6e6;
position: relative;
background: #fafafa;
margin: 0 auto 30px;
}
.visualize canvas {
position: absolute;
}
.visualize ul, .visualize li {
margin: 0;
padding: 0;
list-style: none;
background: none;
}
/*table title, key elements*/
.visualize .visualize-info {
padding: 3px 5px;
background: #fafafa;
border: 1px solid #e6e6e6;
position: absolute;
top: -20px;
right: 10px;
opacity: .8;
}
.visualize .visualize-title {
display: block;
color: #333;
margin-bottom: 3px;
font-size: 1.1em;
}
.visualize ul.visualize-key {
list-style: none;
}
.visualize ul.visualize-key li {
list-style: none;
float: left;
margin-right: 10px;
padding-left: 10px;
position: relative;
}
.visualize ul.visualize-key .visualize-key-color {
width: 6px;
height: 6px;
left: 0;
position: absolute;
top: 50%;
margin-top: -3px;
}
.visualize ul.visualize-key .visualize-key-label {
color: #000;
}
/*pie labels*/
.visualize-pie .visualize-labels {
list-style: none;
}
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label {
position: absolute;
margin: 0;
padding: 0;
}
.visualize-pie .visualize-label {
display: block;
color: #fff;
font-weight: bold;
font-size: 1em;
}
.visualize-pie-outside .visualize-label {
color: #000;
font-weight: normal;
}
/*line,bar, area labels*/
.visualize-labels-x, .visualize-labels-y {
position: absolute;
left: 0;
top: 0;
list-style: none;
}
.visualize-labels-x li, .visualize-labels-y li {
position: absolute;
bottom: 0;
}
.visualize-labels-x li span.label, .visualize-labels-y li span.label {
position: absolute;
color: #555;
}
.visualize-labels-x li span.line, .visualize-labels-y li span.line {
position: absolute;
border: 0 solid #ccc;
}
.visualize-labels-x li {
height: 100%;
}
.visualize-labels-x li span.label {
top: 100%;
margin-top: 5px;
}
.visualize-labels-x li span.line {
border-left-width: 1px;
height: 100%;
display: block;
}
.visualize-labels-x li span.line {
border: 0;
}
/*hide vertical lines on area, line, bar*/
.visualize-labels-y li {
width: 100%;
}
.visualize-labels-y li span.label {
right: 100%;
margin-right: 5px;
display: block;
width: 100px;
text-align: right;
}
.visualize-labels-y li span.line {
border-top-width: 1px;
width: 100%;
}
.visualize-bar .visualize-labels-x li span.label {
width: 100%;
text-align: center;
}
/* Fix wrong position in IE8 */
.ie8 .visualize-interaction-tracker {
margin-top: 0 !important;
}
/*tooltips*/
.visualize .chart_tooltip {
padding: 6px 7px;
background: #000;
background: url(../Chromatron Admin Theme_filesvisualize_tooltip.png) 0 0 repeat;
margin: 3px 4px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
font-size: 10px;
line-height: normal;
}
/*
Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html
*/
/* Global Declaration */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
background-image: url(../images/uniform/sprite.png);
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
}
.selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *, .button * {
margin: 0;
padding: 0;
}
/* INPUT & TEXTAREA */
input.text, input.email, input.password, textarea.uniform {
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
padding: 3px;
color: #777;
background: url('../images/bg-input-focus.png') repeat-x 0px 0px;
background: url('../images/bg-input.png') repeat-x 0px 0px;
border-top: solid 1px #aaa;
border-left: solid 1px #aaa;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
outline: 0;
}
input.text:focus, input.email:focus, input.password:focus, textarea.uniform:focus {
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
border-color: #999;
background: url('../images/bg-input-focus.png') repeat-x 0px 0px;
}
/* SPRITES */
/* Select */
div.selector {
background-position: -483px -130px;
line-height: 26px;
height: 26px;
}
div.selector span {
background-position: right 0px;
height: 26px;
line-height: 26px;
}
div.selector select {
/* change these to adjust positioning of select element */
top: 0px;
left: 0px;
}
div.selector:active, div.selector.active {
background-position: -483px -156px;
}
div.selector:active span, div.selector.active span {
background-position: right -26px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
background-position: -483px -182px;
}
div.selector.focus span, div.selector.hover span, div.selector:hover span {
background-position: right -52px;
}
div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover {
background-position: -483px -208px;
}
div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span {
background-position: right -78px;
}
div.selector.disabled {
background-position: -483px -234px;
}
div.selector.disabled span {
background-position: right -104px;
}
/* Checkbox */
div.checker {
width: 19px;
height: 19px;
}
div.checker input {
width: 19px;
height: 19px;
}
div.checker span {
background-position: 0px -260px;
height: 19px;
width: 19px;
}
div.checker:active span, div.checker.active span {
background-position: -19px -260px;
}
div.checker.focus span, div.checker:hover span {
background-position: -38px -260px;
}
div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span {
background-position: -57px -260px;
}
div.checker span.checked {
background-position: -76px -260px;
}
div.checker:active span.checked, div.checker.active span.checked {
background-position: -95px -260px;
}
div.checker.focus span.checked, div.checker:hover span.checked {
background-position: -114px -260px;
}
div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked {
background-position: -133px -260px;
}
div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span {
background-position: -152px -260px;
}
div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked {
background-position: -171px -260px;
}
/* Radio */
div.radio {
width: 18px;
height: 18px;
}
div.radio input {
width: 18px;
height: 18px;
}
div.radio span {
height: 18px;
width: 18px;
background-position: 0px -279px;
}
div.radio:active span, div.radio.active span {
background-position: -18px -279px;
}
div.radio.focus span, div.radio:hover span {
background-position: -36px -279px;
}
div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span {
background-position: -54px -279px;
}
div.radio span.checked {
background-position: -72px -279px;
}
div.radio:active span.checked, div.radio.active span.checked {
background-position: -90px -279px;
}
div.radio.focus span.checked, div.radio:hover span.checked {
background-position: -108px -279px;
}
div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked {
background-position: -126px -279px;
}
div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span {
background-position: -144px -279px;
}
div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked {
background-position: -162px -279px;
}
/* Uploader */
div.uploader {
background-position: 0px -297px;
height: 28px;
}
div.uploader span.action {
background-position: right -409px;
height: 24px;
line-height: 24px;
}
div.uploader span.filename {
height: 24px;
/* change this line to adjust positioning of filename area */
margin: 2px 0px 2px 2px;
line-height: 24px;
}
div.uploader.focus, div.uploader.hover, div.uploader:hover {
background-position: 0px -353px;
}
div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {
background-position: right -437px;
}
div.uploader.active span.action, div.uploader:active span.action {
background-position: right -465px;
}
div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {
background-position: right -493px;
}
div.uploader.disabled {
background-position: 0px -325px;
}
div.uploader.disabled span.action {
background-position: right -381px;
}
div.button {
background-position: 0px -523px;
}
div.button span {
background-position: right -643px;
}
div.button.focus, div.button:focus, div.button:hover, div.button.hover {
background-position: 0px -553px;
}
div.button.focus span, div.button:focus span, div.button:hover span, div.button.hover span {
background-position: right -673px;
}
div.button.active, div.button:active {
background-position: 0px -583px;
}
div.button.active span, div.button:active span {
background-position: right -703px;
color: #555;
}
div.button.disabled, div.button:disabled {
background-position: 0px -613px;
}
div.button.disabled span, div.button:disabled span {
background-position: right -733px;
color: #bbb;
cursor: default;
}
/* PRESENTATION */
/* Button */
div.button {
height: 30px;
}
div.button span {
margin-left: 13px;
height: 22px;
padding-top: 8px;
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 2px;
padding-right: 15px;
}
/* Select */
div.selector {
width: 190px;
font-size: 12px;
}
div.selector select {
min-width: 190px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
border: solid 1px #fff;
}
div.selector span {
padding: 0px 25px 0px 2px;
cursor: pointer;
}
div.selector span {
color: #666;
width: 158px;
text-shadow: 0 1px 0 #fff;
}
div.selector.disabled span {
color: #bbb;
}
/* Checker */
div.checker {
margin-right: 5px;
}
/* Radio */
div.radio {
margin-right: 3px;
}
/* Uploader */
div.uploader {
width: 190px;
cursor: pointer;
}
div.uploader span.action {
width: 85px;
text-align: center;
text-shadow: #fff 0px 1px 0px;
background-color: #fff;
font-size: 11px;
font-weight: bold;
}
div.uploader span.filename {
color: #777;
width: 82px;
border-right: solid 1px #bbb;
font-size: 11px;
}
div.uploader input {
width: 190px;
}
div.uploader.disabled span.action {
color: #aaa;
}
div.uploader.disabled span.filename {
border-color: #ddd;
color: #aaa;
}
/*
CORE FUNCTIONALITY
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector, .checker, .button, .radio, .uploader {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
zoom: 1;
*display: inline;
}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
outline: 0;
}
/* Button */
div.button a, div.button button, div.button input {
position: absolute;
}
div.button {
cursor: pointer;
position: relative;
}
div.button span {
display: -moz-inline-box;
display: inline-block;
line-height: 1;
text-align: center;
}
/* Select */
div.selector {
position: relative;
padding-left: 10px;
overflow: hidden;
}
div.selector span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.selector select {
position: absolute;
opacity: 0;
filter: alpha(opacity:0);
height: 25px;
border: none;
background: none;
}
/* Checker */
div.checker {
position: relative;
}
div.checker span {
display: -moz-inline-box;
display: inline-block;
text-align: center;
}
div.checker input {
opacity: 0;
filter: alpha(opacity:0);
display: inline-block;
background: none;
}
/* Radio */
div.radio {
position: relative;
}
div.radio span {
display: -moz-inline-box;
display: inline-block;
text-align: center;
}
div.radio input {
opacity: 0;
filter: alpha(opacity:0);
text-align: center;
display: inline-block;
background: none;
}
/* Uploader */
div.uploader {
position: relative;
overflow: hidden;
cursor: default;
}
div.uploader span.action {
float: left;
display: inline;
padding: 2px 0px;
overflow: hidden;
cursor: pointer;
}
div.uploader span.filename {
padding: 0px 10px;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
div.uploader input {
opacity: 0;
filter: alpha(opacity:0);
position: absolute;
top: 0;
right: 0;
bottom: 0;
float: right;
height: 25px;
border: none;
cursor: default;
}
/*
* Timepicker stylesheet
* Highly inspired from datepicker
* FG - Nov 2010 - Web3R
*
* version 0.0.3 : Fixed some settings, more dynamic
* version 0.0.4 : Removed width:100% on tables
* version 0.1.1 : set width 0 on tables to fix an ie6 bug
*/
.ui-timepicker-inline {
display: inline;
}
#ui-timepicker-div {
padding: 0.2em;
}
.ui-timepicker-table {
display: inline-table;
width: 0;
}
.ui-timepicker-table table {
margin: 0.15em 0 0 0;
border-collapse: collapse;
}
.ui-timepicker-hours, .ui-timepicker-minutes {
padding: 0.2em;
}
.ui-timepicker-table .ui-timepicker-title {
line-height: 1.8em;
text-align: center;
}
.ui-timepicker-table td {
padding: 0.1em;
width: 2.2em;
}
.ui-timepicker-table th.periods {
padding: 0.1em;
width: 2.2em;
}
/* span for disabled cells */
.ui-timepicker-table td span {
display: block;
padding: 0.2em 0.3em 0.2em 0.5em;
width: 1.2em;
text-align: right;
text-decoration: none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
display: block;
padding: 0.2em 0.3em 0.2em 0.5em;
width: 1.2em;
cursor: pointer;
text-align: right;
text-decoration: none;
}
/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button {
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
/* The close button */
.ui-timepicker .ui-timepicker-close {
float: right;
}
/* the now button */
.ui-timepicker .ui-timepicker-now {
float: left;
}
/* the deselect button */
.ui-timepicker .ui-timepicker-deselect {
float: left;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-timepicker-cover {
display: none; /*sorry for IE5*/
display /**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}
/*
* FullCalendar v1.5.3 Stylesheet
*
* Copyright (c) 2011 Adam Shaw
* Dual licensed under the MIT and GPL licenses, located in
* MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
*
* Date: Mon Feb 6 22:40:40 2012 -0800
*
*/
.fc {
direction: ltr;
text-align: left;
}
.fc table {
border-collapse: collapse;
border-spacing: 0;
}
html .fc, .fc table {
font-size: 1em;
}
.fc td, .fc th {
padding: 0;
vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/
.fc-header td {
white-space: nowrap;
}
.fc-header-left {
width: 25%;
text-align: left;
}
.fc-header-center {
text-align: center;
}
.fc-header-right {
width: 25%;
text-align: right;
}
.fc-header-title {
display: inline-block;
vertical-align: top;
}
.fc-header-title h2 {
margin-top: 0;
white-space: nowrap;
}
.fc .fc-header-space {
padding-left: 10px;
}
.fc-header .fc-button {
margin-bottom: 1em;
vertical-align: top;
}
/* buttons edges butting together */
.fc-header .fc-button {
margin-right: -1px;
}
.fc-header .fc-corner-right {
margin-right: 1px; /* back to normal */
}
.fc-header .ui-corner-right {
margin-right: 0; /* back to normal */
}
/* button layering (for border precedence) */
.fc-header .fc-state-hover, .fc-header .ui-state-hover {
z-index: 2;
}
.fc-header .fc-state-down {
z-index: 3;
}
.fc-header .fc-state-active, .fc-header .ui-state-active {
z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
.fc-content {
clear: both;
}
.fc-view {
width: 100%; /* needed for view switching (when view is absolute) */
overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header, /* | , usually */ .fc-widget-content { /* | , usually */
border: 1px solid #ccc;
}
.fc-state-highlight { /* | today cell */ /* TODO: add .fc-today to | */
background: #ffc;
}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
background: #9cf;
opacity: .2;
filter: alpha(opacity=20); /* for IE */
}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
position: relative;
display: inline-block;
cursor: pointer;
}
.fc-state-default { /* non-theme */
border-style: solid;
border-width: 1px 0;
}
.fc-button-inner {
position: relative;
float: left;
overflow: hidden;
}
.fc-state-default .fc-button-inner { /* non-theme */
border-style: solid;
border-width: 0 1px;
}
.fc-button-content {
position: relative;
float: left;
height: 1.9em;
line-height: 1.9em;
padding: 0 .6em;
white-space: nowrap;
}
/* icon (for jquery ui) */
.fc-button-content .fc-icon-wrap {
position: relative;
float: left;
top: 50%;
}
.fc-button-content .ui-icon {
position: relative;
float: left;
margin-top: -50%;
*margin-top: 0;
*top: -50%;
}
/* gloss effect */
.fc-state-default .fc-button-effect {
position: absolute;
top: 50%;
left: 0;
}
.fc-state-default .fc-button-effect span {
position: absolute;
top: -100px;
left: 0;
width: 500px;
height: 100px;
border-width: 100px 0 0 1px;
border-style: solid;
border-color: #fff;
background: #444;
opacity: .09;
filter: alpha(opacity=9);
}
/* button states (determines colors) */
.fc-state-default, .fc-state-default .fc-button-inner {
border-style: solid;
border-color: #ccc #bbb #aaa;
background: #F3F3F3;
color: #000;
}
.fc-state-hover, .fc-state-hover .fc-button-inner {
border-color: #999;
}
.fc-state-down, .fc-state-down .fc-button-inner {
border-color: #555;
background: #777;
}
.fc-state-active, .fc-state-active .fc-button-inner {
border-color: #555;
background: #777;
color: #fff;
}
.fc-state-disabled, .fc-state-disabled .fc-button-inner {
color: #999;
border-color: #ddd;
}
.fc-state-disabled {
cursor: default;
}
.fc-state-disabled .fc-button-effect {
display: none;
}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event {
border-style: solid;
border-width: 0;
font-size: .85em;
cursor: default;
}
a.fc-event, .fc-event-draggable {
cursor: pointer;
}
a.fc-event {
text-decoration: none;
}
.fc-rtl .fc-event {
text-align: right;
}
.fc-event-skin {
border-color: #36c; /* default BORDER color */
background-color: #36c; /* default BACKGROUND color */
color: #fff; /* default TEXT color */
}
.fc-event-inner {
position: relative;
width: 100%;
height: 100%;
border-style: solid;
border-width: 0;
overflow: hidden;
}
.fc-event-time, .fc-event-title {
padding: 0 1px;
}
.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
display: block;
position: absolute;
z-index: 99999;
overflow: hidden; /* hacky spaces (IE6/7) */
font-size: 300%; /* */
line-height: 50%; /* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
border-width: 1px 0;
margin-bottom: 1px;
}
/* resizable */
.fc-event-hori .ui-resizable-e {
top: 0 !important; /* importants override pre jquery ui 1.7 styles */
right: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
top: 0 !important;
left: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px; /* IE6 had 0 height */
}
/* Fake Rounded Corners (for buttons and events)
------------------------------------------------------------*/
.fc-corner-left {
margin-left: 1px;
}
.fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner {
margin-left: -1px;
}
.fc-corner-right {
margin-right: 1px;
}
.fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner {
margin-right: -1px;
}
.fc-corner-top {
margin-top: 1px;
}
.fc-corner-top .fc-event-inner {
margin-top: -1px;
}
.fc-corner-bottom {
margin-bottom: 1px;
}
.fc-corner-bottom .fc-event-inner {
margin-bottom: -1px;
}
/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
-----------------------------------------------------------------*/
.fc-corner-left .fc-event-inner {
border-left-width: 1px;
}
.fc-corner-right .fc-event-inner {
border-right-width: 1px;
}
.fc-corner-top .fc-event-inner {
border-top-width: 1px;
}
.fc-corner-bottom .fc-event-inner {
border-bottom-width: 1px;
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
border-collapse: separate;
}
.fc-border-separate th, .fc-border-separate td {
border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
border-right-width: 1px;
}
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
border-bottom-width: 1px;
}
.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
text-align: center;
}
.fc-grid .fc-day-number {
float: right;
padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
opacity: 0.3;
filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px; /* distance between events and day edges */
}
/* event styles */
.fc-grid .fc-event-time {
font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
float: left;
}
.fc-rtl .fc-grid .fc-event-time {
float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
border-collapse: separate;
}
.fc-agenda-days th {
text-align: center;
}
.fc-agenda .fc-agenda-axis {
width: 50px;
padding: 0 4px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
font-weight: normal;
}
.fc-agenda .fc-day-content {
padding: 2px 2px 1px;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
min-height: 34px; /* TODO: doesnt work well in quirksmode */
_height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
height: 2px;
overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
background: #eee;
}
/* slot rows */
.fc-agenda-slots th {
border-width: 1px 1px 0;
}
.fc-agenda-slots td {
border-width: 1px 0 0;
background: none;
}
.fc-agenda-slots td div {
height: 20px;
}
.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
border-top-style: dotted;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
*border-top-style: solid; /* doesn't work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
border-width: 0 1px;
}
.fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content {
position: relative;
z-index: 2;
width: 100%;
overflow: hidden;
}
.fc-event-vert .fc-event-time {
white-space: nowrap;
font-size: 10px;
}
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .3;
filter: alpha(opacity=30);
}
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ .fc-select-helper .fc-event-bg {
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
width: 100% !important;
height: 8px !important;
overflow: hidden !important;
line-height: 8px !important;
font-size: 11px !important;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
_overflow: hidden;
}
.inputContainer {
position: relative;
float: left;
}
.formError {
position: absolute;
top: 300px;
left: 300px;
display: block;
z-index: 5000;
cursor: pointer;
}
.ajaxSubmit {
padding: 20px;
background: #55ea55;
border: 1px solid #999;
display: none;
}
.formError .formErrorContent {
width: 100%;
background: #C00;
position: relative;
z-index: 5001;
color: #fff;
width: 150px;
font-family: tahoma;
font-size: 11px;
/*border: 2px solid #ddd;
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;*/
padding: 4px 10px 4px 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.greenPopup .formErrorContent {
background: #33be40;
}
.blackPopup .formErrorContent {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow {
width: 15px;
margin: -2px 0 0 6px;
position: relative;
z-index: 5006;
}
.formError .formErrorArrowBottom {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0px 0 0 12px;
top: 2px;
}
.formError .formErrorArrow div {
/*border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
box-shadow: 0 2px 3px #444;
-moz-box-shadow: 0 2px 3px #444;
-webkit-box-shadow: 0 2px 3px #444;*/
font-size: 0px;
height: 1px;
background: #C00;
margin: 0 auto;
line-height: 0;
font-size: 0;
display: block;
}
.formError .formErrorArrowBottom div {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.greenPopup .formErrorArrow div {
background: #33be40;
}
.blackPopup .formErrorArrow div {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow .line10 {
width: 15px;
border: none;
}
.formError .formErrorArrow .line9 {
width: 13px;
border: none;
}
.formError .formErrorArrow .line8 {
width: 11px;
}
.formError .formErrorArrow .line7 {
width: 9px;
}
.formError .formErrorArrow .line6 {
width: 7px;
}
.formError .formErrorArrow .line5 {
width: 5px;
}
.formError .formErrorArrow .line4 {
width: 3px;
}
.formError .formErrorArrow .line3 {
width: 1px;
border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
border-bottom: 0 solid #ddd;
}
.formError .formErrorArrow .line2 {
width: 3px;
border: none;
background: #ddd;
}
.formError .formErrorArrow .line1 {
width: 1px;
border: none;
background: #ddd;
}
.tipsy {
font-size: 10px;
position: absolute;
padding: 5px;
z-index: 100000;
}
.tipsy-inner {
background-color: #000;
color: #FFF;
max-width: 200px;
padding: 5px 8px 4px 8px;
text-align: center;
}
/* Rounded corners */
.tipsy-inner {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #000;
}
/* Rules to colour arrows */
.tipsy-arrow-n {
border-bottom-color: #000;
}
.tipsy-arrow-s {
border-top-color: #000;
}
.tipsy-arrow-e {
border-left-color: #000;
}
.tipsy-arrow-w {
border-right-color: #000;
}
.tipsy-n .tipsy-arrow {
top: 0px;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
/*= Modal
----------------------------------------------------*/
#modal {
background-color: #FFF;
position: absolute;
top: 75px;
left: 50%;
margin-left: -250px;
z-index: 100;
box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
/*= Header
----------------------------------------------------*/
#modalHeader {
background: #111;
background-color: #333;
background: -moz-linear-gradient(top, #777777 0%, #333333 2%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(2%, #333333), color-stop(100%, #111111));
background: -webkit-linear-gradient(top, #777777 0%, #333333 2%, #111111 100%);
background: -o-linear-gradient(top, #777777 0%, #333333 2%, #111111 100%);
background: -ms-linear-gradient(top, #777777 0%, #333333 2%, #111111 100%);
background: linear-gradient(top, #777777 0%, #333333 2%, #111111 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111')";
width: auto;
height: 55px;
border: 1px solid #000;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#modalHeader h2 {
font-size: 20px;
font-weight: normal;
color: #FFF;
position: relative;
top: 17px;
left: 15px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
}
/*= Cotnent
----------------------------------------------------*/
#modalContent {
width: 425px;
display: table;
padding: 15px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
/*= Close Trigger
----------------------------------------------------*/
#modal .close {
color: #FFF;
opacity: 1;
filter: alpha(opacity=100);
position: absolute;
top: 5px;
right: 10px;
}
#modal .close:hover {
color: #FFF;
opacity: 0.4;
filter: alpha(opacity=40);
}
/*= Loader
----------------------------------------------------*/
#modalLoader {
text-align: center;
padding: 15px 0;
}
/*= Alert
----------------------------------------------------*/
#alert {
background-color: #FFF;
width: 400px;
position: fixed;
top: 50px;
left: 50%;
margin-left: -200px;
z-index: 100;
-moz-box-shadow: 2px 2px 20px rgba(0, 0, 0, .75);
-webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, .75);
box-shadow: 2px 2px 20px rgba(0, 0, 0, .75);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
/*= Content
----------------------------------------------------*/
#alertContent {
display: table;
padding: 15px;
}
#alertContent h2 {
font-size: 20px;
font-weight: normal;
}
/*= Actions
----------------------------------------------------*/
#alertActions {
text-align: right;
}
#alertActions button {
cursor: pointer;
margin-left: .4em;
}
/*= Close Trigger
----------------------------------------------------*/
#alert .close {
position: absolute;
top: 5px;
right: 10px;
}
#alertClose:hover {
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(../images/colorpicker/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(../images/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(../images/colorpicker/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(../images/colorpicker/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(../images/colorpicker/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(../images/colorpicker/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(../images/colorpicker/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(../images/colorpicker/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(../images/colorpicker/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(../images/colorpicker/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(../images/colorpicker/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(../images/colorpicker/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/*
* File: demo_table.css
* CVS: $Id$
* Description: CSS descriptions for DataTables demo pages
* Author: Allan Jardine
* Created: Tue May 12 06:47:22 BST 2009
* Modified: $Date$ by $Author$
* Language: CSS
* Project: DataTables
*
* Copyright 2009 Allan Jardine. All Rights Reserved.
*
* ***************************************************************************
* DESCRIPTION
*
* The styles given here are suitable for the demos that are used with the standard DataTables
* distribution (see www.datatables.net). You will most likely wish to modify these styles to
* meet the layout requirements of your site.
*
* Common issues:
* 'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
* no conflict between the two pagination types. If you want to use full_numbers pagination
* ensure that you either have "example_alt_pagination" as a body class name, or better yet,
* modify that selector.
* Note that the path used for Images is relative. All images are by default located in
* ../images/ - relative to this CSS file.
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables features
*/
.dataTables_wrapper {
position: relative;
min-height: 302px;
clear: both;
_height: 302px;
zoom: 1; /* Feeling sorry for IE */
}
.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 250px;
height: 30px;
margin-left: -125px;
margin-top: -15px;
padding: 14px 0 2px 0;
border: 1px solid #ddd;
text-align: center;
color: #999;
font-size: 14px;
background-color: white;
}
.dataTables_length {
width: 40%;
float: left;
}
.dataTables_filter {
width: 50%;
float: right;
text-align: right;
}
.dataTables_info {
width: 60%;
float: left;
}
.dataTables_paginate {
width: 44px;
* width: 50px;
float: right;
text-align: right;
}
/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
height: 19px;
width: 19px;
margin-left: 3px;
float: left;
}
.paginate_disabled_previous {
background-image: url('../images/back_disabled.jpg');
}
.paginate_enabled_previous {
background-image: url('../images/back_enabled.jpg');
}
.paginate_disabled_next {
background-image: url('../images/forward_disabled.jpg');
}
.paginate_enabled_next {
background-image: url('../images/forward_enabled.jpg');
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables sorting
*/
.sorting_asc {
background: url('../images/sort_asc.png') no-repeat center right;
}
.sorting_desc {
background: url('../images/sort_desc.png') no-repeat center right;
}
.sorting {
background: url('../images/sort_both.png') no-repeat center right;
}
.sorting_asc_disabled {
background: url('../images/sort_asc_disabled.png') no-repeat center right;
}
.sorting_desc_disabled {
background: url('../images/sort_desc_disabled.png') no-repeat center right;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Misc
*/
.dataTables_scroll {
clear: both;
}
.dataTables_scrollBody {
*margin-top: -1px;
}
.top, .bottom {
padding: 15px;
background-color: #F5F5F5;
border: 1px solid #CCCCCC;
}
.top .dataTables_info {
float: none;
}
.clear {
clear: both;
}
.dataTables_empty {
text-align: center;
}
tfoot input {
margin: 0.5em 0;
width: 100%;
color: #444;
}
tfoot input.search_init {
color: #999;
}
td.group {
background-color: #d1cfd0;
border-bottom: 2px solid #A19B9E;
border-top: 2px solid #A19B9E;
}
td.details {
background-color: #d1cfd0;
border: 2px solid #A19B9E;
}
.example_alt_pagination div.dataTables_info {
width: 40%;
}
.paging_full_numbers {
width: 400px;
height: 22px;
line-height: 22px;
}
.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active {
border: 1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px 5px;
margin: 0 3px;
cursor: pointer;
*cursor: hand;
}
.paging_full_numbers span.paginate_button {
background-color: #ddd;
}
.paging_full_numbers span.paginate_button:hover {
background-color: #ccc;
}
.paging_full_numbers span.paginate_active {
background-color: #99B3FF;
}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img {
border: none;
}
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image {
padding: 10px;
}
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
left: 0;
}
#lightbox-nav a {
outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption {
font-weight: bold;
}
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
/* =Dashboard
----------------------------------------------- */
h2.dashboard_title {
font-size: 20px;
font-weight: 600;
}
h2.dashboard_title span {
font-size: 12px;
font-style: italic;
font-weight: normal;
color: #777;
padding-left: 1.5em;
}
.dashboard_add {
width: auto;
font-size: 18px !important;
display: block;
padding: 12px 16px;
margin-bottom: .5em;
}
.dashboard_report {
width: 23.12%;
font-size: 13px;
font-style: italic;
color: #777;
float: left;
margin: 0 2.1% .5em 0;
border: 1px solid #C7C7C7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: 1px 1px 2px rgba(255, 255, 255, .65);
}
.dashboard_report.last {
margin-right: 0;
}
.dashboard_report .pad {
padding: 15px 15px 10px;
}
.dashboard_report .value {
font-size: 28px;
font-style: normal;
color: #444;
display: block;
margin-bottom: .4em;
}
.dashboard_report.activeState {
text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
}
.dashboard_report.activeState .value {
color: #FFF;
}
/* ---------------------------------- */
/* @Container */
.progress-bar {
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D8D8D8), color-stop(1, #C7C7C7));
background-image: -moz-linear-gradient(center bottom, #D8D8D8 0%, #C7C7C7 100%);
height: 20px;
line-height: 1px;
display: block;
margin: 0 0 1.5em;
border: 1px solid #AAA;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* ---------------------------------- */
/* @Bar */
.progress-bar .bar {
background: #666;
background: -moz-linear-gradient(top, #999999 2%, #555555 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #999999), color-stop(100%, #555555));
background: -webkit-linear-gradient(top, #999999 2%, #555555 100%);
background: -o-linear-gradient(top, #999999 2%, #555555 100%);
background: -ms-linear-gradient(top, #999999 2%, #555555 100%);
background: linear-gradient(top, #999999 2%, #555555 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#555555');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#555555')";
height: 20px;
font-size: 11px;
line-height: 20px;
text-align: center;
color: #FFF;
display: block;
border-radius: 10px;
border: 1px solid #666;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
position: absolute;
top: -1px;
left: -1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
}
/* ---------------------------------- */
/* @Colors */
.progress-bar.blue .bar {
background: #066ECD;
background: -moz-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3ab54a), color-stop(2%, #4993D7), color-stop(100%, #066ECD)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* IE10+ */
background: linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD')";
color: #FFF;
border-color: #0561B4;
}
.progress-bar.gray .bar {
background: #999999;
background: -moz-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E6E6), color-stop(2%, #BDBDBD), color-stop(100%, #999999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* IE10+ */
background: linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999')";
color: #FFF;
border-color: #888;
}
.progress-bar.black .bar {
background: #222222;
background: -moz-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888888), color-stop(2%, #444444), color-stop(100%, #222222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* IE10+ */
background: linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222')";
color: #FFF;
border-color: #000000;
}
.progress-bar.orange .bar {
background: #FF9900;
background: -moz-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBD69F), color-stop(2%, #F9BD63), color-stop(100%, #FF9900)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* IE10+ */
background: linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9BD63', endColorstr='#FF9900');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9BD63', endColorstr='#FF9900')";
color: #FFF;
border-color: #D58000;
}
.progress-bar.green .bar {
background: #6DA42B;
background: -moz-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CAE0B0), color-stop(2%, #A6CB7A), color-stop(100%, #6DA42B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* IE10+ */
background: linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CB7A', endColorstr='#6DA42B');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CB7A', endColorstr='#6DA42B')";
color: #FFF;
border-color: #619126;
}
.progress-bar.red .bar {
background: #E40001;
background: -moz-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F19F9F), color-stop(2%, #E96363), color-stop(100%, #E40001)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* IE10+ */
background: linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E96363', endColorstr='#E40001');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E96363', endColorstr='#E40001')";
color: #FFF;
border-color: #CC0000;
}
.progress-bar.purple .bar {
background: #7B0F75;
background: -moz-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C190BE), color-stop(2%, #9B4C97), color-stop(100%, #7B0F75)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* IE10+ */
background: linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B4C97', endColorstr='#7B0F75');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B4C97', endColorstr='#7B0F75')";
color: #FFF;
border-color: #6A0D66;
}
.progress-bar.teal .bar {
background: #39A7B6;
background: -moz-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A3D5DB), color-stop(2%, #6BBBC6), color-stop(100%, #39A7B6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* IE10+ */
background: linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBBC6', endColorstr='#39A7B6');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBBC6', endColorstr='#39A7B6')";
color: #FFF;
border-color: #2E8794;
}
.progress-bar.pink .bar {
background: #FF0066;
background: -moz-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FB9FC4), color-stop(2%, #F9639F), color-stop(100%, #FF0066)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* IE10+ */
background: linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9639F', endColorstr='#FF0066');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9639F', endColorstr='#FF0066')";
color: #FFF;
border-color: #DA0C59;
}
.progress-bar.yellow .bar {
background: #FFCC00;
background: -moz-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%, #FFCC00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCF4D3), color-stop(2%, #F8DD71), color-stop(100%, #FFCC00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%, #FFCC00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%, #FFCC00 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%, #FFCC00 100%); /* IE10+ */
background: linear-gradient(top, #FCF4D3 0%, #F8DD71 2%, #FFCC00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8DD71', endColorstr='#FFCC00');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8DD71', endColorstr='#FFCC00')";
color: #796100;
border-color: #DFB300;
}
.progress-bar.thin {
height: 10px;
}
.progress-bar.thin .bar {
height: 10px;
line-height: 10px;
text-indent: -9999px;
}
/* ---------------------------------- */
/* @Notify */
.notify {
background: #EEE;
padding: 15px;
margin-bottom: 1.5em;
border: 1px solid #DDD;
position: relative;
border-radius: 5px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
}
.notify p:last-child, .notify ul:last-child {
margin-bottom: 0;
}
/* ---------------------------------- */
/* @Close */
.notify .close {
position: absolute;
top: 6px;
right: 12px;
}
/* ---------------------------------- */
/* @Types */
.notify-success {
background-color: #dff0d8;
color: #468847;
border-color: #d6e9c6;
}
.notify-warning {
background-color: #fcf8e3;
color: #c09853;
border-color: #fbeed5;
}
.notify-error {
background-color: #f2dede;
color: #b94a48;
border-color: #eed3d7;
}
.notify-info {
background-color: #d9edf7;
color: #3a87ad;
border-color: #bce8f1;
}
/* ---------------------------------- */
/* @Container */
.pagination {
margin-bottom: 1.25em;
}
/* ---------------------------------- */
/* @Pagination Items */
.pagination a {
background: -moz-linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #DFDBDB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%); /* IE10+ */
background: linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDBDB');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDBDB')";
font-size: 12px;
color: #444;
text-decoration: none;
display: inline-block;
padding: 1px 7px;
margin-right: .25em;
border: 1px solid #CCC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
/* ---------------------------------- */
/* @States */
.pagination a:hover {
background: #F3F3F3;
}
.pagination a.selected {
background: #FFF;
}
.pagination .disabled {
opacity: .3;
cursor: default;
}
/* ---------------------------------- */
/* @Colors */
.pagination.blue a.selected {
background: #066ECD;
background: -moz-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3ab54a), color-stop(2%, #4993D7), color-stop(100%, #066ECD)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* IE10+ */
background: linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD')";
color: #FFF;
border-color: #0561B4;
}
.pagination.gray a.selected {
background: #999999;
background: -moz-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E6E6), color-stop(2%, #BDBDBD), color-stop(100%, #999999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* IE10+ */
background: linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999')";
color: #FFF;
border-color: #888;
}
.pagination.black a.selected {
background: #222222;
background: -moz-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888888), color-stop(2%, #444444), color-stop(100%, #222222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* IE10+ */
background: linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222')";
color: #FFF;
border-color: #000000;
}
.pagination.orange a.selected {
background: #FF9900;
background: -moz-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBD69F), color-stop(2%, #F9BD63), color-stop(100%, #FF9900)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* IE10+ */
background: linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9BD63', endColorstr='#FF9900');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9BD63', endColorstr='#FF9900')";
color: #FFF;
border-color: #D58000;
}
.pagination.green a.selected {
background: #6DA42B;
background: -moz-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CAE0B0), color-stop(2%, #A6CB7A), color-stop(100%, #6DA42B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* IE10+ */
background: linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CB7A', endColorstr='#6DA42B');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CB7A', endColorstr='#6DA42B')";
color: #FFF;
border-color: #619126;
}
.pagination.red a.selected {
background: #E40001;
background: -moz-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F19F9F), color-stop(2%, #E96363), color-stop(100%, #E40001)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* IE10+ */
background: linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E96363', endColorstr='#E40001');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E96363', endColorstr='#E40001')";
color: #FFF;
border-color: #CC0000;
}
.pagination.purple a.selected {
background: #7B0F75;
background: -moz-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C190BE), color-stop(2%, #9B4C97), color-stop(100%, #7B0F75)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* IE10+ */
background: linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B4C97', endColorstr='#7B0F75');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B4C97', endColorstr='#7B0F75')";
color: #FFF;
border-color: #6A0D66;
}
.pagination.teal a.selected {
background: #39A7B6;
background: -moz-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A3D5DB), color-stop(2%, #6BBBC6), color-stop(100%, #39A7B6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* IE10+ */
background: linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBBC6', endColorstr='#39A7B6');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBBC6', endColorstr='#39A7B6')";
color: #FFF;
border-color: #2E8794;
}
.pagination.pink a.selected {
background: #FF0066;
background: -moz-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FB9FC4), color-stop(2%, #F9639F), color-stop(100%, #FF0066)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* IE10+ */
background: linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9639F', endColorstr='#FF0066');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9639F', endColorstr='#FF0066')";
color: #FFF;
border-color: #DA0C59;
}
.pagination.yellow a.selected {
background: #FFCC00;
background: -moz-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%, #FFCC00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCF4D3), color-stop(2%, #F8DD71), color-stop(100%, #FFCC00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%, #FFCC00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%, #FFCC00 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%, #FFCC00 100%); /* IE10+ */
background: linear-gradient(top, #FCF4D3 0%, #F8DD71 2%, #FFCC00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8DD71', endColorstr='#FFCC00');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8DD71', endColorstr='#FFCC00')";
color: #796100;
border-color: #DFB300;
}
/* ---------------------------------- */
/* @Default Styles */
ul.bullet {
margin-left: 0;
}
ul.bullet li {
background: url(../images/bullets/bullet_blue.png) no-repeat 0 2px;
list-style-type: none;
padding-left: 22px;
}
/* ---------------------------------- */
/* @Semantic Classes */
ul.bullet.primary li {
background-image: url(../images/bullets/bullet_blue.png);
}
ul.bullet.secondary li {
background-image: url(../images/bullets/bullet_black.png);
}
ul.bullet.tertiary li {
background-image: url(../images/bullets/bullet_gray.png);
}
ul.bullet.quaternary li {
background-image: url(../images/bullets/bullet_white.png);
}
/* ---------------------------------- */
/* @Color Classes */
ul.bullet.bullet-green li {
background-image: url(../images/bullets/bullet_green.png);
}
ul.bullet.bullet-red li {
background-image: url(../images/bullets/bullet_red.png);
}
ul.bullet.bullet-orange li {
background-image: url(../images/bullets/bullet_orange.png);
}
ul.bullet.bullet-yellow li {
background-image: url(../images/bullets/bullet_yellow.png);
}
ul.bullet.bullet-blue li {
background-image: url(../images/bullets/bullet_blue.png);
}
ul.bullet.bullet-pink li {
background-image: url(../images/bullets/bullet_pink.png);
}
ul.bullet.bullet-black li {
background-image: url(../images/bullets/bullet_black.png);
}
ul.bullet.bullet-purple li {
background-image: url(../images/bullets/bullet_purple.png);
}
ul.bullet.bullet-white li {
background-image: url(../images/bullets/bullet_white.png);
}
ul.bullet.bullet-gray li {
background-image: url(../images/bullets/bullet_gray.png);
}
.qnc {
width: 300px;
margin-top: 15px;
}
.qnc_item {
width: 100%;
display: block;
margin-bottom: 0;
border-bottom: 1px dotted #BBB;
float: left;
}
.qnc .qnc_item {
padding: 10px 0;
}
.qnc .qnc_content {
width: 100%;
float: left;
}
.qnc .qnc_actions {
display: none;
}
.qnc .qnc_item:hover {
background-color: #EEE;
text-decoration: none;
}
.qnc .qnc_title, .qnc .qnc_preview, .qnc .qnc_time {
display: block;
padding: 0 10px;
}
.qnc .qnc_title {
font-weight: 600;
color: #06C;
}
.qnc .qnc_preview {
color: #333;
}
.qnc .qnc_time {
color: #AAA;
}
.qnc.qnc_confirm .qnc_item:hover {
background-color: transparent;
cursor: default;
}
.qnc.qnc_confirm .qnc_content {
width: 185px;
margin-right: 20px;
}
.qnc.qnc_confirm .qnc_actions {
width: 80px;
text-align: right;
display: block;
padding-top: 3px;
float: left;
}
.qnc.qnc_confirm .qnc_actions button {
margin-right: .5em;
margin-bottom: 1em;
}
.qnc.qnc_confirm .qnc_actions button:last-child {
margin-right: 0;
margin-bottom: 0;
}
.qnc .qnc_more {
font-weight: bold;
text-align: center;
display: block;
padding: 10px 0;
margin-top: .5em;
margin-top: -10px;
clear: both;
}
.qnc .qnc_more:hover {
background-color: #DDD;
text-decoration: none;
}
/* ---------------------------------- */
/* @Ticket */
.ticket {
background-color: #999999;
font-size: 11px;
font-weight: 600;
color: #FFF;
padding: 3px 8px;
margin-bottom: 1em;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* ---------------------------------- */
/* @Ticket Types */
.ticket-important {
background-color: #C70505;
}
.ticket-warning {
background-color: #FF9A03;
}
.ticket-success {
background-color: #5E8A26;
}
.ticket-info {
background-color: #0B71CE;
}
body.error-page {
background: #E9E9E9;
margin: 0;
}
/* ---------------------------------- */
/* @Error Wrapper */
#error-wrapper {
width: 80%;
max-width: 500px;
height: 350px;
text-align: center;
margin: 0 auto;
}
#error-wrapper h1 {
font-size: 120px;
margin-bottom: .75em;
}
/* ---------------------------------- */
/* @Error Code */
#error-code {
font-size: 32px;
font-weight: 600;
margin-bottom: .5em;
}
/* ---------------------------------- */
/* @Error Message */
#error-message {
font-size: 15px;
margin-bottom: 2em;
}
/* ---------------------------------- */
/* @Error header*/
#error-header {
background: #333;
width: 100%;
padding: 9px 0 2px 0;
margin-bottom: 4em;
}
#error-header a {
background: url(../images/logo_small.png) no-repeat 0 0;
width: 146px;
height: 31px;
line-height: 600px;
display: block;
margin: 0 auto;
position: relative;
left: 10px;
overflow: hidden;
}
/* =Widget
----------------------------------------------- */
.widget {
width: auto;
margin-bottom: 2em;
border: 1px solid #D5D5D5;
border-radius: 4px;
position: relative;
clear: both;
overflow: hidden;
}
/* =Widget Header
----------------------------------------------- */
.widget-header {
background: #E9E9E9;
background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #E9E9E9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* IE10+ */
background: linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
height: 40px;
line-height: 40px;
border-bottom: 1px solid #D5D5D5;
position: relative;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-background-clip: padding-box;
}
.widget-header h3 {
font-size: 14px;
font-weight: 800;
color: #555;
line-height: 18px;
display: inline-block;
margin-right: 3em;
position: relative;
top: 2px;
left: 10px;
text-shadow: 1px 1px 2px rgba(255, 255, 255, .5);
}
.widget-header [class^="icon-"], .widget-header [class*=" icon-"] {
background-image: url(../images/sprite/sprite-16-black.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
display: inline-block;
opacity: .7;
filter: alpha(opacity=70);
position: relative;
top: 5px;
margin-left: 10px;
margin-right: -2px;
}
/* =Widget Content
----------------------------------------------- */
.widget-content {
padding: 20px 15px 15px;
}
/* Widget Content Clearfix */
.widget-content:before, .widget-content:after {
content: "";
display: table;
}
.widget-content:after {
clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.widget-content {
zoom: 1;
}
/* =Extra
----------------------------------------------- */
.widget.nopad .widget-content {
padding: 0;
}
.container [class^="grid-"] .widget:last-child {
margin-bottom: 0;
}
.widget .visualize {
margin-top: 2em;
}
/* =Plain Styling
----------------------------------------------- */
.widget-plain {
border: none;
}
.widget-plain .widget-header {
display: none;
}
.widget-plain .widget-content {
padding: 0;
}
.widget-table .dataTables_wrapper .DataTables_sort_icon {
display: inline-block;
margin-left: 1em;
position: relative;
top: 4px;
}
/* Widget Table Styles */
.widget-table .table {
margin-bottom: 0;
border-top: none;
border-left: none;
}
.widget-table .table tbody tr:last-child td {
border-bottom: none;
}
.widget-table .table tr td:last-child, .widget-table .table tr th:last-child {
border-right: none;
}
.widget-table table.table thead th {
border-top: none;
border-left: none;
cursor: pointer;
}
.widget-table .widget-content {
padding: 0;
}
.widget-table .dataTables_wrapper .ui-widget-header {
border: none;
}
.widget-table .dataTables_wrapper .ui-buttonset .ui-button {
background: #FFF;
padding: 0 6px;
margin-right: 4px;
border-radius: 4px;
}
.widget-table .dataTables_wrapper .dataTables_paginate span span.ui-state-disabled {
opacity: 1;
filter: Alpha(Opacity=100);
}
.widget-table .dataTables_length {
display: none;
}
.widget-table .dataTables_filter {
position: absolute;
top: -34px;
right: 5px;
}
.widget-table .dataTables_filter input {
font-size: 11px;
padding: 4px 6px;
}
.widget-table .dataTables_filter label {
color: #666;
}
.widget-table .dataTables_wrapper .fg-toolbar {
background: #E9E9E9;
background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #E9E9E9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* IE10+ */
background: linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
}
.widget-table .dataTables_wrapper .fg-toolbar:last-child {
width: 100%;
color: #555;
float: left;
padding: 10px 0;
border-top: 1px solid #DDD;
}
.widget-table .dataTables_info {
margin-left: 10px;
}
.widget-table .dataTables_wrapper .dataTables_paginate {
margin-right: 10px;
}
.widget-tabs .tabs {
display: inline-block;
margin: 0;
}
.widget-tabs .tabs li {
height: 41px;
line-height: 41px;
list-style-type: none;
display: inline-block;
border-left: 1px solid #DDD;
margin-right: -4px;
}
.widget-tabs .tabs li:last-child {
border-right: 1px solid #DDD;
}
.widget-tabs .tabs a {
font-size: 11px;
text-decoration: none;
color: #444;
display: block;
padding: 0 12px;
border-left: 1px solid #FFF;
}
.widget-tabs .tabs li.active {
background-color: #FFF;
font-weight: bold;
}
.widget-tabs .tabs li.active a {
color: #06C;
}
.widget-tabs .tabs li:first-child {
border-left: none;
}
.widget-tabs h3 + .tabs li:first-child {
border-left: 1px solid #DDD;
}
.widget .tabs.right {
float: none;
position: absolute;
right: 15px;
}
.widget-codeview .widget-content {
padding: 0;
}
.widget-codeview .SRC_Line:nth-child(odd) {
background-color: #F9F9F9;
}
.widget-codeview .SRC_Wrap {
border: none;
margin: 0;
}
.widget-codeview .SRC_NumContent {
color: #666;
}
.widget-codeview .SRC_CodeContent {
border-color: #DDD;
}
.widget-codeview pre.source {
margin: 0;
}
.widget-codeview .SRC_Line {
height: 28px;
line-height: 28px;
}
.widget-codeview .SRC_CodeContent {
height: 28px;
line-height: 28px;
}
.widget-calendar .widget-content {
padding: 0;
}
.widget-calendar .fc-sun {
border-left: none;
}
.widget-calendar .fc-sat {
border-right: none;
}
.widget-calendar tr:last-child td {
border-bottom: none;
}
.widget-calendar td {
border-color: #DDD;
}
.widget-calendar .fc-button-month, .widget-calendar .fc-button-basicWeek, .widget-calendar .fc-button-basicDay {
position: relative;
top: -52px;
right: 10px;
}
.widget-calendar .fc-day-number {
font-size: 11px;
}
.widget-calendar .widget-content {
margin-top: 1em;
}
.widget-calendar .fc-button-next {
background: transparent;
position: absolute;
top: 57px;
right: 10px;
}
.widget-calendar .fc-button-prev {
background: transparent;
position: absolute;
top: 57px;
left: 10px;
}
.widget-calendar .fc-button-effect, .widget-calendar .fc-button-effect {
display: none;
}
.widget-calendar .fc-state-default .fc-button-inner, .widget-calendar .fc-state-default .fc-button-inner {
background: transparent;
border: none;
}
.widget-calendar .fc-state-active {
background: #FFF;
}
.widget-calendar .fc-state-active .fc-button-content {
color: #06C;
}
.widget-calendar .fc-state-default, .widget-calendar .fc-state-default {
border: none;
}
.widget-calendar .fc-button-next.fc-state-default .fc-button-content, .widget-calendar .fc-button-prev.fc-state-default .fc-button-content {
opacity: .35;
}
.widget-calendar .fc-widget-header {
background: #F7F7F7;
}
.widget-calendar .fc-header-right .fc-button.fc-state-default {
background: transparent;
height: 40px;
line-height: 40px;
padding: 0 10px;
border-left: 1px solid #D7D7D7;
}
.widget-calendar .fc-header-right .fc-button.fc-state-default:last-child {
border-right: 1px solid #D7D7D7;
}
.widget-calendar .fc-header-right .fc-button.fc-state-active {
background: #FFF;
font-weight: bold;
border-right: 1px solid #D7D7D7;
}
.widget-calendar .fc-header-right .fc-button.fc-state-default .fc-button-inner {
position: relative;
top: 10px;
}
.widget-calendar .fc-content {
top: -10px;
}
.widget-calendar .fc-header-title h2 {
position: relative;
top: 2px;
}
.widget-map .widget-content {
padding: 0;
}
body {
background: #354c8d;
}
/* ---------------------------------- */
/* @Header */
#header {
/*background: -moz-linear-gradient(top, #354c8d 0%, #122455 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #354c8d), color-stop(100%, #122455));
background: -webkit-linear-gradient(top, #354c8d 0%, #122455 100%);
background: -o-linear-gradient(top, #354c8d 0%, #122455 100%);
background: -ms-linear-gradient(top, #354c8d 0%, #122455 100%);
background: linear-gradient(top, #354c8d 0%, #122455 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#354c8d', endColorstr='#122455');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#354c8d', endColorstr='#122455')";*/
border-bottom: none;
}
/* ---------------------------------- */
/* @MainNav */
#mainNav {
border-bottom-color: #5b6ea5;
}
#mainNav li.nav {
border-top-color: #7588bf;
border-bottom-color: #5b6ea5;
}
#mainNav li.nav .subNav {
background: #6275AA;
-webkit-box-shadow: #333 0px 0px 3px inset;
box-shadow: #333 0px 0px 3px inset;
`;
}
#mainNav li.nav .subNav li a {
background: url(../images/bullets/bullet_black.png) no-repeat 6px 49% !important;
filter: none;
}
#mainNav li.nav .subNav li a:hover {
background-color: #97a6d3 !important;
}
#mainNav .dropdown .dropdownArrow {
border-top-color: #fff;
}
/* ---------------------------------- */
/* @Search */
#search {
background: -moz-linear-gradient(top, #354c8d 0%, #122455 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #354c8d), color-stop(100%, #122455));
background: -webkit-linear-gradient(top, #354c8d 0%, #122455 100%);
background: -o-linear-gradient(top, #354c8d 0%, #122455 100%);
background: -ms-linear-gradient(top, #354c8d 0%, #122455 100%);
background: linear-gradient(top, #354c8d 0%, #122455 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#354c8d', endColorstr='#122455');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#354c8d', endColorstr='#122455')";
border-top-color: #242424;
border-bottom-color: #282828;
}
#searchBevel {
border-bottom-color: #555555;
}
#search input {
background: #626262 url(../images/search/search.png) no-repeat 12px 50%;
border-color: #363636;
}
/* ---------------------------------- */
/* @Sidear */
#sidebar {
}
/* ---------------------------------- */
/* @Content */
#content {
-moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, .7);
-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, .7);
box-shadow: 1px 1px 12px rgba(0, 0, 0, .7);
}
#contentHeader {
background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #EEEEEE));
background: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
background: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
background: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
background: linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE')";
border-bottom-color: #CCC;
}
#contentHeader #contentHeaderBevel {
border-bottom-color: #FFF;
}
/* ---------------------------------- */
/* @QuickNav */
#quickNav, #header #reveal-nav {
/*background: #222;*/
/*background: -moz-linear-gradient(top, #6A6A6A 0%, #515151 2%, #2E2E2E 100%);*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6A6A6A), color-stop(2%, #515151), color-stop(100%, #2E2E2E));
background: -webkit-linear-gradient(top, #6A6A6A 0%, #515151 2%, #2E2E2E 100%);
background: -o-linear-gradient(top, #6A6A6A 0%, #515151 2%, #2E2E2E 100%);
background: -ms-linear-gradient(top, #6A6A6A 0%, #515151 2%, #2E2E2E 100%);
background: linear-gradient(top, #6A6A6A 0%, #515151 2%, #2E2E2E 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515151', endColorstr='#2E2E2E');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#515151', endColorstr='#2E2E2E')";
/*border-color: #161616;*/
}
#quickNav li {
border-right-color: #222;
border-left-color: #555;
}
/* ---------------------------------- */
/* @TopNav */
#topNav a.menu {
padding-right: 16px;
}
#topNav .menuArrow {
border-top-color: #777;
}
/* ---------------------------------- */
/* @Menu */
.menuContainer {
background-color: #666;
border: 1px solid #555;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .75);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .75);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .75);
}
.menuContent {
background-color: #FFF;
background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #EEEEEE));
background: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
background: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
background: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
background: linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE')";
}
.menuDropdown {
background: #666;
}
.menuDropdown .menuContent li {
border-top-color: #777;
border-bottom-color: #555;
}
.menuDropdown .menuContent a {
background: url(../images/bulletBlack.png) no-repeat 8px 50%;
}
/*
= Default State
--------------------------------------------------------------------- */
.defaultState, .paging_full_numbers span.paginate_button, .widget-table .dataTables_wrapper .dataTables_paginate span.ui-button {
background: -moz-linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #DFDBDB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%); /* IE10+ */
background: linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDBDB');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDBDB')";
border: 1px solid #CCC;
}
/*
= Primary / Active State
--------------------------------------------------------------------- */
.btn-primary, .btn-primary:visited, .progress-bar.primary .bar, .activeState, .paging_full_numbers span.paginate_active, .widget-table .dataTables_wrapper .dataTables_paginate span span.ui-state-disabled, .pagination a.selected {
background: #066ECD;
background: -moz-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3ab54a), color-stop(2%, #4993D7), color-stop(100%, #066ECD)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* IE10+ */
background: linear-gradient(top, #3ab54a 0%, #4993D7 2%, #066ECD 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD')";
color: #FFF;
border-color: #0561B4;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.btn-primary:hover {
background: #84e684;
}
.btn-primary:active {
background: #066ECD;
background: -moz-linear-gradient(top, #066ECD 2%, #4993D7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #066ECD), color-stop(100%, #4993D7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #066ECD 2%, #4993D7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #066ECD 2%, #4993D7 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #066ECD 2%, #4993D7 100%); /* IE10+ */
background: linear-gradient(top, #066ECD 2%, #4993D7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#066ECD', endColorstr='#4993D7');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD')";
color: #FFF;
border-color: #0561B4;
}
/*
= Tertiary
--------------------------------------------------------------------- */
.btn-tertiary, .btn-tertiary:visited, .progress-bar.tertiary .bar {
background: #999999;
background: -moz-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E6E6), color-stop(2%, #BDBDBD), color-stop(100%, #999999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* IE10+ */
background: linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999')";
color: #FFF;
border-color: #888;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.btn-tertiary:hover {
background: #888888;
background: -moz-linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%, #888888 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E6E6), color-stop(2%, #B3B3B3), color-stop(100%, #888888)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%, #888888 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%, #888888 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%, #888888 100%); /* IE10+ */
background: linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%, #888888 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888')";
}
.btn-tertiary:active {
background: #888888;
background: -moz-linear-gradient(top, #888888 2%, #B3B3B3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #888888), color-stop(100%, #B3B3B3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #888888 2%, #B3B3B3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #888888 2%, #B3B3B3 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #888888 2%, #B3B3B3 100%); /* IE10+ */
background: linear-gradient(top, #888888 2%, #B3B3B3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888')";
}
/*
= Quaternary / Default State
--------------------------------------------------------------------- */
.btn-quaternary, .btn-quaternary:visited, .progress-bar.quaternary .bar {
background: #CCCCCC;
background: -moz-linear-gradient(top, #FBFBFB 0%, #ECECEC 2%, #CCCCCC 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(2%, #ECECEC), color-stop(100%, #CCCCCC)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FBFBFB 0%, #ECECEC 2%, #CCCCCC 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FBFBFB 0%, #ECECEC 2%, #CCCCCC 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FBFBFB 0%, #ECECEC 2%, #CCCCCC 100%); /* IE10+ */
background: linear-gradient(top, #FBFBFB 0%, #ECECEC 2%, #CCCCCC 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#CCCCCC');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#CCCCCC')";
color: #444;
text-shadow: 1px 1px 1px rgba(255, 255, 255, .8);
border-color: #BBBBBB;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.btn-quaternary:hover {
background: #BBBBBB;
background: -moz-linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%, #BBBBBB 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(2%, #E8E8E8), color-stop(100%, #BBBBBB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%, #BBBBBB 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%, #BBBBBB 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%, #BBBBBB 100%); /* IE10+ */
background: linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%, #BBBBBB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#BBBBBB');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#BBBBBB')";
}
.btn-quaternary:active {
background: #CCCCCC;
background: -moz-linear-gradient(top, #CCCCCC 2%, #ECECEC 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #CCCCCC), color-stop(100%, #ECECEC)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #CCCCCC 2%, #ECECEC 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #CCCCCC 2%, #ECECEC 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #CCCCCC 2%, #ECECEC 100%); /* IE10+ */
background: linear-gradient(top, #CCCCCC 2%, #ECECEC 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#CCCCCC');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#CCCCCC')";
}
/*
= Secondary
--------------------------------------------------------------------- */
.btn-secondary, .btn-secondary:visited, .progress-bar.secondary .bar {
background: #222222;
background: -moz-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888888), color-stop(2%, #444444), color-stop(100%, #222222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* IE10+ */
background: linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222')";
color: #FFF;
border-color: #000000;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.btn-secondary:hover {
background: #111111;
background: -moz-linear-gradient(top, #888888 0%, #333333 2%, #111111 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888888), color-stop(2%, #333333), color-stop(100%, #111111)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #888888 0%, #333333 2%, #111111 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #888888 0%, #333333 2%, #111111 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #888888 0%, #333333 2%, #111111 100%); /* IE10+ */
background: linear-gradient(top, #888888 0%, #333333 2%, #111111 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111')";
}
.btn-secondary:active {
background: #444444;
background: -moz-linear-gradient(top, #222222 2%, #444444 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #222222), color-stop(100%, #444444)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #222222 2%, #444444 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #222222 2%, #444444 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #222222 2%, #444444 100%); /* IE10+ */
background: linear-gradient(top, #222222 2%, #444444 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222')";
}
.btn.block {
display: block;
margin-bottom: .75em;
}
/* ---------------------------------- */
/* @Data Table Ovverides */
.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active {
font-size: 11px;
padding: 0 5px;
}
.paging_full_numbers span.paginate_active {
font-size: 11px;
color: #FFF;
}
.paginate_button, .paginate_active {
display: inline-block;
}
.dataTables_info {
width: 31%;
}
.dataTaebles_paginate {
width: 67%;
}
.sorting_asc {
background: url('../images/dataTables/sort_asc.png') no-repeat center right;
}
.sorting_desc {
background: url('../images/dataTables/sort_desc.png') no-repeat center right;
}
.sorting {
background: url('../images/dataTables/sort_both.png') no-repeat center right;
}
.sorting_asc_disabled {
background: url('../images/dataTables/sort_asc_disabled.png') no-repeat center right;
}
.sorting_desc_disabled {
background: url('../images/dataTables/sort_desc_disabled.png') no-repeat center right;
}
/* ---------------------------------- */
/* @Full Calendar Overrides */
.ui-datepicker td, .ui-datepicker th, .ui-datepicker-month, .ui-datepicker-year, .ui-timepicker td, .ui-timepicker th {
font-size: 11px;
}
/* ---------------------------------- */
/* @Color Picker */
.colorpicker {
z-index: 25;
}
#colorSelector {
position: relative;
width: 26px;
height: 26px;
background: url(../images/colorpicker/select.png);
display: inline-block;
vertical-align: top;
cursor: pointer;
top: 2px;
}
#colorSelector div {
position: absolute;
top: 3px;
left: 3px;
width: 20px;
height: 20px;
background: url(../images/colorpicker/select.png) center;
}
/* ---------------------------------- */
/* @Data Holders */
.chart-holder {
width: 100%;
min-height: 225px;
}
.map-canvas {
width: 100%;
height: 350px;
}
.map-canvas img {
max-width: none;
}
.chart-canvas {
width: 100%;
height: 350px;
}
/* ---------------------------------- */
/* @Overlay */
#overlay {
background: black;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 95;
opacity: .5;
filter: alpha(opacity=50);
}
/* ---------------------------------- */
/* @Close Element */
.close {
font-size: 15px;
font-weight: bold;
line-height: 18px;
color: #000000;
float: right;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.5;
filter: alpha(opacity=50);
}
.close:hover {
text-decoration: none;
color: #000000;
opacity: 0.85;
filter: alpha(opacity=85);
cursor: pointer;
}
/*
* jQuery UI CSS Framework 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
content: "";
display: table;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
zoom: 1;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
* jQuery UI CSS Framework 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Verdana, Arial, sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff url(./custom-theme/images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaaa;
background: #cccccc url(./custom-theme/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-header a {
color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url(./custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #555555;
text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #999999;
background: #dadada url(./custom-theme/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #212121;
text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url(./custom-theme/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
.ui-widget :active {
outline: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url(./custom-theme/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url(./custom-theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;
color: #cd0a0a;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
background-image: url(./custom-theme/images/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
background-image: url(./custom-theme/images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(./custom-theme/images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(./custom-theme/images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(./custom-theme/images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(./custom-theme/images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(./custom-theme/images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url(./custom-theme/images/ui-icons_cd0a0a_256x240.png);
}
/* positioning */
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-off {
background-position: -96px -144px;
}
.ui-icon-radio-on {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-khtml-border-top-left-radius: 4px;
border-top-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-khtml-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-khtml-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-khtml-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa url(./custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .30;
filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(./custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .30;
filter: Alpha(Opacity=30);
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/*
* jQuery UI Resizable 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
/*
* jQuery UI Selectable 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
/*
* jQuery UI Accordion 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
width: 100%;
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
display: inline;
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 1em;
padding: .5em .5em .5em .7em;
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
display: block;
}
/*
* jQuery UI Autocomplete 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete {
position: absolute;
cursor: default;
}
/* workarounds */
* html .ui-autocomplete {
width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.17
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: .2em .4em;
line-height: 1.5;
zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/*
* jQuery UI Button 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button {
display: inline-block;
position: relative;
padding: 0;
margin-right: .1em;
text-decoration: none !important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/*button text element */
.ui-button .ui-button-text {
display: block;
line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
/*button sets*/
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}
/* workarounds */
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog {
position: absolute;
padding: .2em;
width: 300px;
overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 16px .1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: .5em 0 0 0;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
/*
* jQuery UI Slider 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
/*
* jQuery UI Tabs 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs {
position: relative;
padding: .2em;
zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 1px;
margin: 0 .2em 1px 0;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom: 0;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}
/*
* jQuery UI Datepicker 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0em;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display /**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}
/*
* jQuery UI Progressbar 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
#MnsAddress, #MnsRetailer, #MnsLogin, #MnsPersonal, #MnsAccount, #MnsSIMRetailer, #MnsGrid, #MnsAddSim {
display: none;
}
#PlusRetailer, #PlusAddress, #PlusLogin, #PlusPersonal, #PlusAccount, #PlusSIMRetailer, #PlusGrid, #PlusAddSim {
float: left;
}
.MobsTxtBox {
float: left;
margin-right: 20px;
width: 50px;
}
.MobsSubmitBtn {
float: left;
width: 120px;
}
.MobisReset {
float: left;
width: 100%;
margin-top: 10px;
}
@media all and (max-width: 1024px) and (min-width: 900px) {
.container {
width: 94%;
}
.container [class^="grid-"] {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.ClrBoth {
clear: both;
width: 100%;
float: none;
}
.SearchBtn {
float: left;
width: 100%;
}
.MobsTxtBox {
float: left;
margin-right: 20px;
width: 50px;
}
.MobsSubmitBtn {
float: left;
width: 120px;
}
.MobisReset {
float: left;
width: 100%;
margin-top: 10px;
}
/* ---------------------------------- */
/* @TopNav */
#topNav {
position: absolute;
right: 30px;
top: 2px;
z-index: 20;
}
#topNav ul {
padding: 0;
margin: 0px 0px 0px 0px;
float: right;
}
#topNav li {
float: left;
margin: 0 0 0 5px;
font-size: 13px;
}
#topNav li a {
display: block;
margin: 0;
font-size: 13px;
}
/* ------------------By Nithi for Desktop---------------------------*/
.ClrBoth {
clear: both;
width: 100%;
float: none;
}
.SearchBtn {
float: left;
width: 100%;
}
.menuHeader {
font-weight: bold;
font-size: 10px;
float: left;
}
#MnsAddress, #MnsRetailer, #MnsLogin, #MnsPersonal, #MnsAccount, #MnsSIMRetailer, #MnsGrid, #MnsAddSim {
display: none;
cursor: pointer;
}
#PlusRetailer, #PlusAddress, #PlusLogin, #PlusPersonal, #PlusAccount, #PlusSIMRetailer, #PlusGrid, #PlusAddSim {
width: 100%;
float: left;
}
.ViewRD, .ViewLD, .ViewAd, .ViewAcd, .ViewPD, .ViewSIMR, .ViewGrid, .viewSimList {
display: none;
width: 100%;
}
ul.fldset li {
display: inline;
float: left;
margin: 0;
min-height: 51px;
min-width: 250px;
padding: 5px;
width: 100% !Important;
}
/* ------------------ END --------------------*/
.ExtWidth {
width: 200px;
}
/* ---------------------------------- */
}
@media all and (max-width: 899px) and (min-width: 260px) {
body {
background-image: none;
}
.notification {
position: absolute !important;
border: solid 5px Gray;
padding: 5px 20px 20px 20px;
border-radius: 10px;
z-index: 999999;
max-width: 86% !important;
max-height: 100% !important;
overflow-y: auto !important;
left: 18px !important;
top: 15px !important;
}
/* ------------------By Nithi for mobile---------------------------*/
.form-control {
width: 60%!important;
padding: 5px!important;
border: 1px solid #ccc;
border-radius: 4px!important;
box-sizing: border-box;
resize: vertical;
margin-bottom: 15px!important;
}
.ClrBoth {
clear: both;
width: 100%;
}
.menuHeader {
font-weight: bold;
font-size: 15px;
padding-left: 6px;
float: left;
width: 178px;
height: 30px;
margin-left: 5px;
line-height: 30px;
background: #efefef;
color: #666;
border-bottom: 1px solid #ccc;
/* background:#354C8D;
color:#fff;
border-bottom:1px solid #5B6EA5;
border-top:1px solid #7588BF; */
}
.MobsTxtBox {
float: left;
margin-right: 20px;
width: 50px;
}
.MobsSubmitBtn {
float: left;
width: 120px;
}
.MobisReset {
float: left;
width: 100%;
margin-top: 10px;
}
.MnuArrowUp {
/*border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-top: 5px solid #000000;
display: inline-block;*/
font-size: 20px;
margin-right: 10px;
line-height: 25px;
float: right;
}
.MnuArrowDwn {
float: right;
font-size: 24px;
margin-right: 10px;
line-height: 25px;
/* width: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #FFFFFF; */
}
#MnsAddress, #MnsLogin, #MnsPersonal, #MnsAccount, #MnsGrid, #MnsAddSim {
display: none;
clear: both;
cursor: pointer;
}
#MnsSIMRetailer, #MnsRetailer {
display: block;
clear: both;
cursor: pointer;
}
#PlusAddress, #PlusLogin, #PlusPersonal, #PlusAccount, #PlusGrid, #PlusAddSim {
clear: both;
cursor: pointer;
}
#PlusRetailer, #PlusSIMRetailer {
display: none;
clear: both;
cursor: pointer;
}
.SearchBtn {
float: left;
width: 100%;
}
.ViewLD, .ViewAd, .ViewAcd, .ViewPD, .ViewGrid, .ViewSimList {
display: none;
width: 100%;
}
.ViewRD, .ViewSIMR {
display: block;
width: 100%;
}
ul.fldset li {
display: inline;
float: left;
margin: 0;
min-height: 51px;
min-width: 250px;
padding: 5px;
width: 100% !Important;
}
/* ------------------ END --------------------*/
/* ---------------------------------- */
/* @Grid */
.container {
width: auto;
margin: 0 15px;
}
.container [class^="grid-"] {
width: 100%;
margin-left: 0;
margin-right: 0;
}
/* ---------------------------------- */
/* @Header */
.company-logo {
width: 131px;
/*height: 70px;*/
}
#header {
height: 47px;
z-index: 15;
}
#wrapper {
background: #354c8d;
overflow-x: hidden;
}
#header h1 {
/*background-image: url(../images/small.png);*/
width: 130px;
height: 57px;
top: -8px;
}
#header #reveal-nav {
display: block;
top: 52px;
left: 18px;
width: 27px;
}
#sidebar.revealShow {
display: block;
margin-top: 19px;
}
.logo {
height: 42px;
width: 164px;
background: none;
border-radius: 5px;
}
/* ---------------------------------- */
/* @TopNav */
#topNav {
padding: 10px 0;
top: 0;
left: 0;
background: #354c8d;
width: 100%;
position: static;
margin-top: -55px;
}
#topNav li {
float: none;
/*margin: 0 0 0 5px;*/
bottom: -22px;
/*bottom: -10px;*/
right: -70px;
}
#topNav li a {
display: block;
margin: 0;
margin-top: -11px;
/*margin-bottom: -40px;*/
}
div#topNav li:nth-child(4) {
margin-top: 4px;
}
div#topNav li:nth-child(5) {
/*margin-top: 2px;*/
margin-top: -20px !important;
left: 241px;
bottom: 17px;
z-index: 99;
}
div#topNav li:nth-child(1) {
/*margin-top: 2px;*/
bottom: -8px;
z-index: 30;
text-align: center !important;
padding: 0px 100px;
right: 24px;
}
div#topNav li:nth-child(7) {
/*margin-top: 2px;*/
width: 50px !important;
float: left !important;
bottom: 0px;
left: 146px;
}
div#topNav li:nth-child(6) {
margin-right: 0;
width: 50px;
left: 122px;
float: left;
bottom: -15px;
}
#topNav li:last-child {
margin-right: 0;
width: 50px;
left: 160px;
float: left;
bottom: -13px;
}
.usernamedevice {
display: none;
}
/* ---------------------------------- */
/* @Menu */
#topNav .menu {
display: none;
}
.menu-container.menu-type-topnav {
display: block !important;
position: static;
top: 0;
left: 0;
border: none;
border-bottom: 1px dotted #333;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.menu-dropdown.menu-type-topnav .menu-content ul {
width: 100%;
padding: 0;
margin: 0;
}
.menu-dropdown.menu-type-topnav .menu-content li {
padding-top: 0;
padding-bottom: 0;
border: none;
}
/* ---------------------------------- */
/* @QuickNav */
#quickNav {
top: 10px;
left: 160px;
}
/* ---------------------------------- */
/* @Sidar */
#sidebar {
width: 100%;
float: none;
position: static;
display: none;
}
#sidebar ul {
width: 100%;
}
/* ---------------------------------- */
/* @Mainnav */
#mainNav li.nav .subNav {
width: 100%;
margin-left: 0;
padding-left: 0;
left: 0;
}
#mainNav li.nav .subNav li {
position: relative;
margin-left: 35px;
width: auto;
}
#mainNav li.nav [class^="icon-"], #mainNav li.nav [class*=" icon-"] {
background-image: url(../images/sprite/sprite-12-black.png);
width: 12px;
height: 12px;
top: 12px;
}
#mainNav li.nav a {
width: 100%;
font-size: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
#mainNav li.nav.active {
background: none;
}
#mainNav li.nav.dropdown a {
padding-bottom: 6px;
}
#mainNav li.nav .subNav li a {
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#mainNav .dropdown .dropdownArrow {
top: 15px;
}
/* ---------------------------------- */
/* @Search */
#search {
width: 100%;
min-height: 0;
display: block;
display: none;
}
#search input {
width: 100%;
padding-top: 3px;
padding-bottom: 3px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* ---------------------------------- */
/* @Content */
#content {
position: static;
margin: 0;
}
/* .confirmmodalpopup {
position: absolute;
border: solid 5px Gray;
padding: 5px 20px 20px 20px;
border-radius: 10px;
z-index: 999999;
max-width: 50%;
max-height: 60%;
left: 0px !important;
}*/
.confirmmodalpopup {
position: absolute;
border: solid 5px Gray;
padding: 21px 5px 20px 5px;
border-radius: 10px;
z-index: 999999;
max-width: 99%;
max-height: 100%;
left: 0px !important;
}
fieldset {
padding: 0.35em 0.625em 0.75em;
margin: 0 2px;
border: 0px solid #c0c0c0 !important;
}
#contentHeader {
height: 50px;
top: auto;
}
#contentHeader h1 {
font-size: 15px;
font-weight: 600;
position: relative;
top: 10px;
padding-left: 0px;
left: 0px;
}
#content .container {
top: auto;
}
#footer {
background: #122455;
width: 100%;
color: #999;
text-align: right;
padding: 9px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0px;
height: 50px;
font-size: 11px;
}
/* ---------------------------------- */
/* @Tables */
.table thead th {
padding: 3px;
}
.table tbody td {
padding: 3px;
}
/* ---------------------------------- */
/* @Widgets */
.widget-table {
overflow: hidden;
}
.widget-table .dataTables_info {
display: none;
}
.widget-table .dataTables_paginate {
width: 97%;
}
.widget-table .dataTables_paginate .first, .widget-table .dataTables_paginate .last {
display: none;
}
.widget .tabs a {
font-size: 10px;
padding: 0 6px;
}
.widget-calendar .fc-header-right .fc-button.fc-state-default {
font-size: 10px;
padding: 0 4px;
}
/* ---------------------------------- */
/* @Forms */
.form .field-group .field {
display: block;
}
.form .field-group .field input, .form .field-group .field textarea, .form .field-group .field select {
width: 98%;
}
.form .control-group .field {
width: 100%;
display: block;
}
/* ---------------------------------- */
/* @Errors */
#error-wrapper h1 {
font-size: 84px;
margin-bottom: .75em;
}
.errbg {
padding: px 5px 2px 0px;
background-color: #FFFFD5; /* #FFFFC0; LemonChiffon #FFFFD5*/
color: Red;
width: 780px;
height: 18px;
}
/* ---------------------------------- */
/* @Dashboard */
.dashboard_report {
width: 46.24%;
margin: 0 1.5% 1em;
}
.dashboard_report:last-child {
margin-right: 1.5%;
}
h2.dashboard_title span {
display: block;
padding: 6px 0 0;
}
}
/****************** Liquid Layout ***********************/
ul {
margin: 0px;
padding: 0px;
clear: both;
display: block;
float: none;
list-style-type: none !important;
}
ul.fldset {
margin: 0px !important;
padding: 0px !important;
clear: both;
display: block;
float: none;
}
ul.fldset li {
padding: 5px 5px;
float: left;
display: inline;
width: 22%;
min-width: 150px;
min-height: 51px;
margin: 0px;
}
ul.fldset li span {
float: left;
}
ul.fldset input[type=text], .fldset select, ul.fldset input[type=password], ul.fldset textarea {
/*max-width: 180px;*/
display: inline-block;
float: none;
clear: both;
}
ul.fldset input[type=radio], ul.fldset input[type=checkbox] {
max-width: 150px;
display: block;
float: none;
clear: both;
}
.gvPagerCss span {
background-color: #066ECD;
font-size: 15px;
text-decoration: underline;
}
.gvPagerCss td {
padding-left: 5px;
padding-right: 5px;
}
.confirmmodalpopup {
position: absolute;
border: solid 5px Gray;
padding: 5px 20px 20px 20px;
border-radius: 10px;
z-index: 999999;
/*max-width: 50%;
max-height: 60%;*/
/*left: 0px !important;*/
}
.confirmmodalpopupBulk {
position: absolute;
border: solid 5px Gray;
padding: 5px 20px 20px 20px;
border-radius: 10px;
z-index: 999999;
max-width: 52%;
max-height: 60%;
}
.top-links-nav li {
color: #fff;
}
.modalpopup {
position: absolute;
border: solid 5px Gray;
padding: 5px 20px 20px 20px;
border-radius: 10px;
z-index: 999999;
}
.top-links-nav li {
color: #fff;
}
.gvHeader th {
line-height: 15px;
padding: 5px 3px;
background-color: #066ECD;
font-weight: bold;
color: #fff;
text-align: left;
}
.gvFooter {
background-color: #066ECD;
font-weight: bold;
color: #fff;
text-align: left;
}
.gvRow {
background-color: #EFF3FB;
font-weight: normal;
text-align: left;
}
.gvRow td {
line-height: 14px!important;
padding: 0px 3px;
}
.gvRow td span {
padding: 0px;
margin: 0px;
}
.gvEditRow {
background-color: #b4b4b4;
text-align: left;
}
.gvEditRowNoAlign {
background-color: #b4b4b4;
}
.gvSelectedRow {
background-color: #D1DDF1;
font-weight: bold;
color: #333;
text-align: left;
}
.gvSelectedRowNoAlign {
background-color: #D1DDF1;
font-weight: bold;
color: #333;
}
.gvPager {
background-color: #066ECD;
font-size: 12px;
text-decoration: none;
color: #fff!important;
font-size: 14px;
font-weight: bold;
}
.gvPager table {
margin: 0px auto;
}
.gvPager a {
color: #fff!important;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
}
.gvPager td {
padding-left: 5px;
padding-right: 5px;
}
.gvAltRow {
background-color: #fff;
text-align: left;
}
.gvAltRow td {
line-height: 14px!important;
padding: 0px 3px;
}
.gvAltRow td span {
padding: 0px;
margin: 0px;
}
.modalBackground {
background-color: Gray;
filter: alpha(opacity=80);
opacity: 0.8;
z-index: 10000;
}
.right-info {
font-weight: bold;
text-align: right;
}
ul.fldsetHeader {
margin: 0px !important;
padding: 0px !important;
clear: both;
display: block;
float: none;
}
ul.fldsetHeader li {
padding: 5px 5px;
float: left;
display: inline;
width: 22%;
min-width: 150px;
background-color: #ffffff;
margin: 0px;
}
ul.fldsetHeader li span {
float: left;
}
.confirmPopupHeader {
font-weight: bold;
text-align: left;
background-color: #f7f7f7;
}
.chartdiv {
padding: 5px 20px;
overflow: auto!important;
border: solid 1px #d5d5d5;
background-color: #fff;
display: block;
width: 930px;
margin-left: 25px;
margin-top: 20px;
}
/* tharani changes*/
.fieldset-auto-width {
display: inline-block;
}
/*Firefox Browser Script Busy Issue*/
.imageUploaderField input {
width: 100%!important;
}
@media (min-width: 1200px) {
.container {
width: auto!important;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 768px) {
.container {
width: auto!important;
}
}
fieldset {
padding: 0.35em 0.625em 0.75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
.mrgbtm20 {
margin-bottom: 20px;
}
.pdlft0 {
padding-left: 0px!important;
}
.mrgtp10 {
margin-top: 10px;
}
input[type=text], select, textarea {
/*width: 100%;*/
width: 59%;
padding: 5px!important;
border: 1px solid #ccc;
border-radius: 4px!important;
box-sizing: border-box;
resize: vertical;
margin-bottom: 15px!important;
}
.form-control {
width: 23%!important;
padding: 5px!important;
border: 1px solid #ccc;
border-radius: 4px!important;
box-sizing: border-box;
resize: vertical;
margin-bottom: 15px!important;
}
.pdlft30 {
padding-left: 30px!important;
}
.resetaddress {
margin: -18px 0px 0px 0px;
}
div#topNav li:nth-child(4) {
margin-top: 4px;
}
div#topNav li:nth-child(5) {
margin-top: 3px;
}
div#topNav li:nth-child(1) {
margin-top: 4px;
}
div#topNav li:nth-child(7) {
margin-top: 2px;
}
.mrgtp20 {
margin-top: 20px!important;
}
@media (min-width: 768px) and (max-width: 992px) {
.company-logo {
width: 131px;
/*height: 70px;*/
}
.confirmmodalpopup {
position: absolute;
border: solid 5px Gray;
padding: 5px 20px 20px 20px;
border-radius: 10px;
z-index: 999999;
max-width: 100%;
max-height: 100%;
/*left: 25% !important;
top: 6% !important;*/
left: 120px !important;
top: 135px !important;
}
/*.confirmmodalpopup {
left: 111px !important;
top: 135px !important;
}*/
.modalpopup {
position: absolute;
border: solid 5px Gray;
padding: 5px 20px 20px 20px;
border-radius: 10px;
z-index: 999999;
max-width: 100%;
max-height: 100%;
left: 120px !important;
top: 135px !important;
}
.notification {
/*position:absolute;
top: 6%;
left: 80%;
filter: alpha(opacity=150);
opacity: 1.5;
z-index: 999999;
background-color: #DCDCDC;
line-height: 30px;
color: Black;
text-align:left;
margin: 0px 0px 0px -232px;*/
position: absolute;
border: solid 5px Gray;
padding: 5px 20px 20px 20px;
border-radius: 10px;
z-index: 999999;
max-width: 100%;
max-height: 100%;
left: 120px !important;
top: 135px !important;
}
#header {
height: 47px;
z-index: 15;
}
#wrapper {
background: #354c8d;
overflow-x: hidden;
}
#header h1 {
/*background-image: url(../images/small.png);*/
width: 130px;
height: 57px;
top: -8px;
}
.#header #reveal-nav {
display: block;
top: 41px;
}
#sidebar.revealShow {
display: block;
margin-top: 19px;
}
.logo {
height: 42px;
width: 164px;
background: none;
border-radius: 5px;
}
/* ---------------------------------- */
/* @TopNav */
#topNav {
padding: 10px 0;
top: 0;
left: 0;
background: #354c8d;
width: 100%;
position: static;
margin-top: -55px;
}
#topNav li {
float: none;
/*margin: 0 0 0 5px;*/
bottom: -22px;
/*bottom: -10px;*/
}
#topNav li a {
display: block;
margin: 0;
margin-top: -11px;
/*margin-bottom: -40px;*/
}
div#topNav li:nth-child(4) {
margin-top: 4px;
padding-left: 446px;
}
div#topNav li:nth-child(5) {
/*margin-top: 2px;*/
margin-top: -20px !important;
left: 690px;
}
div#topNav li:nth-child(1) {
margin-top: 2px;
bottom: -8px;
z-index: 30;
/*text-align: center !important;*/
padding: 0px 50px;
text-align: right !important;
right: 340px;
}
div#topNav li:nth-child(7) {
margin-top: 2px;
width: 50px !important;
float: left !important;
bottom: 0px;
left: 594px;
}
div#topNav li:nth-child(6) {
width: 50px !important;
float: left !important;
bottom: 0px;
left: 50px;
}
#topNav li:last-child {
margin-right: 0;
width: 50px;
left: 610px;
float: left;
bottom: -13px;
}
.usernamedevice {
display: none;
}
/* ---------------------------------- */
/* @Menu */
#topNav .menu {
display: none;
}
.menu-container.menu-type-topnav {
display: block !important;
position: static;
top: 0;
left: 0;
border: none;
border-bottom: 1px dotted #333;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.menu-dropdown.menu-type-topnav .menu-content ul {
width: 100%;
padding: 0;
margin: 0;
}
.menu-dropdown.menu-type-topnav .menu-content li {
padding-top: 0;
padding-bottom: 0;
border: none;
}
#contentHeader h1 {
font-size: 18px;
font-weight: 600;
position: relative;
/*left: 0;*/
top: 10px;
padding-left: 0px;
left: 5px;
}
}
.btn-blue {
background: #2dd551;
color: #FFF;
border-color: #0561B4;
margin-right: 6px;
}
.btn-blue:hover {
background: #19a053!important;
color: #FFF;
border-color: #06b14f;
margin-right: 6px;
}
.btn-blue:active {
background: #19a053;
color: #FFF;
border-color: #06b14f;
margin-right: 6px;
} |