@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}
 
html, body {
  height: 100%; /* Required */
}
 
body {
  color: #333;
  font: 11px Verdana, sans-serif;
  text-align: center;
}
 
h1 {
  font: bold 12px Verdana, sans-serif;
}
 
h2 {
  padding: 1em 0 .2em 0;
  font: normal 18px/1.5em Georgia, serif;
}
 
p {
  margin: 1em 0;
  line-height: 1.5em;
}
 
a {
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
}

p a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

p a:hover {
	color: #000;
  text-decoration: underline;
}

img{
	border: 0px;
	}
 
a:hover {
  color: #FFF;
  text-decoration: underline;
}
 
#container-page {
	margin: 0 auto;
	width: 100%;
	background: #DDD;
	text-align: left;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}
 
#container-head {
  background: #999;
}
 
#head {
	padding: 1em;
	background-image: url(../../../images/page_top_bg_x.jpg);
	height: 55px;
	background-repeat: no-repeat;
	background-color: #B6BBCF;
}
 #tmenu {
	height: 25px;
	background-repeat: no-repeat;
	background-color: #3A4062;
	color: #FFF;
	text-align: left;
	padding-left: 380px;
	line-height: 25px;
}
 
#container-content {
  padding: 0 2em 40px 2em;
}
 
#container-content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
 
#content-pri {
  width: 80%;
  float: right;
}
 
#content-sec {
	padding: 1em 0;
	width: 15%;
	float: left;
	background-color: #3A4062;
	border-bottom-left-radius:16px;
	border-bottom-right-radius:16px;
}
 
 #content-sec ul,#content-sec ul  {
	padding-left:45px;
}
 
#content-sec ul,#content-sec ul li {
	color:#FFF;
	list-style-image: none;
	list-style-type: disc;
	margin:0px;
}
#content-sec ul,#content-sec ul li a{
	color:#FFF;
	line-height:25px;
	}
#content-sec ul,#content-sec ul li a.hover{
	color:#FFF;
	line-height:25px;
	}
  
#container-foot {
  width: 100%;
  background: #B8BACF;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 40px;
}
 
#foot {
  padding: 0 1em;
  line-height: 40px;
}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0; 
  width: auto;
  float: left;
}

form fieldset {
   /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #fff;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	//width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea , radio { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

hr {
	margin-top: 8px;
	margin-bottom: 7px;
	background-color: #B6BBCF;
	height: 1px;
}

#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	text-align: left;
	border-collapse: collapse;
        width: 40%;
        float: left;
}
#rounded-corner thead th.rounded-company
{
	border-top-left-radius:16px;
}
#rounded-corner thead th.rounded-q4
{
	border-top-right-radius:16px;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #FFF;
	background: #3A4062;
}
#rounded-corner td
{
	padding: 8px;
	background: #B8BACF;
	border-top: 1px solid #fff;
	color: #000;
}
#rounded-corner tfoot td.rounded-foot-left
{
	border-bottom-left-radius:16px;
}
#rounded-corner tfoot td.rounded-foot-right
{
	border-bottom-right-radius:16px;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}
.countertbl {
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
}
.countertbl td{
	background-color: #B8BACF;
}
.countertbl a, .countertbl a.hover{
	text-decoration: none;
}
.clocktbl{
	background-color: #FFF;
	text-align: center;
	font-size: 36px;
	font-family: "MS Serif", "New York", serif;
	top: 125px;
	left:50px;
	float:right;
	position:absolute;
}
.clocktbl td{
	color: #FFFFFF;
	background-color: #000;
}
.clocktbl a, .clocktbl a.hover{
	text-decoration: none;
}

.inner_tbl{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	border: none;
}
.tab-fon{
    font-size: 11px;
}
.selected {
	border: 1px solid #000;
}
.label p {
	margin: 0;
}

/* Form fields and buttons (signup, login). Ported from the Shift copy of
   this site; colours follow the 2026 redesign (--srs-* in layout.css). */
.form-field {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	padding: 6px 6px;
	border: 1px solid #999;
	background-color: #fafafa;
	border-radius: 4px;
}
.form-field:focus {
	border-color: var(--srs-navy, #0c2741);
	background-color: #fff;
	outline: none;
}
select.form-field {
	padding: 3px 4px;
}
textarea.form-field {
	resize: vertical;
}
.form-btn {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	padding: 6px 14px;
	cursor: pointer;
	border: 1px solid var(--srs-navy, #0c2741);
	border-radius: 3px;
}
.btn-primary {
	background-color: var(--srs-navy, #0c2741);
	color: #fff;
}
.btn-primary:hover {
	background-color: var(--srs-navy-deep, #001b36);
	border-color: var(--srs-navy-deep, #001b36);
	color: #fff;
}
.btn-secondary {
	background-color: #fff;
	color: var(--srs-navy, #0c2741);
}
.btn-secondary:hover {
	background-color: #eef2f6;
	color: var(--srs-navy, #0c2741);
}

/* Layout helpers used by the form rows */
.min-w-150 { min-width: 150px; }
.text-right { text-align: right; }
.d-flex { display: flex; }
.flex-grow { flex-grow: 1; }
.align-start { align-items: flex-start; }
.align-center { align-items: center; }
.gap-10 { gap: 10px; }
.mt-5 { margin-top: 5px; }
.mb-5 { margin-bottom: 5px; }