/*color constants are copied into ColorsViewModel.cs*/
/* These Z-Indexes Are Intertwined In order to support popups*/
/*-------------------- Top Bar and Main Menu --------------------------*/
/* -------------------------------------- Basic Typography -------------------------------------- */
/* -------------------------------------- Responsive Constants -------------------------------------- */
/* Same widths as Bootstrap's responsive breaks: http://getbootstrap.com/2.3.2/scaffolding.html#responsive */
#ResourceMenuOverlay {
		position: fixed;
		z-index: 909;
		width: 100%;
		height: 100%;
		display: none; }

#ResourceMenuOverlay.active {
		display: block; }

#ResourceMenu {
		position: fixed;
		z-index: 910;
		right: 0px;
		top: 0px;
		height: 100%;
		width: 0px;
		background-color: #FFF;
		border-top: 0px;
		border-right: 0px;
		display: block;
		border-radius: 0px;
		padding: 0px;
		margin: 60px 0px 0px 0px;
		min-width: 0px;
		left: auto;
		overflow: hidden;
		white-space: nowrap; }
		#ResourceMenu #ResourceMenuTopBarSpacer {
				width: 100%;
				height: 60px;
				background-color: #FFF;
				display: none; }
		#ResourceMenu #ResourceMenuTabs {
				width: 100%;
				height: 40px;
				line-height: 40px;
				overflow: hidden;
				color: #FFF;
				background-color: #1EBD59; }
				#ResourceMenu #ResourceMenuTabs .ResourceMenuTab {
						width: 108px;
						height: 100%;
						display: table-cell;
						text-align: center;
						vertical-align: top;
						cursor: pointer;
						border-right: 1px solid #35B558; }
						#ResourceMenu #ResourceMenuTabs .ResourceMenuTab:hover {
								color: #FFF; }
				#ResourceMenu #ResourceMenuTabs .ResourceMenuTab.active {
						background-color: #35B558;
						color: #FFF; }
				#ResourceMenu #ResourceMenuTabs .ResourceMenuPopOut {
						width: 50px; }
		#ResourceMenu #ResourceMenuContainer {
				width: 100%;
				height: 100%;
				margin: 10px; }
				#ResourceMenu #ResourceMenuContainer .ResourceMenuContainerObject {
						display: none;
						height: 100%; }
				#ResourceMenu #ResourceMenuContainer .ResourceMenuContainerObject.active {
						display: block; }
				#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools {
						height: 100%; }
						#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools #HomeToolsNav {
								width: 680px;
								border-bottom: 1px solid #DDD;
								margin-bottom: 10px; }
								#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools #HomeToolsNav td {
										text-align: center;
										width: 20%; }
										#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools #HomeToolsNav td .HomeToolsNavItem {
												width: 80%;
												margin: auto;
												cursor: pointer; }
												#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools #HomeToolsNav td .HomeToolsNavItem .header {
														height: 21px;
														font-size: 12px;
														border-bottom: 2px solid transparent; }
												#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools #HomeToolsNav td .HomeToolsNavItem .fa {
														font-size: 20px; }
												#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools #HomeToolsNav td .HomeToolsNavItem:hover {
														color: #1EBD59; }
														#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools #HomeToolsNav td .HomeToolsNavItem:hover .header {
																border-bottom: 2px solid #1EBD59; }
												#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools #HomeToolsNav td .HomeToolsNavItem.active .header {
														border-bottom: 2px solid #424242; }
												#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools #HomeToolsNav td .HomeToolsNavItem.active:hover .header {
														border-bottom: 2px solid #1EBD59; }
						#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools .HomeToolsResultArea {
								height: calc(100% - 172px);
								border-top: 1px solid #E0E0E0;
								border-left: 1px solid #EFEFEF;
								border-right: 1px solid #EFEFEF;
								border-bottom: 1px solid #E2E2E2;
								display: none;
								overflow: hidden; }
								#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools .HomeToolsResultArea.active {
										display: block;
										width: 97%; }
								#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools .HomeToolsResultArea .widget-inner-content {
										height: calc(100% - 50px) !important; }
								#ResourceMenu #ResourceMenuContainer #HomeToolsContainer #HomeTools .HomeToolsResultArea .widget-inner-content-container {
										height: 111% !important; }