/* /stylesheets/https-common/base.css - Base Style Sheet for IDC Pages */

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	position: relative;
}

/* ========== Anchor formatting ========== */
a:link {
	color: #2866af;
	outline: none;
}
a:visited {
	color: #5780ae;
	outline: none;
}
a:hover {
	color: #2866af;
	outline: none;
}
a:active {
	outline: none;
}

/* ========== Heading formatting ========== */
h1 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}
h2 {
	font-size: 17px;
	font-weight: bold;
	color: #333;
}
h3 {
	font-size: 15px;
	font-weight: bold;
	color: #333;
}

/* ========== Paragraph formatting ========== */
#pageContainer p {
	margin: 12px 0;
}

/* ========== Default list formatting ========== */
#pageContainer ul {
	display: inline-block;
}
#pageContainer ul li {
	display: block;
	background: transparent url(/images/presentation/common/bullets/square_3x3_gray.gif) no-repeat 0 0.5em;
	padding: 0 0 0 7px;
	margin: 0 0 3px;
	vertical-align: middle;
}
#pageContainer ol {
	margin: 12px 0;
	padding: 0 0 0 15px;
}
.listTitle {
	margin: 0;
	padding: 0;
}

/* ========== Superscript formatting ========== */
sup {
	font-size: 0.7em;
	vertical-align: text-top;
}
h1 sup {
	font-size: 0.55em;
}
h2 sup {
	font-size: 0.65em;
}
h3 sup {
	font-size: 0.75em;
}

/* ========== Image formatting ========== */
#pageContainer img {
	margin: 0;
	padding: 0;
}

/* ========== Table formatting ========== */
#pageContainer table {
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
}
#pageContainer table th,
#pageContainer table td {
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #fff;
	text-align: left;
	vertical-align: top;
}
#pageContainer table th {
	background-color: #f6f6f6;
	font-weight: bold;
}

/* ========== Callout Presentation ========== */
div.callout {
	background-color: #f6f7fb;
	padding: 10px 0 0;
	margin: 10px 0 0;
}
div.callout.alternate {
	background-color: #fcfae9;
	padding: 10px 0 0;
}
div.callout div.calloutOuter {
	padding: 0 10px 10px;
}
div.callout.alternate div.calloutOuter {
	padding: 0 10px 10px;
}

/* ========== Callout Image Positioning ========== */
#pageContainer #calloutSection .imageLeft img.featureImage,
#pageContainer .callout .imageLeft img.featureImage {
	float: left;
	padding: 0 10px 7px 0;
	margin: 0;
}
#pageContainer #calloutSection .imageRight img.featureImage,
#pageContainer .callout .imageRight img.featureImage {
	float: right;
	padding: 0 0 7px 10px;
	margin: 0;
}

/* ========== Easy Clearing - Based on the 'Position Is Everything' article seen here: http://www.positioniseverything.net/easyclearing.html ========== */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ========== Visual Formatter Style Drop Down Options ========== */
#pageContainer .article_subtitle {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
#pageContainer .cellYellow {
	background-color: #fcfae9;
	padding: 6px 15px;
	vertical-align: top;
}
#pageContainer .cellWhite{
	background-color: #fff;
	padding: 6px 15px;
	vertical-align: top;
}
#pageContainer .cellGray {
	background-color: #f6f6f6;
	padding: 6px 15px;
	vertical-align: top;
}
#pageContainer .title1 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
#pageContainer .title2 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
.vtdiv {
	background: transparent url(/images/common/border.gif) repeat-y 0 0;
}
#pageContainer p.bulletListTitle {
	margin: 8px 0 4px;
}
#pageContainer .caption {
	font-size: 9px;
	text-align: center;
}

/* ========== Tooltip ========== */
.tooltip-icon {
	margin: 0;
	vertical-align: middle;
}
.tt_container {
	margin-top: 0;
	display: none;
	z-index: 3;
	position: absolute;
	font-size: 11px;
}
.tt_box {
	display: block;
	margin-left: 12px;
	padding: 10px;
	border: 1px solid #ffceb3;
	background: #fcfae9;
	width: 300px;
}
.tt_pointer {
	position: absolute;
	left: 0;
}
.tt_title {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 0;
}
.tt_title p {
	margin-top: 0;
}
.tt_text {
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: justify;
}

/* ========== Modal Window ========== */
a.external-pop-up {
 	background:url("/img/global/icon/open_modal_window.png") no-repeat scroll right center transparent;
    padding-right:20px;
}