.profilingBox {
    font-size: 11px;
    font-family: Trebuchet MS;
    color: white;
    background-color: #212121;
    width: 100%;
    height: 30px;
    position: relative;
}

/* ------------------------- font styles ------------------------- */
a.black_link,.font_black{color: #000000 !important;}
a.blue_link,.font_blue{color: #28A4D7 !important;}
a.pink_link,.font_pink{color: #FF00FF !important;}
a.brown_link,.font_brown{color: #E74C3C !important;}
a.orange_link,.font_orange{color: #FEB900 !important;}
a.orange_dark_link,.font_orange_dark{color: #C19208 !important;}
a.red_link,.font_red{color: #FF2244 !important;}
a.green_link,a.green_link_hover_red,.font_green{color: #00FF44 !important;}
a.dark_green_link,.font_dark_green{color: green !important;}
a.gray_dark_link,.font_gray_dark{color: #898989 !important;}
a.gray_darker_link,.font_gray_darker{color: #696969 !important;}
a.gray_light_link,.font_gray_light{color: #D4D4D4 !important;}
a.white_link,.font_white{color: #FFFFFF !important;}
a.dark_yellow_link,.font_dark_yellow{color: #FFD100 !important;}
a.yellow_link,.font_yellow{color: yellow !important;}

a.green_link_hover_red:hover{color: #FF2244 !important;}

a.hover_red:hover{color: #FF2244 !important;}

a.small_link_custom,.font_small{font-size: 9px;}
a.smallish_link_custom,.font_smallish{font-size: 12px;}
a.medium_link_custom,.font_medium{font-size: 14px;}
a.large_link_custom,.font_large{font-size: 17px;}
a.huge_link_custom,.font_huge{font-size: 24px;}
a.bold_link,.font_bold{font-weight: bold !important;}

a.tahoma_link,.font_tahoma{font-family: Tahoma;}

a.caps_small_link{font-size: 10px; text-transform: uppercase;}

a.underline_link, .font_underline{text-decoration: underline;}

input[type="submit"], input[type="button"]
{
    cursor: pointer;
}

/* ------------------------- error reporting ------------------------- */
.errorReportingSqlBox, .errorReportingAlert, .xdebug-error, .xdebug-error td, .xdebug-error th
{
    position: relative !important;
    z-index: 9999999 !important;
}
.xdebug-error, .xdebug-error td, .xdebug-error th
{
    color: black !important;
    font-size: 11px;
}
.xdebug-error td {
    background: #eeeeec;
}
.errorReportingSqlBox, .errorReportingAlert
{
    border: 2px solid #313131;
    background-color: #FF2244;
    color: white;
    padding: 5px;
    font-size: 12px;
    font-family: Tahoma, sans-serif;
    text-align: left;
    min-width: 950px;
}
.errorReportingSqlBacktrace
{
    color: black;
    background-color: white;
}
.errorReportingAlert
{
    width: 100%;
    text-align: center;
    color: white;
    z-index: 999999 !important;
}

/* ------------------------- cursors ------------------------- */
.cursorPointer
{
    cursor: pointer;
}

.cursorCopy
{
    cursor: copy;
}

.cursorHelp
{
    cursor: help;
}

/* ------------------------- sortable ------------------------- */
.sortableElem {
    cursor: grab;
}
.sortableElem:active {
    cursor: grabbing;
}

/* ------------------------- misc ------------------------- */
.q0, .q0 a {
    color: #9d9d9d !important;
}

.q1, .q1 a {
    color: #fff !important;
}

.q2, .q2 a {
    color: #1eff00 !important;
}

.q3, .q3 a {
    color: #0070dd !important;
}

.q4, .q4 a {
    color: #a335ee !important;
}

.q5, .q5 a {
    color: #ff8000 !important;
}

.q6, .q6 a {
    color: #e5cc80 !important;
}
.q6n, .q6n a {
    color: #e5cc80;
}

.q7, .q7 a {
    color: #71d5ff !important;
}
.q7n, .q7n a {
    color: #71d5ff;
}

.q8, .q8 a {
    color: #ffff98 !important;
}

.q9, .q9 a {
    color: #71d5ff !important;
}

.q10, .q10 a {
    color: #f00 !important;
}

.class1, .class1 a {
    color: #c69b6d !important;
}
.class2, .class2 a {
    color: #f48cba !important;
}
.class3, .class3 a {
    color: #aad372 !important;
}
.class4, .class4 a {
    color: #fff468 !important;
}
.class5, .class5 a {
    color: #f0ebe0 !important;
}
.class6, .class6 a {
    color: #c41e3b !important;
}
.class7, .class7 a {
    color: #2359ff !important;
}
.class8, .class8 a {
    color: #68ccef !important;
}
.class9, .class9 a {
    color: #9382c9 !important;
}
.class10, .class10 a {
    color: #00ffba !important;
}
.class11, .class11 a {
    color: #ff7c0a !important;
}
.class12, .class12 a {
    color: #A335EE !important;
}

acronym, .dotted, a.dotted {
    cursor: pointer !important;
    text-decoration: none !important;
    border-bottom: 1px dotted gray;
}

.acronymNoDots {
    border-bottom: none !important;
}

.imgTopPad4 {
    position: relative;
    top: 4px;
}
.imgTopPad6 {
    position: relative;
    top: 6px;
}
.imgTopPadMinus4
{
    position: relative;
    top: -4px;
}
.imgTopPadMinus6
{
    position: relative;
    top: -6px;
}
.imgTopPadMinus3
{
    position: relative;
    top: -3px;
}
.imgTopPadMinus2
{
    position: relative;
    top: -2px;
}
.imgTopPad1 {
    position: relative;
    top: 1px;
}
.imgTopPad2 {
    position: relative;
    top: 2px;
}
.imgTopPad3 {
    position: relative;
    top: 3px;
}

.imgSize16
{
    width: 16px;
    height: 16px;
}

.imgSize12
{
    width: 12px;
    height: 12px;
}

.imageViewerImage
{
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

/* ------------------------- font awesome ------------------------- */
.faWhite, .faHoverWhite:hover { color: white !important; }
.faBlack, .faHoverBlack:hover { color: black !important; }
.faRed, .faHoverRed:hover { color: red !important; }
.faRedDupe, .faHoverRedDupe:hover { color: red !important; }
.faCyan, .faHoverCyan:hover { color: cyan !important; }
.faGreen, .faHoverGreen:hover { color: green !important; }
.faLime, .faHoverLime:hover { color: #00FF44 !important; }
.faLightGreen, .faLightGreen:hover { color: #00DD00 !important; }
.faGreenTea, .faHoverfaGreenTea:hover { color: #8bc34a !important }
.faOrange, .faHoverOrange:hover { color: orange !important; }
.faBlue, .faHoverBlue:hover { color: #28A4D7 !important; }
.faRedish, .faHoverRedish:hover { color: #FF2244 !important; }
.faGrayDark, .faHoverGrayDark:hover { color: #898989 !important; }

.faHidden { display: none; }
.faInvisible { visibility: hidden; }

.faPointer { cursor: pointer; }
.faHelp { cursor: help; }

.fa50 { font-size: 50px !important; }
.fa40 { font-size: 40px !important; }
.fa30 { font-size: 30px !important; }
.fa25 { font-size: 25px !important; }
.fa20 { font-size: 20px !important; }
.fa18 { font-size: 18px !important;; }
.fa16 { font-size: 16px !important;; }
.fa15 { font-size: 15px !important;; }
.fa12 { font-size: 12px !important;; }

/* ------------------------- QTIP ------------------------- */
.qtip {
    max-width: 330px !important;
}

.qtip-youtube{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 0 3px #333 !important;
    -moz-box-shadow: 0 0 3px #333 !important;
    box-shadow: 0 0 3px #333 !important;

    color: white !important;
    border: 0 solid transparent !important;

    background: #4A4A4A;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
    background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
    background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
    background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
    background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
}

.qtip-youtube .qtip-titlebar{
    background-color: #4A4A4A !important;
    background-color: rgba(0,0,0,0) !important;
}

.qtip-youtube .qtip-content{
    padding: .75em;
    font: 12px arial,sans-serif;

    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}

.qtip-youtube .qtip-icon{
    border-color: #222;
}

.qtip-youtube .qtip-titlebar .ui-state-hover{
    border-color: #303030;
}

/* ------------------------- tables ------------------------- */
table.genericTable, td.genericTable, tr.genericTable {
    font-family:Verdana,sans-serif;
    font-size:11px;
    color: #D4D4D4;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}

.genericTable.table_header{
    border-bottom: 1px solid gray;
}
.genericTable.table_center{text-align: center;}
.genericTable.td_header{
    color: #949494;
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #303030;
    border-right: 2px solid #212121;
}
.genericTable.td_header_right{border-right: 2px solid #303030;}
.genericTable.td{
    border-left: 1px solid #303030;
    border-bottom: 1px solid #303030;
}
.genericTable.td_right{border-right: 1px solid #303030;}
.genericTable.td_top{border-top: 1px solid #303030;}
.genericTable.td_center{text-align: center;}
.genericTable.td_default_width{width: 120px;}
.genericTable.td_default_width_small{width: 100px;}
.genericTable.td_default_width_medium{width: 250px;}
.genericTable.td_table_title{background-color: #1A001A; height: 20px;}

.genericTable.td_align_right{text-align: right !important;}

.genericTable.trOver:hover { background-color: #191919; }

.genericTable.tdRow0 { background-color: #212121; }
.genericTable.tdRow1 { background-color: #262626; }
.genericTable.tdRowHighlight { background-color: #0A000A; }
.genericTable.tdRowHighlightWhite { background-color: #FFFFFF; }

/* ------------------------- overrides for shared CSS ------------------------- */
.lobibox.lobibox-prompt .lobibox-body .lobibox-input {
    background-color: #eeeeee;
    color: #212121;
    font-weight: normal;
}
.lobibox.lobibox-prompt .lobibox-body .lobibox-input:focus {
    color: #212121;
    font-weight: normal;
}


/* material design custom */
.mdl-button-inactive {
    background-color: rgba(0,0,0,.12) !important;
}

.mdl-block-white {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    background-color: #fff;
    border: 0 !important;
    border-radius: 8px;

}
