/* Global Styles */
body, table { 
  font-size : 100%; 
  font-family : arial, sans-serif; 
}

#form_div {
	margin-left : 5%;
	padding : 5px;
}

#suggestions {
	margin-left : 150px;
	padding : 5px;
}

.bigbanner {
  color : white;
  background-color : #008bcc;    /* Huber blue */
  font-size : 3em;
  width : 100%
}

.biglogo {
  margin-top : 4px;
  margin-left : 4px;
  margin-right : 6px;
  border-style : solid;
  border-color : white;
  border-width : 2px;
  background-color : white;
  height : 2em;
  object-fit ; contain;
}

.resultsbanner {
  color : white;
  background-color : #008bcc;    /* Huber blue */
  font-size : 3em;
}

.resultslogo {
  margin-top : 4px;
  margin-left : 4px;
  margin-right : 6px;
  border-style : solid;
  border-color : white;
  border-width : 2px;
  background-color : white;
  height : 2em;
  object-fit ; contain;
}

.huberblue {
  background-color : #008bcc;    /* Huber blue */
}

.currenttime {
	text-align : left;
	font-size : 0.75em;
	position : absolute;
	left : 0px;
}

.copyright {
  text-align : right;
  font-size : 0.75em;
  font-style : italic;
  position : absolute;
  right : 0px;
}

.center {
  text-align : center;
}

p.pagenav {
  vertical-align : middle;
}

.greybar {
  background-color : #f5f5f5;    /* light grey */
}

.mainsearch {
  font-size: 110%;
}

#div_cpk_box, #div_hem_box, #div_sas_box {
  border-color : #008bcc;    /* Huber blue */
  border-width : 8px;
  margin : 2px;
  display : inline;
  float : left;
  width : 190px;
  height : 175px;
  vertical-align : middle;
}
.unselected {
  background-color : #f5f5f5;    /* light grey */
  border-style : inset;
}
.selected {
  background-color : white;
  border-style : outset;
}

#div_all_box {
  border-color : #008bcc;    /* Huber blue */
  border-width : 0px;
  padding : 2px;
  display : inline;
  float : left;
  vertical-align : middle;
}

.hidden {
  visibility : hidden;
}

img.navon {
  border-width : 0px;
}
img.navoff {
  border-width : 0px;
}

img.logo {
  margin : 2px;
  border-width : 1px;
  border-style : solid;
  border-color : white;
}

img.checkedBox {
  width : 20px;
  height : 18px;
  background-image : url(checkBoxes.png);
  background-position : -20px 0;
  _background-image : url(checkedBox.gif);   /* IE <7 will use gif instead of png */
  _background-position : 0 0;
  border-width : 0px;
}
img.uncheckedBox {
  width : 18px;
  height : 18px;
  background-image : url(checkBoxes.png);
  background-position : 0 0;
  _background-image : url(uncheckedBox.gif);   /* IE <7 will use gif instead of png */
  _background-position : 0 0;
  border-width : 0px;
}

hr { 
  display: block;
  height : 2px;
  margin-top: 0.5em;
  margin-bottom: 0.125em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
  color : #008bcc;    /* Huber blue */
  background-color : #008bcc;    /* Huber blue */
} 

#COOL_REDIRECT {
  color : red;
  cursor : default;
  font-size : larger;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: block;
  clear: both;
}

.column {
	float: left;
}

.column.major_labels {
	width : 15%;
}

.column.major_details {
	width : 85%;
}

.column.option_label {
	width : 25%;
}

.column.option_input {
	width : 75%;
}

.column.option_left {
	width : 50%;
}

.column.option_right {
	width : 50%;
}
