@charset "UTF-8";
/* CSS Document */


*{
	margin: 0;
	padding: 0;	
	
}
body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%;
	
	color:#333;
	width:100%;
	
	background:url('/green/arp_assets_dev/images/back.jpg') repeat-x;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
h1, h2, h3, h4{ color:#666;}
h1{
		font-size:1.5em;
		
		margin:20px 0px  15px;
	}
h2{
	font-size:1.125em;
	line-height:20px;
	margin-top:5px;
	margin-bottom:5px
}
h3{
	font-size:1em;
	line-height:18px;
	margin:7px 0 5px;
}
h4 {
	
	font-size:14px;
	line-height:16px;
	margin:5px 0;
}
/******************
Styles for H tage superscripts
****************/
h1 .super{
	position: relative;
	bottom: 8px;
	font-size: 14px;	
	
}
h2 .super{
	line-height:12px;
	bottom:4px;
	position:relative;
	font-size: 0.75em;	
	
}

h4 .super{
	position: relative;
	bottom: 5px;
	
	font-size: 12px;	
	
}

h3 .super{
	position: relative;
	bottom: 4px;
	
	font-size: 12px;	
	
}
/******************
General Styles for body
****************/
p{
	
	padding: 1% 0;
	margin: 0;
	font-size:0.75em;
	line-height:18px;
}

img{ border:none;}

.children-floatL section, .floatL{
	float:left;	
}


.border{
	
	border: 1px solid #CCC;	

}
.borderradius .cssRoundedCorners{
	border-radius:10px
	
}
.border-bottom{
	border-bottom: 1px solid #CCC;
	
}

.border-top{
	border-top: 1px solid #CCC;
	
}

fieldset {
	margin:0px;
	padding:0px;
	border:0px;
}



.marg-L-60{
	
	margin-left:60px;	
}
.bold{font-weight:bold}
.bold-off{
	font-weight:normal	
}
	
ul.bold li{
	font-weight:bold;	
}
ul{	
	list-style:none;
	margin:5px 10px
	
}


li{
	
	margin:2px 0	
}
.f-size-16{
font-size:16px;	
}
ul.f-size-16 li{
font-size:16px;	
}
.f-size-14{
font-size:14px;	
}
ul.f-size-14 li{
	font-size:14px;	
	line-height:16px;
	margin-top: 4px ;
}
.fWeightNormal{
	font-weight: normal
}
.alignLeft{
	float:left;
	margin: 5px 5px 5px 0;
}
.alignRight{
	
}

#wrapper {	
	display:block;
	 width:980px;
	margin: 0 auto
	
}
/*******
Bior Rad Logo
*******/
#logo-addthis {
	margin: 16px 2% 0px;
	position:relative;

}

.no-borderradius.no-boxshadow #logo-addthis {
	margin-bottom:10px
	}

.borderradius.boxshadow #logo-addthis {
	
}
#logo-addthis{
	
}

#BRlogo{
	margin:15px 5px 5px 15px;
	
}

#BRlogo img{
	border:none;
	width:100px;
	height:27px;
}

#logo-addthis div {
	display:inline	
}
.addthis_toolbox{
	
	position:absolute;
	top:20px;
	right:0px;
	}
	

.addthis_toolbox a {
	
	line-height:10px
}
/*******
Header 
*******/



#arpHeaderContainer{
	float:left;
	
}

/************
Header Sidebar
**************/

#arpHeaderSidebar{
	
	float:left;
	width:130px;
	padding-left:20px;
	
}
#arpHeaderSidebar h2{
	
	text-align:center;
	margin-top:0	
}
#sideBarOverlays{
	
}
#sideBarOverlays div{
	text-align:center;	
}
#sideBarOverlays div h3{
	font-size:10px;
	
	text-align:center;
	margin:0 0 5px;
	font-weight:normal
}
/********
Content  background

********/
#content {
	background: #fff;
	 width:660px;
	 margin: 16px  auto 0;
		
	padding: 43px 150px 20px;
	border-top: 1px solid #CCCCCC;
	border-radius: 12px;
	box-shadow: 0px 0px 7px #777;
}




 .no-borderradius.no-boxshadow #content_top_bkg {
 background:url(/green/arp_assets_dev/images/content-top.png) no-repeat;
 background-position:bottom center;
 height:18px;
 padding:0;
 margin:0;
 
}

.no-borderradius.no-boxshadow #content_bottom_bkg {
 height:12px;
 background:url(/green/arp_assets_dev/images/content-bot.png) no-repeat;
 margin:0;
}
.no-borderradius.no-boxshadow #content_bkg {
background:url(/green/arp_assets_dev/images/content-mid.png) repeat-y;

}


.borderradius.boxshadow #content_bkg{
	background:none;
}
.borderradius.boxshadow #content_top_bkg, .borderradius.boxshadow #content_bottom_bkg{
	display:none;
	
}
.no-borderradius.no-boxshadow #content{
	border: none;
	margin:0 auto;
	

}


.no-js #jswarning{
	color:red;
	padding: 40px 30px;
	font-size:20px;
	border:1px red dashed;
		
	
}
 .js #jswarning{
	 display:none;
	 
 }
/********
Content 

********/

#intro-section {
	margin-bottom:20px;
	margin-top:5px;
	
}

/*
Buttons
*/
.boxshadow.borderradius .orangeBtn{
	border-radius:3px;
	background-color: #FF6600;
	
	color:#FFF;
	box-shadow: 0 1px 3px #666;
	text-shadow: 0 -1px 1px #CCC;
	text-decoration:none;
}


.orangeBtn{
	color:#FFF;

}
.marginBot20{
	margin-bottom:20px
}
.paddingBot20{
	padding-bottom:20px
}


.horizontal-3 article{
	display:inline-block;
	width:32%
	
	
}

.horizontal-3  section div{
width:205px;
float:left;
padding-right:15px;
	
	
}
.horizontal-3  section div p{
	display:inline;
	
	
	
}
/*********
CONTENT FORMATTING
*******/
	
 #copyright{
	 text-align:center;
	 margin:10px auto 5px
	 
 }
.orange{
	color:#FF6600
}	
.green{
	color:#00A650
	
}
.gray{
	color:#999999;	
}
.dark-gray{
	color:#333333;	
}

.horizontal-list li{
	display:inline;
}



/*TABBED WINDOWS */

/*************
Technote 
*********/
/* horizontal */
 	
 
 
 .pdf-icon-children article div{
	top:0;
	 display:inline;

	
}

/************
content bullets
**************/
.orange_bullets  li {
	list-style-image: url(/green/arp_assets_dev/images/orange_bullet.gif);
	list-style-position: outside;
	padding-left: 0;
	margin-left: 30px;
	margin-top:8px;
}

hr {
	
	border:0px;
	height:1px;
	background:url(/green/arp_assets_dev/images/1x1grey.gif) repeat-x left center;
	clear:both;
	display:none;
	width: 100%;
	
}
a {
	color: #ff6600;
	text-decoration: none;

	font-weight: normal;
}
a:hover {
	text-decoration: underline;
}
/*********
FORM FORMATTING
*******/
#contactForm{
		margin-top:20px
}
#actonContactForm{
	padding-top:20px;
	font-weight:bold;
	
		
}
#actonContactForm td{
		padding-bottom:5px;
}

#actonContactForm .formFieldLabel{
	
	padding-bottom:5px;
	
}
#contactFormHeader {
	
	margin:0 auto;
		
}

#contactFormHeader h2{
	width:90%;
	margin:0 auto;
	padding:15px 0;
	line-height:normal;
	
		
}


#actonContactForm #ao_submit_button{
	text-align:right;	
}
.borderradius.boxshadow #contactFormHeader{
	border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	border-bottom:1px  #ccc solid;
	width:100%;
	min-height:40px;
background-color:#EFEFEF;	
	
}



.borderradius.boxshadow #contactForm {
	
border: 1px solid #CCCCCC;
border-radius: 10px;
box-shadow: 0px 0px 6px #CCCCCC;
}
#subForm{
	margin-top:20px
	
		
}



/*******
Form Farmatting for IE <=8 
*********/
.no-borderradius.no-boxshadow #contactForm {
	
	margin-left: -5px;
	margin-right: -5px;
	
	background: url(/green/arp_assets/images/form_footer.gif) no-repeat bottom left;
	padding-bottom: 18px;
	
}
.no-borderradius.no-boxshadow #actonContactForm {
	background: url(/green/arp_assets/images/footer_bg_repeat.gif) repeat-y;
	width: 667px;
}
.no-borderradius.no-boxshadow #contactFormHeader{
	height: 45px;
	background: url(/green/arp_assets/images/form_header.gif) no-repeat 0px 0px;
}
/*******
2 Columns 
*********/
.twoColumns .column{
	width:50%;
	
		
}

/***********************
overlay 
*********************/

.overlay-dialog{
	
	color:#000;	
}

.overlay-dialog table{
	border:1px solid #666;
	border-collapse:collapse;


}

.overlay-dialog table td{
	border:1px solid #666;
	border-collapse:collapse;
	padding: 3px 5px;

}
.overlay-dialog table th{
	border:1px solid #666;
	border-collapse:collapse;
	padding: 3px 5px;
	font-weight:bold

}


/**
* Placeholder media queries for responsive design. Modify as design requires.
* These follow after, and will override, the primary ('mobile first') styles
* The closing /mediaquery comment is required by respond.js min/max-width Media Query polyfill
*/
@media screen and (max-device-width: 480px) and (resolution: 163dpi){
	
}
@media only screen and (max-device-width:480px) {
  /* Style adjustments for viewports 480px and over go here */
body{
	background:none;
	-webkit-text-size-adjust:none;
	font-size:13px;
}
 #wrapper {
 width:100%;
}
#BRlogo{
	margin:10px 5px;
	
}

#content_top_bkg {
 background:none;
 height:0;
 display:block;
}
#content_bottom_bkg {
 height:0;
 background:none;
}
#content_bkg {
background:none;
}
 #content {
 width:inherit
 
}

#arpHeaderContainer article {
height:250px	
}
}
/*/mediaquery*/
/*
@media only screen and (min-width: 768px) {
  

}
*/
@media only screen and (max-width: 600px) {
 body {
 
}
}




/**
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
*/
@media print {
 * {

color: black !important;
text-shadow: none !important;
filter:none !important;
 -ms-filter: none !important;
} 
/* Black prints faster: sanbeiji.com/archives/953 */
 a, a:visited {
color: #444 !important;
text-decoration: underline;
}
 a[href]:after {
content: " (" attr(href) ")";
}
 abbr[title]:after {
content: " (" attr(title) ")";
}
 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
} /* Don't show links for images, or javascript/internal links */
 pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
 thead {
display: table-header-group;
} /* css-discuss.incutio.com/wiki/Printing_Tables */
 tr, img {
page-break-inside: avoid;
}
 img {
max-width: 100% !important;
}
 @page {
margin: 0.5cm;
}
 p, h2, h3 {
orphans: 3;
widows: 3;
}
 h2, h3 {
page-break-after: avoid;
}