/*  ---  General  ---  */
@import "AO_advanced.css";

.AOText	{font:100 13px Verdana}
.Bold	{font:700 13px Verdana}
.AOFootnote {font: 100 10px Verdana,Arial,Helvetica; color: #666;}
.AOPageTitle				{font: 700 12px Verdana,Arial,Helvetica; color: #000000;}
.Formtext {font: 700 11px Verdana,Arial,Helvetica; color: #666;}
.PageTextHeader	{font: 700 12px Verdana,Arial,Helvetica; color: #666666;}

.block-info-body-with-top	{width:244px; border:1px; font:100 8pt Verdana; border-left: 1px; border-right: 0px; border-top:4px; border-bottom: 1px; border-color: #E6CD81; border-style: solid; background-color: #FDF9ED;}
.block-info-body-with-top h3		{font:700 11px Verdana; margin-bottom:7px;margin-top:6px;margin-left:7px;padding:0px;}

.block-info-body-no-top	{width:244px; border:1px; font:100 8pt Verdana; border-left: 1px; border-right: 0px; border-top:0px; border-bottom: 1px; border-color: #E6CD81; border-style: solid; background-color: #FDF9ED;}
.block-info-body-no-top img		{font:700 11px Verdana; margin-bottom:0px;margin-top:7px;margin-left:7px; padding:0px; vertical-align: text-bottom;}
.block-info-body-no-top h3		{font:700 11px Verdana; margin-bottom:0px;margin-top: 0px; margin-left:7px;padding-top:6px;}

.related-link-heading		{font:700 11px Verdana; margin-bottom:0px;margin-top:0px;margin-left:7px;padding:0px;padding-top:6px;padding-bottom:0px;}
.related-link-bottom	{height:13px;}
.related-link	{margin-left: 4px; padding-bottom: 2px;}
.related-link A {font:100 11px Verdana; font-style: normal}

.spotlight-callout	{width:244px; border:1px; border-left: 1px; border-right: 1px; border-top:1px; border-bottom: 1px; border-color: #EAD088; border-style: solid; font:100 11px Verdana; background: #FAF2DA;}

.banner	{width:100%; font:700 11px Verdana; background: #B5CABF; height: 21px; text-align: left; padding-top: 0px; padding-left: 5px;}

.subnav		{font: 100 10px Verdana,Arial,Helvetica; color: #666;}

.subnavselected		{font: 100 10px Verdana,Arial,Helvetica; color: #000;}

.underlined { border:1px;  border-left: 0px; border-right: 0px; border-top:0px; border-bottom: 1px; border-color: #CCC; border-style: solid;}

.secureapp			{font: 100 11px Verdana,Arial,Helvetica; color: #666}

.eightpixel {padding-top:8px; padding-bottom:0px; padding-left: 0px; padding-right:0px;}

.inner-table {padding:0px;}

.inner-table td {vertical-align: bottom;padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right:0px;}

/* -- 4 Column Table -- */
.table-4-col 			{border-color: #999; border-style: solid; border-left-width: 1px; border-right-width: 0px; border-top-width:4px; border-bottom-width: 1px;}
.table-4-col th			{font:700 11px Verdana; padding-left:3px;  padding-bottom: 3px; color: #666; vertical-align:middle;  white-space: nowrap; padding-top:15px}
.table-4-col td			{font:100 11px Verdana; padding-left:3px; padding-top:4px; padding-bottom:6px; border-color: #ccc; border-style: solid; border-left-width: 0px; border-right-width: 1px; border-top-width:1px; border-bottom-width: 0px;}
.table-4-col td.lastrow			{font:100 11px Verdana; padding-left:3px; padding-top:4px; padding-bottom:12px; border-color: #ccc; border-style: solid; border-left-width: 0px; border-right-width: 1px; border-top-width:1px; border-bottom-width: 0px;}
.table-4-col .name		{text-align: left}
.table-4-col .data		{text-align: center}
.table-4-col td.lastcelltop	{text-align: center; border-right-width: 0px; padding-top:1px; }
.table-4-col td.lastcellbtm	{text-align: center; border-right-width: 0px; padding-bottom:12px; padding-top:1px; }
.table-4-col td.data	{text-align: '.'}	/* -- To override the right align once browsers support it -- */
/* Please note that Headers and Data can verify in size. Refer to design specification for your project.  They can be either 10 or 11 pixel Verdana, bold and normal font weight. */

.contact-box	{width:100%; border:1px; border-left: 1px; border-right: 1px; border-top:1px; border-bottom: 1px; border-color: #EAD088; border-style: solid; font:100 11px Verdana; background: #FDF9ED;}
.contact-box h6{font: bold 11px Verdana,sans-serif; margin: 0px; margin-top: 5px;  margin-left:7px}

.blue-call-out-box	{width:100%; border:1px; border-left: 1px; border-right: 1px; border-top:1px; border-bottom: 1px; border-color: #9999CC; border-style: solid; font:100 11px Verdana; background: #ECF2FB;}
.blue-call-out-box h6{font: bold 11px Verdana,sans-serif; margin: 0px; margin-top: 5px;  margin-left:7px}

.white-call-out-box	{width:100%; border:1px; border-left: 1px; border-right: 1px; border-top:1px; border-bottom: 1px; border-color: #CCC; border-style: solid; font:100 11px Verdana; background: #FFF;}

.blue-call-out-box2	{width:100%; border:1px; border-left: 1px; border-right: 1px; border-top:1px; border-bottom: 1px; border-color: #9999CC; border-style: solid; font:100 11px Verdana; background: #ECF2FB;}
.blue-call-out-box2 h6{font: bold 11px Verdana,sans-serif; margin: 0px; margin-top: 5px;  margin-left:7px}

.grey-box	{width:100%; border:1px; border-left: 1px; border-right: 0px; border-top:4px; border-bottom: 1px; border-color: #999; border-style: solid; font:100 11px Verdana; background: #FFF;}

.dark-grey-box	{width:100%; border:1px; border-left: 1px; border-right: 1px; border-top:4px; border-bottom: 1px; border-color: #666; border-style: solid; font:100 11px Verdana; background: #FFF;}

.error-box	{width:100%; border:1px; border-left: 1px; border-right: 1px; border-top:1px; border-bottom: 1px; border-color: #CC0000; border-style: solid; font:100 11px Verdana; background: #EFEFEF;}
.error-box h6{font: bold 11px Verdana, Arial,Helvetica; color:#CC0000; margin: 0px; margin-top: 7px;  margin-left:7px; margin-bottom:0px; padding-bottom:0px}

.popup-box	{width:100%; border:1px; border-left: 1px; border-right: 1px; border-top:1px; border-bottom: 1px; border-color: #6BA284; border-style: solid; font:100 11px Verdana; background: #FFFFFF;}
.popup-box h6{font: bold 11px Verdana,sans-serif; margin: 0px; margin-top: 5px;  margin-left:7px}

.green-box	{width:100%; border:1px; border-left: 1px; border-right: 1px; border-top:1px; border-bottom: 1px; border-color: #6BA284; border-style: solid; font:100 11px Verdana; background: #FFFFFF;}
.green-box h6{font: bold 11px Verdana,sans-serif; margin: 0px; margin-top: 5px;  margin-left:7px}

/* -- 2 Column Table -- */	
.table-2-col {border-color: #666; border-style: solid; border-left-width: 1px; border-right-width: 0px; border-top-width:4px; border-bottom-width: 1px; margin-top:2px;}
.table-2-col th			{font:700 11px Verdana; padding: 3px; color: #666;  vertical-align:top; white-space: nowrap}
.table-2-col td.toprow			{font:100 11px Verdana; border-top: 0px;}
.table-2-col td.bottomrow			{font:100 11px Verdana; padding-bottom:16px;}
.table-2-col td.footnoterow			{font: 100 10px Verdana,Arial,Helvetica; color: #666; padding-left:9px; padding-bottom: 12px; border-top: 0px;}
.table-2-col td.intable-footnote  {font: 100 10px Verdana,Arial,Helvetica; color: #666; border-top: 0px; padding-top: 0px;  vertical-align: top;}
.table-2-col td			{font:100 11px Verdana; border-top: 1px solid #ccc; padding-top:4px; padding-bottom:4px;  vertical-align: top;}
.table-2-col .name		{text-align: left}
.table-2-col .data		{text-align: right}
.table-2-col td.data	{text-align: '.'}	/* -- To override the right align once browsers support it -- */
/* -- End 2 Column Table -- */

/* -- 2 Column Table -- */	
.compare-table {border-color: #666; border-style: solid; border-left-width: 1px; border-right-width: 0px; border-top-width:4px; border-bottom-width: 1px; margin-top:2px;}
.compare-table th			{font:700 11px Verdana; padding: 3px; color: #666;  vertical-align:top; white-space: nowrap}
.compare-table td.firstrow	{font:100 13px Verdana; border-top: 0px; padding-top: 0px; padding-left: 4px; padding-bottom: 0px; text-align: left; vertical-align: top;}
.compare-table td.secondrow			{font:700 10px Verdana; border-top: 0px; padding-top: 2px; padding-left: 4px; padding-right: 0px; padding-bottom: 4px; text-align: center; vertical-align: middle; background-color:#DDD; }
.compare-table td.secondrow-firstcolumn			{font:700 10px Verdana; border-top: 0px; padding-top: 2px; padding-left: 4px; padding-right: 0px; padding-bottom: 4px; text-align: left; vertical-align: middle; background-color:#DDD; }
.compare-table td.bottomrow			{font:100 11px Verdana; padding-bottom:18px; border-top: 1px solid #ccc; padding-top: 6px; padding-left: 8px; text-align: left; }
.compare-table td			{font:100 11px Verdana; padding-left:8px; padding-top:0px; padding-bottom:0px;  vertical-align: bottom; text-align: left;}
.compare-table td.column			{font:100 11px Verdana; padding-left:8px; padding-top:4px; padding-bottom:4px;  vertical-align: top; text-align: left;}
.compare-table .name		{text-align: left}
.compare-table .data		{text-align: right}
.compare-table td.data	{text-align: '.'}	/* -- To override the right align once browsers support it -- */
/* -- End 2 Column Table -- */

.toc-title			{background:#6DA086; color:#fff; font: 11px Verdana; font-weight: bold; padding-left: 6px; padding-top: 3px; padding-bottom: 4px}
.toc-title2			{background:#B5CABF; color:#000; font: 11px Verdana; font-weight: bold; padding-left: 6px; padding-top: 3px; padding-bottom: 0px}
.toc-title2-bottom			{background:#B5CABF; color:#000; font: 11px Verdana; font-weight: bold; padding-left: 6px; padding-top: 3px; padding-bottom: 4px}
.block-toc-body		{border:1px; border-left: 1px; border-right: 0px; border-top:4px; border-bottom: 1px; border-color: #B5CABF; border-style: solid; background: #E3E9E3; padding-top: 2px;}
.block-toc-body a	{color:black}