body {
	padding: 0;
	margin: 0;
	font-family: Lato, Arial, sans-serif;
	font-size: 15px;
}

.content {
	min-height: 700px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	overflow: hidden;
}

	.content .nav-section {
		width: 340px;
		float: left;
		display: inline;
	}

	.content .content-section {
		width: 820px;
		padding: 0 20px 0 0;
		float: right;
		display: inline;
	}

.content-btn-gray {
	background-color: #888;
	height: 28px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 14px;
	padding-right: 14px;
	color: #fff;
	border: none;
	cursor: pointer;
}

.strip {
	height: 10px;
	background-image: url("../Content/Images/header.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-color: rgb(245, 129, 36);
}

.header-inr {
	width: 1024px;
	margin: 20px auto;
	overflow: visible;
	font-family: 'Brandon Grotesque', Helvetica, Arial, Sans-Serif;
	font-size: 24px;
}

#hpBg {
	background: url("../Content/Images/headerShadow.png") repeat-x scroll center top rgba(0, 0, 0, 0);
	height: 6px;
	left: 0;
	width: 100%;
	min-width: 1200px;
}

.header-inr .logo {
	float: left;
	display: inline;
}

#nav {
	list-style-type: none;
	float: left;
	width: 500px;
	height: 32px;
	margin: 8px 0 0 0;
	font-size: 15px;
	display: inline;
}

.topnav {
	list-style: none;
	padding: 0 20px;
	margin: -2px 0 0 20px;
	float: left;
	width: 500px;
	background: #222;
	font-size: 16px;
	background: repeat-x;
}

	.topnav li {
		float: left;
		margin: 0;
		padding: 0 15px 0 0;
		position: relative;
	}

		.topnav li a {
			padding: 10px 5px;
			color: #000;
			display: block;
			text-decoration: none;
			float: left;
		}

.subnav {
	list-style: none;
	position: absolute;
	left: 0;
	top: 35px;
	background: #ffa200;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	width: 170px;
	z-index: 3000;
}

ul.topnav li ul.subnav li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #a0a09f;
	clear: both;
	width: 170px;
}

html ul.topnav li ul.subnav li a {
	float: left;
	width: 154px;
	background: #ffa200 no-repeat 10px center;
	padding-left: 6px;
	font-size: 12px;
	color: #fff;
}

#nav a {
	text-decoration: none;
	color: #000000;
}

#nav .mid {
	display: inline;
	padding: 0px 0 0 0;
	margin: 3px 40px 0 0;
}


#header-logo {
	width: 270px;
	float: right;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;
}

	#header-menu ul {
		padding: 0;
		margin: 0;
	}

	#header-menu li {
		height: 30px;
		line-height: 30px;
		padding: 2px 20px 0 0;
		margin: 0 0 0 5px;
		display: inline;
	}

	#header-menu a {
		text-decoration: none;
	}

		#header-menu a:active {
			color: #FFA200;
		}

#header-user, #header-menu {
	float: right;
	font-size: 15px;
	padding: 7px 0 0 0;
	height: 30px;
	line-height: 30px;
}

.header-username {
	padding-right: 10px;
	height: 30px;
	float: left;
}

.header-logout {
	padding: 7px 0 0 0;
	float: right;
}

a.header-logout-logo {
	background-image: url("../Content/Images/icon_logout.png");
	background-repeat: no-repeat;
	background-position: left top;
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -9999px;
}

.nav-item {
	font-family: bariol regular, bariol_regular,Helvetica,Arial, Sans-Serif;
	background-color: #F7F7F7;
	padding: 12px 5px 1px 10px;
	margin: 0 0 10px 0;
	width: 230px;
	float: right;
}

.nav-item-title {
	font-family: bariol bold, bariol_bold, Helvetica,Arial, Sans-Serif;
	font-size: 16px;
	color: #FB7124;
	margin: 0 0 19px 0;
}

.nav-item a {
	text-decoration: none;
}

	.nav-item a:link {
		color: #555555;
	}

	.nav-item a:visited {
		color: #555555;
	}

	.nav-item a:active {
		color: #555555;
	}

	.nav-item a:hover {
		color: #EB7124;
	}

a.nav-item-link {
	text-decoration: none;
	font-size: 15px;
	color: #555555;
	height: 15px;
	line-height: 15px;
	display: block;
	margin: 6px 0 13px 0;
}

.nav-item-content {
	font-family: bariol regular, bariol_regular, Helvetica,Arial, Sans-Serif;
	font-size: 15px;
	color: #555555;
}

.content-item {
	font-family: bariol regular,bariol_regular,Helvetica, Arial, Sans-Serif;
	width: 800px;
	margin: 0 0 65px 0;
}

.content-title {
	font-size: 22px;
	font-family: bariol bold, bariol_bold, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	color: #555555;
	margin: 0 0 25px 0;
}

.content-text-paragraph {
	font-size: 15px;
	color: #555555;
	line-height: 20px;
	margin: 0 0 25px 0;
}

.content-text-sentence {
	font-size: 15px;
	color: #555555;
	line-height: 20px;
	margin: 0 0 14px 0;
}

.content-item a {
	font-family: bariol regular, bariol_regular, Helvetica, Arial, Sans-Serif;
	text-decoration: none;
}

	.content-item a:link {
		color: #44BCE5;
	}

	.content-item a:visited {
		color: #44BCE5;
	}

	.content-item a:active {
		color: #44BCE5;
	}

a.content-item-link {
	text-decoration: none;
	font-size: 15px;
	color: #44BCE5;
	width: 260px;
	height: 15px;
	line-height: 15px;
	display: block;
	margin: 0 0 13px 0;
}

.content-item a:hover {
	color: #FB7124;
}

.app-list-title {
	color: #346ec5;
	font-size: 24pt;
}

.app-list-button-container {
	margin: 33px 0 6px 0;
}

	.app-list-button-container input[type="submit"] {
		background: #888888;
		width: 150px;
		height: 30px;
		margin-left: auto;
		margin-right: auto;
		color: #ffffff;
		border: none;
		font-weight: bold;
		cursor: pointer;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

		.app-list-button-container input[type="submit"]:hover, .app-list-button-container input[type="submit"]:focus {
			background-color: #cacfd2;
			color: #ffffff;
			outline: none;
			-webkit-transition: 0.25s;
			-moz-transition: 0.25s;
			-o-transition: 0.25s;
			transition: 0.25s;
			-webkit-backface-visibility: hidden;
		}

table.app-list {
	border: 1px solid #DCDCDC;
	text-align: left;
}

.app-list-table-header {
	background-color: #F6F6F6;
	height: 35px;
	padding: 0 0 0 10px;
	text-align: left;
}

	.app-list-table-header a {
		color: #333333 !important;
	}

a.sortable {
}

a.unsortable {
	text-decoration: none;
}

.app-list-table-data {
	padding: 14px 0 11px 10px;
}

.app-name {
	color: #44BCE5;
	font-size: 15px;
	text-decoration: none;
}

.app-action {
	color: #F0975E;
	font-size: 15px;
	text-decoration: none;
}

.app-count {
	margin: 10px;
}

.app-edit-title {
	margin: 0 0 33px 0;
}

.app-edit-title-primary {
	color: #22AFE1;
	font-size: 24px;
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}

.app-edit-title-separator {
	color: #4E4E4E;
	font-size: 24px;
	font-weight: bold;
	display: inline;
	float: left;
	margin: 0 5px;
}

.app-edit-title-secondary {
	color: #4E4E4E;
	font-size: 24px;
	font-weight: bold;
	display: inline;
	float: left;
	margin: 0 5px;
}

.app-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.app-menu li {
	float: left;
	padding: 0 25px 0 0;
}

.app-menu a {
	text-decoration: none;
	color: #22AFE1;
	font-size: 18px;
}

a.current {
	color: #333333;
	font-weight: bold;
}

.app-info-container {
	margin: 50px 0 0 0;
}

.app-info-table {
	width: 800px;
}

.app-info-table-cell-left {
	padding: 10px 10px 10px 0;
	font-weight: normal;
}

.app-info-textbox {
	width: 200px;
	height: 20px;
}

.app-info-textarea {
	width: 500px;
	height: 50px;
}

.app-info-container input[type="button"] {
	background: #888888;
	width: 70px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	border: none;
	font-weight: bold;
	cursor: pointer;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


	.app-info-container input[type="button"]:hover, .app-info-container input[type="button"]:focus {
		background-color: #cacfd2;
		color: #ffffff;
		outline: none;
		-webkit-transition: 0.25s;
		-moz-transition: 0.25s;
		-o-transition: 0.25s;
		transition: 0.25s;
		-webkit-backface-visibility: hidden;
	}

.app-info-button-container {
	margin: 60px 0 0 0;
}

	.app-info-button-container input[type="submit"] {
		background: #00A3DC;
		width: 70px;
		height: 30px;
		margin-left: auto;
		margin-right: auto;
		color: #ffffff;
		border: none;
		font-weight: bold;
		cursor: pointer;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

		.app-info-button-container input[type="submit"]:hover, .app-info-button-container input[type="submit"]:focus {
			background-color: #cacfd2;
			color: #ffffff;
			outline: none;
			-webkit-transition: 0.25s;
			-moz-transition: 0.25s;
			-o-transition: 0.25s;
			transition: 0.25s;
			-webkit-backface-visibility: hidden;
		}

.app-info-cancel-btn {
	text-decoration: none;
	color: #22AFE1;
	font-weight: bold;
	font-size: 18px;
	margin: 5px 0 0 50px;
}

.app-settings input[type="text"] {
	height: 20px;
}

input {
	padding-left: 3px;
}
/**********************profile*************************/

.profile-section-title {
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0;
	color: #555555;
}

.profile-table {
	width: 850px;
	color: #555555;
}

.profile-table-cell-left {
	padding: 10px 10px 10px 0;
	font-weight: normal;
	width: 200px;
}

.profile-static-tip {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

	.profile-static-tip dt {
		padding: 0;
		margin: 0;
		background-position: left;
		background-repeat: no-repeat;
		padding-left: 25px;
		font-size: 16px;
		font-weight: bold;
	}

	.profile-static-tip dd {
		padding: 0;
		margin: 0;
		padding-left: 25px;
	}


.profile-button-container {
	margin: 40px 0 20px 0;
}

	.profile-button-container input[type="submit"] {
		background: #00A3DC;
		width: 110px;
		height: 30px;
		margin-left: auto;
		margin-right: auto;
		color: #ffffff;
		border: none;
		font-weight: bold;
		cursor: pointer;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

		.profile-button-container input[type="submit"]:hover, .profile-button-container input[type="submit"]:focus {
			background-color: #cacfd2;
			color: #ffffff;
			outline: none;
			-webkit-transition: 0.25s;
			-moz-transition: 0.25s;
			-o-transition: 0.25s;
			transition: 0.25s;
			-webkit-backface-visibility: hidden;
		}

/********************************************************/
.reset-email-container {
	margin: 30px 0 30px 0;
}

.emailbox {
	width: 300px;
}

.forgot-password-button-container {
	margin: 40px 0 0 0;
}

	.forgot-password-button-container input[type="submit"] {
		background: #00A3DC;
		width: 150px;
		height: 30px;
		margin-left: auto;
		margin-right: auto;
		color: #ffffff;
		border: none;
		font-weight: bold;
		cursor: pointer;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

		.forgot-password-button-container input[type="submit"]:hover, .reset-email-containerforgot-password-button-container input[type="submit"]:focus {
			background-color: #cacfd2;
			color: #ffffff;
			outline: none;
			-webkit-transition: 0.25s;
			-moz-transition: 0.25s;
			-o-transition: 0.25s;
			transition: 0.25s;
			-webkit-backface-visibility: hidden;
		}

	.forgot-password-button-container input[type="button"] {
		background: #888888;
		width: 100px;
		height: 24px;
		margin-left: auto;
		margin-right: auto;
		color: #ffffff;
		border: none;
		font-weight: bold;
		cursor: pointer;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

		.forgot-password-button-container input[type="button"]:hover, .forgot-password-button-container input[type="button"]:focus {
			background-color: #cacfd2;
			color: #ffffff;
			outline: none;
			-webkit-transition: 0.25s;
			-moz-transition: 0.25s;
			-o-transition: 0.25s;
			transition: 0.25s;
			-webkit-backface-visibility: hidden;
		}

.tip-paragraph {
	font-size: 15px;
	color: #555555;
	line-height: 20px;
	margin: 30px 0 25px 0;
}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #ff0000;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid {
	display: none;
}


/* list */
.list {
	margin-top: 10px;
	width: 860px !important;
}

	.list table {
		border-collapse: collapse;
		width: 100%;
		font-size: 15px;
	}

		.list table tr {
			border: 1px solid #e0e0e0;
		}

			.list table tr th {
				font-weight: normal;
			}

				.list table tr th a {
					color: #000 !important;
				}

		.list table th {
			border: none;
			height: 30px !important;
			text-align: left !important;
			background-color: #fdfdfd;
			padding-top: 12px;
			font-family: bariol bold !important;
		}

			.list table th:first-child {
				padding-left: 8px;
				text-align: left;
			}

			.list table th img {
				border: none;
				width: 8px;
				height: 14px;
			}

		.list table td {
			border: none;
			height: 28px;
			text-align: left !important;
			font-size: 15px;
			padding-top: 12px;
		}

.list-td-highlight {
	background-color: #f4f4f4;
}

/* paging */
.mobile-grid-tb-paging {
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%;
	margin-top: 14px;
	margin-left: 10px;
	text-align: left;
	font-size: 14px;
}

	.mobile-grid-tb-paging p {
		float: left;
		margin-left: 4px;
		margin-top: 7px;
	}

		.mobile-grid-tb-paging p:first-child {
			margin-left: 0px;
		}

	.mobile-grid-tb-paging .paging-number {
		margin-top: -1px;
	}

	.mobile-grid-tb-paging img {
		border: none;
		height: 18px;
		width: 20px;
	}

	.mobile-grid-tb-paging input[type=text] {
		height: 20px !important;
		width: 20px;
	}

.mobile-grid-tb-paging-rowcount {
	margin-right: 10px;
}

.mobile-grid-tb-paging-td-right {
	margin-right: 15px;
	text-align: right;
}

.mobile-grid-tb-paging-txt-currentpage {
	width: 30px;
	text-align: center;
	height: 18px;
	color: Blue;
}