html {
	background-color: #EBEBEB;
	background-image: url(../images/background-gradient.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
body, td, p {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
}
p.menu1 {
	padding:3px 5px 3px 8px;
	margin:10px inherit inherit inherit;
}
body, body#login_page {
	margin-top:0;
	padding-top:0;
	background-image:url(../images/background-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
span.field-name{
	color:#000080;
	font-weight:bold;
}
a.download-link {
	border: 1px solid #36C;
	font: bold 1em Arial,Helvetica,sans-serif;
	font-weight:bold;
	padding: 2px 6px 2px 6px;
	cursor: default;
	background: #5a86b3;
	color: #DDD;
	text-decoration: none;
	-moz-box-shadow: #777777 1px 0px 5px;
	box-shadow: #777777 1px 0px 5px;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	transition: all 0.5s ease;
}
a.download-link:hover {
	color: #FFF;
	-moz-box-shadow: #777777 1px 0px 0px;
	box-shadow: #777777 1px 0px 0px;
	cursor:pointer;
}
p.not-available {
	font-size:1em;
	font-weight:bold;
	color:red;
}
input[readonly="readonly"]
{
    background-color:#DDD;
}
p.doc-title {
	font-size: 1.3em;
	font-weight: 500;
	color: #222;
	text-shadow: 0px 0 2px rgba(0, 0, 0, 0.4);
}
/* Left Navigation */

.menu1 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2px;
  margin-left: 10px;
  margin-right: 40px;
  padding-left: 10px;
  padding-bottom: 2px;
  padding-top: 2px;
  padding-right: 10px;
  background-color: #000;
}
.menu2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 130%;
  color: #333333;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 20px;
  padding-left: 10px;
  
}
.menu1_highlight *,.menu1_nohighlight *{
	text-decoration:none;
}
.menu1_highlight,.menu1_nohighlight,.menu1_attrib {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 0 10px 0 10px; /* 0 40px 0 10px */
	/* padding: 0 10px 0 10px; 2017-09-11 */
	background-color: #CCCCCC;
}
.menu1_nohighlight,.menu1_attrib{
	background-color: #FFFFFF;
	color: #000;
}
.menu1_nohighlight:hover {
	background-color:#F4F4F4;
}
.menu1_attrib {
	font-weight:normal;
}
#client_mark{
}
#client_name{
	float:left;
	padding-top:25px;
}
#client_name h3{
	font-size:16px;
	color:#333;
}
#client_logo{
	float:right;
}
#category{
	text-align:left;
}
.text {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 130%;
  color: #333333;
  padding: 2px;
}

/* Thumbnails 2024-09-03 */
/***********************************/
div#thumbnail img, td#thumbnail img {
    width: 200px;
} 


/* Paging */
/***********************************/
a.but-left img,
a.but-right img {
	cursor:pointer;cursor:hand;
}
a.but-left img, a.but-right img,
img.but-left, img.but-right {
	border:none;
	vertical-align:bottom;
	margin: 0 5px;
}
a.but-left img:hover,
a.but-left img:active {
	background:url(/images/go-left-over.png);
}
a.but-right img:hover,
a.but-right img:active {
	background:url(/images/go-right-over.png);
}
div.pagenum {
	padding: 2px 5px;
	display:inline;
}
div.pagenum-wrap{
	vertical-align:top;
	padding:5px 0;
}
/***********************************/

a {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  text-decoration: underline;
}
h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.error {
  color: #CC3300;
 }
.textsmall {
    font: 10px Arial, Helvetica, sans-serif;

  }
.rptgrp {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  border-bottom: solid 2px;
 /* display: block;*/
}

table.display {
	background-color: #fff;
	border: 1px solid #EEE;
	border-collapse: collapse;
	border-spacing: 3px;
}
tr#start td{
	border-top:none;
}
table.display td {
	padding: 4px;
	border: 1px solid #EEE;
	border-bottom-color: #BBB;
}

table.display th {
	padding: 4px;
	border: 1px solid #333;
	background-color: #333;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2px;
  margin-top: 2px;
}

table.display td h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2px;
  margin-top: 2px;
  background-color: #333;
}

/* Login Form */
form#login {
	margin: 20px auto;
	padding: 16px 16px 16px 16px;
	font-weight: normal;
	-moz-border-radius: 16px;
	-khtml-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e5e5e5;
	-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	box-shadow: rgba(200,200,200,1) 0 4px 18px;
	width:300px;
}

#login td {
	text-align:left;
}

h1.loginTitle {
	color:#666;
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	font-weight:normal;
	margin: 70px auto 0px auto;
	padding-right:210px;
}

.clear {
	clear:both;
}

#col1 {
	width:235px;
	float:left;
	text-align:left;
	padding: 0 3px;
}
#col2 {
	float:left;
	text-align:left;
	padding: 0 3px;
}

#header {
	padding:0; 
	text-align:center; 
	width: 900px; height: 113px; 
	margin-left:auto;
	margin-right:auto;
}
#contentWrap {
	padding:15px 0;
	min-height:400px;
	
	text-align:center; 
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
}
/* Animated Logo 2024-09-03 */
/***********************************/
#header {
    overflow-clip-margin: content-box;
    overflow: clip;
}
#anim-logo  {
    position: relative;
    top: 0px;
    left: -560px;
    height: 71px;
    border-bottom-left-radius: 20px; /* adjust value as needed */
}
#footer { 
	padding:0; 
	text-align:center; 
	width: 900px; height: 88px; 
	background: url('/images/footer-bg.jpg'); background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	font-size:12px;
	color:#CCC;
}
#footer-message {
	float:left;
	padding: 20px 20px 20px 100px;
	text-align:left;
	margin-left: 75px;
}
#poweredby {
	float:right;
	padding: 20px 20px 20px 20px;
	text-align:right;
}
#footer-message a:link, #footer-message a:visited, #footer-message a:active, 
#poweredby a:link, #footer a:visited, #footer a:active 
{
	color:#ccc;
}
#poweredby a:hover, #footer-message a:hover {
	color:#fff;
}
	
/* Buttons */
input[type="submit"],input[type="button"] {
  -moz-border-radius: 5px;
  -moz-box-shadow: #777777 1px 0px 6px;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: #777777 0 0 6px;
  -webkit-transition: all 0.5s ease;
  background-color: #eef3dd;
  background-image: -moz-linear-gradient(0deg, #B9C788, #EDFDFF);
  background-image: -ms-linear-gradient(0deg, #B9C788, #EDFDFF);
  background-image: -o-linear-gradient(0deg, #B9C788, #EDFDFF);
  background-image: -webkit-linear-gradient(0deg, #88B8C7, #EDFDFF);
  background-image: linear-gradient(0deg, #88B8C7, #EDFDFF);
  border-radius: 5px;
  border: 2px solid #606F8A;
  box-shadow: #777777 1px 0px 6px;
  color: #000;
  display: inline-block;
  font-size: 0.9em;
  margin: auto;
  padding: 2px 5px;
  text-decoration: none;
  text-shadow: #acaaaa 1px 1px 2px;
  transition: all 0.5s ease;
}
input[type="submit"]:hover, input[type="button"]:hover {
  -moz-box-shadow: #777777 0px 0px 1px;
  box-shadow: #777777 0px 0px 1px;
  color: #000;
  /* font-size: 1em; */
  padding: 2px 5px;
  text-decoration: none;
  text-shadow: #acaaaa 1px 1px 2px;
  cursor:pointer;
}
span.hidden-font{
	font-size:0.7em;
	font-weight:normal;
}