body {
  font-family : Arial;
  font-size : 12px;
  padding : 0px;
  margin : 0px;
  color : rgb(6,22,41);
  
}
#newlogin {
  background : #eeeeee; 
  margin-left : 0px;
  padding : 20px; 
  padding-left : 20px;
  height: 303px;
  width: 303px;
  border: 1px solid #1779be;
  position : relative;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
}
#newloginbutton {

	background: url('images/newloginbutton.png') no-repeat 0 0;
	width: 120px;
	height: 28px;
	display: block;
	font-weight : bold;
	border: none;
}
#newloginbutton:hover { background-position: 0 -28px; cursor: pointer; cursor: hand;}
#newloginbutton:active { background-position: 0 -56px; }

#newloginfooter {
  bottom : 0;
  position : absolute;
  margin-left: 70%;
}
#newloginhead {
  position : relative;
  z-index : 100;  
  margin-top: 100px;
  padding: 10px;
}
#newloginback {

  width: 100%;
  height: 100%;
  left: auto;
  position : absolute;  
}

#bodyback {
  background : url("images/newloginbackground.png") no-repeat center center fixed;
  -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

th {
  background : #248BCB;
  border-bottom: 1px solid rgb(124,138,157);
  border-top: 1px solid #89CFF1;
  height: 25px;
  padding:2px;
  font-size: 12px;
  text-align: left;
  color: #FFFFFF;  
}

td, p {
  font-size : 12px;
  vertical-align : top;
  padding-top : 1px;
  padding-left:0px;
}


h6 {
  font-family : Helvetica;
  font-size : 18px;
  font-weight : bold;
  color : #DEE8EC;
  float :right; 
  margin : 0px;
  padding: 6px;
  margin-top: -10px; 
}  

h6:first-letter {
  font-size: 24px;
  
}


h5 {
  background : rgb(138,210,237);
  border: 1px solid black; 
  padding: 4px;
  margin : 0;
  font-size : 12px;
  font-weight : bold;
  width: 100%;
  color: #FFFFFF;
  
}  

input, select {
  font-size: 11px;
}


#csstext, #cssselect {
  background : #FFCA87;
}

#glDATUM {
  background : #FFCA87;
}


#login {
  border : 1px solid rgb(0,0,0);
}

#button, #cssbutton {
  width : 75px;
  cursor : pointer;
}

input.button {
  width : 75px;
  cursor: pointer;
}

#glDATUM {
 font-size : 10px;
}

#glDEST{
 font-size : 10px;
}

#btndelete {
  height:18px;
  font-size: 10px;
  cursor : pointer;
}

#cssnewbutton {
  top: -5px;
  border: none;
  background : url('images/button_new.png') no-repeat;
  width: 167px;
  height : 30px;
  text-align: left;
  padding-left: 14px;
  padding-top: -1px;
  cursor : pointer;
}

#cssbutton {
  width : 75px;
  cursor : pointer;
}

#csssubmit {
  width : 100px;
  cursor : pointer;
}

#csstext {
  font-size : 10px;
}

#cssreadonly {
  font-size : 10px;
}

#csspassword {
  font-size : 10px;
}

#csstextarea {
  font-size : 11px;
}


#cssselect {
  font-size : 10px;
  height: 19px; 
}

#tab {
  background : #FFFFFF;
  border : 1px solid rgb(213,211,199);
  border-bottom: 2px solid rgb(213,211,199);
  width: 110px;
  height: 17px;
  padding: 2px;
  display: block;
  text-align: center;
  text-decoration : none;
  color: rgb(102,102,102);
}


.tab {
  border : 1px solid rgb(220,216,207);
  background : #FFFFFF;
  border-bottom: 2px solid rgb(220,216,207);
  width: 110px;
  height: 17px;
  padding: 2px;
  display: block;
  text-align: center;
  text-decoration : none;
  color: rgb(102,102,102);
}


.selected {
  background : #2589CB;
  border: 1px solid #2589CB;
  border-bottom: 2px solid  #89CFF1;
  padding: 2px;
  display: block;
  width: 110px;
  height: 17px;
  text-align: center;
  font-weight: bold;
  color : #FFFFFF;
  text-decoration : none;
}



h3 {
  margin : 2px;
  padding : 2px;
}

table.red th {
  border-top: 1px solid rgb(255,0,0);
  background : url('images/headertopred.jpg') repeat-x;
  font-size : 12px;
  height: 25px;
  color : rgb(0,0,0);
  text-align: left;
  padding-left:3px;
}

table.green th {
  border-top: 1px solid rgb(0,153,0);
  background : url('images/headertopgreen.jpg') repeat-x;
  font-size : 12px;
  height: 25px;
  color : rgb(0,0,0);
  text-align: left;
  padding-left:3px;
}

a {
  font-weight : bold;
  text-decoration : none;
  color : rgb(96,171,190);
}


#MainMenu ul li ul li a {
  width : 140px;
  background : #FFFFFF;
  border : 1px solid rgb(0,146,198);
  height: 18px;
}

#simplegrid {
  font-family : Arial;
  font-size : 10px;
  
}

#simplegrid thead{
  background: #D6E7F8; 
}

#simplegrid th {
  border-top: 1px solid rgb(124,138,157);
  background : #248BCB;
  height: 25px;
  border-bottom:rgb(0,146,198); 
  padding:2px;
  color : #FFFFFF;
  
}

#simplegrid th a {
  text-decoration: underline;
  font-size : 11px;
  color : #FFFFFF; 
  
}



#simplegrid td {
  border-right: 1px dashed rgb(0,102,204);
  padding: 3px;
}

#simplegrid tfoot {
  
}

#simplegrid .navigate a {
  background : none;
  padding : 1px;
  padding-left: 4px;
  padding-right : 4px;
  width: 10px;
  color : #248BCB;
  text-decoration: underline;

}

#simplegrid .row {
  cursor: pointer;
  border : 1px solid rgb(204,204,255);
}  

#simplegrid .rowonmouseclick {
  cursor : pointer;
  color: #000000; 
  background: rgb(177,215,254);
}

#simplegrid .rowonmouseover {
  cursor: pointer;
  color: #000000;
  background: #89CFF1;
}

#simplegrid .search th {
  text-decoration : underline;  
  background: none;
  border: none;
}

#simplegrid .search td {
  text-decoration : underline;  
  border: none;
  background: none;
}


 .row {
  cursor: pointer;
  border : 1px solid rgb(204,204,255);
}  

 .rowonmouseclick {
  cursor : pointer;
  color: #000000; 
  background: rgb(177,215,254);
}

 .rowonmouseover {
  cursor: pointer;
  color: #000000;
  background: #89CFF1;
}

#r {
  text-align : right;
}

#r input {
  text-align : right;
}


#cde_listview {
  border : 1px solid #666666;
  border-left: 2px solid #080808;
  height: 100%;
  width: 260px;
  list-style-type: none;
  background: #FFFFFF;
  margin: 0px;
  padding: 0px;
  
  
}

#cde_listview .header {
  background : #74748E;
  margin: 0px;
  font-size: 14px;
  font-weight : bold;
  color: #FFFFFF;
  border-bottom: 2px solid #080808;
}

#cde_listview .header a {
  color : #FFFFFF;
}

#cde_listview td {
  margin: 0px;
  padding: 5px;
  border-bottom : 1px solid #080808;
}


#cde_listview a {
  display: block;
  text-decoration: none;
  color: black;
  margin: 0px;
}

#cde_listview a:hover {
  color: blue;
}

#savebutton {
  border: none;
  width: 100px;
  height: 30px;
  background: url('images/savebutton.png') no-repeat;
  cursor: hand;
  cursor:pointer;
  color: #FFFFFF;
}

table.stats
{ text-align: center;
  font-family: Arial, Helvetica, sans-serif ;
  font-weight: normal;
  font-size: 11px;
  color: #fff;
  width: 280px;
  background-color: #666;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
}

table.stats td
{ 
  background-color: #CCC;
  color: #000;
  padding: 4px;
  text-align: left;
  border: 1px #fff solid;
}

table.stats td.hed
{ background-color: #666;
  color: #fff;
  padding: 4px;
  text-align: left;
  border-bottom: 2px #fff solid;
  font-size: 12px;
  font-weight: bold;
} 

#form {
   border : 1px solid rgb(36,139,203); 
   padding: 0px;
   margin : 0px;
}

#form th {
  background : rgb(36,139,203);
  color : #FFFFFF;
  
}

#form td {
    padding : 2px;
}

#warning {
    width: 500px;
    border: 2px #f00 solid;
    padding: 2px;
    position: absolute;
    z-index: -1000;
    
}

#warning h3 {
    color: #ff0;
    background-color: #FF0000;
    font-size: 14px; 
    padding: 5px;   
}
        
#warning table {
  background : #FFFFFF;
}        
        
#warning th{
    text-align: left;
    background: #FF9900;  
}   

#aright {
    text-align: right;
}

#reminder {
    background: #FFFF60;
    width: 300px;
    height:225px;
    float:left;
    margin: 5px;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
    
}

#reminder th {
    background: #EEEE00;
    color: #404000;
}

#stickyX {
   font-weight:bold;
   color:#404000;
   background-color:#EEEE00;
   border-style:none;
}

#stickyX:hover {
   font-weight:bold;
   color:#404000;
   background-color:#FFFF30;
   border-style:none;
   cursor: pointer;
   cursor: hand;
   
}

#stickyCreate {
   color:#404000;
   background-color:#EEEE00;
   border: solid 1px;
}

#stickyCreate:hover {
   color:#404000;
   background-color:#FFFF30;
   border: solid 1px;
   cursor: pointer;
   cursor: hand;
}

#scrollreminder {
    color: #FF9933;
    width: 500px;
    font-size: 14px;
}
.qitotals{
    border-top: 1px solid grey;
    font-weight: bold;
    text-align: right;
}


.meter {
    height: 30px;  /* Can be anything */
    position: relative;

    background: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
    display: block;
    height: 100%;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(43,194,83);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(43,194,83)),
            color-stop(1, rgb(84,240,84))
    );
    background-image: -moz-linear-gradient(
            center bottom,
            rgb(43,194,83) 37%,
            rgb(84,240,84) 69%
    );
    -webkit-box-shadow:
            inset 0 2px 9px  rgba(255,255,255,0.3),
            inset 0 -2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow:
            inset 0 2px 9px  rgba(255,255,255,0.3),
            inset 0 -2px 6px rgba(0,0,0,0.4);
    box-shadow:
            inset 0 2px 9px  rgba(255,255,255,0.3),
            inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}
.meter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image:
            -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, rgba(255, 255, 255, .2)),
            color-stop(.25, transparent), color-stop(.5, transparent),
            color-stop(.5, rgba(255, 255, 255, .2)),
            color-stop(.75, rgba(255, 255, 255, .2)),
            color-stop(.75, transparent), to(transparent)
            );
    background-image:
            -moz-linear-gradient(
                    -45deg,
                    rgba(255, 255, 255, .2) 25%,
                    transparent 25%,
                    transparent 50%,
                    rgba(255, 255, 255, .2) 50%,
                    rgba(255, 255, 255, .2) 75%,
                    transparent 75%,
                    transparent
            );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}

@-moz-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}


.orange > span {
    background-color: #f1a165;
    background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
    background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}

.red > span {
    background-color: #f0a3a3;
    background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
    background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    -moz-animation: none;
    background-image: none;
}