/*COLOR INFORMATION*/

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

	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: #1B6DD1;
	}

	.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: #1B6DD1;
	}

	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: #1B6DD1;		
	}


/* DEEP BLUE ------------------------------------- */
	
	.quicklinks a
	{
		background-color: #487CC4; 
	}
	
	body 
	{
		background-color: #87B0E2;
	}

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

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

/* 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: #E0E8F6;
	}

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

/* 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
	{
		
                
                background-color: #FCF9EF;   /* Old browsers  */
		background-image:    -moz-linear-gradient(top, #FCF9EF 0%, #FFFAED 100%); /* FF3.6+ */
		background-image:        -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCF9EF), color-stop(100%,#FFFAED)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top, #FCF9EF 0%, #FFFAED 100%); /* Chrome10+,Safari5.1+ */
		background-image:      -o-linear-gradient(top, #FCF9EF 0%, #FFFAED 100%); /* Opera 11.10+ */
		background-image:     -ms-linear-gradient(top, #FCF9EF 0%, #FFFAED 100%); /* IE10+ */
		background-image:         linear-gradient(top, #FCF9EF 0%, #FFFAED 100%); /* W3C */ 
	}

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

/* 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: #D55757; 
	}
	#banner #bannertext
	{
		color: #D55757;
	}

/* 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: 80%;     /* 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:#289F0F;
	}
	
	#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:#1B7CF2;
	}
	
	.button.disabled,
	.button.disabled:hover,
	.uploader div.button.disabled
	{
		background-color:#ddd;  
	}
	
	#banner a.button:hover,
	#banner a.button:focus
	{
		background-color:#E16060;
	}
	
	#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: #d9e3f4;
	}
	
	.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: #e0e8f6;
	}
	
	.quicklinks a:hover,
	.quicklinks a:focus,
	.section .remoteLink a:hover
	{
		background-color: #568FDC;
		text-shadow: 0 1px 7px #FFFFFF;
		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 :) */
	}