﻿.info, .info24, .success, .warning, .error, .validation {
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 10px 30px 10px 35px;
    width: auto;
}
.info {
    background-color: #DFF0D8;
    background-image: url("/Images/Icons/info_24.png");
    color: #3c763d;
    border-color: #d6e9c6;
}
.success {
    background-color: #dff0d8;
    background-image: url("/Images/Icons/success24.png");
    border-color: #d6e9c6;
    color: #3c763d;
}
.warning {
    background-color: #feefb3;
    background-image: url("/Images/Icons/warning24.png");
    color: #9f6000;
}
.error {
    background-color: #ffbaba;
    background-image: url("/Images/Icons/error24.png");
    color: #d8000c;
}
.info24 {
    background-color: #bde5f8;
    background-image: url("/Images/Icons/infosize24.png");
    color: #00529b;
}
.subhead {
    color: #008fbe;
    font-family: Roboto;
    font-size: 13px;
    font-weight: bold;
}
td.h5 {
    color: #008fbe;
    font-size: 10pt;
    font-weight: bold;
    line-height: 17px;
    vertical-align: text-bottom;
}
.smalltxt {
    font-size: 8pt;
    font-style: italic;
}
.formTable {
    width: 620px;
}
.ActivationTable {
    width: 600px;
}
.datePicker {
    position: absolute;
}
.normalRow {
    background-color: #ffffff !important;
    line-height: 20px;
    text-align: right;
    vertical-align: middle;
}
.altRow {
    background-color: #ffffff !important;
    text-align: left;
}
.defaultRow {
    background-color: #ffffff;
}
.actnormalRow {
    background-color: #cde9f5;
    text-align: right;
    width: 120px;
}
.actaltRow {
    background-color: #e7f4fa;
    text-align: left;
    width: 160px;
}
.QuickLinksFlyoutPopup {
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
    padding: 10px;
}
div.glossybtn {
    background: url("images/btnright.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 30px;
    margin-right: 3px;
    position: relative;
}
div.glossybtn div.leftend {
    background: url("images/btnleft.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 30px;
    margin-left: -3px;
    position: relative;
    width: 10px;
}
div.glossybtn a {
    display: block;
    float: left;
    position: relative;
    text-align: center;
    top: 4px;
}
div.glossybtn a:link, div.glossy a:active {
    color: #ffffff;
    font-size: 15px;
    margin: 0 6px 0 3px;
    padding-top: 2px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
div.glossybtn a:hover {
    color: #cccccc !important;
    font-size: 15px;
    font-weight: normal;
    margin: 0 6px 0 3px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}
div.glossybtn a:visited {
    color: #ffffff !important;
    font-size: 15px;
    font-weight: normal;
    margin: 0 6px 0 3px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}
.align {
    text-align: center;
}
.tdText {
    font-family: Roboto;
    font-size: 10pt;
    line-height: 20px;
    padding-left: 5px;
}
#pointermenu2 {
    margin: 0;
    padding: 2px;
}
#pointermenu2 ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none no-repeat scroll left bottom #008fbe;
    border-color: -moz-use-text-color #808080 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none;
    border-width: 2px;
    float: left;
    font: bold 8pt Roboto;
    margin: 1px 1px 1px 15px;
    padding-left: 8px;
}
* html #pointermenu2 ul {
    border: 1px none;
    margin-bottom: 1em;
    margin-left: 7px;
}
#pointermenu2 ul li {
    display: inline;
}
#pointermenu2 ul li a {
    color: #ffffff;
    float: left;
    font-weight: bold;
    height: 15px;
    padding: 7px 9px 7px 5px;
    text-decoration: none;
}
#pointermenu2 ul li a:hover {
    color: #fd9615;
}
#pointermenu2 ul li a#selected {
    background: url("images/pointer.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
#pointermenu2 ul li a#rightcorner {
    height: 15px;
    padding-left: 2px;
    padding-right: 0;
}
#navcontainer {
    height: 20px;
    margin: 10px 0 0 30px;
    padding: 0;
}
#navcontainer ul {
    border: 0 none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
#navcontainer ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}
#navcontainer ul li a {
    background: none repeat scroll 0 0 #ffffff;
    border-color: #cfeaf5;
    border-style: solid;
    border-width: 1px;
    color: #f5d7b4;
    display: block;
    height: 18px;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
    text-decoration: none;
}
#navcontainer ul li a:hover {
    background: none repeat scroll 0 0 #008fbe;
    color: #993300;
}
#navcontainer a:active {
    background: none repeat scroll 0 0 #cc6600;
    color: #ffffff;
}
#navcontainer li#active a {
    background: none repeat scroll 0 0 #cc6600;
    border: 1px solid #cc6600;
    color: #ffffff;
}
.AppTable {
    color: #ffffff;
    font-family: Roboto;
    font-size: 14px;
    font-variant: normal;
    font-weight: bold;
}
.AppTableContents {
    color: #000000;
    font-family: Roboto;
    font-size: 11px;
}
table.App {
    border-bottom-color: #808080;
}
.PageSubHeader {
    color: #008fbe;
    font-size: 11pt;
    text-align: left;
}
.tdheadbg {
    background-color: #cde9f5;
    font-weight: bold;
}
.FlyoutPopup {
    background-color: #eeeeee;
    border: 1px solid #000000;
    height: 300px;
    overflow: scroll;
    padding: 10px;
    width: 300px;
}
.rounded {
    background-color: #fff;
    margin-left: 20px;
    padding: 10px;
    width: 580px;
}
.topPager {
    background-color: #fff;
    margin-left: 20px;
    padding: 10px;
    width: 580px;
}
.yui-grid {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: collapse;
    border-color: #cbcbcb -moz-use-text-color;
    border-image: none;
    border-style: solid none;
    border-width: 1px 0;
    font-family: Roboto;
    font-size: small;
}
.yui-grid th {
    background: url("../img/sprite.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: none;
    border-width: 0 0 0 medium;
    color: #000000;
    padding: 4px 5px 4px 10px;
    text-align: left;
    vertical-align: bottom;
}
.yui-grid th a {
    display: block;
    font-weight: bold;
    padding-right: 10px;
    text-align: center;
    text-decoration: none;
}
.yui-grid th.sortasc, .yui-grid th.sortdesc {
    background: url("../img/sprite.png") repeat-x scroll 0 -100px rgba(0, 0, 0, 0);
}
.yui-grid th.sortasc a {
    background: url("../img/dt-arrow-up.png") no-repeat scroll right 50% rgba(0, 0, 0, 0);
}
.yui-grid th.sortdesc a {
    background: url("../img/dt-arrow-dn.png") no-repeat scroll right 50% rgba(0, 0, 0, 0);
}
.yui-grid td {
    padding: 4px 10px;
}
.yui-grid .altrow, .yui-grid .row .sort {
    background-color: #edf5ff;
}
.yui-grid .altrow .sort {
    background-color: #dbeaff;
}
.yui-grid .row {
    background-color: #ffffff;
}
.setbackcolor {
    background-color: #cde9f5;
}
.bannerHeader {
    color: #0099ff;
    font-size: large;
    font-weight: bold;
}
.PartZoneHeader {
    display: none;
}
.PartTitleText {
    color: #ffffff;
    font-size: 11px;
}
.PageHeading {
    color: #008fbe;
    font-size: 11pt;
    font-weight: bold;
}
.ParaHeading {
    color: #008fbe;
    font-size: 10pt;
    font-weight: bold;
}
.ParaText {
    color: #008fbe;
    font-size: 9pt;
}
.DivBack {
    background: url("images/panel_bg.gif") repeat-x scroll 0 0 #ffffff;
    border: 1px solid #dddddd;
    float: left;
    padding: 10px 10px 15px;
    width: 130px;
}
.topHead {
    background-color: #e7f4fa;
    margin-left: 20px;
    padding: 10px;
}
.watermark {
    color: #999999 !important;
	 font-size: x-small;
}
.watermarksh {
    color: #999999 !important;
}
.watermark3 {
    color: #cc7777 !important;
}
#scrolltotop a {
    background: none repeat scroll 0 0 #f1f1f1;
    border: 1px solid #cccccc;
    bottom: 10px;
    color: #666666;
    cursor: pointer;
    display: none;
    left: 90%;
    margin-left: -160px;
    margin-top: -80px;
    opacity: 0.8;
    padding: 5px;
    position: fixed;
    right: 10px;
    text-align: center;
    text-decoration: none;
    top: 100%;
    width: 100px;
    z-index: 999;
}
.fileUploadQueueItem {
    background-color: #f5f5f5;
    border: 3px solid #e5e5e5;
    margin-top: 5px;
    padding: 10px;
    width: 300px;
}
.fileUploadQueueItem .cancel {
    float: right;
}
.fileUploadProgress {
    background-color: #ffffff;
    border-color: #808080 #c5c5c5 #c5c5c5 #808080;
    border-style: solid;
    border-width: 1px;
    margin-top: 10px;
    width: 100%;
}
.fileUploadProgressBar {
    background-color: #0099ff;
}
a.playsession {
    background: url("//www.beatingtheblues.co.uk/media/images/sessionButtons.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    display: block;
    font-weight: bold;
    height: 90px;
    margin: 30px 0 0 20px;
    padding: 50px 0 0 150px;
    width: 150px;
}
#content h3#getbetter {
    background: url("//beatingtheblues.s3.amazonaws.com/media/ROOT/images/getbetter.gif.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    text-indent: -999em;
}
#content h3 {
    color: #5f5f5f;
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6em;
}
#content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content ul, #content ol {
    padding: 10px 25px 0;
}
