/* START styles for HTML elements */
body {font-family: 'Segoe UI','Arial','Helvetica','Geneva','Sans-serif'; font-size:16px; color:#444444;}
input {background:#F7FFFF; border-radius: 2px; border-style: flat; border-width: 1px; padding:3px;}
select {background:#F7FFFF; border-radius: 2px; border-style: flat; border-width: 1px;}
textarea {border-radius: 2px; border-style: flat; border-width: 1px;
    background-color: #F7FFFF;
    width:100%; padding:3px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

form {
    display:inline;
}

/* START WF styles */
.wfred {font-size:110%; font-weight:bold; color:red;}
.wfgray {font-size:92%; font-weight:bold; color:#AAAAAA;}
.wfdarkblue {font-size:92%; color:darkblue;}
.wfwhite {font-size:92%; color:#FFFFFF;}
#wfwhite a {font-size:92%; text-decoration:none}
.wfhidden {font-size:92%; visibility:hidden;}
.wfsmall {font-size:85%;}
.wfxsmall {font-size:76%;}
.wfbold {font-size:92%; font-weight:bold;}
.wflink {font-size:92%; color:#000080;}
.wftitle {font-size:120%;font-weight:bold;color:#000080;}
.wftable {font-size:92%; border-width: 0px; padding: 0px;}
.wfhighlight {font-size:92%; background-color: #FFFF00;}

.wftableclear {font-size:92%; border-width: 0px;}
.wftdodd {font-size:92%; background-color:#DDDDDD;}
.wftdeven {font-size:92%; background-color:#FDFDFD;}
.wftdselected {font-size:92%; background-color:#ADD8E6;}

.wftdwhite {background-color:#FFFFFF; border-width:1px; border-color:#DDDDDD; font-size:76%; color:black;}
.wftd {font-size:92%; background-image:url(' ../images/interface/steel3.png'); background-color:#dadada;
vertical-align:top; border-style: outset; border-width: 1px; border-color:#DDDDDD; padding: 4px; border-radius: 4px;}
.wfbrass {font-size:92%; background-image:url(' ../images/interface/brass.png'); background-color: #eaeaea;
	border-style: outset; border-width: 1px;  border-color:#DDDDDD; padding: 4px; border-radius: 4px;}
.wffaq {font-size:92%; font-weight:bold; font-size:105%; color:#000090; margin-left:10px;}

.wffix {font-family: 'Courier New'; font-size:92%; color:#333333;}

.wf3c {font-family: 'Segoe UI','Arial','Helvetica','Geneva','Sans-serif'; font-size:92%; color:#333333;
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}

.wfToolTip {font-size:92%; position: relative;  display: inline-block; }
.wfToolTip .wfToolTipText {
    visibility: hidden; width: 180px; background-color: gray;
    color: #fff; padding: 5px 5px 5px 5px; border-radius: 6px;
    position: absolute; z-index: 1; font-size:80%; 
    top: 20px; right: 105%; 
}
.wfToolTip:hover .wfToolTipText {font-size:92%; visibility: visible;}

/* START RAISED PAPER SHEET EFFECT */
.paper {
  position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.paper:before, .paper:after {
content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.paper:after {
    right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}
/* END RAISED PAPER SHEET EFFECT */

/* START drop-down menus */
#wfm0 {font-size: 92%; color:#ffffff;}
#wfm0 a {font-size:92%; background-color:#333333 center center repeat-x; color:#ffffff;
	padding:4px 10px 4px 10px; margin:0px 0px 0px 0px;text-decoration:none;}
#wfm0 a:hover {background: url( ../images/interface/ba.gif) center center repeat-x;
	text-decoration:none;}
.wfmclear {font-size: 92%; height:0px;width:0px;clear:left;line-height:0px;display:block;}
.wfmmc {font-size: 92%; position:relative;}
.wfmmc div a {float:none;}
.wfmmc div {visibility:hidden;position:absolute;}
.wfmparent {font-size:92%; background-color:#444444;}
#wfm0 .wfmparent {background-color: #444444center center repeat-x;}
#wfm0 div {border-size:0px;margin:8px 8px 0px 0px;}
#wfm0 div a {background: transparent url( ../images/interface/bd.gif) center center repeat-x;
	border-size:0px;margin:8px 8px 0px 0px;}
#wfm0 div a:hover {background: url( ../images/interface/ba.gif) center center repeat-x;
	text-decoration:none; }
/* END drop-down menus */

/* START TOOLTIP STYLE */
.help-tooltip {font-size: 76%;
	position: absolute; width: 450px; border: 1px Solid WindowFrame;
	background: Infobackground; color: InfoText; padding: 3px; z-index: 10000;
	filter:	progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=3);}

.help-tooltip a {font-size: 76%;}
.help-tooltip a:hover {font-size: 76%; color: blue; background: none;}

/* END TOOLTIP STYLE */