/* BEGIN UNIVERSAL ELEMENTS */
*
{
	font-family: Arial, Sans-Serif;
	word-wrap: break-word;
}

body, div, span, td, th, p, table, input, textarea
{
	color: #333;
	font-family: Arial, Sans-Serif;

	/* Hack to assert proper IE 5/5.5 font size. */
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}

li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ol
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}

img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

span
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table
{
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

td
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

p
{
	color: #333;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 6px 0px;
}

h1, h1 span, h1 span span, h1 p, h1 p span, h1 span p
{
	color: #003399;
	font-family: Arial, Sans-Serif;
	font-size: x-large;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h2, h2 span, h2 span span, h2 p, h2 p span, h2 span p
{
	color: #006644;
	font-family: Arial, Sans-Serif;
	font-size: large;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h3, h3 span, h3 span span, h3 p, h3 p span, h3 span p
{
	color: #003399;
	font-family: Arial, Sans-Serif;
	font-size: large;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
}

h4, h4 span, h4 span span, h4 p, h4 p span, h4 span p
{
	color: #003399;
	font-family: Arial, Sans-Serif;
	font-size: medium;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
}

h5, h5 span, h5 span span, h5 p, h5 p span, h5 span p
{
	color: #006644;
	font-family: Arial, Sans-Serif;
	font-size: medium;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
}

a, a:link, a:visited, a:hover, a:active
{
	color: #003399;
	text-decoration: underline;	
}

hr
{
	background-color: #e0e0e0;
	border: 0;
	color: #e0e0e0;
	height: 1px;
	margin: 4px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}

input,
textarea
{
	color: #333333;
}

/* END UNIVERSAL ELEMENTS */

.introText
{
	color: #003399;
	font-weight: bold;
}

.finePrint, .finePrint span, .finePrint span span, .finePrint p, .finePrint p span
{
	font-size: x-small;
}

p.finePrint
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.Error
{
	color: #900;
	font-weight: bold;
}

.leftNavText, .leftNavText span, .leftNavText span span, .leftNavText p, .leftNavText p span
{
	color: #003399;
	font-weight: normal;
}

.FormLabel
{
	text-align: left;
	vertical-align: top;
}

/*	use this class for the asterisks on required fields. additionally, you should use it around	*/
/*	non-breaking spaces on fields that are not required to provide proper padding on the left	*/
.requiredIndicator
{
	color: #900;
	display: block;
	font-weight: bold;
	text-align: left;
	float: left;
	width: 5px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px
	
	
}

/*	use this to create the text that should precede sections in a form. see professional ed		*/
/*	application																					*/
.formSectionHeader
{
	border-top: solid 1px #aabbff;
	padding: 2px 0px 0px 0px;
	margin: 2px 0px 2px;
	
}

/* use this class to format user entered text in form confirmation pages. */
.enteredText
{
	font-style: italic;
	color: #003399;
}

textArea
{
	width: 330px;
}

input.Standard,
textArea.Standard
{
	width: 170px;
}

input.Small
textArea.Small
{
	width: 100px;
}

select.Standard
{
	width: 177px;
}

select.Small
{
	width: 107px;
}

select.CountryField
{
	width: 170px;
}

select.PrefixField
{
	margin-bottom: 3px;
	width: 170px;
}

input.FirstNameField
{
	margin-bottom: 3px;
	width: 170px;
}

input.MiddleInitialField
{
	margin-bottom: 3px;
	width: 20px;
}

input.LastNameField
{
	margin-bottom: 3px;
	width: 170px;
}

input.SuffixField
{
	margin-bottom: 3px;
	width: 170px;
}

input.DateOfBirthField
{
	margin-bottom: 3px;
	width: 170px;
}

input.AddressField
{
	margin-bottom: 3px;
	width: 170px;
}

input.CityField
{
	margin-bottom: 3px;
	width: 170px;
}

input.StateOrProvinceField,
select.StateOrProvinceField
{
	margin-bottom: 3px;
	width: 170px;
}

input.PostalCodeField
{
	margin-bottom: 3px;
	width: 80px;
}

input.PhoneNumberField
{
	margin-bottom: 3px;
	width: 170px;
}

input.EmailAddressField
{
	margin-bottom: 3px;
	width: 170px;
}

input.UrlField
{
	margin-bottom: 3px;
	width: 300px;
}

.CheckBox label
{
	padding: 0px 0px 0px 4px;
}

.RadioButton label
{
	padding: 0px 0px 0px 4px;
}

.formLabelColumn
{
	width: 120px;
}

.inputColumn
{
	width: 190px;
}

.formTable
{
	width: 320px;
}

.formTable  td
{
	padding: 0px 0px 3px 0px;
}

.formTable td.longFormLabel
{
	padding: 0px 0px 0px 0px;
}

.formDescriptiveText
{
	width: 100px;
}

/* added for firefox. the elements inside of the validation summary were not inheriting the color of the Error style.*/
table.Error *
{
	color: #990000;
}

/* ----- Anything below this line should be considered deprecated. ----- */

.validationText,
.smallValidationText,
td.validatorColumn *,
p.validationSummary *,
p.disclaimer *
{
	color: #990000;		/* Color also needs to be set in the validation controls, via */
	font-weight: bold;	/* "ForeColor" because of the way those controls render otherwise. */
}

.smallValidationText,
.disclaimerText
{
	font-size: x-small;
}

div.CalloutContainer
{
	clear: both;
	background-color: #cbdbea;
	background-image: url(/Froedtert/global/images/boxes/BoxTopBackground.jpg);
	background-position: right 0;
	background-repeat: repeat-y;
	position: static;
}

div.CalloutHeaderContainer
{
	clear: both;
	background-image: url(/Froedtert/global/images/boxes/BoxTopRight.jpg);
	background-position: right 0;
	background-repeat: no-repeat;
	min-height:28px;
	height:auto !important;
	height:28px;
  	padding: 0px;
	position: static;
}

div.CalloutHeaderCornerContainer
{
	float: left;
	height: 28px;
	width: 10px;
	position: static;
}

div.CalloutHeaderCopyContainer
{
	color: #0e3e9e;
	float: left;
	font-size: medium;
	font-weight: bold;
	padding: 7px 15px 5px 5px;
	position: static;
}

div.CalloutBodyContainer
{
	clear: both;
	background-color: #ddeeff;
	border-left: solid 1px #cbdbea;
	border-right: solid 1px #cbdbea;
	font-weight: normal;
	padding: 5px 14px 0px 14px;
	position: static;
}

div.CalloutFooterContainer
{
	background-color: #ddeeff;
	background-image: url(/Froedtert/global/images/boxes/BoxBottomBackground.jpg);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	padding: 0px 0px 0px 0px;
	position: static;
}

div.CalloutFooterCornerContainer
{
	float: right;
	position: static;
}

div.LongCalloutContainer
{
	clear: both;
	background-color: #cbdbea;
	background-image: url(/Froedtert/global/images/boxes/BoxTopBackground.jpg);
	background-position: right 0;
	background-repeat: repeat-y;
	position: static;
	margin-left:11px; 
	margin-bottom:15px;
}

div.LongCalloutHeaderContainer
{
	clear: both;
	background-image: url(/Froedtert/global/images/boxes/BoxTopRight.jpg);
	background-position: right 0;
	background-repeat: no-repeat;
	min-height:28px;
	height:auto;
  	padding: 0;
	position: static;
}

div.LongCalloutHeaderCopyContainer
{
	background-image: url(/Froedtert/global/images/boxes/BoxTopLeft.jpg);
	background-position: left 0;
	background-repeat: no-repeat;
	color: #0e3e9e;
	float: left;
	font-size: medium;
	font-weight: bold;
	padding: 7px 15px 5px 15px;
	position: static;
}

div.LongCalloutBodyContainer
{
	clear: both;
	background-color: #ddeeff;
	border-left: solid 1px #cbdbea;
	border-right: solid 1px #cbdbea;
	font-weight: normal;
	padding: 5px 14px 0px 14px;
	position: static;
}

div.LongCalloutFooterContainer
{
	background-color: #ddeeff;
	background-image: url(/Froedtert/global/images/boxes/BoxBottomBackground.jpg);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	padding: 0px 0px 0px 0px;
	position: static;
}

div.LongCalloutFooterCornerContainer
{
	float: right;
	position: static;
}

table.preferredPlacementSearchGrid
{
	width: 775px;
}

table.preferredPlacementSearchGrid td
{
	padding: 5px;
}

table.preferredPlacementSearchGrid td.NarrowColumn
{
	width: 150px;
}

table.preferredPlacementSearchGrid td.WideColumn
{
	width: 300px;
}

table.preferredPlacementSearchGrid td.InputColumn
{
	width: 600px;
}

tr.GridHeaderStyle,
tr.GridHeaderStyle td
{
	background-color: #EEEEEE;
	font-weight: bold;
}