.boldblue {
    color: #000066;
    font-weight:bold;
}

.boldorange {
    color: #F06A00;
    font-weight:bold;
}

.boldred {
    color: #FF0000;
    font-weight:bold;
}

.center {
    text-align: center;
    width: 100%;
}

.border {
    border: 2px groove black;
    padding: 1px 1px 1px 1px;
}

.popup {
    position:absolute;
    border:solid 1px black;
    background-color:white;
    padding:4px;
}

.mediumfont {
    font-size:15px;
    font-weight:bold;
}

.largefont {
    font-size:20px;
    font-weight:bold;
    font-family: Arial, Helvetica, San Serif;
}
.smallfont {
    font-size:12px;
    font-weight:bold;
    font-family: Arial, Helvetica, San Serif;
}

.mediumfont {
    font-size:15px;
    font-weight:bold;
    font-family: Arial, Helvetica, San Serif;

}


button.main {
    cursor:pointer;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#306CA8;
    font-size:18px;
}

button.reset {
    cursor:pointer;
    font-size:16px;
}

a:link {
	color: #0000FF;
	text-decoration: none;
}

a.magwhite {
    font-size: 1em; /* Override main.css .white class */
	color: #FF0000	!important;
	text-decoration: none;
}

a:active {
	/*color: #FFFFFF;*/
	color: #0000FF;
	text-decoration: none;
}

a.deselect {
  color: #888888	!important;
  text-decoration: none;
}

a {
	color: #0000FF;
	text-decoration: none;
}

#p_info_close  {
    display:none;
    text-align:left;
    margin-top:20px;
}
.hide {
    display:none;
}

#param_info {
    overflow:scroll;
    height:200px;
    border:solid 1px black;
    background-color:#EBEBEB;
    padding:10px;
    margin: 10px 0px 10px 0px;
    font-size:14px;
    font-weight:normal;
    text-align:left;

}

.more_info_container  div {
   float:right;
   text-align:left;
   margin-bottom:10px;
   margin-right:10%;
}

button.nav_button {
   cursor: pointer;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #306CA8;
   font-size: 18px;
}

.three_items {margin-top:5px; margin-bottom:5px;height:20px;}
.three_items .left  { width:30%; float:left; text-align:center; }
.three_items .middle{ width:39%; float:left; text-align:center; }
.three_items .right { width:30%; float:left; text-align:center; }

.static_URL {
   font-size:13px;
   margin-top:15px;
   margin-bottom:10px;
   text-align:center;
   font-family: Arial, Helvetica, San Serif;
}

div#prev_next div {text-align:center}

div#prev_next .left { float: left; width:50%; }
div#prev_next .right { float: right; width:49%;}

button.p_info {
    cursor:pointer;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#306CA8;
    font-size:11px;
    margin-bottom:5px;
}

/*HAniS implementation CSS Start*/
.deco{
	margin: 0 auto;
	
}

#handiv {
   background-color:#FFF;  
   border-width:4px;
   border-style:ridge;
   border-color:#666;
}

.hanis-container {
   width:70%;	
   float:left;
   margin-left:5px;
   

}
/*HAniS implementation CSS End*/

/* -- Four-Panel Looping Page Styles, Start -- */

/* Page Container */
#container_4panel {
   width: 1024px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   color: #fff;
}

/* Container around button bar and image grid */
#container_4panel_buttons_images {
   width: 1022px;
   border-color: #000000;
   border-style: solid;
   border-width: 3px;
   border-style: ridge;
}

/* Container for button bar */
#container_4panel_buttons {
   margin: 0 auto;
   white-space: nowrap;
   text-align: center;
   display: inline-block;
}

/* Styling for each button */
.pbutton {
   width: 113px;
   height: 30px;
   float: left;
   display:flex;
   flex-flow:row;
   justify-content:center;
   font-size: 15px;
   font-family: arial;
   color:#FFFFFF;
   font-weight: bold;
   background:linear-gradient(#2C3539,#999);
}

.pbutton:hover {
   color:#000000;
   background:linear-gradient(#E0E0E0,#878787);
}

p.image_label {
   font-size: 16px;
   font-family: arial;
   color:#000000;
   font-weight: bold;
}
/* -- Four-Panel Looping Page Styles, End -- */