/*COLOR INFORMATION*/

/* THINGS THAT ARE SHADES OF BLUE ******************/

/* fix negative margins */


	a.button,
	input.button,
	.uploader div.button,
	.button.disabled:hover,
	#wrap a.navbar,
	#banner h2,
	.back a.button,
	#calendar table,
	#aspcalendar table,
	#calendar table td.hdr,
	#aspcalendar table td.hdr,
	#calendar table td.ctrl,
	#aspcalendar table td.ctrl,
	.section .content .iconcalendar th,
	.section .content .iconcalendar th.nav:hover
	{
		background-color: #0E5693;
	}

	.title,
	.back,
	.section .remoteLink a,
	#content .creleft,
	#content .cre a,
	.section h1,
	.section h4,
	.section h2,
	.content table th,
	.content table thead th,
	.content table tfoot th,
	.content table tfoot tr td,
	.section .content h2,
	.section .terms h2,
	.section .message,
	.section .unansweredquestion,
	.section .unansweredsubsquestion,
	.section .Notes a,
	.section .withhr,
	fieldset,
	div.tabcontainer,
	#calendar table,
	#aspcalendar table,
	.section .chart table tr th,
	.section .tallchart table tr th,
	.section table tr td.fixed,
	.section .content .iconcalendar table,
	.section .content .iconcal_legend,
	.section .Notes span.notetitle
	{
		border-color: #0E5693;
	}

	h1,
	.section h4,
	.section h2,
	.title h2,
	.title h4,
	dl dt,
	#alerts h3,
	span.h3,
	#content h1,
	#content .storyhead,
	.section .content h2,
	.section .content table thead th,
	.section .content table tfoot th,
	.section .content table tfoot tr td,
	.section .content table tfoot tr td a,
	.section .content table tfoot tr td h2,
	.section .content table tr.header td,
	.section .content table tr th a,
	.section .chart table tr.header,
	.section .tallchart table tr.header,
	.section .chart table tr td.group,
	.section .tallchart table tr td.group,
	.section .Notes span.notetitle,
	.section .rx h2,
	.section .rx h3,
	.section .terms h2
	{
		color: #0E5693;		
	}


/* DEEP BLUE ------------------------------------- */
	
	.quicklinks a
	{
		background-color: #2A6297; 
	}
	
	body 
	{
		background-color: #FFFFFF;
	}

/* LIGHT BLUE ------------------------------------ */

	.section .rxholder .rx,
	.section .unansweredquestion,
	.section .unansweredsubsquestion,
	.section .Notes,
	.section .content table.billing td.outstanding
	{
		background-color: #FFFFFF;	
	}

/* PALE BLUE ------------------------------------- */

	.button[src*="item_"]                   /* For plus/minus/restore/edit buttons. This styling is applied */	
	{                                       /* because the regular button style is too dark for the icons.  */
		background-color: #D9E3F4;
		background-position:0 -4px;         /* Assumes that buttons have the gradient background image applied */
	}
	.button[src*="item_"]:hover
	{
		background-color: #A3C2E8;
	}

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

/* THINGS THAT ARE SHADES OF BROWN *****************/

	#menu h2, 
	#menu h3, 
	#menu li,	
	#menu li a,
	#menu span.header, 
	#menu span.subheader, 
	#menu .button,
	#menu > h2:first-child
	{
		color: #815959; 	
	}

/* MEDIUM BROWN ---------------------------------- */

	#menu .button,
	#defaultFooter h2 a,
	.section .question label.unselected,
	.section .subsquestion label.unselected,
	.section .unansweredquestion label.unselected,
	.section .unansweredsubsquestion label.unselected,
	.section .famhxtopic label.unselected,
	.section .questiongroup label.unselected,
	#CRE,
	#calendar table td.wknd,
	.section .content .iconcalendar td.wknd,
	.section .content .iconcalendar td.wknd.past, /* overrides .wknd with specificity */
	.section .content .iconcalendar td.past,
	.section .content .iconcal_legend
	{
		background-color: #E9E3D7;	
	}
	
	.section .question label.radio, 
	.section .subsquestion label.radio, 
	.section .unansweredquestion label.radio,
	.section .unansweredsubsquestion label.radio,
	.section .famhxtopic label.radio,
	.section .questiongroup label.radio,
	.section canvas.graphCanvas
	{
		border-color: #E9E3D7;
	}
	
/* LIGHT TAN ------------------------------------- */

	#wrap
	{
		background-color: #FFFFFF;
	}
	
	#menu ul li.selected a
	{
		background-color: #FCF9EF;
	}
	
	#defaultForm,
	#defaultDigiDForm,
	#defaultFooter,
	#signupFooter,
	#menu .keywordsearch,
	#menu .externallink
	{
		
	}

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

/* THINGS THAT ARE SHADES OF YELLOW ****************/

	span.hilite,
	.section .content .iconcalendar td.today 
	{
	 	background-color: #FFFF77;
	}
	#srotext
	{
		border-color: #FFFF77;
	}

/* PALE YELLOW ----------------------------------- */

	.notice
	{
		background-color: #FFFFCC;
	}

/* DARKER PALE YELLOW ---------------------------- */

	.notice
	{
		border-color: #FFFFAC;
	}
	.inputHighlighted,
	#srotext,
	#calendar table td.hi,
	#aspcalendar .NoData:hover,
	#aspcalendar .EditData:hover,	
	.section .content .iconcal_legend a .legenditem:hover,
	.section .content .iconcalendar a .eventitem:hover 
	{
		background-color: #FFFFAC;
	}
	
/***************************************************/

/*THINGS THAT ARE SHADES OF RED*********************/

	.alert,
	.alert *,
	.helptext.alert,
	.section .content table tbody tr td.notgiven,
	.panic
	{
		color: #F75656;
	}
	
	.alertborder
	{
		border-color: #F75656;
	}

/* PALE RED -------------------------------------- */

	#banner a.button
	{
		background-color: #1A76AF; 
	}
	#banner #bannertext
	{
		color: #1A76AF;
	}

/* DARK RED -------------------------------------- */

	#menu ul li.selected a
	{
		color: #B12A2A;
	}

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

/*THINGS THAT ARE GREEN #1F7D0C*********************/

	a,
	input.link
	{
		color: #1F7D0C;
	}
	
/***************************************************/

/*THINGS THAT ARE ORANGE ***************************/

	.section .chart table tr td.abnormal,
	.section .tallchart table tr td.abnormal
	{
		color: #FF6600;
	}

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

/*THINGS THAT ARE BLACK ****************************/

	#baselinks,
	#baselinks a,
	#footer,
	#footer a,
	.loginalert a,
	.section table tr td a,
	.section .content h4,
	.section .question h4,
	.section .subsquestion h4,
	.section .unansweredquestion h4,
	.section .unansweredsubsquestion h4,
	.section .question label.radio a,
	.section .subsquestion label.radio a,
	.section .unansweredquestion label.radio a,
	.section .unansweredsubsquestion label.radio a,
	.section .famquestion h4,
	.section .unansweredfamquestion h4,
	.section .question label,
	.section .subsquestion label,
	.section .unansweredquestion label,
	.section .unansweredsubsquestion label
	div.tooltipDiv,
	.section .content table.iconcalendar a,
	.section .content .iconcal_legend a,
	#calendar table a,
	#calendar table td.ctrl.hi a,
	#aspcalendar td.NoData,
	#aspcalendar td.EditData,
	#aspcalendar td.ctrl
	{
		color: #000000;
	}

	.uploader div.button.prettyfileinputhasfocus 	/* This should probably not change as it is mimicking browser-level behavior.  */
	{                                               /* It looks awful in Safari but mimicks well in enough in all the others */
		border-color: #000000;	                    
	}

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

/*THINGS THAT ARE SHADES OF GRAY *******************/

	#wrap
	{
		color: #363636;
	}
	
/* ----------------------------------------------- */

	.section .Notes pre,
	.helptext,
	#infoColumn #features span + span
	{
		color: #555555;
	}
	
	.section .content .iconcalendar td.has_bottom
	{
		border-bottom-color: #666;
	}
	.section .content .iconcalendar td.has_left
	{
		border-left-color: #666;
	}
	
	.section .content table tfoot tr td .inactive,
	.section .content div.listcontrol div.listsearch input.empty,
	.section h4,
	.section span.source,
	.proxymessage,
	.letterfooter,
	input.readonly,
	input.inactivefield,
	input.disabled,
	input.disabled:hover,
	.uploader div.button.disabled,
	p.disabled,
	label.disabled,
	.section .tallchart table tr td table tr td.inlinetime, 
	.section .chart table tr td table tr td.inlinetime,
	.section .rxholder .rx .commonname,
	.fadedtext,
	.section .content .iconcalendar td.month_context .numlabel,
	#calendar table td.n,
	#calendar table td.ctrln,
	#calendar table td.wkndn,
	#aspcalendar td
	{
		color: #777777;
	}
	
	input.disabledfield {	
		border-color: #777777;
	}


/* ----------------------------------------------- */

	.popupInstructions,
	div.tooltipDiv,
	div.ttSeriesNameDiv
	{
		border-color: #999999;
	}
	
/* ----------------------------------------------- */

	input.inactivefield,
	input.disabledbg,
	input.disabledfield,
	input.disabledfield.jsreq:hover,
	input.disabledfield:hover,
	#calendar table td.n,
	#calendar table td.ctrln,
	#calendar table td.wkndn,
	#aspcalendar td
	{
		background-color: #CCCCCC;
	}

	ul.sectiontabs li a:focus span,
	fieldset.questiongroup
	{
		border-color: #CCCCCC;
	}

	.section .chart table tr td.scroll,
	.section .tallchart table tr td.scroll
	{
		border-color: #CCCCCC !important;
	}

/* ----------------------------------------------- */

	input,
	select,
	textarea,
	.loginalert,
	.confMessage,
	#confMesg2,
	#wrap a.navbar,
	.terms,
	#defaultColumn .item,
	#infoColumn,
	#menu ul,
	iframe.graphFrame,
	.section div.cgImgContainer,
	.section canvas.graphCanvas,
	.section .Notes,
	.section .rxholder .rx,
	.section .content .highlight,
	.section dev.graphSpinDiv,
	p.alert.ques,
	.content table thead th,
	.content table tfoot th,
	.content table tfoot tr td,
	.section table tr.header th
	{
		border-color: #DBDBDB;
	}

/* ----------------------------------------------- */
	
	#alerts,
	#alerts .loginalert a,
	.content table tr td,
	.content table tbody th,
	.section table td
	{
		border-color: #E7E7E7;
	}
	
	input.inactivefield:hover 
	{
		background-color: #EEEEEE;
	}
	
	
	.section .content table tr td.colorband
	{
		background-color: #F2F2F2;
		border-top-color: #F2F2F2;
	}
	
	.content table th,
	.content table tfoot tr td,
	.section table th,
	.section table colgroup.header,
	.section .tallchart > table > tbody > tr > td:first-child,  
	.section table td.action
	{
		background-color:#F5F5F5;
	}
	
	textarea.readonly,
	.section .remoteLink a,
	.section .chart table tr.odd,
	.section .chart table tr.odd td,
	.section .tallchart table tr.odd,
	.section .tallchart table tr.odd td,
	#components tr.odd,
	#components tr.odd td,
	div .section .addenda,
	.section .content table.visitSummaryTable tr.odd,
	.section .content table.visitSummaryTable tr.odd td,
	.section .content .iconcalendar td,
	div.seriessel table tr.odd,
	div.seriessel table tr.odd td, 
	.content table tr.preview td,
	.content table tr.clickable td,
	.content table tr.clickable td.multideptband,
	.content table tbody tr.clickable th
	{
		background-color: #F9F9F9;
	}
	
	.loginalert
	{
		background-color: #F9F9F9;
		background-image:    -moz-linear-gradient(top, #F9F9F9 70%, #E9E9E9 100%); /* FF3.6+ */
		background-image:        -webkit-gradient(linear, left top, left bottom, color-stop(70%, #F9F9F9), color-stop(100%, #E9E9E9)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top, #F9F9F9 70%, #E9E9E9 100%); /* Chrome10+,Safari5.1+ */
		background-image:      -o-linear-gradient(top, #F9F9F9 70%, #E9E9E9 100%); /* Opera 11.10+ */
		background-image:     -ms-linear-gradient(top, #F9F9F9 70%, #E9E9E9 100%); /* IE10+ */
		background-image:         linear-gradient(top, #F9F9F9 70%, #E9E9E9 100%); /* W3C */
	}
	  
	.section .content table tbody tr.header td,
	.section .chart table tr td.group
	{
		background-color: #FBFBFB;
	}

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

/*THINGS THAT ARE WHITE ****************************/

	.terms,
	.section .content .highlight,
	input,
	select,
	textarea,
	div.listpagelinks div:hover,
	div.tooltipDiv,
	.chart table tr,
	.chart table tr td,
	.tallchart table tr,
	.tallchart table tr td,
	#components tr,
	#components tr td,
	.section .content table.visitSummaryTable tr ,
	.section .content table.visitSummaryTable tr td,
	.popupInstructions,
	div.seriessel tr,
	div.seriessel tr td,
	#aspcalendar .NoData,
	#aspcalendar .EditData,
	#CRE,
	#calendar table td
	{
		background-color: #FFFFFF;
	}
	
	
	#banner h2,
	.button,
	.button:hover,
	.quicklinks a,
	.quicklinks .h3,
	ul.sectiontabs li a,
	#calendar table td.ctrl a,
	#aspcalendar table td.ctrl,
	.section .content .iconcalendar a.nav,
	.section .content .iconcalendar th
	{
		color: #FFFFFF;
	}
	
	#infoColumn,
	#main,
	#datatile,
	.popupInstructions,
	.subsquestion,
	.questiongroup
	{
		background-color: #FFFFFF;
		background-image:    -moz-linear-gradient(top, #FFFFFF 70%, #F4F4F4 100%); /* FF3.6+ */
		background-image:        -webkit-gradient(linear, left top, left bottom, color-stop(70%, #FFFFFF), color-stop(100%, #F4F4F4)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top, #FFFFFF 70%, #F4F4F4 100%); /* Chrome10+,Safari5.1+ */
		background-image:      -o-linear-gradient(top, #FFFFFF 70%, #F4F4F4 100%); /* Opera 11.10+ */
		background-image:     -ms-linear-gradient(top, #FFFFFF 70%, #F4F4F4 100%); /* IE10+ */
		background-image:         linear-gradient(top, #FFFFFF 70%, #F4F4F4 100%); /* W3C */
	}
	
	textarea.filedescription
	{
		scrollbar-face-color:#fff; 
		scrollbar-arrow-color:#fff; 
		scrollbar-highlight-color:#fff; 
		scrollbar-shadow-color:#fff; 
		scrollbar-3dlight-color:#fff; 
		scrollbar-darkshadow-color:#fff; 
		scrollbar-track-color:#fff; 	
	}
	
/***************************************************/


/* FONT INFORMATION ********************************/
	body
	{
		font-size: 70%;     /* Set to 66% for fonts like Arial, Trebuchet, Tahoma, Verdana, etc. */
	}
	
	.title h1,
	#bannertext 
	{
		font-family: Rockwell, 'Palatino Linotype', Georgia, serif;
		font-weight: normal;
	}
	
	
	#wrap,
	#datatile,
	input.button,
	input.link[type=submit],
	#calendar td,
	.section h1,
	.section h2,
	.section .content h2
	{
		font-family: Calibri, Arial, sans-serif;
	}
	
	select,
	input[type=text],
	textarea,
	.section .Notes textarea
	{
		font-family: Segoe UI, Calibri, Arial, sans-serif;
	}

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


/* HOVER INFORMATION *******************************/

	a:hover,
	.section .content table a:hover,
	.nolinelist:hover,
	.nolinelist:active
	{
		color:#0E5693;
	}
	
	#baselinks a:hover,
	#footer a:hover,
	.back a.button:hover
	{
		color: #FFFFFF;
	}
	
	#calendar table thead td.hi,
	#calendar table td#calcancel.hi
	{
		background-color: #FFFFFF;
	}
	
	dt a:hover
	{
		color: inherit;
	}
	
	div#innertabs > div > a.selected:hover 
	{
		color: inherit;
	}
	
	.button:hover
	{
		background-color:#F3EFE8;
	}
	
	a.button:hover,
	input.button:hover,
	.uploader div.hover
	{
	    background-color:#0569BD;
	}
	
	.button.disabled,
	.button.disabled:hover,
	.uploader div.button.disabled
	{
		background-color:#ddd;  
	}
	
	#banner a.button:hover,
	#banner a.button:focus
	{
		background-color:#0E5693;
	}
	
	#menu .button:hover
	{
		background-color:#EFEAE1;
	}
	
	#menu li a:hover
	{
		background-color: #F0ECDB; /* Old browsers */
		background-image:    -moz-linear-gradient(top, #F0ECDB 0%, #F7F3E4 60%); /* FF3.6+ */
		background-image:        -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0ECDB), color-stop(60%, #F7F3E4)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top, #F0ECDB 0%, #F7F3E4 60%); /* Chrome10+,Safari5.1+ */
		background-image:      -o-linear-gradient(top, #F0ECDB 0%, #F7F3E4 60%); /* Opera 11.10+ */
		background-image:     -ms-linear-gradient(top, #F0ECDB 0%, #F7F3E4 60%); /* IE10+ */
		background-image:         linear-gradient(top, #F0ECDB 0%, #F7F3E4 60%); /* W3C */
	}
	
	.section .question label.selected, 
	.section .question .label.radio.selected:hover,
	.section .subsquestion label.selected, 
	.section .subsquestion .label.radio.selected:hover,
	.section .unansweredquestion label.selected,
	.section .unansweredquestion .label.radio.selected:hover,
	.section .unansweredsubsquestion label.selected,
	.section .unansweredsubsquestion .label.radio.selected:hover,
	.section .famhxtopic label.selected,
	.section .famhxtopic .label.radio.selected:hover,
	.section .questiongroup label.selected, 
	.section .questiongroup .label.radio.selected:hover
	{
		background-color: #9BBEE7;
	}
	
	.section .content table tr.hover td,
	.section .question .buttonanchor:hover,
	table tr td.selected,
	.loginalert a:hover
	{
		color: black;
		cursor: pointer;
	}
	
	.popupInstructions a:focus,  
	img.focus {		
		outline: 1px dotted #000000;		
	}
	
	
	.loginalert a:hover,
	.loginalert a:focus,
	.section .content table tr.hover td,
	table tr td.selected
	{
		background-color: #A3C2E8;
	}
	
	.quicklinks a:hover,
	.quicklinks a:focus,
	.section .remoteLink a:hover
	{
		background-color: #2176C6;
		color: #FFFFFF;
	}
	
	.section td.action.scroll a:hover
	{
		color: black; /* Another horrible IE9 rendering bug. When modifying the patient entered flowsheet edit/delete links on hover (e.g. making them blue), page layout is affected. This only happens when the links are inside a DIV marked as overflow-x: auto; We don't want to remove the overflow, so we simply keep the color black on hover :) */
	}
/*EXTERNAL SITE COLOR INFORMATION*/


/*THINGS THAT ARE BLUE #0E5693***********************/

#defaultForm h1,
#defaultColumn h2,
#defaultForm label,
#defaultForm label.hint a,
#defaultForm legend,
#defaultForm .accessibleLabel,
#defaultDigiDForm h1,
#defaultDigiDForm label,
#defaultDigiDForm label.hint a,
#defaultDigiDForm .accessibleLabel,
#infoColumn h1,
#infoColumn h2.faq,
#infoColumn #features li,
#defaultForm span.header,
#defaultColumn span.subheader,
#defaultDigiDForm span.header
{
	color: #0E5693;
}
/***************************************************/

/*THINGS THAT ARE BRIGHT BLUE #0569BD***************/

#defaultForm .item input.button:hover,
#defaultDigiDForm .item input.button:hover
{
	background-color:#0569BD;
}

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

/*THINGS THAT ARE BLACK #000000*********************/

#defaultColumn h3.alert,
#defaultColumn span.alert
{
	color: #000000;
}
/***************************************************/

/*THINGS THAT ARE RED #D70000***********************/

#defaultForm label.alert,
.signUpFieldError,
.recoverFieldError
{
	color: #D70000;
}
/***************************************************/


/*THINGS THAT ARE BROWN #766EF6*********************/

#defaultFooter a,
#signupFooter a,
.loginhint,
.loginhint a
{
	color: #766E46;
}

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

/*THINGS THAT ARE GREEN #47AD47*********************/

#defaultFooter h1 a,
#signupFooter h1 a
{
	background-color: #0E5693;
}
/***************************************************/

/*THINGS THAT ARE BRIGHT GREEN #33C133**************/

#defaultFooter h1 a:hover,
#signupFooter h1 a:hover
{
	background-color: #33C133;
}
/***************************************************/

/*THINGS THAT ARE WHITE #FFFFFF*********************/

#defaultFooter h1 a,
#signupFooter h1 a
{
	color: #FFFFFF;
}

#infoColumn ul#features
{
	background-color: #FFFFFF;
	background-color: rgba(255,255,255,0.7);
}

/***************************************************/
/* COLOR INFORMATION WHILE IN PROXY CONTEXT 
 * Any rules here overrule the rules defined in inside.css/colors.css
 * when the site is viewed in a proxy context. 
 */
 
/* USER DEFINED TABS COLORS
 * If change tab colors in this file, also update DisplayConfig.xml for color names and ProxyTabs.png to match. 
 */

/* color1 light brown*/
ul#proxyTabs li.color1     {color:#815959;background-position:0 0;} 
ul#proxyTabs li.color1 a   {color:#815959;background-position:100% 0;}
ul#proxyTabs li p a.color1,img.photo.color1 {color:#815959;background-color:#F0EADE}
#wrap.color1               {border-top-color:#A29F8E;}

/* color2 green*/
ul#proxyTabs li.color2      {color:#214715;background-position:0 -26px;}
ul#proxyTabs li.color2 a    {color:#214715;background-position:100% -26px;}
ul#proxyTabs li p a.color2,img.photo.color2  {color:#214715;background-color:#8FB084;}
#wrap.color2                {border-top-color:#859580;}

/* color3 purple*/
ul#proxyTabs li.color3     {color:#48306B;background-position:0 -52px;}
ul#proxyTabs li.color3 a   {color:#48306B;background-position:100% -52px;}
ul#proxyTabs li p a.color3,img.photo.color3 {color:#48306B;background-color:#B1AABF;}
#wrap.color3               {border-top-color:#A19CA8;}

/* color4 teal*/
ul#proxyTabs li.color4       {color:#0F3D39;background-position:0 -78px;}
ul#proxyTabs li.color4 a     {color:#0F3D39;background-position:100% -78px;}
ul#proxyTabs li p a.color4,img.photo.color4   {color:#0F3D39;background-color:#8AAAA7;}
#wrap.color4                 {border-top-color:#7A8D8C;}

/* color5 pink*/
ul#proxyTabs li.color5       {color:#613D66;background-position:0 -104px;}
ul#proxyTabs li.color5 a     {color:#613D66;background-position:100% -104px;}
ul#proxyTabs li p a.color5,img.photo.color5   {color:#613D66;background-color:#D6BBD9;}
#wrap.color5                 {border-top-color:#CABBCC;}

/* color6 orange*/
ul#proxyTabs li.color6     {color:#753E07;background-position:0 -130px;}
ul#proxyTabs li.color6 a   {color:#753E07;background-position:100% -130px;}
ul#proxyTabs li p a.color6,img.photo.color6 {color:#753E07;background-color:#ECCA9B;}
#wrap.color6               {border-top-color:#C6B49C;}

/* color7 blue*/
ul#proxyTabs li.color7       {color:#104373;background-position:0 -156px;}
ul#proxyTabs li.color7 a     {color:#104373;background-position:100% -156px;}
ul#proxyTabs li p a.color7,img.photo.color7   {color:#104373;background-color:#99B5D0;}
#wrap.color7                 {border-top-color:#919EAE;}

/* config icon*/
ul#proxyTabs li.config     {color:#666666; background-image:none;}
ul#proxyTabs li.config a   {color:#666666; background-image:none;}
ul#proxyTabs li.config img {height: 20px; width: auto; margin: -2px 0 0 -8px;} 
ul#proxyTabs li.config img:hover {height: 20px; width: auto; margin: -2px 0 0 -8px;} 
 
#proxyprefsuccessmessage {		
	color: green;	
}
 
/* DEFAULT OVERRIDE / GREEN ***************************************************/
  
  #wrap.color2
  {
	 background: #A1BE99 url(../images/bgpattern_wrap.png); /* Old browsers */
     background-image: url(../images/bgpattern_wrap.png),    -moz-linear-gradient(top, #A1BE99 0%, #8FB084 100%); /* FF3.6+ */
     background-image: url(../images/bgpattern_wrap.png),        -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A1BE99), color-stop(100%, #8FB084)); /* Chrome,Safari4+ */
     background-image: url(../images/bgpattern_wrap.png), -webkit-linear-gradient(top, #A1BE99 0%, #8FB084 100%); /* Chrome10+,Safari5.1+ */
     background-image: url(../images/bgpattern_wrap.png),      -o-linear-gradient(top, #A1BE99 0%, #8FB084 100%); /* Opera 11.10+ */
     background-image: url(../images/bgpattern_wrap.png),     -ms-linear-gradient(top, #A1BE99 0%, #8FB084 100%); /* IE10+ */
     background-image: url(../images/bgpattern_wrap.png),         linear-gradient(top, #A1BE99 0%, #8FB084 100%); /* W3C */
  }

  #wrap.color2 #menu .keywordsearch,
  #wrap.color2 #menu .externallink,  
  #wrap.color2 #menu li a:hover
  {
	background-color: #C3DBC3;
  	background-image:    -moz-linear-gradient(top, #C3DBC3 0%, #D2E4D2 60%);
    background-image:        -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C3DBC3), color-stop(60%, #D2E4D2));
  	background-image: -webkit-linear-gradient(top, #C3DBC3 0%, #D2E4D2 60%);
  	background-image:      -o-linear-gradient(top, #C3DBC3 0%, #D2E4D2 60%);
  	background-image:     -ms-linear-gradient(top, #C3DBC3 0%, #D2E4D2 60%);
  	background-image:         linear-gradient(top, #C3DBC3 0%, #D2E4D2 60%);
  }
	
  #wrap.color2 #menu .button  
  {
	background-color:#C7DAC8;
  }
  
  #wrap.color2 #menu li.selected a,
  #wrap.color2 #menu li a:hover,
  #wrap.color2 #menu .button:hover   
  {
	background-color:#D9E6D9;
  }
 
  #wrap.color2 #menu h2,
  #wrap.color2 #menu h3,
  #wrap.color2 #menu .header,  
  #wrap.color2 #menu .subheader,
  #wrap.color2 #menu li a,
  #wrap.color2 #menu .button,
  #wrap.color2 .subjectIndicator    
  {
	color:#214715;
  }
	
  #wrap.color2 #menu input
  {
	border-color:#B4D6B5;
  }
  




/* PURPLE *********************************************************************/

  #wrap.color3
  {
	 background: #BFB7CC url(../images/bgpattern_wrap.png); /* Old browsers */
     background-image: url(../images/bgpattern_wrap.png),    -moz-linear-gradient(top, #BFB7CC 0%, #B1AABF 100%); /* FF3.6+ */
     background-image: url(../images/bgpattern_wrap.png),        -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BFB7CC), color-stop(100%, #B1AABF)); /* Chrome,Safari4+ */
     background-image: url(../images/bgpattern_wrap.png), -webkit-linear-gradient(top, #BFB7CC 0%, #B1AABF 100%); /* Chrome10+,Safari5.1+ */
     background-image: url(../images/bgpattern_wrap.png),      -o-linear-gradient(top, #BFB7CC 0%, #B1AABF 100%); /* Opera 11.10+ */
     background-image: url(../images/bgpattern_wrap.png),     -ms-linear-gradient(top, #BFB7CC 0%, #B1AABF 100%); /* IE10+ */
     background-image: url(../images/bgpattern_wrap.png),         linear-gradient(top, #BFB7CC 0%, #B1AABF 100%); /* W3C */
  }
  
  #wrap.color3 #menu .keywordsearch,
  #wrap.color3 #menu .externallink,  
  #wrap.color3 #menu li a:hover
  {
	background-color: #CCC4D9;  	 
  	background-image:    -moz-linear-gradient(top, #CCC4D9 0%, #DBD7E1 60%);
    background-image:        -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCC4D9), color-stop(60%, #DBD7E1));
  	background-image: -webkit-linear-gradient(top, #CCC4D9 0%, #DBD7E1 60%);
  	background-image:      -o-linear-gradient(top, #CCC4D9 0%, #DBD7E1 60%);
  	background-image:     -ms-linear-gradient(top, #CCC4D9 0%, #DBD7E1 60%);
  	background-image:         linear-gradient(top, #CCC4D9 0%, #DBD7E1 60%);
  }
	
  #wrap.color3 #menu .button  
  {
	background-color:#CDC5D9;
  }
  
  #wrap.color3 #menu li.selected a,
  #wrap.color3 #menu li a:hover,
  #wrap.color3 #menu .button:hover   
  {
	background-color:#DBD7E1;
  }
   
  #wrap.color3 #menu h2,
  #wrap.color3 #menu h3,
  #wrap.color3 #menu .header,  
  #wrap.color3 #menu .subheader,  
  #wrap.color3 #menu li a,
  #wrap.color3 #menu .button,
  #wrap.color3 .subjectIndicator    
  {
	color:#48306B;
  }
	
  #wrap.color3 #menu input
  {
	border-color:#B6AFC2;
  }
  




/* TEAL ***********************************************************************/

  #wrap.color4
  {
	 background: #94B4B1 url(../images/bgpattern_wrap.png); /* Old browsers */
     background-image: url(../images/bgpattern_wrap.png),    -moz-linear-gradient(top, #94B4B1 0%, #8AAAA7 100%); /* FF3.6+ */
     background-image: url(../images/bgpattern_wrap.png),        -webkit-gradient(linear, left top, left bottom, color-stop(0%, #94B4B1), color-stop(100%, #8AAAA7)); /* Chrome,Safari4+ */
     background-image: url(../images/bgpattern_wrap.png), -webkit-linear-gradient(top, #94B4B1 0%, #8AAAA7 100%); /* Chrome10+,Safari5.1+ */
     background-image: url(../images/bgpattern_wrap.png),      -o-linear-gradient(top, #94B4B1 0%, #8AAAA7 100%); /* Opera 11.10+ */
     background-image: url(../images/bgpattern_wrap.png),     -ms-linear-gradient(top, #94B4B1 0%, #8AAAA7 100%); /* IE10+ */
     background-image: url(../images/bgpattern_wrap.png),         linear-gradient(top, #94B4B1 0%, #8AAAA7 100%); /* W3C */
  }
  
  #wrap.color4 #menu .keywordsearch,
  #wrap.color4 #menu .externallink,
  #wrap.color4 #menu li a:hover
  {
	background-color: #A2BFBF; 
  	background-image:    -moz-linear-gradient(top, #A2BFBF 0%, #B7D0D0 60%);
    background-image:        -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A2BFBF), color-stop(60%, #B7D0D0));
  	background-image: -webkit-linear-gradient(top, #A2BFBF 0%, #B7D0D0 60%);
  	background-image:      -o-linear-gradient(top, #A2BFBF 0%, #B7D0D0 60%);
  	background-image:     -ms-linear-gradient(top, #A2BFBF 0%, #B7D0D0 60%);
  	background-image:         linear-gradient(top, #A2BFBF 0%, #B7D0D0 60%);
  }
	
  #wrap.color4 #menu .button  
  {
	background-color:#B5CCCC;
  }
 
  #wrap.color4 #menu li.selected a,
  #wrap.color4 #menu li a:hover,
  #wrap.color4 #menu .button:hover   
  {
	background-color:#CCDBDB;
  }
  
  #wrap.color4 #menu h2,
  #wrap.color4 #menu h3,
  #wrap.color4 #menu .header,  
  #wrap.color4 #menu .subheader,  
  #wrap.color4 #menu li a,
  #wrap.color4 #menu .button,
  #wrap.color4 .subjectIndicator    
  {
	color:#0F3D39;
  }
  
  #wrap.color4 #menu input
  {
	border-color:#91ABAB;
  }
  
  
  




/* PINK *********************************************************************/

  #wrap.color5
  {
	 background: #E7CFE9 url(../images/bgpattern_wrap.png); /* Old browsers */
     background-image: url(../images/bgpattern_wrap.png),    -moz-linear-gradient(top, #E7CFE9 0%, #D6BBD9 100%); /* FF3.6+ */
     background-image: url(../images/bgpattern_wrap.png),        -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E7CFE9), color-stop(100%, #D6BBD9)); /* Chrome,Safari4+ */
     background-image: url(../images/bgpattern_wrap.png), -webkit-linear-gradient(top, #E7CFE9 0%, #D6BBD9 100%); /* Chrome10+,Safari5.1+ */
     background-image: url(../images/bgpattern_wrap.png),      -o-linear-gradient(top, #E7CFE9 0%, #D6BBD9 100%); /* Opera 11.10+ */
     background-image: url(../images/bgpattern_wrap.png),     -ms-linear-gradient(top, #E7CFE9 0%, #D6BBD9 100%); /* IE10+ */
     background-image: url(../images/bgpattern_wrap.png),         linear-gradient(top, #E7CFE9 0%, #D6BBD9 100%); /* W3C */
  }

  #wrap.color5 #menu .keywordsearch,
  #wrap.color5 #menu .externallink,
  #wrap.color5 #menu li a:hover
  {
	background-color: #EDDCEF;
  	background-image:    -moz-linear-gradient(top, #EDDCEF 0%, #F3E8F4 60%);
    background-image:        -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EDDCEF), color-stop(60%, #F3E8F4));
  	background-image: -webkit-linear-gradient(top, #EDDCEF 0%, #F3E8F4 60%);
  	background-image:      -o-linear-gradient(top, #EDDCEF 0%, #F3E8F4 60%);
  	background-image:     -ms-linear-gradient(top, #EDDCEF 0%, #F3E8F4 60%);
  	background-image:         linear-gradient(top, #EDDCEF 0%, #F3E8F4 60%);
  }
	
  #wrap.color5 #menu .button  
  {
	background-color:#F3E8F4;
  }
 
  #wrap.color5 #menu li.selected a,
  #wrap.color5 #menu li a:hover,
  #wrap.color5 #menu .button:hover   
  {
	background-color:#FDFBFD;
  }
  
  #wrap.color5 #menu h2,
  #wrap.color5 #menu h3,  
  #wrap.color5 #menu .header,  
  #wrap.color5 #menu .subheader,  
  #wrap.color5 #menu li a,
  #wrap.color5 #menu .button,
  #wrap.color5 .subjectIndicator    
  {
	color:#613D66;
  }
  
  #wrap.color5 #menu input
  {
	border-color:#D4C5D6;
  }
  
  
  




/* ORANGE *********************************************************************/

  #wrap.color6
  {
	 background: #F0D2AA url(../images/bgpattern_wrap.png); /* Old browsers */
     background-image: url(../images/bgpattern_wrap.png),    -moz-linear-gradient(top, #F0D2AA 0%, #ECCA9B 100%); /* FF3.6+ */
     background-image: url(../images/bgpattern_wrap.png),        -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0D2AA), color-stop(100%, #ECCA9B)); /* Chrome,Safari4+ */
     background-image: url(../images/bgpattern_wrap.png), -webkit-linear-gradient(top, #F0D2AA 0%, #ECCA9B 100%); /* Chrome10+,Safari5.1+ */
     background-image: url(../images/bgpattern_wrap.png),      -o-linear-gradient(top, #F0D2AA 0%, #ECCA9B 100%); /* Opera 11.10+ */
     background-image: url(../images/bgpattern_wrap.png),     -ms-linear-gradient(top, #F0D2AA 0%, #ECCA9B 100%); /* IE10+ */
     background-image: url(../images/bgpattern_wrap.png),         linear-gradient(top, #F0D2AA 0%, #ECCA9B 100%); /* W3C */
  }

  #wrap.color6 #menu .keywordsearch,
  #wrap.color6 #menu .externallink,
  #wrap.color6 #menu li a:hover
  {
	background-color: #F4E0C8; 
  	background-image:    -moz-linear-gradient(top, #F4E0C8 0%, #FBE6D0 60%);
    background-image:        -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4E0C8), color-stop(60%, #FBE6D0));
  	background-image: -webkit-linear-gradient(top, #F4E0C8 0%, #FBE6D0 60%);
  	background-image:      -o-linear-gradient(top, #F4E0C8 0%, #FBE6D0 60%);
  	background-image:     -ms-linear-gradient(top, #F4E0C8 0%, #FBE6D0 60%);
  	background-image:         linear-gradient(top, #F4E0C8 0%, #FBE6D0 60%);
  }
	
  #wrap.color6  #menu .button
  {
	background-color:#F9E1BF;
  }
 
  #wrap.color6 #menu li.selected a,
  #wrap.color6 #menu li a:hover,
  #wrap.color6 #menu .button:hover   
  {
	background-color:#FEEBD6;
  }
  
  #wrap.color6 #menu h2,
  #wrap.color6 #menu h3,
  #wrap.color6 #menu .header,  
  #wrap.color6 #menu .subheader,  
  #wrap.color6 #menu li a,
  #wrap.color6 #menu .button,
  #wrap.color6 .subjectIndicator    
  {
	color:#753E07;
  }
  
  #wrap.color6 #menu input
  {
	border-color:#DAC8B3;
  }
  
  
  




/* BLUE *********************************************************************/

  #wrap.color7
  {
	 background: #AAC2DA url(../images/bgpattern_wrap.png); /* Old browsers */
     background-image: url(../images/bgpattern_wrap.png),    -moz-linear-gradient(top, #AAC2DA 0%, #99B5D0 100%); /* FF3.6+ */
     background-image: url(../images/bgpattern_wrap.png),        -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AAC2DA), color-stop(100%, #99B5D0)); /* Chrome,Safari4+ */
     background-image: url(../images/bgpattern_wrap.png), -webkit-linear-gradient(top, #AAC2DA 0%, #99B5D0 100%); /* Chrome10+,Safari5.1+ */
     background-image: url(../images/bgpattern_wrap.png),      -o-linear-gradient(top, #AAC2DA 0%, #99B5D0 100%); /* Opera 11.10+ */
     background-image: url(../images/bgpattern_wrap.png),     -ms-linear-gradient(top, #AAC2DA 0%, #99B5D0 100%); /* IE10+ */
     background-image: url(../images/bgpattern_wrap.png),         linear-gradient(top, #AAC2DA 0%, #99B5D0 100%); /* W3C */
  }

  #wrap.color7 #menu .keywordsearch,
  #wrap.color7 #menu .externallink,
  #wrap.color7 #menu li a:hover
  {
	background-color: #BCCEE0; 
    background-image:    -moz-linear-gradient(top, #BCCEE0 0%, #C9D8E7 60%);
    background-image:        -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BCCEE0), color-stop(60%, #C9D8E7));
  	background-image: -webkit-linear-gradient(top, #BCCEE0 0%, #C9D8E7 60%);
  	background-image:      -o-linear-gradient(top, #BCCEE0 0%, #C9D8E7 60%);
  	background-image:     -ms-linear-gradient(top, #BCCEE0 0%, #C9D8E7 60%);
  	background-image:         linear-gradient(top, #BCCEE0 0%, #C9D8E7 60%);
  }
	
  #wrap.color7 #menu .button  
  {
	background-color:#CDDCEB;
  }
 
  #wrap.color7 #menu li.selected a,
  #wrap.color7 #menu li a:hover,
  #wrap.color7 #menu .button:hover   
  {
	background-color:#E6EEF7;
  }
  
  #wrap.color7 #menu h2,
  #wrap.color7 #menu h3,
  #wrap.color7 #menu .header,  
  #wrap.color7 #menu .subheader,  
  #wrap.color7 #menu li a,
  #wrap.color7 #menu .button,
  #wrap.color7 .subjectIndicator    
  {
	color:#104373;
  }
  
  #wrap.color7 #menu input
  {
	border-color:#A8B8C8;
  }
/* THEME SUPPLIED CSS TWEAKS */
/* This file is for specifying color changes where this selector path was not available in any of the standard CSS files,
   or it needed to be broken out from a larger group of paths. */

/* ADDING ABILITY TO CHANGE THE COLOR OF THE BASELINKS AND FOOTER LINK TEXT */
#baselinks {color: #0E5693;}
#baselinks a {color: #0E5693;}
#baselinks a:hover {color: #000000;}
#footer {color: #0E5693;}
#footer a {color: #0E5693;}
#footer a:hover {color: #000000;}

 /*ADDING ABILITY TO CHANGE BANNER BUTTON TEXT COLOR AND HOVER COLOR*/
#banner a.button {color: #FFFFFF;}
#banner a.button:hover {color: #FFFFFF;}

/* TEXT COLOR FOR HEADERS IN THE KEYWORD SEARCH AND MYCHART CENTRAL BOXES */
#menu span.header, #menu span.subheader {color: #815959;}
#wrap.color2 #menu .header, #wrap.color2 #menu .subheader {color:#214715;}
#wrap.color3 #menu .header, #wrap.color3 #menu .subheader {color:#48306B;}
#wrap.color4 #menu .header, #wrap.color4 #menu .subheader {color:#0F3D39;}
#wrap.color5 #menu .header, #wrap.color5 #menu .subheader {color:#613D66;}
#wrap.color6 #menu .header, #wrap.color6 #menu .subheader {color:#753E07;}
#wrap.color7 #menu .header, #wrap.color7 #menu .subheader {color:#104373;}


/* ALLOW SELECTED MENU ITEM TO HAVE A DIFFERENT TEXT COLOR FOR PROXIES */
#wrap.color2 #menu li.selected a {color:#214715;}
#wrap.color3 #menu li.selected a {color:#48306B;}
#wrap.color4 #menu li.selected a {color:#0F3D39;}
#wrap.color5 #menu li.selected a {color:#613D66;}
#wrap.color6 #menu li.selected a {color:#753E07;}
#wrap.color7 #menu li.selected a {color:#104373;}

/* GENERIC BUTTON COLOR TWEAK TO ENABLE CHANGE TEXT COLOR AND HOVER TEXT COLOR */
.button {color: #FFFFFF;}
.button:hover, a.button:hover, .back a.button:hover, input.button:hover, div.hover {color: #FFFFFF;}

/* FIX HOVER COLOR EFFECT ON DISABLED BUTTONS CAUSED BY THE TWEAK ABOVE */
.button.disabled:hover {color: #777777}

/* NEW USER AND CONTACT US TO REGISTER BUTTON */
#defaultFooter h1 a:hover, #signupFooter h1 a:hover {color: #FFFFFF;}

/* HYPERLINKS ON LOGIN PAGE, ENABLE ABILITY TO CHANGE HOVER COLOR */
#defaultFooter a, #signupFooter a, .loginhint a {color: #766E46;}

/* ROTATE THE WRENCH ICON LIKE IN 2014 */
#configIconTab #wrenchLink img:hover {
    transform: rotate(10deg);
    transition: transform 0.2s ease 0s;
}

/* FIX PARAGRAPH ISSUES WITH PREFORMATTED TEXT */
p {
    white-space: normal; 
    word-wrap: normal; 
}


/* BANNER IMAGE TWEAKS */
/* If you wish to change the height of the banner image, you must uncomment and manually modify the css below */
/* Adjust post login banner and tabs.  move wrap down using margins, and then move the banner inside the wrap back up */

/* Change the margin-top to the height of the banner image */
/****** delete this line to enable *******
html body div#wrap[class]
{
      margin-top: 200px; 
}
*/

/* Change the margin-top to -1 * height of the banner image */
/*
html body div#wrap[class] div#banner
{
      margin-top: -200px; 
}
****** delete this line to enable *******/

/* In addition, you must edit your DisplayConfigOverride.xml page in the terms and conditions node to adjust the margin there */
/* The necessary code is below, but should also have been included in DisplayConfigOverride when this theme was published, though in a commented out form */
/*
<mode value= "termsandconditions" hint= "terms outside (termpage.asp)">
	 <reference> Terms and Conditions Page</reference>
	<title> Terms and Conditions
	
		  <![CDATA[<style type="text/css">
				html body div#wrap[class] div#banner
				{
					  margin-bottom:10px;
					  margin-top:-100px;
				}
		  </style>]]>        
	
	</title>
*/



/* BEGIN CUSTOMER SPECIFIC TWEAKS BELOW */

/*Set background image and location*/
body {
        
background: url(/en-US/Images/layout/background.gif);
	background-repeat: repeat-x;
	background-color: #F3F5F0;
	font-family: arial,verdana,sans-serif;
	font-size: 65.5%;	/*Sets "medium" text size to 10px, instead of 16px*/
	text-align: center; 
/* font-size: 66.5%;--------------- */
        
}

/*Update Welcome message color and position*/
#banner #bannertext {
	right: 75px;
	top: 45px;
	color: #FFFFFF;
}

#defaultForm .item .segment100 {
	width: 32.0em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#defaultForm .item .segment25 {
	width: 18.0em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#defaultForm .item .segment11 {
	width: 13.0em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}


#defaultForm .item .segment10 {
	width: 10.0em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#defaultForm .item .segment5 {
	width: 6.7em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}


/*Scheduling buttons under specific workflow*/
form#provsearchform input#search.button,
form#provsearchform input#clear.button,
form#provsearchform input#cancel.button
{
	font-size: 1em;
	padding: 0 10px;
	margin-top: 10px;
}

/* IE7 Changes to address issues with proxy tabs and login alerts */
ul#proxyTabs
{
       *position: absolute;
       *left: 0;
       *top: 0px;
}

div.loginalert
{
       *height: 50px;
       *display: block;  
}

div.loginalert a
{
    *display: block;  
}

#alerts
{
                *width: 728px;
}

#alerts .loginalert A {
                *width: 679px;
}


#defaultForm {
    background-color: rgb(240, 240, 240);
    text-align: left;
    font-family: arial,verdana,sans-serif;

}

#wrap, #datatile {
    font-family: arial,verdana,sans-serif;
}



#defaultForm, #defaultForm .item input, #defaultFooter {
    border-color: rgb(61, 96, 136);
}


#defaultForm .item {
                *display: inline-block;
}

#defaultForm {
    width: 100%;
    margin: 0px 0px 10px;
    padding: 0px 0px 5px;
    border-width: 1px;
    border-style: solid;
    float: left;
    display: inline;
    position: relative;
}

#defaultForm h2 {
    width: 100%;
    margin: 0px;
    padding: 10px 0px 0px;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
}

#defaultForm .itemheader {
    margin: 20px;
    position: relative;
    float: left;
    clear: left;
    display: inline;
    width: 95%;
    font-size: 1.2em;
}





/*BACKGROUND IMAGE INFORMATION*/

#wrap
{
	background-image: none;
}


/*FORMATTING INFORMATION*/

#banner {
	top: 0;
	z-index: 1000;
}

#footer {
	width: 100%;
	margin: 0;
}

#defaultColumn {
	width: 35.5%;
	margin: 0px 35px 0 0;
	float: right;
	display: inline;
	padding-top: 10px;
	padding-bottom: 5px;
}

#defaultColumn.double {
	width: 80%;
	margin: 10px auto 0 auto;
	float: none;
	display: block;
	padding-top: 0px;
	padding-bottom: 10px;
}

#defaultColumn h3 {
	/*height: 40px;*/
	margin: 0px 0 0 0;
	padding: 0;
	line-height: 16px;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
}

#defaultColumn h3.alert {
	font-weight: bold;
	font-size: 1.1em;
	display: table;
}

#defaultColumn h3 img {
	width: 110px;
	height: 40px;
}

#defaultColumn h3.alert img {
	width: 16px;
	height: 16px;
}

#locale {
	text-align: right;
	margin: 5px 0 5px 0;
}

#defaultForm {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-width: 1px;
	border-style: solid;
	float: left;
	display: inline;
	position: relative;
}

#defaultForm h2 {
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
}

#defaultForm h3 {
	height: auto;
	line-height: auto;
	display: block !important;
}

#defaultForm label {
	margin: 0;
	font-size: 1.1em;
	text-align: left;
	float: none;
	top: 0;
}

#defaultForm .accessibleLabel {
	margin: 0;
	font-size: 1.1em;
	text-align: left;
	float: none;
	top: 0;
	height: auto;
	line-height: auto;
	width: 43%;
	padding: 0 2% 0 0;
	margin: 0 -5% 5px 0;
	font-weight: bold;
	display: block;
	position: relative;
	left: -5%;
	cursor: default;
}

#defaultForm .terms {
	height: 175px;
	padding: 5px 0;
	overflow: auto;
}

#defaultForm .item {
	width: 78% !important;
	width /**/: 98%;
	margin: 5px 0 0 0;
	padding: 0 10%;
	position: relative;
	float: left;
	clear: left;
	display: inline;
}

#defaultForm .itemheader {
	margin: 20px;
	position: relative;
	float: left;
	clear: left;
	display: inline;
	width: 95%;
	font-size: 1.2em;
}

#defaultForm .item select {
	width: 100%;
	margin: 0;
	display: block;
	float: none;
}

#defaultForm .item input,
#defaultForm .item textarea {
	width: 98%;
	margin: 0;
	padding: 0 0 0 2%;
	border-style: solid;
	border-width: 1px;
	font-size: 1.6em;
	font-weight: bold;
	display: block;
	float: none;
}

#defaultForm .item input.radio {
	width: 6% !important;
	margin: 0;
	padding: 0;
	border-style: none;
	display: inline;
}

#defaultForm .item input.button {
	width: 50%;
	margin: 10px auto;
	padding: 0;
	border-width: 2px;
	border-style: solid;
	font-size: 1.3em;
	font-weight: bold;
	cursor: pointer;
	float: left;
        border: 0px none;
border-radius: 0;
}


#defaultForm .item .segmentradio {
	width: 32.0em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#defaultForm .item .segment100 {
	width: 32.0em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#defaultForm .item .segment25 {
	width: 18.0em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#defaultForm .item .segment11 {
	width: 13.0em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#defaultForm .item .segment10 {
	width: 10.0em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#defaultForm .item .segment5 {
	width: 6.7em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}


#defaultForm .item .segment4 {
	width: 4.5em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#defaultForm .item .segment3 {
	width: 3.5em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#defaultForm .item .segment2 {
	width: 2.5em !important;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#defaultForm .item .segment {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#defaultForm .item .separator {
	width: 1.5em;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: block;
	float: left;
	display: inline;
}

#defaultForm .item * input {
	width: 90% !important;
	padding: 0 0 0 3px !important;
}

#defaultForm .item label {
	width: 105%;
	margin: 0 -5% 5px 0;
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	position: relative;
	left: -5%;
}

#defaultForm .item label.radio {
	left: 0;
}

#defaultForm .item label.hint {
	width: auto;
	margin: 0 0 5px 0;
	padding: 0 0 0 2%;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	left: 0;
}

#defaultForm .accessibleLabel.hint {
	width: 98%;
	margin: 0 0 5px 0;
	padding: 0 0 0 2%;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	left: 0;
	text-align: center;
}

#defaultForm .item * label.hint {
	text-align: center;
}


#defaultForm .accessibleLabel.hint.alignRightUnderField {
	text-align: right;
	width: 43%;
}

#defaultForm .accessibleLabel.hint.short {
	text-align: right;
}

#defaultColumn.double #defaultForm .item {
	width: 89% !important;
	width /**/: 100%;
	margin: 5px 3%;
	padding: 5px 0 0 5%;
	border-top-width: 1px;
	border-top-style: solid;
}

#defaultColumn.double #defaultForm .item input,
#defaultColumn.double #defaultForm .item textarea {
	width: 43%;
}

#defaultColumn.double #defaultForm .item label {
	width: 43%;
}

#defaultColumn.double #defaultForm .item * input {
	width: 98%;
}

#defaultColumn.double #defaultForm .item * label {
	width: 98%;
}

#defaultColumn.double #defaultForm .item select {
	width: 45%;
}

#defaultColumn.double #defaultForm .item ul {
	width: 45%;
}

#defaultColumn.double #defaultForm .item ul li {
	width: 98%;
}

#defaultColumn.double #defaultForm .item p {
	width: 45%;
	margin: 0;
	padding: 0 3px;
	font-size: 1.1em;
	float: right;
	clear: none;
	display: inline;
	position: absolute;
	top: 15px;
	right: 0;
}

#defaultColumn.double #defaultForm .item input.button {
	width: 20% !important;
	margin: 20px 42.5% 0 37.5%;
	float: none;
}

#defaultColumn.double #defaultForm .item input.multi {
	margin: 20px 9% 20px 14%;
	display: inline;
}

#defaultFooter {
	width: 100%;
	margin: 0 0 10px 0;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	text-align: center;
	float: left;
	display: inline;
	position: relative;
	padding: 5px 0 5px 0;
}

#defaultFooter h2 {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	text-align: center;
	display: block;

}

#defaultFooter a {
	margin: 5px 0;
	padding: 0;
	text-decoration: none;
	display: block;
}

#defaultForm .item .radiolist input {
	width: 20px !important;
	margin: 0;
	padding: 0 0 0 2%;
	display: inline;
	border: none;
}

#defaultForm .item .radiolist label
{
	font-size: 1.1em;
	display: inline;
	margin-left: 20px;
	font-weight: normal;
  z-index: 0;
}

#infoColumn {
	width: 57%;
	float: left;
	display: inline;
	height: 100%;
}

#infoColumn * {
	font-size: 1em;			/*Ensures that em sizing overrides on everything*/
	line-height: 1.2em;
}

#infoColumn h2 {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-weight: bold;
	font-style: italic;
	float: none;
	clear: both;
}

#infoColumn h3 {
	width: 100%;
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 1.6em;
	font-weight: bold;
	float: none;
	clear: both;
}

#infoColumn p {
	margin: 5px 0 10px 20px;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em;
}

#infoColumn ul,
#infoColumn ol,
#infoColumn dl {
	margin: 10px 0 10px 15px !important;
}

#infoColumn li,
#infoColumn dt,
#infoColumn dd {
	padding: 2px 0;
	font-size: 1.2em;
	line-height: 1.4em;
}

#infoColumn a {
	text-decoration: underline;
}

#infoColumn #content h2 {
	border: 0;
}

#infoColumn #content .creleft,
#infoColumn #content .creright {
	width: 100%;
	padding: 0;
	border: 0;
	float: none;
}

#infoColumn #content .cre {
	margin: 15px 0 0 0;
	border: 0;
	font-size: 1.2em;
	float: none;
	display: block;
}

#infoColumn #content .cre a {
	display: block;
}

#signupFooter {
	width: 100%;
	/*padding-bottom: 10px;*/
	/*border-width: 1px;*/
	/*border-style: solid;*/
	float: left;
	display: inline;
}

#signupFooter h2 {
	color: black;
	font-size: 1.5em;
	padding-bottom: 10px;
	padding-left: 10px;
}

#signupFooter ul {
	margin-left: 25px !important;
	float: left;
	clear: none;
	display: inline;
	font-size: 1.2em;
}

#signupFooter li {
	padding: 3px 0;
}

#signupFooter img {
	margin-right: 5px;
	float: right;
	display: inline;
}


/*HOME PAGE FORMATTING*/

#alerts h2,
#links h2,
#content h2 {
	width: auto;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1.4em;
}A
#alerts h2 {
	margin-bottom: 10px;
}

#content h2 {
	border-width: 0 0 1px 0;
	border-style: solid;
}

#content {
	width: 100%;
	margin : 5px 0;
	overflow: hidden;
	float: left;
	display: inline;
}

.storyhead {
	margin-bottom: 5px;
	font-size: 1.4em;
	font-weight: bold;
}

#content .storyhead {
	margin: 2px 0;
	font-size : 1.4em;
}

#content .creleft {
	width: 47%;
	display : inline;#		/*Hash syntax hides the margin/padding lines from*/
	margin: 5px 0 -1000px 0;#	/*Safari browsers, since they can't handle it*/
	padding: 0 5px 1000px 5px;
	border-width: 0 1px 0 0;
	border-style: solid;
	float: left;
}

#content .cre {
	margin: 3px 0;
	float: left;
	display : inline;
}

#content .cre p {
	width: auto;
	margin: 5px 0 10px 0;
	display: inline;
	clear: none;
}

#content .cre img {
	width: auto !important;
	height: auto !important;
	margin: 0 7px 5px 0;
	float: left;
	clear: left;
	display: inline;

}

#content .cre a {
	display: block;
	font-size: 1.2em;
}

#content .creright {
	width: 47%;
	margin: 5px 0 -1000px 0;
	padding: 0 0 1000px 0;
	float: right;
	font-size: 1.1em;
	display : inline;

}
#content .creright a {
        padding: 3px;
	font-size : 1.4em;
	display: block;
}

#alerts {
	width: 100%;
	margin: 0 0 5px 0;
	float: left;
	display: inline;
}

#alerts .loginalert {
	width: 100%;
	height: 48px;
	margin: 0 -1px 20px -1px;
	border-width: 1px;
	border-style: solid;
	position: relative;
	float: left;
	display: inline;
}

#alerts .loginalert img {
	width: 64px;
	height: 64px;
	position: absolute;
	left: -3px;
	top: -8px;
}

#alerts .loginalert a {
	width: 100%;
	height: 38px;
	padding: 5px 0;
	line-height: 1.5em;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	display: block;
}

#alerts .loginalert a img {
	width: 32px;
	height: 32px;
	margin: 3px 20px 3px 21px;
	vertical-align: top;
	float: left;
	display: inline;
	position: relative;
	top: 0;
	left: -6px;
}

#links {
	width: 100%;
	margin: 0 0 25px 0;
	float: left;
	display: inline;
}


#links a {
	width: 17%;
	height: 75px;
	margin: 5px 0 5px 10px;
	padding: 5px 3%;
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	float: left;
	display: inline;
}

#links a img {
	width: 32px;
	height: 32px;
	margin: 0 auto;
	display: block;
}


/*EXTERNAL SITE COLOR INFORMATION*/

#signupFooter {
	color: Black;
}

#signupFooter a{
	color: Blue;
}

#signupFooter a:hover{
	color: Red;
}

/*THINGS THAT ARE RED #862632***********************/

#defaultFooter
{
	background-color: #F9F6E5;
}

#defaultForm,
#defaultForm .item input,
#defaultFooter
{
	border-color: #3d6088;
}

#defaultForm .item input.button
{
	color: #ffffff;
}

#defaultForm h2,
#defaultColumn h3,
#defaultForm label,
#defaultForm label.hint a,
#defaultForm .accessibleLabel,
#infoColumn h3
{
	color: #3d6088;
}

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

/*THINGS THAT ARE DARK BROWN #CEAE86****************/

#defaultForm
{
	background-color: #f0f0f0;
}


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

/*THINGS THAT ARE MEDIUM BROWN #EFCB9C**************/

#defaultForm .terms
{
	border-color: #EFCB9C;
}

#defaultForm .item input.button
{
	/*background-color: #3d6088;*/
         background-color: #0e4b93;
}

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

/*THINGS THAT ARE LIGHT BROWN #FFE4C2***************/

#wrap
{
	background-color: #ffffff;
}

#defaultColumn.double #defaultForm .item
{
	border-color: #FFE4C2;
}

#defaultFooter h2
{
	color: Black;
}

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

/*THINGS THAT ARE WHITE #FFFFFF*********************/

#defaultForm .terms
{
	background-color: #FFFFFF;
}

#wrap,
#footer
{
	border-color: #FFFFFF;
}

#defaultFooter a
{
	color: Blue;
}

#defaultFooter a:hover
{
	color: Red;
}

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

/*THINGS THAT ARE BLACK #000000*********************/

#defaultColumn h3.alert
{
	color: #000000;
}

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

/*THINGS THAT ARE RED #FF0000***********************/

#defaultForm label.alert
{
	color: red;
}
/***************************************************/


/*FONT INFORMATION*/

h2
{
	font-family: verdana, serif;
}


#footer {
    clear: both;
    background-image: url("/en-US/Images/layout/shadowbottom.gif");
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    font-size: 12px;
    color: rgb(153, 153, 153);
    padding-top: 11px;
    background-color: rgb(241, 242, 237);
    text-decoration: none;
}


.divZK {
  width: 200px;
}
 
.divZK h2 {
  font: 400 40px/1.5 Helvetica, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}
 
.divZK ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
 
.divZK li {
  font: 200 10px/1.5 Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #ccc;
}
 
.divZK li:last-child {
  border: none;
}
 
.divZK li a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 200px;
 
  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}
 
.divZK li a:hover {
  font-size: 30px;
  background: #f6f6f6;
}