/* Styles for Tec Integrator site */


BODY {margin: 0 0 0 0; font-family: Verdana;}


/* Div IDs for layout */
#pageWrapper {position:relative; float:left; background-color: transparent; width:773px; height:100%; z-index: 1; clear:right;}
#mainHeader { background:url(../images/TechBanner.gif) no-repeat; position:relative; float:left; height: 100px;	width: 773px;	z-index:2; clear:right;}

/*container for the nav pieces*/
#NavContainer {position:relative; float:left; height: 34px; width: 773px; /*background:#0000FF;*/}
#headbgnd2 {position:relative; float:left; height: 34px; width: 160px;}
#headNavBar {position:relative; float:left;	height: 30px; width: 613px;}

/*container for the headers*/
#BarContainer {position:relative; float:left; height:30px; width:773px;/* background:#9900FF;*/}
#leftBarHead {position:relative; float:left; height: 30px;width: 160px;}
#centerBarHead {position:relative; float:left; height: 30px;width: 448px; background-color: transparent;}
#rightBarHead {position:relative; float:left; height: 30px;width: 160px;}

/* Div IDs for content areas left bar, center, right bar */
/* New div contentWrapper is for the background of the content area */
#contentWrapper {background:url(../images/contentBgnd.gif) repeat-y; position:relative; float:left; width: 773px;}
#leftBar {background-color: #FFFFFF; position:relative; float:left; width: 160px;}
#center {position:relative; float:left; width: 453px;}
#rightBar {position:relative; float:left; width: 159px;}
#TPC-Footer {
	position: relative;
	float: left;
	width:773px;
	height:40px;
	padding-top:12px;
	clear:both;
}

/*these are for the login and register pages with shared includes from myMT*/
#contentWrapperLog {background:url(../images/contentBgndLog.gif) repeat-y; position:relative; float:left; width: 773px;}
#contentL {/*background: red;*/
	position: relative;
	left: 10px;
	width: 160px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:10px;
}

#contentR {/*background: blue;*/
	position: relative;
	left: 10px;
	width: 610px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:10px;

}

#leftBox {width:140px; left: 10px; /*border: #E8F5E6 solid 1px; background-color: #E8F5E6;*/ float:left; margin-top:10px; padding-left: 10px; padding-right: 10px;}
#rightBox {position:relative; width:510px; float:left; padding-top: 10px;}
.formText {font-family:Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size:11px;}
.footerText {font-family:  verdana; font-size: 7pt; color: #000000; text-align: center; vertical-align: bottom;}

/* notice styles */
#noticeBox {background-color: #DECCAF; margin: 5px; }
#noticeHeadBox {background-color: #CC3333; margin: 5px;}
.notice {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: black;}
.noticeHead {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: white; font-weight:bold; text-align:center; padding-top: 2px; padding-bottom: 2px;}
.noticeText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 2px; color: black; font-weight:bold; line-height:120%;}
.noticeForm {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: black;}
.noticeButton {padding-left: 13px; padding-bottom:10px; padding-top:5px;}

/* search styles */
.search {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; padding-top:10px; padding-left: 2px; padding-right: 2px; padding-bottom: 10px;}
.searchLinks {font-family: verdana;font-size: 9pt;text-align: left;color: #FFFFFF;margin-top:4px;margin-left:10px;font-weight:normal;font-style:normal;line-height: 110%;}

/* guarentee styles */
#guarentee {margin-top: 20px}

/* May need to add divs for the bottom of the left bar, center, right bar for some layouts */
/* Will need to add a div for the footer */
/*these are some temporary font styles from another style sheet...modify or delete*/

.fixedHeadline {font-size: 18px; color: black; font-family: verdana; font-weight: bold;}
.fixedNormal {font-size: 12px; color: black; font-family: verdana; padding-left: 10px; padding-right: 10px;}
.fixedNormalBold {font-size: 12px; color: #027199; font-family: verdana; font-weight: bold; text-align: center}
.fixedSmall {font-size: 10px; color: black; font-family: verdana;}
.fixedSmallBold {font-size: 10px; color: black; font-family: verdana; font-weight: bold;}
.fixedNormalIndent {font-size: 12px; color: black; font-family: verdana; margin-left: 20px;}

.fixedNormalBgnd {font-size: 11px; color: black; font-family: verdana;  font-weight: bold; background: #E5E5CD; padding: 5px; margin-left: 10px; margin-right: 10px; text-align: center;}
.fixedNormalBoldBgnd {font-size: 12px; color: #027199; font-family: verdana; font-weight: bold; background: #DECCAF; padding: 5px; margin-left: 10px; margin-right: 10px; text-align: center;}

ul,li	{font-family: verdana; font-size: 12px; margin-right: 10px;}

/*end of temporary font styles from another style sheet...modify or delete*/

.showTime {font-family:  verdana; font-size: 8pt; color: #000000; text-align: center;}
.volInfo {font-size: 10px; color: black;font-family: verdana;margin-left: 10px;margin-top: 10px;}
.catInfo {font-size: 10px; color: black; font-family: verdana;margin-left: 10px;}
.article {font-size: 12px; color: black; font-family: verdana; margin-left:10px; margin-top:10px;}
.barTextBgnd {font-size: 12px; color: #FFFFFF; font-family: verdana; font-weight: bold;	font-style:italic;background: #0068B2; padding: 5px; margin-right: 10px; text-align: left;}
.barText {font-size: 12px; color: #000000; font-family: verdana; font-weight: bold;font-style:italic; padding-left: 5px; text-align: left;}

.barTextBlank {font-size: 12px; color: #000000; font-family: verdana; font-weight: bold;font-style:italic; padding-left: 0px; text-align: left;}

/* article styles */
#toc {position: relative; float:left; margin-top: 0px; padding-top: 0px; padding-bottom: 5px;}
#articleDisplay {position: relative; float:left; width: 400px; padding-left: 5px; padding-right: 20px;}
#bullet {position:relative; float:left; width: 10px; margin-right: 5px; padding-left: 10px;}

#TitleDisplay {position:relative; float:left; background-color: #0068B2; width:433px; margin-left:0px; left:20px;}
.titleDisplay {font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:10px; padding-top:4px; padding-bottom:4px; color:#FFFFFF; font-size:12px; font-weight:bold;}

/*#imageDisplay {margin-right: 20px; margin-left: 10px; margin-bottom: -20px; padding: 10px;}*/
.articleImage {padding-right: 20px; padding-left: 10px; margin-bottom: 12px;}
.titleArticle {font-size: 12px; color: #027199; font-family: verdana;font-weight: bold; text-align: left;}

/*author area styles*/
#author {
		/*margin-left:13px;*/

}
.authorPic {
		margin-left:13px;
		height: 124px;
		width: 124px;
		margin-top: 4px;

}

.authorName { 
		font-size: 10px; 
		color: black; 
		font-family: verdana; 
		font-weight: bold;
		text-align:center;
		font-style:normal;
}

.authorLinks {
		font-family: verdana; 
		font-size: 7pt; 
		color: #000000; 
		font-weight:normal;
		font-style:normal;
		line-height: 150%;
}

/*author link styles*/
a.authorLinks:link {
		font-family: verdana; 
		font-size: 7pt; 
		color: #027199; 
		text-decoration: none;
		margin-left:13px;
}
a.authorLinks:visited {
		font-family: verdana; 
		font-size: 7pt; 
		color: #027199; 
		text-decoration: none;
		margin-left:13px;
}

a.authorLinks:hover{
		font-family: verdana; 
		font-size: 7pt; 
		color: #027199; 
		text-decoration: underline;
		margin-left:13px;
}

/*table of contents styles*/
#toc {
		/*margin-left:13px;*/
}

.tocLinks {font-family: verdana;font-size: 8pt;color: #027199;font-weight:normal;font-style:normal;line-height: 150%;}
/*toc link styles*/
a.tocLinks:link {font-family: verdana;font-size: 8pt;color: #027199;text-decoration: none;margin-left:13px;}
a.tocLinks:visited {font-family: verdana;font-size: 8pt;color: #027199;text-decoration: none;margin-left:13px;}

a.tocLinks:hover{font-family: verdana;font-size: 8pt;color: #027199;text-decoration: underline;margin-left:13px;}

/*related article styles*/
#relatedArticle {
		/*margin-left:13px;*/
}

.relatedLinks {
	font-family: verdana;
	font-size: 8pt;
	text-align:left;
	color: #027199;
	margin-left:13px;
	margin-right:5px;
	font-weight:normal;
	font-style:normal;
	line-height: 110%;
	text-indent: -13px;
}
/*related link styles*/
a.relatedLinks:link {
		font-family: verdana; 
		font-size: 8pt; 
		color: #027199; 
		text-decoration: none;
		
}
a.relatedLinks:visited {
		font-family: verdana; 
		font-size: 8pt; 
		color: #027199; 
		text-decoration: none;
		
}

a.relatedLinks:hover{
		font-family: verdana; 
		font-size: 8pt; 
		color: #027199; 
		text-decoration: underline;
		
}

.productPic {
		margin-left:30px;
		height: 100%;
		width: 100px;
		margin-top: 4px;
		margin-bottom:5px;

}

.productTxt {
		font-size: 10px;
		padding-left:2px;
		padding-right:2px; 
		color: #FFFFFF;
		font-family: verdana;
		text-align:center;
}
.productLinks {
		font-family: verdana;
		font-size: 10pt;
		text-align: center;
		color: #FFFFFF;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
}

a.productLinks:link {
		font-family: verdana;
		font-size: 10pt;
		text-align: center;
		color: #FFFFFF;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
		text-decoration: none;
}

a.productLinks:visited {
		font-family: verdana;
		font-size: 10pt;
		text-align: center;
		color: #FFFFFF;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
		text-decoration: none;
}

a.productLinks:hover {
		font-family: verdana;
		font-size: 10pt;
		text-align: center;
		color: #FFFFFF;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
		text-decoration: underline;
}

.coverPic {
		margin-left:10px;
		height: 140px;
		width: 140px;
		margin-top: 5px;
}

.promoLinks {font-family: verdana;font-size: 9pt;text-align: left;color: #027199;margin-top:4px;margin-left:10px;font-weight:normal;font-style:normal;line-height: 110%;}

a.promoLinks:link {
		font-family: verdana;
		font-size: 10pt;
		text-align: left;
		color: #027199;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
		text-decoration: none;
}

a.promoLinks:visited {
		font-family: verdana;
		font-size: 10pt;
		text-align: left;
		color: #027199;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
		text-decoration: none;
}

a.promoLinks:hover {
		font-family: verdana;
		font-size: 10pt;
		text-align: left;
		color: #027199;
		margin-top:4px;
		/*margin-left:13px;
		margin-right:5px;*/
		font-weight:normal;
		font-style:normal;
		line-height: 110%;
		text-decoration: underline;
}
/* horizontal navigation elements. create a DIV element with the class hnav
 * and stick one unordered list inside it to generate a horizontal menu.
 THIS IS TAKEN FROM NORTHSTAR*/
.hnav, .hnav a:visited, .hnav a:hover, .hnav a:active {text-align: left;font-size: 12px; color: #027199; font-family: verdana; font-weight:bold;}
.hnav, .hnav ul li a
{
        /* need to middor veritcal padding on .hnav and child anchor elements
         * because the anchors are _not_ block elements. since they are not
         * block elements web browsers will not expand .hnav to contain them
         * even with the extra padding. by applying the same padding to both
         * the parent .hnav _looks_ like its containing the child anchor
         * elements. 
         */
        padding-top: 0px;
        padding-bottom: 0px;
}
.hnav ul, .hnav ul li
{
        display: inline;
        list-style-type: none;
        margin: 0;
        padding: 0;
}
.hnav ul li a
{
        margin: 0 -1px 0 0;
        padding-left: 10px;
        padding-right: 10px;    /* short-hand padding attribute would overwrite
                                   top/bottom padding set in a previous rule */
        border-left: solid 1px #000;
        border-right: solid 1px #000;
        white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
        /*text-decoration: none;*/
		text-decoration:underline; 
}
.hnav ul li span.divider
{
        display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
        width: 1%; /* IE/Mac needs this */
        display: inline-block;  /* IE/Mac needs this */
        /* \*/
                width: auto;
                display: inline;
        /* reset above hack */
}
* html .hnav, * html .hnav ul a
{
        /* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
                                 IE/Mac will ignore this rule. */
}
* html .HNAV
{
        padding: 0;     /* IE5/Win will resize #hnav to fit the heights of its
                           inline children that have vertical padding. So this
                           incorrect case selector hack will be applied only by
                           IE 5.x/Win */
}

/*.debugHelp {padding-top:20px}*/