.ui-icon { display: block; text-indent: -99999px; overflow: hidden; width: 17px; height: 18px; background-repeat: no-repeat; }

.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }

.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }

.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }

.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }

.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }

.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }

.ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }

.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }

.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* CORE */
.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }

.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 { display: inline-block; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .ui-helper-clearfix { height: 1%; }

.ui-helper-clearfix { display: block; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

.ui-state-disabled { cursor: default !important; }

.ui-widget-overlay { background-color: rgba(0,0,0, 0.33); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-dialog { position: relative; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 1px; border-style: solid; border-color: black; background-color: #373737; background-image: url("/stylesheets/images/raven/dialog/bottom.png"); background-position: left bottom; background-repeat: repeat-x; }
.ui-dialog .ui-dialog-titlebar { text-align: center; position: relative; height: 29px !important; padding: 0; color: #000; background-repeat: repeat-x; background-color: black; background-image: url(/stylesheets/images/raven/dialog/title.png); -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; }
.ui-dialog .ui-dialog-title { font-size: 14px; font-weight: bold; font-family: Helvetica, Verdana, Arial, sans-serif; color: #fff; line-height: 29px !important; height: 29px !important; overflow: hidden; text-shadow: 0px -1px 0px #000; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; top: 5px; right: 5px; }
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { background-image: url(/stylesheets/images/common/closeWhite.png); }
.ui-dialog .ui-dialog-content { font-size: 12px; padding: 20px; color: white; }
.ui-dialog .ui-dialog-content p { margin: 20px 0px; font-weight: bold; }
.ui-dialog .ui-dialog-buttonpane { float: right; margin: 0px 30px 13px 0px; }
.ui-dialog .ui-dialog-buttonpane button { margin-left: 10px; }
.ui-dialog .ui-dialog-buttonpane button:first-child { margin-left: 0; }
.ui-dialog.confirm, .ui-dialog.info, .ui-dialog.error, .ui-dialog.confirmation { background-position: left bottom, 40px 50px; background-repeat: repeat-x, no-repeat; }
.ui-dialog.confirm .ui-dialog-content, .ui-dialog.info .ui-dialog-content, .ui-dialog.error .ui-dialog-content, .ui-dialog.confirmation .ui-dialog-content { margin-left: 150px; }
.ui-dialog.confirm { background-image: url("/stylesheets/images/raven/dialog/bottom.png"), url("/stylesheets/images/icons/warnings/alert.png"); }
.ui-dialog.info { background-image: url("/stylesheets/images/raven/dialog/bottom.png"), url("/stylesheets/images/icons/warnings/info.png"); }
.ui-dialog.error { background-image: url("/stylesheets/images/raven/dialog/bottom.png"), url("/stylesheets/images/icons/warnings/error.png"); }
.ui-dialog.confirmation { background-image: url("/stylesheets/images/raven/dialog/bottom.png"), url("/stylesheets/images/icons/warnings/confirmation.png"); }

/* UNIFORM */
.selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader * { margin: 0; padding: 0; }

div.selector, div.uploader, div.selector span, div.uploader span.action, div.checker span, div.radio span { background-image: url(/stylesheets/images/raven/uniform.png); background-repeat: no-repeat; font-size: 12px; display: inline-block; float: auto; }
div.selector { position: relative; padding-left: 10px; overflow: hidden; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
div.selector span { display: inline-block; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
div.selector select { position: absolute; opacity: 0; height: 25px; border: none; background: none; }
div.checker { position: relative; float: left; }
div.checker span { display: block; float: left; text-align: center; }
div.checker input { opacity: 0; display: inline-block; background: none; }
div.radio { position: relative; float: left; }
div.radio span { display: block; float: left; text-align: center; }
div.radio input { opacity: 0; text-align: center; display: inline-block; background: none; }
div.uploader { position: relative; float: left; overflow: hidden; }
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; }
div.uploader input { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 25px; border: none; }

/* UNIFORM */
div.selector { background-position: -483px -145px; line-height: 29px; height: 29px; }
div.selector span { background-position: right 0px; height: 29px; line-height: 29px; }
div.selector select { top: 0px; left: 0px; }
div.selector:active, div.selector.active { background-position: -483px -174px; }
div.selector:active span, div.selector.active span { background-position: right -29px; }
div.selector.focus, div.selector.hover, div.selector:hover { background-position: -483px -203px; }
div.selector.focus span, div.selector.hover span, div.selector:hover span { background-position: right -58px; }
div.selector.focus:active, div.selector.focus.active { background-position: -483px -232px; }
div.selector:hover:active, div.selector.active:hover { background-position: -483px -232px; }
div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span { background-position: right -87px; }
div.selector.disabled { background-position: -483px -261px; }
div.selector.disabled:active, div.selector.disabled.active { background-position: -483px -261px; }
div.selector.disabled span, div.selector.disabled:active span, div.selector.disabled.active span { background-position: right -116px; }
div.checker { width: 20px; height: 20px; }
div.checker input { width: 20px; height: 20px; }
div.checker span { background-position: 0px -290px; height: 20px; width: 20px; }
div.checker:active span, div.checker.active span { background-position: -20px -290px; }
div.checker.focus span, div.checker:hover span { background-position: -40px -290px; }
div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span { background-position: -60px -290px; }
div.checker span.checked { background-position: -80px -290px; }
div.checker:active span.checked, div.checker.active span.checked { background-position: -100px -290px; }
div.checker.focus span.checked, div.checker:hover span.checked { background-position: -120px -290px; }
div.checker.focus:active span.checked, div.checker:hover:active span.checked { background-position: -140px -290px; }
div.checker.active:hover span.checked, div.checker.active.focus span.checked { background-position: -140px -290px; }
div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span { background-position: -160px -290px; }
div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked { background-position: -180px -290px; }
div.radio { width: 20px; height: 20px; }
div.radio input { width: 20px; height: 20px; }
div.radio span { height: 20px; width: 20px; background-position: 0px -310px; }
div.radio:active span, div.radio.active span { background-position: -20px -310px; }
div.radio.focus span, div.radio:hover span { background-position: -40px -310px; }
div.radio.focus:active span, div.radio:active:hover span { background-position: -60px -310px; }
div.radio.active:hover span, div.radio.active.focus span { background-position: -60px -310px; }
div.radio span.checked { background-position: -80px -310px; }
div.radio:active span.checked, div.radio.active span.checked { background-position: -100px -310px; }
div.radio.focus span.checked, div.radio:hover span.checked { background-position: -120px -310px; }
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: -140px -310px; }
div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span { background-position: -160px -310px; }
div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked { background-position: -180px -310px; }
div.uploader { background-position: 0px -330px; height: 27px; }
div.uploader span.action { background-position: right -438px; height: 27px; line-height: 27px; }
div.uploader span.filename { height: 27px; margin: 2px 0px 2px 2px; line-height: 27px; }
div.uploader.focus, div.uploader.hover, div.uploader:hover { background-position: 0px -384px; }
div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action { background-position: right -465px; }
div.uploader.active span.action, div.uploader:active span.action { background-position: right -492px; }
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 -519px; }
div.uploader.disabled { background-position: 0px -357px; }
div.uploader.disabled span.action { background-position: right -411px; }
div.selector { width: 185px; }
div.selector select { width: 185px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; border: solid 1px #fff; }
div.selector span { padding: 0px 25px 0px 2px; cursor: pointer; color: #000; width: 158px; text-shadow: 0 1px 0 #fff; }
div.selector.disabled span { color: #bbb; }
div.checker, div.radio { margin-right: 10px; }
div.uploader { width: 190px; margin-bottom: 20px; cursor: pointer; }
div.uploader span.action { width: 85px; text-align: center; text-shadow: #fff 0px 1px 0px; background-color: #fff; }
div.uploader span.filename { color: #777; width: 82px; border-right: solid 1px #bbb; font-size: 90%; }
div.uploader input { width: 190px; }
div.uploader.disabled span.action { color: #aaa; }
div.uploader.disabled span.filename { border-color: #ddd; color: #aaa; }

.icon { position: relative; z-index: 0; }
.icon.large { width: 150px; height: 150px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color: transparent; background-repeat: no-repeat; }
.icon.large .glossy { background-image: url(http://tools.w3clubs.com/mask/mask.php?x=150); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.icon.large .image { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.icon.large .glow { top: -73px; left: -73px; background-color: transparent; background-image: url(/stylesheets/images/common/glow_150.png); background-repeat: no-repeat; background-position: 0 0; }
.icon.large.shadow { -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.6); box-shadow: 0 5px 18px rgba(0, 0, 0, 0.6); }
.icon.medium { width: 100px; height: 100px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: transparent; background-repeat: no-repeat; }
.icon.medium .glossy { background-image: url(http://tools.w3clubs.com/mask/mask.php?x=100); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.icon.medium .image { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.icon.medium .glow { top: -30px; left: -30px; background-color: transparent; background-image: url(/stylesheets/images/common/glow_100.png); background-repeat: no-repeat; background-position: 0 0; }
.icon.medium.shadow { -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.6); box-shadow: 0 5px 12px rgba(0, 0, 0, 0.6); }
.icon.small { width: 32px; height: 32px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: transparent; background-repeat: no-repeat; }
.icon.small .glossy { background-image: url(http://tools.w3clubs.com/mask/mask.php?x=32); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.icon.small .image { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.icon.small .glow { top: -8px; left: -8px; background-color: transparent; background-image: url(/stylesheets/images/common/glow_32.png); background-repeat: no-repeat; background-position: 0 0; }
.icon.small.shadow { -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.6); box-shadow: 0 5px 6px rgba(0, 0, 0, 0.6); }
.icon .glow { z-index: -2; }
.icon .glossy, .icon .image { top: 0; left: 0; margin: 0; position: absolute; width: 100%; height: 100%; background-color: transparent; background-repeat: no-repeat; }
.icon .glow { position: absolute; width: 296px; height: 296px; opacity: .5; }

.glossy { background-color: #242424; }

.progressbar_container { text-align: center; }

.ui-progressbar { background-image: url("/stylesheets/images/common/progressbar/bg.png"); display: inline-block; height: 0.9em; }
.ui-progressbar .ui-progressbar-value { background-image: url("/stylesheets/images/common/progressbar/value.png"); height: 0.9em; z-index: 2; }
.ui-progressbar.active .ui-progressbar-value { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* Carbon */
button.carbon, input.button.carbon, a.button.carbon { cursor: pointer; height: 26px; line-height: 26px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; padding: 0 12px 0 12px; vertical-align: middle; text-indent: 0; text-decoration: none; text-align: center; text-overflow: ellipsis !important; text-shadow: 0 -1px 1px #000; display: inline-block; overflow: hidden; background-color: transparent; background-image: url(/stylesheets/images/common/buttons_sprite.png); background-repeat: repeat-x; background-position: 0 0px; color: #fff; white-space: nowrap; font-weight: normal; font-size: 12px; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); }
button.carbon::selection, input.button.carbon::selection, a.button.carbon::selection { background: transparent; outline: none; }
button.carbon:active, input.button.carbon:active, a.button.carbon:active { background-position: 0 -26px !important; outline: none; }
button.carbon:focus, input.button.carbon:focus, a.button.carbon:focus { outline: none; }
button.carbon::-moz-focus-inner, input.button.carbon::-moz-focus-inner, a.button.carbon::-moz-focus-inner { border: none; padding: 0; outline: none; }
button.carbon:hover, button.carbon.current, input.button.carbon:hover, input.button.carbon.current, a.button.carbon:hover, a.button.carbon.current { background-position: 0 -52px; outline: none; }
button.carbon:disabled, button.carbon.disabled, input.button.carbon:disabled, input.button.carbon.disabled, a.button.carbon:disabled, a.button.carbon.disabled { opacity: .4; }
button.carbon:disabled:hover, button.carbon:disabled.current, button.carbon.disabled:hover, button.carbon.disabled.current, input.button.carbon:disabled:hover, input.button.carbon:disabled.current, input.button.carbon.disabled:hover, input.button.carbon.disabled.current, a.button.carbon:disabled:hover, a.button.carbon:disabled.current, a.button.carbon.disabled:hover, a.button.carbon.disabled.current { background-position: 0 0px; }
button.carbon.back, input.button.carbon.back, a.button.carbon.back { padding-left: 20px; height: 28px; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_back.png); background-repeat: no-repeat; background-position: 0 0px; width: 106px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; }
button.carbon.back:hover, button.carbon.back.current, input.button.carbon.back:hover, input.button.carbon.back.current, a.button.carbon.back:hover, a.button.carbon.back.current { background-position: 0 -58px; }
button.carbon.back:active, input.button.carbon.back:active, a.button.carbon.back:active { background-position: 0 -29px !important; }
button.carbon.back.action, input.button.carbon.back.action, a.button.carbon.back.action { background-position: 0 -87px; }
button.carbon.back.action:active, input.button.carbon.back.action:active, a.button.carbon.back.action:active { background-position: 0 -116px !important; }
button.carbon.back.action:hover, input.button.carbon.back.action:hover, a.button.carbon.back.action:hover { background-position: 0 -145px; }
button.carbon.next, input.button.carbon.next, a.button.carbon.next { padding-right: 20px; height: 28px; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_next.png); background-repeat: no-repeat; background-position: 0 0px; width: 106px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; }
button.carbon.next:hover, button.carbon.next.current, input.button.carbon.next:hover, input.button.carbon.next.current, a.button.carbon.next:hover, a.button.carbon.next.current { background-position: 0 -58px; }
button.carbon.next:active, input.button.carbon.next:active, a.button.carbon.next:active { background-position: 0 -29px !important; }
button.carbon.next.action, input.button.carbon.next.action, a.button.carbon.next.action { background-position: 0 -87px; }
button.carbon.next.action:active, input.button.carbon.next.action:active, a.button.carbon.next.action:active { background-position: 0 -116px !important; }
button.carbon.next.action:hover, input.button.carbon.next.action:hover, a.button.carbon.next.action:hover { background-position: 0 -145px; }
button.carbon img, input.button.carbon img, a.button.carbon img { display: inline-block; vertical-align: text-bottom; height: 16px; width: 16px; clear: both; }
button.carbon strong, input.button.carbon strong, a.button.carbon strong { font-weight: bold; }
button.carbon.action, input.button.carbon.action, a.button.carbon.action { background-position: 0 -78px; }
button.carbon.action:active, input.button.carbon.action:active, a.button.carbon.action:active { background-position: 0 -104px !important; }
button.carbon.action:hover, input.button.carbon.action:hover, a.button.carbon.action:hover { background-position: 0 -130px; }
button.carbon.small, input.button.carbon.small, a.button.carbon.small { height: 22px; line-height: 22px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_small.png); background-repeat: repeat-x; background-position: 0 0px; }
button.carbon.small:hover, button.carbon.small.current, input.button.carbon.small:hover, input.button.carbon.small.current, a.button.carbon.small:hover, a.button.carbon.small.current { background-position: 0 -44px; }
button.carbon.small:active, input.button.carbon.small:active, a.button.carbon.small:active { background-position: 0 -22px !important; }
button.carbon.small.action, input.button.carbon.small.action, a.button.carbon.small.action { background-position: 0 -66px; }
button.carbon.small.action:active, input.button.carbon.small.action:active, a.button.carbon.small.action:active { background-position: 0 -88px !important; }
button.carbon.small.action:hover, input.button.carbon.small.action:hover, a.button.carbon.small.action:hover { background-position: 0 -110px; }
button.carbon.large, input.button.carbon.large, a.button.carbon.large { height: 37px; line-height: 37px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_large.png); background-repeat: repeat-x; background-position: 0 0px; }
button.carbon.large:hover, button.carbon.large.current, input.button.carbon.large:hover, input.button.carbon.large.current, a.button.carbon.large:hover, a.button.carbon.large.current { background-position: 0 -74px; }
button.carbon.large:active, input.button.carbon.large:active, a.button.carbon.large:active { background-position: 0 -37px !important; }
button.carbon.large.action, input.button.carbon.large.action, a.button.carbon.large.action { background-position: 0 -111px; }
button.carbon.large.action:active, input.button.carbon.large.action:active, a.button.carbon.large.action:active { background-position: 0 -148px !important; }
button.carbon.large.action:hover, input.button.carbon.large.action:hover, a.button.carbon.large.action:hover { background-position: 0 -185px; }
button.carbon.sheer, input.button.carbon.sheer, a.button.carbon.sheer { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image: none; }
button.carbon.sheer:hover, input.button.carbon.sheer:hover, a.button.carbon.sheer:hover { background-image: none; }
button.carbon.sheer.current, input.button.carbon.sheer.current, a.button.carbon.sheer.current { background-image: url(/stylesheets/images/common/buttons_sprite.png); background-position: 0 0px; color: #fff; }

/* ButtonGroup */
span.buttongroup { display: inline-block; height: 16px; }
span.buttongroup button, span.buttongroup a.button { width: 100px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; float: left; }
span.buttongroup button::-moz-focus-inner, span.buttongroup a.button::-moz-focus-inner { border: none; padding: 0 7px 0 7px; }
span.buttongroup button:nth-child(n+2), span.buttongroup a.button:nth-child(n+2) { border-left: none; }
span.buttongroup button:first-child, span.buttongroup a.button:first-child { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
span.buttongroup button:last-child, span.buttongroup a.button:last-child { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }

span.switch.carbon { border: 1px solid #000; display: inline-block; height: 26px; line-height: 26px; width: 100px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; padding-left: 20px; text-shadow: 0 1px 1px #000; text-align: left; background-image: url("/stylesheets/images/common/switchSprites.png"); background-repeat: x-repeat; background-position: 0px 0px; }
span.switch.carbon button { position: absolute; border-width: 0 0 0 0.001em; width: 60px; z-index: 1; top: 0; left: 60px; }
span.switch.carbon.off { text-align: right; padding-right: 20px; width: 80px; background-position: 0px -130px; }
span.switch.carbon.off button { border-width: 0 0.001em 0 0; left: 0px; }

/* Ice */
button.ice, input.button.ice, a.button.ice { cursor: pointer; height: 26px; line-height: 26px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; padding: 0 12px 0 12px; vertical-align: middle; text-indent: 0; text-decoration: none; text-align: center; text-overflow: ellipsis !important; text-shadow: 0 1px 1px #fff; display: inline-block; overflow: hidden; background-color: transparent; background-image: url(/stylesheets/images/common/buttons_sprite.png); background-repeat: repeat-x; background-position: 0 -156px; color: #000; white-space: nowrap; font-weight: normal; font-size: 12px; border: 1px solid #858e97; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
button.ice::selection, input.button.ice::selection, a.button.ice::selection { background: transparent; outline: none; }
button.ice:active, input.button.ice:active, a.button.ice:active { background-position: 0 -182px !important; outline: none; }
button.ice:focus, input.button.ice:focus, a.button.ice:focus { outline: none; }
button.ice::-moz-focus-inner, input.button.ice::-moz-focus-inner, a.button.ice::-moz-focus-inner { border: none; padding: 0; outline: none; }
button.ice:hover, button.ice.current, input.button.ice:hover, input.button.ice.current, a.button.ice:hover, a.button.ice.current { background-position: 0 -208px; outline: none; }
button.ice:disabled, button.ice.disabled, input.button.ice:disabled, input.button.ice.disabled, a.button.ice:disabled, a.button.ice.disabled { opacity: .4; }
button.ice:disabled:hover, button.ice:disabled.current, button.ice.disabled:hover, button.ice.disabled.current, input.button.ice:disabled:hover, input.button.ice:disabled.current, input.button.ice.disabled:hover, input.button.ice.disabled.current, a.button.ice:disabled:hover, a.button.ice:disabled.current, a.button.ice.disabled:hover, a.button.ice.disabled.current { background-position: 0 -156px; }
button.ice.back, input.button.ice.back, a.button.ice.back { padding-left: 20px; height: 28px; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_back.png); background-repeat: no-repeat; background-position: 0 -173px; width: 106px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; }
button.ice.back:hover, button.ice.back.current, input.button.ice.back:hover, input.button.ice.back.current, a.button.ice.back:hover, a.button.ice.back.current { background-position: 0 -231px; }
button.ice.back:active, input.button.ice.back:active, a.button.ice.back:active { background-position: 0 -202px !important; }
button.ice.back.action, input.button.ice.back.action, a.button.ice.back.action { background-position: 0 -260px; }
button.ice.back.action:active, input.button.ice.back.action:active, a.button.ice.back.action:active { background-position: 0 -289px !important; }
button.ice.back.action:hover, input.button.ice.back.action:hover, a.button.ice.back.action:hover { background-position: 0 -318px; }
button.ice.next, input.button.ice.next, a.button.ice.next { padding-right: 20px; height: 28px; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_next.png); background-repeat: no-repeat; background-position: 0 -173px; width: 106px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; }
button.ice.next:hover, button.ice.next.current, input.button.ice.next:hover, input.button.ice.next.current, a.button.ice.next:hover, a.button.ice.next.current { background-position: 0 -231px; }
button.ice.next:active, input.button.ice.next:active, a.button.ice.next:active { background-position: 0 -202px !important; }
button.ice.next.action, input.button.ice.next.action, a.button.ice.next.action { background-position: 0 -260px; }
button.ice.next.action:active, input.button.ice.next.action:active, a.button.ice.next.action:active { background-position: 0 -289px !important; }
button.ice.next.action:hover, input.button.ice.next.action:hover, a.button.ice.next.action:hover { background-position: 0 -318px; }
button.ice img, input.button.ice img, a.button.ice img { display: inline-block; vertical-align: text-bottom; height: 16px; width: 16px; clear: both; }
button.ice strong, input.button.ice strong, a.button.ice strong { font-weight: bold; }
button.ice.action, input.button.ice.action, a.button.ice.action { background-position: 0 -234px; }
button.ice.action:active, input.button.ice.action:active, a.button.ice.action:active { background-position: 0 -260px !important; }
button.ice.action:hover, input.button.ice.action:hover, a.button.ice.action:hover { background-position: 0 -286px; }
button.ice.small, input.button.ice.small, a.button.ice.small { height: 22px; line-height: 22px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_small.png); background-repeat: repeat-x; background-position: 0 -132px; }
button.ice.small:hover, button.ice.small.current, input.button.ice.small:hover, input.button.ice.small.current, a.button.ice.small:hover, a.button.ice.small.current { background-position: 0 -176px; }
button.ice.small:active, input.button.ice.small:active, a.button.ice.small:active { background-position: 0 -154px !important; }
button.ice.small.action, input.button.ice.small.action, a.button.ice.small.action { background-position: 0 -198px; }
button.ice.small.action:active, input.button.ice.small.action:active, a.button.ice.small.action:active { background-position: 0 -220px !important; }
button.ice.small.action:hover, input.button.ice.small.action:hover, a.button.ice.small.action:hover { background-position: 0 -242px; }
button.ice.large, input.button.ice.large, a.button.ice.large { height: 37px; line-height: 37px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_large.png); background-repeat: repeat-x; background-position: 0 -222px; }
button.ice.large:hover, button.ice.large.current, input.button.ice.large:hover, input.button.ice.large.current, a.button.ice.large:hover, a.button.ice.large.current { background-position: 0 -296px; }
button.ice.large:active, input.button.ice.large:active, a.button.ice.large:active { background-position: 0 -259px !important; }
button.ice.large.action, input.button.ice.large.action, a.button.ice.large.action { background-position: 0 -333px; }
button.ice.large.action:active, input.button.ice.large.action:active, a.button.ice.large.action:active { background-position: 0 -370px !important; }
button.ice.large.action:hover, input.button.ice.large.action:hover, a.button.ice.large.action:hover { background-position: 0 -407px; }
button.ice.sheer, input.button.ice.sheer, a.button.ice.sheer { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image: none; }
button.ice.sheer:hover, input.button.ice.sheer:hover, a.button.ice.sheer:hover { background-image: none; }
button.ice.sheer.current, input.button.ice.sheer.current, a.button.ice.sheer.current { background-image: url(/stylesheets/images/common/buttons_sprite.png); background-position: 0 -156px; color: #000; }

/* ButtonGroup */
span.buttongroup { display: inline-block; height: 16px; }
span.buttongroup button, span.buttongroup a.button { width: 100px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; float: left; }
span.buttongroup button::-moz-focus-inner, span.buttongroup a.button::-moz-focus-inner { border: none; padding: 0 7px 0 7px; }
span.buttongroup button:nth-child(n+2), span.buttongroup a.button:nth-child(n+2) { border-left: none; }
span.buttongroup button:first-child, span.buttongroup a.button:first-child { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
span.buttongroup button:last-child, span.buttongroup a.button:last-child { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }

span.switch.ice { border: 1px solid #858e97; display: inline-block; height: 26px; line-height: 26px; width: 100px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #000; padding-left: 20px; text-shadow: 0 1px 1px #fff; text-align: left; background-image: url("/stylesheets/images/common/switchSprites.png"); background-repeat: x-repeat; background-position: 0px -78px; }
span.switch.ice button { position: absolute; border-width: 0 0 0 0.001em; width: 60px; z-index: 1; top: 0; left: 60px; }
span.switch.ice.off { text-align: right; padding-right: 20px; width: 80px; background-position: 0px -52px; }
span.switch.ice.off button { border-width: 0 0.001em 0 0; left: 0px; }

/* Raven */
button, input.button, a.button, button.raven, input.button.raven, a.button.raven { cursor: pointer; height: 26px; line-height: 26px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; padding: 0 12px 0 12px; vertical-align: middle; text-indent: 0; text-decoration: none; text-align: center; text-overflow: ellipsis !important; text-shadow: 0 1px 1px #fff; display: inline-block; overflow: hidden; background-color: transparent; background-image: url(/stylesheets/images/common/buttons_sprite.png); background-repeat: repeat-x; background-position: 0 -312px; color: #000; white-space: nowrap; font-weight: normal; font-size: 12px; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); }
button::selection, input.button::selection, a.button::selection, button.raven::selection, input.button.raven::selection, a.button.raven::selection { background: transparent; outline: none; }
button:active, input.button:active, a.button:active, button.raven:active, input.button.raven:active, a.button.raven:active { background-position: 0 -338px !important; outline: none; }
button:focus, input.button:focus, a.button:focus, button.raven:focus, input.button.raven:focus, a.button.raven:focus { outline: none; }
button::-moz-focus-inner, input.button::-moz-focus-inner, a.button::-moz-focus-inner, button.raven::-moz-focus-inner, input.button.raven::-moz-focus-inner, a.button.raven::-moz-focus-inner { border: none; padding: 0; outline: none; }
button:hover, button.current, input.button:hover, input.button.current, a.button:hover, a.button.current, button.raven:hover, button.raven.current, input.button.raven:hover, input.button.raven.current, a.button.raven:hover, a.button.raven.current { background-position: 0 -364px; outline: none; }
button:disabled, button.disabled, input.button:disabled, input.button.disabled, a.button:disabled, a.button.disabled, button.raven:disabled, button.raven.disabled, input.button.raven:disabled, input.button.raven.disabled, a.button.raven:disabled, a.button.raven.disabled { opacity: .4; }
button:disabled:hover, button:disabled.current, button.disabled:hover, button.disabled.current, input.button:disabled:hover, input.button:disabled.current, input.button.disabled:hover, input.button.disabled.current, a.button:disabled:hover, a.button:disabled.current, a.button.disabled:hover, a.button.disabled.current, button.raven:disabled:hover, button.raven:disabled.current, button.raven.disabled:hover, button.raven.disabled.current, input.button.raven:disabled:hover, input.button.raven:disabled.current, input.button.raven.disabled:hover, input.button.raven.disabled.current, a.button.raven:disabled:hover, a.button.raven:disabled.current, a.button.raven.disabled:hover, a.button.raven.disabled.current { background-position: 0 -312px; }
button.back, input.button.back, a.button.back, button.raven.back, input.button.raven.back, a.button.raven.back { padding-left: 20px; height: 28px; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_back.png); background-repeat: no-repeat; background-position: 0 -347px; width: 106px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; }
button.back:hover, button.back.current, input.button.back:hover, input.button.back.current, a.button.back:hover, a.button.back.current, button.raven.back:hover, button.raven.back.current, input.button.raven.back:hover, input.button.raven.back.current, a.button.raven.back:hover, a.button.raven.back.current { background-position: 0 -405px; }
button.back:active, input.button.back:active, a.button.back:active, button.raven.back:active, input.button.raven.back:active, a.button.raven.back:active { background-position: 0 -376px !important; }
button.back.action, input.button.back.action, a.button.back.action, button.raven.back.action, input.button.raven.back.action, a.button.raven.back.action { background-position: 0 -434px; }
button.back.action:active, input.button.back.action:active, a.button.back.action:active, button.raven.back.action:active, input.button.raven.back.action:active, a.button.raven.back.action:active { background-position: 0 -463px !important; }
button.back.action:hover, input.button.back.action:hover, a.button.back.action:hover, button.raven.back.action:hover, input.button.raven.back.action:hover, a.button.raven.back.action:hover { background-position: 0 -492px; }
button.next, input.button.next, a.button.next, button.raven.next, input.button.raven.next, a.button.raven.next { padding-right: 20px; height: 28px; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_next.png); background-repeat: no-repeat; background-position: 0 -347px; width: 106px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; }
button.next:hover, button.next.current, input.button.next:hover, input.button.next.current, a.button.next:hover, a.button.next.current, button.raven.next:hover, button.raven.next.current, input.button.raven.next:hover, input.button.raven.next.current, a.button.raven.next:hover, a.button.raven.next.current { background-position: 0 -405px; }
button.next:active, input.button.next:active, a.button.next:active, button.raven.next:active, input.button.raven.next:active, a.button.raven.next:active { background-position: 0 -376px !important; }
button.next.action, input.button.next.action, a.button.next.action, button.raven.next.action, input.button.raven.next.action, a.button.raven.next.action { background-position: 0 -434px; }
button.next.action:active, input.button.next.action:active, a.button.next.action:active, button.raven.next.action:active, input.button.raven.next.action:active, a.button.raven.next.action:active { background-position: 0 -463px !important; }
button.next.action:hover, input.button.next.action:hover, a.button.next.action:hover, button.raven.next.action:hover, input.button.raven.next.action:hover, a.button.raven.next.action:hover { background-position: 0 -492px; }
button img, input.button img, a.button img, button.raven img, input.button.raven img, a.button.raven img { display: inline-block; vertical-align: text-bottom; height: 16px; width: 16px; clear: both; }
button strong, input.button strong, a.button strong, button.raven strong, input.button.raven strong, a.button.raven strong { font-weight: bold; }
button.action, input.button.action, a.button.action, button.raven.action, input.button.raven.action, a.button.raven.action { background-position: 0 -390px; }
button.action:active, input.button.action:active, a.button.action:active, button.raven.action:active, input.button.raven.action:active, a.button.raven.action:active { background-position: 0 -416px !important; }
button.action:hover, input.button.action:hover, a.button.action:hover, button.raven.action:hover, input.button.raven.action:hover, a.button.raven.action:hover { background-position: 0 -442px; }
button.small, input.button.small, a.button.small, button.raven.small, input.button.raven.small, a.button.raven.small { height: 22px; line-height: 22px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_small.png); background-repeat: repeat-x; background-position: 0 -264px; }
button.small:hover, button.small.current, input.button.small:hover, input.button.small.current, a.button.small:hover, a.button.small.current, button.raven.small:hover, button.raven.small.current, input.button.raven.small:hover, input.button.raven.small.current, a.button.raven.small:hover, a.button.raven.small.current { background-position: 0 -308px; }
button.small:active, input.button.small:active, a.button.small:active, button.raven.small:active, input.button.raven.small:active, a.button.raven.small:active { background-position: 0 -286px !important; }
button.small.action, input.button.small.action, a.button.small.action, button.raven.small.action, input.button.raven.small.action, a.button.raven.small.action { background-position: 0 -330px; }
button.small.action:active, input.button.small.action:active, a.button.small.action:active, button.raven.small.action:active, input.button.raven.small.action:active, a.button.raven.small.action:active { background-position: 0 -352px !important; }
button.small.action:hover, input.button.small.action:hover, a.button.small.action:hover, button.raven.small.action:hover, input.button.raven.small.action:hover, a.button.raven.small.action:hover { background-position: 0 -374px; }
button.large, input.button.large, a.button.large, button.raven.large, input.button.raven.large, a.button.raven.large { height: 37px; line-height: 37px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_large.png); background-repeat: repeat-x; background-position: 0 -444px; }
button.large:hover, button.large.current, input.button.large:hover, input.button.large.current, a.button.large:hover, a.button.large.current, button.raven.large:hover, button.raven.large.current, input.button.raven.large:hover, input.button.raven.large.current, a.button.raven.large:hover, a.button.raven.large.current { background-position: 0 -518px; }
button.large:active, input.button.large:active, a.button.large:active, button.raven.large:active, input.button.raven.large:active, a.button.raven.large:active { background-position: 0 -481px !important; }
button.large.action, input.button.large.action, a.button.large.action, button.raven.large.action, input.button.raven.large.action, a.button.raven.large.action { background-position: 0 -555px; }
button.large.action:active, input.button.large.action:active, a.button.large.action:active, button.raven.large.action:active, input.button.raven.large.action:active, a.button.raven.large.action:active { background-position: 0 -592px !important; }
button.large.action:hover, input.button.large.action:hover, a.button.large.action:hover, button.raven.large.action:hover, input.button.raven.large.action:hover, a.button.raven.large.action:hover { background-position: 0 -629px; }
button.sheer, input.button.sheer, a.button.sheer, button.raven.sheer, input.button.raven.sheer, a.button.raven.sheer { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image: none; }
button.sheer:hover, input.button.sheer:hover, a.button.sheer:hover, button.raven.sheer:hover, input.button.raven.sheer:hover, a.button.raven.sheer:hover { background-image: none; }
button.sheer.current, input.button.sheer.current, a.button.sheer.current, button.raven.sheer.current, input.button.raven.sheer.current, a.button.raven.sheer.current { background-image: url(/stylesheets/images/common/buttons_sprite.png); background-position: 0 -312px; color: #000; }

/* ButtonGroup */
span.buttongroup { display: inline-block; height: 16px; }
span.buttongroup button, span.buttongroup a.button { width: 100px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; float: left; }
span.buttongroup button::-moz-focus-inner, span.buttongroup a.button::-moz-focus-inner { border: none; padding: 0 7px 0 7px; }
span.buttongroup button:nth-child(n+2), span.buttongroup a.button:nth-child(n+2) { border-left: none; }
span.buttongroup button:first-child, span.buttongroup a.button:first-child { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
span.buttongroup button:last-child, span.buttongroup a.button:last-child { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }

span.switch { border: 1px solid #000; display: inline-block; height: 26px; line-height: 26px; width: 100px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; padding-left: 20px; text-shadow: 0 1px 1px #000; text-align: left; background-image: url("/stylesheets/images/common/switchSprites.png"); background-repeat: x-repeat; background-position: 0px -104px; }
span.switch button { position: absolute; border-width: 0 0 0 0.001em; width: 60px; z-index: 1; top: 0; left: 60px; }
span.switch.off { text-align: right; padding-right: 20px; width: 80px; background-position: 0px -26px; }
span.switch.off button { border-width: 0 0.001em 0 0; left: 0px; }

/* Special */
button.special, input.button.special, a.button.special { cursor: pointer; height: 26px; line-height: 26px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; padding: 0 12px 0 12px; vertical-align: middle; text-indent: 0; text-decoration: none; text-align: center; text-overflow: ellipsis !important; text-shadow: 0 -1px 1px #000; display: inline-block; overflow: hidden; background-color: transparent; background-image: url(/stylesheets/images/common/buttons_sprite.png); background-repeat: repeat-x; background-position: 0 -468px; color: #fff; white-space: nowrap; font-weight: normal; font-size: 12px; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); }
button.special::selection, input.button.special::selection, a.button.special::selection { background: transparent; outline: none; }
button.special:active, input.button.special:active, a.button.special:active { background-position: 0 -494px !important; outline: none; }
button.special:focus, input.button.special:focus, a.button.special:focus { outline: none; }
button.special::-moz-focus-inner, input.button.special::-moz-focus-inner, a.button.special::-moz-focus-inner { border: none; padding: 0; outline: none; }
button.special:hover, button.special.current, input.button.special:hover, input.button.special.current, a.button.special:hover, a.button.special.current { background-position: 0 -520px; outline: none; }
button.special:disabled, button.special.disabled, input.button.special:disabled, input.button.special.disabled, a.button.special:disabled, a.button.special.disabled { opacity: .4; }
button.special:disabled:hover, button.special:disabled.current, button.special.disabled:hover, button.special.disabled.current, input.button.special:disabled:hover, input.button.special:disabled.current, input.button.special.disabled:hover, input.button.special.disabled.current, a.button.special:disabled:hover, a.button.special:disabled.current, a.button.special.disabled:hover, a.button.special.disabled.current { background-position: 0 -468px; }
button.special.back, input.button.special.back, a.button.special.back { padding-left: 20px; height: 28px; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_back.png); background-repeat: no-repeat; background-position: 0 -521px; width: 106px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; }
button.special.back:hover, button.special.back.current, input.button.special.back:hover, input.button.special.back.current, a.button.special.back:hover, a.button.special.back.current { background-position: 0 -579px; }
button.special.back:active, input.button.special.back:active, a.button.special.back:active { background-position: 0 -550px !important; }
button.special.back.action, input.button.special.back.action, a.button.special.back.action { background-position: 0 -608px; }
button.special.back.action:active, input.button.special.back.action:active, a.button.special.back.action:active { background-position: 0 -637px !important; }
button.special.back.action:hover, input.button.special.back.action:hover, a.button.special.back.action:hover { background-position: 0 -666px; }
button.special.next, input.button.special.next, a.button.special.next { padding-right: 20px; height: 28px; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_next.png); background-repeat: no-repeat; background-position: 0 -521px; width: 106px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; }
button.special.next:hover, button.special.next.current, input.button.special.next:hover, input.button.special.next.current, a.button.special.next:hover, a.button.special.next.current { background-position: 0 -579px; }
button.special.next:active, input.button.special.next:active, a.button.special.next:active { background-position: 0 -550px !important; }
button.special.next.action, input.button.special.next.action, a.button.special.next.action { background-position: 0 -608px; }
button.special.next.action:active, input.button.special.next.action:active, a.button.special.next.action:active { background-position: 0 -637px !important; }
button.special.next.action:hover, input.button.special.next.action:hover, a.button.special.next.action:hover { background-position: 0 -666px; }
button.special img, input.button.special img, a.button.special img { display: inline-block; vertical-align: text-bottom; height: 16px; width: 16px; clear: both; }
button.special strong, input.button.special strong, a.button.special strong { font-weight: bold; }
button.special.action, input.button.special.action, a.button.special.action { background-position: 0 -546px; }
button.special.action:active, input.button.special.action:active, a.button.special.action:active { background-position: 0 -572px !important; }
button.special.action:hover, input.button.special.action:hover, a.button.special.action:hover { background-position: 0 -598px; }
button.special.small, input.button.special.small, a.button.special.small { height: 22px; line-height: 22px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_small.png); background-repeat: repeat-x; background-position: 0 -396px; }
button.special.small:hover, button.special.small.current, input.button.special.small:hover, input.button.special.small.current, a.button.special.small:hover, a.button.special.small.current { background-position: 0 -440px; }
button.special.small:active, input.button.special.small:active, a.button.special.small:active { background-position: 0 -418px !important; }
button.special.small.action, input.button.special.small.action, a.button.special.small.action { background-position: 0 -462px; }
button.special.small.action:active, input.button.special.small.action:active, a.button.special.small.action:active { background-position: 0 -484px !important; }
button.special.small.action:hover, input.button.special.small.action:hover, a.button.special.small.action:hover { background-position: 0 -506px; }
button.special.large, input.button.special.large, a.button.special.large { height: 37px; line-height: 37px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(/stylesheets/images/common/buttons_sprite_large.png); background-repeat: repeat-x; background-position: 0 -666px; }
button.special.large:hover, button.special.large.current, input.button.special.large:hover, input.button.special.large.current, a.button.special.large:hover, a.button.special.large.current { background-position: 0 -740px; }
button.special.large:active, input.button.special.large:active, a.button.special.large:active { background-position: 0 -703px !important; }
button.special.large.action, input.button.special.large.action, a.button.special.large.action { background-position: 0 -777px; }
button.special.large.action:active, input.button.special.large.action:active, a.button.special.large.action:active { background-position: 0 -814px !important; }
button.special.large.action:hover, input.button.special.large.action:hover, a.button.special.large.action:hover { background-position: 0 -851px; }
button.special.sheer, input.button.special.sheer, a.button.special.sheer { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image: none; }
button.special.sheer:hover, input.button.special.sheer:hover, a.button.special.sheer:hover { background-image: none; }
button.special.sheer.current, input.button.special.sheer.current, a.button.special.sheer.current { background-image: url(/stylesheets/images/common/buttons_sprite.png); background-position: 0 -468px; color: #fff; }

/* ButtonGroup */
span.buttongroup { display: inline-block; height: 16px; }
span.buttongroup button, span.buttongroup a.button { width: 100px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; float: left; }
span.buttongroup button::-moz-focus-inner, span.buttongroup a.button::-moz-focus-inner { border: none; padding: 0 7px 0 7px; }
span.buttongroup button:nth-child(n+2), span.buttongroup a.button:nth-child(n+2) { border-left: none; }
span.buttongroup button:first-child, span.buttongroup a.button:first-child { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
span.buttongroup button:last-child, span.buttongroup a.button:last-child { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }

span.badge { display: inline-block; background-image: url("/stylesheets/images/common/badgeSprite.png"); background-position: 0px -86px; background-repeat: no-repeat; height: 41px; width: 40px; }
span.badge.error { background-position: 0px -43px; }
span.badge.inoperative { background-position: 0px 0px; }

.card { -webkit-user-select: none; -moz-user-select: none; user-select: none; float: left; margin: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 182px; min-width: 182px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); box-shadow: 0px 1px 2px rgba(0,0,0,0.2); }
.card .body { text-align: center; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background-color: #ebebeb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ebebeb)); background-image: #ebebeb -moz-linear-gradient(top,  #fcfcfc,  #ebebeb); background-image: #ebebeb -o-linear-gradient(top,  #fcfcfc,  #ebebeb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#ebebeb'); border: 1px solid #aaaaaa; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-top: none; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.card hr { height: 2px; width: 167px; margin: auto; border: none; margin: 10px 0; background-color: transparent; background-image: url(/stylesheets/images/common/cards/line.png); background-repeat: no-repeat; }
.card hgroup, .card .hgroup, .card > h3 { border-style: solid; border-width: 1px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; height: 46px; line-height: 46px; }
.card hgroup h3, .card hgroup h4, .card .hgroup h3, .card .hgroup h4 { text-align: center; padding: 0 10px; }
.card hgroup h3, .card .hgroup h3 { font-size: 14px; line-height: 24px; }
.card hgroup h4, .card .hgroup h4 { font-size: 12px; line-height: 14px; }
.card > h3 { text-align: center; font-size: 18px; padding: 0 10px; overflow: hidden; }
.card em, .card var { display: inline-block; margin: 0 auto; font-weight: bold; font-style: normal; font-color: #333333; }
.card var { font-size: 46px; display: block; }
.card .feature { text-align: left; margin-bottom: 30px; }
.card .feature h2 { font-size: 12px; }
.card .feature p { padding-top: 5px; margin: 0; }
.card.active hgroup, .card.active .hgroup, .card.active > h3 { background-color: #258606; background-image: -webkit-gradient(linear, left top, left bottom, from(#7de21b), to(#258606)); background-image: #258606 -moz-linear-gradient(top,  #7de21b,  #258606); background-image: #258606 -o-linear-gradient(top,  #7de21b,  #258606); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7de21b', endColorstr='#258606'); border-color: #1b6104; }
.card.active h3, .card.active h4 { color: #fff; text-shadow: 0px -1px 0px #258606; }
.card.active var, .card.active em.status { color: #258606; }
.card.inactive hgroup, .card.inactive .hgroup, .card.inactive > h3 { background-color: #969696; background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#969696)); background-image: #969696 -moz-linear-gradient(top,  #ededed,  #969696); background-image: #969696 -o-linear-gradient(top,  #ededed,  #969696); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#969696'); border-color: #6c6c6c; }
.card.inactive h3, .card.inactive h4 { color: #333; text-shadow: 0px 1px 0px #ededed; }
.card.inactive var, .card.inactive em.status { color: #333; }
.card.warning hgroup, .card.warning .hgroup, .card.warning > h3 { background-color: #ff8b00; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcb00), to(#ff8b00)); background-image: #ff8b00 -moz-linear-gradient(top,  #ffcb00,  #ff8b00); background-image: #ff8b00 -o-linear-gradient(top,  #ffcb00,  #ff8b00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcb00', endColorstr='#ff8b00'); border-color: #b86400; }
.card.warning h3, .card.warning h4 { color: #000; text-shadow: 0px 1px 0px #ffcb00; }
.card.warning var, .card.warning em.status { color: #ff8b00; }
.card.error hgroup, .card.error .hgroup, .card.error > h3 { background-color: #8b0000; background-image: -webkit-gradient(linear, left top, left bottom, from(#fe0000), to(#8b0000)); background-image: #8b0000 -moz-linear-gradient(top,  #fe0000,  #8b0000); background-image: #8b0000 -o-linear-gradient(top,  #fe0000,  #8b0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0000', endColorstr='#8b0000'); border-color: #640000; }
.card.error h3, .card.error h4 { color: #fff; text-shadow: 0px -1px 0px #8b0000; }
.card.error var, .card.error em.status { color: #8b0000; }

.keywords { margin-top: 50px; }
.keywords .title { padding: 10px 0 0 10px; color: #2B3A50; font-weight: bold; font-size: 14px; }
.keywords .scroll ul { overflow-y: auto; height: 160px; border: solid 1px #B8B8B8; margin: 10px; }
.keywords .scroll ul li { border-bottom: solid 1px #B8B8B8; cursor: pointer; padding-left: 20px; padding-top: 3px; height: 20px; background-image: url("/stylesheets/images/common/keyword.png"); background-repeat: no-repeat; background-position: 2px 2px; }
.keywords .scroll ul li.odd { background-color: #E6E6E6; }
.keywords .scroll ul li:hover { background-color: #989393; }
.keywords .scroll ul li.selected { background-color: #D61212; }
.keywords .add-custom { margin-left: -26px; }
.keywords .add-custom input#add_from_input { height: 20px; }
.keywords button { margin: 0px 10px; }
.keywords button#add_from_input { margin: 0; }

.combo_select select { border: none; width: 100%; outline: none; height: 250px; }

.breadcrumbs { color: #233245; text-shadow: 0.05em 0.05em 0 #D2D2D2; font-weight: bold; font-size: 12px; }
.breadcrumbs a { cursor: pointer; color: #100EE1; text-decoration: none; }
.breadcrumbs a:hover { color: #5957EE; }
.breadcrumbs a:first-child { margin-left: 15px; }
.breadcrumbs.bar a { color: #233245; }
.breadcrumbs.bar a:hover { color: #171C22; text-shadow: none; }

.split { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.split .top, .split .bottom { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: auto; overflow-x: hidden; }
.split .bottom { background-color: #fff; background-image: url(/stylesheets/images/common/shadow/top.png); background-repeat: repeat-x; }

.split.resizing, .resize.bar { cursor: row-resize; }

/* UI Navigation */
.navigation { position: relative; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; height: 29px; }
.navigation button, .navigation a.button { padding: 0; margin: 0; float: left; border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background-image: url(/stylesheets/images/common/navigation.png) !important; background-repeat: no-repeat; background-color: transparent; background-position: top -29px; height: 29px; text-indent: -9999px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.navigation button:disabled, .navigation a.button:disabled { opacity: 1; }
.navigation button.prev, .navigation a.button.prev { width: 32px; background-position: -1px -29px; }
.navigation button.prev:hover, .navigation a.button.prev:hover { background-position: -34px -29px; }
.navigation button.prev:active, .navigation a.button.prev:active { background-position: -67px -29px !important; }
.navigation button.prev:disabled, .navigation a.button.prev:disabled { background-position: -100px -29px; }
.navigation button.next, .navigation a.button.next { width: 30px !important; background-position: -132px -29px; }
.navigation button.next:hover, .navigation a.button.next:hover { background-position: -163px -29px; }
.navigation button.next:active, .navigation a.button.next:active { background-position: -194px -29px !important; }
.navigation button.next:disabled, .navigation a.button.next:disabled { background-position: -225px -29px; }
.navigation span { float: left; }
.navigation span button, .navigation span a.button { float: left; width: 16px; background-position: -275px -29px; }
.navigation span button:active, .navigation span a.button:active { background-position: -257px -29px !important; }
.navigation span button:hover, .navigation span button.current, .navigation span a.button:hover, .navigation span a.button.current { background-position: -257px -29px; }

.slider_container { text-align: center; }

.ui-slider { width: 400px; background-color: rgba(0, 0, 0, 0.6); border: solid 1px black; display: inline-block; position: relative; text-align: left; height: 0.9em; }
.ui-slider .ui-state-default, .ui-slider .ui-widget-content .ui-state-default { background-image: url(/images/demo/sliders/raven.png); height: 1.6em; position: absolute; width: 1.7em; z-index: 2; outline: none; }
.ui-slider .ui-slider-handle { margin-left: -0.6em; top: -0.25em; }
.ui-slider.ui-progressbar { border: none; }
.ui-slider.ui-progressbar .ui-state-default, .ui-slider.ui-progressbar .ui-widget-content .ui-state-default { background-image: url(/stylesheets/images/common/progressbar/handle.png); height: 1.6em; top: -0.4em; width: 1.6em; margin-left: -0.8em; }

table { width: 100%; margin: auto; table-layout: fixed; border-spacing: 0; border-collapse: collapse; border-style: solid; border-color: #999; border-width: 1px; }
table.borderless { border-style: hidden; border-bottom-style: none; }
table.border-top { border-top-style: solid; }
table.border-bottom { border-bottom-style: solid; }
table tr.selected td { background-color: #1264D6 !important; color: #fff; }
table th, table td { margin: 0; padding: 3px 5px; border-style: solid; border-color: #999; border-width: 0; border-right-width: 1px; }
table th, table tr:last-child td { border-bottom-width: 1px; }
table th { -webkit-user-select: none; -moz-user-select: none; user-select: none; height: 17px; text-shadow: 0 1px 0 #fff; font-weight: bold; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#cccccc)); background-image: #cccccc -moz-linear-gradient(top,  white,  #cccccc); background-image: #cccccc -o-linear-gradient(top,  white,  #cccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#cccccc'); }
table th.selected, table th:active { background-color: white; background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(white)); background-image: white -moz-linear-gradient(top,  #cccccc,  white); background-image: white -o-linear-gradient(top,  #cccccc,  white); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='white'); }
table tr.even td { background-color: transparent; }
table tr.odd td { background-color: #e2e2e2; }

table th { color: #fff; }
