﻿

/*Postback Message styles*/
.PostBackMessageDiv
{
	background-color: #FFFFFF;
	border: solid 2px black;
	text-align: center;
	font-size: 1.1em;
	padding: .5em;
	position: absolute;
	z-index: 1000;
}

.iFormsAlertDiv
{
	background-color: #FFFFFF;
	border: solid 2px black;
	text-align: center;
	font-size: 1.1em;
	padding: .5em;
	position: absolute;
	z-index: 1000;
}
.PostBackBlockingDiv
{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: White;
	position: absolute;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

/* Display Styles */
/* General iForms Control styles*/
input
{
	font-family: Arial, Sans-Serif;
	font-size: 1em;
}

label
{
	font-weight: bold;
	text-align: right;
	padding-right: .75em;
	font-size: 1em;
}

footnote
{
	font-weight: normal;
	text-align: left;
}

textarea
{
	font-family: Arial, Sans-Serif;
	font-size: 1em;
}

br
{
	clear: both;
}
td
{
	border-style: none;
}
.iFormWatermark
{
	color: #C0C0C0;
}
.ErrorMessage
{
	color: #FF0000;
}
.SuccessMessage
{
	color: #009900;
}
.AlertMessage
{
	color: Black;
}
.NoAlternatingRow
{
	color: Black;
}
.iFormDisplayOnlyValue
{
	font-size: 1em;
	padding-right: .5em;
}
.iFormControl
{
	padding: 5px;
	display: block;
}
.AddPaddingLeft
{
	padding-left: 1em;
}


/*Need the labels in the address control to float so they stay right aligned, but need the divs to not float so they break lines*/
.AddressControl div
{
	clear: both;
}

.AddressLabel
{
	float: left;
	width: 90px;
	text-align: right;
}
.AddressValue
{
	float: left;
}

/* Special styles for fieldset (used in phone number control) */
fieldset
{
	padding: 5px;
	display: block;
}
fieldset legend
{
	font-weight: bold;
}
fieldset label
{
	font-weight: bold;
	text-align: right;
	float: inherit;
}

/* Special style for RadioList */
.iFormRadioListOption label
{
	font-weight: normal;
}

/* Special style for LabeledTextAreaControl in displayonly mode */
.LabeledTextAreaDisplayOnly
{
	width: 200px;
	height: 100px;
	display: inline-block;
	text-align: left;
	overflow: auto;
	border-style: solid;
	border-color: Black;
	border-width: thin;
}

/* Other Styles */

.modalBackground
{
	background-color: #D5D2C4;
	opacity: .2;
	filter: alpha(opacity=20);
}

.modalDialog
{
	border: solid 1px black;
	background-color: #FFFFCC;
	width: 300px;
	min-height: 100px;
	text-align: center;
	vertical-align: middle;
}

.modalDialog table
{
	text-align:left;
}

.modalAlertsDialogLeft
{
    border: solid 1px black;
	background-color: #FFFFCC;
	width: 500px;
	min-height: 100px;
	text-align: left;
	vertical-align: bottom;
}

.modalAlertsDialogCenterBottom
{
	background-color: #FFFFCC;
	padding: 20px 0px 10px 0px;
	width: 500px;
	text-align: center;
	vertical-align: bottom;
}

.modalDialogWithNotes
{
	border: solid 1px black;
	background-color: #FFFFCC;
	width: 500px;
	min-height: 300px;
	text-align: center;
	vertical-align: middle;
}

div.addressoverridepopup  
        {
	        position:relative; 
	        border: solid thin black; 
	        
	        overflow: auto; 
	        background-color: #FFFFCC; 
	        margin: 5px 5px 5px 5px; 
	        padding: 5px 5px 10px 5px;
        }
        
@media screen
{
	.HelpIcon
	{
		cursor: pointer;
	}
}
/*Turn off navigation, tabs, toolbars, etc. for printing*/
@media print
{
	.HelpIcon
	{
		display: none;
	}
	.noprint
	{
		display: none;
	}
	/* TODO: Add any addition printer friendly class definitions. */
	/*
		#toolbar, #menuHome, #container_Left, #container_Bottom
		{
			display:none;
		}
		*/
}

/* Used for help popup */
div.popup  
{
	position:relative;font-size: 1em; font-style:normal; border: solid thin black; width: 300px; height: 300px; overflow: scroll; background-color: White; 
}

label.popup 
{
	clear:both; float: none; font-weight: bold;
}
/*End of help popup css*/

/*Change default style for Ajax callout extender*/
.ajax__validatorcallout_callout_cell
{
	display: none;
}
.ajax__validatorcallout_icon_cell
{
	display: none;
}
/*end callout extender change*/


/* Order Data Progress Bar styles */

.OrderDataProgressIndicator
{
	position:relative;
	font-size:16px;
	color:#281f4b;
	font-weight:bold;
	width: 25px;
	height: 25px;
	text-align:center;
	vertical-align:middle;
	border-width:1px;
	border-style:solid;
	background-color:#efefef;
	margin-left:auto; 
	margin-right:auto;
}
.OrderDataProgressIndicatorSelected
{
	position:relative;
	font-size:16px;
	color:#da251d;
	font-weight:bold;
	width: 25px;
	height: 25px;
	text-align:center;
	vertical-align:middle;
	border-width:1px;
	border-style:solid;
	background-color:#FFFF00;
	margin-left:auto; 
	margin-right:auto;
}
.IndicatorContainer
{

}
.IndicatorLabelContainer
{
	font-size: 10px;
	text-align:center;
}
.OrderDataProgressBarSpacerImage 
{
	vertical-align:middle;
}

/* iForms2 Required Styles */

/* Validation */
.error {background-color:#F3E6E6;}  /*Control error style*/
.errorLabel {color:Red;}            /*error message text style*/
.valid{}
.validLabel{}

.iFormsValidationSummary {color:Red; width: 80%;max-height:90px; overflow:auto;}
.FormsValidationSummaryLabelContainer{color:Red;}
.FormsValidationSummaryLabelContainer label{width:90%;}
.iFormsValidationSummaryHeadingLabel{font-size:125%;font-style:italic;font-weight:bold;}

/* Following are used for flag validation */
div.errorFlag{
    background: transparent url("images/msg_flag_arrow.gif") no-repeat scroll left center;
    padding-left: 7px;
}

div.errorLabel{
    
    background: #FFFFFF url("images/msg_flag_close.gif") no-repeat scroll right center;
    border-color: #924949;
    border-style: solid solid solid none;
    border-width: 2px;
    padding: 5px 10px 5px 5px;
}
/* Address Control */
.iFormsAddressControlValidatingMessage{ background-color:White; border: thin solid black; text-align:center; padding: 4px;}
.iFormsAddressControlValidateDialog{ background-color:White; border: 2px solid black; padding: 4px;}
.iFormsAddressControlDialogMessage{ font-weight: bold; font-size:large; padding-left: 2em;}
.iFormsAddressControlValidateDialog div {padding: 3px 0px 3px 0px;}