/* CSS Document */
/* tag specifications */
body {
	background-color: #ececec;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
body, font, a, td, span, div, iframe, layer, input, textarea 
{
	font-family: Verdana, Trebuchet MS, Arial, Helvetica;
	font-size: .95em;

}
img {
	margin-left: 2px;
	margin-right: 2px;
	vertical-align: middle;
	border: 0px;
}

.description img 
{
	float: right;
	margin: 5px;
}	

.shopping 
{
	margin-top: 10px;
	font-weight: bold;
}

input {
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: middle;
}
/* link specifications */
a:link, a:visited {
	font-family: Verdana, Trebuchet MS, Arial, Helvetica;
	color: #003366;
}
	
a:hover, a:active {
	font-family: Verdana, Trebuchet MS, Arial, Helvetica;
	color: #336699;
}
		
a.inverse:link, a.inverse:visited {
	font-family: Verdana, Trebuchet MS, Arial, Helvetica;
	color: white;
}
	
a.inverse:hover, a.inverse:active {
	font-family: Verdana, Trebuchet MS, Arial, Helvetica;
	color: #FFCC00;
}
/* global elements */
#header {
	background-image: url(account_bar_bg.gif);
	background-repeat: repeat-x;
	height: 34px;
	width: 100%;
	border-bottom: 1px solid #868686;
}
#logo {
	background-image: url(account_bar_logo.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	height: 34px;
	width: 46%;
	float: left;
	clear: left;
}
#personalization {
	float: right;
	clear: right;
	margin-right: 5px;
	text-align: right;
	height: 34px;
	width: 50%;
	height: 34px;
}
#accountBar {
	position: relative;
    float: right;
	clear: right;
	text-align: right;
	vertical-align: middle;
	line-height: 9px;
}
#toolBar {
	background-image: url(toolbarbg.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 35px;
	font-size: 75%;
	text-align: center;
	margin-right: 0px
}
#toolBarButtons {
	float:right;
	clear: both;
	position: relative;
	height: 34px;
	width: auto;
	top: 5px;
	margin-right: 5px;
}
#breadCrumbsContainer {
	width:100%;
	height: 38px;
	float: left;
	clear: both;
}

#breadCrumbs {
	width: 90%;
	margin-left: 10px;
	top: 8px;
	position: relative;
	height: 34px;
	font-weight: bold;
}

#noArticlesContainer {
	width: 100%;
	margin: 0;
	text-align: center;
}
#noArticles {
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	color: #636567;
	font-size: 85%;
	padding: 25px;
	margin-top: 50px;
    margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 90%;
}
a:link, a:visited, a:active #breadCrumbs
{
    font-size: 90%;
}
#mainTitle {
	font-size: 1.6em;
	text-align: left;
	font-weight: normal;
	font-family:  Trebuchet MS, Verdana, Arial, Helvetica;
	color: #003366;
	padding-top: 10px;
	padding-left: 15px;
	background-color: #EDECEC;
}
/* digest view elements */
#adWrapper {
	float: right;
	clear: both;
	width: 8%;
	height: 100%;
	position: relative;
	margin-right: 5px;
}
#articleWrapper {
	height: 100%;
	margin-left: 5px;
}
.articleContainer {
	margin-left: 15px;
	width: 100%;
	position: relative;
	margin-right: 140px;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	display: inline-table;
	overflow: auto;
}
.adContainer {
	position: relative;
	width: 120px;
	height: 100%;
	margin-right: 5px;
}

.showTools 
{
	position: relative;
	background-image:url(toolpaletteBG.gif);
	background-repeat: repeat-y;
	background-position: right;
	width: 46px;
	height: 100%;
}
.hideTools 
{
	position: relative;
	width: 46px;
	height: 100%;
}

.articleContent {
	position: relative;
	display: inline-table;
	margin-bottom: 10px;
}
.articleTable {
	padding: 0px;
}
.article {
	position: relative;
	width: auto;
	margin-right: 10px;
	margin-left: 20px;
    text-align: left;
	display: none;
	font-size: 90%;
}
.siteLabel {
	position: relative;
	color: #636567;
	height: 14px;
	text-align: left;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 85%;
	display: inline-table;
}
.postDate {
	position: relative;
	text-align: right;
	padding-right: 10px;
	font-size: 85%;
	color: #636567;
	height: 14px;
	display: inline-table;
}
#ecommerceStripContent {
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	font-weight: bold;
	font-size: 90%;
}

/* misc classes */
.folding{
	cursor:hand;
	margin-left: 5px;
}

.toolTip { 
	color: #9F141A; 
	cursor: help; 
}
.up, .dn{
		width : 24px;
		height : 22px;
		padding-right: 2px;
		padding-left: 2px;
		cursor:hand;
}
.up{
	   background-image : url(toggleOff.gif);
	   background-repeat: no-repeat;
	   background-position: center;
}
.dn{
	   background-image : url(toggleOn.gif);
	   background-repeat: no-repeat;
	   background-position: center;
}
.title {
	font-family: Verdana, Trebuchet MS, Arial, Helvetica;
	font-weight: bold;
	font-size: 70%;
}
.breadCrumbTitle {
	font-family: Verdana, Trebuchet MS, Arial, Helvetica;
	font-weight: bold;
	font-size: 90%;
}
.titleLink {
	font-weight: normal;
	font-family:  Verdana, Trebuchet MS, Arial, Helvetica;
	font-size: 40%;
}
.feedTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #336699;
}
.accountLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}
.pad {
	padding-top: 5px;
}
.padIt {
	margin-left: 2px;
	margin-left: 2px;
}
.padCenter {
	margin-top:3px;
	margin-bottom:3px;
	margin-left:5px;
	margin-right:5px;
	text-align: center;
	cursor:hand;
}
.tool {
	padding-top: 5px;
	padding-top: 5px;
	margin-left: 0 auto;
	margin-right: 0 auto;
}
.noNew  {
	font-size: 95%;
	font-weight: normal;
	color: #336699;
} 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */
.clearfix {
	display: inline-table;
}
.clear {
	clear: both;
}