@charset "UTF-8";

/* CSS Document */
html{
	overflow-y:scroll;
/*	min-height: 100%;*/
	margin-bottom: 1px;
}

body {
	background-color:#EFEFEF;
	margin:0;
}

#container {
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0 auto 5px;
	min-height:37em;
	padding:2px;
	width:1058px;
}

#banner {
  position: relative;
	border-top: 0px solid #AEDBF4;
	border-bottom: 1px solid #AEDBF4;
	float: left;
	width: 1058px;
	height: 75px;
    background-image: url(../framework/images/banner/RObanner_0.png);
	background-repeat: no-repeat;
}

#header-text {
  position: absolute;
  left: 53%;
  top: 50%;
  transform: translate(-50%, -50%);
  
}

#header-text h3 {
  font-size: 28px;
}

#header-text p {
  font-size: 12px;
  color: #888;
}

.clearboth {
	clear:both;
	color:#FFF;
	padding: 4px 4px 4px 4px;
}


.spacer {
	float:left;
	width:3%;
}


/*TOP NAV*/
#row1col1
{
	border-top: 1px solid #AEDBF4;
	border-bottom: 1px solid #AEDBF4;
	margin-top: 0px;
	float: left;
	width: 1058px;
	background-color: #F0F8FE;
}

#row2leftcol
{
	float: left;
}


#row2col1
{
	border-top: 1px solid #AEDBF4;
	border-bottom: 1px solid #AEDBF4;
	border-left: 1px solid #AEDBF4;
	border-right: 1px solid #AEDBF4;
	margin-top: 5px;
	width: 182px;
}

#row3col1
{
	border-top: 1px solid #AEDBF4;
	border-bottom: 1px solid #AEDBF4;
	border-left: 1px solid #AEDBF4;
	border-right: 1px solid #AEDBF4;
	margin-top: 5px;
	width: 182px;
}

#date_parpanel, #refr_parpanel, #tipspanel, #daily_parpanel, #dayofmon_parpanel, #vertical_parpanel, #level_parpanel, #lat_parpanel, #qcref_parpanel, #qmref_parpanel, #outlier_parpanel, #stat_qc_parpanel, #radiopanel
{
	border-top: 1px solid #AEDBF4;
	border-bottom: 1px solid #AEDBF4;
	border-left: 1px solid #AEDBF4;
	border-right: 1px solid #AEDBF4;
	margin-top: 5px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #000000;
	padding:5px;
}

#tipspanel
{
	font-family: Arial, Verdana, sans-serif;
/*	font-style: italic;*/
	font-size: .625em;
	color: #666666;
}

/*main panel*/
#row2rightcol
{
	border-top: 1px solid #AEDBF4;
	border-bottom: 1px solid #AEDBF4;
	border-left: 1px solid #AEDBF4;
	border-right: 1px solid #AEDBF4;
	margin-top: 5px;
	margin-left: 5px;
	width: 867px;
	float: left;
}

#dispanel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #000000;
	padding:5px;
}

/*CONTAINTERS*/

.container_head {

}

.datatableright { text-align: right; }
.datatableleft { text-align: left; }
.datatablecenter { text-align: center; }

.container_head_text {

	padding:5px 0 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	background-color: #006699
}

.container_head_text2 {

	padding:5px 0 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold
}

.container_head_text_small {
	height:23px;
	padding:5px 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	background-color: #006699
}

.container_head_text_extrasmall {
	height:23px;
	padding:5px 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	background-color: #006699
}

.container_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #000000;
	padding:5px;
}

.container_content2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #000000;
	padding:0px;
}

#footer
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.7em;
	margin-bottom:5px;
	margin-top:5px;
	text-align:center;
}

//#tims_disp ul.yui-nav li:nth-child(11) {
#tims_disp {
      visibility: hidden;
}