body { font-family: verdana, arial; font-style: normal;
       font-variant: normal; font-weight: normal; font-size: 8pt;
       color: SlateBlue; margin: 0px; padding: 20px; border-width: 0px;
       background-color: White; text-align: center;}

body.report { font-family: verdana, arial; font-style: normal;
              font-variant: normal; font-weight: normal; font-size: 8pt;
              color: blue; margin: 10px; padding: 0px; border-width: 0px;
              background-color: white; text-align: left;}

select { font-family: verdana, arial; font-style: normal;
         font-variant: normal; font-weight: normal; font-size: 8pt;
         color: Black; background-color: WhiteSmoke;}

input { font-family: verdana, arial; font-style: normal;
        font-variant: normal; font-weight: normal; font-size: 8pt;
        color: black; background-color: WhiteSmoke;}

textarea { font-family: verdana, arial; font-style: normal;
           font-variant: normal; font-weight: normal; font-size: 8pt;
           color: black; background-color: Wheat;}

A { font-family: verdana, arial; font-style: normal;
    font-variant: normal; font-weight: bold; font-size: 8pt;
    color: crimson; }
A:link {text-decoration: none;} 
A:visited {text-decoration: none;} 
A:hover {text-decoration: none; color: peru;}

table.main { font-family: verdana, arial; font-style: normal;
             font-variant: normal; font-weight: normal; font-size: 8pt;
             color: black; background-color: white;
             border-collapse: collapse; }

table.rtable { font-family: verdana, arial; font-style: normal;
               font-variant: normal; font-weight: normal; font-size: 8pt;
               color: SlateBlue; background-color: white;
               border-collapse: collapse; }

tr TH { background-color: white; border: black; }

TD.separator { background-color: white; }

.rtable TH { background-color: powderBlue; border: black; }

.rtable TD { background-color: PapayaWhip; border: black; }

TR.odd { background-color: BurlyWood; border: black; }

TR.even { background-color: PapayaWhip; border: black; }

TD.odd { background-color: BurlyWood; border: black; }

TD.even { background-color: PapayaWhip; border: black; }

table.ltable { font-family: verdana, arial; font-style: normal;
               font-variant: normal; font-weight: normal; font-size: 8pt;
               color: black; background-color: white;
               border-collapse: collapse;
               border: 0px solid black; }

.ltable TH { background: PowderBlue;
             text-align: left;
             padding: 4px 8px;
             color: blue;
             border-top: 1px solid black;
             border-bottom: 1px solid black;
             border-left: 1px solid black;
             border-right: 1px solid black; }

.ltable TD { background: white;
             text-align: left;
             padding: 4px 8px;
             border-top: 0px;
             border-bottom: 0px;
             border-left: 1px solid black;
             border-right: 1px solid black; }

.ltable A { font-family: verdana, arial; font-style: normal;
            font-variant: normal; font-weight: bold; font-size: 8pt;
            color: green; }
.ltable A:link {text-decoration: none; color: green;} 
.ltable A:visited {text-decoration: none; color: green;} 
.ltable A:hover {text-decoration: none; color: Navy;} 

.ltable ul {
	text-align: left;
	margin: 0 auto;
	border: 0;
	padding: 0;
	list-style: none;
}

.ltable li { /* all list items */
	float: left;
	position: relative;
	width: 120px;
	text-align: left;
	font-weight: bold;
        color: green;
	margin: 0 5px;
        border: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 2px;
        cursor: default; }

.ltable li ul {
	margin: 0 auto;
	border: 1px solid powderBlue;
	padding: 0;
	list-style: none;
        display: none;
        position: absolute;
        top: 0%;
        left: 120px;
        width: auto;
        height: auto;
        line-height: inherit;
        background: khaki;
}

.ltable li li { /* all list items */
	float: none;
        width: auto;
        display: block;
        white-space: nowrap;
	font-weight: bold;
	margin: 0 5px;
	border: 0px;
	border-color: #ddd;
	padding: 2px 2px;
	cursor: pointer;
}

# .ltable li:hover { background: DarkOrange; }

.ltable li:hover ul { display: block; }

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

table.ttable { font-family: verdana, arial; font-style: normal;
               font-variant: normal; font-weight: normal; font-size: 8pt;
               color: black; background-color: white;
               border-collapse: collapse;
               border: 0px solid black; }

.ttable TH { background: white; }

.ttable TD { background: white; }

.ttable A { font-family: verdana, arial; font-style: normal;
            font-variant: normal; font-weight: bold; font-size: 8pt;
            color: green; }
.ttable A:link {text-decoration: none; color: green;} 
.ttable A:visited {text-decoration: none; color: green;} 
.ttable A:hover {text-decoration: none; color: Navy;} 

.ttable ul {
	text-align: left;
	margin: 0 auto;
	border: 0;
	padding: 0;
	list-style: none;
}

.ttable li { /* all list items */
	float: left;
	position: relative;
#	width: 160px;
        width: auto;
	text-align: center;
	font-weight: bold;
        color: green;
	margin: 0 0px;
	border: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 2px;
        cursor: default; }

.ttable li ul {
	margin: 0 auto;
	border: 0;
	padding: 0;
	list-style: none;
        display: none;
        position: absolute;
        top: 15px;
        left: 20px;
        width: auto;
        height: auto;
        line-height: inherit;
        background: white;
}

.ttable li li { /* all list items */
	float: none;
        width: auto;
        display: block;
	font-weight: bold;
	margin: 0 0px;
	border: 0px;
	border-color: #ddd;
	padding: 2px 2px;
	cursor: pointer;
}

.ttable li:hover { color: Navy; }

.ttable li:hover ul { display: block; }

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

table.tbar { font-family: verdana, arial; font-style: normal;
        font-variant: normal; font-weight: normal; font-size: 8pt;
        color: white; background-color: Navy;
        border-collapse: collapse; border: 0px solid black;
        padding: 5px 5px 5px 5px; }

.tbar TH { background: Navy;
           padding: 10px 10px 10px 10px;
           text-align: center; }

.tbar A { font-family: verdana, arial; font-style: normal;
          font-variant: normal; font-weight: bold; font-size: 8pt;
          color: White; }
.tbar A:link {text-decoration: none; color: White;} 
.tbar A:visited {text-decoration: none; color: White;} 
.tbar A:hover {text-decoration: none; color: Gold;} 


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


.bodyblock A { font-family: verdana, arial; font-style: normal;
               font-variant: normal; font-weight: bold; font-size: 8pt;
               color: green; }
.bodyblock A:link {text-decoration: none; color: green;} 
.bodyblock A:visited {text-decoration: none; color: green;} 
.bodyblock A:hover {text-decoration: none; color: Navy;} 

.bodyblock ul {
	text-align: left;
	margin: 0 auto;
	border: 0;
	padding: 0;
	list-style: none;
}

.bodyblock li { /* all list items */
	float: left;
	position: relative;
	width: 100px;
#        width: auto;
	text-align: left;
	font-weight: bold;
        color: green;
	margin: 0 0px;
	border: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 2px;
        cursor: default; }

.bodyblock li ul {
	margin: 15 auto;
	border: 1px solid brown;
	padding: 5px;
	list-style: none;
        display: none;
        position: absolute;
        top: -15px;
        left: 90px;
        width: auto;
        height: auto;
        line-height: inherit;
        background: khaki;
}

.bodyblock li li { /* all list items */
	float: none;
        width: auto;
	margin: 2px;
        display: block;
	font-weight: bold;
        white-space: nowrap;
	margin: 0 0px;
	border: 0;
	padding: 2px 2px;
	cursor: default;
}

.bodyblock li:hover { color: Navy; }

.bodyblock:hover ul { display: block; }

.bodyblock li li A:hover { color: Navy; }


#help { background: lightgrey;
        text-align: left;
        padding: 4px 8px;
        border: 1px solid black; }

fieldset { margin: 1px; border: 1px solid black;
           background-color: lavender; }

.large { font-family: verdana, arial; font-style: normal;
         font-variant: normal; font-weight: normal; font-size: 12pt;
         color: blue; }

.medium { font-family: verdana, arial; font-style: normal;
          font-variant: normal; font-weight: normal; font-size: 10pt;
          color: blue; background-color: whiteSmoke; }

.message { font-family: verdana, arial; font-style: normal;
           font-variant: normal; font-weight: bold; font-size: 8pt;
           color: yellow; background-color: green;
           padding: 5px; border: 1px solid orange; }

.warning { font-family: verdana, arial; font-style: normal;
           font-variant: normal; font-weight: bold; font-size: 8pt;
           color: yellow; background-color: orange;
           padding: 5px; border: 1px solid yellow; }

.error { font-family: verdana, arial; font-style: normal;
         font-variant: normal; font-weight: bold; font-size: 8pt;
         color: yellow; background-color: red;
         padding: 5px; border: 1px solid orange; }

.rfield { font-family: verdana, arial; font-style: normal;
          font-variant: normal; font-weight: normal; font-size: 8pt;
          color: black; background-color: BurlyWood; }

.rbody { font-family: verdana, arial; font-style: normal;
         font-variant: normal; font-weight: normal; font-size: 8pt;
         color: blue; background-color: white;
         margin-left: 10pt; }

.rbody A { font-family: verdana, arial; font-style: normal;
           font-variant: normal; font-weight: bold; font-size: 8pt;
           color: crimson; }
.rbody A:link {text-decoration: none;} 
.rbody A:visited {text-decoration: none;} 
.rbody A:hover {text-decoration: none; color: chocolate;}

.rspan { font-family: verdana, arial; font-style: normal;
         font-variant: normal; font-weight: bold; font-size: 8pt;
         color: crimson; cursor: pointer; cursor: hand; }


#ProcessMessage {
  position:absolute;
  height:100px;
  width:300px;
  top:200px;
  left:400px;
  text-align: center;
  font-family: verdana, arial; font-style: normal;
               font-variant: normal; font-weight: bold; font-size: 12pt;
 background-color:beige;
}
#ProcessMessage P { vertical-align: middle; }


/* leave some space between icons and text */
.icon {
    vertical-align: middle;
    margin-right: 0.0em;
    margin-left: 0.0em;
}
/* no extra space in table cells */
td .icon {
    vertical-align: middle;
    border: 0;
}

/* buttons in some browsers (eg. Konqueror) are block elements, this breaks design */
button { display: inline;
         vertical-align:     middle;
}

button.mult_submit {
    border:             none;
    background-color:   transparent;
    margin: 0;
}

.hand { cursor: pointer; cursor: hand; }

.crow { font-family: verdana, arial; font-style: normal;
        font-variant: normal; font-weight: normal; font-size: 6pt;}

#header { font-family: verdana, arial; font-style: normal;
          font-variant: normal; font-weight: bold; font-size: 36pt;
          color: black; background: White;
          padding-top: 15px;
          padding-bottom: 15px;
          padding-left: 20px;
          padding-right: 20px;
          border: 0px solid black; }

.footer { background: white; 
          padding-top: 8px;
          padding-bottom: 8px;
          padding-left: 10px;
          padding-right: 10px;
          border: 0px solid black; }


/* Enlarge images on hover */

.thumbnail:hover {
    position:relative;
    top:-25px;
    left:-35px;
    width:500px;
    height:auto;
    display:block;
    z-index:999;
}

.effectback {
  display: block;
  background: url('https://farm8.staticflickr.com/7042/6873010155_d4160a32a2_s.jpg') no-repeat;
    margin: 0 auto;
}
.effectfront {
  border: none;
  margin: 0 auto;
}
.effectfront:hover {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}


.flowingdown {
    width:200px;
    height:50px;
    float:left;
    margin-top:2px;
    margin-bottom:2px;
    border-radius:0 0 55px 55px;
    transition: height 1s;
    -webkit-transition: height 1s;
}
.flowingdown:hover {
    height:100%;
}


.showbox{
    display: none;
    width: 100%;
}

.showbox:hover{
    display: block;
    position: relative;
    z-index: 100;
}