/* PRstyles.css */
body { margin:0; padding-left:5px; padding-right:10px; border:none; background-color: #819fcc; }
xtd { padding-left: 1em; }
h2 { margin-top: 3px; text-align:center; }
h3 { margin-bottom: 0; }

#idPage { display:block; width:825px; background-color:#FFF; border: 3px solid navy; border-radius:7px; margin-left:auto; margin-right:auto; margin-top:10px; padding-top:5px; }
#idPage img { border-radius:5px; }
#idBody { xbackground-color:pink; }
#idMenu { display:inline-block; vertical-align:top; font:Arial, Helvetica, sans-serif; font-size:14px; xbackground-color:#eee; }
#idMenu ul { padding:0 0.5em 0 1.5em; font-size:14px; list-style-image:url(../pix/diamond.png); text-indent:-0.5em;}
#idMenu ul ul { margin-left:-1em; }
#idContents { display:inline-block; xbackground-color:#ddd; }
.clPixColBody { display:inline-block;float:left;width:630px; }
.clPixColumn { display:inline-block; vertical-align:top; xbackground-color:yellow; }
.clPixColumn img { width:200px; }
.clTextColumn { display:inline-block; width:390px; margin-left:12px; margin-right:5px; vertical-align:top; xbackground-color:orange; }
#idTextBody { display:inline-block;float:left;width:625px; margin-right:5px; }
.clTextBody { display:inline-block;float:left;width:625px; margin-right:5px; }
#idFooter { margin:5px; border:3px solid navy; border-radius:5px; padding:10px; text-align:center; background-color:#FFC}

.clPixCol { display:inline-block;float:left;margin-left:4px; }
.clPixCol img { z-index:1; transition:transform 0.25s; }
.clPixCol:hover img { z-index:100; transform:scale(3,3); transition:transform 2s 1s; }
.clPixWin { display:inline-block;float:left;margin-left:4px; }
.clPixWin img { z-index:1; transition: transform 0.25s; }
.clPixWin:hover img { z-index:100; transform:scale(2,2); transition:transform 2s 1s; }
.clImgBanner { border:solid thin #000; border-radius:10px; padding:3px; height:60px; width:140px; }


option:hover,
option:focus,
option:active,
option:checked {
  xbackground:linear-gradient(#5A2569, #5A2569);
	text-decoration:underline;
	padding-top:5px;
	padding-bottom:5px;
}
/* track changes on input forms */
.clWatchChanges { /* border-color:blue; border-width:thick; */ }
.clFlagChanged {background-color: #FF6; }
input[type="checkbox"].clFlagChanged {outline-color:yellow; outline-width:thick; outline-style:solid; }
#idButtonResponse { font-size:2vh;display:none; z-index:200; }
/* PRstyles.css end */