BODY { scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: silver; scrollbar-shadow-color: silver; scrollbar-3dlight-color: silver; scrollbar-arrow-color:silver; scrollbar-track-color:white; scrollbar-darkshadow-color:silver; } .t11_grey { font-family: tahoma; font-size: 11px; color: 666666; text-decoration: none} .t10_orange { font-family: tahoma; font-size: 10px; font-weight: bold; color: FF7800; text-decoration: none} .t10_b { font-family: tahoma; font-size: 10px; color: #000000; text-decoration: none} .content { font-family: "Arial"; font-size: 10pt; color: #111111; text-decoration: none} .contentmsg { font-family: "Arial"; font-size: 10pt; color: #ff0000; text-decoration: none} .contentman { font-family: "Arial"; font-size: 10pt; color: #111111; background: #FFFFCC; text-decoration: none} .contentfooter { font-family: "Arial"; font-size: 8pt; color: #111111; text-decoration: none} a.contentfooter:link { font-family: "Arial"; font-size: 8pt; color: #111111; text-decoration: none} a.contentfooter:visited { font-family: "Arial"; font-size: 8pt; color: #111111; text-decoration: none} a.contentfooter:hover { font-family: "Arial"; font-size: 8pt; color: #CCCCCC; text-decoration: none} a:link { font-family: "Arial"; font-size: 10pt; color: #111111; text-decoration: none} a:visited { font-family: "Arial"; font-size: 10pt; color: #111111; text-decoration: none} a:hover { font-family: "Arial"; font-size: 10pt; color: #CCCCCC; text-decoration: none} .style1 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #336699 text-decoration: none} .style2 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #993300; text-decoration: none} .style3 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #006600; text-decoration: none} .style4 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #F0A577; text-decoration: none} .pageheader { font-family: "Arial"; font-size: 12pt; color: #111111} html, body { margin:0px; padding:0; height:100%; } #container { min-height:100%; position:relative; } #header { background:#ff0; padding:10px; } #body { padding:10px; padding-bottom:60px; /* Height of the footer */ } #footer { position:absolute; bottom:0; width:100%; height:60px; /* Height of the footer */ background:#6cf; } .titleoratxt1 { border:1px solid #D4D4D4; line-height:3; width:780px; background-image:url(images/header-bg2.gif); background-repeat:repeat-y; } .titleoratxt { font-family: Arial; font-size: 12px; color: #111111; text-decoration: none; /*font-weight: bold;*/ padding-top:3px; } /* loading css */ #loading { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; opacity: 0.7; background-color: #000; z-index: 99; text-align: center; } .loader { border: 16px solid #f3f3f3; /* Light grey */ border-top: 16px solid #3498db; /* Blue */ border-radius: 50%; width: 100px; height: 100px; animation: spin 2s linear infinite; position: absolute; top: 30%; left: 48%; z-index: 100; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* /.loading css */