@charset "utf-8";
/*
=== TranzAct Technologies ===
TranzActInside.com
file: css/article.css
version: 2010-06-23

*/

p{ margin:0; padding:0 0 11px; line-height:1.3em; }
p.intro{ font-size:14px; color:#05376C; line-height:normal; }
ul,ol{ margin-top:0; padding-left:15px; margin-left:15px; margin-bottom:0; }
ol li, ul li{ padding:0 0 20px; }
ul ul li{ list-style-type:circle; line-height:normal; padding:0 0 6px;}

h1{ font-size:14px;	color:#05376C; font-weight:bold; margin:0 0 .8em; padding:0; }
h2{ font-size:14px; color:#e39b00; font-weight:bold; margin:0 0 .8em; padding:0; }
h3{ font-size:13px; color:#05376C; font-weight:bold; margin:0; padding:6px 0 0; }
h4{ font-size:13px;	color:#333; font-weight:bold; margin:0; padding:6px 0 0; }

blockquote{ color:#05376C; margin:10px 24px 20px; }
hr{ 
	display:block;
	border-top:0;
	border-right:0;
	border-bottom:1px solid #e2e2e2;
	border-left:0;
	line-height:0;
	height:1px;
	margin:5px 0;
	padding:0;
	clear:both;
}
div.container{ display:block; position:relative; width:100%; height:auto; }
/*div:container:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}*/
div.separator{ 
	display:block; position:relative; width:100%; height:10px;
	background:url(/images/divider-dot.png) repeat-x;
	border-bottom:none;
}
div.score{ 
	display:block; position:relative; width:100%; height:1px;
	background:#ccc;
	margin:0 0 10px; padding:0;
}
div.subtitle{ display:block; position:relative; width:100%; padding:8px 0; }

.small{ font-size:10px; line-height:1.3em; }

span.pdf{ background:url(/images/icon-pdf.png) center left no-repeat; margin:0; padding:0 0 0 15px;
	color:#666; text-transform:uppercase; font-size:inherit; font-weight:normal;
}
div.left p.pdf{ background:url(/images/icon-pdf.png) 0 1px no-repeat; margin:1.2em 0; padding:0 0 0 15px;
	color:#666; font-size:inherit; font-weight:normal; line-height:normal;
}
div.left p.pdf a{ text-transform:uppercase; }
span.video{ 
	background:url(/images/icon-video.png) center left no-repeat; 
	color:#666; text-transform:uppercase; font-size:inherit; font-weight:normal; margin:0; padding:0 0 0 15px;
}

/* - article - */
/*div.article-in a{ font-weight:bold; }*/
div.article-in p.signature a{ font-weight:normal; text-decoration:none; }
div.article-in p.signature a:hover{ text-decoration:underline; }
div.article-in .intro{ font-size:14px; color:#e39b00; font-weight:bold; }
div.article-in .alt{ color:#05376C; font-weight:normal; }
div.article-in .bright{ color:#e39b00; font-weight:normal; }
div.article-in .other{ color:#ccc; font-weight:normal; }
div.article-in p.comment{ font-size:11px; font-style:italic; color:#aaa; padding:3px 0 18px; }
div.article-in p.comment a{ font-size:11px; font-style:italic; color:#aaa; }
div.article-in p.date, div.article-in span.date{ font-size:11px; color:#666; }

div.article-in p.question{ color:#05376C; }
div.article-in p.question span.q, div.article-in p.answer span.a{ font-weight:bold; }
div.article-in p.answer{ }

div.article-in p.goto-top{ clear:both; font-size:10px; font-weight:normal; color:#666; text-align:right; }
div.article-in p.goto-top a{ font-size:10px; font-weight:normal; color:#666; text-decoration:none; }

div.article-in p.read-more{ text-align:right; padding:0 0 8px; }
.read-more{ font-size:11px; font-weight:bold; font-style:italic; text-decoration:none; }

div.article-in div.layout{ display:block; position:relative; }
div.article-in div.layout-c1{ display:block; position:relative; width:355px; float:left; }
div.article-in div.layout-c2{ display:block; position:relative; width:150px; float:right; }

/* === left sidebar ====== */
div.left p{ margin:0; padding:3px 0 6px; }
div.left p.intro{ font-size:11px; }
div.left h1{ text-indent:-9999px; height:0; margin:0; padding:0; }

div.left ul, div.left ol{ margin-top:0px; padding-top:10px; padding-left:20px; margin-left:0; color:#05376C; }
div.left li{ padding:0 0 8px; }

div.left ul.small, div.left ol.small{ margin-top:10px; padding-left:20px; margin-left:0; color:#05376C; list-style:circle; }
div.left ul.small li{ font-size:10px; }

div.left p.notice{ font-size:13px; color:#626262; text-align:center; padding:25px 0; }
div.left p.notice a{ font-size:13px; color:#626262; text-decoration:none; border:1px dashed #626262; padding:10px; }
div.left p.notice a:hover{ background:#e6e6e6; }

/* === right sidebar ====== */
div.right p{ margin:0 25px; padding:3px 0 6px; }
div.right h4{ margin:0 25px; padding:3px 0 6px; }

/* === homepage ====== */
div#article-container div.article-out.hp h1,
div#article-container div.article-out.hp h2{ text-indent:-9999px; height:0; margin:0; padding:0; }
/*div#article-container div.article-out.hp div.infobox2{ position:relative; display:block; width:260px; }*/
div#article-container div.article-out.hp p.q{ margin-left:80px; }

/* === article bottom ====== */
div#article-bottom { 
background:url("../images/article-bottom-bkg.png") repeat-y scroll center top transparent;
display:block;
margin:10px auto 0;
position:relative;
width:815px;


padding:0 0 50px; }

div#article-bottom h3{ padding:0 0 12px; }
div#article-bottom img.image-align-right{ display:block; float:right; margin:0 7px 7px 14px; padding:0; }
    
div#article-bottom .col-1{display:block;float:left;margin:0 15px 0 0;position:relative;width:258px}
div#article-bottom .col-2{display:block;float:left;margin:0 15px;position:relative;width:240px}
div#article-bottom .col-3{display:block;float:left;margin:0 0 0 15px;position:relative;width:253px}
    

/* === infobox 1 ====== */
div.infobox { background:#efefef; border:1px solid #d6d6d6; margin:10px 0; padding:10px; }
div.infobox h1, div.infobox h2, div.infobox h3, div.infobox h4{ padding-top:0; }

/* === infobox 2 ====== */
div.infobox2 { position:relative; display:block; background:#fff; border:1px solid #d6d6d6;
	margin-top:0; margin-right:0; margin-bottom:20px; margin-left:0; padding:10px; }
div.infobox2 h1, div.infobox2 h2, div.infobox2 h3, div.infobox2 h4{ padding-top:0; }
div.infobox2 div.col-1{ position:relative; display:block; width:300px; border-right:1px dotted #ccc; padding-right:6px; }
div.infobox2 div.col-2{ position:relative; display:block; width:184px; float:right; }
div.infobox2 img.image-align-right{ margin-bottom:0; }

/* === infobox 3 ====== */
div.infobox3{ position:relative; display:block; background:url(../images/infobox3-l.png) top left repeat-y #ebeaea; width:520px; margin:0 0 10px; padding:0; }
div.infobox3 div.r{ position:relative; display:block; background:url(../images/infobox3-r.png) top right repeat-y;  }
div.infobox3 div.top{ position:relative; display:block; height:19px; background:url(../images/infobox3-tl.png) top left no-repeat; margin:0; padding:0; }
div.infobox3 div.top div.r{ position:absolute; display:block; top:0; right:0; width:20px; height:19px; background:url(../images/infobox3-tr.png) top right no-repeat; margin:0; padding:0; }
div.infobox3 div.mid{ position:relative; display:block;  margin:0; padding:0 24px; }
div.infobox3 div.bot{ position:relative; display:block; height:20px; background:url(../images/infobox3-bl.png) bottom left no-repeat; margin:0; padding:0  }
div.infobox3 div.bot div.r{ position:absolute; display:block; height:20px; width:20px; top:0; right:0; background:url(../images/infobox3-br.png) bottom right no-repeat; margin:0; padding:0; }
div.infobox3 h3{ font-size:13px; font-weight:bold; color:#333; padding:0; margin:0; }
div.infobox3 p{ font-size:13px; color:#333; line-height:normal; text-align:left; margin:0 padding:0;}
div.infobox3 label{ font-size:13px; color:#333; line-height:normal; text-align:left; }
div.infobox3 a{ text-decoration:none; }
div.infobox3 a:hover{ text-decoration:underline; }
div.infobox3 ul{ margin:0 12px; padding:0 12px 12px;  }
div.infobox3 li{ color:#333; font-size:11px; margin:3px; padding:0; }

/* === infobox 4 ====== */
div.infobox4{ position:relative; display:block; width:520px; background:url(../images/infobox4-l.png) top left repeat-y #fff; margin:0 0 10px; padding:0; }
div.infobox4 div.r{ position:relative; display:block; background:url(../images/infobox4-r.png) top right repeat-y; }
div.infobox4 div.top{ position:relative; display:block; height:20px; background:url(../images/infobox4-tl.png) top left no-repeat; margin:0; padding:0; }
div.infobox4 div.top div.r{ position:absolute; display:block; top:0; right:0; width:20px; height:20px; background:url(../images/infobox4-tr.png) top right no-repeat; margin:0; padding:0; }
div.infobox4 div.mid{ position:relative; display:block; margin:0; padding:0 24px; }
div.infobox4 div.bot{ position:relative; display:block; height:20px; background:url(../images/infobox4-bl.png) bottom left no-repeat; margin:0; padding:0  }
div.infobox4 div.bot div.r{ position:absolute; display:block; height:20px; width:20px; top:0; right:0; background:url(../images/infobox4-br.png) bottom right no-repeat; margin:0; padding:0; }
div.infobox4 h3{ font-size:13px; font-weight:bold; color:#333; padding:0; margin:0; }
div.infobox4 p{ font-size:13px; color:#333; line-height:normal; text-align:left; margin:0 padding:0;}
div.infobox4 label{ font-size:13px; color:#333; line-height:normal; text-align:left; }
div.infobox4 a{ text-decoration:none; }
div.infobox4 a:hover{ text-decoration:underline; }
div.infobox4 ul{ margin:0 12px; padding:0 12px 12px;  }
div.infobox4 li{ color:#333; font-size:11px; margin:3px; padding:0; }

/* === biobox ====== */
div.biobox-out{ width:200px; float:right; border:1px solid #ccc; background:#fff; margin-left:9px; margin-bottom:6px; }
div.biobox-in{ padding:9px 9px 0; }
div.biobox-in div{ clear:both; }

/* === currentbox ====== */
div.currentbox-out{ 
	width:493px; background: url(../images/currentbox-out-bkg.png) 12px 12px no-repeat #fff;
	border:1px solid #e2e2e2; margin:0 0 6px 0; padding:15px; }
div.currentbox-out div.extra{
	position:absolute; display:block;
	top:3px; right:12px;
	background:url(../images/OTR_currentbox_extra.png) top left no-repeat; width:102px; height:157px;
}
div.currentbox-in{ padding-top:30px; }
div.currentbox-out.OTR div.currentbox-in{ /*width:395px;*/ }
div.currentbox-in div{ clear:both; }
div.currentbox-out h2{ font-size:16px; }
div.currentbox-out img.image-align-right{ margin-bottom:0; }

/* === pastbox ====== */
div.pastbox-out{
	position:relative; display:block;
	float:left;
	clear:right; width:240px;
	margin:0 0 6px; padding:8px;
}
div.pastbox-out.right{ float:right; }
div.pastbox-in p{ padding:0 0 15px; margin:0;  }
div.pastbox-in div{ clear:both; }

/* === eb-box (executive briefing) ====== */
div.ebbox{ position:relative; display:block; width:525px; background:url(../images/eb.png) top center repeat-y; margin:0 0 10px; padding:0; }
div.ebbox div.top{ position:relative; display:block; height:15px; width:525px; background:url(../images/eb-top.png) top center no-repeat; margin:0; padding:0; }
div.ebbox div.mid{ position:relative; display:block; margin:0; padding:16px 32px; }
div.ebbox div.bot{ position:relative; display:block; height:15px; width:525px; background:url(../images/eb-bot.png) bottom center no-repeat; margin:0; padding:0  }


/* === sidebar 1 ====== */
div.sidebar1{ position:relative; display:block; width:280px; }
div.sidebar1 div.top{ width:280px; height:10px; background:url(../images/sidebar1-top.png) top center no-repeat; }
div.sidebar1 div.mid{ width:280px; background:url(../images/sidebar1-bkg.png) top center repeat-y; padding:0 0 10px; }
div.sidebar1 div.bot{ width:280px; height:20px; background:url(../images/sidebar1-bottom.png) top center no-repeat; }
div.sidebar1 h3{ margin:0 20px 10px; padding:5px 0; font-weight:normal; border-bottom:1px dotted #05376C; }
div.sidebar1 p{ margin:0; padding:5px 20px; }

/* === data table ====== */
table.tbl{ border:1px solid #333; width:100%; background:#fff; margin:10px auto; }
table.tbl th{ font-size:11px; font-weight:bold; line-height:1.2em; background:#ccc; border-bottom:1px solid #aaa; text-align:center; padding:3px; }
table.tbl th.alt{ background:#EBEBEB; color:#333; padding:2px; margin:0; }
table.tbl td{ font-size:11px; text-align:center; border-bottom:1px solid #aaa; margin:0; padding:3px 7px; }
table.tbl td.col-1{ text-align:left; }
table.tbl td.col-1.indent{ padding-left:25px; }
table.tbl td.col-2{ text-align:center; }
table.tbl td p{ padding:0; margin:0; }
table.tbl tr.last td{ border-bottom:none; }
table.tbl tr.total{ font-weight:bold; border-top:1px solid #333; }
table.tbl th.empty, table.tbl td.empty{ background:none; }
table.tbl .comment{ font-size:10px; color:#05376C; font-weight:normal; }

/* === forms ====== */
div.frm-group{ position:relative; display:block; margin:0 0 10px; }
div.frm-group-left{ position:relative; display:block; width:150px; float:left }
div.frm-group-right{ position:relative; display:block; width:150px; float:right; }
input{ /*display:block;*/ }
label{ font-size:12px; line-height:1.5em; }
.frm-error{ display:inline; font-size:11px; color:#cc0000!important; clear:both; }
ul.frm-list{ margin:0; padding:0; }
ul.frm-list li{ list-style:none; padding:0 0 5px; }
ul.frm-list input{ display:inline; }
table.frm{ margin:10px 0; }
table.frm th{ font-size:11px; font-weight:bold; background:#ccc; border-bottom:1px solid #aaa; text-align:center; padding:5px 10px; }
table.frm td{ font-size:11px; /*border-bottom:1px solid #f0f0f0;*/ margin:0; padding:4px 0; }

/* === images ====== */
img { border:0; }
img.image { margin:0 10px 10px; padding:0; border:1px solid #ccc; }
img.image-align-center{ display:block; margin:10px auto; padding:0; }
img.image-align-left{ display:block; float:left; margin:0 10px 10px 0; padding:0; }
img.image-align-right{ display:block; float:right; margin:0 0 7px 10px; padding:0; }