/*	LAYOUT: [Body]
--------------------------------------------------------------
*/
body
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Sans-Serif;
	color: #000000;
	font-size: 10px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

/*	LAYOUT: [mainContent]
--------------------------------------------------------------
*/
table .mainContent
{
	border-right: #ffffff 2px solid;
	border-top: #ffffff 2px solid;
	border-left: #ffffff 2px solid;
	border-bottom: #ffffff 2px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
	font-family: Arial, Sans-Serif;
	empty-cells:show;
}
/*	LAYOUT: [mainContent]
--------------------------------------------------------------
*/

table .mainContentWithTopBorder
{
	border-right: #ffffff 2px solid;
	border-top: #ffffff 2px solid;
	border-left: #ffffff 2px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-family: Arial, Sans-Serif;
	empty-cells:show;
}
table .mainContentOnlySideBorder
{
	border-right: #ffffff 2px solid;
	border-left: #ffffff 2px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-family: Arial, Sans-Serif;
	empty-cells:show;
}
table .mainContentWithBottomBorder
{
	border-right: #ffffff 2px solid;
	border-left: #ffffff 2px solid;
	border-bottom: #ffffff 2px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-family: Arial, Sans-Serif;
	empty-cells:show;
}

/*	LAYOUT: [mainContentStyle]
--------------------------------------------------------------
*/
table .mainContentStyle
{
	border-right: #ffffff 2px solid;
	border-top: #ffffff 2px solid;
	border-left: #ffffff 2px solid;
	border-bottom: #ffffff 2px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-family: Arial, Sans-Serif;
	empty-cells:show;
}

/*	LAYOUT: [Header]
--------------------------------------------------------------
*/
#header
{
	background-color: #ffffff;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: #d4d0c8 2px solid;
	border-spacing: 0px;
	border-collapse: collapse;
}

/*	LAYOUT: [ColumnLeft]
--------------------------------------------------------------
*/
#columnLeft
{
}

/*	LAYOUT: [ColumnRight]
--------------------------------------------------------------
*/
#columnRight
{
	width: 100%;
	padding-top: 3px; /* top right bottom left */
	margin-left: 3px;
	background-color: #ffffff;
}

/*	LAYOUT: [Footer]
--------------------------------------------------------------
*/
#footer
{
	width: 100%;
	background-color: #ffffff;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-top: 5px;
}

/*	LAYOUT: [Navigation].[MenuTabs]
--------------------------------------------------------------
*/
.MenuTabs
{
	margin: 0px -3px -2px 0px; /* top right bottom left */
	padding: 0px 0px 0px 0px; /* top right bottom left */
}

/*	LAYOUT: [HeaderItemsContainer]
--------------------------------------------------------------
*/
#HeaderItemsContainer
{
	margin-top:4px;
	padding-top: 6px;
	width: 100%;
	text-align: right;
	float:left;
}

/*	LAYOUT: [LogoContainer]
--------------------------------------------------------------
*/
#LogoContainer
{
	float:left;
}

/*	LAYOUT: [TopNavInfoBox]
--------------------------------------------------------------
*/
#TopNavInfoBox
{	
	border: solid 1px #ccc;
	margin: 4px 4px 4px 4px; /* top right bottom left */
	padding: 2px 2px 2px 2px; /* top right bottom left */
}

/*	LAYOUT: [TopNavInfoBox].[TopNavInfoItem]
--------------------------------------------------------------
*/
.TopNavInfoItem
{
	margin: 0px 0px 0px 0px; /* top right bottom left */
	padding: 0px 1px 0px 3px; /* top right bottom left */	
	border-right: solid 1px #696969;
}

/*	LAYOUT: [TopNavSearchContainer]
--------------------------------------------------------------
*/
#TopNavSearchContainer
{
	margin: 7px 4px 0px 4px; /* top right bottom left */
	padding: 4px 4px 2px 4px; /* top right bottom left */
	/*border: dashed 1px #900;*/
	width:auto;
}

/*	LAYOUT: [TopNavSearch]
--------------------------------------------------------------
*/
#TopNavSearch
{
	text-align:right;
	width: 100%;
	/*border: dashed 1px #900;*/
}

/*	LAYOUT: [TopNavSearch].[TopNavSearchBox]
--------------------------------------------------------------
*/
#TopNavSearchBox
{
	width:50%;
}

/*	LAYOUT: [moreText]
--------------------------------------------------------------
*/
.moreText
{
	font-family: arial, helvetica;
	font-weight:bold;
	text-decoration:none;
	color:#BE871F;
	font-size:8pt;
}
.moreText a 
{
	text-decoration:none;
	color:#BE871F;
}
.moreText a:hover
{
	text-decoration:none;
	color:#666666;
}

/*	LAYOUT: [LeftNavHeadText]
--------------------------------------------------------------
*/
.LeftNavHeadText
{
font-family: arial,  helvetica;
font-size: 9pt;
color:#000000;
text-decoration:none;
font-weight:bold;
}

.LeftNavHeadText a
{
font-family: arial,  helvetica;
font-size: 9pt;
color:#000000;
text-decoration:none;
font-weight:bold;
}

.LeftNavText a
{
font-family: arial,  helvetica;
font-size: 8pt;
color:#263982;
text-decoration:none;
font-weight:bold;
white-space:nowrap
}

.LeftNavText a:hover
{
font-family: arial,  helvetica;
font-size: 8pt;
color:#263982;
text-decoration:underline;
font-weight:bold;
white-space:nowrap
}

.LeftNavTextWithBottomBorder a
{
	font-family: arial, helvetica;
	font-size: 8pt;
	color: #263982;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	border-bottom: black thin solid;
	border-right: black thin solid;
	border-top: black thin solid;
	margin-bottom: 1px;
	border-left: black thin solid;
}

.LeftNavTextWithBottomBorder a:hover
{
font-family: arial,  helvetica;
font-size: 8pt;
color:#263982;
text-decoration:underline;
font-weight:bold;
white-space:nowrap
}


/*	LAYOUT: [leftNavDiv]
--------------------------------------------------------------
*/
#leftNavDiv
{
	position: absolute;
	z-index: 1;
	top: 78px;
	left: 3px;
	visibility: visible;
}

/*	LAYOUT: [welcomeNavDiv]
--------------------------------------------------------------
*/
#welcomeNavDiv
{
position: absolute;
z-index: 1;
top: 10px;
left: 2px;
height: 25px;
visibility: visible;
}

.welcomeNav
{
color: #696969;
font-family:  arial, helvetica;
font-size: 7pt;
}

table.welcomeNavColor
{
	background-color: white;
	border-color: #f1f1e9;
	border-style: solid;
	border-width: 2px;
	width: 25px;
	padding:2px 2px 2px 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}

a.welcomeNavLink
{
background-color: transparent;
color: #696969;
font-family:  arial,  helvetica;
font-size: 7pt;
font-weight: bold;
line-height: 100%;
text-decoration: none;
}

a.welcomeNavLink:active
{
	background-color: transparent;
	color: #696969;
	font-family:  arial, helvetica;
	font-size: 7pt;
	font-weight: normal;
	line-height: 100%;
}

a.welcomeNavLink:hover
{
background-color: #e9edf7;
color: #000000;
font-family:  arial,  helvetica;
font-size: 7pt;
font-weight: bold;
line-height: 100%;
}

/*	LAYOUT: [hr]
--------------------------------------------------------------
*/
.hr
{
	color: #f0eee8;
}

/*	LAYOUT: [resultsColumnHead]
--------------------------------------------------------------
*/
td.resultsColumnHead
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	background-color: #d4eaf7;
	text-align: center;
}

/*	LAYOUT: [resultsLeftColumnHead]
--------------------------------------------------------------
*/
td.resultsLeftColumnHead
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	background-color: #d4eaf7;
	text-align: left;
}

/*	LAYOUT: [resultsRightColumnHead]
--------------------------------------------------------------
*/
td.resultsRightColumnHead
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	background-color: #d4eaf7;
	text-align: right;
}

/*	LAYOUT: [resultsRightColumnHead]
--------------------------------------------------------------
*/
tr.toggle1
{
	background-color: #ffffff;
}

/*	LAYOUT: [resultsRightColumnHead]
--------------------------------------------------------------
*/
tr.toggle2
{
	background-color: #f5f5f5;
}

.ControlTitleBar
{
	background-color:#F4F4F6;
}

.ControlLockBarStyle
{
	font-family: arial,helvetica,verdana;
	font-size:14pt;
}

.smallTextFinancial
{
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
text-align: right;
}

.smallTextFinancialAlignCenter
{
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
text-align: center;
}

.smallTextFinancialAlignLeft
{
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
text-align: left;
}
.tableText1
{
font-family:  arial,  helvetica;
font-size: 9pt;
color:#4D5B99;

}

.greyTableText
{
font-family:  arial,  helvetica;
font-size: 7pt;
color:Gray;

}

.summaryText2
{
font-family:  arial,  helvetica;
font-size: 8pt;
color:#000000;
font-weight:400;

}	
/*	LAYOUT: [OrderFiling]
--------------------------------------------------------------
*/
TABLE.greyBorder
{
    BORDER-RIGHT: #d8d7d7 1px solid;
    BORDER-TOP: #d8d7d7 1px solid;
    BORDER-LEFT: #d8d7d7 1px solid;
    BORDER-BOTTOM: #d8d7d7 1px solid
}

.imageLocked
{
	margin-left:2px;
	vertical-align:middle;

}

#logo 
{
position: relative;
float:left;
z-index: 1;
top: 9px;
left: 0px;
height:39px;
visibility: visible;
border-bottom:#ffffff 10px solid;

}

	

#searchBar
{
position: relative;
top: 5px;
left:0px;
float:right;
height: 25px;
visibility: visible;
clear:both;
margin-right:5px;
width:550px;
border-bottom:#red 10px solid;
}

#welcomeNavDiv
{
position: relative;
z-index: 1;
top: 5px;
margin-right:5px;
float:right;
width:350px;
height: 25px;
visibility: visible;

}

#tabLine
{
position: relative;
float:left;
top: 0px;
left: 0px;
width: 99%;
height:5px;
visibility: visible;

}

#tabNav
{
position: relative;
z-index: 1;
float:left;
top: 0px;
left: 0px;
width: 100%;
height: 25px;
visibility: visible;
margin-bottom:-15px;
}

.dashboardInvisible
{
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
text-align: right;
color:White;
background-color:White;
}

input.btn
{
	cursor: hand;
	color:#000000;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#f3f3f3;
	border:1px solid;
	border-top-color:#000000;
	border-left-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	filter:progid:DXImageTransform.Microsoft.Gradient
	  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#e5e5e5');
}

input.btnhov,.btn:hover
{
	cursor: hand;
	color:#ffffff;
	background-color:#000000;
	border:1px solid; 
	border-top-color:#000000;
	border-left-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	filter:progid:DXImageTransform.Microsoft.Gradient
	  (GradientType=0,StartColorStr='#000000',EndColorStr='#e5e5e5');
}   
@media print

{
body{ background-color:#FFFFFF; background-image:none; color:#000000 }
#header {display:none;}
#noheader{display:none;}
#columnLeft {display:none;}
}


/* IMETRIX Download page CSS - John Lomma

reusable header:  

if you want to reuse this header
all you have to do is give a div the 'contentBox' class and place an H1 as the first line with the title.

to specify the dimensions of that particular type of content, create a class specific to the type.  On this page
I used 'downloads' since each section of content is able to be the same width.  if you need multiple columns of content sections, 
simply add the 'floatLeft' style and adjust margins inside the class that specifies dimensions (i.e. 'downloads')

*/

/* basic element styles */
.floatLeft{
position:relative;
float:left;
}
.floatRight{
position:relative;
float:right;
}

/* reusable header style */
.contentBox{
position:relative;
}
    .contentBox H1
{
	position: relative;
	height: 40px;
	font: normal bold 12pt arial, verdana;
	color: #000000;
	background: url(../../images/bgshade.gif) repeat-x;
	margin: 0 0 0 0;
	padding: 10px 5px 0px 10px;
}
    .inBoxContent{
    position:relative;
    padding:0px 5px 5px 5px;
    font:normal 10pt arial, verdana;
    }



/* page specific classes for sizing and positioning */
.downloads{
position:relative;
clear:both;
width:100%;
margin:0 0 15px 0;
}
    .boxSpinFlash{
    width:150px;
    height:150px;
    margin:0 0 0 0;
    padding:0 0 0 0;
    }
    
    /* download now button, download details */
    .dloadButtonHolder{
    background: #f4f4f4;
    color: #808080;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    width:430px;
    height:100px;
    margin:10px 0 0 20px;
    
    }            
            .imgButton{        
            padding:23px 28px 23px 15px;
            margin:10px 0 0 0;
            border-right:solid 1px #ccc;
            }
            .minimumReq{
            height:80px;
            width:225px;
            margin:10px 0 0 15px;
            }
            .minimumReq ul{
            list-style-type: none;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            }
            .minimumReq li{
            margin: 0 0 0 0px;
            padding: 0 0 0 15px;
            color:#515151;
            font-weight:normal;
            }
            .minimumReq li.listHeading{
            color:#000000;
            padding:0 0 0 0px;
            }
            .minimumReq li.releaseNotes{
            color:#000000;
            padding:2px 0 0 15px;
            background: url(../../images/document_pdf.gif) left top no-repeat;
            }
            .detailsHolder{
            margin:10px 0 0 25px;
          
            }
            .detailsZipCust{
            margin:0 0 0 21px;
            
            }
            .detailsZipCust p{
            font-size:8pt;
            color:#515151;
            }

    /* list style for PDF links */
    .listDownloads{

    }
            .listDownloads ul{
            margin: 0 0 25px 0;
	        padding: 0 0 0 8px;
	        list-style-type: none;
            }
            .listDownloads li{
            color: #666;
	        background: url(../../images/arrow_bullet.gif) left top no-repeat;
	        padding:0px 0 20px 20px;
	        margin:10px 0 10px 0;
	        border-bottom:1px dotted #ccc;
	        }
            .listDownloads img{   
	        padding:10px 0 0 0;
        	
            }
            .listDownloads li.pdf{
            background: url(../../images/document_pdf.gif) left top no-repeat;
            }
.alignment
{
	margin: 2px 0 0px 0;	
}
.AutoComplete {
visibility : hidden;
margin : 0px!important;
color :Green;
border : buttonshadow;
border-width : 15px;
border-style : solid;
cursor : 'default';
overflow : auto;
text-align : right; 
list-style-type : none;
font-family:Book Antiqua;
font-size:9pt;
}
.autocomplete_dropdown{font-size:9pt; overflow-y:scroll;}
.autocomplete_dropdown div:hover{color:Black !important;background-color:#EEEEEE !important;}
.autocomplete_dropdown div {color:Black !important;background-color:#fcfecc !important;}