#NavigationMenuStripe {
	height: 40px;
}

.NoTextDecoration {
	text-decoration: none;
}

div.FOIPLeftDiv {
	width: 35px;
}

div#Footer1Div {
	width: 90%;
	overflow: hidden;
	padding-top: 15px;
}

div#Footer2Div {
	width: 9%;
	overflow: hidden;
	padding-top: 15px;
}

div#FooterLine {
	height: 4px;
	background-color: #8E9EAE;
}

div#FOIP {
	width: 83%;
}

.FooterLinkSpacing {
	margin-right: 30px;
}

div#footer a {
	text-decoration: underline;
}

/* Override Metro skin on menu. */
div.RadMenu_Metro > ul.rmRootGroup {
	background-color: transparent;
}

div.RadMenu_MetroTouch > ul.rmRootGroup {
	background-color: transparent;
}

div#NavigationMenuStripe .RadMenu_MetroTouch .rmRootLink {
	color: Black;
	border-color: transparent;
}

div#NavigationMenuStripe .RadMenu_MetroTouch {
	border-top: 4px solid #264357;
	height: 40px !important;
	padding: 0 20px 2px 23px;
	background-color: #DFD7C8;
	font-weight: 400 !important;
}

	div#NavigationMenuStripe .RadMenu_MetroTouch:hover {
		border-top: 4px solid #1D5D89;
		height: 40px !important;
		background-color: #EAE4DB;
	}


	div#NavigationMenuStripe .RadMenu_MetroTouch ul.rmRootGroup > li.rmItem {
		padding-right: 15px;
	}

	div#NavigationMenuStripe .RadMenu_MetroTouch li.rmItem:hover {
		background-color: #EAE4DB;
	}


div.portalDefault div.CPFS_b8 a:link,
div.portalDefault div.CPFS_b8 a:visited,
div.portalDefault div.CPFS_b8 a:hover {
	font-size: 17px;
	color: Black;
}

div.portalDefault div.CPFS_b8 a:hover {
	cursor: pointer;
}

#UsernameLabel {
	color: White;
}

div#VideoLinkDiv {
	float: right;
	margin-top: 11px;
	margin-right: 0px;
}

	div#VideoLinkDiv a {
		border-top: 4px solid #EE8C28;
		height: 40px !important;
		padding: 7px 30px 10px 30px;
		background-color: #DFD7C8;
		color: #333;
		text-decoration: none;
	}


/*---
Begin    Main Navigation - Color borders on the top of buttons
---*/
.NavMenuBtnStyle {
	margin-left: -4px;
	display: inline;
	background-color: #DFD7C8;
}

#MyTasksDiv > span:first-child > input:first-child {
	border-top: 4px solid #25a0da;
	border-bottom: none;
	height: 40px !important;
	padding: 0 30px 2px 30px;
	background-color: #DFD7C8;
}

#UnassingedTasksDiv > span:first-child > input:first-child {
	border-top: 4px solid #6ac07a;
	border-bottom: none;
	height: 40px !important;
	padding: 0 30px 2px 30px;
	background-color: #DFD7C8;
}

#AllTasksDiv > span:first-child > input:first-child {
	border-top: 4px solid #F9DD26;
	border-bottom: none;
	height: 40px !important;
	padding: 0 30px 2px 30px;
	background-color: #DFD7C8;
}

	#MyTasksDiv > span:first-child > input:first-child:hover,
	#AllTasksDiv > span:first-child > input:first-child:hover,
	#UnassingedTasksDiv > span:first-child > input:first-child:hover,
	div#VideoLinkDiv a:hover {
		background-color: #EAE4DB;
	}
/*---
End     Main Navigation - Color borders on the top of buttons
---*/


h2.GroupTitle {
	margin: 25px 0px 8px 0px;
	padding-left: 20px;
}

.GroupContent {
	background: #ffffff;
	padding: 15px;
}

/* Override Metro skin on Form Elements. */



/*---
Begin    New Common Styles
---*/

.Spaced td {
	margin: 5px;
	padding: 5px;
}

.row-top-buffer {
	margin-top: 10px;
}

.row-spacer {
	margin-top: 40px;
}

fieldset.scheduler-border {
	border: 1px groove #ddd !important;
	padding: 0 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
	width: inherit; /* Or auto */
	padding: 0 10px; /* To give a bit of padding on the left and right */
	border-bottom: none;
}



.btn-primary {
	background-color: #E3e2e7;
	border-bottom: 3px solid #6ac07a;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #333;
}

	.btn-primary:focus,
	.btn-primary.focus {
		background-color: #DBF3CC;
		border-bottom: 3px solid #6ac07a;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

	.btn-primary:hover {
		background-color: #DBF3CC;
		border-bottom: 3px solid #6ac07a;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

	.btn-primary:active,
	.btn-primary.active,
	.open > .dropdown-toggle.btn-primary {
		background-color: #DBF3CC;
		border-bottom: 3px solid #6ac07a;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

		.btn-primary:active:hover,
		.btn-primary.active:hover,
		.open > .dropdown-toggle.btn-primary:hover,
		.btn-primary:active:focus,
		.btn-primary.active:focus,
		.open > .dropdown-toggle.btn-primary:focus,
		.btn-primary:active.focus,
		.btn-primary.active.focus,
		.open > .dropdown-toggle.btn-primary.focus {
			color: #333;
			background-color: #6ac07a;
			border-bottom: 3px solid #6ac07a;
			border-top: none;
			border-left: none;
			border-right: none;
		}

	.btn-primary:active,
	.btn-primary.active,
	.open > .dropdown-toggle.btn-primary {
		background-image: none;
		border-bottom: 3px solid #6ac07a;
		border-top: none;
		border-left: none;
		border-right: none;
	}

	.btn-primary.disabled:hover,
	.btn-primary[disabled]:hover,
	fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus,
	.btn-primary[disabled]:focus,
	fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled.focus,
	.btn-primary[disabled].focus,
	fieldset[disabled] .btn-primary.focus {
		background-color: #bec5c5;
		border-bottom: 3px solid #6ac07a;
		border-top: none;
		border-left: none;
		border-right: none;
	}

.btn-danger {
	background-color: #E3e2e7;
	border-bottom: solid 3px #ff8388;
	border-top: none;
	border-left: none;
	border-right: none;
	line-height: 0px;
	color: #333;
}

	.btn-danger:focus,
	.btn-danger.focus {
		background-color: #fec0c3;
		border-bottom: 3px solid #ff8388;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

	.btn-danger:hover {
		background-color: #fec0c3;
		border-bottom: 3px solid #ff8388;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

	.btn-danger:active,
	.btn-danger.active,
	.open > .dropdown-toggle.btn-danger {
		background-color: #fec0c3;
		border-bottom: 3px solid #ff8388;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

		.btn-danger:active:hover,
		.btn-danger.active:hover,
		.open > .dropdown-toggle.btn-danger:hover,
		.btn-danger:active:focus,
		.btn-danger.active:focus,
		.open > .dropdown-toggle.btn-danger:focus,
		.btn-danger:active.focus,
		.btn-danger.active.focus,
		.open > .dropdown-toggle.btn-danger.focus {
			background-color: #ff8388;
			border-bottom: 3px solid #ff8388;
			border-top: none;
			border-left: none;
			border-right: none;
			color: #333;
		}

	.btn-danger:active,
	.btn-danger.active,
	.open > .dropdown-toggle.btn-danger {
		background-image: none;
		border-bottom: 3px solid #ff8388;
		border-top: none;
		border-left: none;
		border-right: none;
	}

	.btn-danger.disabled:hover,
	.btn-danger[disabled]:hover,
	fieldset[disabled] .btn-danger:hover,
	.btn-danger.disabled:focus,
	.btn-danger[disabled]:focus,
	fieldset[disabled] .btn-danger:focus,
	.btn-danger.disabled.focus,
	.btn-danger[disabled].focus,
	fieldset[disabled] .btn-danger.focus {
		background-color: #bec5c5;
		border-bottom: 3px solid #ff8388;
		border-top: none;
		border-left: none;
		border-right: none;
	}


.btn-warning {
	background-color: #E3e2e7;
	border-bottom: 3px solid #f4a45a;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #333;
}

	.btn-warning:focus,
	.btn-warning.focus {
		background-color: #fbcb9f;
		border-bottom: 3px solid #f4a45a;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

	.btn-warning:hover {
		background-color: #fbcb9f;
		border-bottom: 3px solid #f4a45a;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

	.btn-warning:active,
	.btn-warning.active,
	.open > .dropdown-toggle.btn-warning {
		background-color: #f4a45a;
		border-bottom: 3px solid #f4a45a;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

		.btn-warning:active:hover,
		.btn-warning.active:hover,
		.open > .dropdown-toggle.btn-warning:hover,
		.btn-warning:active:focus,
		.btn-warning.active:focus,
		.open > .dropdown-toggle.btn-warning:focus,
		.btn-warning:active.focus,
		.btn-warning.active.focus,
		.open > .dropdown-toggle.btn-warning.focus {
			color: #333;
			background-color: #fbcb9f;
			border-bottom: 3px solid #f4a45a;
			border-top: none;
			border-left: none;
			border-right: none;
		}

	.btn-warning:active,
	.btn-warning.active,
	.open > .dropdown-toggle.btn-warning {
		background-image: none;
		border-bottom: 3px solid #f4a45a;
		border-top: none;
		border-left: none;
		border-right: none;
	}

	.btn-warning.disabled:hover,
	.btn-warning[disabled]:hover,
	fieldset[disabled] .btn-warning:hover,
	.btn-warning.disabled:focus,
	.btn-warning[disabled]:focus,
	fieldset[disabled] .btn-warning:focus,
	.btn-warning.disabled.focus,
	.btn-warning[disabled].focus,
	fieldset[disabled] .btn-warning.focus {
		background-color: #bec5c5;
		border-bottom: 3px solid #f4a45a;
		border-top: none;
		border-left: none;
		border-right: none;
	}


.btn-warning-small {
	background-color: #E3e2e7;
	height: 28px !important;
	border-bottom: solid 3px #f4a45a;
	border-top: none;
	border-left: none;
	border-right: none;
	line-height: 0px;
	color: #333;
}

	.btn-warning-small:focus,
	.btn-warning-small.focus {
		background-color: #fbcb9f;
		border-bottom: 3px solid #f4a45a;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

	.btn-warning-small:hover {
		background-color: #fbcb9f;
		border-bottom: 3px solid #f4a45a;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

	.btn-warning-small:active,
	.btn-warning-small.active,
	.open > .dropdown-toggle.btn-warning-small {
		background-color: #f4a45a;
		border-bottom: 3px solid #f4a45a;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

		.btn-warning-small:active:hover,
		.btn-warning-small.active:hover,
		.open > .dropdown-toggle.btn-warning-small:hover,
		.btn-warning-small:active:focus,
		.btn-warning-small.active:focus,
		.open > .dropdown-toggle.btn-warning-small:focus,
		.btn-warning-small:active.focus,
		.btn-warning-small.active.focus,
		.open > .dropdown-toggle.btn-warning-small.focus {
			color: #333;
			background-color: #f4a45a;
			border-bottom: 3px solid #f4a45a;
			border-top: none;
			border-left: none;
			border-right: none;
		}

	.btn-warning-small:active,
	.btn-warning-small.active,
	.open > .dropdown-toggle.btn-warning-small {
		background-image: none;
		border-bottom: 3px solid #f4a45a;
		border-top: none;
		border-left: none;
		border-right: none;
	}

	.btn-warning-small.disabled:hover,
	.btn-warning-small[disabled]:hover,
	fieldset[disabled] .btn-warning-small:hover,
	.btn-warning-small.disabled:focus,
	.btn-warning-small[disabled]:focus,
	fieldset[disabled] .btn-warning-small:focus,
	.btn-warning-small.disabled.focus,
	.btn-warning-small[disabled].focus,
	fieldset[disabled] .btn-warning-small.focus {
		background-color: #bec5c5;
		border-bottom: 3px solid #f4a45a;
		border-top: none;
		border-left: none;
		border-right: none;
	}










.btn-default {
	background-color: #E3e2e7;
	border-bottom: 3px solid #cecece;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #333;
	height: 40px !important;
	padding-top: 8px;
	padding-bottom: 4px;
	text-align: center;
	text-decoration: none;
}

	.btn-default:focus,
	.btn-default.focus {
		background-color: #E3e2e7;
		border-bottom: 3px solid #cecece;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
		text-decoration: none;
	}

	.btn-default:hover {
		background-color: #a5e5ff;
		border-bottom: 3px solid #cecece;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
		text-decoration: none;
	}

	.btn-default:active,
	.btn-default.active,
	.open > .dropdown-toggle.btn-default {
		background-color: #57c8f6;
		border-bottom: 3px solid #cecece;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

		.btn-default:active:hover,
		.btn-default.active:hover,
		.open > .dropdown-toggle.btn-default:hover,
		.btn-default:active:focus,
		.btn-default.active:focus,
		.open > .dropdown-toggle.btn-default:focus,
		.btn-default:active.focus,
		.btn-default.active.focus,
		.open > .dropdown-toggle.btn-default.focus {
			color: #333;
			background-color: #57c8f6;
			border-bottom: 3px solid #cecece;
			border-top: none;
			border-left: none;
			border-right: none;
		}

	.btn-default:active,
	.btn-default.active,
	.open > .dropdown-toggle.btn-default {
		background-image: none;
		border-bottom: 3px solid #cecece;
		border-top: none;
		border-left: none;
		border-right: none;
	}

	.btn-default.disabled:hover,
	.btn-default[disabled]:hover,
	fieldset[disabled] .btn-default:hover,
	.btn-default.disabled:focus,
	.btn-default[disabled]:focus,
	fieldset[disabled] .btn-default:focus,
	.btn-default.disabled.focus,
	.btn-default[disabled].focus,
	fieldset[disabled] .btn-default.focus {
		background-color: #bec5c5;
		border-bottom: 3px solid #cecece;
		border-top: none;
		border-left: none;
		border-right: none;
	}




	.btn-default:hover {
		background-color: #a5e5ff;
		border-bottom: 3px solid #cecece;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

	.btn-default:active {
		background-color: #57c8f6;
	}




#ctl00_MainContent_radButton_OpenEPlanProject {
	background-color: #E3e2e7 !important;
	border-bottom: 3px solid #cecece !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	color: #000 !important;
	font-size: 13px !important;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 20px !important;
}

	#ctl00_MainContent_radButton_OpenEPlanProject:focus,
	#ctl00_MainContent_radButton_OpenEPlanProject.focus {
		background-color: #E3e2e7;
		border-bottom: 3px solid #cecece;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

	#ctl00_MainContent_radButton_OpenEPlanProject:hover {
		background-color: #a5e5ff !important;
		border-bottom: 3px solid #cecece;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

	#ctl00_MainContent_radButton_OpenEPlanProject:active,
	#ctl00_MainContent_radButton_OpenEPlanProject.active,
	.open > .dropdown-toggle#ctl00_MainContent_radButton_OpenEPlanProject {
		background-color: #57c8f6;
		border-bottom: 3px solid #cecece;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

		#ctl00_MainContent_radButton_OpenEPlanProject:active:hover,
		#ctl00_MainContent_radButton_OpenEPlanProject.active:hover,
		.open > .dropdown-toggle#ctl00_MainContent_radButton_OpenEPlanProject:hover,
		#ctl00_MainContent_radButton_OpenEPlanProject:active:focus,
		#ctl00_MainContent_radButton_OpenEPlanProject.active:focus,
		.open > .dropdown-toggle#ctl00_MainContent_radButton_OpenEPlanProject:focus,
		#ctl00_MainContent_radButton_OpenEPlanProject:active.focus,
		#ctl00_MainContent_radButton_OpenEPlanProject.active.focus,
		.open > .dropdown-toggle#ctl00_MainContent_radButton_OpenEPlanProject.focus {
			color: #333;
			background-color: #57c8f6;
			border-bottom: 3px solid #cecece;
			border-top: none;
			border-left: none;
			border-right: none;
		}

	#ctl00_MainContent_radButton_OpenEPlanProject:active,
	#ctl00_MainContent_radButton_OpenEPlanProject.active,
	.open > .dropdown-toggle#ctl00_MainContent_radButton_OpenEPlanProject {
		background-image: none;
		border-bottom: 3px solid #cecece;
		border-top: none;
		border-left: none;
		border-right: none;
	}

	#ctl00_MainContent_radButton_OpenEPlanProject.disabled:hover,
	#ctl00_MainContent_radButton_OpenEPlanProject[disabled]:hover,
	fieldset[disabled] #ctl00_MainContent_radButton_OpenEPlanProject:hover,
	#ctl00_MainContent_radButton_OpenEPlanProject.disabled:focus,
	#ctl00_MainContent_radButton_OpenEPlanProject[disabled]:focus,
	fieldset[disabled] #ctl00_MainContent_radButton_OpenEPlanProject:focus,
	#ctl00_MainContent_radButton_OpenEPlanProject.disabled.focus,
	#ctl00_MainContent_radButton_OpenEPlanProject[disabled].focus,
	fieldset[disabled] #ctl00_MainContent_radButton_OpenEPlanProject.focus {
		background-color: #bec5c5;
		border-bottom: 3px solid #cecece;
		border-top: none;
		border-left: none;
		border-right: none;
	}




	#ctl00_MainContent_radButton_OpenEPlanProject:hover {
		background-color: #a5e5ff;
		border-bottom: 3px solid #cecece;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #333;
	}

	#ctl00_MainContent_radButton_OpenEPlanProject:active {
		background-color: #57c8f6;
	}



.form-control {
	border-radius: 0;
	vertical-align: middle;
	padding: 3px 6px;
	height: 40px;
	color: black;
	border-left: 5px solid #0098d5; /* ff8388*/
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	background: #F3F3F3 !important;
	box-shadow: none !important;
}
.form-control:hover {
	background-color: #EEEEEE !important;
}
.form-control:focus {
	background-color: #EEEEEE !important;
	outline: 1px #0098d5 solid !important; 
	outline-offset: -1px;
}

.btn {
	border-radius: 0;
	vertical-align: middle;
	padding: 8px 20px;
	height: 40px;
}

a:link, a:visited, a:hover {
	color: #333;
}

#RequirementsDiv .ToneDownText { /* Used on Landing.aspx for the bottom right text ... "Our services require Adobe Reader..." */
	font-size: 13px;
}

.lbl-success {
	font-weight: bold;
	color: green;
}

.lbl-failure {
	font-weight: bold;
	color: red;
}

tr.rgCommandRow > td > table > caption { /* Removes the black bar showing up above grid sections */
	padding-top: 0px;
	padding-bottom: 0px;
}

.RadComboBox .rcbInput {
	padding: 0px !important;
}

.breadcrumb {
	background-color: #fff;
	padding: 0px;
	position: relative;
	top: -10px;
}

#mainContainer .riEnabled,
#mainContainer .riDisabled,
#mainContainer .riEmpty,
#mainContainer .riFocused,
#mainContainer .riHover,
#mainContainer .riError,
#mainContainer .riNegative {
	height: 40px;
	margin: 5px 0 5px 0;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left: 7px;
	font-size: 16px;
	color: black;
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	background: #F3F3F3 !important;
	box-shadow: none !important;
}
#mainContainer .riEnabled,
#mainContainer .riEmpty,
#mainContainer .riFocused,
#mainContainer .riHover,
#mainContainer .riError,
#mainContainer .riNegative {
	border-left: 5px solid #0098d5 !important; /* ff8388*/
}
	
#mainContainer .riHover,
input[type=text]:hover {
	background-color: #eeeeee !important;
}

#mainContainer .riFocused {
	background-color: #EEEEEE !important;
	outline: 1px #0098d5 solid !important; 
	outline-offset: -1px;
	 
}
textarea {
	margin: 9px 0 5px 0 !important;
	padding-top: 5px !important;
	padding-bottom: 6px !important;
	padding-left: 7px !important;
	font: 400 16px/25px "Segoe UI",Arial,Helvetica,sans-serif !important;
	border-left: 5px solid #0098d5 !important; /* ff8388*/
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	background: #F3F3F3 !important;
	box-shadow: none !important;
}

.riDisabled,
#mainContainer .riDisabled {
	border-left: 5px solid #dde3e6 !important;
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	background: #F3F3F3 !important;
}


input[type=text].aspNetDisabled {
	height: 40px;
	cursor: text !important;
	border-left: 5px solid #dde3e6; /* a9c6dc*/
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	background: #F3F3F3 !important;
	margin: 5px 0 5px 0;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left: 7px;
	font-size: 16px;
	color: black;
	box-shadow: none !important;
}

span.riDisabled {
	padding-top: 9px !important;
}


/*---
Begin    Style for input field elements and 2 columns to house them (REMOVED AS MUCH AS POSSIBLE AND REPLACED WITH A BOOTSTRAP METHOD)
---*/
.FirstColumnLabelWidth {
	width: 200px;
	display: inline-block;
}

.SecondColumnLabelWidth {
	width: 200px;
	display: inline-block;
	margin-left: 50px;
}

.FirstColumnFieldSize {
	width: 300px !important;
	height: 27px;
	margin: 5px 0 5px 0;
}

.FieldSize {
	width: 300px;
	height: 27px;
	padding-left: 6px;
	background-repeat: repeat-x;
	background-position: left;
	background-size: 100% 100%;
	background-image: url('/ApplicationImages/inputfieldbackground.PNG');
	margin: 5px 0px;
}

.FieldLook {
	border: thin solid silver;
	display: inline-block;
}

.FieldLookRad {
	display: inline-block;
}
/*---
End     Style for input field elements and 2 columns to house them 
---*/


/*---
Begin    Manages the background colors and spacing between the bullet and the text on, "My Project, All Active Projects, Completed Projects" [Staffview/Developer/DevelopmentCoordination.aspx]
---*/
#ctl00_MainContent_rbtnGridFilterMy_input,
#ctl00_MainContent_rbtnGridFilterAll_input,
#ctl00_MainContent_rbtnGridFilterComplete_input {
	background-color: #fff;
}

	#ctl00_MainContent_rbtnGridFilterMy_input:hover,
	#ctl00_MainContent_rbtnGridFilterAll_input:hover,
	#ctl00_MainContent_rbtnGridFilterComplete_input:hover {
		background-color: #ECECEC;
	}

.rbPrimaryIcon {
	visibility: hidden;
	/* margin-top: 8px; */
}

.rbSkinnedButtonChecked input[type=submit] {
	background-color: #25a0da !important;
	border-bottom: 3px #0071ad solid !important;
	color: white;
}
/*---
End     Manages the spacing between the bullet and the text on, "My Project, All Active Projects, Completed Projects" [Staffview/Developer/DevelopmentCoordination.aspx]
---*/


/*---
Begin    Aligns the drop down box with the label [Staffview/Developer/ManageProjects.aspx]
---*/

.RadComboBox input, .RadComboBox input:focus {
	height: 35px !important;
	border: none !important;
}

.RadComboBox_MetroTouch .rcbReadOnly .rcbInputCell {
	border-color: #F3F3F3 !important;
	color: black;
	background-color: #F3F3F3 !important;
}

.RadComboBox_MetroTouch .rcbArrowCell {
	border-color: #eeeeee !important;
	background-color: #eeeeee !important;
	border-left: 0 !important;
}
.RadComboBox_MetroTouch .rcbDisabled .rcbArrowCell {
	border-color: #F3F3F3 !important;
	background-color: #F3F3F3 !important;
	border-left: 0 !important;
}

.RadComboBox_MetroTouch .rcbDisabled .rcbArrowCell a {
	width: 28px;
	height: 34px;
	background: none;
}
.rcInputCell .RadInput .riDisabled {
	border-left: none !important
}

.RadComboBox_MetroTouch .rcbDisabled .rcbReadOnly .rcbInputCell {
	border-left: 5px #dde3e6 solid !important;
}

.RadComboBox_MetroTouch .rcbReadOnly .rcbInputCell {
	border-left: 5px #0098d5 solid !important;
}
.RadComboBox_MetroTouch .rcbHovered .rcbReadOnly .rcbInput {
	background-color: #EEEEEE !important;
}
.RadComboBox_MetroTouch .rcbReadOnly .rcbInputCell:hover,
.RadComboBox_MetroTouch .rcbReadOnly .rcbInputCell:focus {
	border-left: 5px #0098d5 solid !important;
	background-color: #EEEEEE !important;
}

.RadComboBox_MetroTouch .rcbDisabled .rcbReadOnly .rcbInputCell:hover {
	border-left: 5px #dde3e6 solid !important;
	background-color: #F3F3F3 !important;
}

.RadComboBox {
	margin-top: 7px !important;
	margin-bottom: 6px !important;
	height: 40px !important;
	color: black !important;
	font: 400 16px/34px "Segoe UI",Arial,Helvetica,sans-serif !important;
}

	.RadComboBox table .rcbReadOnly {
		/*border-left: 5px solid #0098d5;*/ /*  ff8388 */
		color: black !important;
		font-weight: 400 !important;
		font-size: 16px !important;
	}

	.RadComboBox table .rcbDisabled {
		/*border-left: 5px solid #dde3e6 !important;*/
		opacity: 1 !important;
	}

	.RadComboBox_MetroTouch table .rcbInput,
	.RadComboBox_MetroTouch table,
	table .rcbDisabled,
	table.rcbReadOnly,
	.RadComboBox table,
	html body .RadInput_MetroTouch .riTextBox, 
	html body .RadInputMgr_MetroTouch {
		background: #F3F3F3 !important;
		color: black !important;
		font: 400 16px/34px "Segoe UI",Arial,Helvetica,sans-serif !important;
		border: 0px !important;
		height: 39px !important;
	}

	.RadComboBoxDisabled,
	.RadComboBox_MetroTouch .rcbDisabled,
	.RadComboBox .rcbDisabled .rcbInput {
		/*border-left: 5px solid #dde3e6 !important;*/
		background: #F3F3F3 !important;
		color: black !important;
		font-weight: 400 !important;
		font-size: 16px !important;
		opacity: 1 !important;
	}

.rcbItem {
	color: black !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	opacity: 1 !important;
}

.RadComboBox .rcbHovered {
	color: #0098d5 !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	opacity: 1 !important;
	border-left: inherit;
	background-color: #EEEEEE;
}
.RadDropDownList {
	background: #F3F3F3 !important;
	color: black !important;
	font: 400 16px/34px "Segoe UI",Arial,Helvetica,sans-serif !important;
	border-left: 5px solid #0098d5 !important;
	margin: 5px 0 5px 0;
}
.RadDropDownList .rddlInner {
	border: none !important;
	height: 40px !important;
	padding-top: 5px !important;
	padding-left: 8px !important;
	background-color: #F3F3F3;
	color: black !important;
}
.RadDropDownList_MetroTouch .rddlIcon {
	background-position: -11px -55px !important;
}
.rddlPopup_MetroTouch {
	font: 400 16px/34px "Segoe UI",Arial,Helvetica,sans-serif !important;
}
.RadComboBoxDropDown_MetroTouch .rcbHovered {
	font: 400 16px/34px "Segoe UI",Arial,Helvetica,sans-serif !important;
	color: #0098d5 !important;
}
.RadComboBox_MetroTouch .rcbFocused .rcbReadOnly .rcbInputCell {
	background-color: inherit !important;
	outline: solid #0098d5 1px;
	outline-offset: -1px
}
.RadPicker {
	background: #F3F3F3 !important;
	color: black !important;
	font: 400 16px/34px "Segoe UI",Arial,Helvetica,sans-serif !important;
	border: #F3F3F3 !important;
	border-left: 5px solid #0098d5 !important;
}

	/*Jonathan Ellis    rad datepicker needs to have a disabled style, or does it? If so, need to find the disabled state like I did on the combo box and make the switch in border-left color available. Styles below are a start*/
.RadPickerDisabled
{
	background: #F3F3F3 !important;
	color: black !important;
	font: 400 16px/34px "Segoe UI",Arial,Helvetica,sans-serif !important;
	border: #F3F3F3 !important;
	border-left: 5px solid #dde3e6 !important;
}

.RadPicker_MetroTouch .rcCalPopup, .RadPicker_MetroTouch .rcTimePopup {
	border: 1px solid #F3F3F3 !important;
	background-color: #F3F3F3 !important;
}

.RadComboBox_MetroTouch table td.rcbInputCell {
	border-left: 5px solid #0098d5 !important;
}

.RadComboBox table td.rcbInputCell {
	background-color: #f3f3f3;
	padding: 0 0 0 5px !important;
}
.RadComboBox_MetroTouch .rcbInputCell {
	border-color: #f3f3f3 !important;
	background-color: #f3f3f3 !important;
	border: 1px solid #f3f3f3;
}
/*---
End     Aligns the drop down box with the label [Staffview/Developer/ManageProjects.aspx]
---*/


/*---
Begin    Forces all form paragraph elements to maintain a consistent font size [All Form Pages]
---*/
.form-group p {
	font-size: 16px;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 6px;
}

.form-group-bottom-buffer {
	margin-bottom: 39px !important;
}

.form-group-buffer {
	margin-top: 10px;
	margin-bottom: 15px;
}
/*---
End     Forces all form paragraph elements to maintain a consistent font size [All Form Pages]
---*/


/*---
Begin    Aligns the drop down box with the label [All Form Pages]
---*/
label {
	padding-top: 15px !important;
	font-weight: normal !important;
}
/*---
End     Aligns the drop down box with the label [All Form Pages]
---*/


/*---
Begin    Ensures the drop down maintains 100% of the available width [All Form Pages]
---*/
.rddlSlide {
	width: 100% !important;
}
/*---
End     Ensures the drop down maintains 100% of the available width [All Form Pages]
---*/



/*---
Begin    RadCalendar Overrides 
---*/

.RadCalendar {
	width: 260px !important; /* Add's a litle extra width to space the dates out more*/
}

/*#ctl00_MainContent_dpMiOperationalDate_dateInput {
	width: 325px;
}*/


/*---
End    RadCalendar Overrides 
---*/

.RadMenu .rmItem {
	font-size: 13px;
	font-weight: 400;
}

.RadMenu_MetroTouch {
	line-height: 30px !important;
}

















.RadGrid_MetroTouch .rgCommandRow {
	background-color: #E6EAE1 !important;
}

	.RadGrid_MetroTouch .rgCommandRow table {
		background-color: #EAF1F6;
	}

	.RadGrid_MetroTouch .rgCommandRow a {
		color: #666 !important;
	}

.RadGrid_MetroTouch input.rgRefresh, .RadGrid_MetroTouch input.rgAdd {
	border: 1px solid white !important;
}




.RadGrid_MetroTouch .rgAdvPart {
	line-height: 50px !important;
}
.RadGrid_MetroTouch .rgNumPart {
	margin-top: 9px !important;
}
.RadGrid .rgArrPart1,
.RadGrid .rgArrPart2 {
	margin-top: 7px !important;
}

.RadGrid .rgArrPart1 {
    padding-right: 18px !important;
}
.RadGrid .rgArrPart2 {
    padding-left: 15px !important;
}
.RadGrid .rgInfoPart {
	margin-top: 9px !important;
}
/*This overrides the controls for fonts making them all 1px smaller than MetroTouch. I've also made the font weight 400, instead of 100, as the 100 weight causes readability issues on thin characters (like "t" or "i")*/
.RadGrid_MetroTouch, .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgDetailTable, .RadGrid_MetroTouch .rgGroupPanel table, .RadGrid_MetroTouch .rgCommandRow table, .RadGrid_MetroTouch .rgEditForm table, .RadGrid_MetroTouch .rgPager table {
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 34px;
	font-family: "Segoe UI",Arial,Helvetica,sans-serif;
}

	.RadGrid_MetroTouch .rgFilterBox {
		border-color: #cdcdcd;
		font-weight: 400 !important;
		font-size: 16px !important;
		line-height: 34px;
		font-family: "Segoe UI",Arial,Helvetica,sans-serif;
		color: black;
		height: 29px;
	}

html .RadTabStrip_MetroTouch {
	color: white;
	font: 400 16px "Segoe UI",Arial,Helvetica,sans-serif !important;
	line-height: 3 !important;
}

/* This changes all rad-tab's with a more readable font weight & size*/
.RadGrid_MetroTouch .rgRow td,
.RadGrid_MetroTouch .rgAltRow td {
	font-weight: 400 !important;
}

.rgRow > td > a,
.rgAltRow > td > a {
	color: #0098d5 !important;
	text-decoration: underline;
	font-weight: 600;
}

	.rgRow > td > a:hover,
	.rgAltRow > td > a:hover {
		color: #0071ad !important;
	}

.RadGrid .rgHeader,
.rgCommandRow .rgHeader {
	text-transform: capitalize !important;
	vertical-align: middle !important;
	color: black !important;
}


label {
	vertical-align: middle !important;
}

	
	label.required:before {
		content: "\25B6\00A0 ";
		color: red;
		font-weight: 900 !important;
	}

    .loading-panel {
        background: #000000 none repeat scroll 0 0;
        background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
        position: relative;
        width: 100%;
    }

    .loading-container {
        background: #31859c none repeat scroll 0 0;
        background: rgba(49, 133, 156, 0.4) none repeat scroll 0 0;
        height: 100%;
        width: 100%;
        position: fixed;
        /*color: #fff;*/
        /*font-size: 90px;*/
        left: 0;
        padding-top: 15%;
        text-align: center;
        top: 0;
        z-index: 999999;
    }

/* Style for javascript created buttons - should all appear within the "rgEditForm" class and will look in the HREF tag and identify if the button should be green or red */

.rgEditForm a[href*="PerformInsertButton"],
.rgEditForm a[href*="CancelButton"],
.rgEditForm a[href*="UpdateButton"] {
	background-color: #E3e2e7;
	padding: 6px 20px;
	margin: 0 5px 10px 5px !important;
	position: relative;
	top: -8px;
}

.rgEditForm a[href*="PerformInsertButton"] {
	border-bottom: 3px solid #6ac07a;
}
.rgEditForm a[href*="PerformInsertButton"]:hover {
	background-color: #DBF3CC;
	text-decoration: none;
}
.rgEditForm a[href*="CancelButton"] { 
	border-bottom: 3px solid #ff8388;
}
.rgEditForm a[href*="CancelButton"]:hover {
	background-color: #fec0C3;
	text-decoration: none;
}
.rgEditForm a[href*="UpdateButton"] {
	border-bottom: 3px solid #0098d5;
}
.rgEditForm a[href*="UpdateButton"]:hover {
	background-color: #57c8f6;
	text-decoration: none;
}

.modal-content {
    border-radius: 0px !important;
}


.validateError {
	position: relative;
	top: 6px;
	font: 400 16px/34px "Segoe UI",Arial,Helvetica,sans-serif !important;
}

.validateError:before {
		content: "\25B6\00A0 ";
		color: red;
		font-weight: 900 !important;
	}

/* Checkbox and Radio Button Styles here */

/*

THIS IS COMMENTED OUT BECAUSE: the radio / checkboxes are all wrapped in span elements. To make the styles work, I have to apply a CSS Class to the radio or checkbox element, as well as an additional label after. The :before is applied to the ghost label, which is what controls the new visual appearance of the check or radio.  The problem stems from the <span> that wrap's the input element combined with the way the code behind is telling the element to be enabled or disabled, check or not checked.  when I enable these styles and apply the proper CSS class to the elements, I can see the radio or check, but cannot interact with it.

The HTML here is an example of the label for the actual field, as well as the label for the actual checkbox. I've applied the radio-check class to the asp checkbox, and also incorporated the ghost label (with a non-breaking space character) to allow the CSS magic to happen. 
<div class="row">
        <label for="PrimaryAgreement" class="col-md-3 control-label">Primary Agreement</label>
        <div class="col-md-9">
        <asp:CheckBox ID="cbxIsPrimaryAgreement" Text="" runat="server" CssClass="radio-check" />
        <label for="cbxIsPrimaryAgreement" class="check-item">&nbsp;</label>
        </div>
</div>

	
label.radio-item,
label.check-item {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 35px;
	margin-right: 25px;
  	line-height: 35px;
	bottom: 7px !important;
	padding-top: 0px !important;
}

span.radio-check input[type=radio],
span.radio-check input[type=checkbox] {
	display: none;
}
label.radio-item:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: absolute;
	left: 0px;
	bottom: 1px;
	background-color: #dde3e6;
}
	
label.check-item:before {
	content: "";
	display: inline-block;

	width: 25px;
	height: 25px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: absolute;
	left: 0px;
	bottom: 5px;
	background-color: #dde3e6;
	box-shadow: none;
}

label.radio-item:before {
	border-radius: 16px;
}
label.check-item {
	margin-bottom: 5px;
}
label.check-item:before {
    border-radius: 0px;
}

span.radio-check input[type=radio]:checked + label.radio-item:before {
    content: "\2022";
    color: #0098d5;
    font-size: 30px;
    text-align: center;
    line-height: 28px;
}

span.radio-check input[type=checkbox]:checked + label.check-item:before {
	content: "\2713";
	text-shadow: none;
	font-size: 15px;
	color: #0098d5;
	text-align: center;
    line-height: 25px;
}*/

/* In the mean time, this just makes the boxes a little bigger and tries to vertically align them with their label's */
input[type=checkbox], input[type=radio] {
	margin-top: 12px !important;
	width: 18px;
	height: 18px;
}

/* For the Add Redline Request popup window (RedlinePopupWindow.aspx) - This style alingns the problematic checkbox for "Completed Redlines" It's the disabled, top right, checkbox.*/
#lblForCompletedCheckbox {
	position: relative;
	top: 8px;
}

.rlbList {
	font-weight: 400 !important;
}
.failureNotification {
	position: relative;
	top: 15px;
}
#MainContent_LblUserEmail {
	padding-top:14px;
}