body 
{	
	font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: #ffffff;
    padding-top: 10px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#masthead {
	width: 100%;
}
	
#logo {
	width: 300px;
	height: 72px;
	margin: 5px 0 0 15px;
	background: url(../images/caloptima_01.jpg) no-repeat center center;
	clear: both;
}

.logo-image {
	display: flex;
	align-items: center;
}
.logo-image img {
	margin-right: 10px;
}

#navbar {
	width: 100%;
	height: 35px;
	background: url(../images/NavBG.png);
}
	
	#over {
		width: 405px;
	}

#overmask {
	width: 100%;
	height: 35px;
	background: url(../images/OverlayBG.png);
}	

.header-main 
{
	font-size: 30pt;
    width:100%; 
	/*padding:3px 0px; 
	font-weight:bold;
	background-color:#00365b;*/
	color:#8c0355; 
	
}

.header-detail{
    font-size: 21pt;
	width:100%; 
	padding:3px 0px; 
	/*font-weight:bold;
	background-color:#0087c7;*/
	color:#0087c7;
}

.header-underlined
{
	padding:3px 0px 3px 0px; 
	text-decoration:underline; 
	font-weight:bold;
	color:#00365b;
}

.spacer3px 
{
	padding:3px;
}

.error
{
	width:100%; 
	padding:3px 0px 3px 10px; 
	background-color: #cd5c5c;
	color:#ffffff;
}

.white-space-nowrap {
	white-space: nowrap;
}

.comment {
	width:calc(100% - 20px);
	border: 1px solid #000000;
}

.required{
	color:red;
	font-weight:normal
}
.wide100{
	width:100%;
}
.alignRt {
	margin-right:auto; 
	margin-left:0;
}
.normalFontWeight{
	font-weight:normal;
}

.tin
{
	display:inline;
}

.tin input {
	border: 1px solid #000000;
}

.tin-hidden
{
	display:none;
}

.instruction
{
	font-weight:normal;
}

.instruction title
{
	font-weight: bold;
	font-size: x-large;

}

.btn {
    display: inline-block;
    padding: 12px 36px;
    margin-bottom: 0;
    font-size: 14pt;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    border-radius: 0px;
}

.btn-default {
    color: #ffffff;
    border: 0;
    background: #00365b; /* For browsers that do not support gradients */    
    background: -webkit-radial-gradient(#49708f 2%, #00365b); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#49708f 2%, #00365b); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#49708f 2%, #00365b); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#49708f 2%, #00365b); /* Standard syntax (must be last) */
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #ffffff;
  border: 0;
  background: #0087c7;
  background: -webkit-radial-gradient(#0087c7, #0087c7); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#0087c7, #0087c7);  /* For Opera 11.6 to 12.0 */ 
  background: -moz-radial-gradient(#0087c7, #0087c7); /* For Firefox 3.6 to 15 */
  background:radial-gradient(#0087c7, #0087c7);
   }

/* RESPONSIVE BREAKPOINTS*/

/* Extra Small Devices, Phones */ 
@media (max-width : 480px) {
#over {
		width: 303px;
	}
	#overmask {
	width: 100%; 
	height: 35px;	
    background: url(../../images/OverlayBG.png) top right;
	}
    	#logo {
		width: 300px;
		height: 72px;
		margin: 5px 0px 0px 15px;
		background: url(../../images/caloptima_01.jpg) no-repeat center center;
		clear: both;
	}
}

/* Small Devices, Tablets */
@media (max-width: 768px) {

}