.modalLayerBack {
	background: url('../../App_Themes/GControl/Oyster/modalback.png') repeat;
	*filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../App_Themes/GControl/Oyster/modalback.png', sizingMethod='scale')";
}

.loadingBar {
	background: url('../../App_Themes/GControl/Oyster/loading.gif');
	left: 50%;
	margin-left: -53px;
	top: 10px;
	/*top: 50%;*/
	/*margin-top: -27px;*/
	position: fixed;
	width: 106px;
	height: 54px;
}

.metro {
	font-size: 10pt;
	font-family: tahoma, arial;
}

	.metro .panel {
		border: solid gray 1px;
		box-sizing: content-box;
	}

		.metro .panel .header {
			height: 30px;
			background-color: gray;
			text-align: right;
			/*padding-top: 10px;*/
			padding-bottom: 10px;
			font-weight: bold;
			text-indent: 10px;
			color: white;
		}

			.metro .panel .header .avatar32 {
				height: 30px;
				margin-top: 3px;
				margin-left: 10px;
				vertical-align: middle;
			}

			.metro .panel .header .divback {
				height: 32px;
				width: 32px;
				background-image: url('../../images/MetroIcon/Metro_BackFill32.png');
				/*background-color: white;*/
				background-repeat: no-repeat;
				float: left;
				margin-left: 5px;
				margin-top: 2px;
				cursor: pointer;
			}

			.metro .panel .header .divHeaderText {
				margin-right: 5px;
				vertical-align: middle;
				line-height: 30px;
			}

		.metro .panel .content {
			background-color: white;
			padding: 10px;
		}

	.metro .button {
		border-collapse: collapse;
		border-style: none;
		color: white;
		border: solid 2px transparent;
		display: inline-block;
		*display: inline;
		zoom: 1;
		font-size: 11pt;
		font-weight: bold;
		vertical-align: middle;
		padding: 5px;
		margin: 5px;
		overflow: hidden;
		white-space: normal;
		cursor: pointer;
		line-height: normal;
		transition: background-color .3s, transform .3s;
		-webkit-transition: background-color .3s, -webkit-transform .3s;
		-ms-transition: background-color .3s, -ms-transform .3s;
	}

		.metro .button:hover {
			border-collapse: collapse;
			border: solid 2px #225a68;
			background-color: rgb(90, 83, 83) !important;
			color: white !important;
			transform: scale(1.05, 1.05);
			-ms-transform: scale(1.05, 1.05);
			-webkit-transform: scale(1.05, 1.05);
		}

		.metro .button:active {
			color: #2f4f85;
		}

		.metro .button img {
			max-width: 28px;
			max-height: 28px;
		}

.img16 {
	width: 16px;
	height: 16px;
}

.metro .bg-lime {
	background-color: #91d100 !important;
}

.metro .bg-green {
	background-color: #00A600 !important;
}

.metro .bg-green2 {
	background-color: #77b900 !important;
}

.metro .bg-emerald {
	background-color: #008a00 !important;
}

.metro .bg-teal {
	background-color: #00a3a3 !important;
}

.metro .bg-cyan {
	background-color: #1faeff !important;
}

.metro .bg-cobalt {
	background-color: #2572eb !important;
}

.metro .bg-indigo {
	background-color: #006ac1 !important;
}

.metro .bg-blue {
	background-color: #4617b4 !important;
}

.metro .bg-skyblue {
	background-color: #0A5BC4 !important;
}

.metro .bg-pink {
	background-color: #ff76bc !important;
}

.metro .bg-magenta {
	background-color: #d80073 !important;
}

.metro .bg-crimson {
	background-color: #b01e00 !important;
}

.metro .bg-red {
	background-color: #ff2e12 !important;
}

.metro .bg-orange {
	background-color: #ff981d !important;
}

.metro .bg-amber {
	background-color: #fe7c22 !important;
}

.metro .bg-yellow {
	background-color: #f3b200 !important;
}

.metro .bg-violet {
	background-color: #aa40ff !important;
}

.metro .bg-purpule {
	background-color: #7200ac !important;
}

.metro .bg-brown {
	background-color: #632f00 !important;
}

.metro .bg-olive {
	background-color: #6d8764 !important;
}

.metro .bg-steel {
	background-color: #647687 !important;
}

.metro .bg-mauve {
	background-color: #76608a !important;
}

.metro .bg-taupe {
	background-color: #87794e !important;
}

.metro .bg-gray {
	background-color: #454545 !important;
}

.metro .bg-navy {
	background-color: #213759 !important;
}

.metro .bg-black {
	background-color: #323232 !important;
}

.metro .bg-white {
	background-color: white !important;
}

.metro .bg-lb {
	background: #27a9e3 !important;
}

.metro .bg-db {
	background: #2295c9 !important;
}

.metro .bg-lg {
	background: #3ae59b !important;
}

.metro .bg-dg {
	background: #28b779 !important;
}

.metro .bg-ly {
	background: #ffb848 !important;
}

.metro .bg-dy {
	background: #da9628 !important;
}

.metro .bg-ls {
	background: #2255a4 !important;
}

.metro .bg-ds {
	background: #2b709c !important;
}

.metro .bg-lo {
	background: #da542e !important;
}

.metro .bg-lr {
	background: #f74d4d !important;
}

.metro .bg-dr {
	background: #ff2e12 !important;
}

.metro .bg-lv {
	background: #603bbc !important;
}

.metro .bg-lh {
	background: #b6b3b3 !important;
}

textarea {
	resize: none;
}

.metro input[type="text"], .metro textarea {
	border: solid 1px lightgray;
}

.metro input, .metro textarea /*, .metro select*/ {
	margin: 5px;
	/*height: 30px;
	border-radius: 3px;
	line-height: 30px;*/
	font-size: 13pt;
	text-indent: 3px;
	/*
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
*/
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

	.metro input:focus, .metro textarea:focus {
		border-color: rgba(82, 168, 236, 0.8);
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
		outline: 0;
	}

.metro .nullText {
	font-size: 12pt;
	color: gray;
}

/********************* MessageBox ********************************/

.metroMsgDarkBox {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: darkgrey;
	background-color: black;
	/*z-index : 1000;*/
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}

/*
.metroMsgDarkBox
{
	position: absolute;
	top: 0;
	width: 100%;
	background-color: darkgrey;
	background-color: black;
	/*z-index : 1000;!1!
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}

*/
.metroMsgMainDiv {
	position: fixed;
	top: 50%;
	/*height: 200px;*/
	margin-top: -100px;
	z-index: 1001;
	border: solid 2px darkslategrey;
	margin-right: 5px;
	margin-left: 5px;
	font-family: tahoma, arial;
	font-size: 12pt;
	/*width: 100%;*/
}

.metroMsgMainDiverror {
	background-color: red;
}

.metroMsgMainDivwarning {
	background-color: orange;
}

.metroMsgMainDivinfo {
	background-color: royalblue;
}

.metroMsgMainDivsuccess {
	background-color: green;
}

.metroMsgMainDivquestion {
	background-color: yellowgreen;
}

.metroMsgBack {
	background-image: url('../../images/MetroIcon/metro_BackFill32.png');
	background-size: 32px 32px;
	/*background-position: 5px 5px;*/
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	float: left;
	cursor: pointer;
	cursor: hand;
	margin-top: 5px;
	margin-left: 5px;
}

/*.metroMsgBack:hover
	{
		background-image: url('../../images/MetroIcon/metro_BackFill32.png');
	}*/

.metroMsgHeader {
	/*height: 40px;*/
	line-height: 40px;
	vertical-align: middle;
	/*background-color: white;*/
	font-weight: bold;
	text-indent: 5px;
	/*width: 100%;*/
	display: block;
	*display: block;
	/*border-bottom: solid 2px grey;*/
}

.metroMsgTextDiv {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	*display: block;
	color: white;
	padding-top: 10px;
	font-size: 14pt;
	max-height: 200px;
	overflow-y: auto;
}

.metroMsgButtonDiv {
	margin-right: auto;
	margin-left: auto;
	/*background-color: #2e7fdc;*/
	width: auto;
	margin-top: 20px;
	margin-bottom: 5px;
	width: 500px;
	text-align: center;
}

.metroMsgIconOk, .metroMsgIconCancel {
	width: 38px;
	height: 38px;
	display: inline-block;
	*display: inline;
	float: right;
	background-size: 32px 32px;
	/*background-position: 5px 5px;*/
	background-repeat: no-repeat;
}

.metroMsgIconOk {
	background-image: url('../../images/MetroIcon/metroCheckMark_W48.png');
}

.metroMsgIconCancel {
	background-image: url('../../images/MetroIcon/metroCancel32.jpg');
}


.metroMsgButtonDiv .button {
	padding-right: 0 !important;
}

	.metroMsgButtonDiv .button:hover {
		border: solid 2px white;
	}

/***************************************************/
/*********** TAB CONTROL ***************************/

.tabControl {
}

	.tabControl .tabHeader {
		padding-right: 20px;
		background-color: #f2f2f2;
		color: black;
		font-size: 13pt;
	}

		.tabControl .tabHeader .headerItem,
		.tabControl .tabHeader .headerItemSelected,
		.tabControl .tabHeader .headerItemDisabled {
			cursor: pointer;
			cursor: hand;
			padding: 5px;
			display: inline-block;
			zoom: 1;
			*display: inline;
			padding: 5px 15px;
			border: solid 2px transparent;
			border-bottom: none;
			margin-left: 10px;
		}

		.tabControl .tabHeader .headerItemSelected {
			border: solid 2px #cdcdcd;
			border-bottom: none;
			background-color: lightgray;
			background-color: white;
			cursor: default;
		}

		.tabControl .tabHeader .headerItemDisabled {
			color: #d7d7d7;
			cursor: default;
		}

		.tabControl .tabHeader .headerItem:hover {
			background-color: lightgray;
			/*
	border: solid 2px #cdcdcd;
	border-bottom: none;
*/
		}

	.tabControl .tabContent {
		border: solid 2px #cdcdcd;
		margin-top: -2px;
	}
/***************************************************/


/******************** GGrid Ali *******************************/


.GridPanel {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
}

.GridPanelEmpty {
	color: red;
	text-align: center;
}

.GridPanelAdd {
	color: royalblue;
	text-align: center;
}

.GridPanel a {
	color: royalblue;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

	.GridPanel a:hover {
		text-decoration: underline;
	}

.GridPanelTable {
	border-spacing: 0;
	border-collapse: collapse;
	border: none;
	width: 100%;
}

.GridPanelTableHeader {
	background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
	text-align: center;
	font-weight: bold;
	text-shadow: 1px 1px white;
	color: #265c6c;
}

.GridPanelTableOddRow {
	background: #fff;
}

.GridPanelTableEven {
	background: #f3f3f3;
}

.GridPanelTable td {
	padding: 5px;
	border: 1px solid #809aae;
}

.GridPanelTableOddRow:hover {
	background: #f5f0d0;
}

.GridPanelTableEven:hover {
	background: #f5f0d0;
}

/***************************************************/
/*************** GTABLE ************************************/


.gtable {
	border-color: #cc2e2e;
	/*direction: rtl;*/
	border-style: solid;
	border-width: 0 0 1px 1px;
	empty-cells: show;
	cursor: default;
	background-color: #f9e1e3;
	font-family: Tahoma;
	font-size: 10pt;
}

	.gtable td {
		height: 24px;
		border-style: solid;
		border-color: #cc2e2e;
		border-width: 1px 1px 0 0;
		padding: 0 2px 0 2px;
	}

.gtableFooter td {
	border: none;
	vertical-align: middle;
	height: 30px;
}

.gtableButtonsDiv {
	text-align: left;
}

.gtableNavigatorNormal {
	padding: 2px;
	height: 20px;
	background-color: #FFFFFF;
	cursor: pointer;
	cursor: hand;
	text-align: center;
	width: 20px;
	border: solid 1px #cc2e2e;
	vertical-align: middle;
}


.gtableNavigatorHilight {
	vertical-align: middle;
	padding: 2px;
	border: 1px solid #cc2e2e;
	height: 20px;
	background-color: #db00de;
	color: #FFFFFF;
	font-weight: bold;
	width: 20px;
	text-align: center;
}

.gtableNavigatorDots {
	border: none;
	width: 30px;
	text-align: center;
}

.gtableOddRow, .gtableFilterRow {
	background-color: #FFFFFF;
	/*background-color: #fff1f2;*/
}

	.gtableFilterRow input[type="text"] {
		border: none;
	}


.gtableEvenRow {
	/*background-color: #fff1f2;*/
	background-color: rgb(249, 225, 227);
}

	.gtableOddRow:hover td, .gtableEvenRow:hover td {
		background-color: rgb(255, 177, 183);
	}

.gtableHeaderRow {
	background-image: url('images/header.gif' );
	background-repeat: repeat-x;
	color: #FFFFFF;
	background-color: #f4a3aa;
	text-align: center;
}


.gtableSelectedRow {
	background-color: #db00de;
	color: #FFFFFF;
}

.gtableFilterTextbox {
	border-style: none;
	border-width: 0;
	border-color: inherit;
	width: 90%;
	font-family: Tahoma;
	font-size: 10pt !important;
	font-weight: bold;
	background-color: #FFFFFF;
}

.gtableSortColumnUp {
	background-image: url( 'images/sortUp.gif' );
	background-repeat: no-repeat;
	width: 13px;
}

.gtableSortColumnDown {
	background-image: url( 'images/sortDown.gif' );
	background-repeat: no-repeat;
	width: 13px;
}

.gmenu {
	border: 1px solid #cc2e2e;
	/*direction: rtl;*/
	cursor: default;
	background-color: #fff1f2;
	font-family: Tahoma;
	font-size: 8pt;
	position: absolute;
	width: 150px;
}

	.gmenu tr {
		height: 25px;
		cursor: pointer;
	}

.gmenuItemHilight {
	background-color: #db00de;
	color: #FFFFFF;
}

/***************************************************/


/*************** GpopupGrid ************************************/

.gPanel {
	border: 1px solid #739151;
	background-color: #FFFFFF;
}

.gPanelHeader {
	background: url( 'images/gpopup/PanelHeader.gif' );
	height: 20px;
	background-repeat: repeat-x;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
}

	.gPanelHeader td {
		padding-right: 20px;
		padding-top: 0px;
		color: #425130;
	}

.gcomboBox {
	padding: 0px;
	text-indent: 5px;
	border: 1px solid lightgray;
	color: #000000;
	font-family: Tahoma;
	font-size: 12pt;
	background-color: #FFFFFF;
}

.gcomboBoxButton {
	padding: 0px;
	border: 1px solid White;
	color: #000000;
	height: 23px;
	width: 23px;
	/*background-image: url( 'images/gpopup/DropDownNormal.gif' );*/
	background-image: url( 'images/header.gif' );
}

.gcomboBoxButton:hover {
	background-image: url( 'images/gpopup/DropDownHover.gif' );
}

.gcomboBoxButton:active {
	background-image: url( 'images/gpopup/DropDownPressed.gif' );
}

.gcomboBoxButton:disabled {
	background-image: url( 'images/gpopup/DropDownDisable.gif' );
}

/*.gcomboBoxButtonDisable {
	padding: 0px;
	border: 1px solid White;
	color: #000000;
	height: 23px;
	width: 23px;
	background-image: url( 'images/gpopup/DropDownDisable.gif' );
}

.gcomboBoxButtonHover {
	padding: 0px;
	border: 1px solid White;
	color: #000000;
	height: 23px;
	width: 23px;
	background-image: url( 'images/gpopup/DropDownHover.gif' );
}

.gcomboBoxButtonPressed {
	padding: 0px;
	border: 1px solid White;
	color: #000000;
	height: 23px;
	width: 23px;
	background-image: url( 'images/gpopup/DropDownPressed.gif' );
	background-position: center center;
}

.gcomboBoxButtonHoverLoad {
	background-image: url( 'images/gpopup/DropDownHover.gif' );
	background-repeat: no-repeat;
	width: 0px;
}

.gcomboBoxButtonPressedLoad {
	background-image: url( 'images/gpopup/DropDownPressed.gif' );
	background-repeat: no-repeat;
}
*/

.gcomboBoxButtonImage {
	background-image: url( 'images/gpopup/DropDownImage.gif' );
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	background-position: center center;
}

.gcomboBoxDeleteImage {
	background-image: url( 'images/gpopup/DeleteImage.gif' );
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	background-position: center center;
}

/***************************************************/