/* DEFAULTS
----------------------------------------------------------*/
/*
    font-family: Tahoma, Geneva, sans-serif;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    old green a6e028
*/
      
body {
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: .80em;
    color: #000;
    min-height:1000px;
    background-color:#fff/* #00599f; *//*url('../Images/Blue-background.jpg') repeat center;*/
}

a:link, a:visited {
    color: #000;
}

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

a:active {
    color: #000;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

textarea {
    background-color:#fff;
    color:black;
    height:20px;
    line-height:20px;
    border:2px solid #ccc;
}

textarea:focus {
    color:black;
    background-color:lightblue;
    border:2px solid red;
}

fieldset {
    background-color: transparent;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    border: 1px solid #ccc;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    margin-bottom: 20px;
}

input {
    background-color:#fff; 
    color:black;
    height:35px;
    font-size:12px; 
    line-height:20px;
    -webkit-border-radius: .2em; 
    -moz-border-radius: .2em;
    border-radius: .2em;  
  border: 1px solid #DDD;
} 
 
input:focus {
    background-color:#eeeded; 
    border:2px solid #ccc;
}

input:invalid {
    border:3px solid red;
}

/*select {
    background-color:#fff; 
    color:black;
    height:20px;
    line-height:20px;
    -webkit-border-radius: .2em; 
    -moz-border-radius: .2em;
    border-radius: .2em;
    border:2px solid #ccc;
    vertical-align:middle;
 }
select:before {
    width:100%;
    min-width: 145px;
    background-color: lightblue;
    line-height:20px;
}
select:link {
    background-color:lightblue;
    color:black;
    margin:5px;
    height:20px;
    line-height:20px;
} 
select:focus {
    background-color:lightblue;
    border:2px solid #ccc;
}
select:hover{
    background-color:lightblue;
    color:black;
}*/


select {
  border: 0;
  z-index: 10;
  background: #FFF;
  display: block; 
  z-index: 10; 
  margin: 0;
  padding: 9px 10px;
  color: #626262;
  outline: none;
  text-indent: 0.01px;
  text-overflow: '';
  background: #FFF;
  border: 1px solid #DDD;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: normal;
  height:40px;
}
select:before,
select:after {
  background: #FFF;
}
select::-ms-expand {
  display: none;
}
select .fa-arrows-v,
select .arrow {
  pointer-events: none;
  position: absolute;
  top: 9px;
  right: 4px;
  width: 24px;
  height: 24px;
  color: #9F9F9F;
  z-index: 100;
}
select .fa-arrows-v {
  top: 14px;
  right: -8px;
}
select .arrow:after,
select .arrow:before {
  content: '';
  position: absolute;
  font: 12px "Consolas", monospace;
  font-style: normal;
  pointer-events: none;
  left: 5px;
}
select .arrow:before {
  content: '\25BC';
  bottom: 4px;
}
select .double:after {
  content: '\25B2';
  top: -1px;
}
select .double:before {
  content: '\25BC';
  bottom: -1px;
}
select-multiple select {
  width: 100%;
  height: 123px;
  padding: 10px;
}
/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    font-variant:normal;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-top:5px;
    margin-bottom: 0px;
    text-align:left;
}

h2
{
    font-size: 1.5em;
    height: 20px;
    text-align:left;
    padding-left:5px;
    line-height:20px;
    border-bottom:1px solid #ccc;
}

h3
{
    font-size: 1.2em;
    border-bottom:1px solid #ccc;
    text-align:left;
    color:#000;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
}

.main {
    margin: 0 auto;
    /*width:1130px;*/
    width:100%;
    padding: 0px 12px;
    min-height: 420px;
}

.dealermain
{
    width: 100%;
    height:1000px;
    margin: 5px auto 5px auto;
    background:#fff url('../Images/dog-loading.png') no-repeat center 160px;
}

.menu {
    margin: auto;
    width: 100%;
    background-color: #88c439;
    height: auto;
    vertical-align: middle;
    padding: 20px 0px 20px 0px;
}

.rightalign {
    margin: auto;
    position: absolute;
    top:0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 100px;
    background-color:#84c233;
    padding: 20px;
    font-size: 14px;
    border: #000 2px solid;
}

.page {
    background-color: #ffffff;
}

.header
{
    margin: 0 auto; 
    width:100%;
    background: #fff;
    height:165px;
}

.clear
{
    clear: both;
}

.title
{
    float: left;
    text-align: left;
    margin-left:25px;
    margin-top:5px;
    height:160px;
    background-color:white;
}

.footer {
    clear:both;
    margin: 0 auto; 
    line-height:45px;
    text-align:center;
    font-size:12px;
}
.loginDisplay
{
    text-align: right;
    font-size:15px;
    padding: 10px;
    color: #719430;
}

.employeeDisplay{
    text-align: right;
    font-size:15px;
    padding: 10px;
    color: #666666;
}

.loginDisplay a:link
{
    color: #719430;
}

.loginDisplay a:visited
{
    color: #719430;
}

.loginDisplay a:hover
{
    color: #719430;
}

.loginpage
{
    margin:auto;
    max-width: 100%;
    min-height:550px;
    background-color:#fff;
}

.logintable{
    clear:both;
    margin: auto;
    width:100%;
    max-width:450px;
    padding:25px; 
    color:black;
    background-color:#fff;
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em;
    border-radius: .4em;
}

.logindata
{
   max-width:450px;  width:100%; padding:15px; line-height:70px; text-align:center; margin:0 auto;    
}

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

.tablesearch {
    width:100%;
}
.tablesearch th {vertical-align:middle; line-height:30px; margin-left:10px;font-weight:normal}
.tablesearch td {vertical-align:middle; line-height:30px}

.gridtitle {
    font-weight:normal;
    font-size:10px;
}
.gridtitle th a {
    text-decoration: none;
    padding: 10px;
    color: #000;
}

.gridclass {
    clear:both;
    color:#666666;
    width:auto;
}
.gridclass tr td
{
    padding: 0px;
    line-height:20px;
}
.gridclass tr th
{
    padding: 0px;
}
.gridclass tr:hover td
{ 
    color:#000; 
    background-color:#ccc; /*b8dc88*/
}
.gridclass tr:hover a 
{
    text-decoration:none; 
}
.gridclass a 
{
    color:#000;
    text-decoration:none; 
}

.detailsview 
{
    width:100%;
    
}


.detailsviewcontact {
    position:relative;
    width:100%;
}
.detailsviewcontact th { text-align:right; width:130px;vertical-align:top; padding-left:5px; font-weight:normal }
.detailsviewcontact td { text-align:left; width:300px; vertical-align:top; font-weight:bold}

.detailstable {
    width:100%;
    border: 1px solid #ccc;
    margin: 5px;
    padding: 0px;
    vertical-align:text-top;
    line-height:25px;
}
.detailstable th { text-align:right; width:30%;vertical-align:top; padding-left:5px; font-weight:normal; height:20px; }
.detailstable td { text-align:left; width:auto; vertical-align:top; font-weight:bold}

.datatablefillout {
    width:100%;
    height:auto;
    min-height:55px;
    margin: 5px;
    padding: 0px;
    vertical-align:top;
    line-height:40px;
}
.datatablefillout th { text-align:right;width:150px;vertical-align:top; padding-right:3px; font-weight:normal; }
.datatablefillout td { text-align:left; width:300px; vertical-align:top; font-weight:bold}

.headertable { color:#000; background-color:#00b6f2; height:35px;border: 1px #000 solid; line-height:35px; vertical-align:middle; font-size:14px}

.maindatatable th { width:auto;}
.maindatatable td { width:auto;}

.RequiredInfo {
    background-color:#fff;
    color:#465c71;
    font-size: 12px;
    height:30px;
    line-height:30px;
    -webkit-border-radius: .2em; 
    -moz-border-radius: .2em;
    border-radius: .2em;
    border:2px solid #ccc;
}

.innerclass {
    margin: 5px;
    width:auto;
    clear:both;
    min-height:700px;
    height:auto;
    padding-bottom:40px;
}

.panelsearchfilter {
    float:left;  
    width:auto; 
    vertical-align:middle; 
    padding:0px;
    min-height:170px;
    font-size:14px;
}

.panelsearch {
    float:left;  
    width:auto; 
    vertical-align:middle; 
    padding:5px 0px 5px 0px;
    line-height:40px;
    font-size:14px;
}
.marginright{
    margin-right:10px;
}
.panelright {
    float: right;
    width: auto;
    vertical-align:middle; 
    padding:5px 0px 5px 0px;
    line-height:40px;
    font-size:14px;
}
.panelleft{
    clear:both; 
    float:left;  
    width:auto; 
    vertical-align:middle; 
    padding:5px 5px 5px 5px;
    line-height:38px;
    font-size:14px;
}
.panelfloatleft
{
    float:left;  
    width:auto; 
    vertical-align:middle; 
    padding:5px 0px 5px 0px;
    line-height:38px;
    font-size:14px;
}
.panelwork {
    clear:both;
    float:none;
    margin: 10px auto;
    padding:5px 0px 5px 0px;
    font-size:14px;
    width:100%;
    position:relative;
    top:0px;
}
.floating {
    /*margin:auto;
    position: absolute;
    top:0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 20px;
    font-size: 14px;
    border: #000 2px solid;
    width:auto;*/
    position: fixed;
    margin:0 auto;
    text-align:center;
    top: 40%;
    right:10%;
    left:10%;
    width:50%;
    padding: 0px;
    background-color:#f1f1f1;
    border: #666666 1px solid;
    padding:15px;
}
.panelcicoold {
    clear:both; 
    float:left;  
    width:100%; 
    vertical-align:middle; 
    margin:0px;
    padding-bottom:20px;
    line-height:40px;
    min-height:300px;
    background-color:#aad9e8;
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em;
    border-radius: .4em;
} 
.floatingbig { 
    position: fixed;
    z-index:500;
    margin:0 auto;
    text-align:center; 
    top: 25%;
    right:10%;
    left:10%;
    width:60%;
    padding: 0px;
    background-color:#f1f1f1;
    border: #666666 1px solid;
    padding:15px;
} 
.floatingpanel{ 
    /*clear:both;*/ 
    /*float:left;*/ 
    position:fixed; 
    z-index:500;
    width:auto; 
    vertical-align:middle; 
    margin:0 auto;
    top:10px; 
    right:15%;
    left:15%; 
    padding:10px;
    line-height:40px;
    min-height:500px;
    background-color:#fed897; 
    border:solid 1px #ccc;
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em;
    border-radius: .4em;
}
.panelgrid {
    height: auto;
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 30px;
}
.floatingpanelthemes {
    /*clear:both;*/
    /*float:left;*/
    position: fixed;
    z-index: 600;
    width: auto;
    vertical-align: middle;
    margin: 0 auto;
    top: 10px;
    right: 10%;
    left: 10%;
    padding: 10px;
    line-height: 30px;
    min-height: 400px;
    background-color: #fed897;
    border: solid 1px #ccc;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
} 
.floatingpanelsmall{ 
    /*clear:both;*/ 
    /*float:left;*/ 
    position:fixed; 
    z-index:500;
    width:auto; 
    vertical-align:middle; 
    margin:0 auto;
    top:250px; 
    right:20%;
    left:20%; 
    padding:10px;
    line-height:40px;
    min-height:200px;
    background-color:#fed897; 
    border:solid 1px #ccc;
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em;
    border-radius: .4em;
} 

.cicoleft {
    float: left;
    width: 49%;
    vertical-align: text-top;
    padding: 2px;
}
.cicoright {
    float: right;
    width: 49%;
    vertical-align: text-top;
    padding: 2px;
}

.line20
{
    height:40px;
    line-height:10px;
    font-size:small;
}
.datatable {
    width:98%;
    margin: 5px;
    padding: 5px;
    vertical-align:top;
    line-height:40px;
    border: 1px solid #ccc;
}

.datatable th { text-align:right;width:25%;vertical-align:top; padding-right:5px; font-weight:normal; }
.datatable td { text-align:left; width:75%; vertical-align:top; font-weight:bold}

/* details */
.userdetailstable_1cols {width: 98%;line-height: 25px;font-size: 14px;margin: 10px;padding:5px;border:none;}
.userdetailstable_1cols th { text-align:left; width:48%;vertical-align:top; padding-left:5px; font-weight:normal; border:none }
.userdetailstable_1cols td { text-align:left; width:48%; vertical-align:top; font-weight:bold; border: solid 1px #ccc; margin:5px; padding:5px;}

.userdetailstable_2cols {width: 98%;line-height: 25px;font-size: 14px;margin: 10px;padding:5px;border:none;}
.userdetailstable_2cols th { text-align:left; width:48%;vertical-align:top; padding-left:5px; font-weight:normal; border:none }
.userdetailstable_2cols td { text-align:left; width:48%; vertical-align:top; font-weight:bold; border: solid 1px #ccc; margin:5px; padding:5px;}

.userdetailstable_3cols {width: 98%;line-height: 25px;font-size: 14px;margin: 10px;padding:5px;border:none;}
.userdetailstable_3cols th { text-align:left; width:33%;vertical-align:top; padding-left:5px; font-weight:normal; border:none }
.userdetailstable_3cols td { text-align:left; width:33%; vertical-align:top; font-weight:bold; border: solid 1px #ccc; margin:5px; padding:5px;}

.userdetailstable_4cols {width: 98%; line-height: 25px; font-size: 14px;margin: 10px;padding:5px;border:none;}
.userdetailstable_4cols th { text-align:left; width:24%;vertical-align:top; padding-left:5px; font-weight:normal; border:none }
.userdetailstable_4cols td { text-align:left; width:24%; vertical-align:top; font-weight:bold; border: solid 1px #ccc; margin:5px; padding:5px;}

.userdetailstable_5cols {width: 98%;line-height: 25px;font-size: 14px;margin: 10px;padding:5px;border:none;}
.userdetailstable_5cols th { text-align:left; width:20%; vertical-align:top; padding-left:5px; font-weight:normal; border:none }
.userdetailstable_5cols td { text-align:left; width:20%; vertical-align:top; font-weight:bold; border: solid 1px #ccc;margin:5px; padding:5px;}

.userdetailstable_6cols {width: 98%;line-height: 25px;font-size: 14px;margin: 10px;padding:5px;border:none;}
.userdetailstable_6cols th { text-align:left; width:15%; vertical-align:top; padding-left:5px;  font-weight:normal; border:none;}
.userdetailstable_6cols td { text-align:left; width:15%; vertical-align:top; font-weight:bold; border: solid 1px #ccc; margin:5px; padding:5px;}

.userdetailstable_fullrow {width: 98%;line-height: 25px;font-size: 14px;margin: 10px;padding:5px;border:none;}
.userdetailstable_fullrow th {text-align:left; width:95%; vertical-align:top; padding-left:5px;  font-weight:normal; border:none;}
.userdetailstable_fullrow td {text-align:left; width:95%; vertical-align:top; font-weight:bold; border: solid 1px #ccc; margin:5px; padding:5px;}

/* Edit */
.useredittable_1cols {
    width: 50%;
    line-height: 25px;
    font-size: 14px;
    margin: 5px auto 5px auto;
    padding: 2px;
    border:none;
}
.useredittable_1cols  th { text-align:right; width:50%; vertical-align:middle; padding-left:5px; font-weight:normal; border:none }
.useredittable_1cols  td { text-align:left; width:50%; vertical-align:middle; padding:5px;}

.useredittable_2cols {
    width: 100%;
    line-height: 25px;
    margin: 5px;
    padding: 2px;
    border:none;
}
.useredittable_2cols  th { text-align:left; width:50%; vertical-align:top; padding-left:5px; font-weight:normal; border:none }
.useredittable_2cols  td { text-align:left; width:50%; vertical-align:top; padding:5px;}

.useredittable_3cols {
    width: 100%;
    line-height: 25px;
    margin: 5px;
    padding: 0px 2px 0px 0px;
    border:none;

}
.useredittable_3cols th { text-align:left; width:33%;vertical-align:top; padding-left:10px; border:none }
.useredittable_3cols td { text-align:left; width:33%;vertical-align:top; padding:5px; }

.useredittable_4cols {
    width: 100%;
    line-height: 25px;
    margin: 5px;
    padding: 0px 2px 0px 0px;
    border:none;

}
.useredittable_4cols th { text-align:left; width:25%;vertical-align:top; padding-left:10px; border:none }
.useredittable_4cols td { text-align:left; width:25%;vertical-align:top; font-weight:bold; padding:5px; }

.useredittable_5cols {
    width: 100%;
    line-height: 25px;
    margin: 5px;
    padding: 0px 2px 0px 0px; 
    border:none;

}
.useredittable_5cols th { text-align:left; width:20%;vertical-align:top; padding-left:10px; border:none }
.useredittable_5cols td { text-align:left; width:20%;vertical-align:top; font-weight:bold; padding:5px; }

.useredittable_6cols {
    width: 100%;
    line-height: 25px;
    margin: 10px;
    padding: 0px 2px 0px 0px;
    border:none;

}
.useredittable_6cols th { text-align:left; width:15%;vertical-align:top;padding-left:10px;  border:none;}
.useredittable_6cols td { text-align:center; width:15%;vertical-align:top; font-weight:bold; padding:5px;   }

.useredittable_8cols {
    width: 95%;
    line-height: 25px;
    font-size: 14px;
    border:none;

}
.useredittable_8cols th { text-align:left; width:12%;vertical-align:top; padding-left:10px; font-weight:normal; border:none }
.useredittable_8cols td { text-align:center; width:12%;vertical-align:top; font-weight:bold; padding:5px; }

.reportsearchtable {
    width: 100%;
    line-height: 35px;
    margin:10px;
    border:none;
}

.moredetailstable {
    width: 95%;
    line-height: 25px;
    font-size: 14px;
    margin: 10px;
    padding: 0px;
    border:none;

}
.moredetailstable th { text-align:left; width:30%;vertical-align:top; padding-left:5px; font-weight:normal; border:none }
.moredetailstable td { text-align:left; width:30%; vertical-align:top; font-weight:bold; border: solid 1px #ccc;}

.detailstable4COLS {
    width: 95%;
    line-height: 25px;
    font-size: 14px;
    margin: 10px;
    padding: 0px;
    border:none;

}
.detailstable4COLS th { text-align:left; width:25%;vertical-align:top; padding-left:5px; font-weight:normal; border:none }
.detailstable4COLS td { text-align:left; width:25%; vertical-align:top; font-weight:bold; border: solid 1px #ccc;}


.gotolink a {
    text-decoration:underline;
    color:darksalmon;
}

.titlefont {
    font-size: 8.5px;
    font-weight: normal;
}

/* Buttons */

.mainsmallbutton {
    color:#fff;
    background-color:#8496b2;
    font-weight:bold;
    height:35px;
    line-height:30px;
    text-decoration:none;
    vertical-align:central;
    text-align:center;
    width:auto;
    cursor:pointer;
    border: 1px #ff6a00 solid;
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em;
    border-radius: .4em;
}

.mainsmallbutton:hover{color:#dde4ec; background-color:#8496b2; font-weight:bold}

/****************/
/* dropdownlist */
.WindowsStyle .ajax__combobox_textboxcontainer input
{
    border: solid 1px #5e5e5e;
    height: 22px;
    vertical-align:top;
    min-width:145px;
}
.WindowsStyle .ajax__combobox_buttoncontainer button
{
    height:22px;
    width:25px;
    vertical-align:top;
}
.WindowsStyle.ajax__combobox_itemlist
{
    margin: 0px;
    padding: 0px;
    cursor: default;
    list-style-type: none;
    text-align: left;
    border: solid 1px #5e5e5e;
    background-color: lightblue;
    width:100%;
}
.WindowsStyle .ajax__combobox_itemlist li
{
    width:100%;
    min-width: 145px;
    background-color: lightblue;
}
.WindowsStyleSmall .ajax__combobox_textboxcontainer input
{
    border: solid 1px #5e5e5e;
    height: 22px;
    vertical-align:top;
    min-width:75px;
}
.WindowsStyleSmall .ajax__combobox_buttoncontainer button
{
    height:22px;
    width:25px;
    vertical-align:top;
}
.WindowsStyleSmall .ajax__combobox_itemlist
{
    margin: 0px;
    padding: 0px;
    cursor: default;
    list-style-type: none;
    text-align: left;
    border: solid 1px #5e5e5e;
    background-color: lightblue;
    width:75px;
    max-height:150px;
}
.WindowsStyleSmall .ajax__combobox_itemlist li
{
    width:100%;
    min-width: 75px;
    background-color: lightblue;
}
.ajax__combobox_itemlist
{
    margin: 0px;
    padding: 0px;
    cursor: default;
    list-style-type: none;
    text-align: right;
    border: solid 1px #5e5e5e;
    font-weight: normal;
    color: black;
    width:auto;
    background-color: lightblue;
}

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



/*Menu*/
@charset 'UTF-8';
#cssmenu {
    
    font-size: 18px;
    height:50px;
    font-weight: bold;

    color: #8e8e8e;
    margin: auto;
    width: 100%;
    background-color: #d3d3d3;
    height: auto;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
}
#cssmenu > ul {

}
#cssmenu ul {
    margin: 0 auto; 
    width:auto;
    background: #d3d3d3;
    /*background: -webkit-linear-gradient(#cdcdcd 0%, #e2e2e2 80%, #cdcdcd 100%);
    background: linear-gradient(#cdcdcd 0%, #e2e2e2 80%, #cdcdcd 100%);
    border-top: 1px solid #A8A8A8;
    -webkit-box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #aad9e8, 0 2px 0 #acce63, 0 8px 0 #aad9e8, 0 9px 0 #b8dc88, 0 -1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #aad9e8, 0 2px 0 #acce63, 0 8px 0 #aad9e8, 0 9px 0 #b8dc88, 0 -1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #aad9e8, 0 2px 0 #acce63, 0 8px 0 #aad9e8, 0 9px 0 #b8dc88, 0 -1px 1px rgba(0, 0, 0, 0.1);*/
    height: 50px;
    list-style: none;
    padding:0px;
}
#cssmenu ul ul {
   border-top: 6px solid #aad9e8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#cssmenu ul ul a {
    line-height: 50px;
}
#cssmenu ul ul ul {
    left: 100%;
    top: 0;
}
#cssmenu li {
    float: left;
    padding: 0px 8px 0px 8px;
}
#cssmenu li a {
    color: #666666;
    display: block;
    line-height: 50px;
    padding: 0px 25px;
    text-align: center;
    text-decoration: none;
}
#cssmenu li a:hover {
    color: #000;
    text-decoration: none;
}
#cssmenu li ul {
    background: #e0e0e0;
    border-left: 2px solid #aad9e8;
    border-right: 2px solid #aad9e8;
    border-bottom: 2px solid #aad9e8;
    display: none;
    height: auto;
    filter: alpha(opacity=95);
    opacity: 0.95;
    position: absolute;
    width: 170px;
    z-index: 200;
}
#cssmenu li:hover > ul {
    display: block;
}
#cssmenu li li {
    display: block;
    float: none;
    padding: 0px;
    position: relative;
    width: 170px;
}
#cssmenu li ul a {
    display: block;
    font-size: 12px;
    font-style: normal;
    padding: 0px 10px 0px 15px;
    text-align: left;
}
#cssmenu li ul a:hover {
    background: #ccc;
    color: #666666;
    opacity: 1.0;
    filter: alpha(opacity=100);
} 
#cssmenu p {
    clear: left;
}
#cssmenu .active > a {
    background: #aad9e8;
    -webkit-box-shadow: 0 -4px 0 #aad9e8, 0 -5px 0 #acce63, 0 -6px 0 #aad9e8;
    -moz-box-shadow: 0 -4px 0 #aad9e8, 0 -5px 0 #acce63, 0 -6px 0 #aad9e8;
    box-shadow: 0 -4px 0 #aad9e8, 0 -5px 0 #acce63, 0 -6px 0 #aad9e8;
    color: #666666;
}
#cssmenu .active > a:hover {
    color: #000;
}

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

/* Tab */
MyTabStyle .ajax__tab_header
{
    display: block;
    line-height:20px;
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer
{
    background-color: #fff;
    border-color: #222;
    padding:5px 5px 5px 5px;
    color:#000000;
    font-size:17px;
    border:solid 1px #ccc;
}
.MyTabStyle .ajax__tab_header .ajax__tab_inner
{
    color: #000;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background-color:#b8dc88;
    color: #000000;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_inner 
{
    color: #fff;
}
.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    background-color: #d29105;
    color: #000000;
}    
.MyTabStyle .ajax__tab_active .ajax__tab_inner
{
}
.MyTabStyle .ajax__tab_body
{
    background-color: #fff;
    border:solid 1px #ccc;
}


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

/* Buttons */

.mainsmallbutton {
    color:#000;
    background-color:#ccc;
    font-weight:bold;
    height:35px;
    line-height:30px;
    text-decoration:none;
    vertical-align:central;
    text-align:center;
    width:auto;
    cursor:pointer;
    border: 1px #000 solid;
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em;
    border-radius: .4em;
}

.mainsmallbutton:hover{color:#000; background-color:#ccc; font-weight:bold}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  padding:15px;
  margin-top:10px;
  min-height:40px;
  min-width:100px;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover{
  color: #000;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:visited{
  color: #000;
  background-color: #47a447;
  border-color: #398439;
}
.btn-default {
  color: #333333;
  background-color: #79c1fc;
  border-color: #000;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #79c1fc;
  border-color: #adadad;
}
.submitbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ccc), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #ccc 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#d29105');
	background-color:#ccc;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	border:0px solid #eda933;
	display:inline-block;
	color:#000;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:auto;
	text-decoration:none;
	text-align:center;
    min-width:100px;
    vertical-align:middle;
}
.submitbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #ccc) );
	background:-moz-linear-gradient( center top, #d29105 5%, #ccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#ccc');
	background-color:#d29105;
    cursor:pointer;
}
.submitbutton:active {
	position:relative;
	top:1px;
}

.pagebutton {
    background-color:transparent;
	font-size:16px;
	height:50px;
	line-height:50px;
	width:auto;
	text-decoration:none;
	text-align:center;
    vertical-align:middle;
    min-width:50px;
    border:none;
}
.pagebutton:hover {
    cursor:pointer;
}

/*.pagebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #b8dc88;
	-webkit-box-shadow:inset 0px 1px 0px 0px #b8dc88;
	box-shadow:inset 0px 1px 0px 0px #b8dc88;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8dc88), color-stop(1, #b8dc88) );
	background:-moz-linear-gradient( center top, #b8dc88 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8dc88', endColorstr='#b8dc88');
	background-color:#b8dc88;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	border:0px solid #eda933;
	display:inline-block;
	color:#000;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:auto;
	text-decoration:none;
	text-align:center;
    vertical-align:middle;
    min-width:50px;
}
.pagebutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #ccc) );
	background:-moz-linear-gradient( center top, #d29105 5%, #ccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#ccc');
	background-color:#b8dc88;
    cursor:pointer;
}*/

.ActionButton {
	/*-moz-box-shadow:inset 0px 1px 0px 0px #b8dc88;
	-webkit-box-shadow:inset 0px 1px 0px 0px #b8dc88;
	box-shadow:inset 0px 1px 0px 0px #b8dc88;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8dc88), color-stop(1, #b8dc88) );
	background:-moz-linear-gradient( center top, #b8dc88 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8dc88', endColorstr='#b8dc88');*/
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	border:0px solid #eda933;
	background-color:#b8dc88;
	color:#000;
	height:40px;
	line-height:40px;
    width: 220px;
	text-indent:0px;
	display:inline-block;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-align:center;
    vertical-align:middle;
}
.ActionButton:hover {
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #ccc) );
	background:-moz-linear-gradient( center top, #d29105 5%, #ccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#ccc');*/
	background-color:#98df33;
    cursor:pointer;
}
.ActionButton:active {
	position:relative;
	top:1px;
}
.ActiveButton{
	/*-moz-box-shadow:inset 0px 1px 0px 0px #b8dc88;
	-webkit-box-shadow:inset 0px 1px 0px 0px #b8dc88;
	box-shadow:inset 0px 1px 0px 0px #b8dc88;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8dc88), color-stop(1, #b8dc88) );
	background:-moz-linear-gradient( center top, #b8dc88 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8dc88', endColorstr='#b8dc88');*/
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	border:0px solid #eda933;
	background-color:#d29105;
	color:#000;
	height:40px;
	line-height:40px;
    width: 220px;
	text-indent:0px;
	display:inline-block;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-align:center;
    vertical-align:middle;
}

.mainbutton {
	/*-moz-box-shadow:inset 0px 1px 0px 0px #b0b0b0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #b0b0b0;
	box-shadow:inset 0px 1px 0px 0px #b0b0b0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b0b0b0), color-stop(1, #b0b0b0) );
	background:-moz-linear-gradient( center top, #b0b0b0 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b0b0', endColorstr='#b0b0b0');*/
	background-color:#ccc;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	border:0px solid #eda933;
	display:inline-block;
	color:#000;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:auto;
	text-decoration:none;
	text-align:center;
    min-width:70px;
    vertical-align:middle;
}
.mainbutton:hover {
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #ccc) );
	background:-moz-linear-gradient( center top, #d29105 5%, #ccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#ccc');*/
	background-color:#eda933;
    cursor:pointer;
}
.mainbutton:active {
	position:relative;
	top:1px;
}
.redbutton {
	background-color:lightblue;
	color:red;
    font-size:larger;
}
.redbutton:hover {
    color:red;
    font-size:larger;
    cursor:pointer;
}

.cancelbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b0b0b0), color-stop(1, #ababab) );
	background:-moz-linear-gradient( center top, #b0b0b0 5%, #ababab 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b0b0', endColorstr='#ababab');
	background-color:#b0b0b0;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	display:inline-block;
	color:#777777;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:auto;
	text-decoration:none;
	text-align:center;
	border:0px solid #eda933;
	text-decoration:none;
	text-align:center;
    min-width:100px;
    vertical-align:middle;
}
.cancelbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ababab), color-stop(1, #b0b0b0) );
	background:-moz-linear-gradient( center top, #ababab 5%, #b0b0b0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ababab', endColorstr='#b0b0b0');
	background-color:#ababab;
        cursor:pointer;
}
.cancelbutton:active {
	position:relative;
	top:1px;
}
/*.cancelbutton {
        background-color:#9d9d9d;
        border:1px solid #c97e1c;
        color:#9b1300;
        text-shadow:0px 1px 0px #8f7f24;
        font-size:15px;
        text-decoration:none;
        border-radius:7px;
        text-decoration:none;
        font-size:15px;
        height:35px;
        line-height:25px;
        vertical-align:middle;
        padding:5px 10px 5px 10px;
        -moz-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        box-shadow:inset 0px 1px 0px 0px #ffe0b5;
    }
.cancelbutton:hover {
        cursor:pointer;
    }
.cancelbutton:active {
        position:relative;
        top:1px;
    }*/

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lightblue;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.navside {
    padding-top:10px;
    padding-left:25px;
    margin-left:10px;
    line-height:35px;
}
.textcentered {
    text-align:center;
}

.pagerstyle a {
    color:#fff;
    text-decoration:none; 
    padding:5px; 
}
.pagerstyle a:hover {
    padding:5px; 
    color:red;
    background-color:white;
}
.pagerstyle a:active{
    padding:5px; 
    color:black;
    background-color:lightblue;
}

/*AutoComplete flyout */
.autocomplete_completionListElement
{
    margin : 0px!important ;
    background-color : inherit ;
    color : windowtext ;
    border : buttonshadow ;
    border-width : 1px ;
    border-style : solid ;
    cursor : default ;
    overflow : auto ;
    height : 200px ;
    font-size : small ;
    text-align : left ;
    list-style-type : none ;
    }
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
   {
    background-color : #ffff99 ;
    color : black ;
    padding : 1px ;
    }

    /* AutoComplete item */
.autocomplete_listItem
    {
    background-color : window ;
    color : windowtext ;
    padding : 1px ;
   }

.codeslist {
    line-height:25px;
    padding:5px;
}

.timecardtitle {
    font-size: 16px;
    text-align: left;
    color: #000;
    padding-top: 25px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.timecardheader {
    font-size: 14px;
    color:#000;
    background-color:#00b6f2;
    line-height:30px;
}
.timecardtotal {
    font-size: 14px;
    color:#000;
    line-height:25px;
    background-color:#ccc;
}
.employeelist {
    min-height:200px;
    height:auto;
    line-height:30px;
    width:270px;
}
.nobold {
    font-weight:normal;
}

.listtable {
    vertical-align:middle;
    line-height:30px;
    width:100%;
}

div.ajax__calendar_day {
    text-align: center;
}
.ajax__calendar_active {
    background-color: #820024;
    color: #ffffff;
    border: 1px solid #D4D0C8;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}
.ajax__calendar_body {
    width:auto;
    padding: 3px;
}
.ajax__calendar_header {
    background-color: Orange;
    color: White;
    font-style: normal;
}  
.calendarposition {
    background-color: #fff;
    border: 1px solid silver;
    text-align: center;
    line-height: 25px;
}
.calendarposition tr td {
    padding: 3px 0px 3px 0px;
    margin:3px 0px 3px 0px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
}
.calendarposition th {
    padding: 3px 0px 3px 0px;
    margin: 3px 0px 3px 0px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;  
    background-color: lightblue;
}
.calendarposition td:hover {
    background-color: Aqua;
}

.checkboxes label { 
    top: 0px; 
    margin-right: 0px;
    height: 20px;
    vertical-align:top;
}
.Unselected 
{
    color:black;
    text-decoration:none;
    padding:8px;
    height:40px;
    width:auto;
    background-color:white;
    border:2px solid #ccc;
}
a.Unselected
{
    color:black;
}
a:active.Unselected {
    color:black;
    background-color:lightblue;
}
a:hover.Unselected {
    background-color:lightblue;
}

.Selected
{
    color:black;
    text-decoration:none;
    padding:8px;
    height:40px;
    width:auto;
    background-color:lightblue;
    border:2px solid #ccc;
}

a.Selected
{
    color:black;
}
a:active.Selected {
    color:black;
    background-color:lightblue;
}
a:hover.Selected {
    background-color:lightblue;
}
.linecheckandlabel label {
    line-height:40px;
    vertical-align:middle;
}

.topline{
    vertical-align:top;
}

.Accepted {
    color:black;
    font-weight:bold;
}
.GoAhead{
    color:#a1bc7c;
    font-weight:bold;
}
.NotAccepted {
    color:red;
    font-weight:bold;
}
.menulink{
    height:120px;
}
.menulink ul{
    list-style:none;

}
.menulink li {
    margin-left:-20px;
    padding-bottom:5px;
}

.width150px{
 width: 220px;
}
    /*
}
.menulink a hover {
    background: #CAEC7E;
    border: solid 1px #8f7f24;
    text-decoration: none;
}
.menulink li active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #CAEC7E;
    border: solid 1px #8f7f24;
}*/
.button-link {
    padding: 8px 10px;
    background: #CAEC7E;
    color: #9b1300;
    font-size:15px;
    -webkit-border-radius: 7px;
    text-decoration:none;
    -moz-border-radius:7px;
    border-radius: 3px;
    border: 1px solid #8f7f24;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link:hover {
    background: #CAEC7E;
    border: solid 1px #8f7f24;
    text-decoration: none;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #CAEC7E;
    border: solid 1px #8f7f24;
}


.mainlinkbutton {
        background-color:#CAEC7E;
        border:1px solid #8f7f24;
        color:#9b1300;
        font-size:18px;
        text-decoration:none;
        height:35px;
        line-height:30px;
        vertical-align:middle;
        padding:5px 10px 5px 10px;
        text-decoration:none;
        text-shadow:0px 1px 0px #8f7f24;
        -moz-box-shadow:inset 0px 1px 0px 0px #CAEC7E;
        -webkit-box-shadow:inset 0px 1px 0px 0px #CAEC7E;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        box-shadow:inset 0px 1px 0px 0px #ffe0b5;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CAEC7E), color-stop(1, #CAEC7E));
        background:-moz-linear-gradient(top, #CAEC7E 5%, #CAEC7E 100%);
        background:-webkit-linear-gradient(top, #CAEC7E 5%, #CAEC7E 100%);
        background:-o-linear-gradient(top, #CAEC7E 5%, #CAEC7E 100%);
        background:-ms-linear-gradient(top, #CAEC7E 5%, #CAEC7E 100%);
        background:linear-gradient(to bottom, #CAEC7E 5%, #CAEC7E 100%);
        border-radius:7px;
    }
.mainlinkbutton:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CAEC7E), color-stop(1, #CAEC7E));
        background:-moz-linear-gradient(top, #CAEC7E 5%, #CAEC7E 100%);
        background:-webkit-linear-gradient(top, #CAEC7E 5%, #CAEC7E 100%);
        background:-o-linear-gradient(top, #CAEC7E 5%, #CAEC7E 100%);
        background:-ms-linear-gradient(top, #CAEC7E 5%, #CAEC7E 100%);
        background:linear-gradient(to bottom, #CAEC7E 5%, #CAEC7E 100%);
        background-color:#CAEC7E;
        text-decoration:none;
        height:35px;
        line-height:30px;
        cursor:pointer;
    }
.mainlinkbutton:active {
        position:relative;
        top:1px;
    }

.tablestyle{
   margin:10px 0pt 15px;
   font-size: 8pt;
   border-color: #CDCDCD;
   width:850px;
   color: #3D3D3D;
}
.tablestyle td, .tablestyle th{
   border-color: #CDCDCD;
}
.alternatingrowstyle{
    background-color:#F0F0F6;
}
.headerstyle {
    background-color:#F0F0F6;
    background-image: url(img/sort_none.gif);
    background-repeat: no-repeat;
    background-position: center left;     
    padding-left: 20px;
}  
.headerstyle a{
   text-decoration:none;
    color:black;
   display:block;
}    
.rowstyle{
   background-color: #FFF;
}
.rowstyle td, .alternatingrowstyle td {
   padding: 4px;
}
.sortascheaderstyle{
    background-image: url(img/sort_asc.gif);     
    background-color: #8dbdd8;    
    background-repeat: no-repeat;
    background-position: center left;       
}
.sortdescheaderstyle{
    background-image: url(img/sort_desc.gif);     
    background-color: #8dbdd8;    
    background-repeat: no-repeat;
    background-position: center left;       
}

.notificationpage {
    width: 550px;
    min-height:550px;
    background-color:#fff;
    margin: 55px auto 5px auto;
    border: 1px #ff6a00 solid;
}
.notificationtable{
    padding:5px; 
    color:black;
    background-color:#fff;
}
.notificationtable th { text-align:right; width:120px; font-weight:normal;padding:5px; vertical-align:middle; line-height:30px}
.notificationtable td { text-align:left; width:auto; font-weight:bold;padding:5px;vertical-align:middle; line-height:30px}

.titleline {
    margin-top:5px;
    margin-bottom:5px;
    font-size: 18px;
    color: #666666;
    text-decoration:underline;
    margin-right:5px;
}

.switchcenter{
    text-align:center;
    padding-bottom:20px;
    padding-top:20px;
}
.checkboxstyle {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(checkbox.png) no-repeat;
    display: block;
    clear: left;
    float: left;
}
.shadow1 {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}
.shadow2 {
    border:1px solid red;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
}


.styled-select {
   width: 150px;
   height: 30px;
   overflow: hidden;
   background: url('Images/Arrowhead-Down-01.png') no-repeat right #F6F1DB;
   border: 2px solid #7d6754;
   border-radius: 5px;
   }

.styled-select select {
   background: transparent;
   width: 180px;
   padding: 3px;
   font-size: 16px;
   line-height: 200%;;
   border: 0;
   border-radius: 0;
   height: 30px;
   -webkit-appearance: none;
   color:#7d6754;
   }

.styled-select select option{
   background: transparent;
   padding: 3px;
   line-height: 200%;
   }

.firstlink {
    font-size:16px;
    vertical-align:bottom;
}

.middlelink {
    margin-left:10px;
    margin-right:10px;
    font-size:16px;
    vertical-align:bottom;
}
.underline{
    text-decoration:underline;
    color:blue;
}

.menuTemplate1
{
    /* You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values.
    For detailed instruction please visit www.menucool.com/horizontal/menu-layout  */
    margin: 0 auto; 
    width:1130px;
    /*margin:0px auto; width:auto;*/ 
    /*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
    /*Note: htc file path(if using relative path) inside the CSS file should be relative to the page, not to the CSS file (this is unlike image path inside the CSS that is relative to the CSS file location only). 
    So we recommend using the absolute path for the behavior file.*/
    behavior: url("/horizontal/menuh/cssmenu.htc");
    position:relative;
    z-index:4;
    height: 50px;
    background: #D4D4D4 url(bg.gif);
    border: 1px solid #BBB;
    list-style: none;
    padding: 0;
}

.menuTemplate1 div {
    box-sizing:content-box;
}  
   
.menuTemplate1 li
{
    padding: 0;
    float: left;
    height: 50px;
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    color: black;
    z-index:5;
}

.menuTemplate1 a
{
    padding: 0 30px;
    line-height: 50px; /*Note: keep this value the same as the height of .menuTemplate1 li */
    font-weight: bold;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    color: black;
    position: relative;
}
.menuTemplate1 li:hover a, .menuTemplate1 li.onhover a
{
    background: white url(bg.gif) repeat-x 0 -48px;
    color: #000;
    z-index: 9;
}
.menuTemplate1 a.arrow
{
    background: url(arrow.gif) no-repeat right center;
}
 
        
/*Used to align a top-level item to the right*/        
.menuTemplate1 li.menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuTemplate1 li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:1px solid #F7F7F7;
    border-right:1px solid #BBBBBB;
    z-index:4;
}
               
        
/* sub level
--------------------------------------------*/
.menuTemplate1 .drop
{
    position: absolute;
    z-index:5;
    left: -9999px;
    border: 1px solid #DDD;
    border-bottom:3px solid #0F4F89;
    background: #FFF;            
    text-align: left;
    padding: 20px;  
    color:#0F4F89;
    top:34px;              
}

.menuTemplate1 .drop a
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 26px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
    text-align: left;
    
    position: static;
    z-index: 0;
    background-image:none;
}

.menuTemplate1 li:hover .drop, .menuTemplate1 li.onhover .drop
{
    left: -1px;/*Use this property to change offset of the dropdown*/
    background:white url(bg-right.png) no-repeat right bottom;
}
.menuTemplate1 li:hover .dropToLeft, .menuTemplate1 li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    background:white url(bg-left.png) no-repeat 0 bottom;
}
.menuTemplate1 li:hover .dropToLeft2, .menuTemplate1 li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}

/* Elements within the drop down sub-menu
--------------------------------------------*/

.menuTemplate1 div.drop div div
{
    padding: 6px 20px;
}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
.menuTemplate1 div.drop div a
{
    line-height: 24px;  
    color: #0F4F89;
    background:none;
}
.menuTemplate1 div.drop div a:hover
{
    text-decoration:underline;
    cursor:pointer;
    color:Red;
}

.menuTemplate1 div.left {float:left;}

.rfidlookup{
    width:auto;
    font-size: 12px;
    font-weight:bold;
    padding:7px;
    text-align:right;
}
        
/* CSS3 effects
--------------------------------------------*/

/*for top-level*/     
.decor1_1 
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;
            
}

/*for submenu.*/    
.decor1_2 
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0px 12px 20px #CCCCCC;
    -webkit-box-shadow: 0px 12px 20px #CCCCCC;
    box-shadow: 0px 12px 20px #CCCCCC;  
}


.legaldisc
{
    text-align:justify;
    padding:10px;
}

.shownone {
    display:none;
}

.fullline
{
    display:list-item;

}


.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}




/*  Generated by www.menucool.com/drop-down-menu  */


/* main menu
----------------------------*/
#ddmenu
{
    display:block;
    text-align:center; /*Specify the alignment of the whole UL if UL is not width:100%;*/
    letter-spacing:normal;
}

#ddmenu ul
{ 
    margin:0 auto;
    padding:0;
    text-align:center; /* Alignment of each top-level menu items within the UL */
    width:1200px;
    font-size:0;
    background:#F1F1F3;
    display:inline-block;
    list-style:none;
    position:relative;
    z-index:999999990; 
    border-radius:3px;
border:1px solid #dddddd;
}

#ddmenu li
{
    margin:0;
    padding:0;
    font-size:14px;
    display:inline-block;
    *display:inline;
    zoom:1; /*for IE6-7*/
    position:relative;
    color:#666;
    line-height:44px; /*This determines the height of the menu*/
    vertical-align:middle;
    transition:background-color 0.2s;
    outline:none;
	-moz-user-select:none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#ddmenu .full-width {
    position:static;
}

#ddmenu .over
{
    color:#FFF;
background-color:#0099FF;
}

#ddmenu .over.no-sub {
    
}

#ddmenu .top-heading
{
    font-weight:bold;
    margin:0 22px;
    color:inherit;
    text-decoration:none;
    display:inline-block; 
    outline:0;
    cursor:pointer;
}

/* links of top-heading */
#ddmenu a, #ddmenu a:link, #ddmenu a:hover
{
    color:inherit;
}
#ddmenu a:hover
{
    text-decoration:underline;
}

#ddmenu a:focus
{
    outline:1px dotted #09F;
}

/* caret(arrow icon) */
#ddmenu .caret
{
    color:inherit;
    left:-18px;
    width: 0;
    height: 0;
    overflow:hidden;/*for IE6*/
    vertical-align:middle;
    margin-bottom:2px;
    border-top: 4px solid;/*caret size is 4px now*/
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    position:relative;
}  
        
/* sub-menu layout
----------------------------*/

#ddmenu .dropdown
{
    width:auto;    
    left:0px;
    color:#000000;
    padding:0;margin:0;display:none;position:absolute;overflow:hidden;
    top:100%;
    border:1px solid #ddd;border-top:none;
border-radius:0 0 2px 2px;
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.12);
}

#ddmenu .full-width .dropdown {
    width:100%;
    padding:0;
    margin:0;
}

#ddmenu .offset300 {
    left:-300px;right:auto;
}

#ddmenu .right-aligned {
    left:auto;
    right:0px;
}

#ddmenu .over .dropdown
{
    display:block;
}

#ddmenu .dd-inner {
    text-align:center;
    padding:20px;
    margin:0px;
    background-color:#FFF;
    white-space:nowrap;
    font-size:13px;
}

#ddmenu ul ul
{ 
    margin:0;padding:0;text-align:left;width:auto;background:none;border:none;display:block;position:static;z-index:0;border-radius:0;
}

#ddmenu ul ul li
{
    font-size:13px;
    padding:6px 0; /*It determines the line height*/
    color:inherit;
    line-height:1;
    margin:0;display:block;position:static;background:none;border:none;transition:none;border-radius:0;
}
  
/* links in sub menu
----------------------------*/

#ddmenu .dropdown a
{
    color:#444;
    line-height:1;
    text-decoration:none;
    transition:color 0.4s;
}

#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus
{
    text-decoration:underline;
    color:#09F;
}

/* blocks within the sub-menu
-----------------------------*/
#ddmenu .column
{
    text-align:left;
    vertical-align:top;/*or middle*/
    display:inline-block;
    *display:inline;*zoom:1;
    white-space:normal;
    width:auto;min-width:200px;
padding:0 30px;
border-right:1px solid #999;
}

#ddmenu .dd-inner ul:last-child
{
    border-right:none;
}

#ddmenu h3 {
  font-weight: 500;
  line-height: 1.1;
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 24px;
}

#ddmenu .top-heading {text-transform:uppercase;}

/* useful when http://www.menucool.com/ddmenu/one-menu-for-all-pages */
#ddmenuLink {display:none;}

/*######## add additional styles for mobile-friendly responsive menu ########*/

#ddmenu .menu-icon   
{
    display:none; /* hide menu icon initially */
}



/*styles for mobile*/
@media only screen and (max-width: 480px) {
    #ddmenu .column.mayHide {
        display: none;
    }

    /*override the original settings*/
    #ddmenu ul {
        width: 100%;
        display: none;
        border-radius: 0;
    }

    #ddmenu li {
        position: relative;
        display: block;
        font-size: 20px;
        text-align: left;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        border-radius: 0;
    }

    #ddmenu .full-width {
        position: relative;
    }

    #ddmenu .dropdown {
        position: relative;
        *top: auto; /*for IE7*/
        border: none;
        border-radius: 0;
        box-shadow: none;
        background-color: #FFF;
    }

    #ddmenu .offset300 {
        left: 0;
    }

    #ddmenu .full-width .dropdown {
        width: auto;
    }

    #ddmenu .dd-inner {
        margin: 0;
        background: none;
        text-align: left;
    }

    /*turn each column to list vertically instead of horizontally */
    #ddmenu .column {
        width: auto;
        padding: 0;
        border: none;
        display: block;
    }

    /*move the arrow icon to right*/
    #ddmenu .caret {
        position: absolute;
        left: auto;
        right: 14px;
        top: 19px;
        border-width: 5px;
    }


    /* All the following are for the .menu-icon (pure CSS) */
    #ddmenu .menu-icon {
        font-size: 32px; /*icon size*/
        display: block;
        position: relative;
        width: 40px;
        height: 36px;
        text-align: center;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        background-color: #666;
        border-radius: 3px;
        margin-bottom: 6px;
        /*align the icon to the right*/
        margin-left: auto;
        margin-right: 11px;
    }

        #ddmenu .menu-icon::before {
            content: "";
            position: absolute;
            top: 0.25em;
            left: 4px;
            width: 1em;
            height: 0.125em;
            border-top: 0.375em double #F1F1F3;
            border-bottom: 0.125em solid #F1F1F3;
            box-sizing: content-box;
        }

    #ddmenu .menu-icon-active {
        background-color: #F1F1F3;
    }

        #ddmenu .menu-icon-active::before {
            border-color: #666;
        }

    
}
.checkboxes label {
    position: relative;
    top: -10px;
    font-weight: normal;
    margin-right: 10px;
    height: 40px;
}