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

/* Created by May Yam
	Aurora (c) April 10th, 2008 */
	
	 
.text{  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: 15pt; color: #000000;  margin-left: 1px;	margin-right: 20px;}
.lists{  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: 15pt; color: #000000;}
.prod_text{  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: 15pt; color:#000000; margin-left: 1px;	margin-right: 20px;}
.prod_figure_heading{  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: 13pt; color:#0D2D84; margin-left:-120px;	margin-right: 20px;}
	
	

.error_text{  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; line-height: 13pt; color: brown;  margin-left: 1px;	margin-right: 20px;}

.boldtext {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; font-style: normal; line-height: 13pt; color: #000000}
.hometext {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 18pt; color: #000000}
.back {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #00136A; text-decoration: underline}
.back1 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #3E5EB5; text-decoration: none}
.tblbg {  background-color: #E5E5E5}
h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #0D2D84}
.subheading,h4 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #400040}
td {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
bg {  background-color: #F1F1F1}
.login_old { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style:normal; line-height: 1em; color: #0D2D84; display: block; float:left; }
.minitext{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style:italic; line-height: 1em; color: #0D2D84; display: block;  }
.download_collateral_text{  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style:normal; color: #0D2D84; 	}
.download_collateral_text_rev{  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style:normal; color: #0D2D84; 	}

.miniTOC{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style:normal;
line-height: 1.2em; color: #0D2D84; display: block; float:left; }
.foot{  font-family: Arial, Helvetica, sans-serif; line-height: 13pt; font-size: 10px; font-style: normal; color: #000000}

a:link {color:#000099; text-decoration: none; }
a:visited {color:purple; text-decoration: none; }
a:hover {color:#000099; text-decoration:underline; }


#center_area
{
	/* width setting recommended */
	width: 700px; /*500px; */
	/* align left to fix the previous IE css bug */
	text-align: left;
	/* zero margin top/bottom, auto margin for left/right */
	margin: 0 auto;
	border: 0;
}
 
 
.centeredbody {
/*	background-image: url(../graphics/website_bg.jpg);  grey bg */
	background-repeat: repeat-x;

	width: 70em; /* 60em */
/*	background: white; */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

div.container2 { 
	background-image: url(../graphics/shadowed_vertical_webpage_edge2.png);
	background-repeat: repeat-y;
	background-position: left top;
	float:left; /* needs this */
	width: 900px;  /*780 using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left;/* this overrides the text-align: center on the body element. */
	height: 100%;
}

.mainheader {
/*	position: inherit; */
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding-left: 11px;
	padding-right: 11px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 868px;  /* 768* a few pixels shorter to show the background border */
	height: auto;
	display:block;
	float:left; /* for firefox */

}





.title_text {
	font-family: Arial, Helvetica, sans-serif; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 600px; /* 500 */
	height: 20px;
	font-style: normal;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	color: #0D2D84;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 164px;
}


.prod_subheading_text {
	/*	position: inherit; */
	padding-left: 50px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	padding-top: 20px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 500px;
	height: 18px;
	font-style: normal;
	font-size:21px;
	text-align:left;
	font-weight:normal;
	color:gray;
	margin-left: 157px;

}


.prod_subheading_text2{ /* under product subheading text */
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 50px;
	padding-bottom:10px;
	padding-top: 20px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 580px;
	height: 20px;
	font-style: normal;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	color:#000080; /*brown; */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 156px;
	
}

.subheading_text {
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	padding-top: 20px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 600px;
	height: 20px;
	font-style: normal;
	font-size:17px;
	text-align:left;
	font-weight:normal;
	color:gray;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 157;

}


/* 1st level header - in brown*/
.inlineTitleHeading {
	/*	position: inherit; */
	padding-left:200px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	padding-top: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 500px;
	height: 20px;
	font-style: bold;
	font-size:24px;
	text-align:left;
	font-weight:normal;
	color:brown;
	margin-top: -90px;

}

/* 2nd level header - bold Gray */
.inline_title {
	/*	position: inherit; */
	padding-left: 50px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	padding-top: 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 500px;
	height: 20px;
	font-style: normal;
	font-size:18px;
	text-align:left;
	font-weight:normal;
	color:gray;
	margin-left: -51px; /* due to column placement */

}
/* 3rd level header - blue */
.subhead1 {
	/*	position: inherit; */
	padding-left: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	padding-top: 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 500px;
	height: 13px;
	font-style: normal;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	color:#000080; /* blue */
	margin-left: -1px; /* due to column placement */

}

/* 4th level header - orange */
.subhead2 {
	/*	position: inherit; */
	padding-left: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	padding-top: 1px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 500px;
	height: 12px;
	font-style: normal;
	font-size:15px;
	text-align:left;
	font-weight:normal;
	color:#f88818; /* orange */
	margin-left: -1px; /* due to column placement */

}




.subheading_title { /* under applications and technologies subheading text */
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-bottom:10px;
	padding-top: 20px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 580px;
	height: 20px;
	font-style: normal;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	color:#000080; /*brown; */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -5px;
	
}



.prod_title_text2 { /* under product subheading text */
/*	position: inherit; */
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	padding-top: 20px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 580px;
	height: 20px;
	font-style: normal;
	font-size:16px;
	text-align:left;
	font-weight:normal; 
	color:#000080; /*#0D2D84; */	
}

/* for search engine and log in etc.. */
.column {
	 float:right; 
	 width: 66%;
	 padding-left:20px;
	 padding-right:55px;
	 
	
}	 



.maintitle{
/*	position: inherit; */
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding-left: 0px;
	padding-right: 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 700px;
	height: 150px;
	/*text-align: right; */
	font-style: italic;
	font-weight: bold;
	color: brown;
	font-size:large;
}

.topstrip {
	background-image: url(../graphics/topstrip.jpg);
	z-index:10;
	width: 100%; /*768px;*/
	height: 100%;
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: left top;

}

.borders{
	border-color: black;
	border-style: solid;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-top: 1px;
}


#auroralogo {
	padding-left: 18px;
	padding-top:15px;
	padding-bottom:10px;
	height:54px;
	width: 200px; 
}


.login_header {
	margin-left:477px;
	margin-top:-72px;
	z-index:22;
	height:80px; /*44px; */ 
	width: 380px;
	/* this overrides the text-align: center on the body element. */
	text-align: right;
	font-weight: bold;
	color: brown;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:italic;

}


.login_box {/*form box */
	margin-left:0px;
	margin-top:-1px;
	z-index:22;
	height:25px; /*28px; */
	width: 350px;
	padding:2px;
	/* this overrides the text-align: center on the body element. */
	text-align: right;
	font-weight: bold;
	color: brown;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style:italic;

}

.login_box2 {/* in the body of the login.jsp page - search box */
	margin-left:0px;
	margin-top:-1px;
	padding:5px;
	
	z-index:22;
	height:28px;
	width:450px;
	/* this overrides the text-align: center on the body element. */
	text-align: left;
	font-weight: bold;
	color: brown;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style:italic;
/*	background:white; 
 	background-image: url(../graphics/topstrip.jpg);
*/
	
}

.loggedin {/* searchlogo */
	margin-top:-70px;
	z-index:22;
	height:1em;
	width: 400px;
	/* this overrides the text-align: center on the body element. */
	text-align:left;
	font-style: italic;
	font-weight: bold;
	color: brown;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 450px;
	font-size: 10px;
	
}

.loggedin input {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:1; 
	background: none; 
	font-style: normal;
	background:silver;
	 		 
	
}
/*

#tagLine {
	margin-left:474px;
	margin-top:12px;
	z-index:22;
	height:10px;
	width: 380px;
	
	text-align: right;
	font-style: italic;
	font-weight: bold;
	color: brown;
	font-family: Arial, Helvetica, sans-serif;
	
	
} 
*/

#tagLine_loggedin {
	margin-left:352px;
	margin-top:25px;
	z-index:22;
	height:18px;
	width: 380px;
	/* this overrides the text-align: center on the body element. */
	text-align: right;
	font-style: italic;
	font-weight: bold;
	color: brown;
	font-family: Arial, Helvetica, sans-serif;
	
}

body {
    background:#fff;
    margin:0;
    padding:0;
    color:#000;
    font-size:small;
    } html>body {font-size:small;}
  
  
 
#menu {height:40px; background:url(../graphics/backoff.gif) repeat-x; border-top:3px solid #003399; border-bottom:1px solid #aaa; text-align:center;}
#menu table {border-collapse:collapse; width:0; height:0; margin:-1px;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;
/* 
position:relative this breaks redrawing the screen in IE when resizing
*/

;}
#menu ul {display:inline-block;} 
#menu ul.level1 {padding-right:2px; background:url(../graphics/divide.gif) no-repeat right top;}
#menu li {float:left;}
#menu ul div {position:absolute; left:-9999px; top:-32000px;}

#menu a {display:block; font:normal 14px/39px arial,sans-serif; color:#999; height:39px; text-decoration:none;padding:0 14px; text-align:center;}
#menu ul.level1 li.level1-li a.level1-a {float:left; background:url(../graphics/divide.gif) no-repeat left top;}
#menu ul.level1 li.level1-li a.level1-a:hover {background:url(../graphics/hover-nosub.gif) no-repeat left top; border:0; color:#fff; position:relative;}
#menu ul.level1 li.level1-li #current {background:url(../graphics/hover-nosub.gif) no-repeat left top; border:0; color:#fff; }
#menu ul.level1 li.level1-li a.level1-a.drop:hover {background:url(../graphics/hover.gif) no-repeat left top;}
#menu ul.level1 li.level1-li:hover {position:relative;}
#menu ul.level1 li.level1-li:hover > a {background:url(../graphics/hover.gif) no-repeat left top; color:#fff;}

#menu ul.level1 li.level1-li a.level1-a:hover b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#111;}
#menu ul.level1 li.level1-li:hover > a b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#111;}

#menu ul :hover div {left:0; top:39px; background:#111; border:1px solid #111; border-width:0 1px 1px 1px;}
#menu ul :hover div ul {border:1px solid #444; border-width:0 1px 1px 1px; padding-bottom:5px;}
#menu ul :hover div ul li {float:none; height:25px;}
#menu ul :hover div ul li a {display:block; height:25px; text-align:left; font:normal 13px/25px arial,sans-serif;}
#menu ul :hover div ul li a:hover {color:#fff;}

<!--[if lte IE 7]>

#menu ul {display:inline;}
#menu ul :hover div ul li {float:left;}

<![endif]--> 
  
  
#mainmenu { 
	width: 98%;
	height: 24px;
	padding-top: 20px;  /* push down the tab menu from the top */
	padding-right: 0px;
	padding-bottom: 0px;
/*	padding-left: 5%;  push down the tab menu from the left*/
    padding-left: 2%;  /* added search tab - needed for IE 9 */
	margin: 0px 0px 0px 0px;

	display: block;
	float: left;
	
	border-top: 0px;
	border-left: 0px; 
	border-right: 0px;
	border-bottom: 1px;
	border-style:solid;
	border-color: #663300;  /* brown thin line */
}

#menulist {
	list-style:none;
	font-size:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
	display: block;
}


/* this shows the left most rounded part of the tab button */
#menulist li {
    background: no-repeat url("../graphics/left_both.gif") left top;
    padding-left:9px; /* push the contents away 9px so we can see the background */
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;

	/* duplicating these cause inheritance isn't working */
	height: 24px;	/* this is taller because the image has no words */
	float: left;
	display: block;
}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#menulist a {float:none;}
  /* End IE5-Mac hack */


/* this shows the text and the rest of the tab button */
#menulist a {
	font-family:Arial, Helvetica, sans-serif;
	background:url("../graphics/right_both.gif") no-repeat right top;
	margin: 0px 0px 0px 0px;
	text-decoration:none;
	font-weight:normal;
	color: #765; /* menu title text */
	height: 21px;  /* this is smaller because the image has no words */
	display: block;
    /* top: push down the words from the top  
		right: make the text centered in the tab button 
		bottom: nothing
		left: this plus the already 9px padding = 15 px */
	/* note, need to use this form of padding, that is all values in one, to make IE work!!!!!!  */
	padding:3px 15px 0px 6px;

	float: left; 
	
}

#menulist a:hover {
      color:black; /*#333; */
      }
	  
#menulist ul a {width:auto;}

#menulist #current {
	background-position:0 -150px; /* show the active tab */
	padding: 0px 0px 0px 9px;  /* sliding door, this exposes the left hand side of the tab */
	height: 25px; /* set the height so that the left hand side bleeds into the bottom */
	
	/* the next 2 lines are a hack for ie 6 */
	margin-bottom: -2px;
	/* position: relative;  removed cause it makes the tab reposition */
}

#menulist #current a {
	background-position:100% -150px;
    /* top: 
		right: show the right hand side of the tab
		bottom: nothing
		left: show the left hand side of the tab */
	padding: 0px 15px 0px 6px;  /* 9 + 6 = 15 */ 
	color:black; 

	height: 25px; /* make it bigger to make it bleed into the next container */
}

#menulist li:hover, #menulist li:hover a {
	background-position:0% -150px;
	color:black; 
	margin: 0px 0px 0px 0px;
}
#menulist li:hover a {
    background-position:100% -150px;
	margin: 0px 0px 0px 0px;
}

#mainContent {
	z-index:100;
	width: 900px;
	padding-left: 40px; /* text */
	padding-right: 40px; 
	padding-bottom: 10px;
	float: left;
}


#placementFlash {
	z-index:100;
	width: 768px;
	padding-left: 0px; 
	padding-top: 0px; /* -120 */
	float: left;
}

#placementFlash_products {
	z-index:100;
	width: 768px;
	padding-left: 0px; 
	padding-top: 0px; /* -120 */
	float: left;
}



#pageBrandContent {
	
 	background:url("../graphics/page_brand.jpg") no-repeat; 
	margin-top:22px; /* needed for ie 6??? */
	width:830px;
	display:inline;
	float:left;
	margin-left:-29px; /* -34px; */
	margin-top:-4px;
	padding: 20px;
	
}	


/* Position the graphic */
#pageBrand {
	height: 306px;
	width:96px;
	display:inline;
	float:left;
	margin-left:-34px;
	margin-top:-20px;
	padding: 20px;
	background:red;
}	

/* Position the title text */
#pageBrandText {
	margin-left:24px;
	margin-top:-16px;
	padding: 20px;
}	

.submenu {
	/*z-index: 100;*/
	font-size:92%;
	display: block;
	float:left;
	margin:0px;
	background-color: #F6B65E;
	font-family: Verdana, Geneva, sans-serif;
	padding-top: 0px;
	width: 868px;
	height:29px;  /* height=active box area */ 

} 


#pagegraphic{
	margin-left:250px;
	margin-top:-10px;
	z-index:20;
	height:8px;
	width: 380px;
}

img.img_right { float:right; padding:4px; }
img.img_left { 

	float:left; 
	padding-right:7px;
}



hr.left {
    height:10px;
    width:200px;
    background:black;
    margin: 0px 0px 0px 0px;  
}

.cprtimg {
	background-image: url(../graphics/blue_line.jpg);
	background-repeat: repeat-x;
/*	height: 11px; */
	padding: 0 0px 0 200px;
	margin: 0px 10px 0px 10px;
	display: inline;
}

/* Last modified date */
.revised { 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none;
	margin-left: 25px;
	margin-right: 25px;
}

#footright {
 	background-image: url(../graphics/bottomstrip-solid.jpg);
	margin: 0px 0px 0% 11px;
	width: 868px;
	height: 2em;
	float: inherit;
}

#bottomstrip {

 	background-image: url(../graphics/bottomstrip-solid.jpg);
	margin: 0px 0px 0px 11px; /* move away from the edge */
	width: 868px;
	height: 15px; /* padding increases the div size, thus to preserve the image and have a padding, need to decrease the overall size.  The jpg size is really 53px */
	float: inherit;	/* need this to keep ie 6 from freaking out */
	vertical-align: text-top;
	text-align: center;
	padding: 5px 0px 5px 0px; 
	display: block;
}

#bottomnavlist { 
	font-size:11px;
	font-family: Arial; 
	font-weight: normal;
	text-decoration: none;
	color:#0000FF;
	float:none;
	display:inline;
	padding: 0px;
}

#bottomnavlist li { 
	display: inline;
	list-style-type: none;
	padding: 0px 30px 0px 30px;
	border-bottom: 0px;
	border-top: 0px;
	border-left: thin;
	border-right: 0px;
	border-style: solid;
	border-color: black;
}

/* footer nav bar */
a.nav:link {color:#000099; text-decoration: none; }
a.nav:visited {color: purple; text-decoration: none; }
a.nav:hover {color: orange; text-decoration: none; }
a.nav:active {color: black; }

/* <span id="copyright">Copyright 1999-2011 Aurora Networks, Inc. All rights reserved.</span> */
#copyright{  
	float: right;
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none;
	padding-right: 1em; 
	padding-top: 1em; 
}

hr {
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left;
margin-top:25px;
margin-bottom:25px;
float:left;
display:inline;
}



#csscenter {
  margin: 0 auto;
  width: 300px;
  text-align: left;
  }

/* for JS clickimage */

.smallimage {
	width: 160px;
	height: auto;
	border: 0; /* 1px; */
	border-style: solid;
	border-color: #000099;
}

.largeimage {
  position:absolute;
  z-index:999; 
  padding:0; 
  background:none; 
  cursor:default; 
  height:auto; 
  width:730px;
  overflow:visible; 
  border:1px solid #369;
  /*margin:21px 0 0 20px;*/
  
  
  }
  html>body .largeimage { margin:-1px -1px 0 -1px; }

.auto-left { float:left; margin-right:1px; padding:0px;}
.auto-right { float:right; margin-right:-2px; direction:rtl; padding:0px;/*20px;*/}

.position-right {  margin-left:50px;  padding:0px;}

  html>body .auto-r { position:relative; }
  




/* for striped tables (that have blank fields) used in applications and techs */
.zebratable {
	width: 550px;
	padding: 0;
	margin: 0;
}

.zebratable caption {
	padding: 0 0 5px 0;
	width: 550px;	 
	font:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	line-height: 13pt; 
	color:#0D2D84; 
	
}

.zebratable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333366;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #cccccc; /* dadff3; #CAE8EA url(images/bg_header.jpg) no-repeat; */
}

.topleftborder{ border-left: 1px solid #666666; }

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #666666;
	background: none;
}

.zebratable td {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #333366;
}


td.alt {
	background: #f4f5f8; /* bg */
	color: #797268; /* font color */
}

th.spec {
	border-left: 1px solid #666666;
	border-top: 0;
	background: #fff;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #666666;
	border-top: 0;
	background: #f4f5f8;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

.lists {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; font-style: normal; 
	line-height: 15pt; color: #000000; 
	
}


br {font-family: Arial, Helvetica, sans-serif; }

/* for striped tables in products areas that have more complicated tables */
#zebraBlue
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%;
	border-collapse:collapse;
	color:#0D2D84;
}


#zebraBlue td, #zebraBlue th 
{
	border:1px solid #000000;
	padding:3px 7px 2px 7px;
	font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333366;

}
/* titles */
#zebraBlue th 
{
/*	text-align:left; */
	padding-top:5px;
	padding-bottom:4px;
	background-color:#CCC; 
	font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;

}
#zebraBlue tr.alt td 
{
/*	padding: 6px 6px 6px 12px;	 */
	background: #f4f5f8; /* bg */
	color: #797268; /* font color */

}

#zebraBlueHalf
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:60%;
	border-collapse:collapse;
	color:#0D2D84;
}


#zebraBlueHalf td, #zebraBlueHalf th 
{
	border:1px solid #000000;
	padding:3px 7px 2px 7px;
	font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333366;

}
/* titles */
#zebraBlueHalf th 
{
/*	text-align:left; */
	padding-top:5px;
	padding-bottom:4px;
	background-color:#CCC; 
	font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;

}
#zebraBlueHalf tr.alt td 
{
/*	padding: 6px 6px 6px 12px;	 */
	background: #f4f5f8; /* bg */
	color: #797268; /* font color */

}
/* -------------------------------------------- */

/* Search result Support asset tables with blue backgrounds */
#gradient-style {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin-left: -5px;
	width: 600px;
	text-align: left;
	border-collapse: collapse;
}

#gradient-style th { /* title */
	font-size: 13px;
	font-weight: normal;
	padding: 10px;
	background: #b9c9fe url('../graphics/table_gradhead.png') repeat-x;
	border-top: 1px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
	text-align: left;
}

#gradient-style td {
	padding-top:10px;
	padding-bottom:7px;
	padding-left: 8px;
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../graphics/table_gradback.png') repeat-x;
	text-align: left;
	
}

#gradient-style tfoot tr td {
	background: #e8edff;
	font-size: 13px;
	color: #669;
		text-align: left;
	
}

#gradient-style tbody tr:hover td {
	background: #d0dafd url('../graphics/table_gradhover.png') repeat-x;
	color: #339;
		text-align: left;

}


/* Support asset tables for LEGACY with brown backgrounds */
#gradient-style_legacy {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin-left: -5px;
	width: 600px;
	text-align: left;
	border-collapse: collapse;
}

#gradient-style_legacy th {
	font-size: 13px;
	font-weight: normal;
	padding:10px;	/* a little taller to accomodate for a short title */
	background: #c4bfb2 url('../graphics/table_gradhead_legacy.png') repeat-x;
	border-top: 1px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
	text-align: left;
}

#gradient-style_legacy td {
	padding-top:10px;
	padding-bottom:7px;
	padding-left: 8px;

	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #dcdcd7 url('../graphics/table_gradback_legacy.png') repeat-x;
	text-align: left;
	
} 

#gradient-style_legacy tfoot tr td {
	background: #e8edff;
	font-size: 13px;
	color: #669;
		text-align: left;
	
}

#gradient-style_legacy tbody tr:hover td {
	background: #ccccc6 url('../graphics/table_gradhover_legacy.png') repeat-x;
	color: #339;
		text-align: left;

}

/* ShowHide Posts
----------------------------------------------- */
.fullpost {
<MainOrArchivePage>
display: none;
</MainOrArchivePage>
<ItemPage>
display: block;
</ItemPage>
}