/*******************************************/
/* Common Style sheet for IFO, in progress */
/*******************************************/
/* necessary details...                    */
/*******************************************/


h1 {
 font-size:15pt;
 color:#4D3979;
 font-weight:bold;
 margin-bottom: -1px;
 text-align: left;
}

h2 {
 font-size:12pt;
 color:#666666;
 font-weight:bold;
}

h3{ 
 font-size:10pt;
 color:#666666;
 font-weight:bold;
}

.page-wrapper{
 width:980px; 
 margin-left:auto; 
 margin-right:auto; 

} 
  
#pagewidth{ 
 width:980px; 
 text-align:left; 
 min-width: 980px;
 border: 3px solid #87939d;
} 


 
#inner{
 margin:0; 
 width:100%; 
}
 
#outer{
}

#page-bottom{ 
 width:980px; 
 text-align:left; 
 min-width: 980px;

 margin-left:auto; 
 margin-right:auto;
 height: 16px;
 background: #000000;
 border-left: 3px solid #87939d;
 border-right: 3px solid #87939d;
 border-bottom: 3px solid #87939d;
} 

.clr{clear:both;}
 
ol.lalpha {list-style-type: lower-alpha} 


/*********************************************************************************************************************/
/* header section, contains 3 rows/divs - company name + search box, main banner image and horizontal navigation bar */ 
/*********************************************************************************************************************/

#header{ 
 width:100%; 
 background-color:#ffffff; 
 margin: 0px;
 padding: 2px 0px 0px 0px;
 } 

#floatleft{
 position: relative;
 float: left;
 top:6px;
}

#searchbox{
 position: relative;
 float: right;

}
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

/******************************************************************************************************/
/* left column, set to 186 wide, will be purple for educational section, blue for engineering section */ 
/******************************************************************************************************/
 
#leftcol{
 /*/*/ width:186px; /* hack keeps NN4 right column right? */ 
 float:left; 
 position:relative; 
 margin-left:-186px; 
 margin-right:1px; 
 padding: 3px 0px 0px 0px;
 height: 100%;

} 

#contact-info{
 text-align: center;
 padding: 4px 0px 0px 0px;

}

.redtext {
 font-size: 8pt;
 color: #990000;
 font-weight: bold;
}

#sidenavTEXT{
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 13pt;
 font-weight: bold;
 color: #000000;
 text-align: left;
 padding: 6px 0px 1px 18px;
}

#sidenavTEXT A:link {
 color:#000000;
 font-weight: bold;
 text-decoration:none;
}
#sidenavTEXT A:visited {
 color:#000000;
 font-weight: bold;
 text-decoration:none;
}
#sidenavTEXT A:hover {
 color:#ffffff;
 background-color: #84929c;
 font-weight: bold;
 text-decoration:none;
}
#sidenavTEXT A:active {
 color:#000000;
 font-weight: bold;
 text-decoration:none;
}

/**********************************/
/* main content area for all pages*/ 
/**********************************/

#onecolumn, #onecolumn-special-links{ 
 width: 759px; 
 position: relative; 
 background-color: #ffffff;
 padding: 0px 0px 10px 10px;
}

#maincol, plain-maincol{ 
 float: right;
 width: 759px; 
 position: relative; 
 padding: 0px 16px 10px 0px;
 }

#content{
 width: 759px; 
 background-color: #ffffff;
} /*padding for content */ 


.narrow-paragraph {
 width: 500px;
}

#column-605{
 width: 605px;
}
#column-480{
 width: 480px;
}

#narrowcolumn{
width: 375px;
}

#widecolumn{
width: 759px;

}

#print-summary-image{
width: 350px;
float: right;
valign: top;
padding: 0px 0px 0px 0px;

}

#print-summary-text{
width: 350px;
float: left;
valign: top;
padding: 0px 0px 0px 0px;
}

#print-summary-text-no-pic{
width: 700px;
float: left;
valign: top;
padding: 0px 0px 0px 0px;
}

.breadcrum {
 padding: 4px 0px 0px 0px;
 z-index:100;
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
}

.breadcrum A:link {
 color:#000099;
 font-weight: bold;
 text-decoration:underline;
}
.breadcrum A:visited {
 color:#000099;
 font-weight: bold;
 text-decoration:underline;
}
.breadcrum A:hover {
 color:#378c0b;
 font-weight: bold;
 text-decoration:underline;
}
.breadcrum A:active {
 color:#000099;
 font-weight: bold;
 text-decoration:underline;
}

.imgleft{	
 float: left;
 margin: 4px 15px 4px 4px;
}
.imgright{
 float: right;
 margin: 20px 4px 4px 15px;
}
.imgright-edu{
 float: right;
 margin: 0px 4px 4px 15px;
}
.imgcenter{
 text-align: center;
}
.noimgborder{
 border: none;
}

.right-image-div{
  float: right;
  margin: 1px;
  padding: 1px 1px 1px 3px;
}

#popup {
 width: 90%;
 border: 20px solid #ffffff;
}

.foot_notes_text {
 font-size:9pt;
 font-style:italic;
}

.bold-font {
 font-weight: bold;
}

.bold-grey-font {
 font-weight: bold;
 color: #87939d;
}

.hdr2-white {
 font-size:12pt;
 color:#ffffff;
 text-align: left;
 font-weight:bold;
}

.yellow-text{
 color:#CC6600;
}

.yellow-hdr {
 font-size:13pt;
 color:#CC6600;
 font-weight:bold;
}
.yellow-hdr A:link{
 color:#CC6600;
}
.yellow-hdr A:visited{
 color:#CC6600;
}
.yellow-hdr A:hover{
 color:#CC6600;
}
.yellow-hdr A:active{
 color:#CC6600;
}

.green-text{
 color: #378c0b;
 text-decoration: none;
 font-weight: bold;
}

.green-text A:link{
 color:#378c0b;
}
.green-text A:visited{
 color:#378c0b;
}
.green-text A:hover{
 color:#378c0b;
}
.green-text A:active{
 color:#378c0b;
}

.comment-background{
 background-color:#ffffcc;
}

.padded-comment-background {
 padding: 10px;
 background-color:#ffffcc;
}

.related-product-background {
 padding: 10px;
 background-color:#ffffcc;
 width: 265px;
}

/*****************************/
/* Footer section of website */
/*****************************/

#footer{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
} 

#footer-wrap{
padding: 0px 0px 8px 0px;
line-height: 11px;
}

.footerTEXTright{
 padding: 0px 4px 0px 0px;
 font-size: 9pt;
}



 /*printer styles*/ 
@media print{ 
#outer{border:0;} 
#inner{border:0;} 
#searchbox{display:none;}
#navbar{display:none;}
#leftcol{display:none;}
#maincol{width: 750px;}
#plain-maincol{width: 750px;}
}

@page {
 size:8.5in 11in;
 margin: 0.5in;
}

@page:first {
 margin-top: 2cm;
}

@page:right {
 margin-left: 1cm;
 margin-right: 1cm;
}

@page:left {
 margin-left: 1cm;
 margin-right: 1cm;
}

#wide-width-div{
	margin-left: 20px;
	margin-top: 10px;
	width: 576px;
}

#medium-width-div{
	width: 540px;
	margin-top: 10px;
	margin-left: 40px;
}

#medium-width-div-440{
	width: 440px;
	margin-top: 10px;
	margin-left: 80px;
}

#narrow-width-div{
	margin-left: 130px;
	margin-top: 10px;
	width: 340px;
}


table.bottom-dotted-border td {
	border-bottom: 1px dotted #444444;
}

tr.bottom-dotted-border td {
	border-bottom: 1px dotted #444444;
}

#dhtmltooltip{
font-family: Arial, Verdana, Helvetica, sans-serif;
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #ffffff;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
font-family: Arial, Verdana, Helvetica, sans-serif;
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.align-bottom{
position: relative;
left:0px;
bottom:-20px;

}

.blue-page-background {
 background-image: url("http://i-fiberoptics.com/images/blue-bg-grad.png");
 background-color: #ffffff;
 background-repeat: repeat-x;
}

.textsize{padding-left:20px;float:right;font-size:11px;color:#999}
.textsize a{color:#999;outline:none;font-weight:bold;padding:0 2px}
.textsize a.big{font-size:14px}
.textsize a.bigger{font-size:16px}
.textsize a:hover{color:#333}

#google_translate_element{
width: 160px;
}