html,body
{
}
body
{
	font-family:Verdana;
	font-size:8pt;
	color:#666666;
	background-color: White;
	margin:0px;
}
.BlueBox, .BlueBoxNoSize
{
	border:solid 1px #C3D7F1;
	padding:0;
}
.BlueBox
{
	height:auto;
	overflow:auto;
}
.GrayBox
{
	border:solid 1px #F3F3F3;
	padding:0;
	height:auto;
	overflow:auto;
}
.DarkerGrayBox
{
	border:solid 1px #c0c0c0;
	padding:0;
	height:auto;
	overflow:auto;
}

.BlackBar,.BlackBarNoMargin
{
	font-weight: bold;
	line-height:16px;
	color:White;
	border: solid 1px black;
	height:20px;
	padding-left:6px;
	padding-right:6px;
	background-image:url(/Images/BlackBar.png);
}
.BlackBar
{
	margin-bottom:1px;
}
.BlackBarNoMargin
{
	margin:0px;
}
.GrayBar
{
	border: solid 1px #D0D0D0;
	background-color:#F3F3F3;
	vertical-align:middle;
	background-image:url(/Images/SectionBarBackgroundGradient.png);
	background-repeat:repeat-x;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	height:18px;
	line-height:18px
}
.MercuryFieldRequired
{
	background-image:url(/Images/asterik.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 3px) 40%;

	padding-right:12px !important;
}
.MsgBoxContent,.MsgBoxContentNoMargin,.MsgBoxContentNoHeader
{
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#C3D7F1;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#C3D7F1;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#C3D7F1;
}
.MsgBoxContent,.MsgBoxContentNoHeader
{
	padding: 10px 6px 6px 6px;
}
.MsgBoxContentNoHeader
{
	border-top:solid 1px #C3D7F1;
}

.MsgBox, .MsgBoxIFrame, .MsgBoxROV
{
	border: 1px solid black;

	display:none;
	z-index:1002;
	background-color:White;
	text-align:left;
	margin:0 auto;
}

.MsgBox
{
	top:160px;
	position:relative;

	width:450px;
}

.MsgBoxROV {
	top: 160px;
	position: relative;
	width: 850px;
}

.MsgBoxIFrame
{
	position:absolute;
	left: 0;
	right: 0;
}
.FieldHeader
{
	font-weight:bold;
}

.overlaydisabled	{ position:fixed; visibility:hidden; width:100%; height:100%; top: 0px; left:0px; z-index: 1000; background-repeat: repeat; filter:alpha(opacity=50); background-color: #373737; }
.overlaydisabled[class]	{ opacity: 0.50; }
.overlay		{ position:fixed; visibility:hidden; width:100%; height:100%; top: 0px; left:0px; z-index: 1001;}

.Button
{
	font-size: 10pt;
	width:75px;
}

input[type=text],input[type=password],select,textarea
{
	font-family:Verdana;
	font-size:8pt;
	color:#404040;
	background-color:expression(navigator.userAgent.indexOf("MSIE") >= 0 ? "White" : "inherit");
	border: expression(navigator.userAgent.indexOf("MSIE") >= 0 ? "solid 1px #7F9DB9" : "inherit");
	line-height:16px;
	padding:0px;
	margin:0px;
}
textarea
{
	resize:none;
}
input[type=text],input[type=password]
{
	height:16px;
	padding-left:1px;
	cursor:text;
	overflow:hidden;
}
select
{
	height: 20px;/**/
}
input[type=button],input[type=submit]
{
	/*this is needed for chrome*/
	height:24px;
	width:80px;
}
.ie8 input[type=button], .ie8 input[type=submit], .ie7 input[type=button], .ie7 input[type=submit]
{
	min-width:60px;
}
.tooltip 
{
	font:11px Arial,Helvetica,sans-serif;
	border:solid 1px #666666;
	max-width:250px;
	padding:1px;
	position:absolute;
	z-index:100;
	visibility:hidden;
	color:#333333;
	top:20px;
	left:90px;
	text-align:left;
	background-color:#ffffcc;
	layer-background-color:#ffffcc;
	padding-left:3px;
	padding-right:3px;
}
.GridHeader
{
	background-image: url(/Images/GridHeaderBackground.png);
	background-repeat:repeat-x;
	height:18px;
}
td.ClockDialogImage
{
	text-align:center;
	width:50px;
	height:40px;
}
img.ClockDialogImage
{
	border-style:none;
}
td.ClockDialogText
{
	text-align:left;
	vertical-align:middle;
	padding-left:6px;
}

/*
	HTML5 replacement of cellpadding, cellspacing, valign and align

	// cellpadding
	th, td { padding: 5px; }

	// cellspacing
	table { border-collapse: separate; border-spacing: 5px; } // cellspacing="5"
	table { border-collapse: collapse; border-spacing: 0; }   // cellspacing="0"

	// valign
	th, td { vertical-align: top; }

	// align (center)
	table { margin: 0 auto; }

*/

table
{
	border-collapse:collapse;
	border-spacing:0;
}
th, td
{
	padding: 0px;
	border-style: none;
}
table.MNDialog
{
	width:100%;
}

img.iFrameCloseButton
{
	position:absolute;
	top:0px;
	right:0px;
}

img.CloseButton, img.iFrameCloseButton
{
	height:22px;
	width:23px
}

td.DialogImage 
{
	padding-left:8px;
	padding-right:12px;
	vertical-align:top;
}
td.DialogMessage
{
	padding-left:6px;
	vertical-align:top
}
/*
-- do not use these "common" classes from MN
td.DialogButtons
{
	text-align:right;
}
div.DialogButtons
{
	position:absolute;
	bottom:0;
	right:0;
}
*/
.clearfix
{
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
	zoom: 1;
}
/* vertically align checkboxes and radio buttons with the text */
input[type=checkbox], input[type=radio] { vertical-align: middle; position: relative; bottom: 0; }
input[type=radio] { bottom: 1px; }

/* make sure that their label's are centered too */
span.centered label { position: relative; }
span.u1 label { top: -1px; }
span.u2 label { top: -2px; }
span.d1 label { top: 1px; }
span.d2 label { top: 2px; }

a.linkbutton {
	color: blue;
	text-decoration: none;
}

.MercuryInput
{
	/* Apply the gradient background */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f3f3f3));
	background: -webkit-linear-gradient(#ffffff, #f3f3f3);
	background: -moz-linear-gradient(#ffffff, #f3f3f3);
	background: -o-linear-gradient(#ffffff, #f3f3f3);
	background: linear-gradient(#ffffff, #f3f3f3);

	/* Round the corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/* Apply the border and drop shadow */
	border: 1px solid #cdcdcd;
	box-shadow: 1px 1px 3px #cdcdcd;

	/* make padding inclusive*/
	-webkit-box-sizing: border-box;	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	/* Firefox, other Gecko */
	box-sizing: border-box;			/* Opera/IE 8+ */

	/* Set common padding */
	padding: 0px 5px;
}

.MercuryInputRequired
{
	color: red;
	padding-left:5px;
	text-align:right;
	vertical-align: middle;
}

.MercuryBorder
{
	/* Round the corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/* Apply the border and drop shadow */
	border: 1px solid #cdcdcd;
	box-shadow: 1px 1px 3px #cdcdcd;

	/* make padding inclusive*/
	-webkit-box-sizing: border-box;	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	/* Firefox, other Gecko */
	box-sizing: border-box;			/* Opera/IE 8+ */
}

/* set the height of the input */
input.MercuryInput
{
	height: 22px;
}

/* set number input*/
input[type=number].MercuryInput
{
	font-family:Verdana;
	font-size:8pt;
	color:#404040;
	overflow:hidden;
	/*cursor:text;*/

	/* override this for number inputs */
	padding: 0px 3px;
}


/* Set the height for buttons */
input[type=submit].MercuryInput,
input[type=button].MercuryInput
{
	height: 22px;
}


textarea.MercuryInput
{
	color:#404040;
}

/* **************************************** */
/* Common radio and check box definitions */
/* **************************************** */

/*
	force all browser to use the same padding and margin
	override the bottom in MercuryNetwor.css
*/
input[type=radio].MercuryRadio,
input[type=checkbox].MercuryCheck,
span.MercuryRadio > input[type=radio],
span.MercuryCheck > input[type=checkbox]
{
	padding:0px;
	margin:0px 5px 0px 0px;
	bottom:2px;
}

/*
	force all browser to use the same padding and margin
*/

label.MercuryRadio,
label.MercuryCheck,
span.MercuryRadio > label,
span.MercuryCheck > label
{
	margin-right:10px;
}

input[type=radio].MercuryRadio,
input[type=checkbox].MercuryCheck,
label.MercuryRadio,
label.MercuryCheck
{
	height: 22px;
	position: relative;
	vertical-align: middle;
}

/* IE and general alignment */
input[type=radio].MercuryRadio,
input[type=checkbox].MercuryCheck,
label.MercuryRadio,
label.MercuryCheck
{
	bottom: 2px;
}

/* Webkit (Chrome, Safari) specific alignment */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	input[type=checkbox].MercuryCheck,
	label.MercuryCheck
	{
		bottom:1px;
	}
}


/* Mozilla (Firefox) specific alignment */
@-moz-document url-prefix()
{
	input[type=radio].MercuryRadio,
	label.MercuryRadio
	{
		bottom: 2px;
	}
	
	input[type=checkbox].MercuryCheck,
	label.MercuryCheck
	{
		bottom: 0px;
	}
}


.MercurySelect
{
	/* Layer the background; gradients first, arrows on top */
	background: url('/Images/ddl_arrows.png')no-repeat right center, -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f3f3f3));
	background: url('/Images/ddl_arrows.png')no-repeat right center, -webkit-linear-gradient(#ffffff, #f3f3f3);
	background: url('/Images/ddl_arrows.png')no-repeat right center, -moz-linear-gradient(#ffffff, #f3f3f3);
	background: url('/Images/ddl_arrows.png')no-repeat right center, -o-linear-gradient(#ffffff, #f3f3f3);
	background: url('/Images/ddl_arrows.png')no-repeat right center, linear-gradient(#ffffff, #f3f3f3);

	/* Round the corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/* Apply the border and box shadow */
	border: 1px solid #CDCDCD;
	box-shadow: 1px 1px 3px #CDCDCD;

	/* Pad the select box - 26px on right prevents overwriting the arrows */
	padding: 0 26px 0 5px;

	/* Set the standard height (driven by height of the arrows graphic */
	height: 22px;

	/* Remove the default arrows for Chrome, Safari (webkit) and Firefox (moz) */
	-webkit-appearance: none;
	-moz-appearance: none;

	/*fix for chrome*/
	overflow:initial;
}

/* Remove the default arrows for IE */
.MercurySelect::-ms-expand
{
	display: none;
}

form.IE9 .MercurySelect
{
	/* Remove the right padding so the default arrows do not indent */
	padding-right: 0;
	padding-left: 0;
}

/* set the disabled */
.MercuryInput:disabled,
.MercurySelect:disabled
{
	opacity:.5;
}

/* set the readonly */
.MercuryInput:read-only
{
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#D0D0D0));
	background: -webkit-linear-gradient(#E5E5E5, #D0D0D0);
	background: -moz-linear-gradient(#E5E5E5, #D0D0D0);
	background: -o-linear-gradient(#E5E5E5, #D0D0D0);
	background: linear-gradient(#E5E5E5, #D0D0D0);
}

/* For Firefox */
.MercuryInput:-moz-read-only
{
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#D0D0D0));
	background: -webkit-linear-gradient(#E5E5E5, #D0D0D0);
	background: -moz-linear-gradient(#E5E5E5, #D0D0D0);
	background: -o-linear-gradient(#E5E5E5, #D0D0D0);
	background: linear-gradient(#E5E5E5, #D0D0D0);
}


/* Format placeholder text */
:-ms-input-placeholder { color: #C0C0C0!important; font-style:italic!important;}
::-webkit-input-placeholder { color: #C0C0C0; font-style:italic; }
::-moz-placeholder { color: #C0C0C0; font-style:italic; }

label.MercuryLabel
{
	font-weight: bold;
	padding-right:5px;
	display: inline-block;
	text-align:right;
}

/* used when setting up the input fields*/
.MercuryField
{
	display: table;
	width: 100%;
	margin-bottom: 5px;
}

/* used when displaying read-only data (OrderDetails.aspx, ConfirmOrder.aspx)*/
.MercuryData
{
	display: table;
	width: 100%;
	margin-bottom: 10px;

	/* make padding inclusive*/
	-webkit-box-sizing: border-box;	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	/* Firefox, other Gecko */
	box-sizing: border-box;			/* Opera/IE 8+ */
}

.MercuryFieldLabel
{
	display: table-cell;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	/*line-height: 22px;*/


	-webkit-box-sizing: border-box;	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	/* Firefox, other Gecko */
	box-sizing: border-box;			/* Opera/IE 8+ */
}

.MercuryFieldLabelDisabled
{
	opacity:.5;
}

.MercuryFieldInput, .MercuryDataItem
{
	display: table-cell;
}

.MercuryFieldInput .MercuryInput,
.MercuryFieldInput .MercurySelect
{
	width: 100%;
}

.MercuryFieldDatePicker
{
	display: table-cell;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	padding: 2px 0 0 5px;
}

.MercuryFieldDatePicker > img
{
	cursor:pointer;
}

.MercuryFieldRequired
{
	background-image:url(/Images/asterik.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 3px) 40%;

	padding-right:12px !important;
}

/* this removes the blue border Chrome puts around the "active" td element */
a:focus, td:focus
{
	outline: none;
}

/* this removes the X on IE10 text fields */
.MercuryInput::-ms-clear
{
	display:none;
}

/* set the height of the input */
input.MercuryButton
{
	height: 30px;
	width: 80px;
	font-size: 12px;
	cursor: pointer;
	position: relative;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	margin-left: 1px;
	font-family:Verdana!important;
	/* Round the corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/* make padding inclusive*/
	-webkit-box-sizing: border-box;	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	/* Firefox, other Gecko */
	box-sizing: border-box;			/* Opera/IE 8+ */

	/* Set common padding */
	padding: 0px 5px;

	border:0; /* Removes the standard button background so it doesn't show up around the edges of the button */
}
.MercuryButton.Blue
{
	/* Apply the gradient background */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0089D2), to(#006EA7));
	background: -webkit-linear-gradient(#0089D2, #006EA7);
	background: -moz-linear-gradient(#0089D2, #006EA7);
	background: -o-linear-gradient(#0089D2, #006EA7);
	background: linear-gradient(#0089D2, #006EA7);
	
	color: white;
	font-weight: normal;
}
.MercuryButton.Blue:hover:enabled
{
	/* Apply the gradient background */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#1EA7F0), to(#1E8CC5));
	background: -webkit-linear-gradient(#1EA7F0, #1E8CC5);
	background: -moz-linear-gradient(#1EA7F0, #1E8CC5);
	background: -o-linear-gradient(#1EA7F0, #1E8CC5);
	background: linear-gradient(#1EA7F0, #1E8CC5);
}
.MercuryButton.Blue:active:enabled
{
	/* Apply the gradient background */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#1E8CC5), to(#1EA7F0));
	background: -webkit-linear-gradient(#1E8CC5, #1EA7F0);
	background: -moz-linear-gradient(#1E8CC5, #1EA7F0);
	background: -o-linear-gradient(#1E8CC5, #1EA7F0);
	background: linear-gradient(#1E8CC5, #1EA7F0);
}
.MercuryButton.Blue:disabled
{
	opacity: 0.5;
	cursor:default;
	/* gradient background */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0089D2), to(#006EA7));
	background: -webkit-linear-gradient(#0089D2, #006EA7);
	background: -moz-linear-gradient(#0089D2, #006EA7);
	background: -o-linear-gradient(#0089D2, #006EA7);
	background: linear-gradient(#0089D2, #006EA7);
}
.MercuryButton.Gray
{
	/* Apply the gradient background */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#E2E2E2), to(#C7C7C7));
	background: -webkit-linear-gradient(#E2E2E2, #C7C7C7);
	background: -moz-linear-gradient(#E2E2E2, #C7C7C7);
	background: -o-linear-gradient(#E2E2E2, #C7C7C7);
	background: linear-gradient(#E2E2E2, #C7C7C7);
	color: black;
	font-weight: normal;
}
.MercuryButton.Gray:hover:enabled
{
	/* Apply the gradient background */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ECECEC), to(#D1D1D1));
	background: -webkit-linear-gradient(#ECECEC, #D1D1D1);
	background: -moz-linear-gradient(#ECECEC, #D1D1D1);
	background: -o-linear-gradient(#ECECEC, #D1D1D1);
	background: linear-gradient(#ECECEC, #D1D1D1);
}
.MercuryButton.Gray:active:enabled
{
	/* Apply the gradient background */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#D1D1D1), to(#ECECEC));
	background: -webkit-linear-gradient(#D1D1D1, #ECECEC);
	background: -moz-linear-gradient(#D1D1D1, #ECECEC);
	background: -o-linear-gradient(#D1D1D1, #ECECEC);
	background: linear-gradient(#D1D1D1, #ECECEC);
}
.MercuryButton.Gray:disabled
{
	opacity: 0.5;
	cursor:default;
	/* gradient background */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#E2E2E2), to(#C7C7C7));
	background: -webkit-linear-gradient(#E2E2E2, #C7C7C7);
	background: -moz-linear-gradient(#E2E2E2, #C7C7C7);
	background: -o-linear-gradient(#E2E2E2, #C7C7C7);
	background: linear-gradient(#E2E2E2, #C7C7C7);
}