/*_________________ craneherb.com styles _________________*/

/*html				{
				background: rgba(192, 192, 192, 0.27);
}*/

/* apply a natural box layout model to all elements, but allowing components to change */
html {
	box-sizing: border-box;
	height: 100%;
}
*, *:before, *:after {
	box-sizing: inherit;
}

body				{
				min-width: 1024px;
				height: 100%;
				margin: 0 0 0 0;
				/*margin: 0 auto;*/
				padding: 6px;
				font-family:arial, helvetica, sans-serif; 
				font-size: 12px;
				color:#000033;
				text-align: left;
				vertical-align: top;
				list-style-type:square;
}

body.popup, body.print
{
	min-width: initial;
}

.main-frame {
  /*position: relative;
  top: 6px;
  bottom: 6px;
  left: 6px;
  right: 6px;*/

	/*height: 100%;*/
	border: 1px solid #ebebeb;
	vertical-align: top;
	background: white;
}

.minWidthForIE		{
				/*position: absolute;
				top: 0;
				bottom: 0;
				border: 1px solid #cccccc;*/
				border: 1px solid #ebebeb;
				min-width: 1022px;
				/*width: expression(documentElement.clientWidth < 860 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 860 ? "860px" : "auto") : "860px") : "auto" );*/
				vertical-align: top;
				margin: 6px;
				background: white;
}

.disableNoWrap		{
		    	white-space: normal !important;
}

.fullCentered		{
				 width:100%;
				 height:100%; 
				 text-align:center; 
				 vertical-align:middle;
}

form				{
				padding: 0;
				margin: 0;
}

div.content, ul.content, ol.content, p.content, table.content td.content, textarea {
				font-family:arial, helvetica, sans-serif; 
				font-size: 12px;
				color:#000033;
				text-align: left;
				vertical-align:top;
				list-style-type:square;
				}

div#page-content {
	position: relative;
}

A:link 				{ 
				text-decoration: none;
				color: #6633CC;
				}

A:active 			{ 
				text-decoration: underline; 
				color: #330099;
				}

A:visited 			{ 
				text-decoration: none; 
				color: #3399FF;
				}

A:hover 			{ 
				text-decoration: underline; 
				color: #330099;
				}
				
A.alt1:link 				{ 
				text-decoration: none;
				color: #334499;
				}

A.alt1:active 	{ 
				text-decoration: underline; 
				color: #334499;
				}

A.alt1:visited 			{ 
				text-decoration: none; 
				color: #334499;
				}

A.alt1:hover 			{ 
				text-decoration: underline; 
				color: #334499;
				}
				
hr 				{
				border: 0;
				shade: no-shade;
				color: #000033;
				background-color: #000000;
				height: 1px;
				width: 100%;
				text-align: left;
				}
				
hr.alt1		{
				border: 0;
				shade: no-shade;
				color: #000033;
				background-color: #cccccc;
				height: 1px;
				width: 100%;
				text-align: left;
				margin: 0 0 0 0;
				}
hr.movable {
				border-top: 4px double #AAAAAA;
				background-color: #FFF;
				cursor: row-resize;
}
/* -------------------------------------------------------------------- */
/*  Heading styles								*/
/* -------------------------------------------------------------------- */

.heading			{
					font-weight:bold;
					color: #006600;
					font-size: 20px;
					}
					
.heading2		{
				font-weight: bold;
				font-size: 14px;
				color: #006600;
				}
			
.heading3		{
				font-weight: bold;
				font-size: 12px;
				color: #006600;
				}
			
.heading4		{
				font-style: italic;
				font-weight: bold;
				font-size: 12px;
				color: #006600;
				}
			
.headingHeadPage	{
				font-weight: bold;
				font-size: 13px;
				color: #00257A;
				}
			
.headingSection	{
				font-weight: bold;
				font-size: 14px;
				color: #006600;
				padding-top: 12px;
				}
				
.headingSectionAlt1	{
				font-weight: bold;
				font-size: 14px;
				color: #333333;
				padding-top: 12px;
				}
				
.tableLocationBar {
				background-color: #d1e2fe;
				padding: 4px;
				}

.hidden {
	display: none;
}

.force-hidden {
	display: none !important;
}

/*.invisible		{
				visibility: hidden;
				max-height: 0;
				}*/

.videoCaption   {
					font-weight:bold;
					font-size: 17px;
				    color: #97233f;
				}
						
.tablePage 		{	
				width:100%;
				table-layout: fixed;
				min-width: 770px;
				padding:25px;
				text-align: left;
				vertical-align: top;
				background-color: #ffffff;
				border-spacing: 0px;
				}
				
.tableGeneral	{
				text-align:left;
				vertical-align: top;
				}
				
.tablePageHeading	{
					width: 770px;
					min-width: 770px;
					text-align: left;
					vertical-align: top;
					background-color: #ffffff;
					border-spacing: 0px;
					}
					

.tableDynamicFixedHeaderDiv {
			        width: 100%;
			        height: 100%;
			        border-left: solid 1px gray;
			        border-right: solid 1px gray;
			        border-collapse:collapse;
					}

				
.tableA				{
					width: 770px;
					min-width: 770px;
					background-color: #ffffff;
					padding: 4px;
					}
				
.tablePreFooter	{
					width: 100%;
					height: 100px;
					background-color: #ffffff;
					}

.footerWrapper
{
					position: fixed;
					bottom: 0;
					left: 0;
					right: 0;
					z-index: 999999;
					padding: 0 6px 6px 6px;
					background: white;
}					
.tableFooter	{
					width: 100%;
					height: 10px;
					background-color: #00257A;
			        border-width: 0;							
					}
							
/*.tableFooter	{
					position: absolute;
					bottom: 0;
					width: 100%;
					height: 10px;
					text-align: middle;
					background-color: #00257A;
			        border-width: 0;							
					}*/
					
.tableFooterInside	{
					width:770px;
					min-width: 770px;
					text-align: middle;
					}
					
.tableFooter2	{
					width: 100%;
					height: 10px;
					text-align: middle;
					background-color: #00257A;
			        border-width: 0;							
					}
table.tableSelectable tr:hover
{
    background: #E7F0FF;
    cursor: pointer;
}
table.tableSelectable tr.selected
{
    background: #C5D3EA;
    cursor: pointer;
}										
table.tableDynamic2 	{
					border-width: 1px;
					border-style: solid;
					border-color: gray;
					border-collapse: collapse;
					}
										
/*table.tableDynamic2 th {
					-moz-border-radius: ;
					}*/
					
table.tableDynamic2 input {
				padding: 1px;
				letter-spacing: 1px;
				text-align: center;
				}

table.tableDynamic 	{
					border-width: 1px;
					border-style: solid;
					border-color: gray;
					border-collapse: collapse;
					}
table.tableDynamic, table.tableDynamic *
{
    box-sizing: border-box;
}
										
table.tableDynamic th {
					border-width: 1px;
					padding: 3px;
					border-style: solid;
					border-color: gray;
					}
					
table.tableDynamic td {
					border-width: 1px;
					padding: 3px;
					border-style: solid;
					border-color: gray;
					}

table.tableDynamic input {
				padding: 1px;
				font-size: 9px;
				letter-spacing: 1px;
				text-align: center;
				}



table.tableDynamic3 	{
					border-width: 1px;
					border-style: solid;
					border-color: gray;
					border-collapse: collapse;
					}
										
table.tableDynamic3 th {
					border-width: 1px;
					padding: 2px;
					border-style: solid;
					border-color: gray;
					font-size: 11px;
					}
					
table.tableDynamic3 td {
					border-width: 1px;
					padding: 2px;
					border-style: solid;
					border-color: gray;
					background-color: White;
					font-size: 11px;
					}


table.tableDynamic4 	{
					border-width: 1px;
					border-style: solid;
					border-color: gray;
					border-collapse: collapse;
					}
										
table.tableDynamic4 th {
					padding: 2px;
					font-size: 11px;
					}
					
table.tableDynamic4 td {
					padding: 2px;
					background-color: White;
					font-size: 11px;
					}

.tableHeaderRow		{
					border-width: 1px;
					padding: 3px;
					border-style: solid;
					border-color: gray;
					border-collapse: collapse;
					background-color: #00257A;
					color: #000000;
					font-size: 14px;
					}
					
.tableHeaderRow	td 	{
					border-width: 1px;
					padding: 3px;
					border-style: solid;
					border-color: #999999;
					background-color: #cccccc;
					}

.tableHeaderRowWB	{
					padding: 0;
					border-collapse: collapse;
					background-color: #00257A;
					color: #000000;
					font-size: 14px;
					}
					
.tableHeaderRowWB td {
					border-top:2px solid #ffffff;
					border-right:2px solid #ffffff;
					border-bottom:2px solid #ffffff;
					border-left:0;
					padding: 3px;
					background-color: #cccccc;
					}

.tableHeaderRowWB td.rightMost {
					border-top:2px solid #ffffff;
					border-right:0;
					border-bottom:2px solid #ffffff;
					border-left:0;
					padding: 3px;
					background-color: #cccccc;
					}

.tableAreaRow	{
					padding: 0;
					border-collapse: collapse;
					background-color: #f0f0f0;
					}
					
.tableAreaRow td {
					border-top:1px solid #f0f0f0;
					border-right:2px solid #f0f0f0;
					border-bottom:1px solid #f0f0f0;
					border-left:0;
					padding: 3px;
					background-color: #f0f0f0;
					}

.tableAreaRow td.rightMost {
					border-top:1px solid #f0f0f0;
					border-right:0;
					border-bottom:1px solid #f0f0f0;
					border-left:0;
					padding: 3px;
					background-color: #f0f0f0;
					}

.rowHeader td, .rowHeader th		{
					border-bottom: 1px solid gray; 
					border-top: 1px solid gray;
					border-left: none;
					border-right: none;
					border-spacing: 0;
					background-color: #cccccc;
					padding: 3px;
					font-size: 14px;
					font-weight: normal;
					vertical-align: bottom;
					}

.rowHeaderSortCol	{
					background-color: #dddddd;
					}
					
TH.rowHeaderSortCol  {
					background-color: #dddddd;
					}
					
.rowSummary td  	{
					border-bottom: 1px solid gray; 
					border-top: 1px solid gray;
					border-left: none;
					border-right: none;
					border-spacing: 0;
					background-color: #cccccc;
					padding: 3px;
					}
					
.rowHighlight td  	{
					border-bottom: 1px solid gray; 
					border-top: 1px solid gray;
					border-left: none;
					border-right: none;
					border-spacing: 0;
					background-color: #d1e2fe;
					padding: 3px;
					}
					
.rowNoVerticals	td	{
					border-bottom: 1px solid gray; 
					border-top: 1px solid gray;
					border-left: none;
					border-right: none;
					border-spacing: 0;
					background-color: White;
					padding: 3px;
					}

.rowNoVerticals2	{
					background-color: #FFFFE8;
					}
.rowNoVerticals2	td	{
					border-bottom: 1px solid gray; 
					border-top: 1px solid gray;
					border-left: none;
					border-right: none;
					border-spacing: 0;
					padding: 3px;
					}

.tableBorder1			{
					border-top: none;
					border !important-left: solid 1px gray;
					border-right: solid 1px gray;
					border-bottom: none;
					border-collapse: collapse;
					padding: 0 0 0 0;
					}

tr.tablePager td	{
					padding: 3px 3px 3px 3px;
					border-width: 1px;
					border-style: solid;
					border-color: gray;
					border-collapse: collapse;
					font-weight: bold;
					}
					
.tableActionPanel	{
					padding: 3px 3px 3px 3px;
					border-width: 1px;
					border-style: solid;
					border-color: gray;
					background-color: #FFDD75;
					text-align: center;
					vertical-align: middle;
					white-space: nowrap;
					}
					
tr.tablePager td.tableActionPanelCell	{
					padding: 0;
					border-style: none;
					}
					
tr.tablePager td.tablePagerMessage	{
					border-style: none;
					font-weight: normal;
					width: 99%;
					text-align: right;
					}

.tablePager a		{
					font-weight: normal;
					}

td.tableCart	   	{
					padding: 3px 3px 3px 3px;
					border-width: 1px;
					border-style: solid;
					border-color: gray;
					}
					
.contentFooter		{
					text-align: center;
					width: 480px;
					border: solid 1px black;
					padding: 8px 8px 8px 8px;
					}

.popupHeader		{
					background-color:#eeeeee;
					padding:4px;
					border-bottom: solid 1px #00257A;
					}

.dccPanel			{
					border-top: solid 1px gray;
					border-left: solid 1px gray;
					border-right: solid 1px gray;
					border-bottom: none;
					border-collapse: collapse;
					padding: 3px 0 0 0;
				    background-color: #cccccc;
					}

.dccPanelHighLight			{
					border-top: solid 1px gray;
					border-left: solid 1px gray;
					border-right: solid 1px gray;
					border-bottom: none;
					border-collapse: collapse;
					padding: 3px 0 0 0;
				    background-color: #d1e2fe;
					}

.dccPanelTitle		{
					font-size:11pt;
					padding: 0 3px 3px 3px;
					}
					
.panelInfo, .panelInput {
					border: solid 1px #cccccc;
					padding: 6px 6px 6px 6px;
					}					
.panelInfo {
					background-color: #FFFFCC;
					}
.panelInput {
					background-color: #EEFFFF;
					}

.divVertPad6		{
					padding: 6px 0px 6px 0px;
					}

.tableStructuredGridList {
					width:96%;
					}

.tableStructuredGridHeadRow TD {
					font-weight:bold;
					color: #006600;
					padding: 12px 0 0 0;
					}
.tableStructuredGridHeadRow TD:first-of-type {
					font-size: 14px;
					}
.tableStructuredGridHeadRow TD:not(:first-of-type) {
					font-size: 10px;
					}

.tableStructuredGridDataRow TD {
					padding: 0 0 1px 0;
					}

.tableStructuredGridDataSubRow TD {
					padding: 0 0 1px 0;
					}

.tableMidLine		{
					vertical-align: middle;
					border: none;
					height: 1px;
					width: 100%;
					}

.listCompressed		{
					padding-left: 28px;
					margin-top:3px;
					}
					
.discountBox		{
					background-color: #4ECCFF;
					text-align:center;
					padding: 3px 0 3px 0;
					width: 60px;
					}

.noDiscountBox		{
					background-color: #CCCCCC;
					text-align:center;
					padding: 3px 0 3px 0;
					width: 60px;
					}


.prescriptionForPrescribe > table {
					border-bottom: solid 2px #CCCCCC;
                          }

span.info-flag, li.info-flag::after {
	display: inline-block;
	height: 10px;
	width: 10px;
	background: url(../media/images/graphics/info-small.png) no-repeat top right;
	/*background-size: 100%;*/
}
li.info-flag::after {
	content: "";
}

/* -------------------------------------------------------------------- */
/*  Image styles														*/
/* -------------------------------------------------------------------- */

.dotSeparatorImage	{
					padding: 0 7px 0 7px;
					}

.imgSortIndicatorArrow	{
					margin: 0 6px 0 2px;
					}

/* -------------------------------------------------------------------- */
/*  Text styles															*/
/* -------------------------------------------------------------------- */
.is-impersonating .impersonation-label {
	font-size: 16px;
	line-height: 8px;
	color: red;
	letter-spacing: 1px;
}

.breadcrumbs {
	font-size: 9px;
	text-align: left;
	vertical-align: top;
}
		
.breadcrumbs a:link	{color:#000000;}
.breadcrumbs a:visited {color:#000000;}	
.breadcrumbs a:hover {color:#000000; text-decoration: underline;}

.textMarketingTag {
				font-size: 9px;
				text-align: center;
				vertical-align: middle;
				}

.textMarketingTag a:link	{color:#330099;}
.textMarketingTag a:visited {color:#330099;}	
.textMarketingTag a:hover {color:#330099; text-decoration: underline;}

a.more 			{
				color: #FFFFFF;
				font-weight: bold;
				}
		
.more a:hover   {text-decoration: underline;}
		
.more a:visited {color: #FFFFFF;}

a.highlight		{
				color: Red;
				font-weight: bold;
				}
		
.highlight a:hover {
				color: Red;
				font-weight: bold;
				text-decoration: underline;
				}

.highlight a:visited {
				color: Red;
				font-weight: bold;
				}
				
.userInfo		{
				font-weight: bold;
				color: #669966;
				}
					
.patientInfo	{
				white-space: nowrap;
				font-weight: bold;
				color: #006600;
				}

.textChinese    {
				font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
				font-size: 14px;
				line-height: 12px;
				text-align: justify; 
				text-justify: inter-ideograph;
				}				
	
.textHighlight 		{
  					background-color: #ffcc33;
					}
					
.textFooter		{
				font-size: 10px;
				color: #ebebeb;
				padding:3px;
				vertical-align: middle;
				}
/*
.textFooter-original		{
				font-size: 10px;
				color: #ebebeb;
				padding-left:25px;
				padding-top:5px;
				vertical-align: middle;
				}				
*/
		
.textFooter a:link	{color:#ebebeb;}
.textFooter a:visited {color:#ebebeb;}	
.textFooter a:hover {color:#ebebeb;}


.textFooterNav	{
				font-size: 10px;
				color: #666666;
				text-align: middle;
				padding-top:5px;
				vertical-align: middle;
				}
		
.textFooterNav a:link	{color:#ebebeb;}
.textFooterNav a:visited {color:#ebebeb;}	
.textFooterNav a:hover {color:#ebebeb;}


.textNav2	{
				vertical-align: middle;
				font-size: 13px;
				color: #666666;
				text-align: right;
				}
		
.textNav2 a:link	{color:#006600;}
.textNav2 a:visited {color:#006600;}	
.textNav2 a:hover {color:#006600;}


.textTableHeader 	{
					font-size: 15px;
					}

.textUserInstruction { font-weight: bold;
					font-size: 12px;
					color: #006600;
					}

.textUserInstructionHL { font-weight: bold;
					font-size: 12px;
					color: Blue;
					}
					
.textUserFeedback	{ font-weight: bold;
					font-size: 12px;
					color: #006600;
					}


.textUserHighlight1	{ font-weight: bold;
					font-size: 14px;
					color: Red; 
					}

.textUserHighlight2	{ font-weight: bold;
					font-size: 14px;
					color: Blue;
					}

.textSystemError	{font-weight: bold;
					font-size: 12px;
					color: red;
					}

.textUserError		{font-weight: bold;
					font-size: 12px;
					color: red;
					}

.textUserWarning	{font-weight: bold;
					font-size: 12px;
					color: Maroon;
					}

.textNotAvailableMsg {
					font-style:italic;
					font-size: 11px;
					}

.textFormLabel      {
                    font-weight: bold;
                    font-size: 12px;
                    padding-right: 5px;
                    }

.textFormLabelLight	{
                    font-size: 12px;
                    padding-right: 5px;
                    }

.textFormLabelLightDisabled	{
                    font-size: 12px;
                    padding-right: 5px;
                    color: Gray;
                    }

.textFormLabelSmall	{
                    font-size: 11px;
                    }

.textTopUserMessage	{
					padding-top: 8px; 
					padding-bottom: 8px;
					}

.textMissingDataMessage {
                    color: Maroon;
                    font-style: italic;
                    }
                    
.textFinePrint      {
                    font-size: 9px;
                    }
                    
.textGridInnerNote	{
                    color: Navy;
                    font-size: 12px;
                    font-style: italic;
                    line-height: 1.4em;
                    }

.textGridInnerNote SUP { line-height: 0; }

.textNewFlag		{
                    color: #0000FF;
                    background-color: Yellow;
                    font-weight: bold;
                    font-size: 10px;
                    font-style: italic;
                    line-height: 1em;
                    padding: 1px 2px 1px 1px;
                    margin-left: 1px;
                    }

.textDiscountFlag	{
                    color: #0000FF;
                    background-color: #FFA54F;
                    font-weight: bold;
                    font-size: 10px;
                    font-style: italic;
                    line-height: 1em;
                    padding: 1px 2px 1px 1px;
                    margin-left: 1px;
                    }

a.linkInnerGrid		{
					font-size: smaller;
					padding-left: 5px;
					}

a.linkInnerGrid.highlight		
					{
					font-weight: bold;
					color: red;
					}

input.linkInnerGrid	{
					margin-left: 5px;
					}
                    
.textFootnote		{
					font-size: 10px;
					color: #3e3e3e;
					}

.textMissingItemFlag {
					color:Red;
					text-align: center;
				    vertical-align: middle;
					}

.textFramed1		{
					padding: 3px 3px 3px 3px;
					border: solid 1px #cccccc;
					}

.textHeaderTime		{
					font-family:arial,helvetica,sans-serif; 
					font-size:10px; 
					color:#00257A; 
					padding-left:3px; 
					padding-top:6px;
					}
.textCFHighlight	{
					font-style: italic;
					}
					
.struckPrice		{
					font-size:11px; 
					text-decoration: line-through;
					vertical-align: super;
					color: #990000;
					}

.discountPrice		{
					color: Black;
					}
					
.discountFootSymbol {
					color: #990000;
					font-weight: bold;
					}
										
.textIncentive		{
					font-family:arial, helvetica, sans-serif; 
					font-size: 11px;
					margin-top: 6px;
					padding: 1px 1px 1px 2px;
					border: 1px solid white;
					}
					
.textIncentiveDesc	{
					color: Blue;
					}
					
.textIncentiveBlurb	{
					color: Blue;
					font-weight: bold;
					}


.treeViewItem td	{
					vertical-align:top;
					}
					
.alphaLink
{
	padding:0 3px 0 3px;
	font-size: 12px;
}

.textPkupQuantityLabel
{
	color:#4e4e4e;
	font-size:11px;
	font-weight:700;
}

.textPkupPrescription
{
	color:#4e4e4e;
	font-size:11px;
	font-weight:700;
}

.textPkupProductName
{
    color: Navy;
	font-weight:bold;
}

.textPkupCompanyName
{
    color: Navy;
	font-weight:bold;
}

.textPkupQuantity
{
    color: #006600;
	background-color: #f6f6f6;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	border: solid 1px White;
	width: 19px;
	height: 17px;
	display: block;
}

.textPkupPrescNumber
{
/*	background-image:url('../../media/images/graphics/pn-bg.png'); 
	background-repeat:repeat-y;"
*/
    color: Navy;
	font-weight:bold;
}

.textPkupPrice
{
    color: Navy;
	font-weight:bold;
}

.textPkupProductCode	
{
    color: Navy;
    font-size: 10px;
}

.textDiscountName
{
    color: Navy;
	font-weight:bold;
}

.textDiscountAddl
{
    color: Navy;
    padding-left: 8px;
}

.textDiscountPromo
{
    font-style: italic;
}

/* -------------------------------------------------------------------- */
/*  Button styles								*/
/* -------------------------------------------------------------------- */
.button, .ui-button 		{
				background-color: #669966;
				padding: 2px;
				font-family: arial, helvetica, sans-serif;
				color: #ffffff;
				font-size: 11px;
				letter-spacing: 1px;
				vertical-align: middle;
				text-align: middle;
				border: bevelled 0 #ebebeb;
			    -webkit-appearance: none;
			    border-radius: 0;
				}
				
.buttonInactive 		{
				background-color: #cccccc;
				padding: 2px;
				font-family: arial, helvetica, sans-serif;
				color: #999999;
				font-size: 11px;
				letter-spacing: 1px;
				vertical-align: middle;
				text-align: middle;
				border: 0px bevelled #ebebeb;
			    -webkit-appearance: none;
			    border-radius: 0;
				}

.buttonHighlight {
				background-color: #669966;
				padding: 2px;
				font-family: arial, helvetica, sans-serif;
				font-weight: 500;
				color: #ffffff;
				font-size: 11px;
				letter-spacing: 1px;
				vertical-align: middle;
				text-align: middle;
				border: 0px bevelled #ebebeb;
			    -webkit-appearance: none;
			    border-radius: 0;
				}

.textHighlightColor {
				color: inherit;
				}
				
.buttonHighlight2 {
				background-color: #996666;
				padding: 2px 1px 2px 6px;
				font-family: arial, helvetica, sans-serif;
				font-weight: bold;
				color: #ffffff;
				font-size: 11px;
				letter-spacing: 3px;
				vertical-align: middle;
				text-align: middle;
				border: 0px bevelled #ebebeb;
				}

.smallButton	{
				background-color: #669966;
				padding: 1px;
				font-family: arial, helvetica, sans-serif;
				color: #ffffff;
				font-size: 10px;
				letter-spacing: 0;
				vertical-align: middle;
			    -webkit-appearance: none;
			    border-radius: 0;
				}

.smallButtonInactive	{
				background-color: #cccccc;
				padding: 1px;
				font-family: arial, helvetica, sans-serif;
				color: #999999;
				font-size: 10px;
				letter-spacing: 0;
				vertical-align: middle;
			    -webkit-appearance: none;
			    border-radius: 0;
				}

.smallerButton	{
				background-color: #669966;
				padding: 0px;
				font-family: arial, helvetica, sans-serif;
				color: #ffffff;
				font-size: 9px;
				letter-spacing: 0;
				vertical-align: middle;
			    -webkit-appearance: none;
			    border-radius: 0;
				}
.smallerButtonInactive	{
				background-color: #cccccc;
				padding: 0px;
				font-family: arial, helvetica, sans-serif;
				color: #999999;
				font-size: 9px;
				letter-spacing: 0;
				vertical-align: middle;
			    -webkit-appearance: none;
			    border-radius: 0;
				}

.buttonFlat		{
				background-color: #669966;
				padding: 2px;
				font-family: arial, helvetica, sans-serif;
				color: #ffffff;
				font-size: 11px;
				line-height: 12px;
				letter-spacing: 1px;
				vertical-align: middle;
				text-align: middle;
				border: 0px solid #ebebeb;
			    -webkit-appearance: none;
			    border-radius: 0;
				}
.buttonFlat:focus {
				background: #669966;
				}
.buttonFlat:hover {
				background: #669966;
				}
.buttonFlatInactive 		{
				background-color: #cccccc;
				padding: 2px;
				font-family: arial, helvetica, sans-serif;
				color: #999999;
				font-size: 11px;
				line-height: 12px;
				letter-spacing: 1px;
				vertical-align: middle;
				text-align: middle;
				border: 0px solid #ebebeb;
			    -webkit-appearance: none;
			    border-radius: 0;
				}
.smallButtonFlat		{
				background-color: #669966;
				padding: 0;
				font-family: arial, helvetica, sans-serif;
				color: #ffffff;
				font-size: 10px;
				letter-spacing: 0;
				vertical-align: middle;
				text-align: middle;
				border: 0px solid #ebebeb;
			    -webkit-appearance: none;
			    border-radius: 0;
				}
.smallButtonFlatInactive		{
				background-color: #cccccc;
				padding: 0;
				font-family: arial, helvetica, sans-serif;
				color: #999999;
				font-size: 10px;
				letter-spacing: 0;
				vertical-align: middle;
				text-align: middle;
				border: 0px solid #ebebeb;
			    -webkit-appearance: none;
			    border-radius: 0;
				}

.radioButtonSelector input {
				border: 0 0 0 0;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				text-align: center;
				vertical-align: middle;
				}

.listBoxSmall	{
				font-size:11px;
				min-width:100px;
				}
				
.initializedText {
				color: GrayText;
				}
										
/* -------------------------------------------------------------------- */
/*  User Control-specific styles                                        */
/* -------------------------------------------------------------------- */		

.cgvMain1			{
                    font-size: 11px;
                    color: #4e4e4e;
					}

.cgvDropDown1		{
                    font-size: 10px;
                    color: #4e4e4e;
					}

.smallerDropDown1		{
                    font-size: 11px;
                    color: #4e4e4e;
					}

/* -------------------------------------------------------------------- */
/*  Styles brought in from temp.css						*/
/* -------------------------------------------------------------------- */
.highlightButton
{
	background-color: #CCCCCC;
	padding: 2px;
	font-family: arial, helvetica, sans-serif;
    color: #636363;
	font-size: 11px;
	letter-spacing: 1px;
	vertical-align: middle;
	text-align: middle;
	border: solid 1px #636363;
}
.loginTable
{
	margin: 6px 10px 10px 10px;
	width: 148px;
}
.loginTable td
{
	padding: 2px 0 0 0;
}
.headPageStrong
{
	margin-bottom: 4px;
	font-weight: bold;
	font-size: 17px;
    color: #333333;
}
.headPageFormLabel {
	padding: 3px;
	text-align: right;
	font-weight: bold;
	font-size: 13px;
	color: #333333;
}
.loginFailureText {
	margin-top: 5px;
	min-height: 14px;
	white-space: normal;
	font-size: 14px;
	line-height: 14px;
	color: red;
}

.listFeaturedDiscounts li, .listFeaturedDiscounts a
{
	color: White;
}
			
/* -------------------------------------------------------------------- */
/*  Styles added by Bekah							*/
/* -------------------------------------------------------------------- */
p, li		{
				font-family:arial, helvetica, sans-serif; 
				font-size: 12px;
				color:#333333;
				text-align: left;
				vertical-align:top;
				list-style-type:square;
				}


.headingWhite			{
					font-weight:bold;
					color: #FFFFFF;
					font-size: 20px;
					}

.heading2White	{
				font-weight: bold;
				font-size: 14px;
				color: #FFFFFF;
				}

.heading3White	{
				font-weight: bold;
				font-size: 12px;
				color: #FFFFFF;
				}
.pictureCredit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
	padding: 0px 4px;
}	
.white	{
	color: #FFFFFF;
}
a.white	{
	color: #FFFFFF;
}
a:visited.white {
	color: #FFFFFF;
}
.index	{
	width: 80%;
	padding-left: 10px;
}.articles	{
	width: 60%;
	padding-left: 10px;
}
.indexPadding	{
	width: 90%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.boxBlueWhiteBorder {
	margin: 0 0 0 0;
	padding: 8px 8px 0 8px;
	border: 1px solid #FFFFFF;
	background-color: #336699;
	color: #FFFFFF;
	width: 85%;
}
.boxGreenWhiteBorder {
	margin: 5px;
	padding: 10px;
	border: 1px solid #FFFFFF;
	background-color: #336633;
	color: #FFFFFF;
	width: 75%;
}
.boxWhiteBlueBorder {
	margin: 5px;
	padding: 10px;
	border: 1px solid #336699;
	background-color: #FFFFFF;
	color: #336699;
	width: 75%;
}
.boxLightGrey {
	margin: 5px;
	padding: 10px;
	border: 1px solid #FFFFFF;
	background-color: #EEEEEE;
	color: #000033;
	width: 75%;
}
.boxLightBlue {
	margin: 5px;
	padding: 10px;
	border: 1px solid #FFFFFF;
	background-color: #d1e2fe;
	color: #000033;
	width: 75%;
}
.faqQuestion {
	color: #006600;
	font-weight:bold;
	font-size: 14px;
}
.faqAnswer {
	padding-left: 20px;
}
a.faqLink {
	font-style: italic;
}
.imagePadding	{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}



/* -------------------------------------------------------------------- */
/* Site Message (text) styles					 						*/
/* -------------------------------------------------------------------- */
.site-msg-informational {
	font-size: 12pt;
	color: mediumblue;
}

.site-msg-outage {
	font-size: 12pt;
	color: Maroon;
}

.site-msg-urgent {
	font-size: 12pt;
	color: Red;
}

.site-msg-urgent-announcement {
	font-weight: bold;
	font-size: 20px;
	color: Red;
}

.site-msg-announcement {
	font-weight: bold;
	font-size: 15px;
	color: Red;
}


/* -------------------------------------------------------------------- */
/* AJAX in-process page disabling styles		 						*/
/* -------------------------------------------------------------------- */
#AjaxClearDisablingArea {
	box-sizing: content-box;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF; 
	filter: alpha(opacity=0);
	opacity: 0.0;
	z-index: 20000;
	cursor: wait;
}

#AjaxDisablingArea, .modal-background {
	box-sizing: content-box;
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	/*overflow: hidden;*/
	padding: 0;
	margin: 0;
	background-color: #CCCCCC; 
	filter: alpha(opacity=30);
	opacity: 0.3;
	z-index: 20000;
	cursor: wait;
}

#AjaxProgressMessagePosition, #SessionNotificationMessagePosition, #PrescriptionReviewMessagePosition
{
	box-sizing: content-box;
	display: block;
	text-align: center;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	margin: auto;
	padding: 200px 0 0 0;
	z-index: 20001;
	cursor: wait;
}

#AjaxProgressMessageArea, #SessionNotificationMessageArea, #PrescriptionReviewMessageArea
{
	box-sizing: content-box;
	font-size: 18px;
	color: #4E4E4E;
	background-color: #99CC99;
	white-space: nowrap;
	position: relative;
	display: inline-table;
	padding: 12px;
	border: solid 1px #666666;
	width: 1%;
	height: 1%;
	margin: auto;
	cursor: wait;
}


/* -------------------------------------------------------------------- */
/* Misc. styles					 						*/
/* -------------------------------------------------------------------- */
.sanitized-invalid-tag-message {
	display:inline-block;
	padding-left: 2px;
	font-size: smaller;
	color: lightcoral;
}

.forumAdBox {
	margin: 5px;
	padding: 10px;
	border: 1px solid #336699;
	background-color: #FFFFFF;
	color: #336699;
	width: 75%;
}

/*
 Ajax Control Toolkit tab styles
*/
.actTab .ajax__tab_header 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor: pointer;
}

.actTab.split1 .ajax__tab_header > span:not(:first-of-type)
{
	float: right;
}
.actTab.split1 .ajax__tab_header > span:not(:first-of-type) .ajax__tab_outer
{
	margin-left: 0;
	margin-right: 4px;
}

.actTab .ajax__tab_tab 
{
	display: inline-block;
	height: 22px; 
	line-height: 24px;
	padding: 0 3px 0 3px;
    background: url(../media/images/ComponentArt/client_side_tabStrip/tab_bg.gif) repeat-x;
}
.actTab .ajax__tab_outer 
{
	display: inline-block;
    margin-left: 4px;
	padding-left: 3px;
    background: url(../media/images/ComponentArt/client_side_tabStrip/tab_left_icon.gif) no-repeat left  bottom;
}
.actTab .ajax__tab_inner 
{
	display: inline-block;
	padding-right: 3px;
    background :url(../media/images/ComponentArt/client_side_tabStrip/tab_right_icon.gif) no-repeat right bottom;
}

.actTab a.ajax__tab_tab, a.ajax__tab_tab:visited
{
	color: #666666;
}
.actTab .ajax__tab_active a
{
	color: #EFEFEF;
	font-weight: bold;
}
.actTab .ajax__tab .ajax__tab_tab 
{
	display: inline-block;
	height: 22px; 
	line-height: 24px;
}
.actTab .ajax__tab_active .ajax__tab_tab 
{
	display: inline-block;
	padding: 0 3px 0 3px;
    background: url(../media/images/ComponentArt/client_side_tabStrip/selected_tab_bg.gif) repeat-x;
}

.actTab .ajax__tab_active .ajax__tab_outer 
{
    margin-left: 4px;
	padding-left: 3px;
    background: url(../media/images/ComponentArt/client_side_tabStrip/selected_tab_left_icon.gif) no-repeat left  bottom;
}
.actTab .ajax__tab_active .ajax__tab_inner 
{
	padding-right: 3px;
    background :url(../media/images/ComponentArt/client_side_tabStrip/selected_tab_right_icon.gif) no-repeat right bottom;
}

.actTab .ajax__tab_hover.ajax__tab_active .ajax__tab_tab
{
	cursor: default;
}
.actTab .ajax__tab_hover:not(.ajax__tab_active) .ajax__tab_tab
{
	display: inline-block;
	height: 22px; 
	line-height: 24px;
	padding: 0 3px 0 3px;
    background: url(../media/images/ComponentArt/client_side_tabStrip/hover_tab_bg.gif) repeat-x;
}
.actTab .ajax__tab_hover:not(.ajax__tab_active) .ajax__tab_outer
{
    margin-left: 4px;
	padding-left: 3px;
    background: url(../media/images/ComponentArt/client_side_tabStrip/hover_tab_left_icon.gif) no-repeat left  bottom;
}
.actTab .ajax__tab_hover:not(.ajax__tab_active) .ajax__tab_inner
{
	padding-right: 3px;
    background :url(../media/images/ComponentArt/client_side_tabStrip/hover_tab_right_icon.gif) no-repeat right bottom;
}

.actTab .ajax__tab_body
{
	border-top: solid 1px #666666;
	border-left: none;
	border-right: none;
	border-bottom: none;
	width: 100%;
}

table.table-sourcebook
{
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
}

table.table-sourcebook th, table.table-sourcebook tr:first-child > td, table.table-sourcebook-double-header tr:nth-child(2) > td
{
	border: 1px solid gray;
	border-spacing: 0;
	background-color: #cccccc;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: bottom;
	/*text-transform: uppercase;*/
}

table.table-sourcebook td
{
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: gray;
	vertical-align: top;
}

table.table-sourcebook tr:not(:first-child) > td:first-child
{
	font-weight: bold;
	color: #006600;
	/*text-transform: uppercase;*/
}

table.table-sourcebook-clear-col1 tr:not(:first-child) > td:first-child
{
	font-weight: normal !important;
	color: #000;
	/*text-transform: none;*/
}

table.table-sourcebook-double-header tr:first-child > td
{
	text-align: center;
}

table.table-sourcebook-double-header tr:not(:first-child) > td:first-child, table.table-sourcebook td.make-normal
{
	color: #000;
}

table.table-sourcebook-double-header tr:nth-of-type(n+3) > td:first-child, table.table-sourcebook td.make-normal
{
	font-weight: normal !important;
}

table.table-sourcebook-dual-col1 tr:not(:first-child) > td:first-child > div:last-child
{
	font-weight: normal !important;
}

div.book-content
{
    width: 720px;
}
div.book-content ul, div.book-content ol
{
    margin-top: 0;
    margin-left: 10px;
}
div.book-content > div, div.book-content li
{
    color: #111;
    font-family: Times,'Times New Roman','Lucida Serif',serif;
    font-size: 1.36em;
}
div.book-content > div
{
    padding-left: 20px;
    padding-bottom: 16px;
    font-size: 1.39em;
    line-height: 1.45em;
}
div.book-content ul li
{
    list-style-type: circle;
}
div.book-content ol li
{
    list-style-type: decimal;
}
div.book-content sup, sup.foot-mark
{
    font-size: 65%;
	line-height: 65%;
}
div.book-content div.book-footnote
{
    padding-bottom: 0;
    font-size: 100%;
}
div.book-footnote > span:first-child
{
    font-weight: bold;
}
div.book-content div.book-quote
{
    font-style: italic;
    color: red;
}
div.book-content div.book-quote > i
{
    font-style: normal;
}
sup.footnote1 {
	display: inline-block;
	margin-right: 1px;
	font-size: 95%;
	font-weight: bold;
	color: darkviolet; /*goldenrod;*/
}
span.footnote1 {
	font-size: 95%;
	font-style: italic;
}
span.sb-formula-compare > label
{
    color: Navy;
    font-size: 11px;
    font-style: italic;
    line-height: 1.4em;
	vertical-align: top;
}

span.sb-formula-compare > input[type=checkbox]
{
  -ms-transform: scale(0.9); /* IE */
  -moz-transform: scale(0.9); /* FF */
  -webkit-transform: scale(0.9); /* Safari and Chrome */
  -o-transform: scale(0.9); /* Opera */
	margin: 2px 1px 0 3px;
}

/* DEMO STYLES -------------- */
.demo-bar
{
	box-sizing: border-box;
	width: 100%;
	height: 24px;
	line-height: 24px;
	padding-left: 8px;
	font-size: 9px;
	font-weight: bold;
	/*color: darkgrey;*/
	background: red;
}
.demo-bar a
{
	font-weight: 900;
	color: indigo;
}
.demo-text
{
	border: solid 6px red;
	padding: 12px;
	margin: 12px 0;
}
.demo-text > div
{
	margin-bottom: 12px;
}
.demo-text > div:last-child
{
	margin-bottom: 0;
}
.demo-text > ul
{
	margin-bottom: 0;
}
/* DEMO STYLES -------------- */

.empty-library-message
{
	/*display: none;*/

	font-style: italic;
	font-size: 14px;
	margin-top: 12px;
}
.empty-library-message a
{
	font-weight: bold;
}

.bookmark
{
	display: inline-block;
	min-width: 30px;
}
.bookmark, .bookmark *
{
	cursor: pointer;
	border: none;
}
.bookmark.changing, .bookmark.changing *
{
	cursor: wait;
}
/*.bookmark.checked, .bookmark.checked *
{
	cursor: default;
}*/
.bookmark:hover:after
{
	content: "✔";
	position: relative;
	top: 0;
	left: -12px;
  	font-size: 14px;
	line-height: 14px;
	color: #50A0FF;
}
.bookmark.checked::after
{
	content: "✔";
	position: relative;
	top: 0;
	left: -12px;
  	font-size: 14px;
	line-height: 14px;
	color: #883D99;
}
.bookmark.checked:hover:after
{
	content: "✘";
  	font-size: 15px;
	color: #F23A3A;
}

.TreatmentComponentDisplay.panelInfo 
{
    margin-bottom: 6px;
    position: relative;
}
.TreatmentComponentDisplay-edit-overlay 
{
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
	background-color: #CCCCCC;
	opacity: 0.5;
}
.TreatmentComponentDisplay-edit-overlay-text
{
    display: none;
    position: absolute;
    top: 30%;
    /*bottom: 30%;*/
    left: 40%;
    right: 40%;
    z-index: 1000;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	/*font-weight: bold;*/
	font-style: italic;
	background: #EEFFFF;
	border: solid #CCCCCC 1px;
	/*padding-top: 40%;*/
}
.TreatmentComponentDisplay-controls 
{
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 2px;
}
.TreatmentComponentDisplay tr
{
    vertical-align: top;
}

.disabled-image
{
	opacity: 0.3;
	cursor: default !important;
}

/*AutoComplete flyout */
.autocomplete_completionListElement 
{  
	margin: 0px !important;
	background-color: white;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: default;
	overflow: auto;
	height: 200px;
    text-align: left; 
    list-style-type: none;
	padding: 0;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	list-style-type: none;
	margin: 0;
}
/* AutoComplete item */
.autocomplete_listItem 
{
	height: auto;
	background-color: window;
	color: windowtext;
	padding: 1px;
	list-style-type: none;
	margin: 0;
}


.CustomFormulaGrid .filters
{
	/*display: table;*/
	width: 100%;
    margin-bottom: 4px;
}
/*.CustomFormulaGrid .filters > div
{
	display: table-cell;
	vertical-align: bottom;
}
.CustomFormulaGrid .filters > div:last-of-type
{
	text-align: right;
}*/


div.form-table
{
	display: table;
	width: 100%;
}
div.form-table > div
{
	display: table-row;
	width: 100%;
}
div.form-table > div > div 
{
	display: table-cell;
	padding: 3px;
}
/*div.form-table > div > div:first-of-type,*/
div.form-table > div > div.label
{
	text-align: right;
	font-weight: bold;
	font-size: 12px;
}
div.form-table > div > div:nth-of-type(3)
{
	text-align: right;
}
div.form-table.nowrap-labels > div > div:first-of-type
{
	white-space: nowrap;
}

.page-expander
{
	cursor: pointer;
	height: 16px;
	width: 16px;
	background-size: cover;
	background-image: url(../media/images/graphics/expand-page.png);
}
.page-expander.expanded
{
	background-image: url(../media/images/graphics/contract-page.png);
}



.cols3.breathe {
    margin-top: 10px;
    margin-bottom: 14px;
}
.cols3:after 
{
    content: "";
    display: table;
    clear: both;
}
.cols3 > div
{
    width: 33.33333%;
    min-height: 60px;
    /*border: solid 1px red;*/
    padding: 0 5px;
}
.cols3.controls > div
{
    min-height: 20px;
}
.cols3 > div:last-child
{
    float: right;
    text-align: right;
}
.cols3 > div:not(:last-child)
{
    float: left;
}
.cols3 > div:nth-child(2)
{
    text-align: right; /*center;*/
}
.cols3 > div:nth-child(2) > div
{
    text-align: right;
    display: inline-block;
    white-space: nowrap;
}