/* Move down content because we have a fixed navbar that is 50px tall */
body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
	padding-top: 50px;
	padding-bottom: 20px;
	background-color: #f0f0f0;
}

.txtVertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE6,IE7 */
	ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */
	-moz-transform: rotate(-90deg); /* FF3.5+ */
	-o-transform: rotate(-90deg); /* Opera 10.5 */
	-webkit-transform: rotate(-90deg); /* Safari 3.1+, Chrome */
	position: absolute;
}

.thumb-picture {
	image-orientation: none;
}

.body-content {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
}


table input {
	padding-left: 6px;
}

textarea {
	padding-left: 6px;
	border-color: #ddd;
}

input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border-radius: 4px;
}

label {
	font-weight: normal;
}

td {
	padding: 0px 0px 4px 0px;
}


.btn {
	background: #c8102e;
	margin-top: 12px;
	padding: 4px 12px;
	color: #fff;
	font-weight: bold;
	border: none;
	border-radius: 3px;
}

	.btn:hover {
		background: #53565a;
		margin-top: 12px;
		padding: 4px 12px;
		color: #fff;
		font-weight: bold;
		border: none;
		border-radius: 3px;
	}

.fieldgroup a {
	font-weight: bold;
}

/* Uniformat Drop Down */
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
	font-size: 1.1em /*{fsDefault}*/;
}

.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
	font-size: 1em;
}

.ui-widget-content {
	border: 1px solid #aaaaaa /*{borderColorContent}*/;
	background: #ffffff /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
	color: #222222 /*{fcContent}*/;
}

	.ui-widget-content a {
		color: #222222 /*{fcContent}*/;
	}

.ui-widget-header {
	border: 1px solid #aaaaaa /*{borderColorHeader}*/;
	background: #cccccc /*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
	color: #222222 /*{fcHeader}*/;
	font-weight: bold;
}

	.ui-widget-header a {
		color: #222222 /*{fcHeader}*/;
	}


	/* Interaction states
----------------------------------*/
	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
		border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
		background: #e6e6e6 /*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
		font-weight: normal /*{fwDefault}*/;
		color: #555555 /*{fcDefault}*/;
	}

		.ui-state-default a,
		.ui-state-default a:link,
		.ui-state-default a:visited {
			color: #555555 /*{fcDefault}*/;
			text-decoration: none;
		}

	.ui-state-hover,
	.ui-widget-content .ui-state-hover,
	.ui-widget-header .ui-state-hover,
	.ui-state-focus,
	.ui-widget-content .ui-state-focus,
	.ui-widget-header .ui-state-focus {
		border: 1px solid #999999 /*{borderColorHover}*/;
		background: #dadada /*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
		font-weight: normal /*{fwDefault}*/;
		color: #212121 /*{fcHover}*/;
	}

		.ui-state-hover a,
		.ui-state-hover a:hover,
		.ui-state-hover a:link,
		.ui-state-hover a:visited,
		.ui-state-focus a,
		.ui-state-focus a:hover,
		.ui-state-focus a:link,
		.ui-state-focus a:visited {
			color: #212121 /*{fcHover}*/;
			text-decoration: none;
		}

	.ui-state-active,
	.ui-widget-content .ui-state-active,
	.ui-widget-header .ui-state-active {
		border: 1px solid #aaaaaa /*{borderColorActive}*/;
		background: #ffffff /*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
		font-weight: normal /*{fwDefault}*/;
		color: #212121 /*{fcActive}*/;
	}

		.ui-state-active a,
		.ui-state-active a:link,
		.ui-state-active a:visited {
			color: #212121 /*{fcActive}*/;
			text-decoration: none;
		}

	/* Interaction Cues
----------------------------------*/
	.ui-state-highlight,
	.ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
		border: 1px solid #fcefa1 /*{borderColorHighlight}*/;
		background: #fbf9ee /*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png) /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/;
		color: #363636 /*{fcHighlight}*/;
	}

		.ui-state-highlight a,
		.ui-widget-content .ui-state-highlight a,
		.ui-widget-header .ui-state-highlight a {
			color: #363636 /*{fcHighlight}*/;
		}

	.ui-state-error,
	.ui-widget-content .ui-state-error,
	.ui-widget-header .ui-state-error {
		border: 1px solid #cd0a0a /*{borderColorError}*/;
		background: #fef1ec /*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png) /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x /*{bgErrorRepeat}*/;
		color: #cd0a0a /*{fcError}*/;
	}

		.ui-state-error a,
		.ui-widget-content .ui-state-error a,
		.ui-widget-header .ui-state-error a {
			color: #cd0a0a /*{fcError}*/;
		}

	.ui-state-error-text,
	.ui-widget-content .ui-state-error-text,
	.ui-widget-header .ui-state-error-text {
		color: #cd0a0a /*{fcError}*/;
	}

	.ui-priority-primary,
	.ui-widget-content .ui-priority-primary,
	.ui-widget-header .ui-priority-primary {
		font-weight: bold;
	}

	.ui-priority-secondary,
	.ui-widget-content .ui-priority-secondary,
	.ui-widget-header .ui-priority-secondary {
		opacity: .7;
		filter: Alpha(Opacity=70);
		font-weight: normal;
	}

	.ui-state-disabled,
	.ui-widget-content .ui-state-disabled,
	.ui-widget-header .ui-state-disabled {
		opacity: .35;
		filter: Alpha(Opacity=35);
		background-image: none;
	}

		.ui-state-disabled .ui-icon {
			filter: Alpha(Opacity=35); /* For IE8 - See #6059 */
		}


/* -------------------CALENDAR -------------------*/


}

.NormalCalendar table {
	color: #fff !important;
}

.NormalCalendar tbody tr td {
	padding: 0px 0px 0px 0px;
}

.NormalCalendar th {
	background-color: #fff !important;
	padding: 4px 8px 4px 8px;
	text-align: center;
	margin: 0px;
}

.NormalCalendar tr tr {
	background-color: #c8102e !important;
}

	.NormalCalendar tr tr td {
		color: #fff;
		font-weight: bold;
		background-color: #c8102e !important;
		border-color: #c8102e;
		border-style: solid;
		border-width: 4px 0px 3px 0px;
	}

.NormalCalendar tbody tr td table tbody tr td a {
	color: #fff !important;
	padding: 0px 8px;
}


/* -------------------NAVBAR -------------------*/

.navbar-nav a:focus {
	background-color: #53565a !important;
}

.navbar-nav a:hover {
	background-color: #53565a !important;
}

.navbar-nav a:active {
	background-color: #53565a;
}


/* -------------------TABLE STYLES -------------------*/
/* -- GRIDVIEW 1 --*/

#MainContent_GridView1 {
	border-radius: 6px;
}

	#MainContent_GridView1 td {
		background-color: #fff;
		padding: 6px 8px 4px 8px;
		border-color: #ddd;
	}

		#MainContent_GridView1 td:hover {
			background-color: #f2f2f2;
		}

	#MainContent_GridView1 th {
		/*   background-color:#c8102e; */
		padding: 6px 8px 8px 12px;
		color: #fff;
		text-align: left;
		font-size: 1em;
		border-color: #ddd;
	}

/* -- GRIDVIEW 2 --*/

#MainContent_GridView2 {
	border-radius: 6px;
}

	#MainContent_GridView2 td {
		background-color: #fff;
		padding: 6px 8px 4px 8px;
		border-color: #ddd;
	}

		#MainContent_GridView2 td:hover {
			background-color: #f2f2f2;
		}

	#MainContent_GridView2 th {
		/*    background-color: #c8102e;   */
		padding: 6px 8px 8px 12px;
		color: #fff;
		text-align: left;
		font-size: 1em;
		border-color: #ddd;
	}

#MainContent_ASPxPageControl1 {
	font-family: "arial";
}

/* -- GRIDVIEW 98 Inside PageControl -- Use For Other DataGrids --*/
#MainContent_ASPxPageControl1_GridView98 {
	border-radius: 6px;
	font-family: "arial";
}

	#MainContent_ASPxPageControl1_GridView98 td {
		/*background-color: #fff;  */
		padding: 6px 8px 6px 8px;
		/*padding: 0 !important;  */
		border-color: #bdbcbc;
		font-family: "arial";
	}

		#MainContent_ASPxPageControl1_GridView98 td:hover {
			background-color: #f2f2f2;
			color: #000;
		}

	#MainContent_ASPxPageControl1_GridView98 th {
		/*    background-color: #c8102e;   */
		padding: 6px 8px 6px 12px;
		color: #fff;
		text-align: center;
		font-size: 1em;
		border-color: #ddd;
		font-family: "arial";
	}

/* -- GRIDVIEW 101 Inside PageControl -- Use For Other DataGrids --*/
#MainContent_ASPxPageControl1_GridView101 {
	border-radius: 6px;
	font-family: "arial";
}

	#MainContent_ASPxPageControl1_GridView101 td {
		/*background-color: #fff;  */
		padding: 6px 8px 6px 8px;
		/*padding: 0 !important;  */
		border-color: #bdbcbc;
		font-family: "arial";
	}

		#MainContent_ASPxPageControl1_GridView101 td:hover {
			background-color: #f2f2f2;
			color: #000;
		}

	#MainContent_ASPxPageControl1_GridView101 th {
		/*    background-color: #c8102e;   */
		padding: 6px 8px 6px 12px;
		color: #fff;
		text-align: center;
		font-size: 1em;
		border-color: #ddd;
		font-family: "arial";
	}



/* -- GRIDVIEW 100 Inside PageControl -- Use For Other DataGrids --*/
#MainContent_ASPxPageControl1_GridView100 {
	border-radius: 6px;
	font-family: "arial";
}

	#MainContent_ASPxPageControl1_GridView100 td {
		/*background-color: #fff;  */
		padding: 6px 8px 6px 8px;
		/*padding: 0 !important;  */
		border-color: #bdbcbc;
		font-family: "arial";
	}

		#MainContent_ASPxPageControl1_GridView100 td:hover {
			background-color: #f2f2f2;
			color: #000;
		}

	#MainContent_ASPxPageControl1_GridView100 th {
		/*    background-color: #c8102e;   */
		padding: 6px 8px 6px 12px;
		color: #fff;
		text-align: center;
		font-size: 1em;
		border-color: #ddd;
		font-family: "arial";
	}



/* -- GRIDVIEW 99 Inside PageControl -- Use For FCI DataGrids --*/
#MainContent_ASPxPageControl1_GridView99 {
	border-radius: 6px;
	font-family: "arial";
}

	#MainContent_ASPxPageControl1_GridView99 td {
		/*background-color: #fff;  */
		padding: 6px 8px 6px 8px;
		/*padding: 0 !important;  */
		border-color: #bdbcbc;
		font-family: "arial";
	}

		#MainContent_ASPxPageControl1_GridView99 td:hover {
			background-color: #f2f2f2;
			color: #000;
		}

	#MainContent_ASPxPageControl1_GridView99 th {
		/*    background-color: #c8102e;   */
		padding: 6px 8px 6px 12px;
		color: #fff;
		text-align: center;
		font-size: 1em;
		border-color: #ddd;
		font-family: "arial";
	}

.fci-cell {
	padding: 0 !important;
}

	.fci-cell span {
		display: block;
		height: 100%;
		overflow: auto;
		text-align: center;
		padding: 6px;
	}


/* -------------------SIMPLE TABLE -------------------*/


/* -- GRIDVIEW 99 -- Use For FCI DataGrids --*/
#MainContent_GridView99 {
	border-radius: 6px;
}

	#MainContent_GridView99 td {
		/*background-color: #fff;  */
		padding: 6px 8px 6px 8px;
		/*padding: 0 !important;  */
		border-color: #bdbcbc;
	}

		#MainContent_GridView99 td:hover {
			background-color: #f2f2f2;
			color: #000;
		}

	#MainContent_GridView99 th {
		/*    background-color: #c8102e;   */
		padding: 6px 8px 6px 12px;
		color: #fff;
		text-align: center;
		font-size: 1em;
		border-color: #ddd;
	}

.fci-cell {
	padding: 0 !important;
}

	.fci-cell span {
		display: block;
		height: 100%;
		overflow: auto;
		text-align: center;
		padding: 6px;
	}


/* -------------------SIMPLE TABLE -------------------*/


#MainContent_Table1 {
	background-color: #fff !important;
}

	#MainContent_Table1 tr:first-child {
		/*	background-color:#c8102e !important;  */
		color: #fff;
		font-weight: bold;
	}

	#MainContent_Table1 td {
		padding: 6px 8px 8px 12px;
		border-style: solid;
		border-width: 1px;
		border-color: #ddd;
	}



/* ------------------- CHECK BOX -------------------*/

input[type="checkbox"] {
	margin: 0px 4px 0px 0px !important;
	line-height: normal;
}



/* -------------- MAINCONTENT LABEL 2 --------------*/


.fieldgroup {
	background-color: none;
}

	.fieldgroup #MainContent_CheckBox1 {
		margin-right: 4px;
	}

	.fieldgroup td {
		text-align: left;
		padding-top: 4px;
	}



/*----------------  BUTTONS --------------------*/

.ClientDefinedTextbox {
	width: 100%;
}

.NormalButton {
	background: #fff;
	margin-top: 12px;
	padding: 4px 12px;
	color: #53565a;
	font-weight: bold;
	border-style: solid;
	border-color: #53565a;
	border-width: 1px;
	border-radius: 3px;
	transition: 0.5s;
}

	.NormalButton:hover {
		background: #fff;
		color: #c8102e;
		border-style: solid;
		border-color: #c8102e;
		border-width: 1px;
		border-radius: 3px;
	}

	.NormalButton:focus {
		background: #111;
		outline: none;
	}

.SaveButton {
	background: #c8102e;
	margin-top: 12px;
	padding: 4px 12px;
	color: #fff;
	font-weight: bold;
	border: none;
	border-radius: 3px;
	transition: 0.5s;
}

	.SaveButton:hover {
		background: #000;
	}

	.SaveButton:focus {
		background: #111;
		outline: none;
	}

.CancelButton {
	background: #53565a;
	margin-top: 12px;
	padding: 4px 12px;
	color: #fff;
	font-weight: bold;
	border: none;
	border-radius: 3px;
	transition: 0.5s;
}

	.CancelButton:hover {
		background: #c1c6cb;
		color: #fff;
	}

	.CancelButton:focus {
		background: #fff;
		outline: none;
	}



/*----------------  DROPDOWN CALENDARS --------------------*/


.dxeCalendarButton_Mulberry, .dxeColorEditButton_Mulberry {
	color: #53565a;
	font-weight: bold;
	border: 1px solid #000;
	background: #fff !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: 0.5s;
	box-shadow: none;
}

.dxeCalendarButtonHover_Mulberry, .dxeColorEditButton_Mulberry {
	color: #53565a;
	font-weight: bold;
	border: 1px solid #000;
	background: #f1f1f1 !important;
}

.dxeCalendarHeader_Mulberry td.dxe {
	color: #676767;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
}

.dxeButtonEdit_Mulberry td.dxic {
	padding: 2px 2px 2px 5px !important;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
	max-width: 100%;
}


/* Input Textbox Font */

.dxeTextBoxSys {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
	padding-left: 2px;
}

.dxeTextBox {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
	font-size: 1em;
	border-color: #cbcbcb;
}

input[type="text"].dxeEditAreaSys {
	color: #343434;
}

/* Levels Tables */

.dxgvGroupRow td.dxgv, .dxgvFocusedGroupRow td.dxgv, .dxgvBatchEditChangesPreviewGroupRow td.dxgv {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
	font-size: 1.1em;
}

.dxgvHeader td {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
	white-space: nowrap;
}

input[type="text"].dxeEditAreaSys {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
	color: #222;
	padding-left: 4px;
}

.dxgvSearchPanel {
	padding: 8px 4px 5px 8px;
}

/* Hide URLs when printing from a browser */
@media print {
	a[href]:after {
		display: none;
		!important;
	}

	img[src]:after {
		display: none !important;
	}
}