/* top banner start page - blue */
.navbar-inverse-blue {
background-color: #1e8e99;
border-bottom: 10px solid #023a4d;
color: white;
}

/* top banner assessment - orange */
.navbar-inverse-orange  {
background-color: #ff9c00;
border-bottom: 10px solid #222c69;
color: white;
}

/* top banner form - green */
.navbar-inverse-green  {
background-color: #5ea954;
border-bottom: 10px solid #222c69;
color: white;
}

.navbar-brand {
float: left;
height: 60px;
padding: 21px 15px;
font-size: 26px;
line-height: 20px;
}

.navbar-inverse .navbar-brand {
position: absolute;  bottom: 0;
}

.logo {
padding: 10px 0px 10px 0px; 
}

.logo-container {
background: #FFF none repeat scroll 0% 0%;
height: 130px;
width: 130px;
float: right;
text-align: center;
}

.starter-template {
/*margin-top: 90px;*/
}

h1 {
color: #222c69;
}

p{ 
font-size: 18px;
color: #222c69;
line-height: 1.1;
padding: 10px 0px 10px 0px; 
}

li { 
font-size: 18px;
color: #222c69;
line-height: 1;
padding: 5px 0px 5px 0px; 
}

hr {
border: 2px solid #ffbc85;
}

#buttonYellow {
color: #ffffff;
font-size: 18px;
background-color: #ff9c00;
padding: 10px 10px 13px 5px;
border-radius: 10px; 
}

#buttonYellow  a, a:hover, a:focus  {
text-decoration:none;
color: #ffffff;
}

#buttonGreen {
color: #ffffff;
font-size: 18px;
background-color: #5ea954;
padding: 10px 10px 13px 5px;
border-radius: 10px; 
}

#buttonGreen a, a:hover, a:focus  {
text-decoration:none;
color: #ffffff;
}

#buttonBlue {
color: #ffffff;
font-size: 18px;
background-color: #27acc4;
padding: 10px 10px 13px 5px;
border-radius: 10px; 
}

#buttonBlue a, a:hover, a:focus  {
text-decoration:none;
color: #ffffff;
}

#linkThree a, a:hover, a:focus {
text-decoration: none;
color: #007ad4;
}

.panel-heading1 {
color: #222c69;
background-color: #ff9c00;
border-color: #ddd;
padding: 20px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: bold;
}

.panel-heading2 {
color: #222c69;
background-color: #27acc4;
border-color: #ddd;
padding: 20px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: bold;
}

.panel-heading3 {
color: #222c69;
background-color: #f9843e;
border-color: #ddd;
padding: 20px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.panel-heading4 {
color: #222c69;
background-color: #7cc473;
border-color: #ddd;
padding: 20px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

}

.panel-group .panel-heading {
border-bottom: 0;
}

.panel-body {
padding: 15px;

}

.big {
font-weight: bold;
color: #222c69;  
font-size: 21px;
}

.panel-title a {
color: #222c69; 
font-size: 21px;
text-decoration: none;
font-weight: bold;
}

.panel-title a:hover{
color: #444f94;  
font-size: 21px;
text-decoration: none;
}

.circle {
color: #444f94;
background-color: #ffffff;
padding: 5px 15px 5px 10px;
border-radius: 50px;
}

.banking table, th, td {
border: 1px solid #222c69;
padding: 5px;
font-size: 18px;
color: #222c69;
}

.banking tr.alt td {
background-color: #c8f0f7;
}

.banking th {
background-color: #5cc5d8;
}

#blocktext {
border: 2px solid #ff9c00;
padding: 20px;
}

#blocktextBlue {
border: 2px solid #27acc4;
padding: 20px;
}

#blocktextGreen {
border: 2px solid #7cc473;
padding: 20px;
}

.navbar-inverse {
background-color: #5ea954!important;
border-bottom: 10px solid #222c69;
}

h3 {
background-color: #5ea954!important;
color: white!important;
font-size: 22px!important;
padding: 10px;
}

#tableForm table, td, tr {
border: none!important;

}

/* Styles for form */

.form-group {
background-color: #d3e8d0;
border: 2px solid #5ea954;
padding: 10px;
}

fieldset{
 border: 2px solid #000;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em;
 margin-left:50px;
 margin-right:50px;
 width:inherit;
}
legend {
    width:inherit; 
    padding:0 10px;
	bottom-border:none;

}

.form-group.required .control-label:after { 
    color: #d00;
    content: "*";
}
h1{
margin-left:5px;
}


h5{
margin-left:50px;
}
.form-horizontal .control-label{
text-align:left;
}

/* Styles for assessment */

#buttons-below {
text-align: right;
padding-right: 30px;
padding-bottom: 30px;
}

.no-button {
color: #ffffff;
font-size: 18px;
background-color: #c13600;
padding: 5px 5px 5px 5px;
border-radius: 10px;
border: none;
width: 100px;
}

.yes-button {
color: #ffffff;
font-size: 18px;
background-color: #5ea954;
padding: 5px 5px 5px 5px;
margin: 20px;
border-radius: 10px;
border: none;
width: 100px;
}