@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: 12px; 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: 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);
	background-repeat: repeat-x;

	width: 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_bg2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float:left; /* needs this */
	width: 780px;  /* 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: 6px;
	padding-right: 6px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 768px;  /* 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: 500px;
	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: 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: 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: 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: 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:152px; /* 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: -50px;

}

/* 2nd level header - bold Gray */
.inline_title {
	/*	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: 20px; /* 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: -1px; /* 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: 76%;
	 padding:10px;
}	 



.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:10px;
	height:62px;
	width: 231px; 
}


.login_header {
	margin-left:380px;
	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: 380px;
	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 */
	margin-left:0px;
	margin-top:-1px;
	padding:10px;
	
	z-index:22;
	height:33px; /*28px; */
	width:400px;
	/* 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: 300px;
	/* 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:374px;
	margin-top:-20px;
	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;
	
	
}

#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;}
  
  
#mainmenu { 
	width: 95%;
	height: 24px;
	padding-top: 0px; /*10px;  /* push down the tab menu from the top */
	padding-right: 0px;
	padding-bottom: 0px; /*1px;*/
	padding-left: 5%; /* push down the tab menu from the left*/
	/* padding-left: 2%; */ /* added search tab*/
	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: 700px;
	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;
}



/* Position the sidebar graphic */
#pageBrandContent {
	
	background:url("../graphics/page_brand.jpg") no-repeat;
	margin-top:22px; /* needed for ie 6??? */
	width:728px;
	display:inline;
	float:left;
	margin-left:-34px;
	margin-top:0px;
	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: 768px;
	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% 6px;
	width: 768px;
	height: 2em;
	float: inherit;
}

#bottomstrip {

 	background-image: url(../graphics/bottomstrip-solid.jpg);
	margin: 0px 0px 0px 6px; /* move away from the edge */
	width: 768px;
	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-2010 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 in applications and techs */
.zebratable {
	width: 550px;
	padding: 0;
	margin: 0;
}

.zebratable caption {
	padding: 0 0 5px 0;
	width: 550px;	 
	font:  11px "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; }


/* Search result TABLES */
#gradient-style {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin-right: 1px;
	margin-left: 1px;
	width: 540px;
	text-align: left;
	border-collapse: collapse;
}

#gradient-style th {
	font-size: 12px;
	font-weight: normal;
	padding: 3px;
	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: 20px;
	/*padding-left: 30px; */
	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;

}

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