﻿
#ui-datepicker-div { display: none; }
.h1 {
    font-size: 31px;
    font-weight: bold;
    line-height: 29px;
    margin: 0;
    padding: 0;
    font-family:  "Century Gothic", "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;
}

.h2 {
    font-size: 22px;
    font-weight: bold;
    line-height: 29px;
    margin: 0;
    padding: 0 0 10px 0;
    font-family: "Century Gothic", "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;
}
.h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 29px;
    margin: 0;
    padding: 0 0 10px 0;
    font-family: "Century Gothic", "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;
}

.h2b {font-weight: bold; padding: 2px 0 2px 0;
       font-family: "Century Gothic", "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;}



.title2{font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;
        font-size: 18px;font-weight: bold; padding:4px 0 4px 0;display:inline-block;color: #5C9CCC;}
 p2 {
    line-height: 2.2em;
    padding: 10px 0;
    }
.disabled{background-color:Gray;}
.container{height:100%; min-height:100%;  position:relative; height: auto !important;}
.detailcontainer{padding:10px 0 0 20px;min-height:450px; background-color:White;
                 padding-bottom:72px;   /* Height of the footer */
                 margin-top:40px;
}
.detailcontainer .title{width:330px; height:56px; float:left; background:#070607; margin:8px 0 18px;}
.detailcontainer .title span{float:right; font-size:24px; color:#fff; font-weight:normal; text-transform:uppercase; padding:20px 18px 0 0; font-family:Impact, Charcoal, sans-serif;}

.gridcontainer {}
.gridcontainer div{display:inline-block;width:100%;}

table.tblData{border-spacing:1px;}
table.tblData td{padding:2px; height:20px;text-align:left;vertical-align: middle;}
table.tblData td.std {vertical-align:top;padding:3px;padding-right:2px;min-width:120px;}
table.tblData td.req {vertical-align:top;font-weight:bold;color:#990000;}
table.tblData td.label {vertical-align:top;padding:3px;padding-right:2px;min-width:80px;text-align:left;}
table.tblData td.labelright {vertical-align:top;padding:3px;padding-right:2px;padding-left:6px;min-width:80px;text-align:left;}
table.tblData td.label_req {vertical-align:top;padding:3px;padding-right:2px;min-width:80px;}
table.tblData td.labelright_req {vertical-align:top;padding:3px;padding-right:2px;padding-left:6px;min-width:80px;}
table.tblData input{border:none;}
table.tblData input[type="text"],input[type="number"],input[type="url"],input[type="email"]{border:1px solid #7b9ebd;min-width:196px;padding-top:0px;}
table.tblData input[type="password"]{border:1px solid #7b9ebd;height:16px;}
table.tblData input[type="date"],input[type="datetime"]{min-width:170px;height:16px;}
table.tblData input[type="file"]{border:1px solid #7b9ebd;height:18px;min-width:196px;}
table.tblData input.req{background-color:#FFFFCC;}
table.tblData input.datepicker{ background:url('../images/cal.png') no-repeat right center white;}
table.tblData select{height:20px;border:1px solid #7b9ebd;width:200px;}
table.tblData select.req{background-color:#FFFFCC;}
table.tblData textarea{min-width:200px;min-height:50px;resize: none;border:1px solid #7b9ebd;}
table.tblData textarea.req{background-color:#FFFFCC;resize: none;}
table.tblData input.datepicker{min-width:100px; width:100px;}
/*table.tblData span{font-size:8pt;font-family:tahoma;}*/

.griddata {border-color:#767676;border-width:1px 1px 1px 1px;border-style:solid;border-spacing:1px;width:100%;}
.griddata tbody tr {vertical-align:middle;border: 1px solid #767676}
.griddata tbody tr th {background-color:#9d9d9d;border-color:#767676;border-width:0 1px 0 0;border-style:solid;border-spacing:0;color:black;height:22px;font-size:10pt;font-variant:normal;font-weight:bold;padding:2px 4px 1px 4px;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;z-index:99}
.griddata tbody tr td {border-color:#767676;border-width:1px 1px 0 0;border-style:solid;border-spacing:0;height:15px;font-size:9pt;color:black;vertical-align:top;padding:2px 4px 1px 4px;text-overflow:ellipsis;word-wrap:break-word;}
.griddata tbody tr td:first-child {text-align:center;}
/*.griddata tbody tr td {vertical-align:middle; border-color:#a0a0a4;border-width:1px 1px 0 0;border-style:solid;border-spacing:0;height:15px;font-size:9pt;color:black;vertical-align:top;cursor:pointer;padding:2px 4px 1px 4px;text-overflow:ellipsis;word-wrap:break-word;}
*/
.griddata thead tr{border: 1px solid #a0a0a4;}
.griddata thead tr th{border-color:#a0a0a4;border-width:0 1px 0 0;border-style:solid;border-spacing:0;color:Black;height:24px;font-size:10pt;font-variant:normal;font-weight:bold;padding:2px 4px 1px 4px;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;z-index:99}
.griddata thead tr th a{float:left;text-decoration:none;color:#005c96;font-weight:bold;}
.griddata thead tr th img{float:right;}

.gridpager td {text-align:right;border:0;}
.gridpager table {border:0; float:right;}
.gridpager table tbody tr {vertical-align:middle;border:0;}
.gridpager table tbody tr td {border:0; color:blue;}

          
 
.left{padding-right:4px;}
.middle{width:40%;padding-right:10px;}
.right{}

/* #EBEDF5, c3dbf9, dae9fb, f1f7fe, dadada, ffffff */
.headerRow{background-color: #000000; color: White; font-weight: bold;}
.rowStyle {background-color: transparent; }
.altRowStyle{background-color: #f1f7fe; }
.highlightRow {background-color: #c3dbf9;font-size: larger;}
.selectedRow{background-color: #dae9fb;}


ul.submenu
{
    width:200px;
    margin:auto;
}
ul.submenu li
{
   padding:0 0 6px 0;
   line-height:28px;
}
ul.submenu li a
{
    text-align:center;
    background-color: #000000;
    color: #FFFFFF;
    font-family:Impact, Charcoal, sans-serif;
    font-size:20px;
    text-transform:uppercase;
    display:block; width:100%;
  }
  
  .ErrorMsg{padding-top:4px;padding-bottom:10px;display:block;}