/* --------------------- */
/* STYLES FOR THE SCREEN */
/* --------------------- */

/* -------------- */
/* general layout */
/* -------------- */
html, body {
    background: #ffffff url('../img/gbl_bg.gif') repeat-y; /* bg image has vert grey line */
    margin: 0px;
    padding: 0px;
}

#header {
	width: 100%;
	height: 38px;
	border-bottom: 1px solid #C0C0C0; /* makes horiz grey line at the top */
	background-color: #ffffff;
}

#nav {
	position: absolute;
	left: 0px;
	top: 37px;
	width: 204px;
	padding-top: 6px; /* makes space between horiz grey line and main menu heading */
}

#content {
	position: absolute;
	left: 205px;
	top: 40px;
	width: 540px;
	padding-top: 10px; /* makes space between horiz grey line and main menu tab */
	padding-left: 6px; /* makes space between vert grey line and text */
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	color: #000000;
}

a {
	color: #810308;
}

.errorText {
	color: #ff0000; /* red*/
}

/*
Special stuff to handle the videos in the Influx TV category.
Basically we write 2 DIVs -- one for regular desktop browsers that contains the JS embed method and another DIV to handle the iPhone-friendly embed tag. Then, using the seperate CSS files for each version, we just turn appropriate stuff on or off.
~Joseph, 08.16.07
*/

.influxTV_div_for_standard_browsers { /* DIV for standard browsers */
	display: block;
	visibility: visible;
}

.influxTV_div_for_iphone { /* DIV for iPhone */
	display: none;
	visibility: hidden;
}

.influxTV_div_for_iphone .iphoneFriendlyMovie { /* hide and zero-size the embed tag in the iPhone DIV with this class */
	display: none;
	visibility: hidden;
	width: 0px; /* sets the size of the poster frame user tap on */
	height: 0px; /* sets the size of the poster frame user tap on */
}

/* ---------------- */
/* left nav content */
/* ---------------- */
.leftNavBtn {
	display: block;
	width: 186px; /* take into account left- and right-margin and padding when figuring total width */
	margin: 1px 0 0px 4px; /* spacing outside the box */
	padding: 1px 0 2px 5px; /* spacing inside the box */
	background-color: #f0ebe9; /* off color */
	border-top: 1px solid #beafa9;
	border-right: 2px solid #7e7471;
	border-bottom: 2px solid #7e7471;
	border-left: 1px solid #beafa9;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	color: #810308;
	text-decoration: none;
	font-weight: normal;
	text-transform: none; /* put 'uppercase' here if you want to make the button labels all caps */
}

.leftNavBtn:hover {
	background-color: #e4dcd8; /* mouseover color */
}

.leftNavTextLink {
	display: block;
	margin: 2px 0 2px 5px;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	color: #810308;
	text-decoration: none;
	font-weight: normal;
}

.leftNavTextLink:hover {
	text-decoration: underline;
}

.divider {
	height: 1px;
	font-size: 1px;
	line-height: 0;
	width: 100%;
	background-color: #C0C0C0;
	color: #C0C0C1;
	margin: 5px 0px;
}

#mainMenuHeading {
	text-indent: -1000px;
	overflow: hidden;
	background-image: url("../img/nav_subhd_main_menu.gif");
	width: 194px;
	height: 15px;
	margin: 0px 0px 0px 4px;
}

#archiveBySubjectHeading {
	overflow: hidden;
	text-indent: -1000px;
	background-image: url("../img/nav_subhd_archive.gif");
	width: 194px;
	height: 15px;
	margin: 2px 0px 0px 4px;
}

#top10Articles {
	overflow: hidden;
	text-indent: -1000px;
	background-image: url("../img/nav_subhd_top_10.gif");
	width: 194px;
	height: 15px;
	margin: 2px 0px 0px 4px;
}

#rssHeading {
	overflow: hidden;
	text-indent: -1000px;
	background-image: url("../img/nav_subhd_rss.gif");
	width: 194px;
	height: 15px;
	margin: 2px 0px 0px 4px;
}

#whatWeDoHeading {
	overflow: hidden;
	text-indent: -1000px;
	background-image: url("../img/nav_subhd_what_we_do.gif");
	width: 194px;
	height: 15px;
	margin: 2px 0px 0px 4px;
}

#liveFeedHeading {
	text-indent: -1000px;
	overflow: hidden;
	background-image: url("../img/nav_sbhd_live_feed.gif");
	width: 194px;
	height: 15px;
	margin: 2px 0px 0px 4px;
}

/* email signup button */
#emailSignup a {
	display: block;
	overflow: hidden;
	width: 194px;
	height: 30px;
	margin: 1px 0px 0px 4px;
	text-indent: -1000px;
	background: url("../img/nav_btn_email_signup.gif");
	background-repeat: no-repeat;
}

#emailSignup a:hover {
	background-position: 0px -30px;
}

/* bssp button */
#bssp a {
	display: block;
	overflow: hidden;
	width: 194px;
	height: 37px;
	margin: 1px 0px 0px 4px;
	text-indent: -1000px;
	background: url("../img/nav_btn_bssp.gif");
	background-repeat: no-repeat;
}

#bssp a:hover {
	background-position: 0px -37px;
}

/* Live Feed box */
.liveFeedBox {
	border: 1px #C0C0C0 solid;
	width: 192px;
	margin: 0px 0px 0px 4px;
}

.liveFeedContent {
	width: 184px;
	height: 80px;
	overflow: auto;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	color: #666666;
	background-color: #F8D6CF;
	padding: 4px 4px 4px 4px;
}

/* styles for rollover tooltip */
blockquote.helpContents {
	width: 150px;
	margin: 0;
	padding: 5px;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	color: #810308;
	position: absolute;
	top: -1000px;
	left: -1000px;
	border: 1px solid #A3AFC2;
	background-color: #F2F8FA;
	opacity: .9;
	z-index: 100;
	-moz-border-radius: 5px;
}

/* -------------- */
/* article styles */
/* -------------- */
.titleBar {
    clear: both;
    width: 529px;
    border: 1px solid #C0C0C0;
    padding: 5px 5px 5px 5px;
    margin: 2px 0px 10px 0px;
    background-color: #FBF9F8;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}

.titleBar .title h1 {
    float: left;
    width: 55%;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	color: #1C78AE;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.titleBar .date {
    text-align: right;
    float: left;
    width: 45%;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
    color: #1C78AE;
	font-weight: normal;
}

.titleBar .pagination {
    float: left;
    width: 75%;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	color: #1C78AE;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.titleBar .tagrsslink {
    text-align: right;
    float: left;
    width: 25%;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
    color: #1C78AE;
	font-weight: normal;
}

.date img {
    vertical-align: middle;
}

.article {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.articleImageleft { /* for images on the left */
	float: left;
	margin: 0px 10px 10px 0px;
}

.articleImageright { /* for images on the right */
	float: right;
	margin: 0px 0px 10px 10px;
}

.articleExtras {
    clear: both;
    margin-top: 10px;
    margin-bottom: 8px;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000000;
}

.articleExtras a {
    color: #1C78AE;
    text-decoration: none;
}

.articleExtras a:hover {
    text-decoration: underline;
}

.commentBlock {
    width: 529px;
    padding: 2px 4px 2px 4px;
    margin: 0px 0px 15px 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000000;
}

.commentBlock .commentSubject {
    color: #1C78AE;
    font-weight: bold;
}

.commentSubmitSuccess {
    color: #1C78AE;
    font-weight: bold;
}

.smallText {
	font-size: 8pt;
}

/* ----------- */
/* misc styles */
/* ----------- */
.bold {
	font-weight: bold;
}

.consultingHeading {
	font-weight: bold;
	font-size: 12pt;
	color: #D9766A;
}

.ConsultingBoxHeading {
	border: 1px #C0C0C0 solid;
	padding: 5px;
	font-weight: bold;
}

#linksBox { /* for the bottom links to other sites */
    width:529px;
    background-color:#FAF9F8;
    border: 1px #C0C0C0 solid;
    padding:5px;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
    color: #1C78AE;
    margin: 20px 0px;
}

#links_heading {
    width: 60px;
    float: left;
}

#links_col1, #links_col2, #links_col3 {
    width: 155px;
    float: left;
}

#linksBox a {
    color: #1C78AE;
    text-decoration: none;
}

#linksBox a:hover {
    color: #1C78AE;
    text-decoration: underline;
}

#dhtmltooltip { /* styles for the popups */
	position: absolute;
	left: -300px;
	width: 150px;
	padding: 5px;
	visibility: hidden;
	border: 1px solid #A3AFC2;
	background-color: #F2F8FA;
	opacity: .9;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	color: #810308;
	z-index: 100;
	-moz-border-radius: 5px;
	/* Remove below line to remove IE-only shadow */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position: absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
	opacity: .9;
}

#searchForm {
    margin: 0px 0px 0px 0px;
    padding:  0px 0px 0px 0px;
}

#searchSubjectHeading {
    text-indent: -1000px;
    background-image: url("../img/nav_subhd_search.gif");
    width: 194px;
    height: 15px;
    margin: 2px 0px 0px 4px;
}

#searchBox {
    width: 187px;
    padding: 2px 2px;
    margin: 2px 0px 0px 4px;
    border: 1px #cecece solid;
    font-family: verdana, arial, sans-serif;
    font-size: 8pt;
    color: #810308;
}

#advancedSearch a {
    display: block;
    width: 73px;
    height: 16px;
    margin: 0px 0px 0px 4px;
    text-indent: -1000px;
    background: url("../img/nav_btn_advanced_search.gif");
    background-repeat: no-repeat;
}

#advancedSearch a:hover {
    background-position: 0px -16px;
}

.row {
	clear: both;
	padding-top: 0px;
	width: 300px;
}

.row .label {
	float: left;
	width: 80px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000000;
	padding: 6px 0 0 0; /* put a little padding on top to look a little better vertically aligned with the fields */
  }

.row .form {
	float: right;
	width: 150px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000000;
}

.formwide {
	float: right;
	width: 200px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000000;
}

.textarea { /* this class assigned to both text boxes and textareas */
	border: 1px solid #beafa9;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000000;
	margin: 2px 0 2px 0; /* spacing outside the box */
	padding: 2px 2px 2px 2px; /* spacing inside the box */
}

.textarea:focus {
	background-color: #f0ebe9;
}

select { /* this class assigned to pulldowns */
	border: 1px solid #beafa9;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000000;
	margin: 2px 0 2px 0; /* spacing outside the box */
}

select:focus {
	background-color: #f0ebe9;	
}

.standardArticleInput {
	width: 300px;
}

#spacer-div {
	height: 15px;
}