/* Minification failed. Returning unminified contents.
(1337,1): run-time error CSS1019: Unexpected token, found '{'
(1338,22): run-time error CSS1030: Expected identifier, found ' '
(1338,27): run-time error CSS1031: Expected selector, found ';'
(1338,27): run-time error CSS1025: Expected comma or open brace, found ';'
(1339,1): run-time error CSS1019: Unexpected token, found '}'
(2245,3): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2246,11): run-time error CSS1035: Expected colon, found '{'
(2251,3): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2252,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2257,4): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(2258,11): run-time error CSS1035: Expected colon, found '{'
(2275,3): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2276,11): run-time error CSS1035: Expected colon, found '{'
(2281,3): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2282,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2287,3): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(2288,11): run-time error CSS1035: Expected colon, found '{'
(2307,3): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2308,11): run-time error CSS1035: Expected colon, found '{'
(2313,3): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2314,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2319,4): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(2320,11): run-time error CSS1035: Expected colon, found '{'
(2337,3): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2338,11): run-time error CSS1035: Expected colon, found '{'
(2343,3): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2344,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2349,3): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(2350,11): run-time error CSS1035: Expected colon, found '{'
(2609,4161): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2609,4182): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2609,4249): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2609,4273): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2609,4428): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(2609,4448): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2609,4513): run-time error CSS1019: Unexpected token, found '@keyframes'
(2609,4529): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}

body {
    border-top: solid 3px #0A5697;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

    a:hover {
        background-color: #c7d1d6;
    }

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

#body {
    background-color: #e2e2e2;
    clear: both;
    padding-bottom: 0px;
}

    .main-content {
        background: url("../Images/accent.png") no-repeat;
        padding-left: 10px;
        padding-top: 30px;
    }

    .featured + .main-content {
        background: url("../Images/heroAccent.png") no-repeat;
    }

header .content-wrapper {
    padding-top: 20px; 
}

footer {
    clear: both;
    background-color: #e2e2e2;
    font-size: .8em;
    height: 100px;
}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}


/* login
----------------------------------------------------------*/
#login {
    display: block;
    /*font-size: .85em;*/
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #333;
            text-decoration: none;
        }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

        .featured hgroup.title h1, .featured hgroup.title h2 {
            color: #fff;
        }

        .featured p {
            font-size: 1.1em;
        }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

textarea {
    font-family: inherit;
    width: 500px;
    resize: none;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

    input[type="submit"],
    input[type="button"],
    button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    /*margin-top: 0.75em;*/
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
    }

    th a:hover {
        color: #000;
    }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

        #login a:hover {
            color: #333;
        }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

     /* features */
     section.feature {
        float: none;
        padding: 10px;
        width: auto;
     }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }
}

.k-loading-mask {
    z-index: 99999;
}

.invisible {
    display: none;
}
/*Core Proximus Site Styles*/
.pageTitle
{
   text-align:left;
   color:#0A5697;
   height:30px;
   padding:7px 0 7px 0;
   margin:0 10px 3px 10px;
   font-size:24px;
   font-weight:600;
}
.pageTitle .iconButtonWrapper
{
    display:inline-block
}
.footerLabel
{
    margin-bottom: 5px;
}
#searchControls
{
    overflow:hidden;
}
#searchControls .iconButtonWrapper
{
    padding:4px;
    float:left;
    margin-left:2px;
    border:2px solid #8DDD4F;
    border-radius:3px;
    cursor:pointer;
}
#referenceButtons
{
    float: right;
    
}
    #referenceButtons .iconButtonWrapper,
    #actionButtons .iconButtonWrapper,
    #gridControlButtons .iconButtonWrapper,
    #customCommandButtons .iconButtonWrapper,
    #locationDocumentCategories .iconButtonWrapper {
        padding: 4px;
        float: left;
        margin-left: 2px;
        font-size: 18px;
        color: #fff;
        border-radius: 3px;
        cursor: pointer;
    }
.sitesListButton,
.statusesListButton {
    padding: 5px;
    float: left;
    margin: 8px 3px 3px -2px;
    font-size: 17px;
    background-color: green;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}
#actionButtons,
#referenceButtons,
#gridControlButtons,
#customCommandButtons,
#customControls {
    margin-left: 20px;
}
    #referenceButtons .iconButtonWrapper,
    #locationDocumentCategories .iconButtonWrapper {
        background-color: rgba(10,86,151,0.75);
    }
        #referenceButtons .iconButtonWrapper:hover,
        #locationDocumentCategories .iconButtonWrapper:hover {
            background-color: #0A5697;
        }
#actionButtons .iconButtonWrapper {
    background-color: rgba(85,26,139,0.75);
}
#actionButtons .iconButtonWrapper:hover {
    background-color:#551A8B;
}
#gridControlButtons .iconButtonWrapper {
    background-color: rgba(255,128,64,0.75);
}
#gridControlButtons .iconWrapper:hover {
    background-color: #FF8040;
}
#customCommandButtons .iconButtonWrapper {
    background-color: rgba(0,128,0,0.75);
}
#customCommandButtons .iconButtonWrapper:hover {
    background-color: #008000;
}
.validationFailedTitle {
    font-weight: bold;
    color: crimson;
}
.toast-error .validationFailedTitle {
    color:inherit;
}
.notifyNumber
{
    background-color: red;
    border: 2px solid white;
    border-radius: 12px;
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 17px/15px Helvetica, Verdana, Tahoma;
    height: 18px;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
    right: -12px;
    top: -16px;
    position: relative;
    float: right;
}
/*END Core Proximus Site Styles*/


.invisible
{
    display: none;
}
.layoutBodyDiv
{
    
}
.sortRadio
{
    width:10px;
    margin-right:3px;
    float:left;
}
.iconButtonWrapper
{
    /*height: 20px;
    width: 24px;*/
    padding: 4px 4px 0 4px;
    text-align:center;
}
.iconButtonWrapper:hover
{
    background-color: antiquewhite;
}
.searchButtons {
    display: inline-block;
    font-size: 18px;
    border: 2px solid #0A5697;
    background-color: #e0e8ef;
    color: #0A5697;
    padding: 3px;
    border-radius: 3px;
    cursor: pointer;
}
    .searchButtons:hover {
        background-color: #0A5697;
        color: #FFF;
    }
.pinkHiLite,
.k-alt.pinkHiLite {
    background-color:#FAD4D8;
    /*background-image: url("../Images/pinkHiLite.png");*/
}
.k-alt.pinkHiLite.k-state-selected {
    color: #ffffff;
    background-color: #78BE44;
    border-color: #78BE44;
    background-image: url('textures/highlight.png');
    background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
}
.darkBlueHiLite,
.k-alt.darkBlueHiLite {
    background-color: darkblue;
    color: lightcyan;
}

    .k-alt.darkBlueHiLite.k-state-selected {
        color: #ffffff;
        background-color: #78BE44;
        border-color: #78BE44;
        background-image: url('textures/highlight.png');
        background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
    }
.aquaHiLite,
.k-alt.aquaHiLite {
    background-color: aqua;
    color: navy;
}

    .k-alt.aquaHiLite.k-state-selected {
        color: #ffffff;
        background-color: #78BE44;
        border-color: #78BE44;
        background-image: url('textures/highlight.png');
        background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
    }
.tanHiLite,
.k-alt.tanHiLite {
    background-color: tan;
}

    .k-alt.tanHiLite.k-state-selected {
        color: #ffffff;
        background-color: #78BE44;
        border-color: #78BE44;
        background-image: url('textures/highlight.png');
        background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
    }
.purpleHiLite,
.k-alt.purpleHiLite
 {
    background-color:#EED4FA;
    /*background-image: url("../Images/purpleHiLite.png");*/
}
.k-alt.purpleHiLite.k-state-selected {
    color: #ffffff;
    background-color: #78BE44;
    border-color: #78BE44;
    background-image: url('textures/highlight.png');
    background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
}
.blueHiLite,
.k-alt.blueHiLite {
    background-color:#D4F1FA;
    /*background-image: url("../Images/blueHiLite.png");*/
}
.k-alt.blueHiLite.k-state-selected {
    color: #ffffff;
    background-color: #78BE44;
    border-color: #78BE44;
    background-image: url('textures/highlight.png');
    background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
}

.lightRedHiLite,
.k-alt.lightRedHiLite {
    background-color:#f08080;
}
    .k-alt.lightRedHiLite.k-state-selected {
        color: #ffffff;
        background-color: #78BE44;
        border-color: #78BE44;
        background-image: url('textures/highlight.png');
        background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
    }

.crimsonHiLite,
.k-alt.crimsonHiLite {
    background-color: crimson;
    color: #ffffff;
}

    .k-alt.crimsonHiLite.k-state-selected {
        color: #ffffff;
        background-color: #78BE44;
        border-color: #78BE44;
        background-image: url('textures/highlight.png');
        background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
    }

.redHiLite,
.k-alt.redHiLite {
    background-color: red;
    color: #ffffff;
} .k-alt.redHiLite.k-state-selected {
        color: #ffffff;
        background-color: #78BE44;
        border-color: #78BE44;
        background-image: url('textures/highlight.png');
        background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
    }

.greenHiLite,
.k-alt.greenHiLite {
    background-color: #C8FACE;
}
.k-alt.greenHiLite.k-state-selected {
    color: #ffffff;
    background-color: #78BE44;
    border-color: #78BE44;
    background-image: url('textures/highlight.png');
    background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
}
.yellowHiLite,
.k-alt.yellowHiLite {
    background-color: #EDF595;
}
.k-alt.yellowHiLite.k-state-selected {
    color: #ffffff;
    background-color: #78BE44;
    border-color: #78BE44;
    background-image: url('textures/highlight.png');
    background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
}
.impactHiLite,
.k-alt.impactHiLite
 {
    background-color:#ff8c00;
    color: #f0f0f5;
    /*background-image: url("../Images/purpleHiLite.png");*/
}
.k-alt.impactHiLite.k-state-selected {
    color: #ffffff;
    background-color: #78BE44;
    border-color: #78BE44;
    background-image: url('textures/highlight.png');
    background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
}
.documentsReceived,
.k-alt.documentsReceived {
    color: #ffD700;
    background-color: #2F4F4F;
   
}
    .k-alt.documentsReceived.k-state-selected {
        color: #ffffff;
        background-color: #78BE44;
        border-color: #78BE44;
        background-image: url('textures/highlight.png');
        background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
        background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
    }

.signatureRequestPastDue,
.k-alt.signatureRequestPastDue {
    color: #B22222; 
    background-color:#D8BFD8;
}

.k-alt.signatureRequestPastDue.k-state-selected {
    color: #ffffff;
    background-color: #78BE44;
    border-color: #78BE44;
    background-image: url('textures/highlight.png');
    background-image: none, -webkit-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -moz-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, -o-linear-gradient(top, #8DDD4F 0%, #78BE44 100%);
    background-image: none, linear-gradient(to bottom, #8DDD4F 0%, #78BE44 100%);
}

.textBoxAlert {
    background-color: red;
    color: #fff;
}
#precertGrid .k-footer-template .iconButtonWrapper {
    display: inline-block;
    font-size: 18px;
    border:2px solid #0A5697;
    background-color: #e0e8ef;
    color: #0A5697;
    padding:3px;
    border-radius: 3px;
    cursor: pointer;
}
#precertGrid .t-footer .iconButtonWrapper:hover {
    background-color: #0A5697;
    color:#FFF;
} 
/*Icon divs*/
.ascendingIcon32
{
    height:32px;
    width:32px;
    background:url("../Images/32icons.png") -32px 0;
}
.descendingIcon32
{
    height: 32px;
    width: 32px;
    background: url("../Images/32icons.png") 0 0;
}
.ascendingIcon16
{
    height:16px;
    width:16px;
    background:url("../Images/16icons.png") -16px 0;
}
.descendingIcon16
{
    height: 16px;
    width: 16px;
    background: url("../Images/16icons.png") 0 0;
}
.folderStarIcon16
{
    height:16px;
    width:16px;
    background:url("../Images/16icons.png") -32px 0;
}
.circleCheckIcon16
{
    height: 16px;
    width: 16px;
    background: url("../Images/16icons.png") -48px 0;
}
.editPencilIcon16
{
    height: 16px;
    width: 16px;
    background: url("../Images/16icons.png") -64px 0;
}
.studyIcon16
{
    height: 16px;
    width: 16px;
    background: url("../Images/16icons.png") -80px 0;
}
.deleteXIcon16
{
    height: 16px;
    width: 16px;
    background: url("../Images/16icons.png") -96px 0;
}
.bangIcon16
{
    height: 16px;
    width: 16px;
    background: url("../Images/16icons.png") -112px 0;
}
.tifIcon16
{
    height: 16px;
    width: 16px;
    background:url("../Content/kendo/Default/coloricons-sprite.png") 0 -64px;
}
.searchIcon24
{
    height: 24px;
    width: 24px;
    background: url("../Images/24Icons.png") 0 0;
}
.searchOffIcon24
{
    height: 24px;
    width: 24px;
    background: url("../Images/24Icons.png") -72px 0;
}
.deleteIcon24
{
    height: 24px;
    width: 24px;
    background: url("../Images/24Icons.png") -48px 0;
}
.doctorIcon24
{
    height: 24px;
    width: 24px;
    background: url("../Images/24Icons.png") -120px 0;
}
.listIcon24
{
    height: 24px;
    width: 24px;
    background: url("../Images/24Icons.png") -96px 0;
}
.proximusCheckbox ,
.proximusCheckboxSelected{
    display:inline-block;
    width:auto;
    padding:2px;
    margin-left:5px;
    border-radius:5px;
    cursor:pointer;
}
.proximusCheckboxSelected {
        color:green;
}
.proximusCheckbox .selectedLabel,
.proximusCheckbox .label {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 500;
    color:inherit;
}
.proximusCheckbox .selectedIcon,
.proximusCheckbox .checkCircle {
    display: inline-block;
    vertical-align:middle;
    height: 12px;
    width: 12px;
}
.proximusCheckbox .checkCircle {
        border:1px solid #777;
        background-color: #fff;
        border-radius: 30%;
}
.proximusCheckbox .selectedIcon {
    border: none;
    padding: 1px;
    color: green;
    font-size: 10px;
}
.proximusCheckbox .invisible {
    display: none;
}
    .context-menu-item {
    padding: 4px;
    margin:10px 2px 10px 2px;
    background-color: #8DDD4F;
    color:#000;
    text-align:left;
    font-size:14px;
    border-radius:3px;
    position: relative;
    box-shadow: 1px 6px 10px -2px #000;
}
.context-menu-item:hover {
    background-color:#0A5697;
    color:#fff;
    cursor:pointer
    }
.context-menu-list {
    margin: 0;
    padding: 8px;
    min-width: 120px;
    max-width: 250px;
    display: inline-block;
    position: absolute;
    list-style-type: none;
    background-color: rgba(10,86,151,0.35);
    border: 1.5px dotted #0A5697;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.k-button .isBundledOrder {
    background-color: yellow;
    background-image: none;
}
{
    background-image: none;
}
#patientMailing {
    height: 300px;
    margin: 32px 8px 8px 8px;
}
#patientMailing .k-grid-header,
#patientMailing .k-grid-content {
    font-size: 12px;
}
#newMessageForm {
    margin-top:12px;
}
#newMessageForm .addressBookButton {
    display: inline-block;
    margin: 6px;
    color:#030303;
    border-color: #aaa;
    background-color: #f0f0f5;
    width:30px;
    font-weight: 600;
}
#newMessageForm .recipientEntryField {
    display: inline-block;
    border-radius: 3px;
    height: 20px;
    width: 400px;
    border: 1px solid #AAA;
}
#newMessageForm #addressSection {
    display: inline-block;
}
#newMessageForm .dataLabel {
    color: #030303;
    font-weight: 600;
}
#newMessageForm #checkboxSection {
    display: inline-block;
    vertical-align: top;
    margin: 12px;
}
#newMessageForm #messageEntry {
    height: 200px;
    width: 650px;
    border: 1px solid #AAA;
    border-radius: 3px;
}
#newMessageForm #subjectEntry {
    border-radius: 3px;
    height: 20px;
    width: 650px;
    border: 1px solid #AAA;
}
#newMessageForm .newMessageCommandButton {
    color: #030303;
    font-weight: 600;
    display: inline-block;
    margin: 3px;
}
#ptEditFollowupContent #studyButtons button {
    font-weight:500;
}
#confirmingGrid .k-state-selected,
#toBeScheduledGrid .k-state-selected,
#movabilityGrid .k-state-selected,
#receivedInSleepcareGrid .k-state-selected,
#schedulingValidationGrid .k-state-selected {
    background-image: none;
}

/*.ctxCommand {
    visibility: hidden;
}*/
#insuranceAuthorizationGrid tbody > tr:hover .ctxCommand,
#insuranceReferralGrid tbody > tr:hover .ctxCommand,
#confirmingGrid tbody > tr:hover .ctxCommand,
#toBeScheduledGrid tbody > tr:hover .ctxCommand,
#movabilityGrid tbody > tr:hover .ctxCommand,
#schedulingValidationGrid tbody > tr:hover .ctxCommand,
#scoringValidationGrid tbody > tr:hover .ctxCommand,
#confirmationOfServiceGrid tbody > tr:hover .ctxCommand,
#confirmationOfServiceFaxesGrid tbody > tr:hover .ctxCommand,
.k-grid-content tbody > tr:hover .ctxCommand  {

    visibility: visible;
}

#insuranceAuthorizationGrid tbody > tr.k-state-selected .ctxCommand,
#insuranceReferralGrid tbody > tr.k-state-selected .ctxCommand,
#confirmingGrid tbody > tr.k-state-selected .ctxCommand,
#toBeScheduledGrid > tr.k-state-selected .ctxCommand,
#movabilityGrid tbody > tr.k-state-selected .ctxCommand,
#schedulingValidationGrid tbody > tr.k-state-selected .ctxCommand,
#scoringValidationGrid tbody > tr.k-state-selected .ctxCommand,
#confirmationOfServiceGrid tbody > tr.k-state-selected .ctxCommand,
#confirmationOfServiceFaxesGrid tbody > tr.k-state-selected .ctxCommand,
.k-grid-content tbody > tr.k-state-selected .ctxCommand{
    visibility: visible;
}

.searchControls .searchButtonWrapper {
    display: inline-block;
    font-size: 18px;
    border:2px solid #0A5697;
    background-color: #e0e8ef;
    color: #0A5697;
    padding:3px;
    border-radius: 3px;
    cursor: pointer;
}


#primaryInsPanelBar > li > span.k-link,
#secondaryInsPanelBar > li > span.k-link,
#physicianPanelBar > li > span.k-link,
#emrPanelBar > li > span.k-link {
    background-color: #8DDD4F;
}

#primaryInsPanelBar > li > span.k-state-selected,
#secondaryInsPanelBar > li > span.k-state-selected,
#physicianPanelBar > li > span.k-state-selected,
#emrPanelBar > li > span.k-state-selected {
    background-color: #78BE44;
}

.schedulingValidationIconButtonWrapper,
.confirmationOfServiceIconButtonWrapper,
.confirmationOfServiceFaxesIconButtonWrapper,
.hstDevicesIconButtonWrapper {
    display: inline-block;
    font-size: 18px;
    border:2px solid #0A5697;
    background-color: #e0e8ef;
    color: #0A5697;
    padding:3px;
    border-radius: 3px;
    cursor: pointer;
}
    .schedulingValidationIconButtonWrapper:hover,
    .confirmationOfServiceIconButtonWrapper:hover,
    .confirmationOfServiceFaxesIconButtonWrape:hover,
    .hstDevicesIconButtonWrapper:hover {
        background-color: #0A5697;
        color: #FFF;
    }

#balanceTestsGrid th {
    font-size: 14px;
}

#balanceTestsGrid td {
    font-size: 12px;
}
/*HST Styles*/

 #hstPrepareModal .fieldContainer,
 #hstCallEntryModal .fieldContainer,
 #hstReturnModal .fieldContainer {
    display:inline-table;
    font-size:14px;
    overflow:hidden;
    border-radius:3px;
    border:1px solid rgba(10, 86, 151, 0.5);
    width:225px;
    margin:6px 0 0 8px;
}
#hstPrepareModal .fieldContainer div,
#hstPrepareModal .fieldContainer input,
#hstCallEntryModal .fieldContainer div,
#hstCallEntryModal .fieldContainer input,
#hstReturnModal .fieldContainer div,
#hstReturnModal .fieldContainter input
{
    display:table-cell;
    color:#0A5697;
    font-size:12px;
    font-weight:500;
    padding: 3px 5px 3px 3px;
    height:inherit;
    white-space:nowrap;
    margin:0;
}
#hstPrepareModal .fieldContainer .tag,
#hstCallEntryModal .fieldContainer .tag,
#hstReturnModal .fieldContainer .tag
{
    background-color:rgba(10, 86, 151, 0.2);
    opacity:.85;
        
}
#hstPrepareModal .fieldContainer .vTag,
#hstCallEntryModal .fieldContainer .vTag,
#hstReturnModal .fieldContainer .vTag {
    background-color:rgba(10, 86, 151, 0.2);
    opacity:.85;
    display:block;
    width:100%;
}
#hstPrepareModal .fieldContainer .vValue,
#hstCallEntryModal .fieldContainer .vValue,
#hstReturnModal .fieldContainer .vValue {
    display:block;
    background-color: #f0f0f5;
    border-top: 1px solid rgba(10, 86, 151, 0.5);
    /*height:60px;*/
    width: 100%;
}
#hstPrepareModal .fieldContainer .value,
#hstCallEntryModal .fieldContainer .value,
#hstReturnModal .fieldContainer .value {
    background-color:#f0f0f5;
    border-left:1px solid rgba(10, 86, 151, 0.5);
    width:100%;
}

#hstPrepareModal #staticData .value,
#hstPrepareModal #staticData .vValue,
#hstCallEntry #staticData .value,
#hstCallEntry #staticData .vValue,
#hstReturnModal #staticData .value,
#hstReturnModal #staticData .vValue
{
    background-color: rgba(10, 86, 151, 0.05);
    color:#555;
}
#hstPrepareModal #entries .tag,
#hstPrepareModal #entries .vTag,
#hstCallEntryModal #entries .tag,
#hstCallEntryModal #entries .vTag,
#hstReturnModal #entries .tag,
#hstReturnModal #entries .vTag {
    background-color:rgba(120, 190, 68, 0.85);
    color:#000;
        
}
#hstPrepareModal #entries #equipmentCondition .tag,
#hstReturnModal #entries #equipmentCondition .tag {
    background-color:rgba(120, 190, 68, 0.25);
}
#hstPrepareModal #buttons,
#hstReturnModal #buttons {
    margin: 8px;
}
#hstPrepareModal #buttons button,
#hstReturnModal #buttons button {
    float: right;
    margin:5px;
}

.metroBig { font-size:36px; line-height:36px; }
.live-tile, .list-tile
{
	color:#fff;
	float:left;
	height: 180px;
	margin:15px;
	overflow:hidden;
	position:relative;
	width: 180px;
}
.live-tile.two-wide, .list-tile.two-wide { width:390px; }
.live-tile.two-tall, .list-tile.two-tall { height:390px; }
.live-tile img, .list-tile img { border:none; }
.live-tile.me>.slide-back>a.metroBig { position:absolute; left:0; bottom:0; padding: 0 0 12px 12px; text-decoration:none; }
.live-tile a:link, .live-tile a:visited { color:#fff; text-decoration:underline; }
.live-tile a:hover { color:#fff; text-decoration:none; }
.live-tile p { font-size:13px; line-height: 16px; padding:10px; }
.live-tile .tile-title, .list-tile .tile-title { position:absolute; bottom:0px; font-size:12px; left:0px; width:100%; padding:0 0 6px 6px; z-index:30; }
.live-tile a.tile-title, .list-tile a.tile-title { text-decoration:none; }
.live-tile.me>.metroBig { padding-top:45px; }

.live-tile,.live-tile>div,.list-tile>div
{   /* ensure elements on backside don't continue to take focus */
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
}

.live-tile>div,.list-tile>div
{    
	top:0px;
	left:0px;
	margin:0px;
	height:100%;
	width:100%;
	position:absolute;
	z-index:20;
}
.list-tile>div
{
	position:relative;
}

img.full , a.full
{
	display:block;
	margin:0px;
	height:100%;
	width:100%;    
}
.list-tile>div { background-color:transparent; }

.live-tile>.back, .live-tile>.slide-back,.live-tile>.flip-back, .flip-list .flip-back
{
	position:absolute;
	z-index:10;	
}
/*  ========== flip-list Styles ==========
	.flip-list
	---li
	------div.flip-front
	------div.flip-back
*/
.flip-list  
{
	padding:0px; 
	margin:0px;	
}
.list-tile .flip-list 
{
	height:100%;
	width:100%;
}
.flip-list>li>a
{
	border:none;
	outline:none;
	text-decoration:none;
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
}

.flip-list img  
{
	border:none;
	outline:none;
	height:100%;
	margin:0px;
	padding:0px;
	width:100%;
}
.flip-list>li 
{
	height: 60px;
	float: left;
	list-style-type:none;
	margin: 0px;
	outline:none;
	padding: 0px;
	position: relative;
	width: 60px;
}

.flip-list>li>div 
{
	border:none;
	background: white;
	height: 100%;
	left: 0px;
	margin:0px;
	overflow: hidden;
	position: absolute;
	padding:0px;
	top: 0px;
	width: 100%;
	z-index:20;
}

.flip-list>li>div.flip-back 
{
   height:0px;
}




/***** Theme Definitions *****/
.light { background-color:#fff; color:#000; }
.dark { background-color:#000; color:#fff; }
.light.accent { background-color:#fff; }
.dark.accent { background-color:#000; }
.light .appbar { background-color:#dfdfdf; }
.dark .appbar { background-color:#212021; }
/*live tile accent colors */
.amber .accent, .amber .live-tile .accent,
.amber .live-tile>div, .amber .list-tile>div,
.amber .live-tile>div.slide-back, .amber .flip-list>li>div { background-color:rgb(241, 163, 11); }
.amber .accentColor,.amber.accentColor {  color:rgb(241, 163, 11); }
.amber .accentHover:hover,.amber .accentHover a:hover,
.accentHover .amber a:hover, .amber.accentHover a:hover  {  color:rgb(241, 163, 11); }
.amber .accentBorder,.amber.accentBorder {  border-color:rgb(241, 163, 11); }
.amber a.accentVisited:visited,.amber .accentVisited a:visited {  color:rgb(241, 163, 11); }
.amber.accentLink a,a.amber.accentLink:link,a.amber.accentLink:hover,a.amber.accentLink:visited,
.amber.accentVisited:visited,.amber.accentHover:hover,
.amber .accentLink,.amber a.accentLink:link,.amber a.accentLink:hover,.amber a.accentLink:visited {  color:rgb(241, 163, 11); }

.blue .accent, .blue .live-tile .accent,
.blue .live-tile>div, .blue .list-tile>div,
.blue .live-tile>div.slide-back, .blue .flip-list>li>div { background-color:rgb(27,161,226); }
.blue .accentBorder,.blue.accentBorder {  border-color:rgb(27,161,226); }
.blue .accentColor,.blue.accentColor {  color:rgb(27,161,226); }
.blue .accentHover:hover,.accentHover .blue a:hover, 
.blue .accentHover a:hover, .blue.accentHover a:hover   {  color:rgb(27,161,226); }
.blue a.accentVisited:visited,.blue .accentVisited a:visited {  color:rgb(27,161,226); }
.blue.accentLink a, a.blue.accentLink:link, a.blue.accentLink:hover, a.blue.accentLink:visited,
a.blue.accentVisited:visited,a.blue.accentHover:hover,
.blue .accentLink a,.blue .accentLink:link,.blue .accentLink:hover,.blue .accentLink:visited {  color:rgb(27,161,226); }

.brown .accent, .brown .live-tile .accent,
.brown .live-tile>div, .brown .list-tile>div,
.brown .live-tile>div.slide-back, .brown .flip-list>li>div { background-color:rgb(160, 80, 0); }
.brown .accentBorder,.brown.accentBorder { border-color:rgb(160,80,0); }
.brown .accentColor,.brown.accentColor { color:rgb(160,80,0); }
.brown .accentHover:hover,.brown .accentHover a:hover,.brown.accentHover a:hover  { color:rgb(160,80,0); }
.brown .accentVisited:visited,.brown .accentVisited a:visited { color:rgb(160,80,0); }
.brown.accentLink a,a.brown.accentLink:link,a.brown.accentLink:hover,a.brown.accentLink:visited,
a.brown.accentVisited:visited,a.brown.accentHover:hover,.accentHover .brown a:hover,
.brown .accentLink a,.brown a.accentLink:link,.brown a.accentLink:hover,.brown a.accentLink:visited { color:rgb(160,80,0); }

.cobalt .accent, .cobalt .live-tile .accent,
.cobalt .live-tile>div, .cobalt .list-tile>div,
.cobalt .live-tile>div.slide-back, .cobalt .flip-list>li>div { background-color:rgb(0, 80, 239); }
.cobalt .accentBorder,.cobalt.accentBorder { border-color:rgb(0, 80, 239); }
.cobalt .accentColor,.cobalt.accentColor { color:rgb(0, 80, 239); }
.cobalt a.accentHover:hover,.cobalt .accentHover a:hover,.cobalt.accentHover a:hover  { color:rgb(0, 80, 239); }
.cobalt .accentVisited:visited,.cobalt .accentVisited a:visited { color:rgb(0, 80, 239); }
.cobalt.accentLink a,a.cobalt.accentLink:link, a.cobalt.accentLink:hover, a.cobalt.accentLink:visited,
a.cobalt.accentVisited:visited, a.cobalt.accentHover:hover, .accentHover .cobalt a:hover,
.cobalt .accentLink a,.cobalt a.accentLink:link,.cobalt a.accentLink:hover,.cobalt a.accentLink:visited { color:rgb(0, 80, 239); }

.crimson .accent, .crimson .live-tile .accent,
.crimson .live-tile>div, .crimson .list-tile>div,
.crimson .live-tile>div.slide-back, .crimson .flip-list>li>div { background-color:rgb(162, 0, 37); }
.crimson .accentBorder,.crimson.accentBorder { border-color:rgb(162, 0, 37); }
.crimson .accentColor,.crimson.accentColor { color:rgb(162, 0, 37); }
.crimson .accentHover:hover,.crimson .accentHover a:hover,.crimson.accentHover a:hover  { color:rgb(162, 0, 37); }
.crimson .accentVisited:visited,.crimson .accentVisited a:visited { color:rgb(162, 0, 37); }
.crimson.accentLink a, a.crimson.accentLink:link, a.crimson.accentLink:hover, a.crimson.accentLink:visited,
a.crimson.accentVisited:visited, a.crimson.accentHover:hover, .accentHover .crimson a:hover,
.crimson .accentLink a,.crimson a.accentLink:link, .crimson a.accentLink:hover, .crimson a.accentLink:visited { color:rgb(162, 0, 37); }

.cyan .accent, .cyan .live-tile .accent,
.cyan .live-tile>div, .cyan .list-tile>div,
.cyan .live-tile>div.slide-back, .cyan .flip-list>li>div { background-color:rgb(27, 160, 225); }
.cyan .accentBorder,.cyan.accentBorder { border-color:rgb(27, 160, 225); }
.cyan .accentColor,.cyan.accentColor { color:rgb(27, 160, 225); }
.cyan .accentHover:hover,.cyan .accentHover a:hover,.cyan.accentHover a:hover  { color:rgb(27, 160, 225); }
.cyan .accentVisited:visited,.cyan .accentVisited a:visited { color:rgb(27, 160, 225); }
.cyan.accentLink a,a.cyan.accentLink:link,a.cyan.accentLink:hover,a.cyan.accentLink:visited,
.cyan.accentVisited:visited, .cyan.accentHover:hover, .accentHover .cyan a:hover,
.cyan .accentLink a, .cyan a.accentLink:link, .cyan a.accentLink:hover, .cyan a.accentLink:visited { color:rgb(27, 160, 225); }

.emerald .accent, .emerald .live-tile .accent,
.emerald .live-tile>div, .emerald .list-tile>div,
.emerald .live-tile>div.slide-back, .emerald .flip-list>li>div { background-color:rgb(0, 138, 0); }
.emerald .accentBorder,.emerald.accentBorder { border-color:rgb(0, 138, 0); }
.emerald .accentColor,.emerald.accentColor { color:rgb(0, 138, 0); }
.emerald .accentHover:hover,.emerald .accentHover a:hover,.emerald.accentHover a:hover  { color:rgb(0, 138, 0); }
.emerald .accentVisited:visited,.emerald .accentVisited a:visited { color:rgb(0, 138, 0); }
.emerald.accentLink a, a.emerald.accentLink:link, a.emerald.accentLink:hover, a.emerald.accentLink:visited,
a.emerald.accentVisited:visited, a.emerald.accentHover:hover,.accentHover .emerald a:hover,
.emerald .accentLink a,.emerald a.accentLink:link, .emerald a.accentLink:hover, .emerald a.accentLink:visited { color:rgb(0, 138, 0); }

.green .accent, .green.live-tile, .green .live-tile .accent,
.green .live-tile>div, .green .list-tile>div,
.green .live-tile>div.slide-back, .green .flip-list>li>div { background-color:rgb(51,153,51); }
.green .accentBorder,.green.accentBorder { border-color:rgb(51,153,51); }
.green .accentColor,.green.accentColor { color:rgb(51,153,51); }
.green .accentHover:hover,.green .accentHover a:hover,.green.accentHover a:hover  { color:rgb(51,153,51); }
.green .accentVisited:visited,.green .accentVisited a:visited { color:rgb(51,153,51); }
.green.accentLink a, a.green.accentLink:link, a.green.accentLink:hover, a.green.accentLink:visited,
a.green.accentVisited:visited, a.green.accentHover:hover, .accentHover .green a:hover,
.green .accentLink a, .green a.accentLink:link, .green a.accentLink:hover, .green a.accentLink:visited { color:rgb(51,153,51); } 

.indigo .accent, .indigo.live-tile, .indigo .live-tile .accent,
.indigo .live-tile>div, .indigo .list-tile>div,
.indigo .live-tile>div.slide-back, .indigo .flip-list>li>div { background-color:rgb(106,0,255); }
.indigo .accentBorder,.indigo.accentBorder { border-color:rgb(106,0,255); }
.indigo .accentColor,.indigo.accentColor { color:rgb(106,0,255); }
.indigo .accentHover:hover,.indigo .accentHover a:hover,.indigo.accentHover a:hover  { color:rgb(106,0,255); }
.indigo .accentVisited:visited,.indigo .accentVisited a:visited { color:rgb(106,0,255); }
.indigo.accentLink a, a.indigo.accentLink:link, a.indigo.accentLink:hover, a.indigo.accentLink:visited,
a.indigo.accentVisited:visited, a.indigo.accentHover:hover, .accentHover .indigo a:hover,
.indigo .accentLink a, .indigo a.accentLink:link, .indigo a.accentLink:hover, .indigo a.accentLink:visited { color:rgb(106,0,255); } 

.lime .accent, .lime .live-tile .accent,
.lime .live-tile>div, .lime .list-tile>div,
.lime .live-tile>div.slide-back, .lime .flip-list>li>div { background-color:rgb(162,193,57); }
.lime .accentBorder,.lime.accentBorder { border-color:rgb(162,193,57); }
.lime .accentColor,.lime.accentColor {  color:rgb(162,193,57); }
.lime .accentHover:hover,.lime .accentHover a:hover,.lime.accentHover a:hover   {  color:rgb(162,193,57); }
.lime a.accentVisited:visited, .lime a.accentVisited a:visited {  color:rgb(162,193,57); }
.lime.accentLink a, a.lime.accentLink:link, a.lime.accentLink:hover, a.lime.accentLink:visited,
a.lime.accentVisited:visited, a.lime.accentHover:hover, .accentHover .lime a:hover,
.lime .accentLink a, .lime a.accentLink:link, .lime a.accentLink:hover, .lime a.accentLink:visited {  color:rgb(162,193,57); }

.magenta .accent, .magenta.live-tile, .magenta .live-tile .accent,
.magenta .live-tile>div, .magenta .list-tile>div,
.magenta .live-tile>div.slide-back, .magenta .flip-list>li>div { background-color:rgb(216,0,115); }
.magenta .accentBorder,.magenta.accentBorder { border-color:rgb(216,0,115); }
.magenta .accentColor,.magenta.accentColor { color:rgb(216,0,115); }
.magenta .accentHover:hover,.magenta .accentHover a:hover,.magenta.accentHover a:hover { color:rgb(216,0,115); }
.magenta .accentVisited:visited,.magenta .accentVisited a:visited { color:rgb(216,0,115); }
.magenta.accentLink a, a.magenta.accentLink:link, a.magenta.accentLink:hover, a.magenta.accentLink:visited,
a.magenta.accentVisited:visited, a.magenta.accentHover:hover, .accentHover .magenta a:hover,
.magenta .accentLink a, .magenta a.accentLink:link, .magenta a.accentLink:hover, .magenta a.accentLink:visited { color:rgb(216,0,115); }

.mango .accent, .mango.live-tile, .mango .live-tile .accent,
.mango .live-tile>div, .mango .list-tile>div,
.mango .live-tile>div.slide-back, .mango .flip-list>li>div { background-color:rgb(240,150,9); }
.mango .accentBorder,.mango.accentBorder { border-color:rgb(240,150,9); }
.mango .accentColor,.mango.accentColor { color:rgb(240,150,9); }
.mango .accentHover:hover,.mango .accentHover a:hover,.mango.accentHover a:hover  { color:rgb(240,150,9); }
.mango .accentVisited:visited, .mango .accentVisited a:visited { color:rgb(240,150,9); }
.mango.accentLink a, a.mango.accentLink:link, a.mango.accentLink:hover, a.mango.accentLink:visited,
a.mango.accentVisited:visited, a.mango.accentHover:hover, .accentHover .mango a:hover,
.mango .accentLink a, .mango a.accentLink:link, .mango a.accentLink:hover, .mango a.accentLink:visited { color:rgb(240,150,9); }

.mauve .accent, .mauve.live-tile, .mauve .live-tile .accent,
.mauve .live-tile>div, .mauve .list-tile>div,
.mauve .live-tile>div.slide-back, .mauve .flip-list>li>div { background-color:rgb(118,95,137); }
.mauve .accentBorder,.mauve.accentBorder { border-color:rgb(118,95,137); }
.mauve .accentColor,.mauve.accentColor { color:rgb(118,95,137); }
.mauve .accentHover:hover,.mauve .accentHover a:hover,.mauve.accentHover a:hover  { color:rgb(118,95,137); }
.mauve .accentVisited:visited,.mauve .accentVisited a:visited { color:rgb(118,95,137); }
.mauve.accentLink a, a.mauve.accentLink:link, a.mauve.accentLink:hover, a.mauve.accentLink:visited,
a.mauve.accentVisited:visited, a.mauve.accentHover:hover, .accentHover .mauve a:hover,
.mauve .accentLink a, .mauve a.accentLink:link, .mauve a.accentLink:hover,.mauve a.accentLink:visited { color:rgb(118,95,137); }

.olive .accent, .olive.live-tile, .olive .live-tile .accent,
.olive .live-tile>div, .olive .list-tile>div,
.olive .live-tile>div.slide-back, .olive .flip-list>li>div { background-color:rgb(109,135,100); }
.olive .accentBorder,.olive.accentBorder { border-color:rgb(109,135,100); }
.olive .accentColor,.olive.accentColor { color:rgb(109,135,100); }
.olive .accentHover:hover,.olive .accentHover a:hover,.olive.accentHover a:hover  { color:rgb(109,135,100); }
.olive .accentVisited:visited,.olive .accentVisited a:visited { color:rgb(109,135,100); }
.olive.accentLink a, a.olive.accentLink:link, a.olive.accentLink:hover, a.olive.accentLink:visited,
a.olive.accentVisited:visited, a.olive.accentHover:hover, .accentHover .olive a:hover,
.olive .accentLink a, .olive a.accentLink:link, .olive a.accentLink:hover, .olive a.accentLink:visited { color:rgb(109,135,100); }

.orange .accent, .orange.live-tile, .orange .live-tile .accent,
.orange .live-tile>div, .orange .list-tile>div,
.orange .live-tile>div.slide-back, .orange .flip-list>li>div { background-color:rgb(250,104,1); }
.orange .accentBorder,.orange.accentBorder { border-color:rgb(250,104,1); }
.orange .accentColor,.orange.accentColor { color:rgb(250,104,1); }
.orange .accentHover:hover,.orange .accentHover a:hover,.orange.accentHover a:hover  { color:rgb(250,104,1); }
.orange .accentVisited:visited,.orange .accentVisited a:visited { color:rgb(250,104,1); }
.orange.accentLink a, a.orange.accentLink:link, a.orange.accentLink:hover, a.orange.accentLink:visited,
a.orange.accentVisited:visited, a.orange.accentHover:hover, .accentHover .orange a:hover,
.orange .accentLink a, .orange a.accentLink:link, .orange a.accentLink:hover, .orange a.accentLink:visited { color:rgb(250,104,1); }

.pink .accent, .pink .live-tile .accent,
.pink .live-tile>div, .pink .list-tile>div,
.pink .live-tile>div.slide-back, .pink .flip-list>li>div { background-color:rgb(230,113,184); }
.pink .accentBorder,.pink.accentBorder { border-color:rgb(230,113,184); }
.pink .accentColor,.pink.accentColor { color:rgb(230,113,184); }
.pink .accentHover:hover,.pink .accentHover a:hover,.pink.accentHover a:hover   { color:rgb(230,113,184); }
.pink .accentVisited:visited,.pink .accentVisited a:visited { color:rgb(230,113,184); }
.pink.accentLink a, a.pink.accentLink:link, a.pink.accentLink:hover, a.pink.accentLink:visited,
a.pink.accentVisited:visited, a.pink.accentHover:hover, .accentHover .pink a:hover,
.pink .accentLink a, .pink a.accentLink:link, .pink a.accentLink:hover, .pink a.accentLink:visited { color:rgb(230,113,184); }

.purple .accent, .purple .live-tile .accent,.violet .accent, .violet .live-tile .accent,
.purple .live-tile>div,  .purple .list-tile>div, .violet .live-tile>div,  .violet .list-tile>div,
.purple .live-tile>div.slide-back, .purple .flip-list>li>div, .violet .live-tile>div.slide-back, .violet .flip-list>li>div 
{ background-color:rgb(162,0,255); }
.purple .accentBorder,.purple.accentBorder, .violet .accentBorder,.violet.accentBorder {border-color:rgb(162,0,255); }
.purple .accentColor,.purple.accentColor, .violet .accentColor,.violet.accentColor { color:rgb(162,0,255); }
.purple .accentHover:hover,.purple .accentHover a:hover,.purple.accentHover a:hover,
.violet .accentHover:hover,.violet .accentHover a:hover,.violet.accentHover a:hover { color:rgb(162,0,255); }
.purple .accentVisited:visited,.purple .accentVisited a:visited,
.violet .accentVisited:visited,.violet .accentVisited a:visited { color:rgb(162,0,255); }
.purple.accentLink a, a.purple.accentLink:link, a.purple.accentLink:hover, a.purple.accentLink:visited,
.violet.accentLink a, a.violet.accentLink:link, a.violet.accentLink:hover, a.violet.accentLink:visited,
a.purple.accentVisited:visited, a.purple.accentHover:hover, a.violet.accentVisited:visited, a.violet.accentHover:hover,
.purple .accentLink a,.purple a.accentLink:link,.purple a.accentLink:hover,.purple a.accentLink:visited,.accentHover .purple a:hover,
.violet .accentLink a,.violet a.accentLink:link,.violet a.accentLink:hover,.violet a.accentLink:visited,.accentHover .violet a:hover { color:rgb(162,0,255); }

.red .accent, .red .live-tile .accent,
.red .live-tile>div, .red .list-tile>div,
.red .live-tile>div.slide-back, .red .flip-list>li>div { background-color:rgb(229,20,0); }
.red .accentBorder,.red.accentBorder { border-color:rgb(229,20,0); }
.red .accentColor,.red.accentColor { color:rgb(229,20,0); }
.red .accentHover:hover,.red .accentHover a:hover,.red.accentHover a:hover    { color:rgb(229,20,0); }
.red .accentVisited:visited,.red .accentVisited a:visited { color:rgb(229,20,0); }
.red.accentLink a, a.red.accentLink:link, a.red.accentLink:hover,.red.accentLink:visited,
a.red.accentVisited:visited, a.red.accentHover:hover,
.red .accentLink a, .red a.accentLink:link, .red a.accentLink:hover, .red a.accentLink:visited, .accentHover .red a:hover { color:rgb(229,20,0); }

.sienna .accent, .sienna .live-tile .accent,
.sienna .live-tile>div, .sienna .list-tile>div,
.sienna .live-tile>div.slide-back, .sienna .flip-list>li>div { background-color:rgb(123,58,62); }
.sienna .accentBorder,.sienna.accentBorder { border-color:rgb(123,58,62); }
.sienna .accentColor,.sienna.accentColor { color:rgb(123,58,62); }
.sienna .accentHover:hover,.sienna .accentHover a:hover,.sienna.accentHover a:hover    { color:rgb(123,58,62); }
.sienna .accentVisited:visited,.sienna .accentVisited a:visited { color:rgb(123,58,62); }
.sienna.accentLink a, a.sienna.accentLink:link, a.sienna.accentLink:hover, a.sienna.accentLink:visited,
a.sienna.accentVisited:visited, a.sienna.accentHover:hover, .accentHover .sienna a:hover,
.sienna .accentLink a, .sienna a.accentLink:link, .sienna a.accentLink:hover, .sienna a.accentLink:visited { color:rgb(123,58,62); }

.steel .accent, .steel .live-tile .accent,
.steel .live-tile>div, .steel .list-tile>div,
.steel .live-tile>div.slide-back, .steel .flip-list>li>div { background-color:rgb(101,118,136); }
.steel .accentBorder,.steel.accentBorder { border-color:rgb(101,118,136); }
.steel .accentColor,.steel.accentColor { color:rgb(101,118,136); }
.steel .accentHover:hover,.steel .accentHover a:hover,.steel.accentHover a:hover    { color:rgb(101,118,136); }
.steel .accentVisited:visited,.steel .accentVisited a:visited { color:rgb(101,118,136); }
.steel.accentLink a, a.steel.accentLink:link, a.steel.accentLink:hover, a.steel.accentLink:visited,
a.steel.accentVisited:visited, a.steel.accentHover:hover, .accentHover .steel a:hover,
.steel .accentLink a, .steel a.accentLink:link, .steel a.accentLink:hover, .steel a.accentLink:visited { color:rgb(101,118,136); }

.teal .accent, .teal .live-tile .accent, 
.teal .live-tile>div, .teal .list-tile>div,
.teal .live-tile>div.slide-back, .teal .flip-list>li>div { background-color:rgb(0,171,169); }
.teal .accentBorder,.teal.accentBorder { border-color:rgb(0,171,169); }
.teal .accentColor,.teal.accentColor { color:rgb(0,171,169); }
.teal .accentHover:hover,.teal .accentHover a:hover,.teal.accentHover a:hover   { color:rgb(0,171,169); }
.teal .accentVisited:visited,.teal .accentVisited a:visited { color:rgb(0,171,169); }
.teal.accentLink a, a.teal.accentLink:link, a.teal.accentLink:hover, a.teal.accentLink:visited,
a.teal.accentVisited:visited, a.teal.accentHover:hover, .accentHover .teal a:hover,
.teal .accentLink a, .teal a.accentLink:link, .teal a.accentLink:hover, .teal a.accentLink:visited { color:rgb(0,171,169); }

.yellow .accent, .yellow .live-tile .accent, 
.yellow .live-tile>div, .yellow .list-tile>div,
.yellow .live-tile>div.slide-back, .yellow .flip-list>li>div { background-color:rgb(216,193,1); }
.yellow .accentBorder,.yellow.accentBorder { border-color:rgb(216,193,1); }
.yellow .accentColor,.yellow.accentColor { color:rgb(216,193,1); }
.yellow .accentHover:hover,.yellow .accentHover a:hover,.yellow.accentHover a:hover   { color:rgb(216,193,1); }
.yellow .accentVisited:visited,.yellow .accentVisited a:visited { color:rgb(216,193,1); }
.yellow.accentLink a, a.yellow.accentLink:link, a.yellow.accentLink:hover, a.yellow.accentLink:visited,
a.yellow.accentVisited:visited, a.yellow.accentHover:hover, .accentHover .yellow a:hover,
.yellow .accentLink a, .yellow a.accentLink:link, .yellow a.accentLink:hover, .yellow a.accentLink:visited { color:rgb(216,193,1); }

/* local theme overrides */
.amber.live-tile, .amber.live-tile .accent,.amber.accent,
.amber.live-tile>div, .amber.list-tile>div,
.amber.live-tile>div.slide-back, .amber.list-tile .flip-list>li>div { background-color:rgb(241, 163, 11); }
.blue.live-tile, .blue.live-tile .accent,.blue.accent,
.blue.live-tile>div, .blue.list-tile>div,
.blue.live-tile>div.slide-back, .blue.list-tile .flip-list>li>div { background-color:rgb(27,161,226); }
.brown.live-tile, .brown.live-tile .accent,.brown.accent,
.brown.live-tile>div, .brown.list-tile>div,
.brown.live-tile>div.slide-back, .brown.list-tile .flip-list>li>div { background-color:rgb(160,80,0); }
.cobalt.live-tile, .cobalt.live-tile .accent,.cobalt.accent,
.cobalt.live-tile>div, .cobalt.list-tile>div,
.cobalt.live-tile>div.slide-back, .cobalt.list-tile .flip-list>li>div { background-color:rgb(0, 80, 239); }
.crimson.live-tile, .crimson.live-tile .accent,.crimson.accent,
.crimson.live-tile>div, .crimson.list-tile>div,
.crimson.live-tile>div.slide-back, .crimson.list-tile .flip-list>li>div { background-color:rgb(162, 0, 37); }
.cyan.live-tile, .cyan.live-tile .accent,.cyan.accent,
.cyan.live-tile>div, .cyan.list-tile>div,
.cyan.live-tile>div.slide-back, .cyan.list-tile .flip-list>li>div { background-color:rgb(27, 160, 225); }
.emerald.live-tile, .emerald.live-tile .accent,.emerald.accent,
.emerald.live-tile>div, .emerald.list-tile>div,
.emerald.live-tile>div.slide-back, .emerald.list-tile .flip-list>li>div { background-color:rgb(0, 138, 0); }
.green.live-tile, .green.live-tile .accent,.green.accent,
.green.live-tile>div, .green.list-tile>div,
.green.live-tile>div.slide-back, .green.list-tile .flip-list>li>div { background-color:rgb(51,153,51); }
.indigo.live-tile, .indigo.live-tile .accent,.indigo.accent,
.indigo.live-tile>div, .indigo.list-tile>div,
.indigo.live-tile>div.slide-back, .indigo.list-tile .flip-list>li>div { background-color:rgb(106,0,255); }
.lime.live-tile, .lime.live-tile .accent,.lime.accent,
.lime.live-tile>div, .lime.list-tile>div,
.lime.live-tile>div.slide-back, .lime.list-tile .flip-list>li>div { background-color:rgb(162,193,57); }
.magenta.live-tile, .magenta.live-tile .accent,.magenta.accent,
.magenta.live-tile>div, .magenta.list-tile>div,
.magenta.live-tile>div.slide-back, .magenta.list-tile .flip-list>li>div { background-color:rgb(216,0,115); }
.mango.live-tile, .mango.live-tile .accent,.mango.accent,
.mango.live-tile>div, .mango.list-tile>div,
.mango.live-tile>div.slide-back, .mango.list-tile .flip-list>li>div { background-color:rgb(240,150,9); }
.mauve.live-tile, .mauve.live-tile .accent,.mauve.accent,
.mauve.live-tile>div, .mauve.list-tile>div,
.mauve.live-tile>div.slide-back, .mauve.list-tile .flip-list>li>div { background-color:rgb(118,95,137); }
.olive.live-tile, .olive.live-tile .accent,.olive.accent,
.olive.live-tile>div, .olive.list-tile>div,
.olive.live-tile>div.slide-back, .olive.list-tile .flip-list>li>div { background-color:rgb(109,135,100); }
.orange.live-tile, .orange.live-tile .accent,.orange.accent,
.orange.live-tile>div, .orange.list-tile>div,
.orange.live-tile>div.slide-back, .orange.list-tile .flip-list>li>div { background-color:rgb(250,104,1); }
.pink.live-tile, .pink.live-tile .accent,.pink.accent,
.pink.live-tile>div, .pink.list-tile>div,
.pink.live-tile>div.slide-back, .pink.list-tile .flip-list>li>div { background-color:rgb(230,113,184); }
.purple.live-tile, .purple.live-tile .accent,.purple.accent,
.violet.live-tile, .violet.live-tile .accent,.violet.accent,
.purple.live-tile>div, .purple.list-tile>div,.violet.live-tile>div, .violet.list-tile>div,
.purple.live-tile>div.slide-back, .purple.list-tile .flip-list>li>div,
.violet.live-tile>div.slide-back, .violet.list-tile .flip-list>li>div { background-color:rgb(162,0,255); }
.red.live-tile, .red.live-tile .accent,.red.accent,
.red.live-tile>div, .red.list-tile>div,
.red.live-tile>div.slide-back, .red.list-tile .flip-list>li>div { background-color:rgb(229,20,0); }
.sienna.live-tile, .sienna.live-tile .accent,.sienna.accent,
.sienna.live-tile>div, .sienna.list-tile>div,
.sienna.live-tile>div.slide-back, .sienna.list-tile .flip-list>li>div { background-color:rgb(123,58,62); }
.steel.live-tile, .steel.live-tile .accent,.steel.accent,
.steel.live-tile>div, .steel.list-tile>div,
.steel.live-tile>div.slide-back, .steel.list-tile .flip-list>li>div { background-color:rgb(101,118,136); }
.teal.live-tile, .teal.live-tile .accent, .teal.accent,
.teal.live-tile>div, .teal.list-tile>div,
.teal.live-tile>div.slide-back, .teal.list-tile .flip-list>li>div { background-color:rgb(0,171,169); }
.yellow.live-tile, .yellow.live-tile .accent, .yellow.accent,
.yellow.live-tile>div, .yellow.list-tile>div,
.yellow.live-tile>div.slide-back, .yellow.list-tile .flip-list>li>div { background-color:rgb(216,193,1); }.live-tile.flip { background:none;}

/* flip-list tile grid sprite styles */
.nineTiles    
{
	/* set a default image here
	background-image:url('/content/images/yourimage.jpg');  
	*/
}
.flip-list.nineTiles>li,.flip-list.nineTiles>li>div,.flip-list.nineTiles>li>div>img,.flip-list.nineTiles>li>div>a 
{ 
	height:60px; width:60px; border:none; padding:0; margin:0; 
}
.nineTiles1  { background-position: 0px 0px; }
.nineTiles2  { background-position: -60px 0px; }
.nineTiles3  { background-position: -120px 0px; }
.nineTiles4  { background-position: 0px -60px; }
.nineTiles5  { background-position: -60px -60px; }
.nineTiles6  { background-position: -120px -60px; }
.nineTiles7  { background-position: 0px -120px; }
.nineTiles8  { background-position: -60px -120px; }
.nineTiles9  { background-position: -120px -120px; }

.fourTiles   {}
.flip-list.fourTiles>li,.flip-list.fourTiles>li>div,.flip-list.fourTiles>li>div>img,.flip-list.fourTiles>li>div>a 
{ 
	border:none; padding:0; margin:0; 
	height:90px;
	width:90px;
}
.fourTiles1  { background-position: 0px 0px; }
.fourTiles2  { background-position: -90px 0px; }
.fourTiles3  { background-position: 0px -90px; }
.fourTiles4  { background-position: -90px -90px; }



/* application-bar styles */
.appbar 
{
	background-color:#212021;
	bottom:0px;
	color: #fff;
	font-size: .9em;
	height:60px;
	left:0px;
	line-height: normal;
	margin:0;
	overflow:hidden;
	padding: 10px 0;
	position:fixed;
	text-align: center;
	width:100%;
	z-index:100;
}
.light .appbar { background-color:#dfdfdf; color:#000; }
.dark .appbar { background-color:#212021; }
.appbar .clear { clear:both; }

.appbar-buttons {
	padding: 0 0 2px;
	position: relative;
	margin: 0 auto;
	text-align: right;
	width:252px;
}

.appbar-buttons li {
	display: inline;
	padding: 0 10px;
	float:left;
	list-style: none;
}

.appbar-buttons li a {
	font-weight: bold;
	background-color: transparent;
	color: #fff;
}

.light .appbar-buttons li a { color:#000; }
.appbar-buttons a>img { background-image:url('images/metroIcons.jpg'); background-repeat:no-repeat; height:64px; width:64px; border:none;}
.light .appbar-buttons a>img { background-image:url('images/metroIcons_light.jpg'); }
.appbar-buttons a.home>img { background-position:-104px -12px; }
.appbar-buttons a.about>img { background-position:-198px -99px;  }
.appbar-buttons a.twitter>img { background-position:-198px -12px;  }
.appbar-buttons li a:active, ul#menu li.selected a, .appbar-buttons li a:hover { text-decoration: none; }

.appbar a.etc, .appbar a:hover.etc,.appbar a:visited.etc
{   
	color:#fff;
	cursor:pointer; 
	display:block; 
	font-size:32px;
	height:60px;
	position:absolute; 
	right:0px; 
	text-decoration:none;
	top:0px; 
	width:60px; 
}
.light .appbar a.etc, .light .appbar a:hover.etc, 
.light .appbar a:visited.etc { color:#000; }
.appbar .charm-title { font-size:10px; display:block; text-align:center; }
.appbar .theme-options { display:block; width:644px; margin:0px auto; }
.appbar .theme-options>li { margin:7px; display:inline; float:left; line-height:24px; height:24px; width:24px; }
.appbar .theme-options>li>a, .appbar .theme-options>li>a:hover,
.appbar .theme-options>li>a:visited { display:block; padding:0px; text-decoration:none; height:24px; width:24px; }
.appbar .base-theme-options { display:block; width:130px; margin:0px auto; }
.appbar .base-theme-options>li { margin:7px; display:inline; float:left; line-height:24px; height:24px; width:24px; }
.appbar .base-theme-options>li>a, .appbar .base-theme-options>li>a:hover, 
.appbar .base-theme-options>li>a:visited { display:block; padding:0px; text-decoration:none; height:24px; width:24px; }
.appbar .base-theme-options>li>a.dark.accent { background-color:#000; }
/* Media queries */
@media screen and (max-width: 1025px) 
{
	.appbar .theme-options { width:650px; } /* ensures alignment and no wrapping on ipad */
	.appbar .base-theme-options { width:140px; } /* ensures alignment and no wrapping on ipad */
}
@media screen and (max-width: 801px)
{
	.appbar .theme-options { width:360px; }
}

/* ------ Hardware Accelerated CSS3 Animations --------*/
/* flip */
.flip-list>li>.ha.flip-back, .flip-list>li>.ha.flip-back img
{
	 /* override the values set for margin and ensure the back tile is visible  */
	margin:0px !important;
	height:100%;
}

.live-tile>.ha.flip-front, .flip-list>li>.ha.flip-front  
{   
	position:absolute;
	/* time to start repeating ourselves 
	note: we are not setting a duration or delay here, 
	that is added in script */
	-webkit-animation-name:flipfront180;
	-webkit-animation-play-state:paused;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name:flipfront180;
	-moz-animation-play-state:paused;
	-moz-animation-fill-mode:forwards;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	-ms-animation-name:flipfront180;
	-ms-animation-play-state:paused;
	-ms-animation-fill-mode:forwards;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: linear;
	-o-animation-name:flipfront180;
	-o-animation-play-state:paused;
	-o-animation-fill-mode:forwards;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: linear;
	animation-name:flipfront180;
	animation-play-state:paused;
	animation-fill-mode:forwards;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

.live-tile>.ha.flip-back, .flip-list>li>.ha.flip-back
{
	position:absolute;
	-webkit-animation-name:flipback180;
	-webkit-animation-play-state:paused;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name:flipback180;
	-moz-animation-play-state:paused;
	-moz-animation-fill-mode:forwards;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	-ms-animation-name:flipback180;
	-ms-animation-play-state:paused;
	-ms-animation-fill-mode:forwards;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: linear;
	-o-animation-name:flipback180;
	-o-animation-play-state:paused;
	-o-animation-fill-mode:forwards;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: linear;
	animation-name:flipback180;
	animation-play-state:paused;
	animation-fill-mode:forwards;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

/* Flip Vertical */
  @-keyframes flipfront180 {
	from     {  z-index:20; transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; transform: rotateX(-180deg); }
  }
  @-webkit-keyframes flipfront180 {
	from     {  z-index:20; -webkit-transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -webkit-transform: rotateX(-180deg);  }
  }
  @-moz-keyframes flipfront180 {
	0%     {  z-index:20; -moz-transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	100%       {  z-index:10; -moz-transform: rotateX(-180deg); }
  }
   @-ms-keyframes flipfront180 {
	from     {  z-index:20; -ms-transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -ms-transform: rotateX(-180deg); }
  }
   @-o-keyframes flipfront180 {
	from     {  z-index:20; -o-transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -o-transform: rotateX(-180deg); }
  }
  @-keyframes flipback180 {
	0%     {  z-index:10; transform: rotateX(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	100%       {  z-index:20; transform: rotateX(0deg); }
  }
  @-webkit-keyframes flipback180 {
	from     {  z-index:10; -webkit-transform: rotateX(180deg);  }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20;  -webkit-transform: rotateX(0deg); }
  }
  @-moz-keyframes flipback180 {
	0%     {  z-index:10; -moz-transform: rotateX(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	100%       {  z-index:20; -moz-transform: rotateX(0deg); }
  }
  @-ms-keyframes flipback180 {
	from     {  z-index:10; -ms-transform: rotateX(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20; -ms-transform: rotateX(0deg); }
  }
  @-o-keyframes flipback180 {
	from     {  z-index:10; -o-transform: rotateX(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20; -o-transform: rotateX(0deg); }
  }
  
  /* Flip Horizontal */
  @-keyframes flipfrontY180 {
	0%      {  z-index:20; transform: rotateY(0deg); }
	49%     {  z-index:20; }
	50%     {  z-index:10; }
	100%    {  z-index:10; transform: rotateY(-180deg); }
  }
  @-webkit-keyframes flipfrontY180 {
	from     {  z-index:20; -webkit-transform: rotateY(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -webkit-transform: rotateY(-180deg);  }
  }
  @-moz-keyframes flipfrontY180 {
	0%      {  z-index:20; -moz-transform: rotateY(0deg); }
	49%     {  z-index:20; }
	50%     {  z-index:10; }
	100%    {  z-index:10; -moz-transform: rotateY(-180deg); }
  }
   @-ms-keyframes flipfrontY180 {
	from     {  z-index:20; -ms-transform: rotateY(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -ms-transform: rotateY(-180deg); }
  }
   @-o-keyframes flipfrontY180 {
	from     {  z-index:20; -o-transform: rotateY(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -o-transform: rotateY(-180deg); }
  }
  @-keyframes flipbackY180 {
	0%     {  z-index:10; transform: rotateY(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	100%       {  z-index:20; transform: rotateY(0deg); }
  }
  @-webkit-keyframes flipbackY180 {
	from     {  z-index:10; -webkit-transform: rotateY(180deg);  }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20;  -webkit-transform: rotateY(0deg); }
  }
  @-moz-keyframes flipbackY180 {
	0%       {  z-index:10; -moz-transform: rotateY(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	100%     {  z-index:20; -moz-transform: rotateY(0deg); }
  }
  @-ms-keyframes flipbackY180 {
	from     {  z-index:10; -ms-transform: rotateY(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20; -ms-transform: rotateY(0deg); }
  }
  @-o-keyframes flipbackY180 {
	from     {  z-index:10; -o-transform: rotateY(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20; -o-transform: rotateY(0deg); }
  }
#navBar
{
    position:fixed;
    width:100%; 
    height:34px; 
    background-color:#78BE44;
    border-bottom:4px solid #8DDD4F;
    color:#fff; 
    font-size:24px;
    z-index:5001;
    padding-top:4px;
}

    #navBar #navBarDisplay
    {
        background-color: #8DDD4F;
        width: 485px; 
        height: 32px;
        padding: 2px 7px 0px 7px;
        overflow: hidden;
        margin-left:auto;
        margin-right:auto;
    }

    #navBar #controlButton
    {
        background-position:center;
        float:left;
        cursor:pointer; 
        background-repeat:no-repeat; 
        background-color:#FFF; 
        background-image:url("../Images/persanteBallSmall.png");
        border:2px solid #0A5697; 
        margin-right:12px;
        border-radius:20px;
        height:26px;
        width:26px;
    }
    #navBar #messagesInfo {
        position:relative;
        background-color: #f0f0f5;
        margin-top: 5px;
        color: #0A5697;
        padding: 0 8px 0 8px;
        border-radius: 16px;
        height: 22px;
        width: auto;
        font-size: 14px;
        float: left;
    }
   
     #navBar #unassignedStatScores {
        position:relative;
        background-color:#fbcbcb;
        margin:5px 5px 0 5px;
        color: red;
        padding: 0 8px 0 8px;
        border-radius: 16px;
        height: 22px;
        width: auto;
        font-size: 14px;
        float: left;
    }

    
    #navBar #userInfo
    {
        float: right;
        text-align: right;
        color: #fff;
        width: 295px;
        height: 24px;
        z-index: 10001;
        font-size: 14px;
        padding-top: 7px;
    }

    #userInfo .orgSelector 
    {
        padding-left: 10px; 
        float:right;
    }
.collapsed
{
    margin:0;
    padding:0;
    border:none;
}
#navPanel
{
    width: 100%;
    height: 0px;
    position: fixed;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    z-index: 5000;
    margin-top: 0px;
    border-bottom: 3px solid #0A5697;
    border-top: none;
    background-color: rgba(10,86,151,0.35);
    padding: 5px 0px 5px 0px;
    opacity: 0.3;
}

    #navPanel #tileContainer
    {
        max-height: 515px;
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        text-align: center;
    }

.applicationTile,
.managerTile
{
    float: left;
     margin: 10px 10px 5px 5px;
    -moz-box-shadow: 1px 6px 10px -2px #000;
    -webkit-box-shadow: 1px 4px 10px -2px #000;
    box-shadow: 1px 6px 10px -2px #000;
    background-color: #f5f5f0;
}

.applicationTileDbl
{
    float:left;
    margin: 7px;
    -moz-box-shadow: 1px 6px 10px -2px #000;
    -webkit-box-shadow: 1px 4px 10px -2px #000;
    box-shadow: 1px 6px 10px -2px #000;
    background-color: #f5f5f0; 
}
a.applicationTileAnchor
{
    display:block;
    width:150px;
    height:150px;
    margin:0;
    padding:0;
    color:inherit;
    text-decoration:none;
}
.managerTile a.applicationTileAnchor {
    height: 146px;
    width: 146px;
}
a.applicationTileAnchorDbl
{
    display:block;
    width:314px;
    height:150px;
    margin:0;
    padding:0;
    color:inherit;
    text-decoration:none;
}
.tileShifter
{
    float:left;
}
.applicationTileRack
{
    display:inline-block;
    top:0px;
    margin:0px;
    height: 540px;
    width: 330px;
}
.applicationTileRackSlim
{
    width: 160px;
}
.applicationTileRackSpacer
{
    display: inline-block;
    top: 0px;
    height: 540px;
    width: 24px;
}


.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:9999}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:108px}}@media all and (min-width:241px)and (max-width:320px){#toast-container>div{padding:8px 8px 8px 50px;width:128px}}@media all and (min-width:321px)and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:192px}}@media all and (min-width:481px)and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:300px}}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:100%;margin:1px 0 1px 0}
@media all and (max-width: 240px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 108px;
	}
}
@media all and (min-width: 241px) and (max-width: 320px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 128px;
	}
}
@media all and (min-width: 321px) and (max-width: 480px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 192px;
	}
}
@media all and (min-width: 481px) and (max-width: 768px) {
	#toast-container > div {
		padding: 15px 15px 15px 50px;
		width: 300px;
	}
}
@media all and (min-width: 769px) {
	#toast-container > div {
		padding: 15px 15px 15px 50px;
		width: 300px;
	}
}
/*!
 *  Font Awesome 3.0.2
 *  the iconic font designed for use with Twitter Bootstrap
 *  -------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation
 *  can be found at: http://fortawesome.github.com/Font-Awesome/
 *
 *  License
 *  -------------------------------------------------------
 *  - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"

 *  Contact
 *  -------------------------------------------------------
 *  Email: dave@davegandy.com
 *  Twitter: http://twitter.com/fortaweso_me
 *  Work: Lead Product Designer @ http://kyruus.com
 */

@font-face{
  font-family:'FontAwesome';
  src:url('font/fontawesome-webfont.eot?v=3.0.2');
  src:url('font/fontawesome-webfont.eot?#iefix&v=3.0.2') format('embedded-opentype'),
  url('font/fontawesome-webfont.woff?v=3.0.2') format('woff'),
  url('font/fontawesome-webfont.ttf?v=3.0.2') format('truetype');
  font-weight:normal;
  font-style:normal }

[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}a [class^="icon-"],a [class*=" icon-"]{display:inline-block}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}.btn [class^="icon-"],.nav [class^="icon-"],.btn [class*=" icon-"],.nav [class*=" icon-"]{display:inline}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}li [class^="icon-"],.nav li [class^="icon-"],li [class*=" icon-"],.nav li [class*=" icon-"]{display:inline-block;width:1.25em;text-align:center}li [class^="icon-"].icon-large,.nav li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large,.nav li [class*=" icon-"].icon-large{width:1.5625em}ul.icons{list-style-type:none;text-indent:-0.75em}ul.icons li [class^="icon-"],ul.icons li [class*=" icon-"]{width:.75em}.icon-muted{color:#eee}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@-moz-document url-prefix(){.icon-spin{height:.9em}.btn .icon-spin{height:auto}.icon-spin.icon-large{height:1.25em}.btn .icon-spin.icon-large{height:.75em}}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}
/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: git-master
 *
 * Authors: Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://medialize.github.com/jQuery-contextMenu/
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *   GPL v3 http://opensource.org/licenses/GPL-3.0
 *
 */

/*.context-menu-list {
    margin:0; 
    padding:0;
    
    min-width: 120px;
    max-width: 250px;
    display: inline-block;
    position: absolute;
    list-style-type: none;
    
    border: 1px solid #DDD;
    background: #EEE;
    
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
         -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}*/

/*.context-menu-item {
    padding: 2px 2px 2px 24px;
    background-color: #EEE;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: -moz-none;
        -ms-user-select: none;
            user-select: none;
}*/

.context-menu-separator {
    padding-bottom:0;
    border-bottom: 1px solid #DDD;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
}

/*.context-menu-item.hover {
    cursor: pointer;
    background-color: #39F;
}*/

.context-menu-item.disabled {
    color: #666;
}

.context-menu-input.hover,
.context-menu-item.disabled.hover {
    cursor: default;
    background-color: #EEE;
}

.context-menu-submenu:after {
    content: " ... ";
    color: #666;
    font-weight: bolder;
    position: absolute;
    top: 5px;
    right: 3px;
    z-index: 1;
}

/* icons
    #protip:
    In case you want to use sprites for icons (which I would suggest you do) have a look at
    http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement 
    .context-menu-item.icon:before {}
 */
.context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }
.context-menu-item.icon-edit { background-image: url(images/page_white_edit.png); }
.context-menu-item.icon-cut { background-image: url(images/cut.png); }
.context-menu-item.icon-copy { background-image: url(images/page_white_copy.png); }
.context-menu-item.icon-paste { background-image: url(images/page_white_paste.png); }
.context-menu-item.icon-delete { background-image: url(images/page_white_delete.png); }
.context-menu-item.icon-add { background-image: url(images/page_white_add.png); }
.context-menu-item.icon-quit { background-image: url(images/door.png); }

/* vertically align inside labels */
.context-menu-input > label > * { vertical-align: top; }

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
    margin-left: -17px;
}
.context-menu-input > label > span {
    margin-left: 5px;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
    display: block;
    width: 100%;
    
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
}

.context-menu-input > label > textarea {
    height: 100px;
}
.context-menu-item > .context-menu-list {
    display: none;
    /* re-positioned by js */
    right: -5px;
    top: 5px;
}

.context-menu-item.hover > .context-menu-list {
    display: block;
}

.context-menu-accesskey {
    text-decoration: underline;
}
body {
}