 /********************** PLEASE NOTE ************************* /  
 /															   /		
 / IMPORTANT: Please ensure you are familiar with CSS protocol /
 / before making ANY CHANGES. 	                               /
 /															   /
 /*************************************************************/ 
 
 
 /****************** Site constant tags ********************** /  
 /															   /		
 / The tags below are NOT to be modified, deleted or added to. /
 / Doing so will result in deviation from the Opengear         /
 / template.                                                   /
 /															   /
 /*************************************************************/
 
 
 /* General Fonts, Links, Structural Elements and Body Tags */

 body 		 	 		{
 background-image: url("images/back_main.gif");
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#F8F8F8;
	font:normal 100% tahoma, arial;
	margin: 10px;
	
}
 font, th, td, p, div  	{ font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size:70%; line-height: 17px; }
 a						{
	color: #000000;
	text-decoration: none;
	font-style:normal;
	font-size: 110%;
	font-weight: 400;
}
 a img { border-width: 0; }
 a:hover				{
	color: #CC3333;
	text-decoration: underline;
	padding: 0px;
	height: auto;
	width: inherit;
	border-style: none;
}
 
 /* Menu */
 
 td.menu				{ background-image: url("images/menu_background.gif"); height: 24px; }
 
 /* Red Line */
  
 #redline				{ background-color: #E20303; width: 899px; }
 #redline-small				{ background-color: #E20303; width: 250px; }
 
 /* Feature */
 
 td.feature				{ background-color: #000; background-image: url("images/feature_background.gif"); border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
 
 /* Grey Divider */
  
 #grey-divider			{ background-image: url("images/divider_background.gif"); border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; }
 #grey-divider-small	{ background-color: #CCCCCC; width: 100%; }
 
 /* News and Events */
 
 #news-header			{ background-color: #9D9D9D; height: 65px; border-bottom: 1px solid #FFF; }
 td.news-shadow			{ background-image: url("images/shadow_news.gif"); }
 td.content-shadow		{ background-image: url("images/shadow_content.gif"); }
 td.content-border		{
	background-color: #ffffff;
	border-left: 1px solid #E20303;
}
 #news				    { font-size: 90%; padding-left: 49px; padding-right: 20px; }
 #graph					{ font-size: 90%; background-color: #E8E8E8; width: 170px; }
 td.graph-back			{ background-color: #E8E8E8; padding: 20px; }

 /* Footer */
 
 td.footer				{ background-image: url("images/footer_background.gif"); }
 td.blackline			{ color: #C8C8C8; font-size: 60%; background-image: url("images/menu_background.gif"); border-top: 1px solid #FFF; padding: 4px; padding-left: 49px; }
 td.redline 			{ color: #C8C8C8; font-size: 60%; background-image: url("images/menu_background.gif"); border-top: 1px solid #FFF; padding: 4px; padding-left: 49px; }
 td.blackline a			{ color: #FFF; text-decoration: none; font-weight: normal; }
 td.blackline a:hover	{ color: #FFF; text-decoration: underline; font-weight: normal; }
 
 /* Formatting */
  
 .content-header		{ background-color: #000; background-image: url("images/header-gradient2.gif"); border-top: 1px solid #E20303; border-bottom: 1px solid #E20303; border-right: 1px solid #FFF; padding-left: 49px; font-family: Tahoma, Arial, Verdana; font-size: 130%; font-weight: bold; color: #FFF; }
 #content				{ padding-left: 49px; padding-right: 40px; font-size: 100%; }
 #content3				{ padding-left: 30px; padding-right: 30px; font-size: 12px; border:none;}
 #content2				{ padding-left: 0px; padding-right: 0px; font-size: 100%; }
 #tabled-middle-content	{ padding-left: 5px; font-family: Arial, Verdana; font-size: 12px; }
 #tabled-content		{ padding-left: 0px; padding-right: 0px; font-size: 10px; border: 1px solid #999999; }
 #tabled-content2		{ padding-left: 10px; font-family: Arial, Verdana; font-size: 10px; }
 #tabled-content4		{ padding-left: 1px; font-family: Arial, Verdana; font-size: 9px; color: #333333; }
 #tabled-content-tabs	{ padding-left: 10px; font-family: Tahoma, Arial, Verdana; font-size: 11px; border-bottom: 1px solid #CCCCCC; }
 #tabled-content3		{ padding-left: 10px; font-family: Arial, Verdana; font-size: 11px; border-top: 1px solid #333333; border-bottom: 1px solid #333333; border-right: 1px solid #333333; border-left: 1px solid #333333; }
 #tabled-left-content	{ padding-left: 5px; font-family: Arial, Verdana; font-size: 11px; }
 #tabled-content-prod	{ padding-left: 10px; font-size: 100%; }
 .sub-title				{ font-family:  Arial, Verdana; font-size: 130%; font-weight: bold; }
 td.related-column		{ background-color: #ffffff; }
 #related-links			{ padding: 5px;  font-size: 90%; }
 #related-faq			{ padding: 10px;  font-family: Arial, Verdana; font-size: 12px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
 #box					{ border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; font-size: 100%;}
 #related				{ background: #CCCCCC; padding-left: 5px; padding-right: 0px; padding-top: 1px; padding-bottom: 1px; font-size: 110%; border-bottom: 1px solid #FFF; }
 #related-b				{ background: #ffffff; padding-left: 5px; padding-right: 0px; padding-top: 1px; padding-bottom: 1px; font-size: 110%; border-bottom: 1px solid #FFF; border-left: 1px solid #999999; border-right: 1px solid #999999; }
  #related-i				{ background: #ffffff; padding-right: 0px; padding-top: 1px; padding-bottom: 1px; font-size: 110%; border-bottom: 1px solid #FFF; border-left: 1px solid #999999; border-right: 1px solid #999999; }
 #related-bottom		{ background: #ffffff; padding-left: 5px; padding-right: 0px; padding-top: 1px; padding-bottom: 1px; font-size: 110%; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; }
 #related-c	 	 	    { background: #669999; padding: 1px; font-size: 110%; border-bottom: 1px solid #FFF; }
 #related-d				{ background: #ffffff; padding: 1px; padding-left: 20px; font-size: 100%; border-bottom: 1px solid #FFF; border-left: 1px solid #999999; border-right: 1px solid #999999;}
 #related-a				{ background-image: url("images/menu_background.gif"); padding-left: 3px; font-size: 100%; border-bottom: 1px solid #999999;}
 #related a				{ color: #4C4C4C; }
 #related a:hover		{ color: #003366; }
 #content-border		{ background-color: #ffffff; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
