/* Minification failed. Returning unminified contents.
(1639,1): run-time error CSS1019: Unexpected token, found '@'
 */
/* CSS Document */

.companycolor { color: #D42E50; }



    .java_embed {

        height: 0px !important;
        width: 0px !important;
        display: none !important;
    }
    
    .k-callout-n {
        left: 0% !important;
    }


    #dialog {
        z-index: 99999;
    }




.copyright {
    color: #6a6a6a;
    font: 16px/150% Arial, Helvetica, sans-serif;
}
    
    p.errorPageMessage {
        font-size: 18px;
    }
    
    h1.errorPageHeader {
        color: #58585B;
    }
    
    .errorPageContainer {
        padding: 20px; 
        vert-align: top; 
        vertical-align: top;
    }
    
    #footer_container {
        margin: auto; 
        padding-bottom: 35px; 
        padding-top: 25px; 
        width: 835px;
    }
    
    #footerLogoContainer {
        margin: auto; 
        margin-bottom: 20px; 
        text-align: left; 
        width: 235px;
        color: white; 
    }
    
        #footerLogoContainer SPAN {
        color: #959595; 
        display: block; 
        font-size: 10px; 
        margin-bottom: 10px;
    }


body {

    background-color: #333333;
    color: #333333;
    font: normal 15.2px Arial, Verdana, sans-serif !important;
    margin: 0;
    padding: 0;
}

.darkDrop, .darkDrop .k-dropdown {
    margin: 0px !important; 
    min-width: 200px;
}

.ui-widget-overlay {
    background: none !important;
    background-color: #000 !important;
    opacity: .5 !important;
	filter:alpha(opacity=50) !important;    
}

.wrap_column {
    overflow: visible !important; 
    white-space: normal !important;
}



.pullLeft { float: left !important; }

.pullRight { float: right !important; }

.clearFormat { clear: both !important; }


.columnFormatMedium { width: 175px; }

.columnFormatSmall { width: 100px; }

.interiorBlock { padding: 15px; }


#deviceselection > table > tbody > tr:hover {
    background: #B2B2B2;
    cursor: pointer !important;
}
   
#centeredmenu, #centeredmenu:hover {
    border: solid 1px #bcb4b0;
    width: 958px;
}

.k-button-small {
    font: normal 12px/1.2em Arial, Verdana, sans-serif !important;
    padding: 8px 14px !important;
    border-radius: 0px !important;
}

.k-menu:after /* clear fix to expand content */ {
    content: '';
    display: block;
    width: 99%;
    height: 0;
    float: inherit;
    overflow: hidden;
}

.menuContainer, .menuContainer:hover {
    display: table !important;
    text-align: center !important;
         border: none !important;    
    margin: 0 auto !important;
}

.k-ie9 #centeredmenu ul, .k-ie9 #centeredmenu ul:hover {
    display: inline !important;
    margin: 0 auto;
    border: none !important;    
    white-space: nowrap;    
}


#centeredmenu ul, #centeredmenu ul:hover {
    margin: 0 auto;
    border: none !important;    
    white-space: nowrap;    
}

#printmenu li.k-state-highlight, #printmenu li.k-state-highlight:hover {
    background-color: transparent !important;
    background-image: url(Chevron.gif);
    background-position: right;
    background-repeat: no-repeat;
    border: none !important;    
    font-weight: bold !important;
}

#printmenu li.k-last, #printmenu li.k-last:hover {
     background-image: none !important;
         border: none !important;
}

#printmenu li.k-item, #printmenu li.k-item:hover {
    background-image: url(Chevron.gif);
    background-position: right;
    background-repeat: no-repeat;
    border: none !important;
    display: inline;
}



.k-window { width: 640px; }


.k-edit-form-container { width: 100%; }

.k-edit-form-container .text-box, 
.k-edit-form-container .k-textbox, 
.k-edit-form-container .k-numerictextbox { width: 100% !important; }



#container { background-color: transparent !important; }

header, #main { background-color: white; }

.user_info_bar a:link, .user_info_bar a:hover, .user_info_bar a:visited {
    color: white;
    text-decoration: none;
}

a:link {
    color: #034af3;
    text-decoration: underline;
}

a:visited { color: #505abc; }

a:hover {
    color: #1d60ff;
    text-decoration: none;
}


header, footer, nav, section { display: block; }
/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-size: 1.5em;
}

h1 {
    font-size: 2em;
    margin-bottom: 0;
    padding-bottom: 0;
}

h2 {
    margin-bottom: 10;
    padding: 0;
}

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

h5 { font-size: 1em; }

h6 { font-size: .85em; }
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.page {
    margin: auto;
    width: 100%;
}

header, #header {
    margin-bottom: 0px;
    padding: 0;
}

header h1, #header h1 {
    border: none;
    color: #fff;
    font-weight: bold;
    line-height: 2em;
    margin: 0;
    text-shadow: 1px 1px 1px #111;
}

#main {
    margin: auto;
    min-height: 600px;
    padding: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px !important;
}

footer, #footer {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    background-color: #242424;
    border-bottom: none !important;
    border-radius: 0px !important;
    bottom: 0px;
    color: black !important;
    font-size: .7em;
    height: 395px;
    line-height: normal;
    padding: 10px 0;
    position: static;
    text-align: center;
    vert-align: bottom;
    vertical-align: bottom;
    vertical-align: text-bottom;
    width: 100%;
}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/


textarea { min-height: 75px; }

.k-grid input.text-box { width: 95% !important; }


/* TABLE
----------------------------------------------------------*/


/* MISC  
----------------------------------------------------------*/

.clear { clear: both; }

.error { color: Red; }

nav, #menucontainer {
    border-bottom: solid .5px lightgrey;
    border-top: solid .5px lightgrey;
    clear: both;
    display: block;
}

div#title {
    background-image: url(Fiserv_Orange_Logo.png);
    background-repeat: no-repeat;
    padding-bottom: 45px;
    padding-right: 30px;
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-top: 15px;
    text-align: left;
    width: 334px;
}

.brand-logo__img {
    display: block;
    width: 90px;
    height: 45px;
    margin: auto;
    z-index: 21;
}

div#title_inverted {
    background-image: url(Fiserv_White_Logo.png);
    background-repeat: no-repeat;
    padding-bottom: 45px;
    padding-right: 30px;
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-top: 15px;
    text-align: left;
    width: 334px;
}

#logindisplay {
    color: White;
    display: block;
    margin: 10px;
    text-align: right;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}
/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error { color: #ff0000; }

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

.input-validation-error {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
}

.validation-summary-errors 
{
    cursor: pointer;
    color: #ff0000;
    font-weight: normal;
}

.validation-summary-valid { display: none; }
/* Styles for editor and display helpers
----------------------------------------------------------*/


.clearbutton {
    border: 1px solid #DADADA;
    color: #58585B;
    cursor: pointer;
    margin: 0px;
    margin-left: 3px;
    margin-right: 3px;
    min-width: 75px;
    padding: 0px;
    padding: 5px 5px 5px 5px;
    text-align: center;
}

.clearbutton:hover {
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
}

a.clearbutton {
    color: #58585B;
    text-decoration: none;
}

#menu {
    border-bottom: none;
}


.printstep div.k-block {
    background-color: white;
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px;    
}

.printstep { border-top: none; }

.innererrordiv {
    color: black;
    min-height: 20px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
    vertical-align: middle;
}

#dismisserror, #dismisssuccess, #dismisswarning {
    cursor: pointer;
    float: right;
    margin-right: 10px;
    text-decoration: underline;
}

#inner_errorMsg, #inner_successMsg, #inner_infoMsg, #inner_warningMsg {
    background-repeat: no-repeat;
    float: left;
    padding-left: 18px;
}

#errorMsg, .errorMsg {
    background-color: white;
    border: solid 1px #DD3435;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}

.validation-summary-errors {
    background-color: #FD5953;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FD5953), to(#FA4F3D)) !important;
    background-image: -webkit-linear-gradient(top, #FD5953, #FA4F3D) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FD5953), to(#FA4F3D)) !important;
    background-image: -webkit-linear-gradient(top, #FD5953, #FA4F3D) !important;
    background-image: -moz-linear-gradient(top, #FD5953, #FA4F3D) !important;
    background-image: -ms-linear-gradient(top, #FD5953, #FA4F3D) !important;
    border: solid 1px #C63434;
    color: white;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FD5953, endColorstr=#FA4F3D) !important;
    font-size: smaller;
    font-weight: bold;
    margin-bottom: 10px;
    text-shadow: none !important;
}

.validation-summary-errors ul {
    border: solid 1px #FF9999;
    border-bottom-width: 0px;
    border-left-width: 0px;
    padding: 10px;    
}

.innersuccessdiv {
    border-top-color: #AFD44E;
    min-height: 20px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
    vertical-align: middle;
}

#successMsg, .successMsg {
    background-color: white;
    border: solid 1px #71A100;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}


.innerinfodiv {
    color: black;
    min-height: 20px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
    text-shadow: 0px 1px 0 rgba(207, 230, 252, 1);
    vertical-align: middle;
}

#infoMsg, .infoMsg {
    background-color: white;
    border: solid 1px #84B1C0;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}

.innerwarningdiv {
    border: solid 1px white;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-color: #FFFFFF;
    color: #645A2E;
    min-height: 20px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
    vertical-align: middle;
}

#warningMsg, .warningMsg {
    background-color: white;
    border: solid 1px #F3B823;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}


#deviceselection {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}


#programSelection {
    border-left: none !important;
    border-right: none !important;
}

#listView_pager {
    border-left: none !important;
    border-right: none !important;
}

.cardlayout {
    border: 1px solid #B2B2B2 !important;
    color: #6E6E6E;
    height: 250px;
    margin: auto;
    margin-bottom: 15px;
    width: 378px;        
}

.k-ie8 .cardlayout {
    margin-left: 75px;
}

.gradientBlock {
    background-color: #f4f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    border: 1px solid #B2B2B2;
    color: #6E6E6E;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f5f5, endColorstr=#dfdddd);
    margin: auto;        
}

.plain_gradientInput {
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    border: solid 1px #E5E5E5;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    outline: 0;
    padding: 5px !important;
}

.k-grid .text-box, .text-box {
    background-color: #fff;
    border-color:#bcb4b0;
    font-size:100%;
    border-style: solid;
    border-width: 1px;
    color: #2e2e2e;
    font-family: inherit;
    height: 2.12em;
    line-height: 1.6em;
    padding: 2px .3em;
    text-indent: 2px\9;
}

.k-grid .text-box,
.k-grid .k-textbox,
.k-grid .k-numerictextbox,
.k-edit-field .k-textbox,
.k-edit-field .k-numerictextbox,
.k-edit-field .text-box { width: 100%; }


.gradient {
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    border: solid 1px #E5E5E5;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    outline: 0;
}

.cardlayout input:hover, .cardlayout input:focus {
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    border-color: #C9C9C9;
}

#sitelist, #instlist { border: solid 1px red !important; }
    
.k-toolbar .k-combobox { width: 165px !important; }
    
.k-upload-button { width: 125px !important; }

div.k-tooltip {
    background-color: white;
    border: solid 1px #C9C9C9;
    clear: both;
    display: block;
    float: left;
    margin: 0px;
    padding: 5px;
}

.modalButton {
    float: right;
}


.k-ie9 .k-grid-edit:hover,
.k-ie9 .k-grid-SendPassword:hover,
.k-ie9 .k-grid-delete:hover,
.k-ie9 .k-grid-EditInstitution:hover,
.k-ie9 .k-grid-EnterPIN:hover,
.k-ie9 .k-grid-edit:hover,
.k-ie9 .k-grid-update:hover,
.k-ie9 .k-grid-cancel:hover,
.k-ie9 .k-grid-delete:hover,
.k-ie8 .k-grid-edit:hover,
.k-ie8 .k-grid-SendPassword:hover,
.k-ie8 .k-grid-delete:hover,
.k-ie8 .k-grid-EditInstitution:hover,
.k-ie8 .k-grid-EnterPIN:hover,
.k-ie8 .k-grid-edit:hover,
.k-ie8 .k-grid-update:hover,
.k-ie8 .k-grid-cancel:hover,
.k-ie8 .k-grid-delete:hover {
    background-color: #a99f9a !important;
    border-color: #a99f9a !important;
    text-shadow: none !important;
}

a.k-grid-EditInstitution, a.k-grid-EnterPIN, a.k-grid-UseThisPrinter {
    color: #58585B;
    text-decoration: none;
}

a.k-grid-EditInstitution:hover, a.k-grid-EnterPIN:hover, a.k-grid-UseThisPrinter:hover {
    color: white;
    text-shadow: none;
}

.compact {
    margin-left: 3px !important;
    margin-right: 3px !important;
    padding: 2px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;	
}


.cao_header {
    margin-left: 0px;
    margin-right: 0px;    
    margin-top: 5px;    
    margin-bottom: 5px;        
    padding: 0px;
}


h2.companycolor { margin-top: 10px; }

.printstep {
    margin: auto;
    max-width: 960px;
    min-width: 960px;
    padding-top: 20px;
}

.k-i-user {
    background-image: url(user-silhouette.png);
    height: 16px;
}

.k-i-save {
    background-image: url(disk-black.png);
    height: 16px;
}

.k-i-print {
    background-image: url(printer.png);
    height: 16px;
}

.k-i-key {
    background-image: url(key.png);
    height: 16px;	
}

.k-i-arrow_down {
    background-image: url(arrow_down.png);
    height: 16px;	
    
}

.tabstringstyle {
    background-color: transparent !important;
    background-image: none !important;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100% !important;
}

    .verticalMiddle {
        vert-align: middle; 
        vertical-align: middle;
    }

td.k-hierarchy-cell {
    background-color: #F3F3F3;
    background-image: none, -webkit-linear-gradient(top, #f6f6f6 0, #eaeaea 100%);
    background-image: none, -moz-linear-gradient(top, #f6f6f6 0, #eaeaea 100%);
    background-image: none, -o-linear-gradient(top, #f6f6f6 0, #eaeaea 100%);
    background-image: none, linear-gradient(to bottom, #f6f6f6 0, #eaeaea 100%);
    border-bottom: solid 1px #B2B2B2;
    border-right: solid 1px #B2B2B2 !important;
}

.k-loading-color {
    background-color: #58585B !important;    
}

.user_info_bar {
    background-color: #333333;
    border-bottom: solid 6px #333f48;
    color: white;
    font-size: .7em;
    font-weight: bold;
    margin-bottom: 0px;
    min-height: 20px;
    padding-bottom: 40px;
    height: 30px;
}

.innerGrid .k-grid-edit, .innerGrid .k-grid-update, .innerGrid .k-grid-cancel, .innerGrid .k-grid-delete {
    margin: 1px !important;
    max-width: 27px !important;
    min-width: 27px !important;
    width: 27px !important;
}


.k-tabstrip .k-content { padding: 5px !important; }

#inst_details_tabstrip-5, 
#inst_details_tabstrip-4, 
#inst_details_tabstrip-3, 
#inst_details_tabstrip-2 { padding: 0px !important; }

.k-tabstrip .k-content { padding: 0px !important; }

#assoc_inst_list, #user_List, #printer_table, #ServiceLocation_Table {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.k-upload {
    border-bottom: none !important;
    border-left: none !important;
    border-radius: 0px !important;
    border-right: none !important;
}

#assoc_inst_list { border-bottom: none !important; }

.k-detail-cell, .k-detail-cell .k-tabstrip .k-content { padding: 0px !important; }

.k-detail-cell {
    background-color: white;
    border-bottom: solid 1px silver !important;
    border-top: solid 1px silver !important;
}

table.busHourTable, table.busHourTable TD, table.busHourTable TH {
    border: none !important;
    padding: 5px;
}

#banner_bar {
    height: 85px;
    background-color: #FF6600;
}

#banner_bar #printbtn {
    float: right;
    margin-right: 15px;
    margin-top: 25px !important;
}

#banner_bar #printbtn .k-icon, .k-button .k-icon {
    color: white !important;
}

#user_editor {
    margin-bottom: 0px;
    width: 950px;
}

#user_editor .tableform label {
    background-color: #F5F5F5;
    display: inline-block;
    margin-right: 2px;
    padding: 9px;
    text-align: right;
    width: 110px;
}

#user_editor .tableform input[type="text"] { width: 180px; }

#user_editor .optionsblock label {
    display: inline-block;
    width: 250px;
}

#user_editor .optionsblock {
    display: inline-block;
    width: 250px;
}

#user_editor fieldset {
    border-color: #F5F5F5;
    margin-bottom: 5px;
    padding-top: 10px;
}

#user_editor #servicelocations .k-item {
    padding-bottom: 5px;
    padding-top: 5px;
}

#user_editor #role_viewer {
    height: 289px;
    overflow: auto;
    width: 225px;
}

.tableform, .tableform td, #user_editor, #user_editor td {
    vert-align: top;
    vertical-align: top;
}

    
.k-group .k-minus, .k-group .k-plus {
    margin-left: -35px !important;
    margin-right: 20px !important;        
}

.notFoundDisplayBlock {
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    background-color: #f4f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
    border: solid 1px #9B9B9B;
    border-bottom: solid 10px #ECC11B;
    color: #58585B;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f5f5, endColorstr=#dfdddd);
    margin: auto;
    margin-top: 100px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
    width: 800px;
}

.errorDisplayBlock {
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    background-color: #f4f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
    border: solid 1px #9B9B9B;
    border-bottom: solid 10px red;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f5f5, endColorstr=#dfdddd);
    margin: auto;
    margin-top: 100px !important;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
    width: 800px;    
}

.big {
    color: #58585B;
    font-size: 96px;
    margin: 10px;
    padding: 10px;
    padding: 10px;        
}

.outerBevel {
    border: solid 1px #9B9B9B;
}

.centered {
    left: 50%;
    margin-left: -175px;
    margin-top: -200px;
    position: fixed;
    top: 50%;
}

.innerBevel {
    border-left: solid 1px white;
    border-top: solid 1px white;
}

.outerLoginContainer { width: 400px; }



.innerLoginContainer { width: 400px; }



.loginHeader {
    background-color: white;
    border-bottom: solid 1px #9B9B9B;
    height: 70px;
    margin: 0px;
    /*padding: 10px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    width: 400px;
}


.loginblock {
    background-color: #E0E0E0;

}

.logintextbox { width: 355px; }

.login_button {
    float: right;
    margin-bottom: 10px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

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

.validation-summary-errors ul li {
    list-style-type: none;
    margin: 0px;
    padding: 3px;
    padding-left: 10px;
}
/***** clearfix *****/

.clear {
    clear: both;
    height: 0;
    line-height: 0;
}

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

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* End hide from IE-mac */

.clearfix { height: 1%; }

.clearfix { display: block; }

/* Panel Tab/button */

.tab {
    background: url(tab_b.png) repeat-x 0 0;
    height: 40px;
    position: relative;
    top: 0;
    z-index: 999;
}

    #csropts .k-dropdown { width: 220px; }

    #csropts{ height: 57px;}

    #csropts td {
        padding: 5px; 
        vert-align: middle; 
        vertical-align: middle;
    }
    
    .emulationCntrl {
        width: 285px !important;
    }

    #emulatingDlg.k-window-content { padding: 0px !important; }

    #emu_inst-list, #emu_svcloc-list, #emu_user-list { width: 375px !important; }

.tab ul.login {
    clear: right;
    color: white;
    display: block;
    float: right;
    font-size: .7em;
    height: 40px;
    line-height: 40px;
    margin: 0;
    position: relative;
    right: 150px;
    text-align: center;
    width: auto;
    padding: 0px;    
}
#toggle {
    width: 60px;
}

.tab ul.login li.left {
    background: url(tab_l.png) no-repeat left 0;
    display: block;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0;
    width: 30px;
}

.tab ul.login li.right {
    background: url(tab_r.png) no-repeat left 0;
    display: block;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0;
    width: 30px;
}

.tab ul.login li {
    background: url(tab_m.png) repeat-x 0 0;
    display: block;
    float: left;
    height: 40px;
    padding: 0 6px;
    text-align: left;
}

.tab ul.login li a { color: #15ADFF; }

.tab ul.login li a:hover { color: white; }

.tab a.open, .tab a.eclose {
    cursor: pointer;
    display: block;
    height: 20px;
    line-height: 20px !important;
    padding-left: 30px !important;
    position: relative;
    top: 11px;
    width: 100px;
}

.tab a.open { background: url(bt_open.png) no-repeat left 0; }

.tab a.eclose { background: url(bt_close.png) no-repeat left 0; }

.tab a:hover.open { background: url(bt_open.png) no-repeat left -19px; }

.tab a:hover.eclose { background: url(bt_close.png) no-repeat left -19px; }

/* sliding panel */

#toppanel {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    position: absolute; /*Panel will overlap  content */
    /*position: relative;*//*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
}

#panel {
    background: #333333;
    color: #999999;
    display: none;
    height: 55px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 3;
}


#panel .content input:focus.field { background: #545454; }

#selectable_roles, #selectable_reports, #selectable_printers {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.ui-tooltip, .arrow:after {
    background: papayawhip !important;    

    border: 1px solid silver !important;
}

.ui-tooltip {
    box-shadow: none;
    font-size: .7em !important;
}  


.reportChevron {
    background-image: url(Chevron.gif);
    background-position: 97% 15px;
    background-repeat: no-repeat;
    border: none !important;        
}

        #inv_container h4 {
            margin: 0px;
            padding: 0px;
        }

        #inv_container .ui-tabs-vertical {
            margin: auto;
            width: 99%;
        }

        #inv_container .ui-tabs-vertical .ui-tabs-nav {
            float: left;
            padding: .2em .1em .2em .2em;
            width: 15em;
        }

        #inv_container .ui-tabs-vertical .ui-tabs-nav li {
            border-bottom-width: 1px !important;
            border-right-width: 0 !important;
            clear: left;
            margin: 0px;
            width: 100%;
        }

        #inv_container .ui-tabs-vertical .ui-tabs-nav li a { display: block; }

        #inv_container .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
            border-right-width: 1px;
            border-right-width: 1px;
            padding-bottom: 0;
            padding-right: .1em;
        }

        #inv_container .ui-tabs-vertical .ui-tabs-panel {
            background-color: white;
            border-left: solid 1px #aaaaaa;
            float: left;
            margin-left: 1px;
            padding: 1em;
            width: 75%;
        }

        #inv_container .ui-state-focus { outline: none !important; }

        #inv_container .ui-widget-content { background-color: white !important; }

        #inv_container .ui-state-default {
            background: none !important;
            border: none !important;
            display: block !important;
            text-shadow: none !important;
        }

        #inv_container .ui-state-active {
            background-color: white !important;
            border-bottom: solid 1px #aaaaaa !important;
            border-top: solid 1px #aaaaaa !important;
        }
        
        
	     #report_wizard .wizard { }

	     #report_wizard .wizard-modal form {
	         margin: 0;
	         padding: 0;
	     }

	     #report_wizard .wizard-modal.modal { }

	     #report_wizard .wizard-modal-footer {
	         padding: 0px;
	         background-color: #f5f5f5;
	         text-align: right;
	     }

	     #report_wizard .wizard-card-container { }


         #report_wizard .wizard-hide-card {
             display: none !important;
         }

	     #report_wizard .wizard-modal-header.modal-header h3 {
	         display: inline;
	         line-height: 35px;
	     }

	     #report_wizard .wizard-modal-header.modal-header { border-bottom: 0; }

	     #report_wizard .wizard-subtitle {
	         color: #AFAFAF;
	         font-weight: bold;
	         padding-left: 20px;
	     }

	     #report_wizard .navigation {
	         list-style: none;
	         margin: 0px;
	         padding: 0px;
	         padding-left: 0px;
	     }

	     #report_wizard .disabled { display: none !important; }

	     #report_wizard .navigation li { padding: 5px; }

	     #report_wizard .active {
	         background-color: white !important;
	         color: black;
	     }

	     #report_wizard .active a { color: black !important; }

         #report_wizard .inner_wizard_container {
             margin-top: 0px !important; 
             border: solid 1px silver; 
             background-color: white;
         }

	     #report_wizard .already-visited { cursor: pointer; }

	     #report_wizard .already-visited a { color: black !important; }

	     #report_wizard .wizard-nav-item a { color: silver; }

	     #report_wizard .wizard-error,
	     #report_wizard .wizard-failure,
	     #report_wizard .wizard-success,
	     #report_wizard .wizard-loading,
	     #report_wizard .wizard-card {
	         border-top: 1px solid #EEE;
	         display: none;
	         margin-right: 5px;
	         overflow-y: auto;
	         padding: 15px;
	         position: relative;
	     }

	     #report_wizard .wizard-nav-link .icon-chevron-right {
	         float: right;
	         margin-top: 12px;
	         opacity: .25;
	     }

	     #report_wizard li.wizard-nav-item.active .icon-chevron-right { opacity: 1; }

	     #report_wizard li.wizard-nav-item { line-height: 40px; }

	     #report_wizard .wizard-modal.modal .nav-list > li > a {
	         background-color: #f5f5f5;
	         color: #B4B4B4;
	         cursor: default;
	         padding: 3px 15px 3px 20px;
	     }

	     #report_wizard .wizard-modal.modal .nav-list li.active > a { background-color: #08C; }

	     #report_wizard .wizard-modal.modal .nav-list > li.already-visited > a.wizard-nav-link {
	         color: #08C;
	         cursor: pointer;
	     }

	     #report_wizard .wizard-modal.modal .nav-list > li.active > a.wizard-nav-link { color: white; }

	     #report_wizard .already-visited > a.wizard-nav-link:hover { background-color: #E4E4E4; }

	     #report_wizard .wizard-card > h3 {
	         font-size: 21px;
	         font-weight: normal;
	         line-height: 40px;
	         margin-bottom: 20px;
	         margin-top: 0;
	     }

	     #report_wizard .wizard-progress {
	         bottom: 0;
	         padding: 15px;
	     }

	     #report_wizard .wizard-progress-container { padding: 20px; }

	     #report_wizard .wizard-steps {
	         background-color: #f5f5f5;
	         max-width: 250px;
	         width: 28%;
	     }

	     #report_wizard .wizard-nav-container {  }

	     #report_wizard .nav > li > a.wizard-step-error {
	         background-color: #F2DEDE;
	         color: #B94A48;
	         font-weight: bold;
	     }

	     #report_wizard .wizard-step-error .icon-chevron-right { opacity: 0; }

	     #report_wizard .wizard-input-section { margin-bottom: 20px; }

	     #report_wizard .wizard-buttons-container { padding: 10px;border-top: solid 1px silver; }

	     #report_wizard .wizard-modal .popover.error-popover {
	         background-color: #F2DEDE;
	         border-color: #953B39;
	         color: #B94A48;
	     }

	     #report_wizard .wizard-modal .popover.error-popover .arrow::after { border-right-color: #F2DEDE; }

	     #report_wizard .wizard-modal .popover.error-popover .popover-title { display: none; }

	     #report_wizard .wizard-modal .popover.error-popover .arrow { border-right-color: #953B39; }

	     #report_wizard .wizard-modal p {
	         margin: 0 0 10px;
	         padding: 0;
	     }

	     #report_wizard #wizard-ns-detail-servers, .wizard-additional-servers {
	         font-size: 12px;
	         margin-left: 15px;
	         margin-top: 10px;
	     }

	     #report_wizard #wizard-ns-detail-servers > li, .wizard-additional-servers li {
	         line-height: 20px;
	         list-style-type: none;
	     }

	     #report_wizard #wizard-ns-detail-servers > li > img { padding-right: 5px; }

	     #report_wizard .wizard-modal .chzn-container .chzn-results { max-height: 150px; }

	     #report_wizard .wizard-addl-subsection { margin-bottom: 40px; }        


         .k-menu-horizontal {

             border-left: none !important;
            border-right: none !important;
         }

    .k-menu.k-header, .k-tabstrip.k-header, .k-tabstrip .k-tabstrip-items .k-item, .k-header.k-scheduler-toolbar, .k-scheduler-footer > .k-header {
        background-color: transparent;
    }

.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: #f1f1f1;
}

.k-grid td, .k-grid th {
    border-style: solid;
    border-width: 0 1px 0 1px !important;
    border-color: rgb(213, 213, 213) !important;
}

.k-grid-header th.k-header {
    min-height: 21px;
    line-height: 21px;
    padding: .5em .6em .4em .4em !important;
    border-bottom: solid 1px rgb(213, 213, 213) !important;
}

.k-menu-link {
    color: #2e8bc9 !important;
    padding: 0.750em !important;
    text-decoration: none !important;    
}
.k-menu-link:hover {
    text-decoration: underline !important;
}

input[type="submit"], custom_button {
    font: normal 16px/1.45em Arial, Verdana, sans-serif !important;
    display: inline-block;
    font-size: 1em !important;
    color: white !important;
    background: #f60 !important;
    border: 0 !important;
    padding: 5px 20px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    line-height: 1.7em !important;
    font-family: sans-serif !important;
    margin: 0 !important;
}

#tabstrip-left.k-tabstrip .k-content {
    padding: 10px !important;
}

.k-grid-content .k-tabstrip {
    width: 100% !important;
}

#CardNumber, #CardholderName, #ExtraEmbossing {
    height: auto !important;
    padding: 0px !important;
}

#CardNumber {
    margin-top: 5px !important;
}

.printFooter {
    display: block;
}

a.k-button {
    text-decoration: none !important;
}

.k-tooltip-validation {
    font-size: 12px;
}

.k-window-action {
    background: black !important;
    color: black !important;
    width: 30px !important;
    padding: 0px !important;
    height: 30px !important;
}

.k-window-action .k-icon {
    color: black !important;
}
.k-edit-form-container .k-edit-buttons .k-grid-update {
    float: right !important;
}
.k-window .k-edit-buttons {
    background-color: white !important;
}

.cancel_button, .k-grid-cancel {
    background-color: #666666 !important;
}

.k-menu .k-item {
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
}


.k-ie #CardNumber, 
.k-ie #CardholderName, 
.k-ie #ExtraEmbossing {
    height: 34px !important; 
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    padding: 3px !important;


}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    line-height: 32px !important;
}

.k-ie .k-combobox .k-input, .k-ie .k-numeric-wrap .k-input, .k-ie .k-picker-wrap .k-input, .k-ie .k-textbox > input {
    height: 2.05em !important;
}

input.k-textbox, input.k-textbox {
    height: 34px !important;
}


input.k-textbox, textarea.k-textbox {

    padding: 2px !important;
}

#menu_bar li.k-item,
#menu_bar li.k-state-hightlight,
#menu_bar li.k-state-default,
#menu_bar li.k-menu-item,
#menu_bar li.k-state-hover,
#menu_bar li.k-state-focused {
    border-bottom: solid 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
}

.k-ie #menu_bar li.k-item,
.k-ie #menu_bar li.k-state-hightlight,
.k-ie #menu_bar li.k-state-default,
.k-ie #menu_bar li.k-menu-item,
.k-ie #menu_bar li.k-state-hover,
.k-ie #menu_bar li.k-state-focused {
    border-bottom: solid 1px lightgrey !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
}

#menu_bar li.k-state-hover {
    background-color: lightgrey !important;
}

.k-numerictextbox .k-link {
    height: 1.0em !important;
}
.clearfix { *zoom: 1; }

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}

.clearfix:after { clear: both; }

.hide-text {
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
}

.input-block-level {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    min-height: 30px;
    width: 100%;
}

@
-ms-viewport { width: device-width; }

.hidden {
    display: none;
    visibility: hidden;
}

/* 800 and lower*/
@media (max-width: 767px) {
    body { font-size: 0.65em; }

    .printstep {
        max-width: 763px;
        min-width: 763px;
    }

    #centeredmenu {
        max-width: 760px !important;
        min-width: 760px !important;
        width: 760px !important;
    }

    #printbtn { margin-top: 15px !important; }

    #title {
        margin-bottom: 5px !important;
        margin-top: 5px !important;
    }

    .k-grid-content .k-tabstrip { width: 680px !important; }

    .printStepHeader { display: none; }

    .interiorBlock {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* between 800 and 968*/
@media (min-width: 768px) {
    body { font-size: 0.80em; }

    .k-grid-content .k-tabstrip { width: 680px !important; }

    .printstep {
        max-width: 881px;
        min-width: 881px;
    }

    #centeredmenu {
        max-width: 878px !important;
        min-width: 878px !important;
        width: 878px !important;
    }

    .printStepHeader { display: none; }

    .interiorBlock {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* between 960 and 1024*/
@media (min-width: 961px) {
    body { font-size: 0.80em; }

    #inv_nav { width: 200px; }

    .printStepHeader { display: none; }

    .k-grid-content .k-tabstrip { width: 900px !important; }

    .printstep {
        max-width: 960px;
        min-width: 960px;
    }

    #centeredmenu {
        max-width: 960px !important;
        min-width: 958px !important;
        width: 960px !important;
    }

    .k-grid td, th.k-header { padding: 4px !important; }

    .k-button { margin: 1px; }

    .interiorBlock {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* 1200 and higher*/
@media (min-width: 1200px) {
    body { font-size: 0.85em; }

    .printStepHeader { display: block; }

    #inv_nav { width: 223px !important; }
    
    .k-grid-content .k-tabstrip { width: 1150px !important; }

    .printstep {
        max-width: 1100px;
        min-width: 1100px;
    }

    
    .interiorBlock {
        padding-left: 20px;
        padding-right: 20px;
    }

    #dontusecenteredmenu {
        max-width: 1098px !important;
        min-width: 1098px !important;
        width: 1100px !important;
    }
}

/* 1200 and higher*/
@media (min-width: 1400px) {
    .k-grid-content .k-tabstrip { width: 1300px !important; }
    body { font-size: 0.95em; }
    #inv_nav { width: 240px !important; }
}

/* 1200 and higher*/
@media (min-width: 1550px) {
    .k-grid-content .k-tabstrip { width: 1450px !important; }
}

/* 1900 and higher*/
@media (min-width: 1900px) {
    .k-grid-content .k-tabstrip { width: 1790px !important; }

    body { font-size: 1.0em; }
}