body { 
		background: #FFF;
		font-family: 'Roboto', sans-serif;
	}
	
	
	p {
		font-size: 18px;
		font-family: 'Roboto', sans-serif;
	}
	
	
	/* Top Header (logo and secondary navigation) */
	.top-header {
		padding: 0;
		margin-bottom: 0;
		border-bottom: 1px solid #f2d1d4; 
		/*line-height: 1em;*/
		font-weight: 600;
		/*font-size:1.5em;*/
		font-family: 'Roboto', sans-serif;
	}
	
	/* Main Navigation */
	.main-nav-container {
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
		background: #FFF;
		display: block !important;
		margin: 0 auto;
		padding: 0;
	}
	
	.main-nav {
		margin: 10px auto 20px auto;
		list-style: none;
		text-align: justify;
		padding: 0;
		overflow: hidden;
	}
	
	.main-nav::after {
		content: '';
		display: inline-block;
		width: 100%;
	}
	
	.main-nav > li {
		list-style: none;
		display: inline-block;
		padding: 0;
	}
	
	.main-nav > li:nth-of-type(1) {
		margin-left: 0;
	}
	
	.main-nav > li > a {
		padding: 15px 0;
		font-size: 19px;
		text-transform: uppercase;
		color: #ad172b;
	}
	
	.main-nav > li > a:hover {
		color: #111111;
	}
	
	.main-nav > li:nth-of-type(1) > a {
		padding-left: 0;
	}
	
	/*Secondary Navigation */
	ul.secondary-nav {
		margin: auto 0 17px -22px;
		padding: 0;
		list-style: none;
		float: right;
		/*overflow: hidden;*/
	}
	
	ul.secondary-nav:after {
		clear: both;
	}
	
	ul.secondary-nav > li {
		list-style: none;
		float: left;
		margin-left: 22px;
		display: block;
	}
	
	ul.secondary-nav > li > a {
		display: block;
		font-size: 16px;
		font-weight: bold;
		font-style: normal;
		text-transform: none;
		text-decoration: none;
		color: #111111;
	}
	
	ul.secondary-nav > li > a:hover {
		color:#ad172b;
	}
	
	/* Breadcrumb Navigation */
	ul.breadcrumbs {
		padding-left: 10px;
		color: #111111;
		margin-top: -14px;
		border-radius: 2em;
		display: inline-block;
	}
	ul.breadcrumbs li { 
		font-size: 15px;
		line-height: 15px;
		text-transform: lowercase;
		margin: 0 auto;
	}
	ul.breadcrumbs li > a {
		color: #111111;
		text-decoration: none;
		font-weight: bold;
		font-size: 15px !important;
		line-height: 15px !important;
		text-transform: capitalize;
	}
	
	/* Sidebar Menu */
	
	.menu_div ul {
		color: #111111;
	}
	
	.menu_div ul li ul, .menu_div ul li ul li ul {
		border-top: none;
		border-bottom: none;
	}
	
	.menu_div ul li, .menu_div ul li a, .menu_div ul li ul li a, .menu_div ul li ul li ul li a {
		color: #111111;
		background: #FFF;
		font-size: 14px;
		
	}
	
	.menu_div ul li:hover, .menu_div ul li a:hover {
		color: #111111;
		background: #f2f2f2;
	}
	
	.menu_div ul li {
		border-top: thin solid #a0a0a0;
	}
	
	.curpage {
		font-weight: bold;
	}
	
	.menu_div ul li a {
		padding: 0.675em 0;
		border-bottom: none;
		border-top: none;
	}
	
	.menu_div .level1active:hover, .menu_div .level2active:hover {
		background: #f2f2f2;
		color: #111111;
	}
	
	#main-navigation > ul:nth-child(1) > li:nth-child(5) > a:nth-child(1) {
		border-bottom: thin solid #a0a0a0;
	}
	
	.menu_div ul li ul li a, .menu_div ul li ul li ul li a {
		padding: 0.675em 0;
		font-size: 14px;
		color: #111111;
	}
	
	.menu_div ul li ul li a:hover, .menu_div ul li ul li ul li a:hover {
		background-color: #f2f2f2;
	}
	
	/* Fullwidth Banner Image */
	.banner-fullwidth {
		width: 100%;
		height: 100%;
		max-height: 450px;
		background-blend-mode: multiply;
		background: url("images/bnr_test-dev-directory_1655x450.jpg"),linear-gradient(180deg,#aaaaaa 0%,#ffffff 50px) no-repeat;
		background-position: center center;
		background-size: cover;
		/*background-image: linear-gradient(180deg, #aaaaaa 0%, #ffffff 50px) !important;*/
	}
	
	.page-header {
		position: relative;
		padding: 250px 0 50px 0;
		background-position: center center;
		background-size: cover;
	}
	
	h1.header-title {
		font-weight: 700;
		font-size: 44px;
		color: #000000;
		line-height: 0.8em;
		margin: 0;
		display: inline-block;
		padding: 0.6rem;
		padding-bottom: 1rem;
		background-color: rgba(255, 255, 255, 0.8);
	}
	
	/* Footer Styles */
	.footer-tier-one {
		margin-top: 80px !important;
		color: #FFF;
		background-color: #ad172b;
		background: linear-gradient(to top, #ad172b, #7d0016);
	}
	
	.footer-tier-one h4 {
		color: #fff;
		text-transform: uppercase;
		border-bottom: none;
		padding-bottom: 0;
		line-height: 1.3em;
		font-size: 18px;
		font-weight: normal;
	}
	
	.footer-tier-one hr {
		height: 2px;
		margin: 8px 0;
		border: 0;
		background-color: #ffde00;
	}
	
	.footer-tier-one p {
		font-size: 15px;
	}
	
	.footer-tier-one ul.need-to-know {
		margin-left: 0;
	}
	
	.footer-tier-one ul.need-to-know li {
		position: relative;
		border-bottom: 1px solid #ffde00;
		list-style: none;
		margin-bottom: 0.5em;
	}

	.footer-tier-one .footer-logos {
		margin: 0 auto;
		padding: 0.5em 0;
	}
	
	.footer-tier-one .footer-logos > *:hover {
		opacity: 1;
		transition: opacity 0.2s ease-in-out;
	}
	
	.footer-tier-two {
		background-color: #7d0016 !important;
		padding: 15px 0 5px;
	}
	
	.copyright-links {
		font-size: 15px;
		float: left;
		padding-bottom: 10px;
		text-align: left;
	}
	
	.copyright-links > li > a:hover { color: #111111; }

/* the type of buttons used in this theme  :(*/

.GhostButton {
    padding: 3px !important;
    color: #ad172b !important;
    border: thin solid;
    border-color: #ad172b !important;
    border-radius: 100px;
    font-size: 16px;
    background-color: #ffffff;
    text-decoration: none !important;
    outline: none;
    display: inline !important;
}

/* nudge the logout button away from the title of the application */

.appTitle {
    margin-right: 20px;
}

.appTitle {
    margin-right: 20px;
}

.appMenu {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

    .appMenu ul {
        list-style: none;
    }

    .appMenu li {
        display: inline;
        padding: 30px;
    }

        .appMenu li a {
            color: #ad172b;
            font-weight: bold;
            font-style: normal;
            text-transform: uppercase;
            text-decoration: none;
            font-family: "Roboto",Helvetica,Arial,Lucida,sans-serif;
            font-size: 20px;
        }

.disclose {display:none;}

.shadowPanel {
   padding: 15px 20px 20px 20px;
   box-shadow: 0px 3px 5px 0px #050505;
   margin-top:10px;
   overflow:auto;
   max-height:800px;
   
}

.shadowPanelNoScroll {
    padding: 15px 0px 20px 20px;
    box-shadow: 0px 3px 5px 0px #050505;
    margin-top: 10px;
    
}

.superdropdown {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(54,54,54,.05);
    box-shadow: inset 0 1px 1px rgba(54,54,54,.05);
    font-size: medium;
}


.successmessage {
    font-size:large;
    color:green;
    font-style:italic;
}

.errormessage {
    font-size:large;
    color:red;
    font-style:italic;
}

.PanelClassDetails {
    background-color:whitesmoke;
    position:absolute;
    top:550px;
    left:350px;
    padding:20px;
    width:660px;
    max-height:1100px;


}



.errorHighlight {
    border: medium solid #E50B0F;
    box-shadow: -1px 0px 19px 3px #E50B0F;
}

.progress {
    margin-bottom: 0px !important;
}

.greenBox {
    background-color:green;
    color:white;
    padding:3px;
}

.redBox {
    background-color:red;
    color:white;
    padding:3px;
}



#AutoCompleteContainer {


}



.goodLabel{
    font-weight:bold;
}




.progress-bar.progress-bar-zero {
    color: black;
    min-width: 3%;
    background: transparent;
    box-shadow: none;
}


.infomessage {
	font-size: large;
	font-style: italic;
	font-weight: bold;
}



.circleButton {
	border-radius: 30px;
	width: 30px;
	height: 30px;
	line-height: 4px;
	text-align: center;
	font-weight: bolder;
	font-size: 30px;
	cursor: pointer;
	box-shadow: 0px 3px 5px 0px #050505;
	padding: 3px;
}

.circleButton:hover {
	border-radius: 30px;
	width: 30px;
	height: 30px;
	line-height: 4px;
	text-align: center;
	font-weight: bolder;
	font-size: 30px;
	cursor: pointer;
	box-shadow: inset 1px 0px 5px 0px #000000;
	padding: 3px;
}