/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body { background: url(../images/rt/bg_page.jpg);font-family: Arial, Verdana, sans-serif;font-size: 13px;line-height: normal; }
a       { color: #3b86c4; }
a:hover { color: #336e9f; }

html,
body {
    height: 100%;
}

/*Override foundation...*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { font-size: 13px; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { font-size: 13px; }

.top-bar { background: #000;margin: 0;}
.top-bar ul > li.has-dropdown .dropdown {background: #000}
div.breadcrumbs { padding-left: 30px;padding-bottom: 10px;margin-top: 20px;}
a.back { color: #333333;padding-left: 10px;background:url(../images/rt/common/bg-back.png) no-repeat left center}
a.roundbutton { color: #333333;border-radius: 14px;cursor: pointer;border: 1px solid #ebebeb;text-transform: uppercase;font-family: Arial,Helvetica, Tahoma, sans-serif;font-size: 12px; background:#FFFFFF;display: block;height: 28px;line-height: 28px;text-align: center;font-weight: bold;margin-bottom: 10px;}
p.stats { color: #666666;}
p.stats ins { margin: 0px 10px;text-decoration: none}
div.separator { border-bottom: 1px solid #ebebeb;margin-bottom: 20px;margin-top: 20px;}

body.modal-open { overflow: visible; }


/* Design Standards */
h2 {
    font-family: Helvetica, Tahoma, sans-serif;
    font-size: 25px;
}

.errorMessage {
    color: #F00;
    font-weight: bold;
    text-align: center;
    display: none;
}

/* Notifications */
div.notification {
    position: fixed;
    right: 5px;
    width: 400px;
    min-height: 110px;
    background-color: rgba(0, 0, 0, 0.48);
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
    overflow: hidden;

}

div.notification .exit {
    background-color: rgba(255, 0, 0, 0.81);
    width: 40px;
    height: 30px;
    position: absolute;
    right: -7px;
    top: -2px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    font-size: 20px;
    padding-left: 12px;
    padding-top: 2px;
    cursor: pointer;
    display: none;
}

div.notification:hover .exit {
    display: block;    
}

div.notification .nlabel {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 23px;
}

.InlineEdit:hover {
    text-shadow: 1px 1px 5px rgba(103, 103, 103, 1);
    cursor: pointer;
}

.notice {
    background-color: #FFF;
    padding: 7px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);  -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);  box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    border-radius: 5px;
}

#loader_3 {
    background-color: rgba(0, 0, 0, 0.61);
    color: #fff;
    width: 100px;
    text-align: center;
    padding: 8px;
    -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;
    font-size: 15px;
    text-transform: capitalize;
    position: fixed;
    left: 50%;
    bottom: 10px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);  -moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.75);  box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.75);
    display: none;
}

.errorBox {
    background: #FFADAD;
    padding: 5px;
    width: 100%;
    display: block;
    margin: 5px 0;
    border: 1.5px solid #C60000;
    cursor: pointer;
    border-radius: 3px;
}

/* buttons */

.button {
    height: 32px;
    line-height: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #2A669D;
    color: white; 

    border: 1px solid #808080;
    box-shadow: inherit;
    -webkit-box-shadow: inherit;
}

    /* Small screens */
@media only screen and (max-width: 767px) {
    .button {
        margin: 8px 0;
    }
}

.button:hover {
    background-color: #4483BD;
}

.button[disabled] .icon-plus:hover,
.button[disabled]:hover,
.button[disabled] {
    background-color: #4676A2;
}


.button.red {
    background-color: #BE0C0C;
    border: 1px solid #727272;
    color: #FFF;
}

.button.green {
    background-color: #078616;
    border: 1px solid #9B9494;
    color: #FFF;
}

.button.gray {
    background-color: #8D8D8D;
    border: 1px solid #71716C;
    color: #FFF;
}

.button.gray:hover {
    background-color: #C0BEBE;
    border: 1px solid #71716C;
    color: #FFF;
}

.button.small {
    line-height: 17px;
    height: 28px;
    padding: 5px 9px;
}

.button.tiny {
    font-size: 10px;
    padding: 5px;
    height: 18px;
    line-height: 7px;
}

/* Inline Edit */
div.InlineEdit.Clickable {
    font-weight: 900;
    color: #000;
    cursor: pointer;
}

.InlineEdit form input {
    padding: 5px;
    height: 25px !important;
    width: 150px !important;
}

.InlineEdit textarea {
    text-decoration: none;
}


/* Containers */

.container.white {
    border: 1px solid;
    padding: 10px;
    border: 1px solid #EBEAE9;  background: #FFF;  -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);  -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);  box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    border-radius: 10px;
    margin: 4px;
    overflow: hidden;
}

/* tables */


.table {
    padding-top: 10px;
}
.table .head {
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    border-color: rgb(131, 114, 114);
    border-width: thin;
    background-color: rgb(228, 222, 208);
    border-style: solid;
    padding: 10px;
}

.table .row {
    padding: 15px 10px;  
}
.table .row-a {
    background-color: rgba(213, 206, 191, 0.13)
}
.table .row-b {
    background-color: rgba(213, 206, 191, 0.78)
}

/* View item in legacy */
/*a.viewInLegacy {
    float: right;
    margin-top: 5px;
}*/

/* Slate Model */

.slateContainer {
    position: absolute;
    width: 910px;
    margin-bottom: 20px;
}

.slateTop, 
.slateBottom, 
.slateEditPanel {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 30px 38px;
}

.slateTop,
.slateEditPanel {
    height: 185px;
}

#knowledgebase .slateTop { height: auto; }

.slateTop {
    position: relative;
    background: #F9F9F5;

    -webkit-box-shadow: 0px -1px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px -1px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px -1px 3px 0px rgba(50, 50, 50, 0.75);

    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;

    z-index: 15;
}
.openstate .slateTop {
    z-index: 10;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.slateBottom {
    position: relative;
    border: 1px solid #EBEAE9;
    background: #FFF;
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    position: relative;
    z-index: 10;
    margin-top: 25px;   
}
.openstate .slateBottom {
    z-index: 5;
}


.slateEditPanel {
    background: #F9F9F5;
    position: absolute;
    -moz-box-shadow: inset 0 0 10px 0 #000;
    -webkit-box-shadow: inset 0 0 10px 0 #000;
    box-shadow: inset 0 0 10px 0 #000;
    
}
.openstate .slateEditPanel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Basic Search */

.basicSearchForm .ui-multiselect-options.ui-widget.ui-widget-content.ui-corner-all {
    background-color: #FFF;
}

.basicSearchForm .ui-multiselect-checkboxes.ui-helper-reset {
    background-color: #FFF;
    margin-bottom: 0px;
}

/*
.top-bar ul li a, .top-bar ul > li.has-dropdown .dropdown li a { color: #A8A8A8;}
ul.dropdown { width: auto !important;}
.top-bar ul > li a:not(.button) { color: #a8a8a8;font-weight:normal}
*/

/* Standard Sizes for pages*/
.page {
    width: 910px;
    margin: 0 auto;
    z-index: 10;
    /*min-height: 80%;*/
    position: relative;
}

@media (max-width: 910px) {
  .page {
      width: 100%;
  }
}

.page .full-width {
    width: 100%;
    margin: 0;
    /*position: absolute;*/
    left: 0;
}

/*
.top-bar ul > li.has-dropdown a:after {border:none}
*/
/*TODO: Fine-Tune this height/width */
.logo { max-height: 100px; max-width: 150px; float: left; margin-right: 10px; }

#siteFooter, #siteHeader { background: #000; }
#primaryNav ul.left { max-width: 259px; }
#primaryNav ul li { float: left;padding: 0px 11px 0px 11px;font-weight: bold;list-style: none outside none;font-size: 9pt; max-width: 150px;}
#primaryNav ul li:last-child { border-right: none;}
#primaryNav ul li a { color: #666;}
#primaryNav ul li.active a { color: #2A85E8;}
#primaryNav .row .nine { margin-bottom: 10px; }
#primaryNav ul li.logo {border-right: none;margin-left: -25px;}

/*Footer Section*/
#siteFooter {
    width: 100%;
    bottom: 0;
    color: #bbbbbb;
    font-size: 10px;
    font-weight: bold;
}

#siteFooter > .row > .columns {
    padding: 0 5px;
}

#siteFooter li {
    line-height: 45px;
    margin-left: 0;
}

#siteFooter .left li a {
    color: #bbbbbb;
    margin-left: 22px;
}

#siteFooter .right li a {
    font-size: 11px;
    color: #7d7d7d;
}

#siteFooter .readi-logo img {
    margin-top: 7px;
}

.top-bar .name {
    color: #7D7D7D;
    font-size: 13px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
}
.top-bar .name a, #siteFooter a        { display: inline !important; }
.top-bar .name a:hover, #siteFooter a:hover  { color: #D9D9D9; }


/* Mobile Menu */

@media (max-width: 767px) {
    #primaryNav ul.right {
        background-color: #000;
        margin-top: 0;
        overflow: hidden;
    }

    #primaryNav ul.left {
        margin-left: 33px
    }

    #siteHeader {
        border-bottom: 1px solid white;
        margin-bottom: 0;    
    }

    #siteHeader .top-bar {
       cursor: pointer;
       width: 100%;
       margin-left: 0;
    }

    .mobileToggleBtn {
        display: block;
        color: #FFF;
        position: absolute;
        top: 2px;
        right: 20px;
        font-size: 25px;
    }

    #primaryNav ul.right li {
        float: none;
        height: 50px;
        border-bottom: 1px solid #FFFFFF;
        width: 100%;
        max-width: inherit;
        padding-top: 0;  
    }

    #primaryNav ul.right li:last-child {
        border-bottom: 0;
    }

    #primaryNav ul.right a {
        color: #ffffff;
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 15px;
        cursor: pointer;
    }

    #primaryNav > .row > .columns {
        padding: 0;
    }

}


#searchTerms {
    background: #FFF;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    width: 100%;
    padding: 6px 28px 6px 6px;
    font-style: italic;
    background: url(../images/rt/icon-search.png) no-repeat right #FFF;
    color: #999;   
}

/*--------- Pretty Selects ---------------*/

input.dropdown, input.dropdown:focus {
    background-image: url("../images/dropkick/dk_arrows.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.selected-item > img.remove {
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin-top: 8px;
 }

.filter-options .selected-item {
     float: left;
     background-color:#e9f0f9;  
     margin:2px; 
     padding-left: 10px; 
     border: solid 1px #ddd; 
     border-radius:5px; 
     -moz-border-radius: 5px;
     overflow: hidden;
     width: 100%;
     height: 34px;
     margin-bottom: 5px;
 }
 
 .filter-options .selected-item span {
    width: 90%;
    display: block;
    float: left;
 }

 /* Report Overrides */
 #Report-Filters .selected-item > img.remove {
    margin-bottom: 0;
    float: none;
    display: inline-block;
    margin: 0 9px 0 7px;
    position: relative;
    top: 2px;
 }

#Report-Filters .filter-options .selected-item span {
    width: auto;
    display: inline-block;
    float: none;
 }

#Report-Filters .filter-options .selected-item {
    width: auto;
    vertical-align: middle;
 }


 /*--------- End Pretty Selects ---------------*/


/* Fix dropkick (foundation screwed it up) */
.dk_options ul, .dk_options ol, .dk_options dl 
{
    margin-bottom: 0;
}

/*input[type="file"] {
    background-color: white;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 14px;
    height: 32px;
    margin: 0 0 12px;
    padding: 6px;
    transition: all 0.15s linear 0s;
    width: 100%;
}*/

/* -----------------------------------------
   Dashboard
----------------------------------------- */

.left-panel                 { width: 670px; float: left; }
.right-panel                { width: 250px; float: left; padding: 0; }
.portlet-column             { float: left; margin: 0 1em 1em 0; padding-bottom: 20px; }
.left-panel .portlet-column { width: 640px; }
.right-panel .portlet-column { width: 100%; }

.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

#dashboard .ui-corner-all {
    border-radius: 4px 4px 4px 4px;
}

#dashboard .ui-sortable-placeholder {
    border: none !important;
    background: none !important;
}

/*#dashboard .ui-widget-content {
    background: url("../themes/base/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    
    color: #222222;
}*/

#dashboard .right-panel .portlet-header {
    border-radius: 0px;
}

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


#dashboard .ui-helper-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#dashboard #supportOrgMessages {
    /* from foundation input styles */
    border: 1px solid;background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block;  margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; 
    /* modifications */
    text-align: center;
    padding-top: 1px;
    color: rgb(190, 190, 190);
}

.portlet-config             { line-height: 32px; }
.portlet-config select      { position: inherit !important; top: inherit !important; visibility: visible !important; }
.portlet                    { padding: 0 24px; margin: 0 1em 1em 0; background: url("../themes/base/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF; border: none; color: #222222; }
.portlet.loading            { background: #fff url('../images/rt/loading.gif') no-repeat; background-position: center; height: 100px; }
.portlet-header > .ui-icon  { float: right; cursor: pointer; }
.portlet-header             { padding: 28px 0 16px 0; text-transform: uppercase; font-weight: bold; border-radius: 0; }
.left-panel .portlet-header { cursor: move; }
.portlet-content            { padding: 24px 0 28px 0; }

.left-panel .portlet-header  { color: #888; }
.left-panel .portlet-content { border-top: 1px solid #ebebeb; }

.right-panel .portlet        { background: none; }
.right-panel .portlet-header { color: #000; border-bottom: 2px solid #BBB; padding: 10px 0 8px 0; font-size: 12px; }
.right-panel .portlet-content { padding-top: 8px; }

.ui-icon {margin-left:10px}
.ui-icon-wrench { background: url(../images/rt/btn-edit.png) no-repeat;height: 16px;width: 16px;}
.ui-icon-closethick { background: url(../images/rt/btn-close.png) no-repeat;height: 16px;width: 16px;}
.ui-icon-minusthick { background: url(../images/rt/btn-collapse.png) no-repeat;height: 16px;width: 16px;}
.ui-icon-plusthick { background: url(../images/rt/btn-expand.png) no-repeat;height: 16px;width: 16px;}


/* -----------------------------------------
Dashboard Templates
----------------------------------------- */

.DashboardTemplateEditorView .SiteBlackout{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.44);
    z-index: 10
}

.DashboardTemplateEditorView #dashboard > .row:first-child {
    position: relative;
    z-index: 15;
    background: url(../images/rt/bg_page.jpg);
    padding-left: 13px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 15px 1px #D1D1D1;
    box-shadow: 0px 0px 15px 1px #D1D1D1;
}

.DashboardTemplateEditorView #dashboard .right-panel .portlet-column .impersonation,
.DashboardTemplateEditorView #dashboard .right-panel .portlet-column .contactinfo,
.DashboardTemplateEditorView #dashboard .right-panel .portlet-column .messages{
    display: none;
}

/* -----------------------------------------
Knowledge Base
----------------------------------------- */
.knowledge-header 
{
    background: #f9f9f5;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 30px 38px;
    margin-top: 20px;
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);
}
.knowledge-body {
    border: 1px solid #ebeae9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #FFFFFF;
    padding: 30px 38px;
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);
}
.knowledge-browser {
    border: 1px solid #ebeae9;
    border-radius: 10px;
    background: #FFFFFF;
    padding: 30px 38px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);
}

.knowledge-header h2 {
    font-family: Helvetica, Tahoma, sans-serif;
    font-size: 28px;
}

a.newentry {
    background: url(../images/rt/knowledgebase/btn-newentry.png) no-repeat;
    height: 27px;
    width: 123px;
    display: block;
    float: right;
    margin-top: 16px;
    cursor: pointer;
}
.newentry:active {
    zoom: 103%;
}

#btn-search {
    height: 32px;
    line-height: 10px;
    background-color: #2a669d;
}
#knowledgebase h3 {
    font-family: Helvetica, Tahoma, sans-serif;
    font-size: 24px;
    border-bottom: 2px solid #ebeae9;
    padding-bottom: 10px;
    font-weight: normal;
}

#knowledgebase h4 {
    font-family: Helvetica, Tahoma, sans-serif;
    font-size: 19px;
    padding-bottom: 6px;
    font-weight: normal;
}

#knowledgebase .row.categories .columns {
     border-right: 2px solid #ebeae9;
}

#knowledgebase .row.categories .columns:last-child {
    border-right: none;
}


#knowledgebase .resource {
    padding-top: 96px;
    text-align: center;
}
#knowledgebase .resource p {
    color: #5f5f5f;
    line-height: 1.2em;
}
#knowledgebase .more {
    font-style: italic;
}

.resource {
    border-right: 1px dotted #c5c5c5;
    background-position: top center;
    background-repeat: no-repeat;    
}
.resources .resource:last-child, .bottomresources .resource:last-child {
    border-right: none;
}
.bottomresources {
    margin-top: 10px !important;
    border-top: 1px solid #c5c5c5;
}
#knowledgebase .bottomresources .resource {
    text-align: left;
    padding-top: 0px;
    margin-top: 10px !important;
    min-height: 200px;
}
.resource ul {
    list-style: none;
}
.resource p span {
    color: #000;
}
.manuals {background-image: url(../images/rt/knowledgebase/bg-resource-book.png);}
.faqs {background-image: url(../images/rt/knowledgebase/bg-resource-faq.png);}
.tutorials {background-image: url(../images/rt/knowledgebase/bg-resource-video.png);}
.downloads {background-image: url(../images/rt/knowledgebase/bg-resource-downloads.png);}
#knowledgebase .equipmenttypes {background: url(../images/rt/knowledgebase/bg-equipmenttypes.png) no-repeat;height: 183px;width: 865px;}
#knowledgebase .jstree-default.jstree-focused { background: none;}
#knowledgebase .jstree a > ins { display: none;}
#knowledgebase .jstree a { color: #5f5f5f;border: none; font-weight:bold;height: auto;font-size: 10px;font-family: Helvetica, Tahoma, sans-serif;line-height: 25px;}
#knowledgebase .jstree-hovered { background: none;border: none;}
.jstree > ul {background:url(../images/rt/jstree/bg-treeview.png) !important}
#knowledgebase .tree h4 {
    color: #3070ab;
    border-bottom: 2px solid #3070ab;
    background: url(../images/rt/jstree/bg-treeheader.png) no-repeat;
    background-position: right 4px;
    padding-bottom: 8px;
    font-weight: bold;
    font-size: 14px;
}
#knowledgebase .itemcount { float: left;font-weight: bold;color: #404040;height: 28px;line-height: 28px;}
#knowledgebase .table-buttons {float:right}
#knowledgebase .table-button { margin-left: 16px;height: 28px;line-height: 28px;display: inline-block;font-weight: bold;}
#knowledgebase .addfile { background: url(../images/rt/knowledgebase/bg-addfile.png) no-repeat;padding-left: 20px;background-position: left center}
#knowledgebase .createfolder { background: url(../images/rt/knowledgebase/bg-createfolder.png) no-repeat;padding-left: 28px;background-position: left center}
#knowledgebase .editfolder { background: url(../images/rt/knowledgebase/bg-createfolder.png) no-repeat;padding-left: 28px;background-position: left center}
#knowledgebase .table-header { margin-bottom: 10px; }
#knowledgebase .data-table table { width: 100%;border: none;}
#knowledgebase .data-table table th { font-size: 12px;border:1px solid #f5f5f5}
#knowledgebase .data-table table td { font-size: 11px;padding-top: 10px;padding-bottom: 10px;border:none;}
#knowledgebase .data-table table td a { font-weight: bold;}
/*#knowledgebase .data-table .filename { width: 163px;}*/
#knowledgebase .data-table .filesize { width: 70px;}
#knowledgebase .data-table .tech { width: 31px;}
#knowledgebase .data-table .category { width: 57px;}
#knowledgebase .data-table .model { width: 39px;}
#knowledgebase .data-table .created { width: 90px;}
#knowledgebase .data-table .entrytype { width: 80px;}
#knowledgebase .data-table .lock { width: 32px;}

#knowledgebase .searchresultsheader { border-radius: 10px;margin-bottom: 20px;}
#knowledgebase .searchresults { background: #FFF;border-radius: 10px;
    border-top-left-radius: 0px;
    padding: 30px;
    }
    
#knowledgebase .ui-tabs .ui-tabs-nav li {
    border-bottom: 0 none;
    float: left;
    list-style: none outside none;
    margin: 1px 0.2em 0 0;
    position: relative;
    top: 0;
    white-space: nowrap;
    width: 140px;
}

#knowledgebase .ui-tabs .ui-tabs-nav li a {
    float: left;
    color: #a6a6a6;
    padding: 16px 0;
    font-weight: bold;
    font-family: Helvetica, Tahoma, sans-serif;
    font-size: 13px;
    text-decoration: none;
    width: 100%;
    text-align: center;
}

#knowledgebase ul.ui-tabs-nav li
{
    background: #f8f8f7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#knowledgebase ul.ui-tabs-nav li:hover,
#knowledgebase ul.ui-tabs-nav li.ui-state-active 
{
    background: #ffffff;
    top: 0;
}

#knowledgebase .ui-tabs .ui-tabs-nav li.ui-state-active a {
        color: #3b86c4;
}
#knowledgebase .searchresult {
    padding:20px 0px 0px 0px;
    border-bottom: 1px dotted #c5c5c5;
}
#knowledgebase .searchresult:first-child {
    padding-top: 0px;
}
#knowledgebase .searchresult a {
    font-weight: bold;
}
#knowledgebase #nodeList                        { height: 300px; overflow-y: auto;overflow-x: hidden; }
#knowledgebase #nodeList ul                     { background-color: #fff; }
#knowledgebase #nodeList .tree-node.selected    { background-color: #f5f5f5; }

#knowledgebase.browse #nodeList                 { max-height: 485px; height: auto; }
#knowledgebase.browse .data-table               { max-height: 500px; height: auto; overflow-x: hidden; overflow-y: auto;}

#knowledgebase a.documentlink { color: #666;display: inline-block;margin-left: 10px; font-weight:normal}
#knowledgebase div.lock { display: block;background: url(../images/rt/knowledgebase/bg-locked.png) no-repeat center center;width: 15px;height: 19px;margin:0 auto}

#knowledgebase .entry-details { background: #FFF;border-radius: 10px;padding: 30px;}
#knowledgebase .entry-details h1 { font-size: 28px;font-weight: normal}
#knowledgebase .entry-details .content {margin-top: 40px;font-family: Arial, Helvetica, Tahoma, sans-serif;color: #5f5f5f;font-size: 14px;}
#knowledgebase .download { line-height: 2em;height: 70px;}
#knowledgebase .downloadpopup { line-height: 1.5em; height: 70px; margin-bottom: 5px; border-bottom: solid 1px #ddddee;}
#knowledgebase .related { padding: 0px 40px;margin-top: 20px;}
#knowledgebase .related h3 {border-bottom:2px solid #dddddd}
div {font:inherit}

/* File types */

.filetype           { float: left; height: 63px; width: 64px; background: url('../images/rt/filetypes/filetype-generic.png') no-repeat left center; }
.filetype.missing   { background-image: url('../images/rt/filetypes/filetype-missing.png'); }
.filetype.pdf       { background-image: url('../images/rt/filetypes/filetype-pdf.png'); }


.entry-form input, .entry-form textarea { margin-bottom: 20px;background:#efefeb}
.entry-form input:focus, .entry-form textarea:focus { margin-bottom: 20px;background:#fafafa}

.star                   { height: 32px; width: 32px; margin: 0 auto 10px auto; cursor: pointer; background: url('../images/rt/knowledgebase/star-unselected.png'); }
.star.selected          { background: url('../images/rt/knowledgebase/star-selected.png'); }

.welcome-header { text-transform: uppercase;color: #B7B7B5;font-weight: lighter; }
.welcome-name { color: #000;font-weight: bold;font-size: 10pt;word-wrap: break-word;/*width: 150px;*/}
.welcome-header.name-no-logo {border-right: none;margin: -10px 0 0 -25px;}
.welcome-name.name-no-logo {border-right: none;margin-left: -25px;}
.welcome-header.name-has-logo {border-right: none; /*margin-left: -30px;*/}
.welcome-name.name-has-logo {border-right: none; /*margin-left: -30px;*/}

/***** Carousel Styles *****/
.jcarousel {
    position: relative;
    overflow: hidden;
    height: 150px;
    width: 810px;
    margin-left: 26px;
}

.jcarousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li       { float: left; }
.jcarousel-item     { text-align: center; font-weight: bold; font-size: 8pt; width: 135px; }
.jcarousel-item a   { color: #5f5f5f; }
.jcarousel img      { height: 110px; width: 110px; }
#carousel-left      { cursor: pointer; position: absolute; top: 0; left: 0; }
#carousel-right     { cursor: pointer; position: absolute; top: 0; right: 0; }

.login { margin-left: auto; margin-right: auto; width: 21em; }
.login input[type="text"] { width: 20em; }
.login input[type="password"] { width: 20em; }
.login button { padding: 0.5em 1em }
.login .policies { margin-top: 1em; }

#instrument-select, #ddlEntryType, #selectContent {
     font-family: inherit;
    border: 1px solid #cccccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    width: 90%;
    font-size: 14px;
    margin: 0 0 12px 0;
    padding: 6px;
    height: 32px;
    width: 80%;
    float:left;
    -webkit-transition: all 0.15s linear;
    box-sizing: border-box;
    background: url("../themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png") ;
    background-position: 50%;
    background-color: #e6e6e3;
    background-repeat: repeat-x
}

#selectContent {
    width: 90% !important;
}

/* Style for popup windows .reveal()*/
#popup .icon-reorder {
    float: right;
    font-size: 19px;
    color: #C7C6C6;
    position: relative;
    right: 16px;
    bottom: 14px;
    cursor: pointer;
}

.portlet-config .clickToDrag {
    left: -4px;
}

.attach-existing-button {
    margin-bottom: 10px;
    margin: 0 auto;
    width: 250px;
    display: block;
    margin-bottom: 10px;
}

.existing-attach {
    border: 1px solid rgb(153, 153, 153);
    padding: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
}

#selectContentPopup {
    font-family: inherit;
    border: 1px solid #cccccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    width:90%
    font-size: 14px;
    margin: 0 0 12px 0;
    padding: 6px;
    height: 32px;
    width: 85%;
    float:left;
    -webkit-transition: all 0.15s linear;
    box-sizing: border-box;
    background: url("../themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png") ;
    background-position: 50%;
    background-color: #e6e6e3;
    background-repeat: repeat-x
}

/*.ui-datepicker .ui-datepicker-next {
    right: 16px;
}*/

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
background-color: black;
font-weight: bold;
color: white;
}

.ui-datepicker-prev.ui-corner-all {
color: rgb(211, 211, 211);
cursor: pointer;
}
.ui-datepicker-next.ui-corner-all {
color: rgb(211, 211, 211);
cursor: pointer;
right: 16px;
}

.time-picker {
    width: 60px !important;
}

div.time-picker li {
    height: 18px;
}

.ui-datepicker .ui-state-active { background-color: #cccccc;  }

#RelatedModelIDs input.ui-state-default {
    margin-bottom: 0px;
    background-color: rgba(0, 0, 0, 0);
}

/* for link tool tip function */
.linkToolTip {
    position: absolute;
    background-color: #FFF;
    width: auto;
    height: 33px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px 0 0 5px;
    -moz-box-shadow: 0px 0px 10px #363636;
    -webkit-box-shadow: 0px 0px 10px #363636;
    box-shadow: 0px 0px 10px #363636;
    display: inline-block;
}
.linkToolTip .btn{
    display: inline-block;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #3b87c4;
    color: #FFF;
    padding: 4px 8px;
    cursor: pointer;
    margin-right: 6px;
}
.linkToolTip .arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid white;
    position: absolute;
    bottom: 33px;
    left: 50%;

}

/* Styles for content wrappers */
.content_container { 
    border: 1px solid gray;
    margin: 0 auto;
    padding: 18px 13px;
    background: #FFF;
    max-width: 910px;
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.content_container .header {
    border-bottom: 1px solid rgb(189, 189, 189);
    padding: 28px 0 16px 0;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0;
}

/*Admin/UploadedContent*/

.uploadedContentPage .filesGrid .filter-options {
    border-bottom: 1px solid #808080;
    margin-bottom: 10px;
    width: 850px;
}

.uploadedContentPage .filesGrid .fileContainer {
    padding: 0 3px;
    width: 9%;
    position: relative;
    float: left;
    position: relative;
    left: 5px;
}

.uploadedContentPage .filesGrid .fileContainer:hover {
    background-color: #D1D1D1;
    cursor: pointer;
}

.uploadedContentPopup .fileIcon,
.uploadedContentPage .filesGrid .fileIcon {
    width: 52px;
    margin: 0 auto;
    height: 63px;
    float: none;
    display: block;
}
.uploadedContentPage .filesGrid .fileName {
    word-wrap: break-word;
    color: black;
} 

.uploadedContentPopup .fileContainer {
    padding: 0 3px;
}

.uploadedContentPage .layoutOption {
    line-height: 19px;
    height: 25px;
    display: inline-block;
    width: 60px;
    padding: 4px 0 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.uploadedContentPage .layoutOption.selected {
    background-color: #e4e4e4;
}
.uploadedContentPage .layoutOption:hover {
    background-color: #9e9e9e;
}

.uploadedContentPage .filesList .row.file {
    line-height: 63px;
    margin: 5px 0;
    border: 1px solid #FFF; /* this is so the div doesn't resize when the border is applied in the hover'*/
}

.uploadedContentPage .filesList .row.file:hover {
    background-color: #E9E9E9;
    border: 1px solid #000;
}

.uploadedContentPage .filesList .row.header {
    border: 1px solid #000;
    background: #E6E6E6;
    height: 30px;
    padding: 0;
    line-height: 30px;
}

.uploadedContentPage .filesList .header .columns {
    height: inherit;
    line-height: inherit;
}

.uploadedContentPage .filesList .fileOptions {
    display: inline-block;
    position: absolute;
    right: 15px;
}

.uploadedContentPage .filesList .rename {
    cursor: pointer;
    color: #999;
}

.uploadedContentPage .filesList .renameOptions {
    height: 20px;
    line-height: 20px;
    position: relative;
    bottom: 7px;
    left: 4px;
}

.uploadedContentPage .filesList .renameOptions span {
    cursor: pointer;
}

.uploadedContentPage .filesList .fileOptions i {
    cursor: pointer;
}

.uploadedContentPage .filesList .fileOptions .icon-trash:hover {
    color: red;
}

.uploadedContentPage .filesList .renameOptions i {
    margin-right: 3px;
}

.uploadedContentPage #ArrangeByInput {
    position: relative;
    left: 8px;
}

.uploadedContentPopup .cancelRename ,
.uploadedContentPopup .renameFile {
    width: 59px;
    background-color: #DBDBDB;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.uploadedContentPopup .cancelRename:hover,
.uploadedContentPopup .renameFile:hover {
    background-color: #BBBABA;
}

.uploadedContentPopup .deleteFile {
    color: #8F0000;
    cursor: pointer;
    float: right;
    display: inline;
    position: relative;
    top: 5px;
}



/**************
** Knowledge Base
***************/

#knowledgebase > .body {
}

#knowledgebase > .body > .search-container {
    width: 100%;
    background-color: #CECECE;
    margin: 9px auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 85px;
    padding: 10px;
}

#knowledgebase  .slateBottom,
#knowledgebase  .slateTop {
    padding: 9px 23px 11px 22px;
}
#knowledgebase .slateBottom {
    padding-bottom: 39px;
    position: relative;
    bottom: 30px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;   
}


#knowledgebase .ui-multiselect-options {
    width: 298px !important;
}

#knowledgebase .ui-icon.ui-icon-triangle-1-s {
    margin-top: -30px;
}

#knowledgebase > .body .search-container input[type=text]{
    margin: 0 0 5px 0;
    display: inline;
}

#knowledgebase > .body > .search-container .recent {
    margin-top: 10px;   
}


#knowledgebase > .body  .search-container .button.search {
    position: relative;
    right: 23px;
}

#knowledgebase > .body .search-container input.search {
    margin-bottom: 6px;
}

#knowledgebase > .body .search-container span.model {
    float: right;
    margin-top: 9px;
    color: #949494;
    font-style: italic;
    margin-right: 5px;
}

#knowledgebase .featured-item {
    background-color: #F7F7F7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
    margin: 0 auto 5px auto;
    height: 46px;
    padding: 5px 0 5px 0;
    max-width: 577px;
}
#knowledgebase .featured-item .image img {
    height: 30px;
    position: relative;
    top: 3px;
}
#knowledgebase .featured-item .image {
    width: 40px;
    margin-left: 8px;
}
#knowledgebase .featured-item .title,
#knowledgebase .featured-item .type {
    font-family: 'Arial Bold', Gadget, sans-serif;
    color: #3B86C4;
    width: 284px;
}
#knowledgebase .featured-item .controls{
    text-align: right;
    width: 180px;
    padding-left: 0;
}

#knowledgebase .featured-item .image,
#knowledgebase .featured-item .title,
#knowledgebase .featured-item .controls {
    display: inline-block;
    vertical-align: middle;
}

#knowledgebase .featured-item .controls i {
    display: none;
}

#knowledgebase #EditFeaturedEntries {
    text-align: right;
    margin-bottom: 10px;
    color: #336E9F;
    cursor: pointer;
}

 #knowledgebase #kb-alerts.entry-details {
    margin-bottom: 20px;
     padding: 10px 0 5px 0;
    background-color: #fafafa;
}
#knowledgebase #kb-alerts .featured-item {
    background: none;
    height: 50px;
    margin: 0 25px;
    max-width: 850px; 
}
/*
#knowledgebase #kb-alerts.detail .featured-item {
    margin-bottom: 0;
}*/

#knowledgebase #kb-alerts.search .featured-item {
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
}

#knowledgebase #kb-alerts .featured-item.last {
    border: none;
    margin-bottom: 0;
}

#knowledgebase #kb-alerts .featured-item .image {
    width: 42px;
}

#knowledgebase #kb-alerts .featured-item .image img {
    height: 32px;
}

#knowledgebase #kb-alerts .featured-item .title {
    width: 610px;
    font-weight: normal;
    font-size: 16px;
    color: #222;
}

#knowledgebase #kb-alerts .featured-item .controls {
    width: 160px;
}
/*kb-alert for anonymous users*/
#knowledgebase #kb-alerts #kb-anon .featured-item .title  {
    width: 284px;
    font-size: 14px;
}

#knowledgebase #kb-alerts #kb-anon .featured-item .controls {
    width: 180px;
}

#knowledgebase #kb-alerts #kb-anon .featured-item .controls .button {
    width: 90%
}

#kb-anon p a {
    text-decoration: underline;
    color: #222;
}

#knowledgebase .iconList {
    float: left;
    width: 50%;
	overflow: hidden;
    list-style-type: none;
    padding-left: 0;
}
#knowledgebase .iconList li {
    margin: 5px 0;
}
#knowledgebase .iconList a {
    text-decoration: none;
}
#knowledgebase .iconList img {
    padding-right: 15px;
    vertical-align: -18px;
}


/*repsonsive container for youtube video*/
.responsive-container {
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}

.responsive-container iframe {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}

#knowledgebase .addNewFeaturedEntry {
    background-color: #F7F7F7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
    margin: 0 auto 5px auto;
    height: 46px;
    padding: 5px 0 5px 0;
    max-width: 577px;
    position: relative;
    bottom: 13px;
    border: 1px dashed #808080;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    cursor: pointer;
    display: none; /*JS Will Show This*/
}

.featured-item .icon-remove,
.featured-item .icon-reorder {
    color: #C4C4C4;
}

.featured-item .icon-remove {
    font-size: 22px;
    padding: 0 0 0 4px;
    position: relative;
    bottom: 1px;
    cursor: pointer;
}

.featured-item .icon-reorder {
    font-size: 19px;
    position: relative;
    bottom: 1px;
    padding: 0 0 0 4px;
    cursor: move;
}


.popularTopics a {
    display: block;
}

.popularTopics .button {
    font-size: 13px;
    width: 250px;
    position: relative;
    top: 100px;
}

#knowledgebase > .body .search-container .ui-autocomplete {
    z-index: 20 !important;
}

#knowledgebase > .body  .search-container .config-dropdown {
    max-width: 200px;
    float: right;
}

#knowledgebase > .body > .categories .columns  {
    border-right: 1px dotted #000;
    height: 100%;
}


#knowledgebase > .body .icon i {
    font-size: 50px;
}
    
#knowledgebase > .body .links a {
    display: block;
}


#knowledgebase > .body .icon {
    height: 65px;
    text-align: left;
    vertical-align: middle;
}

#knowledgebase > .body .iconLabel {
    text-align: left;
    margin-bottom: 5px;
    font-size: 15px;
}

/* sidebar */

#knowledgebase > .sidebar hr {
    border-top: 1px solid #000;
    height: 1px;
}

#knowledgebase > .sidebar .portlet {
    background: inherit;
}

#knowledgebase > .sidebar .portlet-header {
    display: none;
}

#knowledgebase > .sidebar span {
    font-size: inherit !important;
}



/* course selections table */

table.courseMainBlock {
    border: none;
}

table.courseMainBlock h2 {
    margin-top: 0;
}

table.courseSelection {
    border: none;
    width: 100%;
}

table.courseSelection tbody tr:nth-child(even) {
    background: none;
}

table.courseSelection tbody tr td:last-child {
    border-bottom: 1px dotted #C2BDBD;
}

table.courseSelection tbody tr td p{
    margin: 0;
    line-height: 43px;
}

table.courseSelection tbody tr td img {
    height: 40px;
    float: right;
}


/********
 Compatable Equipment
*********/
    .compatibleEquipment {
        margin-top: 10px;
    }

    .compatibleEquipmentEditor .compatibleEquipment {
        width: 370px;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .compatibleEquipment .clabel {
        font-weight: bold;
        border-bottom: 1px solid gray;
        padding-bottom: 3px;
        margin-bottom: 3px;
    }
   
    .compatibleEquipment ul {
        list-style: none;
        margin-bottom: 5px;
    }
    .compatibleEquipment li {
        padding: 5px 0;
        height: 40px;
    }
    .compatibleEquipment li:nth-child(odd) {
        background-color: #E4E4E4;
    }

    .doneEditing,
    .editCompatableEquipment {
        cursor: pointer;
        color: #3B86C4;
        float: right;
        margin: 2px 5px 0 0;
    }

    .compatibleEquipment li img {
        height: 30px;
    }
    .compatibleEquipment li span,
    .compatibleEquipment li img {
        vertical-align: middle;
    }

    .compatibleEquipment .removeModel {
        display: none;
    }
    .compatibleEquipmentEditor .compatibleEquipment .removeModel {
        display: block;
        float: right;
        margin-right: 10px;
        font-size: 16px;
        margin-top: 2px;
        color: #C50000;
        cursor: pointer;
    }
    .compatibleEquipment li.newModel {
        
        text-align: center;
        border: 1px solid #B9B9B9;
        padding: 9px 0 0 0;
        cursor: pointer;
    }
    .compatibleEquipment li.newModel:hover {
        background-color: rgba(25, 199, 25, 0.21);  
    }
    .compatibleEquipment .selectModel {
        display: none;
        height: 40px;
        position: relative;
        bottom: 10px;
    }
    .compatibleEquipment .modelLoading {
        display: none;
    }

    .compatibleEquipmentEditor.open {
        border-top: 1px solid gray;
        padding-top: 15px;
    }


    /*  Form Picker*/
    .formWrapper {
        margin-bottom: 4px;
        overflow: hidden;
        text-align: left;
    
        height: 44px;
        position: relative;
}
    .formWrapper:hover {
        background: rgba(0, 0, 0, 0.05);
        border: 5px;
    }
    .formWrapper > div {
        padding: 6px 10px;
        display: inline-block;
    
        height: 100%;
        vertical-align: middle;
}
    .formWrapper .due {
        background-color: #D4D4D4;
        width: 106px;
        text-align: center;
        position: relative;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
    }
    .formWrapper .due .dueContent {
        position: relative;
    }
    .formWrapper .due .dueContent > span {
        font-weight: bold;
        font-size: 15px;
    }

    .formWrapper .due .dueProgress {
        background: rgba(255, 222, 0, 0.71);
        width: 0;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
    }
        .formWrapper .due .dueProgress.gray { background-color: #CCC; }
        .formWrapper .due .dueProgress.yellow { background: rgba(255, 222, 0, 0.71); }
        .formWrapper .due .dueProgress.red { background-color: #F00; }

    .formWrapper .formLabel {
        line-height: 30px;
        width: 380px;
        overflow: hidden;
    }
    .formWrapper .actions {
        padding: 0;
    
        padding-top: 7px;
        position: absolute;
        top: 1px;
        right: 1px;
}
    .formWrapper .actions > a {
        display: inline-block;
        padding: 7px 13px;
        float: left;
        cursor: pointer;
    }

    .formWrapper .actions .doForm {
        background-color: #1193C3;
        color: #FFF;
        border-radius: 5px;
        margin-left: 5px;
    }

    .formWrapper .actions .rescheduleForm {
        border: 1.5px solid #1193C3;
        padding: 6px 14px;
        color: #096E93;
        display: none;
        border-radius: 5px;
    
        background: url(../images/rt/bg_page.jpg);
}



.RedImgBG {
    background-color: red;
    padding: 5px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
    color: #FFFFFF;
}

.RedImgBG a, .RedImgBG a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.YellowImgBG {
    background-color: yellow;
    padding: 5px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: #000000;
    font-weight: 700;
}

.YellowImgBG a, .YellowImgBG a:hover {
    color: #000000;
    text-decoration: none;
}

.GreenImgBG {
    background-color: green;
    padding: 5px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;
}

.GreenImgBG a, .GreenImgBG a:hover {
    color: #FFFFFF;
    text-decoration: none;
}