@media screen, print {

html { height: 100%; min-height: 100%; margin:0px; padding:0px}
body {COLOR: #000000; font-family: verdana,Helvetica; font-size: 12px; height: 100%; min-height: 100%;}
table {font-family: verdana,Helvetica; font-size: 12px; }

td.white-top-border { border-top: 2px solid white; }

a     { color: #000080; font-family: verdana,Helvetica; font-size: 11px; text-decoration: underline }
a:hover { color: #0000A0; font-family: verdana,Helvetica; font-size: 11px; text-decoration: none }

a.name     { color: #304050; font-family: verdana,Helvetica; font-size: 15px; text-decoration: underline }
a.name:hover { color: #0000ff; font-family: verdana,Helvetica; font-size: 15px; text-decoration: none }

a.namered     { color: #ff0000; font-family: verdana,Helvetica; font-size: 15px; text-decoration: underline; font-weight: bold; }
a.namered:hover { color: #ff0000; font-family: verdana,Helvetica; font-size: 15px; text-decoration: none; font-weight: bold; }

a.nameblue     { color: #000080; font-family: verdana,Helvetica; font-size: 15px; text-decoration: underline; font-weight: bold; }
a.nameblue:hover { color: #000080; font-family: verdana,Helvetica; font-size: 15px; text-decoration: none; font-weight: bold; }


a.gray     { color: #808080; font-family: verdana,Helvetica; font-size: 15px; text-decoration: underline }
a.gray:hover { color: #0000ff; font-family: verdana,Helvetica; font-size: 15px; text-decoration: none }

a.menu     { color: #ffffff; font-family: verdana,Helvetica; font-size: 12px; text-decoration: none;  display: block; height: 30px;}
a.menu:hover { color: #d0d0ff; font-family: verdana,Helvetica; font-size: 12px; text-decoration: none;   }

a.menu2     { color: #000080; font-family: verdana,Helvetica; font-size: 12px; text-decoration: none;  }
a.menu2:hover { color: #303080; font-family: verdana,Helvetica; font-size: 12px; text-decoration: underline;   }

a.menubutton     { color: #ffffff; font-family: verdana,Helvetica; font-size: 14px; font-weight: bold; text-decoration: none;  line-height: 1}
a.menubutton2     { color: #f0f0f0; font-family: verdana,Helvetica; font-size: 12px; font-weight: bold; text-decoration: none;  line-height: 1}

a.name2     { color: #ff0000; background-color: #ffe0e0; font-family: verdana,Helvetica; font-size: 12px; text-decoration: none; padding: 5px 5px 5px 5px;  margin: 0px 10px 0px 10px; }
a.name2:hover { color: #0000ff; background-color: #fff0f0; font-family: verdana,Helvetica; font-size: 12px; text-decoration: none;  padding: 5px 5px 5px 5px; margin: 0px 10px 0px 10px; }

a.name3     { color: #3040c0; font-family: verdana,Helvetica; font-size: 10px; text-decoration: underline }
a.name3:hover { color: #0000ff; font-family: verdana,Helvetica; font-size: 10px; text-decoration: none }


a.big     { color: #FFFFFF; font-family: verdana,Helvetica; font-size: 13px; text-decoration: none; font-weight: normal; }
a.big:hover { color: #FFFFFF; font-family: verdana,Helvetica; font-size: 13px; text-decoration: underline; font-weight: normal; }


p {COLOR: #000080; text-align: justify; font-family: verdana,Helvetica; font-size: 12px; margin: 5px 0px 5px 0px; line-height: 1}
p.c {COLOR: #000080; text-align: center; font-family: verdana,Helvetica; font-size: 12px; margin: 20px 0px 20px 0px; line-height: 3}
p.r {COLOR: #000080; text-align: right; font-family: verdana,Helvetica; font-size: 12px; margin: 10px 0px 10px 0px; line-height: 1}


div.red {COLOR: #000000; background-color: #ffcfcf; text-align: justify; font-family: verdana,Helvetica; font-size: 12px; margin: 10px 0px 10px 0px; padding: 5px; line-height: 1.5}
div.blue {COLOR: #000000; background-color: #cfcfff; text-align: justify; font-family: verdana,Helvetica; font-size: 12px; margin: 10px 0px 10px 0px; padding: 5px; line-height: 1.5}
div.green {COLOR: #000000; background-color: #cfffcf; text-align: justify; font-family: verdana,Helvetica; font-size: 12px; margin: 10px 0px 10px 0px; padding: 5px; line-height: 1.5}
div.yellow {COLOR: #000000; background-color: #ffffcf; text-align: justify; font-family: verdana,Helvetica; font-size: 12px; margin: 10px 0px 10px 0px; padding: 5px; line-height: 1.5}
div.purple {COLOR: #000000; background-color: #ffcff8; text-align: justify; font-family: verdana,Helvetica; font-size: 12px; margin: 10px 0px 10px 0px; padding: 5px; line-height: 1.5}

div.yellowblock {

display: inline-block; margin: 5px; padding: 5px; background: #ffffa0; vertical-align: top;   
    
}

div.yellowblock table {

font-size: 11px;   
    
}

div.yellowblock select {

margin: 3px 0px;    
    
}

div.photoblock {position: relative; margin: 5px; display: block; }

div.photoblock div.photo {position: relative; margin: 5px; display: inline-block; border: 1px solid black; background: white; padding: 3px; }

div.photoblock div.photoinner {position: relative; margin: 0px 0px 5px 0px; }

div.photoblock a.load {font-size: 15px; font-weight: bold; text-decoration: none; color: red; }

div.photoblock a.close {position: absolute; top: 3px; right: 3px; background: white; font-size: 15px; font-weight: bold; padding: 3px; text-decoration: none; color: red; }



span.red {color: red; font-weight: bold; }
span.blue {color: blue; font-weight: bold;}
span.green {color: green; font-weight: bold;}
span.small {font-size: 9px;}

div.td1 {width: 100px; height: 20px; top: 0px; left: 0px; text-align: left; font-size: 8px; background-color: #f0e0e0; padding: 1px; overflow: hidden;}
div.td2 {width: 100px; height: 20px; }
div.td3 {width: 100px; height: 20px; bottom: 0px; right: 0px; text-align: right; font-size: 8px; background-color: #e0e0f0; padding: 1px; overflow: hidden;}

li {COLOR: #000080; text-align: justify; font-family: verdana,Helvetica; font-size: 12px; margin: 5px 0pt 5px 10px; }
h1 {COLOR: #000080; font-family: verdana,Helvetica; font-size: 22px; margin: 10px; font-weight: normal;}
h2 {COLOR: #000080; font-family: verdana,Helvetica; font-size: 18px; margin: 10px; font-weight: normal;}
h3 {COLOR: #000080; font-family: verdana,Helvetica; font-size: 14px; margin: 10px; font-weight: normal;}

td.small { font-family: verdana,Helvetica; font-size: 10px; }

TD.menu {
	padding: 0px 5px 0px 5px;
	cursor: pointer;
	font-size: 12px;
	background: #000080;
	background: linear-gradient(to top, #000040, #0000A0);
	
}

/*TD.menu {
	padding: 0px 5px 0px 5px;
	cursor: pointer;
	font-size: 12px;
	background: #000080;
	background: linear-gradient(to top, #400000, #A00000);
	
}*/


td.menu div.dropmenu { visibility: hidden; display: none; position: absolute; top: 31px; left: 0px; width: 180px; padding: 10px; background-color: #000080; border: 1px solid #ffffff; border-radius: 3px; z-index: 100; text-align: left; box-shadow: 2px 2px 5px rgba(0,0,0,0.5); }
/*td.menu div.dropmenu { visibility: hidden; display: none; position: absolute; top: 31px; left: 0px; width: 180px; padding: 10px; background-color: #800000; border: 1px solid #ffffff; border-radius: 3px; z-index: 100; text-align: left; box-shadow: 2px 2px 5px rgba(0,0,0,0.5); }*/

td.menu:hover  div { visibility: visible; display: block; }

div.dropmenu p { text-align: left; margin: 10px 0px 10px 0px; padding: 0px; line-height: 1; }

div.dropmenu a { color: #ffffff; text-decoration: none; font-size: 13px; }
div.dropmenu a:hover { color: #ffff00; text-decoration: none; font-size: 13px; }

#topmenumobile {position: fixed; top: 0px; left: -200px; width: 200px; height: 100%; z-index: 200; background-image: url(/images/gray90.png); background-repeat: repeat; overflow-y: auto; -moz-transition:  0.2s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linears; -webkit-transition: 0.5s linears; transition: 0.5s linear; }

#topmenumobilesmall { display: block; visibility: visible; float: left; width: 25px; height: 25px; margin: 0px 10px 5px 0px; }

#topmenumobilesmallwhite { float: right; width: 25px; height: 25px; margin: 10px 10px 0px 0px; }

div.tip { position: relative; }

div.tiptext { position: absolute; top: 14px; left: 0px; background-color: #e0fff0; opacity: 0.9; border: 1px solid #000080; padding: 5px; font-size: 10px; border-radius: 3px; visibility: hidden; display: none; z-index: 10; text-align: center;}
  
div.tip:hover div.tiptext {visibility: visible; display: block;}

div.tiptext div.tip-images {
    
position: relative; display: block; text-align: center; margin: 0px; white-space: nowrap; text-align: center;
    
}    

div.tiptext div.tip-images img { margin: 2px; position: relative;  display: inline-block; vertical-align: middle; }  
  
div.tiptext div.tip-description {
    
position: relative; display: block; text-align: center; margin: 2px;     
    
}    

nav {

margin: 10px 5px 0px 5px;
padding: 0;
width: 160px;

}

.menu-item {
  width: 160px; 
}

.menu-item h4 {
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  margin: 5px 0px 5px 0px;
  padding: 0px;
    
}


.menu-item h4 a {
  color: white;
  display: block;
  text-decoration: none;
  font-size: 15px;
}

.menu-item ul {
 color: #fff;
  font-size: 11px;
  max-height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  text-align: left;
  margin: 0px;
  
 -webkit-transition: max-height 1s ease;
     -moz-transition: max-height 1s ease;
       -o-transition: max-height 1s ease;
      -ms-transition: max-height 1s ease;
          transition: max-height 1s ease;
 
}

.menu-item ul a {
text-align: left;  
margin-left: 10px;
text-decoration: none;
color: #fff;
font-size: 11px;
display: block;
width: 140px;
}

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

HR {
   color:            #000080;
   background-color: #000080;
   height:           1px;
   border-width:     0px;
   padding:          0px;
   margin:           0px;
}

HR.frame {
   color:            #ffffff;
   background-color: #ffffff;
   height:           1px;
   border-width:     0px;
   margin:          15px 0px 15px 0px;
   padding:           0px;
}



tr.print {visibility: visible;  display: table-row; }
tr.printie {visibility: visible;  display: inline; }

div.box {
   color:            #000040;
   background-color: #d0d0ff;
   width:            150px;
   height:           75px;
   font-family:    verdana,Helvetica;
   font-size:    11px;
   text-align:   center;
   border:	     1px solid #000040;
   padding: 10px;
   margin: 10px;
   float: left;
}

div.box2 {
   color:            #000040;
   background-color: #90e090;
   width:            150px;
   height:           75px;
   font-family:    verdana,Helvetica;
   font-size:    12px;
   text-align:   center;
   border:	     1px solid #004000;
   padding: 10px;
   margin: 10px;
   float: left;
}

#blink {
	-webkit-animation: blink 1s linear infinite; 
	animation: blink 1s linear infinite; 
	font-weight: bold; 
	color: #F00; 
	text-decoration: blink;
}

@-webkit-keyframes blink { 
	0% { color: #F00; }
	50% { color: #FBB; }
	100% { color: #F00; }
}

@keyframes blink {  
	0% { color: #F00; }
	50% { color: #FBB; }
	100% { color: #F00; } 
}

}


@media screen  {

div.print { display: none; visibility: hidden; }
div.noprint { display: block; visibility: visible; }
div.noview { display: none; visibility: hidden;}

div.pages {COLOR: #602020; text-align: right; font-family: Verdana,Arial,Helvetica; font-size: 12px; margin: 2px 2px 8px 2px; font-weight: bold;}
a.pages {COLOR: #ff2020; font-family: Verdana, Arial, Helvetica; font-size: 12px; text-decoration: underline; font-weight: normal;}
a.pages:hover {COLOR: #ff2020; font-family: Verdana, Arial, Helvetica; font-size: 12px; text-decoration: none; font-weight: normal;}


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

tr.noprint {visibility: visible;  }


td.prb {   border: 0px none #000000; }
td.prb2 {   border: 1px solid #c0c0c0; }
td.prb2c {   border: 1px solid #d0b0b0; background-color: #ff9999}


td.prb3 {   border: 0px none #a0a0a0; }
td.prb4 {   border: 0px none #a0a0a0; font-size: 10px;}



SELECT {
   color:            #000000;
   background-color: #ffffff;
   width:            160px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   margin:           5px 0px 0px 0px;
}

SELECT.box1 {
   color:            #000000;
   background-color: #ffffff;
   width:            450px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   margin:           5px 0px 0px 0px;
}


SELECT.box2 {
   color:            #000000;
   background-color: #ffffff;
   width:            100px;
   height:           18px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
}

SELECT.box3 {
   color:            #000000;
   background-color: #ffffff;
   width:            250px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        12px;
   font-weight:   bold;
   margin:           5px 0px 0px 0px;
}

SELECT.box4 {
   color:            #000000;
   background-color: #ffffff;
   width:            650px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   margin:           5px 0px 0px 0px;
}


SELECT.reorder {
   color:            #000000;
   background-color: #ffffff;
   width:            40px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        8pt;
}

input.reorder {
   color:            #000000;
   background-color: #ffffff;
   width:            40px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
}



INPUT.button {
   color:            #000000;
   background-color: #d0d0d0;
   width:            160px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
}

INPUT.button2 {
   color:            #000000;
   background-color: #d0d0d0;
   width:            100px;
   height:           18px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
}


INPUT.box1 {
   color:            #000000;
   background-color: #ffffff;
   width:            160px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
}

INPUT.box1i {
   color:            #000000;
   background-color: none;
   width:            160px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   border:           0px none #ffffff;
}


INPUT.box2 {
   color:            #000000;
   background-color: #d0d0d0;
   width:            16px;
   height:           16px;
}

INPUT.box3 {
   color:            #000000;
   background-color: #ffffff;
   width:            40px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
}



INPUT.box4 {
   color:            #000000;
   background-color: #ffffff;
   width:            80px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
}

INPUT.box4i {
   color:            #e0c0c0;
   background-color: #e0c0c0;
   width:            80px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   border:           0px none #ffffff;
}

INPUT.box4e {
   color:            #800000;
   background-color: #ffe0e0;
   width:            80px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   text-decoration:  blink;
}

INPUT.box4b {
   color:            #e0e0ff;
   background-color: #e0e0ff;
   width:            80px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   border:           0px none #e0e0ff;
}

INPUT.box5 {
   color:            #000000;
   background-color: #ffffff;
   width:            400px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
}



TEXTAREA.box1 {
   color:            #000000;
   background-color: #ffffff;
   width:            450px;
   height:           200px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
   border: 1px solid #000000; 
  
}

TEXTAREA.box2 {
   color:            #000000;
   background-color: #ffffff;
   width:            150px;
   height:           80px;
   font-family:      verdana,Helvetica;
   font-size:        9px;
}


TEXTAREA.box3 {
   color:            #000000;
   background-color: #ffffff;
   width:            600px;
   height:           100px;
}

TEXTAREA.box4 {
   color:            #000000;
   background-color: #ffffff;
   width:            150px;
   height:           30px;
   font-family:      verdana,Helvetica;
   font-size:        9px;
  overflow-y: scroll;

}


TEXTAREA.box5 {
   color:            #000000;
   background-color: #ffffff;
   width:            400px;
   height:           200px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
}

TEXTAREA.box55 {
   color:            #000000;
   background-color: #ffffff;
   width:            400px;
   height:           70px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
}



TEXTAREA.box6 {
   color:            #000000;
   background-color: #ffffff;
   width:            450px;
   height:           30px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
}

TEXTAREA.box7 {
   color:            #000000;
   background-color: #ffffff;
   width:            600px;
   height:           300px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
   border: 1px solid #000000; 
  
}


TEXTAREA.box8 {
   color:            #000000;
   background-color: #ffffff;
   width:            900px;
   height:           150px;
}



TEXTAREA.bigbox {
   color:            #000000;
   background-color: #ffffff;
   width:            600px;
   height:           600px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
}


}


@media print {

div.print { display: block; visibility: visible;}
div.noprint { display: none; visibility: hidden;}
div.noview { display: block; visibility: visible;}

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

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

td.prb {   border: 1px solid #000000; }
td.prb2 {   border: 1px solid #000000; }
td.prb2c {   border: 1px solid #000000; }

td.prb3 { background-color: #a0a0a0; color:#000000;  border: 1px solid #000000; }
td.prb4 { background-color: #a0a0a0; color:#000000;  border: 1px solid #000000; font-size: 10px; }


div.pages { display: none; visibility: hidden;}
a.pages { display: none; visibility: hidden;}
a.pages:hover { display: none; visibility: hidden;}


SELECT {
   color:            #000000;
   background-color: #ffffff;
   width:            160px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   margin:           5px 0px 0px 0px;
   border:	     0px solid #000000;
}

SELECT.box1 {
   color:            #000000;
   background-color: #ffffff;
   width:            450px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   margin:           5px 0px 0px 0px;
   border:	     0px solid #000000;
}


SELECT.box2 {
   color:            #000000;
   background-color: #ffffff;
   width:            100px;
   height:           18px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
   border:	     0px solid #000000;
}

SELECT.reorder {
   color:            #000000;
   background-color: #ffffff;
   width:            40px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        8pt;
   border:	     0px solid #000000;
}

input.reorder {
   color:            #000000;
   background-color: #ffffff;
   width:            40px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   border:	     0px solid #000000;
}



INPUT.button {
   color:            #000000;
   background-color: #d0d0d0;
   width:            160px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   border:	     0px solid #000000;
}

INPUT.button2 {
   color:            #000000;
   background-color: #d0d0d0;
   width:            100px;
   height:           18px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
   border:	     0px solid #000000;
}

INPUT.button3 {
   color:            #000000;
   background-color: #d0d0d0;
   width:            18px;
   height:           18px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
   border:	     0px solid #000000;
}


INPUT.box1 {
   color:            #000000;
   background-color: #ffffff;
   width:            160px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   border:	     0px solid #000000;
   text-align:       center;
}

INPUT.box2 {
   color:            #000000;
   background-color: #d0d0d0;
   width:            14px;
   height:           14px;
   border:	     0px solid #000000;
}

INPUT.box3 {
   color:            #000000;
   background-color: #ffffff;
   width:            40px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   border:	     0px solid #000000;
}

INPUT.box5 {
   color:            #000000;
   background-color: #ffffff;
   width:            400px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   border:	     0px solid #000000;
   text-align:       center;
}


INPUT.box4 {
   color:            #000000;
   background-color: #ffffff;
   width:            80px;
   height:           24px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   border:	     0px solid #000000;
   text-align:       center;

}


TEXTAREA.box1 {
   color:            #000000;
   background-color: #ffffff;
   width:            450px;
   height:           100px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
   border:	     0px solid #000000;
}

TEXTAREA.box2 {
   color:            #000000;
   background-color: #ffffff;
   width:            150px;
   height:           40px;
   font-family:      verdana,Helvetica;
   font-size:        9px;
   border:	     0px solid #000000;

}


TEXTAREA.box3 {
   color:            #000000;
   background-color: #ffffff;
   width:            600px;
   height:           100px;
   border:	     0px solid #000000;
}

TEXTAREA.box4 {
   color:            #000000;
   background-color: #ffffff;
   width:            150px;
   height:           30px;
   font-family:      verdana,Helvetica;
   font-size:        9px;
   border:	     0px solid #000000;

}


TEXTAREA.box5 {
   color:            #000000;
   background-color: #ffffff;
   width:            400px;
   height:           100px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
   border:	     0px solid #000000;
}

TEXTAREA.box55 {
   color:            #000000;
   background-color: #ffffff;
   width:            400px;
   height:           70px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
   border:	     0px solid #000000;

}


TEXTAREA.box6 {
   color:            #000000;
   background-color: #ffffff;
   width:            450px;
   height:           30px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
   border:	     0px solid #000000;
}

TEXTAREA.box1 {
   color:            #000000;
   background-color: #ffffff;
   width:            600px;
   height:           300px;
   font-family:      verdana,Helvetica;
   font-size:        10px;
   border: 0px solid #000000; 
  
}


TEXTAREA.bigbox {
   color:            #000000;
   background-color: #ffffff;
   width:            600px;
   height:           600px;
   font-family:      verdana,Helvetica;
   font-size:        11px;
   border:	     0px solid #000000;
}


}