/* 
    Document   : global
    Created on : Aug 20, 2013, 11:23:45 AM
    Author     : jcox
    Description:
        Purpose of the stylesheet follows.
*/

root {
    display: block;
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

html,
body {
    margin: auto;
    width: 100%;
    min-width: 800px;
    max-width: 2000px;
    height: 100%;
}

body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    background: #EEE;

}

.wrapper {
    background: #FFF;
    box-shadow: 5px 5px 3px #aaaaaa;
    margin: auto;
    min-height: 100%;
    height: auto;
    overflow: visible;
}

header {
    width: 100%;
    text-align: left;
    height: 50px;
    background: #19458C;
    padding-bottom: 10px;
}

#banner {
    background: transparent;
    text-align: center;
    vertical-align: top;
}

#banner1 {
    background: transparent;
    text-align: center;
    vertical-align: top;
}

#main {
    width: 100%;
    height: auto;
    overflow: visible;
}

.dataWrap {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#creditsSummary {
    margin: 0px 0 0 30px;
}

.ui-menuitem-icon {
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

#content {
    width: 100%;
    height: auto;
}

.deleteButtonClass {
    background-image: url('../images/delete16.png');
    background-repeat: no-repeat;
}


h1 {
    font-weight: 400;
}

h2.widgetTitle {
    margin-bottom: 10px;
}

h3 {
    font-weight: 400;
    font-size: 18px;
}

.dataTableWrap {
    max-width: 98%;
    margin-left: 8px;
}

.ui-datatable-scrollable .ui-datatable-scrollable-header-box,
.ui-datatable-scrollable .ui-datatable-scrollable-footer-box {
    padding: 0px;
}

.radioTable {
    border: 0px;
    padding: 0px;
    outline: none;
}

/* TABLE STYLE */
/*
table.data.style1 {
    table-layout: fixed;
    border: none;
    font-size: small;
    text-align: center;
    border-spacing: 1px;
}
.data.style1 tbody tr:nth-child(even) {
    background: rgb(218, 230, 240);
}
.data.style1 th {
    background: rgb(220, 220, 220);
    height: 35px;
    padding: 5px 10px;
}
.data.style1 td {
    padding: 8px 10px;
}

table.data.style2 {
    table-layout: fixed;
    border: none;
    font-size: small;
    text-align: center;
    border-collapse: collapse;
    border-bottom: 1px solid black;
}
.data.style2 tbody tr:nth-child(even) {
}
.data.style2 th {
    background: rgb(192, 216, 246);
    height: 35px;
    padding: 5px 10px;
}
.data.style2 td {
    padding: 8px 10px;
}
.data.style2 td:not(:last-child) {
    border-right: 1px dashed black;
}

table.data.style3 {
    table-layout: fixed;
    border: none;
    font-size: small;
    text-align: center;
    border-collapse: collapse;
    border-bottom: 1px solid black;
}
.data.style3 tbody tr:nth-child(even) {
    background: #ededff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOGNkZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ededff 0%, #a8cdea 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededff), color-stop(100%,#a8cdea));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top,  #ededff 0%,#a8cdea 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top,  #ededff 0%,#a8cdea 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top,  #ededff 0%,#a8cdea 100%);  IE10+ 
    background: linear-gradient(to bottom,  #ededff 0%,#a8cdea 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededff', endColorstr='#a8cdea',GradientType=0 );  IE6-8 
}
.data.style3 th {
    background: #efefef; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #aaaaaa 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#aaaaaa));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#aaaaaa 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top,  #f7f7f7 0%,#aaaaaa 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#aaaaaa 100%);  IE10+ 
    background: linear-gradient(to bottom,  #f7f7f7 0%,#aaaaaa 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#aaaaaa',GradientType=0 );  IE6-8 */
/*
    height: 35px;
    padding: 5px 10px;
}
.data.style3 td {
    padding: 8px 10px;
}
.data.style3 td:not(:last-child) {
    border-right: 1px dashed black;
}*/

/***********************/



.errorMsg {
    color: red;
    list-style: none;
    padding: 0;
}

.raiseDelDialog {
    cursor: pointer;
}

.ui-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
}

.ui-breadcrumb {


    border: none;
    background: white;
}

footer {
    width: 90%;
    background: white;
}

footer,
.push {}

/* TEMP -- STYLE SWITCHER */
.style-switcher-wrap {
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -250px;
    height: 500px;
    width: 200px;
    z-index: 99;
}

.style-switcher-stub {
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -100px;
    height: 200px;
    width: 50px;
    display: block;
    background: rgb(18, 94, 179);
    box-shadow: 2px 0 10px -3px black;
    cursor: pointer;
    z-index: -1;
}

.vertical-text {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

    color: white;
    width: 200px;
    font-size: 22px;
    position: relative;
    top: 55px;
    left: -75px;
}

.style-switcher {
    position: relative;
    left: -250px;
    height: 500px;
    width: 200px;
    box-shadow: 2px 0 10px -3px black;
    z-index: 99;
    text-align: center;
    background: white;
}

.style-switcher label {
    display: block;
}

.close {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    margin: 5px;
}

input[type=button].style1,
input[type=submit].style1 {}

input[type=button].style2,
input[type=submit].style2 {
    background-color: lightblue;
}

/*input[type=button].style3,
input[type=submit].style3 {
        background-color: transparent;
        background-image: url('../images/u79_normal.png'); 
        background-repeat: no-repeat; 
        text-align: center;
        display: inline-block;
        font-weight: bold; 
        cursor: pointer;
        border: none;
        width: 130px; 
        height: 30px; 
        padding: 7px 3px;
        color: white;
}
input[type=button].style3:HOVER,
input[type=submit].style3:HOVER {
        background-image: url('../images/mouseOver.png');
}*/

button,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
input[type=button].style3,
input[type=submit].style3 {
    background: #4c85ff;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjODVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iIzEyNWViMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #4c85ff 0%, #125eb3 68%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c85ff), color-stop(68%, #125eb3));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4c85ff 0%, #125eb3 68%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4c85ff 0%, #125eb3 68%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4c85ff 0%, #125eb3 68%);
    /* IE10+ */
    background: linear-gradient(to bottom, #4c85ff 0%, #125eb3 68%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c85ff', endColorstr='#125eb3', GradientType=0);
    /* IE6-8 */

    text-align: center;
    display: inline-block;
    cursor: pointer;
    border: none;
    padding: 5px 10px;
    color: white;
    border-radius: 3px;
}

input[type=button].style3:hover,
input[type=submit].style3:hover {
    background: rgb(18, 94, 179);
}

input[type=button].style3:active,
input[type=submit].style3:active {
    background: rgb(18, 66, 119);
}

.ui-inputfield {
    width: 145px;
    margin-right: 10px;
    height: 10px;
}

.short .ui-inputfield {
    width: 75px;
}

.formTable tr td:first-child {
    text-align: right;
}

.formTable input,

.formTable textarea,
.formTable select {
    margin-left: 20px;
}


.ui-column-filter {
    width: 60px !important;
}


.label {
    font-weight: bold;
    padding-bottom: 5px;
    text-align: right;
    border-collapse: collapse;
    border-bottom: 1px solid #bed6f8;
    border-left: 1px solid #bed6f8;
    border-right: 1px solid #bed6f8;
    color: #000000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    text-align: left;
    padding: 5px;
    margin: 0px;
}

.tb {
    padding-left: 5px;
    padding-bottom: 5px;
    text-align: left;
    border-collapse: collapse;
    border-bottom: 1px solid #bed6f8;

    border-right: 1px solid #bed6f8;
    color: #000000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    text-align: left;
    padding: 5px;
    margin: 0px;
}


.ui-breadcrumb ul li.first a {
    background-image: none;
    text-indent: 0;
    display: block;
    float: left;
    height: 21px;
    line-height: 21px;
    width: 30px;
    margin-top: 0;
    overflow: hidden;
    position: relative;
}

.actionButtonsGrid.ui-panelgrid>*>tr,
.actionButtonsGrid.ui-panelgrid .ui-panelgrid-cell {
    border: none;
    background-color: transparent;
}

.mydialog .disable-scroll .ui-dialog-content {
    overflow: hidden !important;
}

.dialogReportGrid.ui-panelgrid>*>tr,
.dialogReportGrid.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

.ui-datatable .ui-state-highlight {
    background: #ffaf4b !important;
}

.center {
    text-align: center;
    margin: 0px auto;
}

.ui-inputnumber .ui-widget {
    width: 50px;
    text-align: center;
}

.mydialog div.ui-dialog-titlebar {
    background: #00418F;
    ;
    color: white;
    width: 100%;
    line-height: 20px;
}

.ui-datatable .ui-column-filter {
    height: 20px;
    width: 80% !important;
    margin: 2px auto;
}

.ui-dialog .ui-widget-header {
    background: #19458C;
    color: #ffffff
}

.ui-dialog .ui-dialog-titlebar {
    font-weight: normal;
    padding-left: 5px;
}