﻿.margin-top-60px {
    margin-top: 60px !important;
}

.margin-top-30px {
    margin-top: 30px !important;
}

.margin-top-15px {
    margin-top: 15px !important;
}

.margin-bottom-60px {
    margin-bottom: 60px !important;
}

.margin-bottom-30px {
    margin-bottom: 30px !important;
}

.margin-bottom-15px {
    margin-bottom: 15px !important;
}

.margin-left-20px {
    margin-left: 20px !important;
}

.margin-left-5px {
    margin-left: 5px !important;
}

.padding-top-60px {
    padding-top: 60px !important;
}

.padding-top-30px {
    padding-top: 30px !important;
}

.padding-right-10px {
    padding-right: 10px !important;
}

.padding-bottom-60px {
    padding-bottom: 60px !important;
}

.padding-bottom-30px {
    padding-bottom: 30px !important;
}

.padding-left-10px {
    padding-left: 10px !important;
}

.arrow-nav-container {
    padding-left: 15px;
}

.arrow-nav-container a span {
    font-size: 1.25em;
    font-weight: bold;
    line-height: .75em;
    vertical-align: -15%;
}

.arrow-nav-container a:link,
.arrow-nav-container a:visited,
.arrow-nav-container a:active {
    color: #003366;
    text-decoration: none;
}

.arrow-nav-container a:hover {
    opacity: .6;
}

@media print {
    .arrow-nav-container {
        display: none !important;
    }
}

pre {
    font-family: Consolas, "Courier New", monospace !important;
}

#hero-unit {
    background-color: #0a2234;
    margin: 20px;
    padding: 20px;
}

#hero-unit h1, #hero-unit h2 {
    color: #fff;    
	margin-bottom: 15px;
}

#hero-unit h1 {
    font-size: 2em;    
    text-align: center;    
}

#hero-unit h2 {
    font-size: 1.3em;
    font-weight: normal;
}

#instructions {
    background-color: #597896;
    margin: 20px;
    padding: 20px;
}

#instructions h2, #instructions h3 {
    color: #fff;    
	margin-bottom: 15px;
}

#instructions h2 {
    font-size: 1.75em;
    text-align: center;    
}

#instructions h3 {
    font-size: 1.3em;
    font-weight: normal;    
}

#registrationTypes {
    background-color: #eee;
    margin: 20px;
    padding: 20px;
}

.registration-nav:link {
    background-color: #2d7ea0;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 1.65em;
    font-weight: bold;
    padding: 30px;
    text-decoration: none;
    width: 380px;
}

.registration-nav:visited,
.registration-nav:active {
    background-color: #2d7ea0;
    color: #fff;
}

.registration-nav:hover {
    background-color: rgb(122, 170, 191);
}

@media (max-width: 767px) {
    .registration-nav {
        font-size: 1.25em;
        padding: 30px;
        width: 180px;
    }
}

#exclamation-container {
    padding-top: 2px;
}


/* Bootstrap-related overrides */

.error.help-block {
	font-style: italic;
}

.close {
    color: #fff;
    text-shadow: none;
    filter: unset;
    opacity: unset;
}

.close:focus, .close:hover {
    color: #fff !important;
    text-decoration: none;
}

.modal-header,
.modal-footer {
    color: #fff !important;
}

.modal-header .modal-title {
    color: #fff !important;    
}

.modal-header {
    background-color: #0a2234;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-color: #0a2234;
}

.modal-footer {
    background-color: #597896;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-color: #597896;
    text-align: center;
}

.modal-content {
    border-radius: 8px;    
}

#LegalRepresentativeForm .form-group .control-label,
#ProSeIndividualForm .form-group .control-label {
	padding-left: 0;
	padding-right: 0;
}

.popover, .tooltip {
  cursor: pointer;
  max-width: 250px;
  margin-right: 10px;
}


/* Datepicker overrides */

.ui-widget {
	font-family: Arial, sans-serif;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial, sans-serif;
}
