h1{
	color: #000 !important;
	font-size: 22px;
	font-weight: bold;
}
.selected_response{
	margin: 5px;
	border: 1px solid #0F3C47;
	border-radius: 6px;
	padding: 5px;
}
.inner_box_title{
	margin: 1px;
	background-color: #f1f1f1;
	border-radius: 4px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
}
.inner_box_contents{
	padding: 10px 2px;
	text-align: center;
	font-size: 18px;
	min-height: 75px;
}

.req{
	color: #ff0000;
}
.question_row{
	margin-top: 20px;
}
.question{
	font-size: 23px;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #0F3C47;
	border-right: 1px solid #0F3C47;
	border-radius: 10px;
	padding: 15px 8px;
	background-color: #ECF9FC;
	line-height: 32px;
}
.response_options{
	text-align: center;
}
.button_response{
	width: 250px;
	margin: 0px auto 10px auto;
	font-weight: bold;
	font-size: 18px;
}
.button_response_submit{
	width: 100%;
	/*
	width: 250px;
	*/
	margin: 0px auto 10px auto;
	font-weight: bold;
	font-size: 18px;
}
.assessment_title{
	font-size: 22px;
	font-weight: bold;
	color: #355079;
}
.alert-info2{
	border: 1px solid #80C3E6;
	padding: 5px;
	border-radius: 6px;
	background-color: #F0F8FC;
	font-weight: bold;
}
.alert-info3{
	border: 1px solid #80C3E6;
	padding: 5px;
	border-radius: 6px;
	background-color: #F0F8FC;
	font-weight: bold;
}
.title_row{
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	font-size: 120%;
}
.portal_section{
	margin: 5px;
	padding: 0px !important;
	border: 1px solid #557BB5;
	border-radius: 6px;
	box-shadow: 0px 0px 4px 1px #D1D1D1;
	/*
	box-shadow: none|h-shadow v-shadow blur spread color
	*/
}
.portal_header {
	font-size: 18px;
	color: #fff;
	padding: 5px 2px 5px 15px;
	background: #355079;
	margin: 0px !important;
	border-radius: 5px;
	font-weight: bold;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.portal_assessment_header {
	font-size: 18px;
	color: #355079;
	padding: 5px 2px 5px 15px;
	background: #E2E2E2;
	margin: 0px !important;
	border-radius: 5px;
	font-weight: bold;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.portal_guts_holder{
	margin: 0px 0px 0px 0px;
}
.portal_section_link{
	text-transform: uppercase;
}
.portal_guts{
	margin: 6px 6px 15px 6px;
	
}
.portal_sub_section{
	border: 1px solid #D2D2D2;
	margin: 5px 0px;
	padding: 5px;
	border-radius: 5px;
	
}
.function_details{
	border: 2px solid #355079;
}
.selected_icon{
	border: 2px solid #000;
}
.assessment_icon{
	cursor: pointer;
}
.navbar {
	/*background-color: #F0F0F0 !important;*/
	background-color: #254069 !important;
	background-color: #355079 !important;
	border-bottom: 2px solid #6B8DBF !important;
	padding: 5px 0px !important;
}
.nav > li > a {
    padding: 5px 5px !important;
	border-radius: 5px;
}
.top-bar{
	background-color: #355079 !important;
}
#main-slider .carousel .item{
	height: 300px !important;
}
#main-slider .carousel .carousel-content{
	margin-top: 30px !important;
}
#main-slider .carousel .slide-margin{
	margin-top: 15px !important;

}
#main-slider .carousel h2{
	font-style: italic !important;
}
.eils_box{
	background: #f3f3f3;
}
.navbar-inverse .navbar-nav > li > a:hover{
	background-color: #2F8D01 !important;
  color: #fff;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #2F8D01 !important;
  color: #fff;
}
.navbar-nav {
	margin-top: 2px !important;
}

.navbar-nav > li{
	padding-bottom: 1px !important;
	margin-left: 5px !important;
}
.navbar-default {
	border: none !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #D9DEEC !important;
    background-color: #4B71A9;
}
.navbar-default .navbar-nav > li > a {
    color: #fff !important;
}
#category_nav  a{
	color: #fff !important;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0px 3px 2px;
}
#category_nav  a:hover{
	color: #262F4A !important;
	background-color: #D8D8D8 !important;
	position: relative;
	left: -1px;

	}
#category_nav li {
	border-radius: 6px;
}
#category_nav .active a{
	color: red !important;
	background-color: #fff;
	position: relative;
	left: -1px;
}
.category_subnav {
	font-size: 15px !important;
	list-style: none !important;
	margin-left: 0px !important;
	padding: 2px 5px;
}
.category_subnav a{
	font-size: 15px !important;
}
.category_subnav li:before{
	content: "\2022 ";
	color: #D9DEEC;
}
/*
http://stackoverflow.com/questions/5306640/how-to-set-bullet-colors-in-ul-li-html-lists-via-css-without-using-any-images-or
*/
.section_guts, #section_guts{
	background-color: #fff !important;
	padding: 30px;
}


#footer a:hover{
	color: #B7C0DB !important;
}
#callout{
	background-color: #F0F2F8;
	padding: 10px 20px;
}
#callout_inner{
	margin: 0px 10px;
	border: 1px solid orange;
}
#cat_coaching {
	background-color: #4040FF;
}
#cat_performance {
	background-color: #27CF72;
}
#cat_human_capital {
	background-color: #9D26C4;
}
#cat_education {
	background-color: #FF2501;
	background-color: #EE610C;
}
/*
#cat_education  .active{
	background-color: orange;
}
*/
.container {
    width: auto;
}
#section_links{
	background-color: #355079;
		min-height: 100%;
}

/* Smartphones ----------- */
@media only screen and (max-width: 760px) {
	#section_links{
	padding-bottom: 10px;
	}

	.assessment_icon .large{
		display: none;
	}
	.assessment_icon .small{
		display: inline;
	}
	#fullsite_logo_holder{
		display: none;
	}
	#mobile-navbar-brand {
		position: relative;
		top: -10px;
	}
  #nonmobile_logout { display: none; }
  #mbm_logo_main { display: none; }
	#byline{
		font-size: .9em;
		text-align: center;
		padding: 5px 0px;
		font-style: italic;
		background-color: #E2E2E2 !important;
	}

		#category_nav_holder{
		font-size: 1.2em;
		text-align: center;
		padding: 5px 0px;
		font-style: italic;
	}

	}
@media only screen and (min-width: 761px) {
	#section_links{
		min-height: 100%;
		height: 100%; 
	}

	#byline{
		font-size: 1.3em;
		text-align: center;
		padding: 15px 0px;
		font-style: italic;
		background-color: #E2E2E2 !important;
		
	}
	#category_nav_holder{
		font-size: 1.2em;
		text-align: center;
		padding: 5px 0px;
		font-style: italic;
	}
	#mobile-navbar-brand {
		display: none;
	}
  #mobile_logout { display: none; }

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
		color: #555;
		color: #262F4A !important;
		background-color: #e7e7e7;
		background-color: #D9DEEC !important;
	}

	.brand {
		padding: 10px 0 5px !important;
		text-shadow: 2px 2px 2px rgba(0,0,0,0.5) !important;
		font-size: 4em !important;
	/*
		display: inherit;
		margin: 0;
		text-align: center;
		font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 700;
		line-height: normal;
		color: #fff;
		*/
		
	}
	.address-bar {
		padding: 0 0 10px !important;
		font-weight: 600 !important;
	/*
		display: inherit;
		margin: 0;
		text-align: center;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
		text-transform: uppercase;
		font-size: 1.25em;
		font-weight: 400;
		letter-spacing: 3px;
		color: #fff;
	*/
	}
    .navbar-nav {
        font-size: 1.0em !important; /* 1.25em;*/
    }
	
	
}
	/* print only */
@media print{
	#footer{
		display: none;
	}
	#byline_container{
		display:none !important;
	}
	#section_links{
		display: none;
	}
	.portal_section{
		border: none;
		margin: 20px;
	}
	#pem_instructions_details, #pem_profile_instructions_details{
		font-size: 11px;
	}
	#section_guts {
		padding-top: 1px;
	}
	#section_guts > h2 {
		display: none !important;
	}
}	

.btn_full_width{
	width: 100% !important;
}